/* Tema: Portfolio Matu — Mauss DS 0.2.0 — generado por theme-compiler.js */ @layer ms.system, ms.theme, ms.attributes; @layer ms.theme { :root, [data-ms-scheme="primary"], [data-ms-scheme="frambuesa"] { --ms-color_0: #ffffff; --ms-color_5: #ffedec; --ms-color_10: #ffdada; --ms-color_20: #ffb3b4; --ms-color_30: #ff888e; --ms-color_40: #ff5166; --ms-color_50: #ed0045; --ms-color_60: #be0036; --ms-color_70: #920027; --ms-color_80: #680019; --ms-color_90: #40000c; --ms-color_95: #2c0006; --ms-color_100: #010000; --ms-color_focus15: #a1dcff; --ms-color_focus60: #00658e; --ms-color_neutral: 90; --_ms-color_lightHue: 1; } [data-ms-scheme="secondary"], [data-ms-scheme="tinta"] { --ms-color_0: #ffffff; --ms-color_5: #ecf0ff; --ms-color_10: #dae2ff; --ms-color_20: #bac5f1; --ms-color_30: #9faad4; --ms-color_40: #858fb9; --ms-color_50: #6c759d; --ms-color_60: #545c83; --ms-color_70: #3d4569; --ms-color_80: #272e51; --ms-color_90: #141939; --ms-color_95: #0a0d2d; --ms-color_100: #000002; --ms-color_focus15: #ffc9a6; --ms-color_focus60: #944a00; --ms-color_neutral: 85; --_ms-color_lightHue: 0; } [data-ms-scheme="accent"], [data-ms-scheme="turquesa"] { --ms-color_0: #ffffff; --ms-color_5: #aefffe; --ms-color_10: #89f4f3; --ms-color_20: #6cd7d6; --ms-color_30: #4ebbbb; --ms-color_40: #2ca0a0; --ms-color_50: #008585; --ms-color_60: #006a6a; --ms-color_70: #004f50; --ms-color_80: #003737; --ms-color_90: #002020; --ms-color_95: #001414; --ms-color_100: #000000; --ms-color_focus15: #ffc9a6; --ms-color_focus60: #944a00; --ms-color_neutral: 90; --_ms-color_lightHue: 1; } [data-ms-scheme="error"] { --ms-color_0: #ffffff; --ms-color_5: #ffede6; --ms-color_10: #ffdbcc; --ms-color_20: #ffb596; --ms-color_30: #ff8c58; --ms-color_40: #e2703a; --ms-color_50: #c4551a; --ms-color_60: #a23f00; --ms-color_70: #7c2e00; --ms-color_80: #571e00; --ms-color_90: #360f00; --ms-color_95: #250800; --ms-color_100: #000000; --ms-color_focus15: #a1dcff; --ms-color_focus60: #00658e; --_ms-color_lightHue: 0; } [data-ms-scheme="warning"] { --ms-color_0: #ffffff; --ms-color_5: #ffeed8; --ms-color_10: #ffddb0; --ms-color_20: #f2bd71; --ms-color_30: #d6a256; --ms-color_40: #ba873a; --ms-color_50: #9e6e1a; --ms-color_60: #815600; --ms-color_70: #624000; --ms-color_80: #442b00; --ms-color_90: #291800; --ms-color_95: #1b0e00; --ms-color_100: #000000; --ms-color_focus15: #a1dcff; --ms-color_focus60: #00658e; --_ms-color_lightHue: 0; } [data-ms-scheme="success"] { --ms-color_0: #ffffff; --ms-color_5: #c6ffc6; --ms-color_10: #95f999; --ms-color_20: #79dc7e; --ms-color_30: #5cc063; --ms-color_40: #3fa449; --ms-color_50: #1e892e; --ms-color_60: #006e1a; --ms-color_70: #005311; --ms-color_80: #003909; --ms-color_90: #002203; --ms-color_95: #001501; --ms-color_100: #000000; --ms-color_focus15: #ffc9a6; --ms-color_focus60: #944a00; --_ms-color_lightHue: 0; } [data-ms-scheme="info"] { --ms-color_0: #ffffff; --ms-color_5: #e6f2ff; --ms-color_10: #cde5ff; --ms-color_20: #99cbff; --ms-color_30: #60b0ff; --ms-color_40: #3c95e7; --ms-color_50: #1b7aca; --ms-color_60: #0060a7; --ms-color_70: #004880; --ms-color_80: #00325b; --ms-color_90: #001c38; --ms-color_95: #001126; --ms-color_100: #000002; --ms-color_focus15: #ffc9a6; --ms-color_focus60: #944a00; --_ms-color_lightHue: 0; } :root { --ms-typographyFamily_sans: "Atkinson Hyperlegible Next", sans-serif; --ms-typographyFamily_serif: "Atkinson Hyperlegible Next", serif; --ms-typographyFamily_slab: "League Spartan", serif; --ms-typographyFamily_hand: "League Spartan", cursive; --ms-typographyFamily_mono: "Atkinson Hyperlegible Mono", monospace; --ms-textStyle_displayL_family: var(--ms-typographyFamily_slab); --ms-textStyle_displayL_weight: var(--ms-typographyWeight_400); --ms-textStyle_displayM_family: var(--ms-typographyFamily_slab); --ms-textStyle_displayM_weight: var(--ms-typographyWeight_400); --ms-textStyle_displayS_family: var(--ms-typographyFamily_slab); --ms-textStyle_displayS_weight: var(--ms-typographyWeight_400); --ms-textStyle_headlineL_family: var(--ms-typographyFamily_slab); --ms-textStyle_headlineL_weight: var(--ms-typographyWeight_400); --ms-textStyle_headlineM_family: var(--ms-typographyFamily_slab); --ms-textStyle_headlineM_weight: var(--ms-typographyWeight_400); --ms-textStyle_headlineS_family: var(--ms-typographyFamily_slab); --ms-textStyle_headlineS_weight: var(--ms-typographyWeight_400); --ms-textStyle_titleL_family: var(--ms-typographyFamily_slab); --ms-textStyle_titleL_weight: var(--ms-typographyWeight_400); --ms-textStyle_titleM_family: var(--ms-typographyFamily_slab); --ms-textStyle_titleM_weight: var(--ms-typographyWeight_400); --ms-textStyle_titleS_family: var(--ms-typographyFamily_slab); --ms-textStyle_titleS_weight: var(--ms-typographyWeight_400); --ms-textStyle_labelL_weight: var(--ms-typographyWeight_400); --ms-textStyle_labelM_weight: var(--ms-typographyWeight_400); --ms-textStyle_labelS_weight: var(--ms-typographyWeight_400); --ms-radiusRole_action: var(--ms-radius_s); --ms-radiusRole_control: var(--ms-radius_xs); --ms-radiusRole_indicator: var(--ms-radius_xs); --ms-radiusRole_container: var(--ms-radius_m); --ms-radiusRole_floating: var(--ms-radius_m); --ms-radiusRole_media: var(--ms-radius_s); --ms-radiusRole_detail: var(--ms-radius_2xs); --ms-strokeRole_outline: var(--ms-stroke_1); --ms-strokeRole_divider: var(--ms-stroke_1); --ms-strokeRole_raised: var(--ms-stroke_0); --ms-shadowRole_action_near: var(--ms-effectShadow_0_near); --ms-shadowRole_action_far: var(--ms-effectShadow_0_far); --ms-shadowRole_action_color: 0; --ms-shadowRole_action_neon: 0; --ms-shadowRole_region_near: var(--ms-effectShadow_0_near); --ms-shadowRole_region_far: var(--ms-effectShadow_0_far); --ms-shadowRole_region_color: 0; --ms-shadowRole_region_neon: 0; --ms-shadowRole_floating_near: var(--ms-effectShadow_2_near); --ms-shadowRole_floating_far: var(--ms-effectShadow_2_far); --ms-shadowRole_floating_color: 0; --ms-shadowRole_floating_neon: 0; --ms-spacingRole_item: var(--ms-spacing_8); --ms-spacingRole_part: var(--ms-spacing_16); --ms-spacingRole_block: var(--ms-spacing_32); --ms-spacingRole_group: var(--ms-spacing_64); --ms-spacingRole_container: var(--ms-spacing_24); --ms-spacingRole_cell: var(--ms-spacing_12); --ms-spacingRole_inset: var(--ms-spacing_32); --ms-layoutGap: var(--ms-spacing_48); --ms-layoutGutter_compact: var(--ms-spacing_24); --ms-layoutGutter_medium: var(--ms-spacing_48); --ms-layoutGutter_expanded: var(--ms-spacing_64); --ms-icon_menu: url("../icons/list-light.svg"); --ms-icon_close: url("../icons/x-light.svg"); --ms-icon_arrowBack: url("../icons/arrow-left-light.svg"); --ms-icon_arrowForward: url("../icons/arrow-right-light.svg"); --ms-icon_arrowUp: url("../icons/arrow-up-light.svg"); --ms-icon_arrowDown: url("../icons/arrow-down-light.svg"); --ms-icon_chevronLeft: url("../icons/caret-left-light.svg"); --ms-icon_chevronRight: url("../icons/caret-right-light.svg"); --ms-icon_chevronUp: url("../icons/caret-up-light.svg"); --ms-icon_chevronDown: url("../icons/caret-down-light.svg"); --ms-icon_home: url("../icons/house-light.svg"); --ms-icon_externalLink: url("../icons/arrow-square-out-light.svg"); --ms-icon_moreHorizontal: url("../icons/dots-three-light.svg"); --ms-icon_moreVertical: url("../icons/dots-three-vertical-light.svg"); --ms-icon_firstPage: url("../icons/caret-double-left-light.svg"); --ms-icon_lastPage: url("../icons/caret-double-right-light.svg"); --ms-icon_selector: url("../icons/caret-up-down-light.svg"); --ms-icon_dragHandle: url("../icons/dots-six-vertical-light.svg"); --ms-icon_sidebar: url("../icons/sidebar-simple-light.svg"); --ms-icon_search: url("../icons/magnifying-glass-light.svg"); --ms-icon_add: url("../icons/plus-light.svg"); --ms-icon_remove: url("../icons/minus-light.svg"); --ms-icon_edit: url("../icons/pencil-simple-light.svg"); --ms-icon_delete: url("../icons/trash-light.svg"); --ms-icon_download: url("../icons/download-simple-light.svg"); --ms-icon_upload: url("../icons/upload-simple-light.svg"); --ms-icon_share: url("../icons/share-network-light.svg"); --ms-icon_copy: url("../icons/copy-light.svg"); --ms-icon_link: url("../icons/link-light.svg"); --ms-icon_filter: url("../icons/funnel-light.svg"); --ms-icon_sort: url("../icons/sort-ascending-light.svg"); --ms-icon_refresh: url("../icons/arrows-clockwise-light.svg"); --ms-icon_settings: url("../icons/gear-light.svg"); --ms-icon_fullscreen: url("../icons/arrows-out-light.svg"); --ms-icon_save: url("../icons/floppy-disk-light.svg"); --ms-icon_undo: url("../icons/arrow-counter-clockwise-light.svg"); --ms-icon_redo: url("../icons/arrow-clockwise-light.svg"); --ms-icon_print: url("../icons/printer-light.svg"); --ms-icon_zoomIn: url("../icons/magnifying-glass-plus-light.svg"); --ms-icon_zoomOut: url("../icons/magnifying-glass-minus-light.svg"); --ms-icon_exitFullscreen: url("../icons/arrows-in-light.svg"); --ms-icon_clear: url("../icons/x-circle-light.svg"); --ms-icon_archive: url("../icons/archive-light.svg"); --ms-icon_pin: url("../icons/push-pin-light.svg"); --ms-icon_qrCode: url("../icons/qr-code-light.svg"); --ms-icon_check: url("../icons/check-light.svg"); --ms-icon_success: url("../icons/check-circle-light.svg"); --ms-icon_error: url("../icons/warning-circle-light.svg"); --ms-icon_warning: url("../icons/warning-light.svg"); --ms-icon_info: url("../icons/info-light.svg"); --ms-icon_help: url("../icons/question-light.svg"); --ms-icon_notification: url("../icons/bell-light.svg"); --ms-icon_lock: url("../icons/lock-light.svg"); --ms-icon_unlock: url("../icons/lock-open-light.svg"); --ms-icon_visible: url("../icons/eye-light.svg"); --ms-icon_hidden: url("../icons/eye-slash-light.svg"); --ms-icon_loading: url("../icons/circle-notch-light.svg"); --ms-icon_blocked: url("../icons/prohibit-light.svg"); --ms-icon_flag: url("../icons/flag-light.svg"); --ms-icon_verified: url("../icons/seal-check-light.svg"); --ms-icon_notificationOff: url("../icons/bell-slash-light.svg"); --ms-icon_security: url("../icons/shield-light.svg"); --ms-icon_play: url("../icons/play-light.svg"); --ms-icon_pause: url("../icons/pause-light.svg"); --ms-icon_volume: url("../icons/speaker-high-light.svg"); --ms-icon_mute: url("../icons/speaker-x-light.svg"); --ms-icon_image: url("../icons/image-light.svg"); --ms-icon_video: url("../icons/video-camera-light.svg"); --ms-icon_music: url("../icons/music-note-light.svg"); --ms-icon_microphone: url("../icons/microphone-light.svg"); --ms-icon_film: url("../icons/film-strip-light.svg"); --ms-icon_theater: url("../icons/mask-happy-light.svg"); --ms-icon_stop: url("../icons/stop-light.svg"); --ms-icon_skipNext: url("../icons/skip-forward-light.svg"); --ms-icon_skipPrevious: url("../icons/skip-back-light.svg"); --ms-icon_camera: url("../icons/camera-light.svg"); --ms-icon_headphones: url("../icons/headphones-light.svg"); --ms-icon_live: url("../icons/broadcast-light.svg"); --ms-icon_subtitles: url("../icons/subtitles-light.svg"); --ms-icon_user: url("../icons/user-light.svg"); --ms-icon_users: url("../icons/users-light.svg"); --ms-icon_login: url("../icons/sign-in-light.svg"); --ms-icon_logout: url("../icons/sign-out-light.svg"); --ms-icon_mail: url("../icons/envelope-light.svg"); --ms-icon_phone: url("../icons/phone-light.svg"); --ms-icon_chat: url("../icons/chat-circle-light.svg"); --ms-icon_send: url("../icons/paper-plane-tilt-light.svg"); --ms-icon_userAdd: url("../icons/user-plus-light.svg"); --ms-icon_account: url("../icons/user-circle-light.svg"); --ms-icon_calendar: url("../icons/calendar-blank-light.svg"); --ms-icon_clock: url("../icons/clock-light.svg"); --ms-icon_ticket: url("../icons/ticket-light.svg"); --ms-icon_location: url("../icons/map-pin-light.svg"); --ms-icon_map: url("../icons/map-trifold-light.svg"); --ms-icon_globe: url("../icons/globe-light.svg"); --ms-icon_language: url("../icons/translate-light.svg"); --ms-icon_history: url("../icons/clock-counter-clockwise-light.svg"); --ms-icon_duration: url("../icons/hourglass-light.svg"); --ms-icon_reservation: url("../icons/calendar-check-light.svg"); --ms-icon_directions: url("../icons/navigation-arrow-light.svg"); --ms-icon_venue: url("../icons/buildings-light.svg"); --ms-icon_file: url("../icons/file-text-light.svg"); --ms-icon_folder: url("../icons/folder-light.svg"); --ms-icon_attachment: url("../icons/paperclip-light.svg"); --ms-icon_cart: url("../icons/shopping-cart-light.svg"); --ms-icon_payment: url("../icons/credit-card-light.svg"); --ms-icon_tag: url("../icons/tag-light.svg"); --ms-icon_receipt: url("../icons/receipt-light.svg"); --ms-icon_wallet: url("../icons/wallet-light.svg"); --ms-icon_gift: url("../icons/gift-light.svg"); --ms-icon_store: url("../icons/storefront-light.svg"); --ms-icon_discount: url("../icons/percent-light.svg"); --ms-icon_star: url("../icons/star-light.svg"); --ms-icon_favorite: url("../icons/heart-light.svg"); --ms-icon_bookmark: url("../icons/bookmark-simple-light.svg"); --ms-icon_grid: url("../icons/squares-four-light.svg"); --ms-icon_list: url("../icons/list-bullets-light.svg"); --ms-icon_lightMode: url("../icons/sun-light.svg"); --ms-icon_darkMode: url("../icons/moon-light.svg"); --ms-icon_accessibility: url("../icons/wheelchair-light.svg"); --ms-icon_thumbsUp: url("../icons/thumbs-up-light.svg"); --ms-icon_thumbsDown: url("../icons/thumbs-down-light.svg"); --ms-icon_award: url("../icons/trophy-light.svg"); --ms-icon_news: url("../icons/newspaper-light.svg"); --ms-icon_book: url("../icons/book-open-light.svg"); --ms-icon_quote: url("../icons/quotes-light.svg"); --ms-icon_featured: url("../icons/sparkle-light.svg"); --ms-icon_dashboard: url("../icons/layout-light.svg"); --ms-icon_chart: url("../icons/chart-bar-light.svg"); --ms-icon_table: url("../icons/table-light.svg"); --ms-icon_layers: url("../icons/stack-light.svg"); --ms-icon_bold: url("../icons/text-b-light.svg"); --ms-icon_italic: url("../icons/text-italic-light.svg"); --ms-icon_underline: url("../icons/text-underline-light.svg"); --ms-icon_alignLeft: url("../icons/text-align-left-light.svg"); --ms-icon_alignCenter: url("../icons/text-align-center-light.svg"); --ms-icon_alignRight: url("../icons/text-align-right-light.svg"); --ms-icon_listOrdered: url("../icons/list-numbers-light.svg"); --ms-icon_heading: url("../icons/text-h-light.svg"); --ms-icon_code: url("../icons/code-light.svg"); --ms-icon_desktop: url("../icons/desktop-light.svg"); --ms-icon_mobile: url("../icons/device-mobile-light.svg"); --ms-icon_cloud: url("../icons/cloud-light.svg"); --ms-icon_key: url("../icons/key-light.svg"); --ms-titleTextStyle_1_family: var(--ms-textStyle_headlineL_family); --ms-titleTextStyle_1_size: var(--ms-textStyle_headlineL_size); --ms-titleTextStyle_1_lineHeight: var(--ms-textStyle_headlineL_lineHeight); --ms-titleTextStyle_1_weight: var(--ms-textStyle_headlineL_weight); --ms-titleTextStyle_2_family: var(--ms-textStyle_headlineM_family); --ms-titleTextStyle_2_size: var(--ms-textStyle_headlineM_size); --ms-titleTextStyle_2_lineHeight: var(--ms-textStyle_headlineM_lineHeight); --ms-titleTextStyle_2_weight: var(--ms-textStyle_headlineM_weight); --ms-titleTextStyle_3_family: var(--ms-textStyle_titleL_family); --ms-titleTextStyle_3_size: var(--ms-textStyle_titleL_size); --ms-titleTextStyle_3_lineHeight: var(--ms-textStyle_titleL_lineHeight); --ms-titleTextStyle_3_weight: var(--ms-textStyle_titleL_weight); --ms-titleTextStyle_4_family: var(--ms-textStyle_titleM_family); --ms-titleTextStyle_4_size: var(--ms-textStyle_titleM_size); --ms-titleTextStyle_4_lineHeight: var(--ms-textStyle_titleM_lineHeight); --ms-titleTextStyle_4_weight: var(--ms-textStyle_titleM_weight); --ms-paragraphTextStyle_family: var(--ms-textStyle_bodyM_family); --ms-paragraphTextStyle_size: var(--ms-textStyle_bodyM_size); --ms-paragraphTextStyle_lineHeight: var(--ms-textStyle_bodyM_lineHeight); --ms-paragraphTextStyle_weight: var(--ms-textStyle_bodyM_weight); --ms-tableHeaderTextStyle_family: var(--ms-textStyle_labelM_family); --ms-tableHeaderTextStyle_size: var(--ms-textStyle_labelM_size); --ms-tableHeaderTextStyle_lineHeight: var(--ms-textStyle_labelM_lineHeight); --ms-tableHeaderTextStyle_weight: var(--ms-textStyle_labelM_weight); --ms-buttonTextStyle_s_family: var(--ms-textStyle_labelS_family); --ms-buttonTextStyle_s_size: var(--ms-textStyle_labelS_size); --ms-buttonTextStyle_s_lineHeight: var(--ms-textStyle_labelS_lineHeight); --ms-buttonTextStyle_s_weight: var(--ms-textStyle_labelS_weight); --ms-buttonTextStyle_m_family: var(--ms-textStyle_labelM_family); --ms-buttonTextStyle_m_size: var(--ms-textStyle_labelM_size); --ms-buttonTextStyle_m_lineHeight: var(--ms-textStyle_labelM_lineHeight); --ms-buttonTextStyle_m_weight: var(--ms-textStyle_labelM_weight); --ms-buttonTextStyle_l_family: var(--ms-textStyle_labelL_family); --ms-buttonTextStyle_l_size: var(--ms-textStyle_labelL_size); --ms-buttonTextStyle_l_lineHeight: var(--ms-textStyle_labelL_lineHeight); --ms-buttonTextStyle_l_weight: var(--ms-textStyle_labelL_weight); --ms-badgeTextStyle_family: var(--ms-textStyle_labelS_family); --ms-badgeTextStyle_size: var(--ms-textStyle_labelS_size); --ms-badgeTextStyle_lineHeight: var(--ms-textStyle_labelS_lineHeight); --ms-badgeTextStyle_weight: var(--ms-textStyle_labelS_weight); --ms-figureCaptionTextStyle_family: var(--ms-textStyle_bodyS_family); --ms-figureCaptionTextStyle_size: var(--ms-textStyle_bodyS_size); --ms-figureCaptionTextStyle_lineHeight: var(--ms-textStyle_bodyS_lineHeight); --ms-figureCaptionTextStyle_weight: var(--ms-textStyle_bodyS_weight); --ms-navMenuItemTextStyle_family: var(--ms-textStyle_bodyS_family); --ms-navMenuItemTextStyle_size: var(--ms-textStyle_bodyS_size); --ms-navMenuItemTextStyle_lineHeight: var(--ms-textStyle_bodyS_lineHeight); --ms-navMenuItemTextStyle_weight: var(--ms-textStyle_bodyS_weight); --ms-navMenuGroupTextStyle_family: var(--ms-textStyle_labelM_family); --ms-navMenuGroupTextStyle_size: var(--ms-textStyle_labelM_size); --ms-navMenuGroupTextStyle_lineHeight: var(--ms-textStyle_labelM_lineHeight); --ms-navMenuGroupTextStyle_weight: var(--ms-textStyle_labelM_weight); --ms-fieldLabelTextStyle_family: var(--ms-textStyle_labelM_family); --ms-fieldLabelTextStyle_size: var(--ms-textStyle_labelM_size); --ms-fieldLabelTextStyle_lineHeight: var(--ms-textStyle_labelM_lineHeight); --ms-fieldLabelTextStyle_weight: var(--ms-textStyle_labelM_weight); --ms-fieldHintTextStyle_family: var(--ms-textStyle_bodyS_family); --ms-fieldHintTextStyle_size: var(--ms-textStyle_bodyS_size); --ms-fieldHintTextStyle_lineHeight: var(--ms-textStyle_bodyS_lineHeight); --ms-fieldHintTextStyle_weight: var(--ms-textStyle_bodyS_weight); --ms-inputTextStyle_family: var(--ms-textStyle_bodyL_family); --ms-inputTextStyle_size: var(--ms-textStyle_bodyL_size); --ms-inputTextStyle_lineHeight: var(--ms-textStyle_bodyL_lineHeight); --ms-inputTextStyle_weight: var(--ms-textStyle_bodyL_weight); --ms-dropPanelOptionTextStyle_family: var(--ms-textStyle_bodyL_family); --ms-dropPanelOptionTextStyle_size: var(--ms-textStyle_bodyL_size); --ms-dropPanelOptionTextStyle_lineHeight: var(--ms-textStyle_bodyL_lineHeight); --ms-dropPanelOptionTextStyle_weight: var(--ms-textStyle_bodyL_weight); --ms-avatarTextStyle_s_family: var(--ms-textStyle_labelS_family); --ms-avatarTextStyle_s_size: var(--ms-textStyle_labelS_size); --ms-avatarTextStyle_s_lineHeight: var(--ms-textStyle_labelS_lineHeight); --ms-avatarTextStyle_s_weight: var(--ms-textStyle_labelS_weight); --ms-avatarTextStyle_m_family: var(--ms-textStyle_labelM_family); --ms-avatarTextStyle_m_size: var(--ms-textStyle_labelM_size); --ms-avatarTextStyle_m_lineHeight: var(--ms-textStyle_labelM_lineHeight); --ms-avatarTextStyle_m_weight: var(--ms-textStyle_labelM_weight); --ms-avatarTextStyle_l_family: var(--ms-textStyle_titleM_family); --ms-avatarTextStyle_l_size: var(--ms-textStyle_titleM_size); --ms-avatarTextStyle_l_lineHeight: var(--ms-textStyle_titleM_lineHeight); --ms-avatarTextStyle_l_weight: var(--ms-textStyle_titleM_weight); --ms-avatarTextStyle_xl_family: var(--ms-textStyle_headlineM_family); --ms-avatarTextStyle_xl_size: var(--ms-textStyle_headlineM_size); --ms-avatarTextStyle_xl_lineHeight: var(--ms-textStyle_headlineM_lineHeight); --ms-avatarTextStyle_xl_weight: var(--ms-textStyle_headlineM_weight); --ms-counterTextStyle_family: var(--ms-textStyle_bodyS_family); --ms-counterTextStyle_size: var(--ms-textStyle_bodyS_size); --ms-counterTextStyle_lineHeight: var(--ms-textStyle_bodyS_lineHeight); --ms-counterTextStyle_weight: var(--ms-textStyle_bodyS_weight); --ms-tooltipTextStyle_family: var(--ms-textStyle_bodyS_family); --ms-tooltipTextStyle_size: var(--ms-textStyle_bodyS_size); --ms-tooltipTextStyle_lineHeight: var(--ms-textStyle_bodyS_lineHeight); --ms-tooltipTextStyle_weight: var(--ms-textStyle_bodyS_weight); --ms-toastTextStyle_family: var(--ms-textStyle_bodyM_family); --ms-toastTextStyle_size: var(--ms-textStyle_bodyM_size); --ms-toastTextStyle_lineHeight: var(--ms-textStyle_bodyM_lineHeight); --ms-toastTextStyle_weight: var(--ms-textStyle_bodyM_weight); --ms-messageTitleTextStyle_family: var(--ms-textStyle_labelL_family); --ms-messageTitleTextStyle_size: var(--ms-textStyle_labelL_size); --ms-messageTitleTextStyle_lineHeight: var(--ms-textStyle_labelL_lineHeight); --ms-messageTitleTextStyle_weight: var(--ms-textStyle_labelL_weight); --ms-messageTextStyle_family: var(--ms-textStyle_bodyM_family); --ms-messageTextStyle_size: var(--ms-textStyle_bodyM_size); --ms-messageTextStyle_lineHeight: var(--ms-textStyle_bodyM_lineHeight); --ms-messageTextStyle_weight: var(--ms-textStyle_bodyM_weight); --ms-accordionTitleTextStyle_family: var(--ms-textStyle_titleS_family); --ms-accordionTitleTextStyle_size: var(--ms-textStyle_titleS_size); --ms-accordionTitleTextStyle_lineHeight: var(--ms-textStyle_titleS_lineHeight); --ms-accordionTitleTextStyle_weight: var(--ms-textStyle_titleS_weight); --ms-stepperTextStyle_family: var(--ms-textStyle_labelM_family); --ms-stepperTextStyle_size: var(--ms-textStyle_labelM_size); --ms-stepperTextStyle_lineHeight: var(--ms-textStyle_labelM_lineHeight); --ms-stepperTextStyle_weight: var(--ms-textStyle_labelM_weight); --ms-tabsTextStyle_family: var(--ms-textStyle_labelL_family); --ms-tabsTextStyle_size: var(--ms-textStyle_labelL_size); --ms-tabsTextStyle_lineHeight: var(--ms-textStyle_labelL_lineHeight); --ms-tabsTextStyle_weight: var(--ms-textStyle_labelL_weight); --ms-paginatorTextStyle_family: var(--ms-textStyle_labelL_family); --ms-paginatorTextStyle_size: var(--ms-textStyle_labelL_size); --ms-paginatorTextStyle_lineHeight: var(--ms-textStyle_labelL_lineHeight); --ms-paginatorTextStyle_weight: var(--ms-textStyle_labelL_weight); --ms-breadcrumbsTextStyle_family: var(--ms-textStyle_bodyS_family); --ms-breadcrumbsTextStyle_size: var(--ms-textStyle_bodyS_size); --ms-breadcrumbsTextStyle_lineHeight: var(--ms-textStyle_bodyS_lineHeight); --ms-breadcrumbsTextStyle_weight: var(--ms-textStyle_bodyS_weight); } :is(:is([data-ms-action="filled"], .ms-button:not([data-ms-action]))):is(:hover, [data-ms-active]):not(:disabled, [aria-disabled="true"], [aria-selected="true"], [aria-current]:not([aria-current="false"], [aria-current="date"]), [aria-pressed="true"], [aria-checked="true"], :checked, :indeterminate)::before, :is(:is([data-ms-action="filled"], .ms-button:not([data-ms-action]))):is([aria-selected="true"], [aria-current]:not([aria-current="false"], [aria-current="date"]), [aria-pressed="true"], [aria-checked="true"], :checked, :indeterminate)::before, :is(:is([data-ms-action="filled"], .ms-button:not([data-ms-action]))):active:not(:disabled, [aria-disabled="true"], [aria-selected="true"], [aria-current]:not([aria-current="false"], [aria-current="date"]), [aria-pressed="true"], [aria-checked="true"], :checked, :indeterminate)::before { opacity: 0; filter: none; background: var(--_ms-stateBase, var(--ms-color_mantle)); } :is(:is([data-ms-action="filled"], .ms-button:not([data-ms-action]))):is(:hover, [data-ms-active]):not(:disabled, [aria-disabled="true"], [aria-selected="true"], [aria-current]:not([aria-current="false"], [aria-current="date"]), [aria-pressed="true"], [aria-checked="true"], :checked, :indeterminate), :is(:is([data-ms-action="filled"], .ms-button:not([data-ms-action]))):is([aria-selected="true"], [aria-current]:not([aria-current="false"], [aria-current="date"]), [aria-pressed="true"], [aria-checked="true"], :checked, :indeterminate), :is(:is([data-ms-action="filled"], .ms-button:not([data-ms-action]))):active:not(:disabled, [aria-disabled="true"], [aria-selected="true"], [aria-current]:not([aria-current="false"], [aria-current="date"]), [aria-pressed="true"], [aria-checked="true"], :checked, :indeterminate) { box-shadow: var(--_ms-actionRestShadow); color: var(--_ms-actionColor); border-color: var(--_ms-actionBorder, revert-layer); } }