@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap'); /* Daraa Design System - Focal Baseline resets and font loader */ /* The focal CSS variables (--b1_vw_*, --spacing_*, --dun_mass_*) are injected */ /* at runtime by the focal_scaling context provider. This file provides the base reset only. */ * { box-sizing: border-box; } body { margin: 0; font-family: 'Urbanist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* src/components/focal/savanna/asa/isura/isura.css */ .dun_isura { position: relative; display: var(--dun_isura_display); flex-direction: var(--dun_isura_flex_direction); align-items: var(--dun_isura_align_items); width: var(--focal_width); height: var(--focal_height); background-color: var(--dun_isura_background_color); overflow: var(--dun_isura_overflow); } .dun_isura__chassis { position: relative; display: var(--dun_isura_chassis_display); grid-template-columns: var(--dun_isura_chassis_grid_template_columns); gap: var(--dun_isura_chassis_gap); flex: var(--dun_isura_chassis_flex); width: var(--dun_isura_chassis_width); padding: var(--dun_isura_chassis_padding); padding-top: var(--dun_isura_chassis_padding_top); } .dun_isura__shell { position: relative; display: var(--dun_isura_shell_display); flex-direction: var(--dun_isura_shell_flex_direction); gap: var(--dun_isura_shell_gap); align-items: var(--dun_isura_shell_align_items); justify-content: var(--dun_isura_shell_justify_content); width: var(--dun_isura_shell_width); } .dun_isura__bunk1 { position: relative; display: var(--dun_isura_bunk1_display); flex-direction: var(--dun_isura_bunk1_flex_direction); gap: var(--dun_isura_bunk1_gap); font-size: var(--dun_isura_bunk1_font_size); font-weight: var(--dun_isura_bunk1_font_weight); color: var(--dun_isura_bunk1_color); line-height: var(--dun_isura_bunk1_line_height); } .dun_isura__bunk2 { position: relative; font-size: var(--dun_isura_bunk2_font_size); font-weight: var(--dun_isura_bunk2_font_weight); color: var(--dun_isura_bunk2_color); line-height: var(--dun_isura_bunk2_line_height); padding: var(--dun_isura_bunk2_padding); } .dun_isura__cta { position: relative; display: var(--dun_isura_cta_display); flex-direction: var(--dun_isura_cta_flex_direction); gap: var(--dun_isura_cta_gap); align-items: var(--dun_isura_cta_align_items); } .dun_isura__footer { position: relative; display: var(--dun_isura_footer_display); align-items: var(--dun_isura_footer_align_items); justify-content: var(--dun_isura_footer_justify_content); padding: var(--dun_isura_footer_padding); font-size: var(--dun_isura_footer_font_size); font-weight: var(--dun_isura_footer_font_weight); font-style: var(--dun_isura_footer_font_style); color: var(--dun_isura_footer_color); } .dun_isura--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_isura--disabled { } .dun_isura--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_isura--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_isura--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_isura, .dun_isura *, .dun_isura::before, .dun_isura::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_isura--rested { } /* src/components/objects/buttons/core/button/button.css */ .dun_button { display: var(--dun_button_display); position: var(--dun_button_position); align-items: var(--dun_button_align_items); justify-content: var(--dun_button_justify_content); flex-direction: var(--dun_button_flex_direction); border-style: var(--dun_button_border_style); overflow: var(--dun_button_overflow); user-select: var(--dun_button_user_select); transition: var(--dun_button_transition); -webkit-font-smoothing: initial; -moz-osx-font-smoothing: initial; background: var(--dun_button_background); font-family: inherit; text-decoration: var(--dun_button_text_decoration); appearance: var(--dun_button_appearance); -webkit-appearance: initial; cursor: var(--dun_button_cursor); min-width: var(--dun_button_min_width); min-height: var(--dun_button_min_height); padding-inline: var(--dun_button_padding_left) var(--dun_button_padding_right); padding-top: var(--dun_button_padding_top); padding-bottom: var(--dun_button_padding_bottom); border-radius: var(--dun_button_border_radius); color: var(--dun_button_color); border-width: var(--dun_button_border_width); border-color: var(--dun_button_border_color); box-shadow: var(--dun_button_box_shadow); opacity: var(--dun_button_opacity); outline: var(--dun_button_outline); outline-offset: var(--dun_button_outline_offset); } .dun_button::before, .dun_button::after { content: var(--dun_button_content); position: var(--dun_button_position); inset: var(--dun_button_inset); pointer-events: var(--dun_button_pointer_events); border-radius: inherit; } .dun_button::before { opacity: var(--dun_button_opacity); background: var( --dun_button_background); } .dun_button::after { opacity: var(--dun_button_opacity); background: var(--dun_button_background); transition: var(--dun_button_transition); } .dun_button__content, .dun_button__loader { position: var(--dun_button_position); z-index: var(--dun_button_z_index); display: var(--dun_button_display); align-items: var(--dun_button_align_items); justify-content: var(--dun_button_justify_content); } .dun_button__content { gap: var(--dun_button_gap); } .dun_button__loader { margin-inline-end: var(--dun_button_margin_right); } .dun_button__spinner { width: var(--dun_button_spinner_width); height: var(--dun_button_spinner_height); border: var(--dun_button_border); border-right-color: var(--dun_button_border_right_color); animation: dun-spinner var(--dun_tide_verve_duration) linear infinite; border-radius: var(--dun_button_spinner_border_radius); } @keyframes dun-spinner { from { transform: var(--dun_button_transform); } to { transform: var(--dun_button_transform); } } .dun_button--hover::after, .dun_button:hover:not(.dun_button--disabled):not(.dun_button--loading)::after { opacity: var(--dun_button_opacity); } .dun_button--active::after, .dun_button:active:not(.dun_button--disabled):not(.dun_button--loading)::after { opacity: var(--dun_button_opacity); } .dun_button--focused, .dun_button--focus, .dun_button:focus-visible, .dun_button:focus { outline: var(--dun_button_focus_outline); outline-offset: var(--dun_button_focus_outline_offset); } .dun_button--focused, .dun_button--rested, .dun_button--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_button--disabled, .dun_button--loading { pointer-events: var(--dun_button_pointer_events); } .dun_button--ghost { background: var(--dun_button_background); border-color: var(--dun_button_border_color); } .dun_button--ghost::before { display: var(--dun_button_display); } .dun_button__substrate { padding: var(--dun_button_substrate_padding); display: var(--dun_button_substrate_display); align-items: var(--dun_button_substrate_align_items); justify-content: var(--dun_button_substrate_justify_content); } .dun_button__bevel { position: var(--dun_button_bevel_position); inset: var(--dun_button_bevel_inset); opacity: var(--dun_button_bevel_opacity); pointer-events: var(--dun_button_bevel_pointer_events); border-radius: var(--dun_button_bevel_border_radius); } .dun_button__state { position: var(--dun_button_state_position); inset: var(--dun_button_state_inset); opacity: var(--dun_button_state_opacity); pointer-events: var(--dun_button_state_pointer_events); border-radius: var(--dun_button_state_border_radius); } .dun_button__label { position: var(--dun_button_label_position); z-index: var(--dun_button_label_z_index); display: var(--dun_button_label_display); align-items: var(--dun_button_label_align_items); justify-content: var(--dun_button_label_justify_content); } @media (prefers-reduced-motion: reduce) { .dun_button, .dun_button *, .dun_button::before, .dun_button::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } /* src/components/glyphs/labels/general/button_label/button_label.css */ .dun_button_label { --dun_button_label_orile_color: var(--dun_orile_color); box-sizing: var(--dun_button_label_box_sizing); gap: var(--dun_button_label_gap); display: var(--dun_button_label_display); width: var(--dun_button_label_width); line-height: var(--dun_button_label_line_height); flex-wrap: var(--dun_button_label_flex_wrap); } .dun_button_label__totem_west, .dun_button_label__totem_east { box-sizing: var(--dun_button_label_box_sizing); } .dun_button_label__chassis { display: var(--dun_button_label_display); align-items: var(--dun_button_label_align_items); justify-content: var(--dun_button_label_justify_content); } .dun_button_label__gloss { margin: var(--dun_button_label_margin); } .dun_button_label__totem_mark { display: var(--dun_button_label_display); } .dun_button_label.is-subdued .dun_button_label__gloss { font-weight: var(--dun_button_label_font_weight); } .dun_button_label--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); opacity: var(--dun_button_label_active_opacity); } .dun_button_label--disabled { opacity: var(--dun_button_label_disabled_opacity); } .dun_button_label--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); outline: var(--dun_button_label_focus_outline); } .dun_button_label--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); opacity: var(--dun_button_label_hover_opacity); } .dun_button_label--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); font-weight: var(--dun_button_label_selected_font_weight); } @media (prefers-reduced-motion: reduce) { .dun_button_label, .dun_button_label *, .dun_button_label::before, .dun_button_label::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_button_label--rested { opacity: var(--dun_button_label_rested_opacity); } /* src/components/glyphs/labels/general/orile/orile.css */ .dun_orile { display: var(--dun_orile_display); box-sizing: var(--dun_orile_box_sizing); gap: var(--dun_orile_gap); padding-top: var(--dun_orile_padding_top); padding-right: var(--dun_orile_padding_right); padding-bottom: var(--dun_orile_padding_bottom); padding-left: var(--dun_orile_padding_left); border-radius: var(--dun_orile_border_radius); border: var(--dun_orile_border); justify-content: var(--dun_orile_justify_content); flex-direction: var(--dun_orile_flex_direction); flex-wrap: var(--dun_orile_flex_wrap); overflow: var(--dun_orile_overflow); } .dun_orile--rested { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_orile--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_orile--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_orile--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_orile--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_orile--disabled { opacity: var(--dun_disabled_opacity); pointer-events: none; } @media (prefers-reduced-motion: reduce) { .dun_orile, .dun_orile *, .dun_orile::before, .dun_orile::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } /* src/components/glyphs/seals/general/running_man/running_man.css */ .dun_running_man { display: var(--dun_running_man_display); align-items: var(--dun_running_man_align_items); gap: var(--dun_running_man_gap); color: var(--dun_running_man_ink); box-sizing: var(--dun_running_man_box_sizing); padding: var(--dun_running_man_padding); border-radius: var(--dun_running_man_border_radius); border: var(--dun_running_man_border); justify-content: var(--dun_running_man_justify_content); flex-wrap: var(--dun_running_man_flex_wrap); overflow: var(--dun_running_man_overflow); overflow: var(--dun_running_man_overflow); flex-wrap: var(--dun_running_man_flex_wrap); flex-basis: var(--dun_running_man_flex_basis); } .dun_running_man__running_man { display: var(--dun_running_man_display); align-items: var(--dun_running_man_align_items); position: var(--dun_running_man_position); } .dun_running_man.is-frame1 { } .dun_running_man.is-frame2 { } .dun_running_man.is-frame3 { } .dun_running_man.is-frame4 { } .dun_running_man.is-frame5 { } .dun_running_man.is-frame6 { } .dun_running_man--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_running_man--disabled { } .dun_running_man--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_running_man--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_running_man--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_running_man, .dun_running_man *, .dun_running_man::before, .dun_running_man::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_running_man--rested { } /* src/components/elements/savanna/cornices/asa/acme/acme.css */ .dun_elements_savanna_cornices_acme { display: var(--dun_acme_display); align-items: var(--dun_acme_align_items); justify-content: var(--dun_acme_justify_content); background: var(--dun_acme_background); color: var(--dun_acme_color); border-radius: var(--dun_acme_border_radius); flex-direction: var(--dun_acme_flex_direction); flex-wrap: var(--dun_acme_flex_wrap); } .dun_acme--header { flex-shrink: var(--dun_acme_flex_shrink); width: var(--dun_acme_width); border-bottom: var(--dun_acme_header_border_bottom_width) var(--dun_acme_header_border_bottom_style) var(--dun_acme_edge); padding: var(--dun_acme_padding); gap: var(--dun_acme_gap); } .dun_acme__preview { flex: var(--dun_acme_flex); min-height: var(--dun_acme_min_height); } .dun_acme--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_acme--disabled { } .dun_acme--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_acme--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_acme--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_acme--rested { } @media (prefers-reduced-motion: reduce) { .dun_acme, .dun_acme *, .dun_acme::before, .dun_acme::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_acme__stern--menu { position: relative; } .dun_acme__stern_trigger { appearance: var(--dun_acme_trigger_appearance); background: var(--dun_acme_trigger_background); border: var(--dun_acme_trigger_border); cursor: var(--dun_acme_trigger_cursor); display: var(--dun_acme_trigger_display); align-items: var(--dun_acme_trigger_align_items); gap: var(--dun_acme_trigger_gap); padding: var(--dun_acme_trigger_padding); border-radius: var(--dun_acme_trigger_border_radius); color: var(--dun_acme_color); font: var(--dun_acme_trigger_font); transition: background var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_acme__stern_trigger:hover { background: var(--dun_hue_neutral_10); } .dun_acme__stern_trigger:active { background: var(--dun_hue_neutral_15); } .dun_acme__stern_trigger:focus-visible { outline: var(--dun_acme_focus_outline_width) solid var(--dun_acme_focus_outline_color); outline-offset: var(--dun_acme_focus_outline_offset); } .dun_acme__dropdown { position: var(--dun_acme_dropdown_position); inset-block-start: var(--dun_acme_dropdown_inset_block_start); inset-inline-end: var(--dun_acme_dropdown_inset_inline_end); min-inline-size: var(--dun_acme_dropdown_min_inline_size); padding: var(--dun_acme_dropdown_padding); display: var(--dun_acme_dropdown_display); flex-direction: var(--dun_acme_dropdown_flex_direction); gap: var(--dun_acme_dropdown_gap); background: var(--dun_hue_neutral_0); border: var(--dun_acme_dropdown_border_width) solid var(--dun_hue_neutral_30); border-radius: var(--dun_acme_dropdown_border_radius); box-shadow: var(--dun_acme_dropdown_box_shadow); z-index: var(--dun_acme_dropdown_z_index); } .dun_acme__dropdown_header { display: var(--dun_acme_dropdown_header_display); flex-direction: var(--dun_acme_dropdown_header_flex_direction); gap: var(--dun_acme_dropdown_header_gap); padding: var(--dun_acme_dropdown_header_padding); border-block-end: var(--dun_acme_dropdown_header_border_width) solid var(--dun_hue_neutral_20); } .dun_acme__dropdown_name { font-size: var(--dun_acme_dropdown_name_font_size); font-weight: var(--dun_acme_dropdown_name_font_weight); color: var(--dun_hue_neutral_90); overflow: var(--dun_acme_dropdown_name_overflow); text-overflow: var(--dun_acme_dropdown_name_text_overflow); white-space: var(--dun_acme_dropdown_name_white_space); } .dun_acme__dropdown_email { font-size: var(--dun_acme_dropdown_email_font_size); color: var(--dun_hue_neutral_60); overflow: var(--dun_acme_dropdown_email_overflow); text-overflow: var(--dun_acme_dropdown_email_text_overflow); white-space: var(--dun_acme_dropdown_email_white_space); } .dun_acme__dropdown_action { appearance: var(--dun_acme_action_appearance); border: var(--dun_acme_action_border); background: var(--dun_acme_action_background); padding: var(--dun_acme_action_padding); font-size: var(--dun_acme_action_font_size); font-weight: var(--dun_acme_action_font_weight); color: var(--dun_hue_neutral_90); text-align: var(--dun_acme_action_text_align); border-radius: var(--dun_acme_action_border_radius); cursor: var(--dun_acme_action_cursor); transition: background var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_acme__dropdown_action:hover { background: var(--dun_hue_neutral_10); } .dun_acme__dropdown_action:active { background: var(--dun_hue_neutral_15); } .dun_acme__dropdown_action:focus-visible { outline: var(--dun_acme_focus_outline_width) solid var(--dun_acme_focus_outline_color); outline-offset: var(--dun_acme_focus_outline_offset); } /* src/components/glyphs/seals/marks/logo/logo.css */ .dun_logo { display: var(--dun_logo_display); align-items: var(--dun_logo_align_items); justify-content: var(--dun_logo_justify_content); color: var(--dun_logo_ink); flex-direction: var(--dun_logo_flex_direction); position: relative; padding: var(--dun_logo_gap); border-width: var(--dun_logo_line_width); border-style: var(--dun_logo_line_style); border-radius: var(--dun_logo_shape); } .dun_logo__totem { display: var(--dun_logo_totem_display); align-items: var(--dun_logo_totem_align_items); position: var(--dun_logo_totem_position); width: var(--dun_logo_totem_width); height: var(--dun_logo_totem_height); flex-shrink: 0; color: inherit; } .dun_logo__totem svg { width: 100%; height: 100%; display: block; } .dun_logo__quill { display: var(--dun_logo_quill_display); align-items: var(--dun_logo_quill_align_items); justify-content: var(--dun_logo_quill_justify_content); position: var(--dun_logo_quill_position); font-family: var(--dun_logo_quill_font_family); font-size: var(--dun_logo_quill_font_size); font-weight: var(--dun_logo_quill_font_weight); font-style: var(--dun_logo_quill_font_style); line-height: var(--dun_logo_quill_line_height); letter-spacing: var(--dun_logo_quill_letter_spacing); text-align: var(--dun_logo_quill_text_align); color: inherit; } .dun_logo__wordmark { white-space: var(--dun_logo_quill_white_space); line-height: var(--dun_logo_quill_line_height); } .dun_logo.is-vertical { flex-direction: column; align-items: center; } .dun_logo.is-horizontal { flex-direction: row; align-items: center; } .dun_logo--rested { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_logo--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_logo--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_logo--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_logo--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_logo--disabled { opacity: var(--dun_disabled_opacity); pointer-events: none; } @media (prefers-reduced-motion: reduce) { .dun_logo, .dun_logo *, .dun_logo::before, .dun_logo::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } /* src/components/glyphs/labels/general/exposure_label/exposure_label.css */ .dun_exposure_label { box-sizing: var(--dun_exposure_label_box_sizing); gap: var(--dun_exposure_label_gap); align-items: var(--dun_exposure_label_align_items); line-height: var(--dun_exposure_label_line_height); flex-wrap: var(--dun_exposure_label_flex_wrap); } .dun_exposure_label__mode, .dun_exposure_label__totem { box-sizing: var(--dun_exposure_label_box_sizing); } .dun_exposure_label__totem_vector { display: var(--dun_exposure_label_display); } .dun_exposure_label__totem_vector path { stroke: var(--dun_exposure_label_stroke); stroke-width: var(--dun_exposure_label_stroke_width); stroke-linecap: var(--dun_exposure_label_stroke_linecap); } .dun_exposure_label__totem_vector circle { fill: var(--dun_exposure_label_fill); } .dun_exposure_label--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_exposure_label--disabled { } .dun_exposure_label--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_exposure_label--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_exposure_label--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_exposure_label, .dun_exposure_label *, .dun_exposure_label::before, .dun_exposure_label::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_exposure_label--rested { } /* src/components/objects/toggles/general/exposure/exposure.css */ .dun_exposure { display: var(--dun_exposure_display); flex-direction: var(--dun_exposure_flex_direction); align-items: var(--dun_exposure_align_items); justify-content: var(--dun_exposure_justify_content); position: var(--dun_exposure_position); cursor: var(--dun_exposure_cursor); transition: var(--dun_exposure_transition); width: var(--dun_exposure_width); height: var(--dun_exposure_height); gap: var(--dun_exposure_gap); padding: var(--dun_exposure_padding); outline: var(--dun_exposure_outline); outline-offset: calc(var(--dun_exposure_outline_offset) * 1px); border: var(--dun_exposure_border); flex-wrap: var(--dun_exposure_flex_wrap); overflow: var(--dun_exposure_overflow); } .dun_exposure__chassis { display: var(--dun_exposure_chassis_display); align-items: var(--dun_exposure_chassis_align_items); justify-content: var(--dun_exposure_chassis_justify_content); position: var(--dun_exposure_chassis_position); overflow: var(--dun_exposure_chassis_overflow); width: var(--dun_exposure_chassis_width); height: var(--dun_exposure_chassis_height); padding: var(--dun_exposure_chassis_padding); border-radius: var(--dun_exposure_chassis_border_radius); background: var(--dun_exposure_chassis_background); border-width: var(--dun_exposure_chassis_border_width); border-style: var(--dun_exposure_chassis_border_style); border-color: var(--dun_exposure_chassis_border_color); box-shadow: var(--dun_exposure_chassis_box_shadow); } .dun_exposure__scene { display: var(--dun_exposure_scene_display); flex-direction: var(--dun_exposure_scene_flex_direction); align-items: var(--dun_exposure_scene_align_items); position: var(--dun_exposure_scene_position); inset: var(--dun_exposure_scene_inset); overflow: var(--dun_exposure_scene_overflow); opacity: var(--dun_exposure_scene_opacity); } .dun_exposure__nob { display: var(--dun_exposure_nob_display); align-items: var(--dun_exposure_nob_align_items); justify-content: var(--dun_exposure_nob_justify_content); position: var(--dun_exposure_nob_position); cursor: var(--dun_exposure_nob_cursor); transition: var(--dun_exposure_nob_transition); width: var(--dun_exposure_nob_width); height: var(--dun_exposure_nob_height); padding: var(--dun_exposure_nob_padding); border-radius: var(--dun_exposure_nob_border_radius); left: var(--dun_exposure_nob_left); right: var(--dun_exposure_nob_right); background: var(--dun_exposure_nob_background); box-shadow: var(--dun_exposure_nob_box_shadow); } .dun_exposure__gloss { position: var(--dun_exposure_gloss_position); } .dun_exposure--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_exposure--disabled { } .dun_exposure--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_exposure--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_exposure--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_exposure--focus, .dun_exposure:focus-visible { outline: var(--dun_exposure_outline); outline-offset: var(--dun_exposure_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_exposure, .dun_exposure *, .dun_exposure::before, .dun_exposure::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_exposure--rested { } .dun_exposure:hover { } .dun_exposure:active { } .dun_exposure { cursor: var(--dun_exposure_cursor); } .exposure:focus-visible, .exposure:focus { outline: var(--dun_exposure_focus_outline); outline-offset: var(--dun_exposure_focus_outline_offset); } /* src/components/glyphs/labels/general/versions/versions.css */ .dun_versions { box-sizing: var(--dun_versions_box_sizing); gap: var(--dun_versions_gap); align-items: var(--dun_versions_align_items); flex-direction: var(--dun_versions_flex_direction); line-height: var(--dun_versions_line_height); flex-wrap: var(--dun_versions_flex_wrap); } .dun_versions--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_versions--disabled { } .dun_versions--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_versions--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_versions--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_versions, .dun_versions *, .dun_versions::before, .dun_versions::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_versions--rested { } /* src/components/objects/blossoms/general/berth/berth.css */ .dun_berth { width: 100%; display: var(--dun_berth_display); flex-direction: var(--dun_berth_flex_direction); align-items: var(--dun_berth_align_items); justify-content: var(--dun_berth_justify_content); position: var(--dun_berth_position); gap: var(--dun_berth_gap); background: linear-gradient( var(--dun_berth_gradient_direction), var(--dun_berth_gradient_start), var(--dun_berth_gradient_end)); -webkit-font-smoothing: initial; -moz-osx-font-smoothing: initial; overflow: var(--dun_berth_overflow); cursor: var(--dun_berth_cursor); transition: var(--dun_berth_transition); height: var(--dun_berth_height); outline: var(--dun_berth_outline); outline-offset: calc(var(--dun_berth_outline_offset) * 1px); border: var(--dun_berth_border); box-shadow: var(--dun_berth_box_shadow); flex-wrap: var(--dun_berth_flex_wrap); } .dun_berth__group { display: var(--dun_berth_group_display); flex-direction: var(--dun_berth_group_flex_direction); align-items: var(--dun_berth_group_align_items); justify-content: var(--dun_berth_group_justify_content); gap: var(--dun_berth_group_gap); position: var(--dun_berth_group_position); } .dun_berth__object { position: var(--dun_berth_object_position); inset: var(--dun_berth_object_inset); z-index: var(--dun_berth_object_z_index); } .dun_berth__bevel { position: var(--dun_berth_bevel_position); inset: var(--dun_berth_bevel_inset); z-index: var(--dun_berth_bevel_z_index); opacity: var(--dun_berth_bevel_opacity); pointer-events: var(--dun_berth_bevel_pointer_events); border-radius: var(--dun_berth_bevel_border_radius); } .dun_berth__border { position: var(--dun_berth_border_position); inset: var(--dun_berth_border_inset); z-index: var(--dun_berth_border_z_index); pointer-events: var(--dun_berth_border_pointer_events); border-radius: var(--dun_berth_border_border_radius); } .dun_berth__state_overlay { position: var(--dun_berth_state_overlay_position); inset: var(--dun_berth_state_overlay_inset); z-index: var(--dun_berth_state_overlay_z_index); opacity: var(--dun_berth_state_overlay_opacity); pointer-events: var(--dun_berth_state_overlay_pointer_events); transition: var(--dun_berth_state_overlay_transition); } .dun_berth__label_slot { position: var(--dun_berth_label_slot_position); z-index: var(--dun_berth_label_slot_z_index); display: var(--dun_berth_label_slot_display); align-items: var(--dun_berth_label_slot_align_items); justify-content: var(--dun_berth_label_slot_justify_content); gap: var(--dun_berth_label_slot_gap); padding-inline: var(--dun_berth_label_slot_padding_x); padding-top: var(--dun_berth_label_slot_padding_y); padding-bottom: var(--dun_berth_label_slot_padding_y); } .dun_berth--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_berth--disabled { } .dun_berth--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_berth--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_berth--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_berth--focus, .dun_berth:focus-visible { outline: var(--dun_berth_outline); outline-offset: var(--dun_berth_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_berth, .dun_berth *, .dun_berth::before, .dun_berth::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_berth--rested { } .dun_berth:hover { } .dun_berth:active { } .dun_berth { cursor: var(--dun_berth_cursor); } .berth:focus-visible, .berth:focus { outline: var(--dun_berth_focus_outline); outline-offset: var(--dun_berth_focus_outline_offset); } .dun_berth { min-width: var(--dun_berth_min_width); min-height: var(--dun_berth_min_height); } /* src/components/objects/buttons/info/batten/batten.css */ .dun_batten { position: var(--dun_batten_position); overflow: var(--dun_batten_overflow); transition: var(--dun_batten_transition); display: var(--dun_batten_display); flex-direction: var(--dun_batten_flex_direction); align-items: var(--dun_batten_align_items); justify-content: var(--dun_batten_justify_content); cursor: var(--dun_batten_cursor); height: var(--dun_batten_height); background-color: var(--dun_batten_background_color); opacity: var(--dun_batten_opacity); border-radius: var(--dun_batten_border_radius); box-shadow: var(--dun_batten_box_shadow); outline: var(--dun_batten_outline); outline-offset: calc(var(--dun_batten_outline_offset) * 1px); border: var(--dun_batten_border); flex-wrap: var(--dun_batten_flex_wrap); } .dun_batten--disabled { cursor: var(--dun_batten_cursor); opacity: var(--dun_batten_opacity); } .dun_batten--hover { transform: var(--dun_batten_transform); } .dun_batten--focus { outline: var(--dun_batten_outline); outline-offset: var(--dun_batten_outline_offset); } .dun_batten--pressed { transform: var(--dun_batten_transform); } .dun_batten__object { position: var(--dun_batten_object_position); inset: var(--dun_batten_object_inset); z-index: var(--dun_batten_object_z_index); } .dun_batten__bevel { position: var(--dun_batten_bevel_position); inset: var(--dun_batten_bevel_inset); z-index: var(--dun_batten_bevel_z_index); opacity: var(--dun_batten_bevel_opacity); pointer-events: var(--dun_batten_bevel_pointer_events); border-radius: var(--dun_batten_bevel_border_radius); } .dun_batten__border { position: var(--dun_batten_border_position); inset: var(--dun_batten_border_inset); z-index: var(--dun_batten_border_z_index); pointer-events: var(--dun_batten_border_pointer_events); border-radius: var(--dun_batten_border_border_radius); } .dun_batten__state_overlay { position: var(--dun_batten_state_overlay_position); inset: var(--dun_batten_state_overlay_inset); z-index: var(--dun_batten_state_overlay_z_index); opacity: var(--dun_batten_state_overlay_opacity); pointer-events: var(--dun_batten_state_overlay_pointer_events); transition: var(--dun_batten_state_overlay_transition); } .dun_batten__label_slot { position: var(--dun_batten_label_slot_position); z-index: var(--dun_batten_label_slot_z_index); display: var(--dun_batten_label_slot_display); align-items: var(--dun_batten_label_slot_align_items); justify-content: var(--dun_batten_label_slot_justify_content); gap: var(--dun_batten_label_slot_gap); padding-inline: var(--dun_batten_label_slot_padding_x); padding-top: var(--dun_batten_label_slot_padding_y); padding-bottom: var(--dun_batten_label_slot_padding_y); } .dun_batten--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_batten--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_batten--rested { } .dun_batten--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_batten--focus, .dun_batten:focus-visible { outline: var(--dun_batten_outline); outline-offset: var(--dun_batten_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_batten, .dun_batten *, .dun_batten::before, .dun_batten::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_batten:hover { } .dun_batten:active { } .dun_batten { cursor: var(--dun_batten_cursor); } .batten:focus-visible, .batten:focus { outline: var(--dun_outline) solid var(--dun_hue_focus); outline-offset: var(--dun_outline_offset); } .dun_batten { min-width: var(--dun_batten_min_width); min-height: var(--dun_batten_min_height); } /* src/components/plinths/savanna/glides/astrolabe/astrolabe.css */ .dun_astrolabe { --dun_astrolabe_basin_color: var(--dun_basin_color); display: var(--dun_astrolabe_display); flex-direction: var(--dun_astrolabe_flex_direction); height: var(--dun_astrolabe_height); background: var(--dun_astrolabe_background); border-right: var(--dun_astrolabe_border_right); outline: var(--dun_astrolabe_outline); outline-offset: calc(var(--dun_astrolabe_outline_offset) * 1px); border-radius: var(--dun_astrolabe_border_radius); } .dun_astrolabe--true { } .dun_astrolabe--false { } .dun_astrolabe__perch { padding: var(--dun_astrolabe_perch_padding); border-bottom: var(--dun_astrolabe_perch_border_bottom); } .dun_astrolabe__content { flex: var(--dun_astrolabe_content_flex); overflow: var(--dun_astrolabe_content_overflow); padding: var(--dun_astrolabe_content_padding); } .dun_astrolabe__footer { padding: var(--dun_astrolabe_footer_padding); border-top: var(--dun_astrolabe_footer_border_top); } .dun_astrolabe--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_astrolabe--disabled { } .dun_astrolabe--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_astrolabe--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_astrolabe--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_astrolabe, .dun_astrolabe *, .dun_astrolabe::before, .dun_astrolabe::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_astrolabe--rested { } /* src/components/elements/savanna/harbors/basin/basin.css */ .dun_basin { display: var(--dun_basin_display); align-items: var(--dun_basin_align_items); justify-content: var(--dun_basin_justify_content); width: var(--dun_basin_width); height: var(--dun_basin_height); padding: var(--dun_basin_padding); border-radius: var(--dun_basin_border_radius); border: var(--dun_basin_border); flex-direction: var(--dun_basin_flex_direction); overflow: var(--dun_basin_overflow); overflow: var(--dun_basin_overflow); } .dun_basin--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_basin--disabled { } .dun_basin--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_basin--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_basin--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_basin, .dun_basin *, .dun_basin::before, .dun_basin::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_basin--rested { } /* src/components/objects/tabs/atlas/harbor_tabs/harbor_tabs.css */ .dun_harbor_tabs { display: var(--dun_harbor_tabs_display); flex-direction: var(--dun_harbor_tabs_flex_direction); align-items: var(--dun_harbor_tabs_align_items); position: var(--dun_harbor_tabs_position); gap: var(--dun_harbor_tabs_gap); padding: var(--dun_harbor_tabs_padding); cursor: var(--dun_harbor_tabs_cursor); transition: var(--dun_harbor_tabs_transition); border-radius: var(--dun_harbor_tabs_border_radius); border: var(--dun_harbor_tabs_border); flex-wrap: var(--dun_harbor_tabs_flex_wrap); overflow: var(--dun_harbor_tabs_overflow); overflow: var(--dun_harbor_tabs_overflow); } .dun_harbor_tabs__icon_section { display: var(--dun_harbor_tabs_icon_section_display); flex-direction: var(--dun_harbor_tabs_icon_section_flex_direction); align-items: var(--dun_harbor_tabs_icon_section_align_items); justify-content: var(--dun_harbor_tabs_icon_section_justify_content); position: var(--dun_harbor_tabs_icon_section_position); width: var(--dun_harbor_tabs_icon_section_width); height: var(--dun_harbor_tabs_icon_section_height); } .dun_harbor_tabs__label_section { display: var(--dun_harbor_tabs_label_section_display); flex-direction: var(--dun_harbor_tabs_label_section_flex_direction); align-items: var(--dun_harbor_tabs_label_section_align_items); justify-content: var(--dun_harbor_tabs_label_section_justify_content); position: var(--dun_harbor_tabs_label_section_position); width: var(--dun_harbor_tabs_label_section_width); } .dun_harbor_tabs--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_harbor_tabs--disabled { } .dun_harbor_tabs--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_harbor_tabs--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_harbor_tabs--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_harbor_tabs--focus, .dun_harbor_tabs:focus-visible { outline: var(--dun_harbor_tabs_outline); outline-offset: var(--dun_harbor_tabs_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_harbor_tabs, .dun_harbor_tabs *, .dun_harbor_tabs::before, .dun_harbor_tabs::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_harbor_tabs--rested { } .dun_harbor_tabs:hover { } .dun_harbor_tabs:active { } .dun_harbor_tabs { cursor: var(--dun_harbor_tabs_cursor); } .harbor_tabs:focus-visible, .harbor_tabs:focus { outline: var( --dun_harbor_tabs_focus_outline); outline-offset: var(--dun_harbor_tabs_focus_outline_offset); } /* src/components/elements/neighbor/harbors/harbor/harbor.css */ .dun_harbor { display: var(--dun_harbor_display); position: var(--dun_harbor_position); padding: var(--dun_harbor_padding); border-radius: var(--dun_harbor_border_radius); border: var(--dun_harbor_border); flex-direction: var(--dun_harbor_flex_direction); overflow: var(--dun_harbor_overflow); overflow: var(--dun_harbor_overflow); flex-basis: var(--dun_harbor_flex_basis); min-width: var(--dun_harbor_min_width); } .dun_harbor--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_harbor--disabled { } .dun_harbor--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_harbor--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_harbor--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_harbor, .dun_harbor *, .dun_harbor::before, .dun_harbor::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_harbor--rested { } /* src/components/elements/savanna/compasses/scope/scope.css */ .dun_scope { min-width: var(--dun_scope_min_width); min-height: var(--dun_scope_min_height); height: var(--dun_mass_scope_h); display: var(--dun_scope_display); position: var(--dun_scope_position); flex-direction: var(--dun_scope_flex_direction); gap: var(--dun_scope_gap); padding-top: var(--dun_scope_padding_top); padding-inline-end: var(--dun_scope_padding_right); padding-bottom: var(--dun_scope_padding_bottom); padding-inline-start: var(--dun_scope_padding_left); border-radius: var(--dun_scope_border_radius); border: var(--dun_scope_border); flex-wrap: var(--dun_scope_flex_wrap); overflow: var(--dun_scope_overflow); overflow: var(--dun_scope_overflow); } .dun_scope--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_scope--disabled { } .dun_scope--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_scope--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_scope--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_scope--focus, .dun_scope:focus-visible { outline: var(--dun_scope_outline); outline-offset: var(--dun_scope_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_scope, .dun_scope *, .dun_scope::before, .dun_scope::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_scope--rested { } .dun_scope:hover { } .dun_scope:active { } .dun_scope { cursor: var(--dun_scope_cursor); } .scope:focus-visible, .scope:focus { outline: var(--dun_scope_focus_outline); outline-offset: var(--dun_scope_focus_outline_offset); } /* src/components/glyphs/badges/status/beacons/beacons.css */ .dun_beacons { display: var(--dun_beacons_display); align-items: var(--dun_beacons_align_items); justify-content: var(--dun_beacons_justify_content); flex-shrink: var(--dun_beacons_flex_shrink); position: var(--dun_beacons_position); overflow: var(--dun_beacons_overflow); width: var(--dun_beacons_width); height: var(--dun_beacons_height); border-radius: var(--dun_beacons_border_radius); background-color: var(--dun_beacons_background_color); border: var(--dun_beacons_border); padding: var(--dun_beacons_padding); gap: var(--dun_beacons_gap); box-sizing: var(--dun_beacons_box_sizing); flex-direction: var(--dun_beacons_flex_direction); } .dun_beacons__vector { width: var(--dun_beacons_width); height: var(--dun_beacons_height); border-radius: inherit; background: var(--dun_beacons_vector_background); } .dun_beacons__text { font-size: var(--dun_beacons_text_font_size); font-weight: var(--dun_beacons_text_font_weight); line-height: var(--dun_beacons_text_line_height); color: var(--dun_beacons_text_color); } .dun_beacons__icon { display: var(--dun_beacons_display); align-items: var(--dun_beacons_align_items); justify-content: var(--dun_beacons_justify_content); font-size: var(--dun_beacons_icon_font_size); font-weight: var(--dun_beacons_icon_font_weight); line-height: var(--dun_beacons_icon_line_height); color: var(--dun_beacons_icon_color); } .dun_beacons.is-live { animation: dun-beacons-pulse 2s infinite; } @keyframes dun-beacons-pulse { 0%, 100% { opacity: var(--dun_beacons_opacity); transform: var(--dun_beacons_transform); } 50% { opacity: var(--dun_beacons_opacity); transform: var(--dun_beacons_transform); } } .dun_beacons.is-status { } .dun_beacons.is-indicator { } .dun_beacons.is-counter { } .dun_beacons.is-info { } .dun_beacons--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_beacons--disabled { } .dun_beacons--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_beacons--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_beacons--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_beacons, .dun_beacons *, .dun_beacons::before, .dun_beacons::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_beacons--rested { } /* src/components/objects/tabs/atlas/compass_tabs/compass_tabs.css */ .dun_compass_tabs { display: var(--dun_compass_tabs_display); flex-direction: var(--dun_compass_tabs_flex_direction); align-items: var(--dun_compass_tabs_align_items); position: var(--dun_compass_tabs_position); gap: var(--dun_compass_tabs_gap); padding-top: var(--dun_compass_tabs_padding_y); padding-bottom: var(--dun_compass_tabs_padding_y); cursor: var(--dun_compass_tabs_cursor); transition: var(--dun_compass_tabs_transition); color: var(--dun_compass_tabs_ink); opacity: var(--dun_compass_tabs_opacity); border-radius: var(--dun_compass_tabs_border_radius); border: var(--dun_compass_tabs_border); overflow: var(--dun_compass_tabs_overflow); } .dun_compass_tabs:focus-visible { outline: var(--dun_outline) solid var(--dun_compass_tabs_palate); outline-offset: var(--dun_compass_tabs_outline_offset); } .dun_compass_tabs__stem_bar { display: var(--dun_compass_tabs_stem_bar_display); flex-direction: var(--dun_compass_tabs_stem_bar_flex_direction); align-items: var(--dun_compass_tabs_stem_bar_align_items); position: var(--dun_compass_tabs_stem_bar_position); width: var(--dun_compass_tabs_stem_bar_width); height: var(--dun_compass_tabs_stem_bar_height); background-color: var(--dun_compass_tabs_stem_color); border-radius: var(--dun_compass_tabs_stem_bar_border_radius); transition: var(--dun_compass_tabs_stem_bar_transition); } .dun_compass_tabs__icon_section { display: var(--dun_compass_tabs_icon_section_display); flex-direction: var(--dun_compass_tabs_icon_section_flex_direction); align-items: var(--dun_compass_tabs_icon_section_align_items); justify-content: var(--dun_compass_tabs_icon_section_justify_content); position: var(--dun_compass_tabs_icon_section_position); width: var(--dun_compass_tabs_icon_section_width); height: var(--dun_compass_tabs_icon_section_height); border-radius: var(--dun_compass_tabs_icon_section_border_radius); } .dun_compass_tabs__icon { width: var(--dun_compass_tabs_width); height: var(--dun_compass_tabs_height); display: var(--dun_compass_tabs_icon_section_display); align-items: var(--dun_compass_tabs_icon_section_align_items); justify-content: var(--dun_compass_tabs_icon_section_justify_content); } .dun_compass_tabs__icon svg { width: var(--dun_compass_tabs_width); height: var(--dun_compass_tabs_height); } .dun_compass_tabs__label_section { display: var(--dun_compass_tabs_label_section_display); flex-direction: var(--dun_compass_tabs_label_section_flex_direction); align-items: var(--dun_compass_tabs_label_section_align_items); justify-content: var(--dun_compass_tabs_label_section_justify_content); position: var(--dun_compass_tabs_label_section_position); width: var(--dun_compass_tabs_label_section_width); padding-top: var(--dun_compass_tabs_label_section_padding_y); padding-bottom: var(--dun_compass_tabs_label_section_padding_y); } .dun_compass_tabs__label { font-size: var(--dun_compass_tabs_label_section_font_size); font-weight: var(--dun_compass_tabs_label_section_font_weight); font-family: var(--dun_compass_tabs_label_section_font_family); line-height: var(--dun_compass_tabs_label_section_line_height); text-align: var(--dun_compass_tabs_text_align); white-space: var(--dun_compass_tabs_white_space); overflow: var(--dun_compass_tabs_overflow); text-overflow: var(--dun_compass_tabs_text_overflow); } .dun_compass_tabs__counter_section { display: var(--dun_compass_tabs_counter_section_display); flex-direction: var(--dun_compass_tabs_counter_section_flex_direction); align-items: var(--dun_compass_tabs_counter_section_align_items); justify-content: var(--dun_compass_tabs_counter_section_justify_content); position: var(--dun_compass_tabs_counter_section_position); top: var(--dun_compass_tabs_counter_section_top); right: var(--dun_compass_tabs_counter_section_right); } .dun_compass_tabs--selected .dun_compass_tabs__stem_bar { background-color: var(--dun_compass_tabs_stem_color); } .dun_compass_tabs--rested .dun_compass_tabs__stem_bar, .dun_compass_tabs--hover .dun_compass_tabs__stem_bar { background-color: var(--dun_compass_tabs_background_color); } .dun_compass_tabs--disabled { opacity: var(--dun_compass_tabs_opacity); pointer-events: var(--dun_compass_tabs_pointer_events); } .dun_compass_tabs--focused:focus-visible { outline: var(--dun_outline) solid var(--dun_compass_tabs_palate); outline-offset: var(--dun_compass_tabs_outline_offset); } .dun_compass_tabs--collapsed .dun_compass_tabs__label_section { display: var(--dun_compass_tabs_display); } .dun_compass_tabs--kawe .dun_compass_tabs__icon { border-radius: var(--dun_compass_tabs_icon_section_border_radius); } .dun_compass_tabs--neighborhood .dun_compass_tabs__icon { border-radius: var(--dun_compass_tabs_border_radius); } .dun_compass_tabs--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_compass_tabs, .dun_compass_tabs *, .dun_compass_tabs::before, .dun_compass_tabs::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_compass_tabs:hover { } .dun_compass_tabs:active { } .dun_compass_tabs { cursor: var(--dun_compass_tabs_cursor); } /* src/components/panes/sections/compasses/aspects/aspects.css */ .dun_aspects { width: 100%; display: var(--dun_aspects_display); flex-direction: var(--dun_aspects_flex_direction); align-items: var(--dun_aspects_align_items); padding: var(--dun_aspects_padding); gap: var(--dun_aspects_gap); background: var(--dun_aspects_background); color: var(--dun_aspects_color); border-radius: var(--dun_aspects_border_radius); border: var(--dun_aspects_border); flex-wrap: var(--dun_aspects_flex_wrap); overflow: var(--dun_aspects_overflow); overflow: var(--dun_aspects_overflow); flex-wrap: var(--dun_aspects_flex_wrap); } .dun_aspects__row { display: var(--dun_aspects_display); flex-direction: var(--dun_aspects_flex_direction); align-items: var(--dun_aspects_align_items); } .dun_aspects__row--indent-1 { padding-inline-start: var(--dun_aspects_padding_left); } .dun_aspects__row--indent-2 { padding-inline-start: var(--dun_aspects_padding_left); } .dun_aspects--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_aspects--disabled { } .dun_aspects--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_aspects--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_aspects--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_aspects, .dun_aspects *, .dun_aspects::before, .dun_aspects::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_aspects--rested { } /* src/components/panes/sections/compasses/parapet/parapet.css */ .dun_parapet { display: var(--dun_parapet_display); flex-direction: var(--dun_parapet_flex_direction); align-items: var(--dun_parapet_align_items); padding: var(--dun_parapet_padding); border-radius: var(--dun_parapet_border_radius); justify-content: var(--dun_parapet_justify_content); } .dun_pan_sections_compasses_parapet { display: var(--dun_parapet_display); flex-direction: var(--dun_parapet_flex_direction); align-items: var(--dun_parapet_align_items); padding: var(--dun_parapet_padding); background: var(--dun_parapet_background); color: var(--dun_parapet_color); } .dun_pan_sections_compasses_parapet_content { display: var(--dun_parapet_display); flex-direction: var(--dun_parapet_flex_direction); gap: var(--dun_parapet_gap); } .dun_pan_sections_compasses_parapet_header { border-bottom: var(--dun_parapet_border_bottom); padding-bottom: var(--dun_parapet_padding_bottom); } .dun_pan_sections_compasses_parapet_title { font-size: var(--dun_parapet_font_size); font-weight: var(--dun_parapet_font_weight); color: var(--dun_parapet_color); } .dun_pan_sections_compasses_parapet_body { color: var(--dun_parapet_color); line-height: var(--dun_parapet_line_height); } .dun_parapet--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_parapet--disabled { } .dun_parapet--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_parapet--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_parapet--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_parapet, .dun_parapet *, .dun_parapet::before, .dun_parapet::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_parapet--rested { } /* src/components/panes/sections/compasses/actions/actions.css */ .dun_actions { display: var(--dun_actions_display); flex-direction: var(--dun_actions_flex_direction); align-items: var(--dun_actions_align_items); padding: var(--dun_actions_padding); } .dun_pan_sections_compasses_actions { display: var(--dun_actions_display); flex-direction: var(--dun_actions_flex_direction); align-items: var(--dun_actions_align_items); padding: var(--dun_actions_padding); background: var(--dun_actions_background); color: var(--dun_actions_color); } .dun_pan_sections_compasses_actions_content { display: var(--dun_actions_display); flex-direction: var(--dun_actions_flex_direction); gap: var(--dun_actions_gap); } .dun_pan_sections_compasses_actions_header { border-bottom: var(--dun_actions_border_bottom); padding-bottom: var(--dun_actions_padding_bottom); } .dun_pan_sections_compasses_actions_title { font-size: var(--dun_actions_font_size); font-weight: var(--dun_actions_font_weight); color: var(--dun_actions_color); } .dun_pan_sections_compasses_actions_body { color: var(--dun_actions_color); line-height: var(--dun_actions_line_height); } .dun_actions--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_actions--disabled { } .dun_actions--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_actions--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_actions--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_actions, .dun_actions *, .dun_actions::before, .dun_actions::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_actions--rested { } /* src/components/panes/sections/compasses/adventure_detail/adventure_detail.css */ .dun_adventure_detail { display: var(--dun_adventure_detail_display); flex-direction: var(--dun_adventure_detail_flex_direction); align-items: var(--dun_adventure_detail_align_items); padding: var(--dun_adventure_detail_padding); flex-wrap: var(--dun_adventure_detail_flex_wrap); overflow: var(--dun_adventure_detail_overflow); min-height: var(--dun_adventure_detail_min_height); overflow: var(--dun_adventure_detail_overflow); min-height: var(--dun_adventure_detail_min_height); } .dun_pan_sections_compasses_adventure_detail { display: var(--dun_adventure_detail_display); flex-direction: var(--dun_adventure_detail_flex_direction); align-items: var(--dun_adventure_detail_align_items); padding: var(--dun_adventure_detail_padding); background: var(--dun_adventure_detail_background); color: var(--dun_adventure_detail_color); } .dun_pan_sections_compasses_adventure_detail_content { display: var(--dun_adventure_detail_display); flex-direction: var(--dun_adventure_detail_flex_direction); gap: var(--dun_adventure_detail_gap); } .dun_pan_sections_compasses_adventure_detail_header { border-bottom: var(--dun_adventure_detail_border_bottom); padding-bottom: var(--dun_adventure_detail_padding_bottom); } .dun_pan_sections_compasses_adventure_detail_title { font-size: var(--dun_adventure_detail_font_size); font-weight: var(--dun_adventure_detail_font_weight); color: var(--dun_adventure_detail_color); } .dun_pan_sections_compasses_adventure_detail_body { color: var(--dun_adventure_detail_color); line-height: var(--dun_adventure_detail_line_height); } .dun_adventure_detail--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_adventure_detail--disabled { } .dun_adventure_detail--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_adventure_detail--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_adventure_detail--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_adventure_detail, .dun_adventure_detail *, .dun_adventure_detail::before, .dun_adventure_detail::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_adventure_detail--rested { } /* src/components/glyphs/seals/iwa/user/user.css */ .dun_user { display: var(--dun_user_display); align-items: var(--dun_user_align_items); gap: var(--dun_user_gap); color: var(--dun_user_ink); box-sizing: var(--dun_user_box_sizing); border-radius: var(--dun_user_border_radius); justify-content: var(--dun_user_justify_content); flex-direction: var(--dun_user_flex_direction); flex-wrap: var(--dun_user_flex_wrap); overflow: var(--dun_user_overflow); overflow: var(--dun_user_overflow); flex-basis: var(--dun_user_flex_basis); min-width: var(--dun_user_min_width); } .dun_user__images { display: var(--dun_user_display); align-items: var(--dun_user_align_items); position: var(--dun_user_position); } .dun_user.is-image { } .dun_user.is-initial { } .dun_user.is-ita { } .dun_user--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_user--disabled { } .dun_user--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_user--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_user--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_user, .dun_user *, .dun_user::before, .dun_user::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_user--rested { } /* src/components/glyphs/seals/iwa/merchant/merchant.css */ .dun_merchant { display: var(--dun_merchant_display); align-items: var(--dun_merchant_align_items); gap: var(--dun_merchant_gap); color: var(--dun_merchant_ink); box-sizing: var(--dun_merchant_box_sizing); border-radius: var(--dun_merchant_border_radius); border: var(--dun_merchant_border); overflow: var(--dun_merchant_overflow); overflow: var(--dun_merchant_overflow); } .dun_merchant__avatar { display: var(--dun_merchant_display); align-items: var(--dun_merchant_align_items); position: var(--dun_merchant_position); } .dun_merchant__content { display: var(--dun_merchant_display); align-items: var(--dun_merchant_align_items); position: var(--dun_merchant_position); } .dun_merchant__emblems { display: var(--dun_merchant_display); align-items: var(--dun_merchant_align_items); position: var(--dun_merchant_position); } .dun_merchant.is-baseline { } .dun_merchant.is-verified { } .dun_merchant--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_merchant--disabled { } .dun_merchant--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_merchant--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_merchant--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_merchant, .dun_merchant *, .dun_merchant::before, .dun_merchant::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_merchant--rested { } /* src/components/glyphs/seals/disks/lede/lede.css */ .dun_lede { display: var(--dun_lede_display); align-items: var(--dun_lede_align_items); gap: var(--dun_lede_gap); color: var(--dun_lede_ink); box-sizing: var(--dun_lede_box_sizing); padding-top: var(--dun_lede_padding_top); padding-right: var(--dun_lede_padding_right); padding-bottom: var(--dun_lede_padding_bottom); padding-left: var(--dun_lede_padding_left); border-radius: var(--dun_lede_border_radius); border: var(--dun_lede_border); flex-wrap: var(--dun_lede_flex_wrap); overflow: var(--dun_lede_overflow); overflow: var(--dun_lede_overflow); flex-wrap: var(--dun_lede_flex_wrap); } .dun_lede__graphic { display: var(--dun_lede_display); align-items: var(--dun_lede_align_items); position: var(--dun_lede_position); } .dun_lede.is-curator { } .dun_lede.is-foundry { } .dun_lede.is-network { } .dun_lede.is-relay { } .dun_lede--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_lede--disabled { } .dun_lede--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_lede--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_lede--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_lede, .dun_lede *, .dun_lede::before, .dun_lede::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_lede--rested { } /* src/components/glyphs/seals/disks/ogun/ogun.css */ .dun_ogun { display: var(--dun_ogun_display); align-items: var(--dun_ogun_align_items); gap: var(--dun_ogun_gap); color: var(--dun_ogun_ink); box-sizing: var(--dun_ogun_box_sizing); padding: var(--dun_ogun_padding); border-radius: var(--dun_ogun_border_radius); border: var(--dun_ogun_border); flex-wrap: var(--dun_ogun_flex_wrap); overflow: var(--dun_ogun_overflow); overflow: var(--dun_ogun_overflow); } .dun_ogun__code { display: var(--dun_ogun_display); align-items: var(--dun_ogun_align_items); position: var(--dun_ogun_position); } .dun_ogun.is-neighbor { } .dun_ogun.is-savanna { } .dun_ogun--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_ogun--disabled { } .dun_ogun--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_ogun--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_ogun--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_ogun, .dun_ogun *, .dun_ogun::before, .dun_ogun::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_ogun--rested { } /* src/components/glyphs/seals/disks/belay/belay.css */ .dun_belay { display: var(--dun_belay_display); align-items: var(--dun_belay_align_items); gap: var(--dun_belay_gap); color: var(--dun_belay_ink); box-sizing: var(--dun_belay_box_sizing); padding: var(--dun_belay_padding); border-radius: var(--dun_belay_border_radius); border: var(--dun_belay_border); flex-wrap: var(--dun_belay_flex_wrap); overflow: var(--dun_belay_overflow); overflow: var(--dun_belay_overflow); } .dun_belay__gest { display: var(--dun_belay_display); align-items: var(--dun_belay_align_items); position: var(--dun_belay_position); } .dun_belay__scrim { display: var(--dun_belay_display); align-items: var(--dun_belay_align_items); position: var(--dun_belay_position); } .dun_belay.is-baseline { } .dun_belay.is-secure { } .dun_belay.is-warning { } .dun_belay.is-critical { } .dun_belay--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_belay--disabled { } .dun_belay--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_belay--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_belay--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_belay, .dun_belay *, .dun_belay::before, .dun_belay::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_belay--rested { } /* src/components/glyphs/seals/disks/voyager/voyager.css */ .dun_voyager { display: var(--dun_voyager_display); align-items: var(--dun_voyager_align_items); gap: var(--dun_voyager_gap); color: var(--dun_voyager_ink); box-sizing: var(--dun_voyager_box_sizing); justify-content: var(--dun_voyager_justify_content); flex-wrap: var(--dun_voyager_flex_wrap); overflow: var(--dun_voyager_overflow); overflow: var(--dun_voyager_overflow); flex-basis: var(--dun_voyager_flex_basis); min-width: var(--dun_voyager_min_width); } .dun_voyager__graphic { display: var(--dun_voyager_display); align-items: var(--dun_voyager_align_items); position: var(--dun_voyager_position); } .dun_voyager.is-baseline { } .dun_voyager--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_voyager--disabled { } .dun_voyager--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_voyager--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_voyager--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_voyager, .dun_voyager *, .dun_voyager::before, .dun_voyager::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_voyager--rested { } /* src/components/glyphs/seals/disks/impresa/impresa.css */ .dun_impresa { display: var(--dun_impresa_display); align-items: var(--dun_impresa_align_items); gap: var(--dun_impresa_gap); color: var(--dun_impresa_ink); box-sizing: var(--dun_impresa_box_sizing); border-radius: var(--dun_impresa_border_radius); border: var(--dun_impresa_border); overflow: var(--dun_impresa_overflow); overflow: var(--dun_impresa_overflow); } .dun_impresa__merchant { display: var(--dun_impresa_display); align-items: var(--dun_impresa_align_items); position: var(--dun_impresa_position); } .dun_impresa__lede { display: var(--dun_impresa_display); align-items: var(--dun_impresa_align_items); position: var(--dun_impresa_position); } .dun_impresa__ogun { display: var(--dun_impresa_display); align-items: var(--dun_impresa_align_items); position: var(--dun_impresa_position); } .dun_impresa__belay { display: var(--dun_impresa_display); align-items: var(--dun_impresa_align_items); position: var(--dun_impresa_position); } .dun_impresa__voyager { display: var(--dun_impresa_display); align-items: var(--dun_impresa_align_items); position: var(--dun_impresa_position); } .dun_impresa.is-baseline { } .dun_impresa--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_impresa--disabled { } .dun_impresa--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_impresa--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_impresa--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_impresa, .dun_impresa *, .dun_impresa::before, .dun_impresa::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_impresa--rested { } /* src/components/glyphs/labels/general/daraa_id/daraa_id.css */ .dun_daraa_id { box-sizing: var(--dun_daraa_id_box_sizing); gap: var(--dun_daraa_id_gap); justify-content: var(--dun_daraa_id_justify_content); flex-direction: var(--dun_daraa_id_flex_direction); line-height: var(--dun_daraa_id_line_height); flex-wrap: var(--dun_daraa_id_flex_wrap); } .dun_daraa_id__gloss, .dun_daraa_id__chassis { margin: var(--dun_daraa_id_margin); } .dun_daraa_id__chassis { font-variant-numeric: var(--dun_daraa_id_font_variant_numeric); } .dun_daraa_id--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_daraa_id--disabled { } .dun_daraa_id--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_daraa_id--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_daraa_id--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_daraa_id, .dun_daraa_id *, .dun_daraa_id::before, .dun_daraa_id::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_daraa_id--rested { } /* src/components/objects/fields/core/field/field.css */ .dun_field { --dun_field_field_label_color: var(--dun_field_label_color); --dun_field_orile_color: var(--dun_field_label_color); display: var(--dun_field_display); flex-direction: var(--dun_field_flex_direction); align-items: var(--dun_field_align_items); position: var(--dun_field_position); cursor: var(--dun_field_cursor); transition: var(--dun_field_transition); overflow: var(--dun_field_overflow); user-select: var(--dun_field_user_select); height: var(--dun_field_height); width: var(--dun_field_width); min-width: var(--dun_field_min_width); background: var(--dun_field_background); border-radius: var(--dun_field_border_radius); border-width: var(--dun_field_border_width); border-style: var(--dun_field_border_style); border-color: var(--dun_field_border_color); outline: var(--dun_field_outline); outline-offset: var(--dun_field_outline_offset); opacity: var(--dun_field_opacity); line-height: var(--dun_field_line_height); flex-wrap: var(--dun_field_flex_wrap); } .dun_field__peak { position: var(--dun_field_peak_position); top: var(--dun_field_peak_top); left: var(--dun_field_peak_left); z-index: var(--dun_field_peak_z_index); display: var(--dun_field_peak_display); align-items: var(--dun_field_peak_align_items); justify-content: var(--dun_field_peak_justify_content); padding: var(--dun_field_peak_padding); border-radius: var(--dun_field_peak_border_radius); background: var(--dun_field_peak_background); } .dun_field--notch { } .dun_field__peak_rail { position: absolute; top: -7px; left: 24px; display: flex; align-items: center; pointer-events: none; z-index: var(--dun_field_peak_z_index, 2); } .dun_field__peak_edge { display: none; } .dun_field--notch .dun_field__peak { position: static; background: var(--dun_field_peak_background, inherit); border: none; border-radius: 4px; padding: 0 6px; transform: none; display: inline-flex; align-items: center; } .dun_field--notch .dun_field__peak_text { font-size: 10px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--dun_field_border_color, inherit); line-height: 14px; } .dun_field__prow { display: var(--dun_field_prow_display); align-items: var(--dun_field_prow_align_items); justify-content: var(--dun_field_prow_justify_content); flex-shrink: var(--dun_field_prow_flex_shrink); width: var(--dun_field_prow_size); height: var(--dun_field_prow_size); } .dun_field__label { display: var(--dun_field_label_display); flex-direction: var(--dun_field_label_flex_direction); align-items: var(--dun_field_label_align_items); flex: var(--dun_field_label_flex); gap: var(--dun_field_label_gap); min-width: var(--dun_field_label_min_width); overflow: var(--dun_field_label_overflow); } .dun_field__native_input { all: unset; display: block; width: 100%; height: 100%; box-sizing: border-box; font-family: inherit; font-size: var(--dun_type_body); color: var(--dun_ink_idle); background: var(--dun_field_native_input_background); outline: var(--dun_field_native_input_outline); } .dun_field__native_input::placeholder { color: var(--dun_ink_recess); opacity: var(--dun_field_native_input_placeholder_opacity); } .dun_field__piping { display: var(--dun_field_piping_display); align-items: var(--dun_field_piping_align_items); justify-content: var(--dun_field_piping_justify_content); flex-shrink: var(--dun_field_piping_flex_shrink); padding-inline: var(--dun_field_piping_padding_x); padding-top: var(--dun_field_piping_padding_y); padding-bottom: var(--dun_field_piping_padding_y); height: var(--dun_field_piping_height); width: var(--dun_field_piping_width); background: var(--dun_field_piping_background); } .dun_field__stern { display: var(--dun_field_stern_display); align-items: var(--dun_field_stern_align_items); justify-content: var(--dun_field_stern_justify_content); flex-shrink: var(--dun_field_stern_flex_shrink); width: var(--dun_field_stern_size); height: var(--dun_field_stern_size); } .dun_field--rested { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_field--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_field--disabled { opacity: var(--dun_disabled_opacity); pointer-events: none; } .dun_field--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); outline: var(--dun_line_600) solid var(--dun_hue_focus); outline-offset: var(--dun_line_600); } .dun_field--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_field--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_field--error { opacity: var(--dun_field_error_opacity); transition: var(--dun_field_transition); } @media (prefers-reduced-motion: reduce) { .dun_field, .dun_field *, .dun_field::before, .dun_field::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_field:focus-visible, .dun_field:focus { outline: var(--dun_line_600) solid var(--dun_hue_focus); outline-offset: var(--dun_line_600); } .dun_field:hover { } .dun_field:active { } .dun_field__peak_text { font-family: var( --dun_field_peak_font_family); font-size: var(--dun_field_peak_font_size); font-weight: var(--dun_field_peak_font_weight); line-height: var(--dun_field_peak_line_height); text-transform: var(--dun_field_peak_text_transform); white-space: nowrap; } .dun_field { cursor: var(--dun_field_cursor); } /* src/components/glyphs/labels/general/email/email.css */ .dun_email { box-sizing: var(--dun_email_box_sizing); gap: var(--dun_email_gap); display: var(--dun_email_display); width: var(--dun_email_width); align-items: var(--dun_email_align_items); line-height: var(--dun_email_line_height); flex-wrap: var(--dun_email_flex_wrap); } .dun_email__totem { box-sizing: var(--dun_email_box_sizing); } .dun_email__totem_vector { display: var(--dun_email_display); } .dun_email__text { box-sizing: var(--dun_email_box_sizing); } .dun_email__recipient, .dun_email__domain { overflow: var(--dun_email_overflow); text-overflow: var(--dun_email_text_overflow); } .dun_email--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); opacity: var(--dun_email_active_opacity); } .dun_email--disabled { opacity: var(--dun_email_disabled_opacity); } .dun_email--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); outline: var(--dun_email_focus_outline); } .dun_email--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); opacity: var(--dun_email_hover_opacity); } .dun_email--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); font-weight: var(--dun_email_selected_font_weight); } @media (prefers-reduced-motion: reduce) { .dun_email, .dun_email *, .dun_email::before, .dun_email::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_email--rested { opacity: var(--dun_email_rested_opacity); } /* src/components/glyphs/labels/general/field_label/field_label.css */ .dun_field_label { --dun_field_label_orile_color: var(--dun_orile_color); display: var(--dun_field_label_display); width: var(--dun_field_label_width); box-sizing: var(--dun_field_label_box_sizing); padding: var(--dun_field_label_padding); gap: var(--dun_field_label_gap); border-radius: var(--dun_field_label_border_radius); border: var(--dun_field_label_border); flex-direction: var(--dun_field_label_flex_direction); line-height: var(--dun_field_label_line_height); flex-wrap: var(--dun_field_label_flex_wrap); overflow: var(--dun_field_label_overflow); } .dun_field_label__totem_vector { display: var(--dun_field_label_display); } .dun_field_label__label_text, .dun_field_label__name_text, .dun_field_label__subscription_name { overflow: var(--dun_field_label_overflow); text-overflow: var(--dun_field_label_text_overflow); white-space: var(--dun_field_label_white_space); } .dun_field_label--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_field_label--disabled { } .dun_field_label--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_field_label--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_field_label--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_field_label, .dun_field_label *, .dun_field_label::before, .dun_field_label::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_field_label--rested { } /* src/components/glyphs/labels/general/drawer/drawer.css */ .dun_drawer { box-sizing: var(--dun_drawer_box_sizing); gap: var(--dun_drawer_gap); display: var(--dun_drawer_display); width: var(--dun_drawer_width); line-height: var(--dun_drawer_line_height); flex-wrap: var(--dun_drawer_flex_wrap); } .dun_drawer__arrows, .dun_drawer__arrows_1 { display: var(--dun_drawer_display); flex-direction: var(--dun_drawer_flex_direction); align-items: var(--dun_drawer_align_items); gap: var(--dun_drawer_arrows_gap); } .dun_drawer__input { box-sizing: var(--dun_drawer_box_sizing); } .dun_drawer__title, .dun_drawer__status { margin: var(--dun_drawer_margin); } .dun_drawer__chevron { display: var(--dun_drawer_display); width: var(--dun_drawer_width); height: var(--dun_drawer_height); border-left: var(--dun_drawer_border_left); border-right: var(--dun_drawer_border_right); } .dun_drawer__chevron--up { border-bottom: var(--dun_drawer_border_bottom); } .dun_drawer__chevron--down { border-top: var(--dun_drawer_border_top); } .dun_drawer--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); opacity: var(--dun_drawer_active_opacity); } .dun_drawer--disabled { opacity: var(--dun_drawer_disabled_opacity); } .dun_drawer--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); outline: var(--dun_drawer_focus_outline); } .dun_drawer--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); opacity: var(--dun_drawer_hover_opacity); } .dun_drawer--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); font-weight: var(--dun_drawer_selected_font_weight); } @media (prefers-reduced-motion: reduce) { .dun_drawer, .dun_drawer *, .dun_drawer::before, .dun_drawer::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_drawer--rested { opacity: var(--dun_drawer_rested_opacity); } /* src/components/glyphs/masts/utilities/stem/stem.css */ .dun_stem { box-sizing: var(--dun_stem_box_sizing); display: var(--dun_stem_display); position: var(--dun_stem_position); flex-direction: var(--dun_stem_flex_direction); justify-content: var(--dun_stem_justify_content); align-items: var(--dun_stem_align_items); overflow: var(--dun_stem_overflow); padding: var(--dun_stem_padding); gap: var(--dun_stem_gap); border: var(--dun_stem_border); border-radius: var(--dun_stem_border_radius); flex-wrap: var(--dun_stem_flex_wrap); flex-basis: var(--dun_stem_flex_basis); min-width: var(--dun_stem_min_width); } .dun_stem.is-horizontal { } .dun_stem.is-vertical { } .dun_stem--rested { } @media (prefers-reduced-motion: reduce) { .dun_stem, .dun_stem *, .dun_stem::before, .dun_stem::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } /* src/components/panes/sections/compasses/abutment/abutment.css */ .dun_abutment { display: var(--dun_abutment_display); flex-direction: var(--dun_abutment_flex_direction); align-items: var(--dun_abutment_align_items); padding: var(--dun_abutment_padding); border-radius: var(--dun_abutment_border_radius); } .dun_pan_sections_compasses_abutment { display: var(--dun_abutment_display); flex-direction: var(--dun_abutment_flex_direction); align-items: var(--dun_abutment_align_items); padding: var(--dun_abutment_padding); } .dun_pan_sections_compasses_abutment_content { display: var(--dun_abutment_display); flex-direction: var(--dun_abutment_flex_direction); gap: var(--dun_abutment_gap); } .dun_pan_sections_compasses_abutment_header { border-bottom: var(--dun_abutment_border_bottom); padding-bottom: var(--dun_abutment_padding_bottom); } .dun_pan_sections_compasses_abutment_title { font-size: var(--dun_abutment_font_size); font-weight: var(--dun_abutment_font_weight); color: var(--dun_abutment_color); } .dun_pan_sections_compasses_abutment_body { color: var(--dun_abutment_color); line-height: var(--dun_abutment_line_height); } .dun_abutment--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_abutment--disabled { } .dun_abutment--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_abutment--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_abutment--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_abutment, .dun_abutment *, .dun_abutment::before, .dun_abutment::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_abutment--rested { } /* src/components/objects/profiles/ila/adventurer/adventurer.css */ .dun_adventurer { display: var(--dun_adventurer_display); align-items: var(--dun_adventurer_align_items); gap: var(--dun_adventurer_gap); outline: var(--dun_adventurer_outline); outline-offset: calc(var(--dun_adventurer_outline_offset) * 1px); flex-wrap: var(--dun_adventurer_flex_wrap); flex-direction: var(--dun_adventurer_flex_direction); } .dun_adventurer__avatar { display: var(--dun_adventurer_avatar_display); align-items: var(--dun_adventurer_avatar_align_items); justify-content: var(--dun_adventurer_avatar_justify_content); shape: var(--dun_adventurer_avatar_shape); overflow: var(--dun_adventurer_avatar_overflow); flex-shrink: var(--dun_adventurer_avatar_flex_shrink); } .dun_adventurer__content { display: var(--dun_adventurer_content_display); flex-direction: var(--dun_adventurer_content_flex_direction); min-width: var(--dun_adventurer_content_min_width); } .dun_adventurer--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_adventurer--disabled { } .dun_adventurer--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_adventurer--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_adventurer--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_adventurer--focus, .dun_adventurer:focus-visible { outline: var(--dun_adventurer_outline); outline-offset: var(--dun_adventurer_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_adventurer, .dun_adventurer *, .dun_adventurer::before, .dun_adventurer::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_adventurer--rested { } .dun_adventurer:hover { } .dun_adventurer:active { } .dun_adventurer { cursor: var(--dun_adventurer_cursor); } .adventurer:focus-visible, .adventurer:focus { outline: var(--dun_adventurer_focus_outline); outline-offset: var(--dun_adventurer_focus_outline_offset); } .dun_adventurer { min-width: var(--dun_adventurer_min_width); min-height: var(--dun_adventurer_min_height); } /* src/components/glyphs/labels/general/order_number/order_number.css */ .dun_order_number { box-sizing: var(--dun_order_number_box_sizing); align-items: var(--dun_order_number_align_items); flex-direction: var(--dun_order_number_flex_direction); line-height: var(--dun_order_number_line_height); flex-wrap: var(--dun_order_number_flex_wrap); } .dun_order_number__order, .dun_order_number__product { overflow: var(--dun_order_number_overflow); text-overflow: var(--dun_order_number_text_overflow); } .dun_order_number--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_order_number--disabled { } .dun_order_number--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_order_number--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_order_number--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_order_number, .dun_order_number *, .dun_order_number::before, .dun_order_number::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_order_number--rested { } /* src/components/glyphs/labels/general/sett/sett.css */ .dun_sett { box-sizing: var(--dun_sett_box_sizing); gap: var(--dun_sett_gap); flex-direction: var(--dun_sett_flex_direction); flex-wrap: var(--dun_sett_flex_wrap); } .dun_sett__voyager { box-sizing: var(--dun_sett_box_sizing); } .dun_sett--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_sett--disabled { } .dun_sett--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_sett--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_sett--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_sett, .dun_sett *, .dun_sett::before, .dun_sett::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_sett--rested { } /* src/components/glyphs/labels/general/timestamp/timestamp.css */ .dun_timestamp { box-sizing: var(--dun_timestamp_box_sizing); gap: var(--dun_timestamp_gap); align-items: var(--dun_timestamp_align_items); flex-direction: var(--dun_timestamp_flex_direction); line-height: var(--dun_timestamp_line_height); flex-wrap: var(--dun_timestamp_flex_wrap); } .dun_timestamp--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_timestamp--disabled { } .dun_timestamp--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_timestamp--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_timestamp--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_timestamp, .dun_timestamp *, .dun_timestamp::before, .dun_timestamp::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_timestamp--rested { } /* src/components/glyphs/labels/general/manifest/manifest.css */ .dun_manifest { box-sizing: var(--dun_manifest_box_sizing); padding: var(--dun_manifest_padding); gap: var(--dun_manifest_gap); border-radius: var(--dun_manifest_border_radius); border: var(--dun_manifest_border); justify-content: var(--dun_manifest_justify_content); flex-direction: var(--dun_manifest_flex_direction); flex-wrap: var(--dun_manifest_flex_wrap); overflow: var(--dun_manifest_overflow); overflow: var(--dun_manifest_overflow); flex-basis: var(--dun_manifest_flex_basis); } .dun_manifest--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_manifest--disabled { } .dun_manifest--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_manifest--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_manifest--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_manifest, .dun_manifest *, .dun_manifest::before, .dun_manifest::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_manifest--rested { } /* src/components/objects/profiles/ila/tessera/tessera.css */ .dun_tessera { --dun_tessera_merchant_color: var(--dun_merchant_color); display: var(--dun_tessera_display); align-items: var(--dun_tessera_align_items); gap: var(--dun_tessera_gap); outline: var(--dun_tessera_outline); outline-offset: calc(var(--dun_tessera_outline_offset) * 1px); padding: var(--dun_tessera_padding); border-radius: var(--dun_tessera_border_radius); border: var(--dun_tessera_border); flex-wrap: var(--dun_tessera_flex_wrap); flex-direction: var(--dun_tessera_flex_direction); overflow: var(--dun_tessera_overflow); } .dun_tessera__avatar { display: var(--dun_tessera_avatar_display); align-items: var(--dun_tessera_avatar_align_items); justify-content: var(--dun_tessera_avatar_justify_content); shape: var(--dun_tessera_avatar_shape); background: var(--dun_tessera_avatar_background); overflow: var(--dun_tessera_avatar_overflow); flex-shrink: var(--dun_tessera_avatar_flex_shrink); } .dun_tessera__content { display: var(--dun_tessera_content_display); flex-direction: var(--dun_tessera_content_flex_direction); min-width: var(--dun_tessera_content_min_width); } .dun_tessera--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_tessera--disabled { } .dun_tessera--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_tessera--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_tessera--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_tessera--focus, .dun_tessera:focus-visible { outline: var(--dun_tessera_outline); outline-offset: var(--dun_tessera_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_tessera, .dun_tessera *, .dun_tessera::before, .dun_tessera::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_tessera--rested { } .dun_tessera:hover { } .dun_tessera:active { } .dun_tessera { cursor: var(--dun_tessera_cursor); } .tessera:focus-visible, .tessera:focus { outline: var(--dun_tessera_focus_outline); outline-offset: var(--dun_tessera_focus_outline_offset); } .dun_tessera { min-width: var(--dun_tessera_min_width); min-height: var(--dun_tessera_min_height); } /* src/components/objects/profiles/ila/ambler/ambler.css */ .dun_ambler { height: var(--dun_mass_ambler_h); display: var(--dun_ambler_display); align-items: var(--dun_ambler_align_items); gap: var(--dun_ambler_gap); outline: var(--dun_ambler_outline); outline-offset: calc(var(--dun_ambler_outline_offset) * 1px); flex-wrap: var(--dun_ambler_flex_wrap); flex-direction: var(--dun_ambler_flex_direction); } .dun_ambler__avatar { display: var(--dun_ambler_avatar_display); align-items: var(--dun_ambler_avatar_align_items); justify-content: var(--dun_ambler_avatar_justify_content); shape: var(--dun_ambler_avatar_shape); overflow: var(--dun_ambler_avatar_overflow); flex-shrink: var(--dun_ambler_avatar_flex_shrink); } .dun_ambler__content { display: var(--dun_ambler_content_display); flex-direction: var(--dun_ambler_content_flex_direction); min-width: var(--dun_ambler_content_min_width); } .dun_ambler--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_ambler--disabled { } .dun_ambler--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_ambler--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_ambler--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_ambler--focus, .dun_ambler:focus-visible { outline: var(--dun_ambler_outline); outline-offset: var(--dun_ambler_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_ambler, .dun_ambler *, .dun_ambler::before, .dun_ambler::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_ambler--rested { } .dun_ambler:hover { } .dun_ambler:active { } .dun_ambler { cursor: var(--dun_ambler_cursor); } .ambler:focus-visible, .ambler:focus { outline: var(--dun_outline) solid var(--dun_hue_focus); outline-offset: var(--dun_outline_offset); } /* src/components/glyphs/seals/iwa/product/product.css */ .dun_product { display: var(--dun_product_display); align-items: var(--dun_product_align_items); gap: var(--dun_product_gap); color: var(--dun_product_ink); box-sizing: var(--dun_product_box_sizing); padding-top: var(--dun_product_padding_top); padding-bottom: var(--dun_product_padding_bottom); justify-content: var(--dun_product_justify_content); flex-direction: var(--dun_product_flex_direction); flex-wrap: var(--dun_product_flex_wrap); overflow: var(--dun_product_overflow); overflow: var(--dun_product_overflow); flex-basis: var(--dun_product_flex_basis); min-width: var(--dun_product_min_width); } .dun_product__images { display: var(--dun_product_display); align-items: var(--dun_product_align_items); position: var(--dun_product_position); } .dun_product__upload { display: var(--dun_product_display); align-items: var(--dun_product_align_items); position: var(--dun_product_position); } .dun_product.is-image { } .dun_product.is-upload { } .dun_product--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_product--disabled { } .dun_product--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_product--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_product--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_product, .dun_product *, .dun_product::before, .dun_product::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_product--rested { } /* src/components/panes/vessels/core/teleporter/teleporter.css */ .dun_teleporter { display: var(--dun_teleporter_display); flex-direction: var(--dun_teleporter_flex_direction); align-items: var(--dun_teleporter_align_items); justify-content: var(--dun_teleporter_justify_content); position: var(--dun_teleporter_position); min-width: var(--dun_teleporter_min_width); outline: var(--dun_teleporter_outline); outline-offset: calc(var(--dun_teleporter_outline_offset) * 1px); flex-wrap: var(--dun_teleporter_flex_wrap); overflow: var(--dun_teleporter_overflow); overflow: var(--dun_teleporter_overflow); } .dun_teleporter__chassis { position: var(--dun_teleporter_chassis_position); inset: var(--dun_teleporter_chassis_inset); background: var(--dun_teleporter_chassis_background); border-radius: var(--dun_teleporter_chassis_border_radius); border: var(--dun_teleporter_chassis_border); box-shadow: var(--dun_teleporter_chassis_box_shadow); } .dun_teleporter__coin { width: var(--dun_teleporter_coin_width); height: var(--dun_teleporter_coin_height); border-radius: var(--dun_teleporter_coin_border_radius); display: var(--dun_teleporter_coin_display); align-items: var(--dun_teleporter_coin_align_items); justify-content: var(--dun_teleporter_coin_justify_content); background: var(--dun_teleporter_coin_background); box-shadow: var(--dun_teleporter_coin_box_shadow); } .dun_teleporter__expanded { width: var(--dun_teleporter_expanded_width); height: var(--dun_teleporter_expanded_height); display: var(--dun_teleporter_expanded_display); flex-direction: var(--dun_teleporter_expanded_flex_direction); align-items: var(--dun_teleporter_expanded_align_items); justify-content: var(--dun_teleporter_expanded_justify_content); gap: var(--dun_teleporter_expanded_gap); padding: var(--dun_teleporter_expanded_padding); box-sizing: var(--dun_teleporter_expanded_box_sizing); } .dun_teleporter--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_teleporter--disabled { } .dun_teleporter--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_teleporter--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_teleporter--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_teleporter, .dun_teleporter *, .dun_teleporter::before, .dun_teleporter::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_teleporter--rested { } .teleporter:focus-visible, .teleporter:focus { outline: var(--dun_teleporter_focus_outline); outline-offset: var(--dun_teleporter_focus_outline_offset); } /* src/components/objects/plaques/teleporter/manifold/manifold.css */ .dun_manifold { --dun_manifold_logo_color: var(--dun_logo_color); box-sizing: var(--dun_manifold_box_sizing); display: var(--dun_manifold_display); flex-direction: var(--dun_manifold_flex_direction); align-items: var(--dun_manifold_align_items); justify-content: var(--dun_manifold_justify_content); transition: var(--dun_manifold_transition); user-select: var(--dun_manifold_user_select); backdrop-filter: var(--dun_manifold_backdrop_filter); -webkit-backdrop-filter: initial; gap: var(--dun_manifold_gap); padding: var(--dun_manifold_padding); background: var(--dun_manifold_background); border-radius: var(--dun_manifold_border_radius); overflow: var(--dun_manifold_overflow); max-height: var(--dun_manifold_max_height); z-index: var(--dun_manifold_z_index); border: var(--dun_manifold_border); } .dun_manifold__slot { box-sizing: var(--dun_manifold_box_sizing); display: var(--dun_manifold_slot_display); flex-direction: var(--dun_manifold_slot_flex_direction); align-items: var(--dun_manifold_slot_align_items); justify-content: var(--dun_manifold_slot_justify_content); cursor: var(--dun_manifold_cursor); transition: var(--dun_manifold_transition); position: var(--dun_manifold_slot_position); box-shadow: var( --dun_manifold_box_shadow); gap: var(--dun_manifold_slot_gap); padding: var(--dun_manifold_slot_padding); background: var(--dun_manifold_slot_background); border-radius: var(--dun_manifold_slot_border_radius); min-width: var(--dun_manifold_slot_width); min-height: var(--dun_manifold_slot_height); flex-shrink: var(--dun_manifold_slot_flex_shrink); z-index: var(--dun_manifold_slot_z_index); } .dun_manifold__slot:hover { transform: var(--dun_manifold_transform); filter: var(--dun_manifold_filter); } .dun_manifold__totem_container { display: var(--dun_manifold_totem_container_display); align-items: var(--dun_manifold_totem_container_align_items); justify-content: var(--dun_manifold_totem_container_justify_content); border-radius: var(--dun_manifold_border_radius); transition: var(--dun_manifold_transition); width: var(--dun_manifold_totem_container_width); height: var(--dun_manifold_totem_container_height); flex-shrink: var(--dun_manifold_totem_container_flex_shrink); } .dun_manifold__slot:hover .dun_manifold__totem_container { transform: var(--dun_manifold_transform); } .dun_manifold__totem { color: var(--dun_manifold_color); text-shadow: var(--dun_manifold_text_shadow); font-size: var(--dun_manifold_font_size); font-weight: var(--dun_manifold_font_weight); } .dun_manifold__slot_label { font-size: var(--dun_manifold_font_size); opacity: var(--dun_manifold_opacity); white-space: var(--dun_manifold_white_space); margin-top: var(--dun_manifold_margin_top); } .dun_manifold__state_dimensions { base: var(--dun_manifold_state_dimensions_base); hover: var(--dun_manifold_state_dimensions_hover); coin: var(--dun_manifold_state_dimensions_coin); expanded: var(--dun_manifold_state_dimensions_expanded); } .dun_manifold--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_manifold--disabled { } .dun_manifold--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_manifold--rested { } .dun_manifold--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_manifold--focus, .dun_manifold:focus-visible { outline: var(--dun_manifold_outline); outline-offset: var(--dun_manifold_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_manifold, .dun_manifold *, .dun_manifold::before, .dun_manifold::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_manifold--hover { opacity: var(--dun_manifold_hover_opacity); transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_manifold:active { } .dun_manifold { cursor: var(--dun_manifold_cursor); } .manifold:focus-visible, .manifold:focus { outline: var(--dun_manifold_focus_outline); outline-offset: var(--dun_manifold_focus_outline_offset); } /* src/components/glyphs/clusters/heat/aami/aami.css */ .dun_aami { box-sizing: var(--dun_aami_box_sizing); display: var(--dun_aami_display); position: var(--dun_aami_position); gap: var(--dun_aami_gap); padding: var(--dun_aami_padding); cell-bg0: var(--dun_aami_cell_bg0); cell-bg1: var(--dun_aami_cell_bg1); cell-bg2: var(--dun_aami_cell_bg2); cell-bg3: var(--dun_aami_cell_bg3); cell-bg4: var(--dun_aami_cell_bg4); cell-bg5: var(--dun_aami_cell_bg5); border: var(--dun_aami_border); align-items: var(--dun_aami_align_items); flex-wrap: var(--dun_aami_flex_wrap); overflow: var(--dun_aami_overflow); overflow: var(--dun_aami_overflow); flex-wrap: var(--dun_aami_flex_wrap); } .dun_aami__row { display: var(--dun_aami_display); } .dun_aami__cell { box-sizing: var(--dun_aami_box_sizing); background-color: var(--dun_aami_background_color); transition: var(--dun_aami_transition); width: var(--dun_aami_cell_width); height: var(--dun_aami_cell_height); border-radius: var(--dun_aami_cell_border_radius); } .dun_aami__cell.is-intensity-0 { background-color: var(--dun_aami_background_color); } .dun_aami__cell.is-intensity-1 { background-color: var(--dun_aami_background_color); } .dun_aami__cell.is-intensity-2 { background-color: var(--dun_aami_background_color); } .dun_aami__cell.is-intensity-3 { background-color: var(--dun_aami_background_color); } .dun_aami__cell.is-intensity-4 { background-color: var(--dun_aami_background_color); } .dun_aami__cell.is-intensity-5 { background-color: var(--dun_aami_background_color); } .dun_aami__options { lattice: var(--dun_aami_options_lattice); vector: var(--dun_aami_options_vector); cell: var(--dun_aami_options_cell); } .dun_aami__layout { flex-direction: var(--dun_aami_layout_flex_direction); } .dun_aami--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_aami--disabled { } .dun_aami--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_aami--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_aami--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_aami, .dun_aami *, .dun_aami::before, .dun_aami::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_aami--rested { } /* src/components/glyphs/labels/posture/posture_totems/posture_totems.css */ .dun_posture_totems { display: var(--dun_posture_totems_display); align-items: var(--dun_posture_totems_align_items); gap: var(--dun_posture_totems_gap); color: var(--dun_posture_totems_ink); box-sizing: var(--dun_posture_totems_box_sizing); padding: var(--dun_posture_totems_padding); border-radius: var(--dun_posture_totems_border_radius); border: var(--dun_posture_totems_border); flex-direction: var(--dun_posture_totems_flex_direction); overflow: var(--dun_posture_totems_overflow); overflow: var(--dun_posture_totems_overflow); flex-basis: var(--dun_posture_totems_flex_basis); } .dun_posture_totems__text { display: var(--dun_posture_totems_display); align-items: var(--dun_posture_totems_align_items); position: var(--dun_posture_totems_position); } .dun_posture_totems__icon { display: var(--dun_posture_totems_display); align-items: var(--dun_posture_totems_align_items); position: var(--dun_posture_totems_position); } .dun_posture_totems.is-home { } .dun_posture_totems.is-trending { } .dun_posture_totems.is-light { } .dun_posture_totems.is-normal { } .dun_posture_totems.is-heavy { } .dun_posture_totems.is-id { } .dun_posture_totems--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_posture_totems--disabled { } .dun_posture_totems--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_posture_totems--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_posture_totems--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_posture_totems, .dun_posture_totems *, .dun_posture_totems::before, .dun_posture_totems::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_posture_totems--rested { } /* src/components/glyphs/metrics/pitons/figure/figure.css */ .dun_figure { box-sizing: var(--dun_figure_box_sizing); display: var(--dun_figure_display); align-items: var(--dun_figure_align_items); gap: var(--dun_figure_gap); icon-size: var(--dun_figure_size); font-size: var(--dun_figure_font_size); font-weight: var(--dun_figure_weight); padding: var(--dun_figure_padding); border-radius: var(--dun_figure_border_radius); border: var(--dun_figure_border); flex-direction: var(--dun_figure_flex_direction); line-height: var(--dun_figure_line_height); flex-wrap: var(--dun_figure_flex_wrap); overflow: var(--dun_figure_overflow); overflow: var(--dun_figure_overflow); } .dun_figure--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_figure--disabled { } .dun_figure--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_figure--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_figure--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_figure, .dun_figure *, .dun_figure::before, .dun_figure::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_figure--rested { } /* src/components/objects/charts/arcs/exertion/exertion.css */ .dun_exertion { display: var(--dun_exertion_display); position: var(--dun_exertion_position); transition: var(--dun_exertion_transition); -webkit-font-smoothing: initial; -moz-osx-font-smoothing: initial; align-items: var(--dun_exertion_align_items); justify-content: var(--dun_exertion_justify_content); outline: var(--dun_exertion_outline); outline-offset: calc(var(--dun_exertion_outline_offset) * 1px); gap: var(--dun_exertion_gap); flex-direction: var(--dun_exertion_flex_direction); flex-basis: var(--dun_exertion_flex_basis); min-width: var(--dun_exertion_min_width); } .dun_exertion__svg { display: var(--dun_exertion_svg_display); } .dun_exertion--focused { outline: var(--dun_exertion_outline); outline-offset: var(--dun_exertion_outline_offset); } .dun_exertion--hovered { } .dun_exertion--disabled { pointer-events: var(--dun_exertion_pointer_events); opacity: var(--dun_exertion_opacity); } .dun_exertion--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_exertion--rested { } .dun_exertion--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_exertion, .dun_exertion *, .dun_exertion::before, .dun_exertion::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_exertion--hover { opacity: var(--dun_exertion_hover_opacity); transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } /* src/components/glyphs/metrics/performance/measurables/measurables.css */ .dun_measurables { --dun_measurables_velocity_color: var(--dun_velocity_color); box-sizing: var(--dun_measurables_box_sizing); display: var(--dun_measurables_display); align-items: var(--dun_measurables_align_items); justify-content: var(--dun_measurables_justify_content); position: var(--dun_measurables_position); transition: var(--dun_measurables_transition); width: var(--dun_measurables_width); height: var(--dun_measurables_height); color: var(--dun_measurables_color); padding: var(--dun_measurables_padding); gap: var(--dun_measurables_gap); border-radius: var(--dun_measurables_border_radius); border: var(--dun_measurables_border); flex-wrap: var(--dun_measurables_flex_wrap); overflow: var(--dun_measurables_overflow); overflow: var(--dun_measurables_overflow); flex-wrap: var(--dun_measurables_flex_wrap); } .dun_measurables__value { font-family: inherit; font-weight: var(--dun_measurables_font_weight); pointer-events: var(--dun_measurables_pointer_events); } .dun_measurables--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_measurables--disabled { } .dun_measurables--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_measurables--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_measurables--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_measurables, .dun_measurables *, .dun_measurables::before, .dun_measurables::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_measurables--rested { } /* src/components/glyphs/metrics/performance/velocity/velocity.css */ .dun_velocity { box-sizing: var(--dun_velocity_box_sizing); display: var(--dun_velocity_display); align-items: var(--dun_velocity_align_items); transition: var(--dun_velocity_transition); gap: var(--dun_velocity_gap); padding: var(--dun_velocity_padding); border-radius: var(--dun_velocity_border_radius); background-color: var(--dun_velocity_color); border: var(--dun_velocity_border); flex-direction: var(--dun_velocity_flex_direction); line-height: var(--dun_velocity_line_height); overflow: var(--dun_velocity_overflow); overflow: var(--dun_velocity_overflow); } .dun_velocity__icon { display: var(--dun_velocity_display); align-items: var(--dun_velocity_align_items); justify-content: var(--dun_velocity_justify_content); font-family: inherit; width: var(--dun_velocity_icon_width); height: var(--dun_velocity_icon_height); } .dun_velocity__value { font-family: inherit; font-size: var(--dun_velocity_value_font_size); font-weight: var(--dun_velocity_value_font_weight); } .dun_velocity--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_velocity--disabled { } .dun_velocity--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_velocity--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_velocity--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_velocity, .dun_velocity *, .dun_velocity::before, .dun_velocity::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_velocity--rested { } /* src/components/glyphs/labels/general/weeklie/weeklie.css */ .dun_weeklie { box-sizing: var(--dun_weeklie_box_sizing); justify-content: var(--dun_weeklie_justify_content); align-items: var(--dun_weeklie_align_items); flex-direction: var(--dun_weeklie_flex_direction); line-height: var(--dun_weeklie_line_height); flex-wrap: var(--dun_weeklie_flex_wrap); } .dun_weeklie--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_weeklie--disabled { } .dun_weeklie--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_weeklie--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_weeklie--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_weeklie, .dun_weeklie *, .dun_weeklie::before, .dun_weeklie::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_weeklie--rested { } /* src/components/glyphs/metrics/performance/acta/acta.css */ .dun_acta { position: var(--dun_acta_position); display: var(--dun_acta_display); gap: var(--dun_acta_gap); width: var(--dun_acta_width); border: var(--dun_acta_border); flex-direction: var(--dun_acta_flex_direction); line-height: var(--dun_acta_line_height); flex-wrap: var(--dun_acta_flex_wrap); overflow: var(--dun_acta_overflow); overflow: var(--dun_acta_overflow); } .dun_acta__value { display: var(--dun_acta_value_display); align-items: var(--dun_acta_value_align_items); gap: var(--dun_acta_value_gap); font-size: var(--dun_acta_value_font_size); font-weight: var(--dun_acta_value_font_weight); color: var(--dun_acta_value_color); white-space: var(--dun_acta_value_white_space); } .dun_acta__badge { background-color: var(--dun_acta_badge_background_color); display: var(--dun_acta_badge_display); align-items: var(--dun_acta_badge_align_items); justify-content: var(--dun_acta_badge_justify_content); min-width: var(--dun_acta_badge_min_width); padding: var(--dun_acta_badge_padding); border-radius: var(--dun_acta_badge_border_radius); flex-shrink: var(--dun_acta_badge_flex_shrink); } .dun_acta--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_acta--disabled { } .dun_acta--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_acta--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_acta--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_acta, .dun_acta *, .dun_acta::before, .dun_acta::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_acta--rested { } /* src/components/glyphs/badges/general/pebbles/pebbles.css */ .dun_pebbles { display: var(--dun_pebbles_display); align-items: var(--dun_pebbles_align_items); justify-content: var(--dun_pebbles_justify_content); height: var(--dun_pebbles_height); padding: var(--dun_pebbles_padding); box-sizing: var(--dun_pebbles_box_sizing); box-shadow: var(--dun_pebbles_box_shadow); font-size: var(--dun_pebbles_font_size); line-height: var(--dun_pebbles_line_height); user-select: var(--dun_pebbles_user_select); white-space: var(--dun_pebbles_white_space); border-radius: var(--dun_pebbles_border_radius); background-color: var(--dun_pebbles_background_color); drop-width: var(--dun_pebbles_drop_width); drop-padding: var(--dun_pebbles_drop_padding); counter-width: var(--dun_pebbles_counter_width); counter-padding: var(--dun_pebbles_counter_padding); counter-gap: var(--dun_pebbles_counter_gap); glide-width: var(--dun_pebbles_glide_width); outline: var(--dun_pebbles_outline); outline-offset: calc(var(--dun_pebbles_outline_offset) * 1px); border: var(--dun_pebbles_border); flex-direction: var(--dun_pebbles_flex_direction); flex-wrap: var(--dun_pebbles_flex_wrap); overflow: var(--dun_pebbles_overflow); overflow: var(--dun_pebbles_overflow); } .dun_pebbles--drop { min-width: var(--dun_pebbles_min_width); padding: var(--dun_pebbles_padding); } .dun_pebbles--counter { min-width: var(--dun_pebbles_min_width); padding: var(--dun_pebbles_padding); gap: var(--dun_pebbles_gap); } .dun_pebbles--glide { min-width: var(--dun_pebbles_min_width); } .dun_pebbles__drop { width: var(--dun_pebbles_drop_width); padding: var(--dun_pebbles_drop_padding); } .dun_pebbles__counter { width: var(--dun_pebbles_counter_width); padding: var(--dun_pebbles_counter_padding); gap: var(--dun_pebbles_counter_gap); } .dun_pebbles__glide { width: var(--dun_pebbles_glide_width); } .dun_pebbles__stretch { padding: var(--dun_pebbles_stretch_padding); } .dun_pebbles__drop_content { display: var(--dun_pebbles_drop_content_display); align-items: var(--dun_pebbles_drop_content_align_items); justify-content: var(--dun_pebbles_drop_content_justify_content); } .dun_pebbles__text { font-size: var(--dun_pebbles_text_font_size); font-weight: var(--dun_pebbles_text_font_weight); line-height: var(--dun_pebbles_text_line_height); color: var(--dun_pebbles_text_color); } .dun_pebbles__dram { } .dun_pebbles--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_pebbles--disabled { } .dun_pebbles--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_pebbles--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_pebbles--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_pebbles, .dun_pebbles *, .dun_pebbles::before, .dun_pebbles::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_pebbles--rested { } /* src/components/glyphs/metrics/performance/res_gestae/res_gestae.css */ .dun_res_gestae { box-sizing: var(--dun_res_gestae_box_sizing); display: var(--dun_res_gestae_display); flex-direction: var(--dun_res_gestae_flex_direction); transition: var(--dun_res_gestae_transition); gap: var(--dun_res_gestae_gap); line-height: var(--dun_res_gestae_line_height); flex-wrap: var(--dun_res_gestae_flex_wrap); } .dun_res_gestae__label { font-family: inherit; font-size: var(--dun_res_gestae_label_font_size); font-weight: var(--dun_res_gestae_label_font_weight); text-transform: var(--dun_res_gestae_label_text_transform); opacity: var(--dun_res_gestae_label_opacity); } .dun_res_gestae__value { font-family: inherit; transition: var(--dun_res_gestae_transition); font-weight: var(--dun_res_gestae_value_font_weight); color: var(--dun_res_gestae_value_color); } .dun_res_gestae--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_res_gestae--disabled { } .dun_res_gestae--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_res_gestae--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_res_gestae--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_res_gestae, .dun_res_gestae *, .dun_res_gestae::before, .dun_res_gestae::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_res_gestae--rested { } /* src/components/glyphs/badges/status/development/development.css */ .dun_development { display: var(--dun_development_display); align-items: var(--dun_development_align_items); justify-content: var(--dun_development_justify_content); width: var(--dun_development_width); height: var(--dun_development_height); position: var(--dun_development_position); overflow: var(--dun_development_overflow); box-sizing: var(--dun_development_box_sizing); padding: var(--dun_development_padding); gap: var(--dun_development_gap); border: var(--dun_development_border); flex-wrap: var(--dun_development_flex_wrap); } .dun_development__dot { display: var(--dun_development_display); align-items: var(--dun_development_align_items); justify-content: var(--dun_development_justify_content); width: var(--dun_development_width); height: var(--dun_development_height); position: var(--dun_development_position); } .dun_development__vector { width: var(--dun_development_width); height: var(--dun_development_height); border-radius: var(--dun_development_border_radius); background-color: var(--dun_development_vector_background_color); inset: var(--dun_development_vector_inset); } .dun_development.is-ready { } .dun_development.is-review { } .dun_development.is-stop { } .dun_development.is-production { } .dun_development--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_development--disabled { } .dun_development--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_development--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_development--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_development, .dun_development *, .dun_development::before, .dun_development::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_development--rested { } /* src/components/glyphs/labels/posture/etchings/etchings.css */ .dun_etchings { display: var(--dun_etchings_display); align-items: var(--dun_etchings_align_items); gap: var(--dun_etchings_gap); color: var(--dun_etchings_ink); box-sizing: var(--dun_etchings_box_sizing); border-radius: var(--dun_etchings_border_radius); border: var(--dun_etchings_border); overflow: var(--dun_etchings_overflow); overflow: var(--dun_etchings_overflow); } .dun_etchings__totem { display: var(--dun_etchings_display); align-items: var(--dun_etchings_align_items); position: var(--dun_etchings_position); } .dun_etchings__performance { display: var(--dun_etchings_display); align-items: var(--dun_etchings_align_items); position: var(--dun_etchings_position); } .dun_etchings__development { display: var(--dun_etchings_display); align-items: var(--dun_etchings_align_items); position: var(--dun_etchings_position); } .dun_etchings.is-performance { } .dun_etchings.is-attributes { } .dun_etchings--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_etchings--disabled { } .dun_etchings--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_etchings--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_etchings--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_etchings, .dun_etchings *, .dun_etchings::before, .dun_etchings::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_etchings--rested { } /* src/components/glyphs/labels/general/situs/situs.css */ .dun_situs { box-sizing: var(--dun_situs_box_sizing); padding: var(--dun_situs_padding); border-radius: var(--dun_situs_border_radius); border: var(--dun_situs_border); flex-direction: var(--dun_situs_flex_direction); line-height: var(--dun_situs_line_height); overflow: var(--dun_situs_overflow); overflow: var(--dun_situs_overflow); } .dun_situs--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_situs--disabled { } .dun_situs--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_situs--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_situs--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_situs, .dun_situs *, .dun_situs::before, .dun_situs::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_situs--rested { } /* src/components/glyphs/metrics/pitons/posture/posture.css */ .dun_posture { box-sizing: var(--dun_posture_box_sizing); display: var(--dun_posture_display); align-items: var(--dun_posture_align_items); gap: var(--dun_posture_gap); icon-size: var(--dun_posture_size); padding: var(--dun_posture_padding); border-radius: var(--dun_posture_border_radius); border: var(--dun_posture_border); flex-direction: var(--dun_posture_flex_direction); flex-wrap: var(--dun_posture_flex_wrap); overflow: var(--dun_posture_overflow); overflow: var(--dun_posture_overflow); min-width: var(--dun_posture_min_width); } .dun_posture--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_posture--disabled { } .dun_posture--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_posture--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_posture--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_posture, .dun_posture *, .dun_posture::before, .dun_posture::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_posture--rested { } /* src/components/glyphs/metrics/pitons/footing/footing.css */ .dun_footing { --dun_footing_velocity_color: var(--dun_velocity_color); box-sizing: var(--dun_footing_box_sizing); display: var(--dun_footing_display); align-items: var(--dun_footing_align_items); gap: var(--dun_footing_gap); padding: var(--dun_footing_padding); font-size: var(--dun_footing_size); font-weight: var(--dun_footing_weight); border-radius: var(--dun_footing_border_radius); border: var(--dun_footing_border); justify-content: var(--dun_footing_justify_content); line-height: var(--dun_footing_line_height); flex-wrap: var(--dun_footing_flex_wrap); overflow: var(--dun_footing_overflow); overflow: var(--dun_footing_overflow); flex-wrap: var(--dun_footing_flex_wrap); } .dun_footing--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_footing--disabled { } .dun_footing--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_footing--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_footing--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_footing, .dun_footing *, .dun_footing::before, .dun_footing::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_footing--rested { } /* src/components/plinths/savanna/ona/lens_landings/beachhead/beachhead.css */ .dun_beachhead { display: var(--dun_beachhead_display); flex-direction: var(--dun_beachhead_flex_direction); height: var(--dun_beachhead_height); box-sizing: var(--dun_beachhead_box_sizing); width: var(--dun_beachhead_width); background: var(--dun_beachhead_background); color: var(--dun_beachhead_color); outline: var(--dun_beachhead_outline); outline-offset: calc(var(--dun_beachhead_outline_offset) * 1px); gap: var(--dun_beachhead_gap); flex-wrap: var(--dun_beachhead_flex_wrap); } .dun_beachhead--expanded { } .dun_beachhead--collapsed { } .dun_beachhead--loading { opacity: var(--dun_beachhead_opacity); pointer-events: var(--dun_beachhead_pointer_events); } .dun_beachhead__header { padding: var(--dun_beachhead_padding); border-bottom: var(--dun_beachhead_border_bottom); } .dun_beachhead__content { flex: var(--dun_beachhead_content_flex); overflow: var(--dun_beachhead_content_overflow); padding: var(--dun_beachhead_content_padding); } .dun_beachhead__footer { padding: var(--dun_beachhead_padding); border-top: var(--dun_beachhead_border_top); } .dun_beachhead--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_beachhead--disabled { } .dun_beachhead--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_beachhead--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_beachhead--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_beachhead, .dun_beachhead *, .dun_beachhead::before, .dun_beachhead::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_beachhead--rested { } /* src/components/elements/neighbor/compasses/compass/compass.css */ .dun_compass { min-width: var(--dun_compass_min_width); min-height: var(--dun_compass_min_height); width: var(--dun_mass_compass_w); height: var(--dun_mass_compass_h); display: var(--dun_compass_display); position: var(--dun_compass_position); flex-direction: var(--dun_compass_flex_direction); gap: var(--dun_compass_gap); padding-top: var(--dun_compass_padding_top); padding-inline-end: var(--dun_compass_padding_right); padding-bottom: var(--dun_compass_padding_bottom); padding-inline-start: var(--dun_compass_padding_left); border-radius: var(--dun_compass_border_radius); border: var(--dun_compass_border); cursor: var(--dun_compass_cursor); transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); flex-wrap: var(--dun_compass_flex_wrap); overflow: var(--dun_compass_overflow); overflow: var(--dun_compass_overflow); } .dun_compass:hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_compass:active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_compass--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_compass--disabled { } .dun_compass--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_compass--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_compass--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_compass--focus, .dun_compass:focus-visible { outline: var(--dun_compass_outline); outline-offset: var(--dun_compass_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_compass, .dun_compass *, .dun_compass::before, .dun_compass::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_compass--rested { } .dun_compass:hover { } .dun_compass:active { } .dun_compass { cursor: var(--dun_compass_cursor); } .compass:focus-visible, .compass:focus { outline: var(--dun_compass_focus_outline); outline-offset: var(--dun_compass_focus_outline_offset); } /* src/components/plinths/savanna/tapes/frieze/frieze.css */ .dun_frieze { min-width: var(--dun_frieze_min_width); min-height: var(--dun_frieze_min_height); display: var(--dun_frieze_display); width: var(--dun_frieze_width); flex-direction: var(--dun_frieze_flex_direction); outline-width: var(--dun_frieze_outline_width); outline-style: var(--dun_frieze_outline_style); outline-color: var(--dun_frieze_outline_color); outline-offset: var(--dun_frieze_outline_offset); background: var(--dun_frieze_background); color: var(--dun_frieze_color); border-radius: var(--dun_frieze_border_radius); border: var(--dun_frieze_border); flex-wrap: var(--dun_frieze_flex_wrap); overflow: var(--dun_frieze_overflow); overflow: var(--dun_frieze_overflow); } .dun_frieze--horizontal { } .dun_frieze--vertical { } .dun_frieze--loading { opacity: var(--dun_frieze_opacity); pointer-events: var(--dun_frieze_pointer_events); } .dun_frieze__tabs { display: var(--dun_frieze_tabs_display); gap: var(--dun_frieze_tabs_gap); border-bottom-width: var(--dun_frieze_tabs_border_bottom_width); border-bottom-style: var(--dun_frieze_tabs_border_bottom_style); border-bottom-color: var(--dun_frieze_tabs_border_bottom_color); padding-top: var(--dun_frieze_tabs_padding_top); padding-bottom: var(--dun_frieze_tabs_padding_bottom); padding-inline: var(--dun_frieze_tabs_padding_left) var(--dun_frieze_tabs_padding_right); } .dun_frieze__tab { display: var(--dun_frieze_tab_display); align-items: var(--dun_frieze_tab_align_items); padding-top: var(--dun_frieze_tab_padding_top); padding-bottom: var(--dun_frieze_tab_padding_bottom); padding-inline: var(--dun_frieze_tab_padding_left) var(--dun_frieze_tab_padding_right); cursor: var(--dun_frieze_tab_cursor); border-bottom-width: var(--dun_frieze_tab_border_bottom_width); border-bottom-style: var(--dun_frieze_tab_border_bottom_style); border-bottom-color: var(--dun_frieze_tab_border_bottom_color); margin-bottom: var(--dun_frieze_tab_margin_bottom); transition: var(--dun_frieze_tab_transition); } .dun_frieze__content { flex: var(--dun_frieze_content_flex); padding: var(--dun_frieze_content_padding); } .dun_frieze--disabled { } .dun_frieze--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_frieze__tab:hover, .dun_frieze--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_frieze__tab:active, .dun_frieze--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_frieze--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_frieze, .dun_frieze *, .dun_frieze::before, .dun_frieze::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_frieze--rested { } .frieze:focus-visible, .frieze:focus { outline: var(--dun_frieze_focus_outline); outline-offset: var(--dun_frieze_focus_outline_offset); } /* src/components/panes/buttons/actions/foil/foil.css */ .dun_foil { display: var(--dun_foil_display); align-items: var(--dun_foil_align_items); width: var(--dun_foil_width); height: var(--dun_foil_height); padding: var(--dun_foil_padding); gap: var(--dun_foil_gap); background: var(--dun_foil_background); color: var(--dun_foil_color); border-radius: var(--dun_foil_border_radius); flex-wrap: var(--dun_foil_flex_wrap); overflow: var(--dun_foil_overflow); overflow: var(--dun_foil_overflow); } .dun_pan_buttons_actions_foil { display: var(--dun_foil_display); align-items: var(--dun_foil_align_items); border: var(--dun_foil_border); background: var(--dun_foil_background); padding: var(--dun_foil_padding); cursor: var(--dun_foil_cursor); } .dun_pan_buttons_actions_foil--collapsed { } .dun_pan_buttons_actions_foil--expanded { } .dun_pan_buttons_actions_foil_icon { flex: var(--dun_foil_flex); height: var(--dun_foil_height); min-width: var(--dun_foil_min_width); position: var(--dun_foil_position); } .dun_pan_buttons_actions_foil_vector { position: var(--dun_foil_position); inset: var(--dun_foil_inset); width: var(--dun_foil_width); height: var(--dun_foil_height); object-fit: var(--dun_foil_object_fit); } .dun_foil__collapsed { display: var(--dun_foil_collapsed_display); flex: var(--dun_foil_collapsed_flex); height: var(--dun_foil_collapsed_height); min-width: var(--dun_foil_collapsed_min_width); position: var(--dun_foil_collapsed_position); } .dun_foil__expanded { position: var(--dun_foil_expanded_position); inset: var(--dun_foil_expanded_inset); } .dun_foil--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_foil--disabled { } .dun_foil--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_foil--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_foil--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_foil--focus, .dun_foil:focus-visible { outline: var(--dun_foil_outline); outline-offset: var(--dun_foil_outline_offset); } @media (prefers-reduced-motion: reduce) { .dun_foil, .dun_foil *, .dun_foil::before, .dun_foil::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_foil--rested { } .dun_foil:hover { } .dun_foil:active { } .dun_foil { cursor: var(--dun_foil_cursor); } .foil:focus-visible, .foil:focus { outline: var(--dun_foil_focus_outline); outline-offset: var(--dun_foil_focus_outline_offset); } /* src/components/loci/savanna/landing/kaabo/kaabo.css */ .dun_kaabo { display: var(--dun_kaabo_display); flex-direction: var(--dun_kaabo_flex_direction); width: var(--dun_kaabo_width); height: var(--dun_kaabo_height); position: var(--dun_kaabo_position); overflow: var(--dun_kaabo_overflow); box-sizing: var(--dun_kaabo_box_sizing); background: var(--dun_kaabo_background); outline: var(--dun_kaabo_outline); outline-offset: calc(var(--dun_kaabo_outline_offset) * 1px); gap: var(--dun_kaabo_gap); border-radius: var(--dun_kaabo_border_radius); border: var(--dun_kaabo_border); flex-wrap: var(--dun_kaabo_flex_wrap); } .dun_kaabo__gateway { display: var(--dun_kaabo_gateway_display); flex-direction: var(--dun_kaabo_gateway_flex_direction); align-items: var(--dun_kaabo_gateway_align_items); justify-content: var(--dun_kaabo_gateway_justify_content); flex: var(--dun_kaabo_gateway_flex); } .dun_kaabo__header { margin-bottom: var(--dun_gap_md); } .dun_kaabo__content { width: var(--dun_kaabo_width); max-width: var(--dun_charm_5xl); } .dun_kaabo--scenic .dun_kaabo { padding: var(--dun_gap_md); } .dun_kaabo--traverse .dun_kaabo { padding: var(--dun_gap_sm); } .dun_kaabo--trek .dun_kaabo { padding: var(--dun_gap_lg); } .dun_kaabo--loading { opacity: var(--dun_kaabo_opacity); pointer-events: var(--dun_kaabo_pointer_events); } .dun_kaabo__perch { margin-bottom: var(--dun_kaabo_perch_margin_bottom); } .dun_kaabo__container { width: var(--dun_kaabo_container_width); max-width: var(--dun_kaabo_container_max_width); } .dun_kaabo--active { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_kaabo--disabled { } .dun_kaabo--focused { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_kaabo--hover { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } .dun_kaabo--selected { transition: var(--dun_tide_verve_duration) var(--dun_tide_verve_easing); } @media (prefers-reduced-motion: reduce) { .dun_kaabo, .dun_kaabo *, .dun_kaabo::before, .dun_kaabo::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transform: none !important; } } .dun_kaabo--rested { }