{"version":3,"sources":["../../../theme/theme_eduverse_dark.scss%23sass","../../../../../theme/theme_eduverse_dark.scss","../../../theme/variables/tokens/_theme_eduverse_dark.scss","../../../theme/theme_eduverse_dark.scss","../../../theme/variables/tokens/_color_classes.scss","../../../theme/variables/6px_grid.scss","../../../theme/variables/6px_grid_eduverse.scss"],"names":[],"mappings":"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","file":"theme_eduverse_dark.css","sourcesContent":["@use './variables/6px_grid' as *;\n@use './variables/6px_grid_eduverse' as *;\n@use './variables/tokens/_theme_eduverse_dark.scss' as tokens;\n@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');\n\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-eduverse_dark {\n    --uui-font: 'Inter', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n    --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n\n    /* shadows */\n    --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n    --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n    --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n\n    @include tokens.theme-tokens;\n\n    & {\n        --uui-border-radius: 3px;\n        scrollbar-color: var(--uui-neutral-40) transparent;\n    }\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* begin color classes */\n\n    .uui-color-gray {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-grass {\n        --uui-color-5: var(--grass-5);\n        --uui-color-10: var(--grass-10);\n        --uui-color-20: var(--grass-20);\n        --uui-color-50: var(--grass-50);\n        --uui-color-60: var(--grass-60);\n        --uui-color-70: var(--grass-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-sky {\n        --uui-color-5: var(--sky-5);\n        --uui-color-10: var(--sky-10);\n        --uui-color-20: var(--sky-20);\n        --uui-color-50: var(--sky-50);\n        --uui-color-60: var(--sky-60);\n        --uui-color-70: var(--sky-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-fire {\n        --uui-color-5: var(--fire-5);\n        --uui-color-10: var(--fire-10);\n        --uui-color-20: var(--fire-20);\n        --uui-color-50: var(--fire-50);\n        --uui-color-60: var(--fire-60);\n        --uui-color-70: var(--fire-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-sun {\n        --uui-color-5: var(--sun-5);\n        --uui-color-10: var(--sun-10);\n        --uui-color-20: var(--sun-20);\n        --uui-color-50: var(--sun-50);\n        --uui-color-60: var(--sun-60);\n        --uui-color-70: var(--sun-70);\n        --uui-color-contrast: var(--night700);\n    }\n\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--night700);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--night700);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--night700);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--night700);\n    }\n\n    /* override variables */\n\n    /* isInvalid color */\n\n    .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n        --uui-error-50: var(--uui-error-60);\n    }\n\n    /* Accordion */\n\n    .uui-accordion-container {\n        --uui-accordion-border-radius: 6px;\n        --uui-accordion-border-width: 1px;\n        --uui-accordion-border: var(--uui-divider-light);\n        --uui-accordion-body-border: var(--uui-divider-light);\n        --uui-accordion-toggler-border: var(--uui-divider-light);\n    }\n\n    .uui-accordion-toggler {\n        --uui-accordion-toggler-font: var(--font-museo-sans);\n        --uui-accordion-toggler-font-weight: 500;\n    }\n\n    /* Modals */\n\n    .uui-modal-title {\n        --uui-modals-title-font: var(--font-museo-sans);\n        --uui-modals-title-font-weight: 500;\n        --uui-modals-title-font-size: 28px;\n        --uui-modals-title-line-height: 36px;\n    }\n\n    /* FileCard */\n\n    .uui-file_card {\n        --uui-file_card-border-radius: 6px;\n    }\n\n    /* Button */\n\n    .uui-button {\n        --uui-btn-bg-disabled: var(--uui-neutral-60);\n        --uui-btn-border-disabled: var(--uui-neutral-60);\n\n        &.uui-fill-solid.uui-color-white {\n            --uui-btn-bg-active: var(--uui-neutral-20);\n\n            &:active {\n                background-color: var(--uui-neutral-20);\n                border-color: var(--uui-neutral-20);\n            }\n        }\n\n        &.uui-fill-outline {\n            --uui-btn-border: var(--uui-color-60);\n            --uui-btn-border-hover: var(--uui-color-60);\n            --uui-btn-border-active: var(--uui-color-60);\n            --uui-btn-caption: var(--uui-color-60);\n\n            &.uui-color-neutral,\n            &.uui-color-secondary {\n                --uui-btn-bg-hover: var(--uui-color-60);\n                --uui-btn-bg-active: var(--uui-neutral-50);\n                --uui-btn-border: var(--uui-neutral-30);\n                --uui-btn-border-hover: var(--uui-neutral-30);\n                --uui-btn-border-active: var(--uui-neutral-30);\n                --uui-btn-caption: var(--uui-neutral-10);\n            }\n\n            &.uui-color-white {\n                --uui-btn-caption: var(--uui-neutral-0);\n                --uui-btn-border: var(--uui-neutral-0);\n                --uui-btn-border-hover: var(--uui-neutral-0);\n                --uui-btn-border-active: var(--uui-neutral-0);\n            }\n        }\n\n        &.uui-fill-none {\n            --uui-btn-bg: var(--uui-color-5);\n            --uui-btn-border: transparent;\n            --uui-btn-border-hover: transparent;\n            --uui-btn-border-active: transparent;\n            --uui-btn-border-disabled: transparent;\n            --uui-btn-caption: var(--uui-color-60);\n\n            &.uui-color-neutral,\n            &.uui-color-secondary {\n                --uui-btn-bg: var(--uui-color-5);\n                --uui-btn-bg-hover: var(--uui-color-60);\n                --uui-btn-bg-active: var(--uui-neutral-50);\n                --uui-btn-border: transparent;\n                --uui-btn-border-hover: transparent;\n                --uui-btn-border-active: transparent;\n                --uui-btn-caption: var(--uui-neutral-10);\n            }\n\n            &.uui-color-white {\n                --uui-btn-caption: var(--uui-neutral-0);\n                --uui-btn-border: transparent;\n                --uui-btn-border-hover: transparent;\n                --uui-btn-border-active: transparent;\n            }\n        }\n\n        &.uui-fill-ghost {\n            --uui-btn-caption: var(--uui-color-60);\n\n            &.uui-color-neutral,\n            &.uui-color-secondary {\n                --uui-btn-bg-hover: var(--uui-color-60);\n                --uui-btn-bg-active: var(--uui-neutral-50);\n                --uui-btn-border-hover: var(--uui-color-60);\n                --uui-btn-border-active: var(--uui-neutral-50);\n                --uui-btn-caption: var(--uui-neutral-10);\n            }\n\n            &.uui-color-white {\n                --uui-btn-caption: var(--uui-neutral-0);\n            }\n        }\n    }\n\n    .uui-blocker-container {\n        --uui-blocker-bg: var(--uui-surface-main);\n        --uui-blocker-bg-with-opacity: #303240CC;\n    }\n\n    /* Badge */\n\n    .uui-badge {\n        &.uui-fill-outline {\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-80);\n                --uui-count_indicator-border: var(--uui-neutral-40);\n                --uui-count_indicator-caption: var(--uui-neutral-10);\n            }\n        }\n    }\n\n    .uui-badge.uui-color-neutral,\n    .uui-badge.uui-color-night300 {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-30);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-40);\n            --uui-badge-border-hover: var(--uui-neutral-40);\n            --uui-badge-caption: var(--uui-neutral-5);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-0);\n                --uui-count_indicator-border: var(--uui-neutral-0);\n                --uui-count_indicator-caption: var(--uui-neutral-80);\n            }\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-60);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-50);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-0);\n            --uui-badge-caption-hover: var(--uui-neutral-5);\n        }\n    }\n\n    .uui-badge.uui-color-white {\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-0);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-10);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n                --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n                --uui-count_indicator-caption: var(--uui-neutral-70);\n            }\n        }\n    }\n\n    .uui-badge.uui-color-night100 {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-10);\n            --uui-badge-border: var(--uui-neutral-10);\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-20);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-10);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n                --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n                --uui-count_indicator-caption: var(--uui-neutral-70);\n            }\n        }\n    }\n\n    .uui-badge.uui-color-night600 {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-60);\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-bg-hover: var(--uui-neutral-50);\n            --uui-badge-border-hover: var(--uui-neutral-50);\n            --uui-badge-caption: var(--white);\n            --uui-badge-caption-hover: var(--white);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-80);\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-bg-hover: var(--uui-neutral-70);\n            --uui-badge-border-hover: var(--uui-neutral-60);\n            --uui-badge-caption: var(--uui-neutral-5);\n            --uui-badge-caption-hover: var(--uui-neutral-5);\n        }\n    }\n\n    /* IconButton */\n\n    .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n        --uui-icon_btn: var(--uui-color-60);\n        --uui-icon_btn-hover: var(--uui-color-70);\n        --uui-icon_btn-active: var(--uui-color-70);\n    }\n\n    .uui-icon_button.uui-color-white {\n        --uui-icon_btn-hover: var(--uui-neutral-20);\n        --uui-icon_btn-active: var(--uui-neutral-30);\n    }\n\n    .uui-icon_button.uui-color-secondary {\n        --uui-icon_btn: var(--uui-neutral-40);\n        --uui-icon_btn-hover: var(--uui-neutral-30);\n        --uui-icon_btn-active: var(--uui-neutral-30);\n    }\n\n    /* LinkButton */\n\n    .uui-link_button.uui-color-contrast {\n        --uui-link_btn-text: var(--uui-neutral-0);\n        --uui-link_btn-text-hover: var(--uui-neutral-5);\n        --uui-link_btn-text-active: var(--uui-neutral-10);\n    }\n\n    .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n        --uui-link_btn-text-disabled: var(--uui-neutral-40);\n    }\n\n    .uui-link_button.uui-color-primary,\n    .uui-link_button.uui-color-sky {\n        --uui-link_btn-text: var(--uui-color-60);\n        --uui-link_btn-text-hover: var(--uui-color-70);\n    }\n\n    .uui-link_button.uui-color-secondary {\n        --uui-link_btn-text: var(--uui-neutral-30);\n        --uui-link_btn-text-hover: var(--uui-neutral-20);\n        --uui-link_btn-text-active: var(--uui-neutral-10);\n    }\n\n    .uui-link_button.uui-color-white {\n        --uui-link_btn-text: var(--uui-neutral-5);\n        --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n    }\n\n    /*  TubButton */\n\n    .uui-tab-button {\n        --uui-tab_btn-text-hover: var(--uui-primary-60);\n        --uui-tab_btn-text-active: var(--uui-primary-60);\n        --uui-tab_btn-font-weight: 400;\n\n        .uui-count_indicator {\n            --uui-count_indicator-font-weight: 400;\n        }\n    }\n\n    /* MainMenu */\n\n    .uui-main_menu {\n        --uui-main_menu-text: var(--uui-neutral-0);\n        --uui-main_menu-text-active: var(--uui-neutral-0);\n        --uui-main_menu-bg: var(--uui-neutral-70);\n\n        --uui-main_menu-search-bg: var(--uui-neutral-5);\n        --uui-main_menu-search-border: var(--uui-neutral-40);\n        --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n        --uui-main_menu-search-text: var(--uui-text-primary);\n        --uui-main_menu-search-icon: var(--uui-neutral-70);\n\n        --uui-main_menu-icon: var(--uui-neutral-5);\n        --uui-main_menu-icon-hover: var(--uui-neutral-5);\n        --uui-main_menu-icon-active: var(--uui-neutral-5);\n    }\n\n    .uui-main_menu-dropdown {\n        --uui-main_menu-text: var(--uui-neutral-0);\n        --uui-main_menu-text-active: var(--uui-neutral-0);\n        --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n    }\n\n    /* BurgerMenu */\n\n    .uui-burger {\n        --uui-burger_menu-bg: var(--uui-app-bg);\n        --uui-burger_menu-bg-hover: var(--uui-app-bg);\n        --uui-burger_menu-caption: var(--uui-neutral-90);\n        --uui-burger_menu-icon: var(--uui-neutral-5);\n        --uui-burger_menu-item: var(--uui-app-bg);\n    }\n\n    /* BurgerButton */\n    .uui-main_menu-burger-button {\n        --uui-burger_btn_caption: var(--uui-neutral-0);\n        --uui-burger_btn_caption-hover: var(--uui-primary-50);\n        --uui-burger_btn_caption-active: var(--uui-primary-50);\n        --uui-burger_btn-border: var(--uui-neutral-40);\n    }\n\n    /* BurgerSearch */\n\n    .uui-main_menu-burger-search {\n        --uui-burger_search: var(--uui-neutral-0);\n        --uui-burger_search-fill: var(--uui-neutral-70);\n        --uui-burger_search-bg: var(--uui-neutral-40);\n        --uui-burger_search-placeholder: var(--uui-text-tertiary);\n    }\n\n    /* Tooltip */\n\n    .uui-tooltip-container.uui-color-neutral {\n        --uui-tooltip-border: var(--uui-neutral-50);\n    }\n\n    .uui-tooltip-container.uui-color-white {\n        --uui-tooltip-bg: var(--uui-neutral-10);\n    }\n\n    .uui-tooltip-container.uui-color-critical {\n        --uui-tooltip-bg: var(--uui-critical-50);\n    }\n\n    .uui-tooltip-container.uui-color-inverted {\n        --uui-tooltip-bg: var(--uui-neutral-10);\n        --uui-tooltip-text: var(--uui-neutral-70);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n        --uui-count_indicator-bg: var(--uui-color-60);\n        --uui-count_indicator-border: var(--uui-color-60);\n\n        &.uui-color-neutral, &.uui-color-gray {\n            --uui-count_indicator-caption: var(--uui-neutral-10);\n        }\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator_dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--white);\n        }\n    }\n\n    .uui-status_indicator.uui-color-night600,\n    .uui-status_indicator.uui-color-neutral {\n        .uui-status_indicator_dot {\n            background-color: var(--uui-neutral-30);\n        }\n\n        &.uui-fill-outline {\n            .uui-status_indicator_dot {\n                background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n                border: 1px solid var(--uui-neutral-30);\n            }\n        }\n    }\n\n    /* Alert */\n\n    .uui-alert.uui-color-info {\n        --uui-alert-icon: var(--uui-color-60);\n        --uui-alert-border: var(--uui-color-60);\n    }\n\n    .uui-alert.uui-color-success {\n        --uui-alert-icon: var(--uui-color-60);\n        --uui-alert-border: var(--uui-color-60);\n    }\n\n    .uui-alert.uui-color-warning {\n        --uui-alert-icon: var(--uui-color-60);\n        --uui-alert-border: var(--uui-color-60);\n    }\n\n    .uui-alert.uui-color-error {\n        --uui-alert-icon: var(--uui-color-60);\n        --uui-alert-border: var(--uui-color-60);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        .uui-count_indicator {\n            --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n            --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n        }\n\n        &.uui-fill-outline {\n            --uui-tag-caption: var(--uui-neutral-0);\n            --uui-tag-fill: var(--uui-neutral-0);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-70);\n                --uui-count_indicator-border: var(--uui-neutral-40);\n                --uui-count_indicator-caption: var(--uui-neutral-10);\n            }\n        }\n\n        &.uui-color-neutral,\n        &.uui-color-night300 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-0);\n                --uui-tag-fill: var(--uui-neutral-0);\n                --uui-tag-bg: var(--uui-neutral-50);\n                --uui-tag-border: var(--uui-neutral-50);\n                --uui-tag-bg-hover: var(--uui-neutral-60);\n                --uui-tag-border-hover: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-30);\n                --uui-tag-border: var(--uui-neutral-20);\n                --uui-tag-bg-hover: var(--uui-neutral-40);\n                --uui-tag-border-hover: var(--uui-neutral-20);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-40);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                    --uui-count_indicator-caption: var(--uui-neutral-10);\n                }\n            }\n        }\n\n        &.uui-color-white {\n            &.uui-fill-solid {\n                --uui-tag-bg-hover: var(--uui-neutral-5);\n                --uui-tag-border-hover: var(--uui-neutral-5);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-40);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                    --uui-count_indicator-caption: var(--uui-neutral-10);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n                --uui-tag-border: var(--uui-neutral-0);\n                --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n                --uui-tag-border-hover: var(--uui-neutral-0);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-40);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                }\n            }\n        }\n\n        &.uui-color-night100 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-80);\n                --uui-tag-fill: var(--uui-neutral-80);\n                --uui-tag-bg: var(--uui-neutral-10);\n                --uui-tag-border: var(--uui-neutral-40);\n                --uui-tag-bg-hover: var(--uui-neutral-5);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-40);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                    --uui-count_indicator-caption: var(--uui-neutral-10);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n                --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n                --uui-tag-border: var(--uui-neutral-20);\n                --uui-tag-border-hover: var(--uui-neutral-20);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-40);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                    --uui-count_indicator-caption: var(--uui-neutral-10);\n                }\n            }\n        }\n\n        &.uui-color-night700 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-0);\n                --uui-tag-fill: var(--uui-neutral-0);\n                --uui-tag-bg: var(--uui-neutral-70);\n                --uui-tag-border: var(--uui-neutral-70);\n                --uui-tag-bg-hover: var(--uui-neutral-60);\n                --uui-tag-border-hover: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-caption: var(--uui-neutral-0);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-80);\n                --uui-tag-border: var(--uui-neutral-40);\n                --uui-tag-bg-hover: var(--uui-neutral-70);\n                --uui-tag-border-hover: var(--uui-neutral-40);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-caption: var(--uui-neutral-0);\n                    --uui-count_indicator-bg: var(--uui-neutral-70);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                }\n            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-sun {\n            &.uui-fill-solid {\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n                }\n            }\n        }\n    }\n\n    .uui-presets-panel-input .uui-icon-cancel {\n        &:hover {\n            background-color: var(--uui-neutral-60);\n        }\n\n        &:active {\n            background-color: var(--uui-neutral-50);\n        }\n    }\n\n    .uui-scroll-bars {\n        --uui-scroll_bars-bg: var(--uui-neutral-40);\n        --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n    }\n\n    .uui-text-placeholder {\n        --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n    }\n\n    .uui-dt-vars {\n        --uui-dt-header-row-bg: var(--uui-surface-highest);\n    }\n\n    .uui-filters-panel-item-toggler {\n        --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n    }\n\n    /* DropdownMenu */\n\n    .uui-dropdownMenu-body {\n        --uui-dropdown-selected_mark: var(--uui-info-60);\n    }\n\n    /* PickerInput */\n\n    .uui-pickerInput-body {\n        --uui-pickerInput-selected_mark: var(--uui-info-60);\n    }\n\n    /* fonts */\n\n    .uui-font-sans {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 400;\n    }\n\n    .uui-font-sans-semibold {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 600;\n\n    }\n\n    .uui-font-sans-light {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 300;\n    }\n\n    /* Text */\n\n    .uui-text.uui-color-sky {\n        --uui-text: var(--sky-70);\n    }\n\n    .uui-text.uui-color-grass {\n        --uui-text: var(--grass-70);\n    }\n\n    .uui-text.uui-color-sun {\n        --uui-text: var(--sun-70);\n    }\n\n    .uui-text.uui-color-fire {\n        --uui-text: var(--fire-70);\n    }\n\n    .uui-text.uui-color-night50 {\n        --uui-text: var(--night50);\n    }\n\n    .uui-text.uui-color-night300 {\n        --uui-text: var(--night300);\n    }\n\n    .uui-text.uui-color-night400 {\n        --uui-text: var(--night400);\n    }\n\n    .uui-text.uui-color-night500 {\n        --uui-text: var(--night500);\n    }\n\n    .uui-text.uui-color-night600 {\n        --uui-text: var(--night600);\n    }\n\n    .uui-text.uui-color-night700 {\n        --uui-text: var(--night700);\n    }\n\n    .uui-text.uui-color-night800 {\n        --uui-text: var(--night800);\n    }\n\n    .uui-text.uui-color-night900 {\n        --uui-text: var(--night900);\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1, h2, h3, h4, h5, h6 {\n            font-family: var(--font-museo-sans);\n            letter-spacing: unset;\n        }\n\n        h1 {\n            font-size: 64px;\n            line-height: 72px;\n            font-weight: 700;\n        }\n\n        h2 {\n            font-size: 36px;\n            line-height: 42px;\n            font-weight: 700;\n        }\n\n        h3 {\n            font-size: 32px;\n            line-height: 36px;\n            font-weight: 700;\n        }\n\n        h4 {\n            font-size: 28px;\n            line-height: 36px;\n            font-weight: 500;\n        }\n\n        h5 {\n            font-size: 24px;\n            line-height: 32px;\n            font-weight: 700;\n        }\n\n        h6 {\n            font-size: 14px;\n            line-height: 24px;\n            font-weight: 700;\n        }\n    }\n}\n\n.uui-theme-eduverse_dark {\n    @include theme-eduverse_dark();\n    @include uui-6px-grid();\n    @include uui-6px-grid-eduverse();\n}\n","@use './variables/6px_grid' as *;\n@use './variables/6px_grid_eduverse' as *;\n@use './variables/tokens/_theme_eduverse_dark.scss' as tokens;\n@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');\n\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n\n@mixin theme-eduverse_dark {\n    --uui-font: 'Inter', sans-serif;\n    --uui-font-mono: 'Roboto Mono', monospace;\n    --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\n\n    /* shadows */\n    --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n    --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n    --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n\n    @include tokens.theme-tokens;\n\n    & {\n        --uui-border-radius: 3px;\n        scrollbar-color: var(--uui-neutral-40) transparent;\n    }\n\n    /* core variables end */\n\n    /* ------------------------------------ */\n\n    /* begin color classes */\n\n    .uui-color-gray {\n        --uui-color-5: var(--uui-secondary-5);\n        --uui-color-10: var(--uui-secondary-10);\n        --uui-color-20: var(--uui-secondary-20);\n        --uui-color-50: var(--uui-secondary-50);\n        --uui-color-60: var(--uui-secondary-60);\n        --uui-color-70: var(--uui-secondary-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-grass {\n        --uui-color-5: var(--grass-5);\n        --uui-color-10: var(--grass-10);\n        --uui-color-20: var(--grass-20);\n        --uui-color-50: var(--grass-50);\n        --uui-color-60: var(--grass-60);\n        --uui-color-70: var(--grass-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-sky {\n        --uui-color-5: var(--sky-5);\n        --uui-color-10: var(--sky-10);\n        --uui-color-20: var(--sky-20);\n        --uui-color-50: var(--sky-50);\n        --uui-color-60: var(--sky-60);\n        --uui-color-70: var(--sky-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-fire {\n        --uui-color-5: var(--fire-5);\n        --uui-color-10: var(--fire-10);\n        --uui-color-20: var(--fire-20);\n        --uui-color-50: var(--fire-50);\n        --uui-color-60: var(--fire-60);\n        --uui-color-70: var(--fire-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-sun {\n        --uui-color-5: var(--sun-5);\n        --uui-color-10: var(--sun-10);\n        --uui-color-20: var(--sun-20);\n        --uui-color-50: var(--sun-50);\n        --uui-color-60: var(--sun-60);\n        --uui-color-70: var(--sun-70);\n        --uui-color-contrast: var(--night700);\n    }\n\n    .uui-color-yellow {\n        --uui-color-5: var(--yellow-5);\n        --uui-color-10: var(--yellow-10);\n        --uui-color-20: var(--yellow-20);\n        --uui-color-50: var(--yellow-50);\n        --uui-color-60: var(--yellow-60);\n        --uui-color-70: var(--yellow-70);\n        --uui-color-contrast: var(--night700);\n    }\n\n    .uui-color-orange {\n        --uui-color-5: var(--orange-5);\n        --uui-color-10: var(--orange-10);\n        --uui-color-20: var(--orange-20);\n        --uui-color-50: var(--orange-50);\n        --uui-color-60: var(--orange-60);\n        --uui-color-70: var(--orange-70);\n        --uui-color-contrast: var(--night700);\n    }\n\n    .uui-color-fuchsia {\n        --uui-color-5: var(--fuchsia-5);\n        --uui-color-10: var(--fuchsia-10);\n        --uui-color-20: var(--fuchsia-20);\n        --uui-color-50: var(--fuchsia-50);\n        --uui-color-60: var(--fuchsia-60);\n        --uui-color-70: var(--fuchsia-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-purple {\n        --uui-color-5: var(--purple-5);\n        --uui-color-10: var(--purple-10);\n        --uui-color-20: var(--purple-20);\n        --uui-color-50: var(--purple-50);\n        --uui-color-60: var(--purple-60);\n        --uui-color-70: var(--purple-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-violet {\n        --uui-color-5: var(--violet-5);\n        --uui-color-10: var(--violet-10);\n        --uui-color-20: var(--violet-20);\n        --uui-color-50: var(--violet-50);\n        --uui-color-60: var(--violet-60);\n        --uui-color-70: var(--violet-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cobalt {\n        --uui-color-5: var(--cobalt-5);\n        --uui-color-10: var(--cobalt-10);\n        --uui-color-20: var(--cobalt-20);\n        --uui-color-50: var(--cobalt-50);\n        --uui-color-60: var(--cobalt-60);\n        --uui-color-70: var(--cobalt-70);\n        --uui-color-contrast: var(--white);\n    }\n\n    .uui-color-cyan {\n        --uui-color-5: var(--cyan-5);\n        --uui-color-10: var(--cyan-10);\n        --uui-color-20: var(--cyan-20);\n        --uui-color-50: var(--cyan-50);\n        --uui-color-60: var(--cyan-60);\n        --uui-color-70: var(--cyan-70);\n        --uui-color-contrast: var(--night700);\n    }\n\n    .uui-color-mint {\n        --uui-color-5: var(--mint-5);\n        --uui-color-10: var(--mint-10);\n        --uui-color-20: var(--mint-20);\n        --uui-color-50: var(--mint-50);\n        --uui-color-60: var(--mint-60);\n        --uui-color-70: var(--mint-70);\n        --uui-color-contrast: var(--night700);\n    }\n\n    /* override variables */\n\n    /* isInvalid color */\n\n    .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n        --uui-error-50: var(--uui-error-60);\n    }\n\n    /* Accordion */\n\n    .uui-accordion-container {\n        --uui-accordion-border-radius: 6px;\n        --uui-accordion-border-width: 1px;\n        --uui-accordion-border: var(--uui-divider-light);\n        --uui-accordion-body-border: var(--uui-divider-light);\n        --uui-accordion-toggler-border: var(--uui-divider-light);\n    }\n\n    .uui-accordion-toggler {\n        --uui-accordion-toggler-font: var(--font-museo-sans);\n        --uui-accordion-toggler-font-weight: 500;\n    }\n\n    /* Modals */\n\n    .uui-modal-title {\n        --uui-modals-title-font: var(--font-museo-sans);\n        --uui-modals-title-font-weight: 500;\n        --uui-modals-title-font-size: 28px;\n        --uui-modals-title-line-height: 36px;\n    }\n\n    /* FileCard */\n\n    .uui-file_card {\n        --uui-file_card-border-radius: 6px;\n    }\n\n    /* Button */\n\n    .uui-button {\n        --uui-btn-bg-disabled: var(--uui-neutral-60);\n        --uui-btn-border-disabled: var(--uui-neutral-60);\n\n        &.uui-fill-solid.uui-color-white {\n            --uui-btn-bg-active: var(--uui-neutral-20);\n\n            &:active {\n                background-color: var(--uui-neutral-20);\n                border-color: var(--uui-neutral-20);\n            }\n        }\n\n        &.uui-fill-outline {\n            --uui-btn-border: var(--uui-color-60);\n            --uui-btn-border-hover: var(--uui-color-60);\n            --uui-btn-border-active: var(--uui-color-60);\n            --uui-btn-caption: var(--uui-color-60);\n\n            &.uui-color-neutral,\n            &.uui-color-secondary {\n                --uui-btn-bg-hover: var(--uui-color-60);\n                --uui-btn-bg-active: var(--uui-neutral-50);\n                --uui-btn-border: var(--uui-neutral-30);\n                --uui-btn-border-hover: var(--uui-neutral-30);\n                --uui-btn-border-active: var(--uui-neutral-30);\n                --uui-btn-caption: var(--uui-neutral-10);\n            }\n\n            &.uui-color-white {\n                --uui-btn-caption: var(--uui-neutral-0);\n                --uui-btn-border: var(--uui-neutral-0);\n                --uui-btn-border-hover: var(--uui-neutral-0);\n                --uui-btn-border-active: var(--uui-neutral-0);\n            }\n        }\n\n        &.uui-fill-none {\n            --uui-btn-bg: var(--uui-color-5);\n            --uui-btn-border: transparent;\n            --uui-btn-border-hover: transparent;\n            --uui-btn-border-active: transparent;\n            --uui-btn-border-disabled: transparent;\n            --uui-btn-caption: var(--uui-color-60);\n\n            &.uui-color-neutral,\n            &.uui-color-secondary {\n                --uui-btn-bg: var(--uui-color-5);\n                --uui-btn-bg-hover: var(--uui-color-60);\n                --uui-btn-bg-active: var(--uui-neutral-50);\n                --uui-btn-border: transparent;\n                --uui-btn-border-hover: transparent;\n                --uui-btn-border-active: transparent;\n                --uui-btn-caption: var(--uui-neutral-10);\n            }\n\n            &.uui-color-white {\n                --uui-btn-caption: var(--uui-neutral-0);\n                --uui-btn-border: transparent;\n                --uui-btn-border-hover: transparent;\n                --uui-btn-border-active: transparent;\n            }\n        }\n\n        &.uui-fill-ghost {\n            --uui-btn-caption: var(--uui-color-60);\n\n            &.uui-color-neutral,\n            &.uui-color-secondary {\n                --uui-btn-bg-hover: var(--uui-color-60);\n                --uui-btn-bg-active: var(--uui-neutral-50);\n                --uui-btn-border-hover: var(--uui-color-60);\n                --uui-btn-border-active: var(--uui-neutral-50);\n                --uui-btn-caption: var(--uui-neutral-10);\n            }\n\n            &.uui-color-white {\n                --uui-btn-caption: var(--uui-neutral-0);\n            }\n        }\n    }\n\n    .uui-blocker-container {\n        --uui-blocker-bg: var(--uui-surface-main);\n        --uui-blocker-bg-with-opacity: #303240CC;\n    }\n\n    /* Badge */\n\n    .uui-badge {\n        &.uui-fill-outline {\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-80);\n                --uui-count_indicator-border: var(--uui-neutral-40);\n                --uui-count_indicator-caption: var(--uui-neutral-10);\n            }\n        }\n    }\n\n    .uui-badge.uui-color-neutral,\n    .uui-badge.uui-color-night300 {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-30);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-40);\n            --uui-badge-border-hover: var(--uui-neutral-40);\n            --uui-badge-caption: var(--uui-neutral-5);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-0);\n                --uui-count_indicator-border: var(--uui-neutral-0);\n                --uui-count_indicator-caption: var(--uui-neutral-80);\n            }\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-60);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-50);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-0);\n            --uui-badge-caption-hover: var(--uui-neutral-5);\n        }\n    }\n\n    .uui-badge.uui-color-white {\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-0);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-10);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n                --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n                --uui-count_indicator-caption: var(--uui-neutral-70);\n            }\n        }\n    }\n\n    .uui-badge.uui-color-night100 {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-10);\n            --uui-badge-border: var(--uui-neutral-10);\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-20);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-10);\n            --uui-badge-border: var(--uui-neutral-30);\n            --uui-badge-bg-hover: var(--uui-neutral-20);\n            --uui-badge-border-hover: var(--uui-neutral-30);\n            --uui-badge-caption: var(--uui-neutral-70);\n            --uui-badge-caption-hover: var(--uui-neutral-70);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n                --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n                --uui-count_indicator-caption: var(--uui-neutral-70);\n            }\n        }\n    }\n\n    .uui-badge.uui-color-night600 {\n        &.uui-fill-solid {\n            --uui-badge-bg: var(--uui-neutral-60);\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-bg-hover: var(--uui-neutral-50);\n            --uui-badge-border-hover: var(--uui-neutral-50);\n            --uui-badge-caption: var(--white);\n            --uui-badge-caption-hover: var(--white);\n        }\n\n        &.uui-fill-outline {\n            --uui-badge-bg: var(--uui-neutral-80);\n            --uui-badge-border: var(--uui-neutral-60);\n            --uui-badge-bg-hover: var(--uui-neutral-70);\n            --uui-badge-border-hover: var(--uui-neutral-60);\n            --uui-badge-caption: var(--uui-neutral-5);\n            --uui-badge-caption-hover: var(--uui-neutral-5);\n        }\n    }\n\n    /* IconButton */\n\n    .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n        --uui-icon_btn: var(--uui-color-60);\n        --uui-icon_btn-hover: var(--uui-color-70);\n        --uui-icon_btn-active: var(--uui-color-70);\n    }\n\n    .uui-icon_button.uui-color-white {\n        --uui-icon_btn-hover: var(--uui-neutral-20);\n        --uui-icon_btn-active: var(--uui-neutral-30);\n    }\n\n    .uui-icon_button.uui-color-secondary {\n        --uui-icon_btn: var(--uui-neutral-40);\n        --uui-icon_btn-hover: var(--uui-neutral-30);\n        --uui-icon_btn-active: var(--uui-neutral-30);\n    }\n\n    /* LinkButton */\n\n    .uui-link_button.uui-color-contrast {\n        --uui-link_btn-text: var(--uui-neutral-0);\n        --uui-link_btn-text-hover: var(--uui-neutral-5);\n        --uui-link_btn-text-active: var(--uui-neutral-10);\n    }\n\n    .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n        --uui-link_btn-text-disabled: var(--uui-neutral-40);\n    }\n\n    .uui-link_button.uui-color-primary,\n    .uui-link_button.uui-color-sky {\n        --uui-link_btn-text: var(--uui-color-60);\n        --uui-link_btn-text-hover: var(--uui-color-70);\n    }\n\n    .uui-link_button.uui-color-secondary {\n        --uui-link_btn-text: var(--uui-neutral-30);\n        --uui-link_btn-text-hover: var(--uui-neutral-20);\n        --uui-link_btn-text-active: var(--uui-neutral-10);\n    }\n\n    .uui-link_button.uui-color-white {\n        --uui-link_btn-text: var(--uui-neutral-5);\n        --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n    }\n\n    /*  TubButton */\n\n    .uui-tab-button {\n        --uui-tab_btn-text-hover: var(--uui-primary-60);\n        --uui-tab_btn-text-active: var(--uui-primary-60);\n        --uui-tab_btn-font-weight: 400;\n\n        .uui-count_indicator {\n            --uui-count_indicator-font-weight: 400;\n        }\n    }\n\n    /* MainMenu */\n\n    .uui-main_menu {\n        --uui-main_menu-text: var(--uui-neutral-0);\n        --uui-main_menu-text-active: var(--uui-neutral-0);\n        --uui-main_menu-bg: var(--uui-neutral-70);\n\n        --uui-main_menu-search-bg: var(--uui-neutral-5);\n        --uui-main_menu-search-border: var(--uui-neutral-40);\n        --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n        --uui-main_menu-search-text: var(--uui-text-primary);\n        --uui-main_menu-search-icon: var(--uui-neutral-70);\n\n        --uui-main_menu-icon: var(--uui-neutral-5);\n        --uui-main_menu-icon-hover: var(--uui-neutral-5);\n        --uui-main_menu-icon-active: var(--uui-neutral-5);\n    }\n\n    .uui-main_menu-dropdown {\n        --uui-main_menu-text: var(--uui-neutral-0);\n        --uui-main_menu-text-active: var(--uui-neutral-0);\n        --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n    }\n\n    /* BurgerMenu */\n\n    .uui-burger {\n        --uui-burger_menu-bg: var(--uui-app-bg);\n        --uui-burger_menu-bg-hover: var(--uui-app-bg);\n        --uui-burger_menu-caption: var(--uui-neutral-90);\n        --uui-burger_menu-icon: var(--uui-neutral-5);\n        --uui-burger_menu-item: var(--uui-app-bg);\n    }\n\n    /* BurgerButton */\n    .uui-main_menu-burger-button {\n        --uui-burger_btn_caption: var(--uui-neutral-0);\n        --uui-burger_btn_caption-hover: var(--uui-primary-50);\n        --uui-burger_btn_caption-active: var(--uui-primary-50);\n        --uui-burger_btn-border: var(--uui-neutral-40);\n    }\n\n    /* BurgerSearch */\n\n    .uui-main_menu-burger-search {\n        --uui-burger_search: var(--uui-neutral-0);\n        --uui-burger_search-fill: var(--uui-neutral-70);\n        --uui-burger_search-bg: var(--uui-neutral-40);\n        --uui-burger_search-placeholder: var(--uui-text-tertiary);\n    }\n\n    /* Tooltip */\n\n    .uui-tooltip-container.uui-color-neutral {\n        --uui-tooltip-border: var(--uui-neutral-50);\n    }\n\n    .uui-tooltip-container.uui-color-white {\n        --uui-tooltip-bg: var(--uui-neutral-10);\n    }\n\n    .uui-tooltip-container.uui-color-critical {\n        --uui-tooltip-bg: var(--uui-critical-50);\n    }\n\n    .uui-tooltip-container.uui-color-inverted {\n        --uui-tooltip-bg: var(--uui-neutral-10);\n        --uui-tooltip-text: var(--uui-neutral-70);\n    }\n\n    /* CountIndicator */\n\n    .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n        --uui-count_indicator-bg: var(--uui-color-60);\n        --uui-count_indicator-border: var(--uui-color-60);\n\n        &.uui-color-neutral, &.uui-color-gray {\n            --uui-count_indicator-caption: var(--uui-neutral-10);\n        }\n    }\n\n    /* Status Indicator */\n\n    .uui-status_indicator.uui-color-white.uui-fill-outline {\n        .uui-status_indicator_dot {\n            background-color: color-mix(in srgb, var(--white) 20%, transparent);\n            border: 1px solid var(--white);\n        }\n    }\n\n    .uui-status_indicator.uui-color-night600,\n    .uui-status_indicator.uui-color-neutral {\n        .uui-status_indicator_dot {\n            background-color: var(--uui-neutral-30);\n        }\n\n        &.uui-fill-outline {\n            .uui-status_indicator_dot {\n                background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n                border: 1px solid var(--uui-neutral-30);\n            }\n        }\n    }\n\n    /* Alert */\n\n    .uui-alert.uui-color-info {\n        --uui-alert-icon: var(--uui-color-60);\n        --uui-alert-border: var(--uui-color-60);\n    }\n\n    .uui-alert.uui-color-success {\n        --uui-alert-icon: var(--uui-color-60);\n        --uui-alert-border: var(--uui-color-60);\n    }\n\n    .uui-alert.uui-color-warning {\n        --uui-alert-icon: var(--uui-color-60);\n        --uui-alert-border: var(--uui-color-60);\n    }\n\n    .uui-alert.uui-color-error {\n        --uui-alert-icon: var(--uui-color-60);\n        --uui-alert-border: var(--uui-color-60);\n    }\n\n    /* Tag */\n\n    .uui-tag {\n        .uui-count_indicator {\n            --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n            --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n        }\n\n        &.uui-fill-outline {\n            --uui-tag-caption: var(--uui-neutral-0);\n            --uui-tag-fill: var(--uui-neutral-0);\n\n            .uui-count_indicator {\n                --uui-count_indicator-bg: var(--uui-neutral-70);\n                --uui-count_indicator-border: var(--uui-neutral-40);\n                --uui-count_indicator-caption: var(--uui-neutral-10);\n            }\n        }\n\n        &.uui-color-neutral,\n        &.uui-color-night300 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-0);\n                --uui-tag-fill: var(--uui-neutral-0);\n                --uui-tag-bg: var(--uui-neutral-50);\n                --uui-tag-border: var(--uui-neutral-50);\n                --uui-tag-bg-hover: var(--uui-neutral-60);\n                --uui-tag-border-hover: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-0);\n                    --uui-count_indicator-border: var(--uui-neutral-0);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-30);\n                --uui-tag-border: var(--uui-neutral-20);\n                --uui-tag-bg-hover: var(--uui-neutral-40);\n                --uui-tag-border-hover: var(--uui-neutral-20);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-40);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                    --uui-count_indicator-caption: var(--uui-neutral-10);\n                }\n            }\n        }\n\n        &.uui-color-white {\n            &.uui-fill-solid {\n                --uui-tag-bg-hover: var(--uui-neutral-5);\n                --uui-tag-border-hover: var(--uui-neutral-5);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-40);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                    --uui-count_indicator-caption: var(--uui-neutral-10);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n                --uui-tag-border: var(--uui-neutral-0);\n                --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n                --uui-tag-border-hover: var(--uui-neutral-0);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-40);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                }\n            }\n        }\n\n        &.uui-color-night100 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-80);\n                --uui-tag-fill: var(--uui-neutral-80);\n                --uui-tag-bg: var(--uui-neutral-10);\n                --uui-tag-border: var(--uui-neutral-40);\n                --uui-tag-bg-hover: var(--uui-neutral-5);\n                --uui-tag-border-hover: var(--uui-neutral-30);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-40);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                    --uui-count_indicator-caption: var(--uui-neutral-10);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n                --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n                --uui-tag-border: var(--uui-neutral-20);\n                --uui-tag-border-hover: var(--uui-neutral-20);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: var(--uui-neutral-40);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                    --uui-count_indicator-caption: var(--uui-neutral-10);\n                }\n            }\n        }\n\n        &.uui-color-night700 {\n            &.uui-fill-solid {\n                --uui-tag-caption: var(--uui-neutral-0);\n                --uui-tag-fill: var(--uui-neutral-0);\n                --uui-tag-bg: var(--uui-neutral-70);\n                --uui-tag-border: var(--uui-neutral-70);\n                --uui-tag-bg-hover: var(--uui-neutral-60);\n                --uui-tag-border-hover: var(--uui-neutral-60);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-caption: var(--uui-neutral-0);\n                }\n            }\n\n            &.uui-fill-outline {\n                --uui-tag-bg: var(--uui-neutral-80);\n                --uui-tag-border: var(--uui-neutral-40);\n                --uui-tag-bg-hover: var(--uui-neutral-70);\n                --uui-tag-border-hover: var(--uui-neutral-40);\n\n                .uui-count_indicator {\n                    --uui-count_indicator-caption: var(--uui-neutral-0);\n                    --uui-count_indicator-bg: var(--uui-neutral-70);\n                    --uui-count_indicator-border: var(--uui-neutral-40);\n                }\n            }\n        }\n\n        &.uui-color-warning,\n        &.uui-color-sun {\n            &.uui-fill-solid {\n                .uui-count_indicator {\n                    --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n                    --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n                }\n            }\n        }\n    }\n\n    .uui-presets-panel-input .uui-icon-cancel {\n        &:hover {\n            background-color: var(--uui-neutral-60);\n        }\n\n        &:active {\n            background-color: var(--uui-neutral-50);\n        }\n    }\n\n    .uui-scroll-bars {\n        --uui-scroll_bars-bg: var(--uui-neutral-40);\n        --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n    }\n\n    .uui-text-placeholder {\n        --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n    }\n\n    .uui-dt-vars {\n        --uui-dt-header-row-bg: var(--uui-surface-highest);\n    }\n\n    .uui-filters-panel-item-toggler {\n        --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n    }\n\n    /* DropdownMenu */\n\n    .uui-dropdownMenu-body {\n        --uui-dropdown-selected_mark: var(--uui-info-60);\n    }\n\n    /* PickerInput */\n\n    .uui-pickerInput-body {\n        --uui-pickerInput-selected_mark: var(--uui-info-60);\n    }\n\n    /* fonts */\n\n    .uui-font-sans {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 400;\n    }\n\n    .uui-font-sans-semibold {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 600;\n\n    }\n\n    .uui-font-sans-light {\n        --uui-text-font: var(--uui-font);\n        --uui-text-font-weight: 300;\n    }\n\n    /* Text */\n\n    .uui-text.uui-color-sky {\n        --uui-text: var(--sky-70);\n    }\n\n    .uui-text.uui-color-grass {\n        --uui-text: var(--grass-70);\n    }\n\n    .uui-text.uui-color-sun {\n        --uui-text: var(--sun-70);\n    }\n\n    .uui-text.uui-color-fire {\n        --uui-text: var(--fire-70);\n    }\n\n    .uui-text.uui-color-night50 {\n        --uui-text: var(--night50);\n    }\n\n    .uui-text.uui-color-night300 {\n        --uui-text: var(--night300);\n    }\n\n    .uui-text.uui-color-night400 {\n        --uui-text: var(--night400);\n    }\n\n    .uui-text.uui-color-night500 {\n        --uui-text: var(--night500);\n    }\n\n    .uui-text.uui-color-night600 {\n        --uui-text: var(--night600);\n    }\n\n    .uui-text.uui-color-night700 {\n        --uui-text: var(--night700);\n    }\n\n    .uui-text.uui-color-night800 {\n        --uui-text: var(--night800);\n    }\n\n    .uui-text.uui-color-night900 {\n        --uui-text: var(--night900);\n    }\n\n    /* Typography */\n\n    .uui-typography {\n        h1, h2, h3, h4, h5, h6 {\n            font-family: var(--font-museo-sans);\n            letter-spacing: unset;\n        }\n\n        h1 {\n            font-size: 64px;\n            line-height: 72px;\n            font-weight: 700;\n        }\n\n        h2 {\n            font-size: 36px;\n            line-height: 42px;\n            font-weight: 700;\n        }\n\n        h3 {\n            font-size: 32px;\n            line-height: 36px;\n            font-weight: 700;\n        }\n\n        h4 {\n            font-size: 28px;\n            line-height: 36px;\n            font-weight: 500;\n        }\n\n        h5 {\n            font-size: 24px;\n            line-height: 32px;\n            font-weight: 700;\n        }\n\n        h6 {\n            font-size: 14px;\n            line-height: 24px;\n            font-weight: 700;\n        }\n    }\n}\n\n.uui-theme-eduverse_dark {\n    @include theme-eduverse_dark();\n    @include uui-6px-grid();\n    @include uui-6px-grid-eduverse();\n}\n","// This file is AUTOGENERATED from Figma. DO NOT EDIT THIS FILE DIRECTLY.\r\n@use './_color_classes.scss' as colorClasses;\r\n\r\n@mixin theme-tokens {\r\n\r\n    /***************/\r\n    /*** Palette ***/\r\n    /***************/\r\n\r\n    // \"\"\r\n    --black: #000000;\r\n    --white: #FFFFFF;\r\n\r\n    // \"palette-additional/cobalt\"\r\n    --cobalt-5: #2C3A4F;\r\n    --cobalt-10: #29405D;\r\n    --cobalt-20: #20517F;\r\n    --cobalt-50: #0091FF;\r\n    --cobalt-60: #40ACFF;\r\n    --cobalt-70: #7AC5FF;\r\n\r\n    // \"palette-additional/cyan\"\r\n    --cyan-5: #2E3E4B;\r\n    --cyan-10: #2C4955;\r\n    --cyan-20: #27656E;\r\n    --cyan-50: #14CCCC;\r\n    --cyan-60: #70E0E0;\r\n    --cyan-70: #A1EBEB;\r\n\r\n    // \"palette/electric\"\r\n    --electric-5: #202339;\r\n    --electric-10: #0B2751;\r\n    --electric-20: #133D7B;\r\n    --electric-50: #3980EB;\r\n    --electric-60: #4486EB;\r\n    --electric-70: #629CF7;\r\n\r\n    // \"palette/emerald\"\r\n    --emerald-5: #093E17;\r\n    --emerald-10: #0C5B22;\r\n    --emerald-20: #197733;\r\n    --emerald-50: #34B859;\r\n    --emerald-60: #33D587;\r\n    --emerald-70: #62EBA9;\r\n\r\n    // \"palette/fire\"\r\n    --fire-5: #3A212A;\r\n    --fire-10: #611330;\r\n    --fire-20: #731B3B;\r\n    --fire-50: #EF558D;\r\n    --fire-60: #FA6FA2;\r\n    --fire-70: #FF95BC;\r\n\r\n    // \"palette-additional/fuchsia\"\r\n    --fuchsia-5: #413346;\r\n    --fuchsia-10: #51344C;\r\n    --fuchsia-20: #713657;\r\n    --fuchsia-50: #E93D82;\r\n    --fuchsia-60: #ED5F98;\r\n    --fuchsia-70: #F183AF;\r\n\r\n    // \"palette-additional/mint\"\r\n    --mint-5: #323E46;\r\n    --mint-10: #34484B;\r\n    --mint-20: #396258;\r\n    --mint-50: #4CC38A;\r\n    --mint-60: #79D2A7;\r\n    --mint-70: #A6E1C5;\r\n\r\n    // \"palette/night\"\r\n    --night50: #FAFAFC;\r\n    --night100: #E1E3EB;\r\n    --night200: #ACAFBF;\r\n    --night300: #6C6F80;\r\n    --night400: #585B69;\r\n    --night500: #474A59;\r\n    --night600: #383B4A;\r\n    --night700: #303240;\r\n    --night800: #272833;\r\n    --night900: #1D1E26;\r\n    --night950: #111111;\r\n\r\n    // \"palette-additional/orange\"\r\n    --orange-5: #413940;\r\n    --orange-10: #4F3F40;\r\n    --orange-20: #744F3F;\r\n    --orange-50: #FF8B3E;\r\n    --orange-60: #FFAA70;\r\n    --orange-70: #FFBF95;\r\n\r\n    // \"palette-additional/purple\"\r\n    --purple-5: #3E2F4F;\r\n    --purple-10: #4A2C5D;\r\n    --purple-20: #68267F;\r\n    --purple-50: #B915DA;\r\n    --purple-60: #D34EEE;\r\n    --purple-70: #D68AE5;\r\n\r\n    // \"palette/red\"\r\n    --red-5: #3A212A;\r\n    --red-10: #611330;\r\n    --red-20: #731B3B;\r\n    --red-50: #EF558D;\r\n    --red-60: #FA6FA2;\r\n    --red-70: #FF95BC;\r\n\r\n    // \"palette/sun\"\r\n    --sun-5: #3F3B3B;\r\n    --sun-10: #47433D;\r\n    --sun-20: #625747;\r\n    --sun-50: #FF9A24;\r\n    --sun-60: #F4B83A;\r\n    --sun-70: #FFD06D;\r\n\r\n    // \"palette-additional/violet\"\r\n    --violet-5: #393251;\r\n    --violet-10: #443166;\r\n    --violet-20: #573088;\r\n    --violet-50: #8E32EB;\r\n    --violet-60: #A55CEF;\r\n    --violet-70: #AE8BF4;\r\n\r\n    // \"palette-additional/yellow\"\r\n    --yellow-5: #403F40;\r\n    --yellow-10: #4F4B3F;\r\n    --yellow-20: #74683E;\r\n    --yellow-50: #FDD63B;\r\n    --yellow-60: #FEE376;\r\n    --yellow-70: #FEEA9D;\r\n\r\n    /*********************/\r\n    /*** Core Semantic ***/\r\n    /*********************/\r\n\r\n    // \"core/semantic/accent-\"\r\n    --uui-accent-5: var(--emerald-5);\r\n    --uui-accent-10: var(--emerald-10);\r\n    --uui-accent-20: var(--emerald-20);\r\n    --uui-accent-50: var(--emerald-50);\r\n    --uui-accent-60: var(--emerald-60);\r\n    --uui-accent-70: var(--emerald-70);\r\n    --uui-accent-contrast: var(--white);\r\n\r\n    // \"core/semantic/critical-\"\r\n    --uui-critical-5: var(--fire-5);\r\n    --uui-critical-10: var(--fire-10);\r\n    --uui-critical-20: var(--fire-20);\r\n    --uui-critical-50: var(--fire-50);\r\n    --uui-critical-60: var(--fire-60);\r\n    --uui-critical-70: var(--fire-70);\r\n    --uui-critical-contrast: var(--white);\r\n\r\n    // \"core/semantic/error-\"\r\n    --uui-error-5: var(--fire-5);\r\n    --uui-error-10: var(--fire-10);\r\n    --uui-error-20: var(--fire-20);\r\n    --uui-error-50: var(--fire-50);\r\n    --uui-error-60: var(--fire-60);\r\n    --uui-error-70: var(--fire-70);\r\n    --uui-error-contrast: var(--white);\r\n\r\n    // \"core/semantic/info-\"\r\n    --uui-info-5: var(--electric-5);\r\n    --uui-info-10: var(--electric-10);\r\n    --uui-info-20: var(--electric-20);\r\n    --uui-info-50: var(--electric-50);\r\n    --uui-info-60: var(--electric-60);\r\n    --uui-info-70: var(--electric-70);\r\n    --uui-info-contrast: var(--white);\r\n\r\n    // \"core/semantic/primary-\"\r\n    --uui-primary-5: var(--electric-5);\r\n    --uui-primary-10: var(--electric-10);\r\n    --uui-primary-20: var(--electric-20);\r\n    --uui-primary-50: var(--electric-50);\r\n    --uui-primary-60: var(--electric-60);\r\n    --uui-primary-70: var(--electric-70);\r\n    --uui-primary-contrast: var(--white);\r\n\r\n    // \"core/semantic/secondary-\"\r\n    --uui-secondary-5: var(--night800);\r\n    --uui-secondary-10: var(--night700);\r\n    --uui-secondary-20: var(--night600);\r\n    --uui-secondary-50: var(--night500);\r\n    --uui-secondary-60: var(--night400);\r\n    --uui-secondary-70: var(--night300);\r\n    --uui-secondary-contrast: var(--white);\r\n\r\n    // \"core/semantic/success-\"\r\n    --uui-success-5: var(--emerald-5);\r\n    --uui-success-10: var(--emerald-10);\r\n    --uui-success-20: var(--emerald-20);\r\n    --uui-success-50: var(--emerald-50);\r\n    --uui-success-60: var(--emerald-60);\r\n    --uui-success-70: var(--emerald-70);\r\n    --uui-success-contrast: var(--white);\r\n\r\n    // \"core/semantic/warning-\"\r\n    --uui-warning-5: var(--sun-5);\r\n    --uui-warning-10: var(--sun-10);\r\n    --uui-warning-20: var(--sun-20);\r\n    --uui-warning-50: var(--sun-50);\r\n    --uui-warning-60: var(--sun-60);\r\n    --uui-warning-70: var(--sun-70);\r\n    --uui-warning-contrast: var(--night700);\r\n\r\n    /********************/\r\n    /*** Core Neutral ***/\r\n    /********************/\r\n\r\n    --uui-neutral-0: var(--white);\r\n    --uui-neutral-5: var(--night50);\r\n    --uui-neutral-10: var(--night100);\r\n    --uui-neutral-20: var(--night200);\r\n    --uui-neutral-30: var(--night300);\r\n    --uui-neutral-40: var(--night400);\r\n    --uui-neutral-50: var(--night500);\r\n    --uui-neutral-60: var(--night600);\r\n    --uui-neutral-70: var(--night700);\r\n    --uui-neutral-80: var(--night800);\r\n    --uui-neutral-90: var(--night900);\r\n    --uui-neutral-95: var(--night950);\r\n    --uui-neutral-100: var(--black);\r\n\r\n    /************/\r\n    /*** Core ***/\r\n    /************/\r\n\r\n    // \"core/surfaces\"\r\n    --uui-app-bg: var(--uui-neutral-90);\r\n    --uui-divider: var(--uui-neutral-50);\r\n    --uui-divider-light: var(--uui-neutral-60);\r\n    --uui-overlay: #1D1E26CC;\r\n    --uui-surface-higher: var(--uui-neutral-80);\r\n    --uui-surface-highest: var(--uui-neutral-70);\r\n    --uui-surface-main: var(--uui-neutral-90);\r\n    --uui-surface-sunken: var(--uui-neutral-60);\r\n\r\n    // \"core/controls\"\r\n    --uui-control-bg: var(--uui-surface-main);\r\n    --uui-control-bg-disabled: var(--uui-neutral-60);\r\n    --uui-control-bg-hover: var(--uui-neutral-60);\r\n    --uui-control-border: var(--uui-neutral-40);\r\n    --uui-control-border-disabled: var(--uui-neutral-40);\r\n    --uui-control-border-focus: var(--uui-primary-60);\r\n    --uui-control-border-hover: var(--uui-neutral-20);\r\n    --uui-control-icon: var(--uui-neutral-30);\r\n    --uui-control-icon-disabled: var(--uui-neutral-30);\r\n    --uui-control-placeholder: var(--uui-text-tertiary);\r\n    --uui-control-placeholder-disabled: var(--uui-text-disabled);\r\n    --uui-control-text: var(--uui-text-primary);\r\n    --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n    // \"core/icons\"\r\n    --uui-icon: var(--uui-neutral-10);\r\n    --uui-icon-active: var(--uui-neutral-5);\r\n    --uui-icon-disabled: var(--uui-neutral-30);\r\n    --uui-icon-hover: var(--uui-neutral-5);\r\n\r\n    // \"core/links\"\r\n    --uui-link: var(--uui-primary-50);\r\n    --uui-link-hover: var(--uui-primary-70);\r\n    --uui-link-visited: var(--purple-60);\r\n    --uui-link-visited-hover: var(--purple-70);\r\n\r\n    // \"core/other\"\r\n    --uui-outline-focus: #0A68F17F;\r\n    --uui-skeleton: var(--uui-neutral-30);\r\n\r\n    // \"core/text\"\r\n    --uui-text-bg-highlight: var(--uui-warning-20);\r\n    --uui-text-critical: var(--uui-critical-70);\r\n    --uui-text-disabled: var(--uui-neutral-30);\r\n    --uui-text-info: var(--uui-info-70);\r\n    --uui-text-primary: var(--uui-neutral-5);\r\n    --uui-text-secondary: var(--uui-neutral-10);\r\n    --uui-text-success: var(--uui-success-70);\r\n    --uui-text-tertiary: var(--uui-neutral-20);\r\n    --uui-text-warning: var(--uui-warning-70);\r\n\r\n    @include colorClasses.theme-color-classes;\r\n}\r\n","@import url(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\");\n/*  Name convention  */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-eduverse_dark {\n  --uui-font: \"Inter\", sans-serif;\n  --uui-font-mono: \"Roboto Mono\", monospace;\n  --font-museo-sans: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n  /* shadows */\n  --uui-shadow-level-1: 0 0 4px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);\n  --uui-shadow-level-2: 0 1px 2px rgba(0, 0, 0, 0.2), 0 4px 22px 3px rgba(0, 0, 0, 0.26);\n  --uui-shadow-level-3: 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 25px 3px rgba(0, 0, 0, 0.56);\n  /***************/\n  /*** Palette ***/\n  /***************/\n  --black: #000000;\n  --white: #FFFFFF;\n  --cobalt-5: #2C3A4F;\n  --cobalt-10: #29405D;\n  --cobalt-20: #20517F;\n  --cobalt-50: #0091FF;\n  --cobalt-60: #40ACFF;\n  --cobalt-70: #7AC5FF;\n  --cyan-5: #2E3E4B;\n  --cyan-10: #2C4955;\n  --cyan-20: #27656E;\n  --cyan-50: #14CCCC;\n  --cyan-60: #70E0E0;\n  --cyan-70: #A1EBEB;\n  --electric-5: #202339;\n  --electric-10: #0B2751;\n  --electric-20: #133D7B;\n  --electric-50: #3980EB;\n  --electric-60: #4486EB;\n  --electric-70: #629CF7;\n  --emerald-5: #093E17;\n  --emerald-10: #0C5B22;\n  --emerald-20: #197733;\n  --emerald-50: #34B859;\n  --emerald-60: #33D587;\n  --emerald-70: #62EBA9;\n  --fire-5: #3A212A;\n  --fire-10: #611330;\n  --fire-20: #731B3B;\n  --fire-50: #EF558D;\n  --fire-60: #FA6FA2;\n  --fire-70: #FF95BC;\n  --fuchsia-5: #413346;\n  --fuchsia-10: #51344C;\n  --fuchsia-20: #713657;\n  --fuchsia-50: #E93D82;\n  --fuchsia-60: #ED5F98;\n  --fuchsia-70: #F183AF;\n  --mint-5: #323E46;\n  --mint-10: #34484B;\n  --mint-20: #396258;\n  --mint-50: #4CC38A;\n  --mint-60: #79D2A7;\n  --mint-70: #A6E1C5;\n  --night50: #FAFAFC;\n  --night100: #E1E3EB;\n  --night200: #ACAFBF;\n  --night300: #6C6F80;\n  --night400: #585B69;\n  --night500: #474A59;\n  --night600: #383B4A;\n  --night700: #303240;\n  --night800: #272833;\n  --night900: #1D1E26;\n  --night950: #111111;\n  --orange-5: #413940;\n  --orange-10: #4F3F40;\n  --orange-20: #744F3F;\n  --orange-50: #FF8B3E;\n  --orange-60: #FFAA70;\n  --orange-70: #FFBF95;\n  --purple-5: #3E2F4F;\n  --purple-10: #4A2C5D;\n  --purple-20: #68267F;\n  --purple-50: #B915DA;\n  --purple-60: #D34EEE;\n  --purple-70: #D68AE5;\n  --red-5: #3A212A;\n  --red-10: #611330;\n  --red-20: #731B3B;\n  --red-50: #EF558D;\n  --red-60: #FA6FA2;\n  --red-70: #FF95BC;\n  --sun-5: #3F3B3B;\n  --sun-10: #47433D;\n  --sun-20: #625747;\n  --sun-50: #FF9A24;\n  --sun-60: #F4B83A;\n  --sun-70: #FFD06D;\n  --violet-5: #393251;\n  --violet-10: #443166;\n  --violet-20: #573088;\n  --violet-50: #8E32EB;\n  --violet-60: #A55CEF;\n  --violet-70: #AE8BF4;\n  --yellow-5: #403F40;\n  --yellow-10: #4F4B3F;\n  --yellow-20: #74683E;\n  --yellow-50: #FDD63B;\n  --yellow-60: #FEE376;\n  --yellow-70: #FEEA9D;\n  /*********************/\n  /*** Core Semantic ***/\n  /*********************/\n  --uui-accent-5: var(--emerald-5);\n  --uui-accent-10: var(--emerald-10);\n  --uui-accent-20: var(--emerald-20);\n  --uui-accent-50: var(--emerald-50);\n  --uui-accent-60: var(--emerald-60);\n  --uui-accent-70: var(--emerald-70);\n  --uui-accent-contrast: var(--white);\n  --uui-critical-5: var(--fire-5);\n  --uui-critical-10: var(--fire-10);\n  --uui-critical-20: var(--fire-20);\n  --uui-critical-50: var(--fire-50);\n  --uui-critical-60: var(--fire-60);\n  --uui-critical-70: var(--fire-70);\n  --uui-critical-contrast: var(--white);\n  --uui-error-5: var(--fire-5);\n  --uui-error-10: var(--fire-10);\n  --uui-error-20: var(--fire-20);\n  --uui-error-50: var(--fire-50);\n  --uui-error-60: var(--fire-60);\n  --uui-error-70: var(--fire-70);\n  --uui-error-contrast: var(--white);\n  --uui-info-5: var(--electric-5);\n  --uui-info-10: var(--electric-10);\n  --uui-info-20: var(--electric-20);\n  --uui-info-50: var(--electric-50);\n  --uui-info-60: var(--electric-60);\n  --uui-info-70: var(--electric-70);\n  --uui-info-contrast: var(--white);\n  --uui-primary-5: var(--electric-5);\n  --uui-primary-10: var(--electric-10);\n  --uui-primary-20: var(--electric-20);\n  --uui-primary-50: var(--electric-50);\n  --uui-primary-60: var(--electric-60);\n  --uui-primary-70: var(--electric-70);\n  --uui-primary-contrast: var(--white);\n  --uui-secondary-5: var(--night800);\n  --uui-secondary-10: var(--night700);\n  --uui-secondary-20: var(--night600);\n  --uui-secondary-50: var(--night500);\n  --uui-secondary-60: var(--night400);\n  --uui-secondary-70: var(--night300);\n  --uui-secondary-contrast: var(--white);\n  --uui-success-5: var(--emerald-5);\n  --uui-success-10: var(--emerald-10);\n  --uui-success-20: var(--emerald-20);\n  --uui-success-50: var(--emerald-50);\n  --uui-success-60: var(--emerald-60);\n  --uui-success-70: var(--emerald-70);\n  --uui-success-contrast: var(--white);\n  --uui-warning-5: var(--sun-5);\n  --uui-warning-10: var(--sun-10);\n  --uui-warning-20: var(--sun-20);\n  --uui-warning-50: var(--sun-50);\n  --uui-warning-60: var(--sun-60);\n  --uui-warning-70: var(--sun-70);\n  --uui-warning-contrast: var(--night700);\n  /********************/\n  /*** Core Neutral ***/\n  /********************/\n  --uui-neutral-0: var(--white);\n  --uui-neutral-5: var(--night50);\n  --uui-neutral-10: var(--night100);\n  --uui-neutral-20: var(--night200);\n  --uui-neutral-30: var(--night300);\n  --uui-neutral-40: var(--night400);\n  --uui-neutral-50: var(--night500);\n  --uui-neutral-60: var(--night600);\n  --uui-neutral-70: var(--night700);\n  --uui-neutral-80: var(--night800);\n  --uui-neutral-90: var(--night900);\n  --uui-neutral-95: var(--night950);\n  --uui-neutral-100: var(--black);\n  /************/\n  /*** Core ***/\n  /************/\n  --uui-app-bg: var(--uui-neutral-90);\n  --uui-divider: var(--uui-neutral-50);\n  --uui-divider-light: var(--uui-neutral-60);\n  --uui-overlay: #1D1E26CC;\n  --uui-surface-higher: var(--uui-neutral-80);\n  --uui-surface-highest: var(--uui-neutral-70);\n  --uui-surface-main: var(--uui-neutral-90);\n  --uui-surface-sunken: var(--uui-neutral-60);\n  --uui-control-bg: var(--uui-surface-main);\n  --uui-control-bg-disabled: var(--uui-neutral-60);\n  --uui-control-bg-hover: var(--uui-neutral-60);\n  --uui-control-border: var(--uui-neutral-40);\n  --uui-control-border-disabled: var(--uui-neutral-40);\n  --uui-control-border-focus: var(--uui-primary-60);\n  --uui-control-border-hover: var(--uui-neutral-20);\n  --uui-control-icon: var(--uui-neutral-30);\n  --uui-control-icon-disabled: var(--uui-neutral-30);\n  --uui-control-placeholder: var(--uui-text-tertiary);\n  --uui-control-placeholder-disabled: var(--uui-text-disabled);\n  --uui-control-text: var(--uui-text-primary);\n  --uui-control-text-disabled: var(--uui-text-tertiary);\n  --uui-icon: var(--uui-neutral-10);\n  --uui-icon-active: var(--uui-neutral-5);\n  --uui-icon-disabled: var(--uui-neutral-30);\n  --uui-icon-hover: var(--uui-neutral-5);\n  --uui-link: var(--uui-primary-50);\n  --uui-link-hover: var(--uui-primary-70);\n  --uui-link-visited: var(--purple-60);\n  --uui-link-visited-hover: var(--purple-70);\n  --uui-outline-focus: #0A68F17F;\n  --uui-skeleton: var(--uui-neutral-30);\n  --uui-text-bg-highlight: var(--uui-warning-20);\n  --uui-text-critical: var(--uui-critical-70);\n  --uui-text-disabled: var(--uui-neutral-30);\n  --uui-text-info: var(--uui-info-70);\n  --uui-text-primary: var(--uui-neutral-5);\n  --uui-text-secondary: var(--uui-neutral-10);\n  --uui-text-success: var(--uui-success-70);\n  --uui-text-tertiary: var(--uui-neutral-20);\n  --uui-text-warning: var(--uui-warning-70);\n  /* core variables end */\n  /* ------------------------------------ */\n  /* begin color classes */\n  /* override variables */\n  /* isInvalid color */\n  /* Accordion */\n  /* Modals */\n  /* FileCard */\n  /* Button */\n  /* Badge */\n  /* IconButton */\n  /* LinkButton */\n  /*  TubButton */\n  /* MainMenu */\n  /* BurgerMenu */\n  /* BurgerButton */\n  /* BurgerSearch */\n  /* Tooltip */\n  /* CountIndicator */\n  /* Status Indicator */\n  /* Alert */\n  /* Tag */\n  /* DropdownMenu */\n  /* PickerInput */\n  /* fonts */\n  /* Text */\n  /* Typography */\n}\n.uui-theme-eduverse_dark .uui-color-primary {\n  --uui-color-5: var(--uui-primary-5);\n  --uui-color-10: var(--uui-primary-10);\n  --uui-color-20: var(--uui-primary-20);\n  --uui-color-50: var(--uui-primary-50);\n  --uui-color-60: var(--uui-primary-60);\n  --uui-color-70: var(--uui-primary-70);\n  --uui-color-contrast: var(--uui-primary-contrast);\n}\n.uui-theme-eduverse_dark .uui-color-secondary {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-eduverse_dark .uui-color-accent {\n  --uui-color-5: var(--uui-accent-5);\n  --uui-color-10: var(--uui-accent-10);\n  --uui-color-20: var(--uui-accent-20);\n  --uui-color-50: var(--uui-accent-50);\n  --uui-color-60: var(--uui-accent-60);\n  --uui-color-70: var(--uui-accent-70);\n  --uui-color-contrast: var(--uui-accent-contrast);\n}\n.uui-theme-eduverse_dark .uui-color-info {\n  --uui-color-5: var(--uui-info-5);\n  --uui-color-10: var(--uui-info-10);\n  --uui-color-20: var(--uui-info-20);\n  --uui-color-50: var(--uui-info-50);\n  --uui-color-60: var(--uui-info-60);\n  --uui-color-70: var(--uui-info-70);\n  --uui-color-contrast: var(--uui-info-contrast);\n}\n.uui-theme-eduverse_dark .uui-color-success {\n  --uui-color-5: var(--uui-success-5);\n  --uui-color-10: var(--uui-success-10);\n  --uui-color-20: var(--uui-success-20);\n  --uui-color-50: var(--uui-success-50);\n  --uui-color-60: var(--uui-success-60);\n  --uui-color-70: var(--uui-success-70);\n  --uui-color-contrast: var(--uui-success-contrast);\n}\n.uui-theme-eduverse_dark .uui-color-warning {\n  --uui-color-5: var(--uui-warning-5);\n  --uui-color-10: var(--uui-warning-10);\n  --uui-color-20: var(--uui-warning-20);\n  --uui-color-50: var(--uui-warning-50);\n  --uui-color-60: var(--uui-warning-60);\n  --uui-color-70: var(--uui-warning-70);\n  --uui-color-contrast: var(--uui-warning-contrast);\n}\n.uui-theme-eduverse_dark .uui-color-error {\n  --uui-color-5: var(--uui-error-5);\n  --uui-color-10: var(--uui-error-10);\n  --uui-color-20: var(--uui-error-20);\n  --uui-color-50: var(--uui-error-50);\n  --uui-color-60: var(--uui-error-60);\n  --uui-color-70: var(--uui-error-70);\n  --uui-color-contrast: var(--uui-error-contrast);\n}\n.uui-theme-eduverse_dark .uui-color-critical {\n  --uui-color-5: var(--uui-critical-5);\n  --uui-color-10: var(--uui-critical-10);\n  --uui-color-20: var(--uui-critical-20);\n  --uui-color-50: var(--uui-critical-50);\n  --uui-color-60: var(--uui-critical-60);\n  --uui-color-70: var(--uui-critical-70);\n  --uui-color-contrast: var(--uui-critical-contrast);\n}\n.uui-theme-eduverse_dark .uui-color-white {\n  --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\n  --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\n  --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\n  --uui-color-50: var(--uui-neutral-0);\n  --uui-color-60: var(--uui-neutral-10);\n  --uui-color-70: var(--uui-neutral-20);\n  --uui-color-contrast: var(--uui-neutral-70);\n}\n.uui-theme-eduverse_dark .uui-color-neutral {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--uui-secondary-contrast);\n}\n.uui-theme-eduverse_dark {\n  --uui-border-radius: 3px;\n  scrollbar-color: var(--uui-neutral-40) transparent;\n}\n.uui-theme-eduverse_dark .uui-color-gray {\n  --uui-color-5: var(--uui-secondary-5);\n  --uui-color-10: var(--uui-secondary-10);\n  --uui-color-20: var(--uui-secondary-20);\n  --uui-color-50: var(--uui-secondary-50);\n  --uui-color-60: var(--uui-secondary-60);\n  --uui-color-70: var(--uui-secondary-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-eduverse_dark .uui-color-grass {\n  --uui-color-5: var(--grass-5);\n  --uui-color-10: var(--grass-10);\n  --uui-color-20: var(--grass-20);\n  --uui-color-50: var(--grass-50);\n  --uui-color-60: var(--grass-60);\n  --uui-color-70: var(--grass-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-eduverse_dark .uui-color-sky {\n  --uui-color-5: var(--sky-5);\n  --uui-color-10: var(--sky-10);\n  --uui-color-20: var(--sky-20);\n  --uui-color-50: var(--sky-50);\n  --uui-color-60: var(--sky-60);\n  --uui-color-70: var(--sky-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-eduverse_dark .uui-color-fire {\n  --uui-color-5: var(--fire-5);\n  --uui-color-10: var(--fire-10);\n  --uui-color-20: var(--fire-20);\n  --uui-color-50: var(--fire-50);\n  --uui-color-60: var(--fire-60);\n  --uui-color-70: var(--fire-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-eduverse_dark .uui-color-sun {\n  --uui-color-5: var(--sun-5);\n  --uui-color-10: var(--sun-10);\n  --uui-color-20: var(--sun-20);\n  --uui-color-50: var(--sun-50);\n  --uui-color-60: var(--sun-60);\n  --uui-color-70: var(--sun-70);\n  --uui-color-contrast: var(--night700);\n}\n.uui-theme-eduverse_dark .uui-color-yellow {\n  --uui-color-5: var(--yellow-5);\n  --uui-color-10: var(--yellow-10);\n  --uui-color-20: var(--yellow-20);\n  --uui-color-50: var(--yellow-50);\n  --uui-color-60: var(--yellow-60);\n  --uui-color-70: var(--yellow-70);\n  --uui-color-contrast: var(--night700);\n}\n.uui-theme-eduverse_dark .uui-color-orange {\n  --uui-color-5: var(--orange-5);\n  --uui-color-10: var(--orange-10);\n  --uui-color-20: var(--orange-20);\n  --uui-color-50: var(--orange-50);\n  --uui-color-60: var(--orange-60);\n  --uui-color-70: var(--orange-70);\n  --uui-color-contrast: var(--night700);\n}\n.uui-theme-eduverse_dark .uui-color-fuchsia {\n  --uui-color-5: var(--fuchsia-5);\n  --uui-color-10: var(--fuchsia-10);\n  --uui-color-20: var(--fuchsia-20);\n  --uui-color-50: var(--fuchsia-50);\n  --uui-color-60: var(--fuchsia-60);\n  --uui-color-70: var(--fuchsia-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-eduverse_dark .uui-color-purple {\n  --uui-color-5: var(--purple-5);\n  --uui-color-10: var(--purple-10);\n  --uui-color-20: var(--purple-20);\n  --uui-color-50: var(--purple-50);\n  --uui-color-60: var(--purple-60);\n  --uui-color-70: var(--purple-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-eduverse_dark .uui-color-violet {\n  --uui-color-5: var(--violet-5);\n  --uui-color-10: var(--violet-10);\n  --uui-color-20: var(--violet-20);\n  --uui-color-50: var(--violet-50);\n  --uui-color-60: var(--violet-60);\n  --uui-color-70: var(--violet-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-eduverse_dark .uui-color-cobalt {\n  --uui-color-5: var(--cobalt-5);\n  --uui-color-10: var(--cobalt-10);\n  --uui-color-20: var(--cobalt-20);\n  --uui-color-50: var(--cobalt-50);\n  --uui-color-60: var(--cobalt-60);\n  --uui-color-70: var(--cobalt-70);\n  --uui-color-contrast: var(--white);\n}\n.uui-theme-eduverse_dark .uui-color-cyan {\n  --uui-color-5: var(--cyan-5);\n  --uui-color-10: var(--cyan-10);\n  --uui-color-20: var(--cyan-20);\n  --uui-color-50: var(--cyan-50);\n  --uui-color-60: var(--cyan-60);\n  --uui-color-70: var(--cyan-70);\n  --uui-color-contrast: var(--night700);\n}\n.uui-theme-eduverse_dark .uui-color-mint {\n  --uui-color-5: var(--mint-5);\n  --uui-color-10: var(--mint-10);\n  --uui-color-20: var(--mint-20);\n  --uui-color-50: var(--mint-50);\n  --uui-color-60: var(--mint-60);\n  --uui-color-70: var(--mint-70);\n  --uui-color-contrast: var(--night700);\n}\n.uui-theme-eduverse_dark .uui-invalid:is(.uui-input-box, .uui-radio-input-container, .uui-checkbox-container) {\n  --uui-error-50: var(--uui-error-60);\n}\n.uui-theme-eduverse_dark .uui-accordion-container {\n  --uui-accordion-border-radius: 6px;\n  --uui-accordion-border-width: 1px;\n  --uui-accordion-border: var(--uui-divider-light);\n  --uui-accordion-body-border: var(--uui-divider-light);\n  --uui-accordion-toggler-border: var(--uui-divider-light);\n}\n.uui-theme-eduverse_dark .uui-accordion-toggler {\n  --uui-accordion-toggler-font: var(--font-museo-sans);\n  --uui-accordion-toggler-font-weight: 500;\n}\n.uui-theme-eduverse_dark .uui-modal-title {\n  --uui-modals-title-font: var(--font-museo-sans);\n  --uui-modals-title-font-weight: 500;\n  --uui-modals-title-font-size: 28px;\n  --uui-modals-title-line-height: 36px;\n}\n.uui-theme-eduverse_dark .uui-file_card {\n  --uui-file_card-border-radius: 6px;\n}\n.uui-theme-eduverse_dark .uui-button {\n  --uui-btn-bg-disabled: var(--uui-neutral-60);\n  --uui-btn-border-disabled: var(--uui-neutral-60);\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-solid.uui-color-white {\n  --uui-btn-bg-active: var(--uui-neutral-20);\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-solid.uui-color-white:active {\n  background-color: var(--uui-neutral-20);\n  border-color: var(--uui-neutral-20);\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-outline {\n  --uui-btn-border: var(--uui-color-60);\n  --uui-btn-border-hover: var(--uui-color-60);\n  --uui-btn-border-active: var(--uui-color-60);\n  --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-outline.uui-color-neutral, .uui-theme-eduverse_dark .uui-button.uui-fill-outline.uui-color-secondary {\n  --uui-btn-bg-hover: var(--uui-color-60);\n  --uui-btn-bg-active: var(--uui-neutral-50);\n  --uui-btn-border: var(--uui-neutral-30);\n  --uui-btn-border-hover: var(--uui-neutral-30);\n  --uui-btn-border-active: var(--uui-neutral-30);\n  --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-outline.uui-color-white {\n  --uui-btn-caption: var(--uui-neutral-0);\n  --uui-btn-border: var(--uui-neutral-0);\n  --uui-btn-border-hover: var(--uui-neutral-0);\n  --uui-btn-border-active: var(--uui-neutral-0);\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-none {\n  --uui-btn-bg: var(--uui-color-5);\n  --uui-btn-border: transparent;\n  --uui-btn-border-hover: transparent;\n  --uui-btn-border-active: transparent;\n  --uui-btn-border-disabled: transparent;\n  --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-none.uui-color-neutral, .uui-theme-eduverse_dark .uui-button.uui-fill-none.uui-color-secondary {\n  --uui-btn-bg: var(--uui-color-5);\n  --uui-btn-bg-hover: var(--uui-color-60);\n  --uui-btn-bg-active: var(--uui-neutral-50);\n  --uui-btn-border: transparent;\n  --uui-btn-border-hover: transparent;\n  --uui-btn-border-active: transparent;\n  --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-none.uui-color-white {\n  --uui-btn-caption: var(--uui-neutral-0);\n  --uui-btn-border: transparent;\n  --uui-btn-border-hover: transparent;\n  --uui-btn-border-active: transparent;\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-ghost {\n  --uui-btn-caption: var(--uui-color-60);\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-ghost.uui-color-neutral, .uui-theme-eduverse_dark .uui-button.uui-fill-ghost.uui-color-secondary {\n  --uui-btn-bg-hover: var(--uui-color-60);\n  --uui-btn-bg-active: var(--uui-neutral-50);\n  --uui-btn-border-hover: var(--uui-color-60);\n  --uui-btn-border-active: var(--uui-neutral-50);\n  --uui-btn-caption: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-button.uui-fill-ghost.uui-color-white {\n  --uui-btn-caption: var(--uui-neutral-0);\n}\n.uui-theme-eduverse_dark .uui-blocker-container {\n  --uui-blocker-bg: var(--uui-surface-main);\n  --uui-blocker-bg-with-opacity: #303240CC;\n}\n.uui-theme-eduverse_dark .uui-badge.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-80);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n  --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-eduverse_dark .uui-badge.uui-color-night300.uui-fill-solid {\n  --uui-badge-bg: var(--uui-neutral-30);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-bg-hover: var(--uui-neutral-40);\n  --uui-badge-border-hover: var(--uui-neutral-40);\n  --uui-badge-caption: var(--uui-neutral-5);\n}\n.uui-theme-eduverse_dark .uui-badge.uui-color-neutral.uui-fill-solid .uui-count_indicator,\n.uui-theme-eduverse_dark .uui-badge.uui-color-night300.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-0);\n  --uui-count_indicator-caption: var(--uui-neutral-80);\n}\n.uui-theme-eduverse_dark .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-eduverse_dark .uui-badge.uui-color-night300.uui-fill-outline {\n  --uui-badge-bg: var(--uui-neutral-60);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-bg-hover: var(--uui-neutral-50);\n  --uui-badge-border-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-0);\n  --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-eduverse_dark .uui-badge.uui-color-white.uui-fill-outline {\n  --uui-badge-bg: var(--uui-neutral-0);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-bg-hover: var(--uui-neutral-10);\n  --uui-badge-border-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-70);\n  --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-eduverse_dark .uui-badge.uui-color-white.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-eduverse_dark .uui-badge.uui-color-night100.uui-fill-solid {\n  --uui-badge-bg: var(--uui-neutral-10);\n  --uui-badge-border: var(--uui-neutral-10);\n  --uui-badge-bg-hover: var(--uui-neutral-20);\n  --uui-badge-border-hover: var(--uui-neutral-20);\n  --uui-badge-caption: var(--uui-neutral-70);\n  --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-eduverse_dark .uui-badge.uui-color-night100.uui-fill-outline {\n  --uui-badge-bg: var(--uui-neutral-10);\n  --uui-badge-border: var(--uui-neutral-30);\n  --uui-badge-bg-hover: var(--uui-neutral-20);\n  --uui-badge-border-hover: var(--uui-neutral-30);\n  --uui-badge-caption: var(--uui-neutral-70);\n  --uui-badge-caption-hover: var(--uui-neutral-70);\n}\n.uui-theme-eduverse_dark .uui-badge.uui-color-night100.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-100) 8%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-100) 40%, transparent);\n  --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-eduverse_dark .uui-badge.uui-color-night600.uui-fill-solid {\n  --uui-badge-bg: var(--uui-neutral-60);\n  --uui-badge-border: var(--uui-neutral-60);\n  --uui-badge-bg-hover: var(--uui-neutral-50);\n  --uui-badge-border-hover: var(--uui-neutral-50);\n  --uui-badge-caption: var(--white);\n  --uui-badge-caption-hover: var(--white);\n}\n.uui-theme-eduverse_dark .uui-badge.uui-color-night600.uui-fill-outline {\n  --uui-badge-bg: var(--uui-neutral-80);\n  --uui-badge-border: var(--uui-neutral-60);\n  --uui-badge-bg-hover: var(--uui-neutral-70);\n  --uui-badge-border-hover: var(--uui-neutral-60);\n  --uui-badge-caption: var(--uui-neutral-5);\n  --uui-badge-caption-hover: var(--uui-neutral-5);\n}\n.uui-theme-eduverse_dark .uui-icon_button:is(.uui-color-info, .uui-color-primary, .uui-color-sky, .uui-color-success, .uui-color-accent, .uui-color-grass .uui-color-error, .uui-color-critical, .uui-color-sun, .uui-color-fire) {\n  --uui-icon_btn: var(--uui-color-60);\n  --uui-icon_btn-hover: var(--uui-color-70);\n  --uui-icon_btn-active: var(--uui-color-70);\n}\n.uui-theme-eduverse_dark .uui-icon_button.uui-color-white {\n  --uui-icon_btn-hover: var(--uui-neutral-20);\n  --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-eduverse_dark .uui-icon_button.uui-color-secondary {\n  --uui-icon_btn: var(--uui-neutral-40);\n  --uui-icon_btn-hover: var(--uui-neutral-30);\n  --uui-icon_btn-active: var(--uui-neutral-30);\n}\n.uui-theme-eduverse_dark .uui-link_button.uui-color-contrast {\n  --uui-link_btn-text: var(--uui-neutral-0);\n  --uui-link_btn-text-hover: var(--uui-neutral-5);\n  --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-link_button:is(.uui-color-primary, .uui-color-sky, .uui-color-secondary, .uui-color-accent, .uui-color-grass, .uui-color-critical, .uui-color-fire) {\n  --uui-link_btn-text-disabled: var(--uui-neutral-40);\n}\n.uui-theme-eduverse_dark .uui-link_button.uui-color-primary,\n.uui-theme-eduverse_dark .uui-link_button.uui-color-sky {\n  --uui-link_btn-text: var(--uui-color-60);\n  --uui-link_btn-text-hover: var(--uui-color-70);\n}\n.uui-theme-eduverse_dark .uui-link_button.uui-color-secondary {\n  --uui-link_btn-text: var(--uui-neutral-30);\n  --uui-link_btn-text-hover: var(--uui-neutral-20);\n  --uui-link_btn-text-active: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-link_button.uui-color-white {\n  --uui-link_btn-text: var(--uui-neutral-5);\n  --uui-link_btn-text-disabled: color-mix(in srgb, var(--white) 40%, transparent);\n}\n.uui-theme-eduverse_dark .uui-tab-button {\n  --uui-tab_btn-text-hover: var(--uui-primary-60);\n  --uui-tab_btn-text-active: var(--uui-primary-60);\n  --uui-tab_btn-font-weight: 400;\n}\n.uui-theme-eduverse_dark .uui-tab-button .uui-count_indicator {\n  --uui-count_indicator-font-weight: 400;\n}\n.uui-theme-eduverse_dark .uui-main_menu {\n  --uui-main_menu-text: var(--uui-neutral-0);\n  --uui-main_menu-text-active: var(--uui-neutral-0);\n  --uui-main_menu-bg: var(--uui-neutral-70);\n  --uui-main_menu-search-bg: var(--uui-neutral-5);\n  --uui-main_menu-search-border: var(--uui-neutral-40);\n  --uui-main_menu-search-placeholder: var(--uui-text-tertiary);\n  --uui-main_menu-search-text: var(--uui-text-primary);\n  --uui-main_menu-search-icon: var(--uui-neutral-70);\n  --uui-main_menu-icon: var(--uui-neutral-5);\n  --uui-main_menu-icon-hover: var(--uui-neutral-5);\n  --uui-main_menu-icon-active: var(--uui-neutral-5);\n}\n.uui-theme-eduverse_dark .uui-main_menu-dropdown {\n  --uui-main_menu-text: var(--uui-neutral-0);\n  --uui-main_menu-text-active: var(--uui-neutral-0);\n  --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-70);\n}\n.uui-theme-eduverse_dark .uui-burger {\n  --uui-burger_menu-bg: var(--uui-app-bg);\n  --uui-burger_menu-bg-hover: var(--uui-app-bg);\n  --uui-burger_menu-caption: var(--uui-neutral-90);\n  --uui-burger_menu-icon: var(--uui-neutral-5);\n  --uui-burger_menu-item: var(--uui-app-bg);\n}\n.uui-theme-eduverse_dark .uui-main_menu-burger-button {\n  --uui-burger_btn_caption: var(--uui-neutral-0);\n  --uui-burger_btn_caption-hover: var(--uui-primary-50);\n  --uui-burger_btn_caption-active: var(--uui-primary-50);\n  --uui-burger_btn-border: var(--uui-neutral-40);\n}\n.uui-theme-eduverse_dark .uui-main_menu-burger-search {\n  --uui-burger_search: var(--uui-neutral-0);\n  --uui-burger_search-fill: var(--uui-neutral-70);\n  --uui-burger_search-bg: var(--uui-neutral-40);\n  --uui-burger_search-placeholder: var(--uui-text-tertiary);\n}\n.uui-theme-eduverse_dark .uui-tooltip-container.uui-color-neutral {\n  --uui-tooltip-border: var(--uui-neutral-50);\n}\n.uui-theme-eduverse_dark .uui-tooltip-container.uui-color-white {\n  --uui-tooltip-bg: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-tooltip-container.uui-color-critical {\n  --uui-tooltip-bg: var(--uui-critical-50);\n}\n.uui-theme-eduverse_dark .uui-tooltip-container.uui-color-inverted {\n  --uui-tooltip-bg: var(--uui-neutral-10);\n  --uui-tooltip-text: var(--uui-neutral-70);\n}\n.uui-theme-eduverse_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun) {\n  --uui-count_indicator-bg: var(--uui-color-60);\n  --uui-count_indicator-border: var(--uui-color-60);\n}\n.uui-theme-eduverse_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-neutral, .uui-theme-eduverse_dark .uui-count_indicator:is(.uui-color-neutral, .uui-color-gray, .uui-color-info, .uui-color-sky, .uui-color-grass, .uui-color-success, .uui-color-critical, .uui-color-fire, .uui-color-warning, .uui-color-sun).uui-color-gray {\n  --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-status_indicator.uui-color-white.uui-fill-outline .uui-status_indicator_dot {\n  background-color: color-mix(in srgb, var(--white) 20%, transparent);\n  border: 1px solid var(--white);\n}\n.uui-theme-eduverse_dark .uui-status_indicator.uui-color-night600 .uui-status_indicator_dot,\n.uui-theme-eduverse_dark .uui-status_indicator.uui-color-neutral .uui-status_indicator_dot {\n  background-color: var(--uui-neutral-30);\n}\n.uui-theme-eduverse_dark .uui-status_indicator.uui-color-night600.uui-fill-outline .uui-status_indicator_dot,\n.uui-theme-eduverse_dark .uui-status_indicator.uui-color-neutral.uui-fill-outline .uui-status_indicator_dot {\n  background-color: color-mix(in srgb, var(--uui-neutral-30) 20%, transparent);\n  border: 1px solid var(--uui-neutral-30);\n}\n.uui-theme-eduverse_dark .uui-alert.uui-color-info {\n  --uui-alert-icon: var(--uui-color-60);\n  --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-eduverse_dark .uui-alert.uui-color-success {\n  --uui-alert-icon: var(--uui-color-60);\n  --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-eduverse_dark .uui-alert.uui-color-warning {\n  --uui-alert-icon: var(--uui-color-60);\n  --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-eduverse_dark .uui-alert.uui-color-error {\n  --uui-alert-icon: var(--uui-color-60);\n  --uui-alert-border: var(--uui-color-60);\n}\n.uui-theme-eduverse_dark .uui-tag .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--white) 10%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--white) 50%, transparent);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-fill-outline {\n  --uui-tag-caption: var(--uui-neutral-0);\n  --uui-tag-fill: var(--uui-neutral-0);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-70);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n  --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-eduverse_dark .uui-tag.uui-color-night300.uui-fill-solid {\n  --uui-tag-caption: var(--uui-neutral-0);\n  --uui-tag-fill: var(--uui-neutral-0);\n  --uui-tag-bg: var(--uui-neutral-50);\n  --uui-tag-border: var(--uui-neutral-50);\n  --uui-tag-bg-hover: var(--uui-neutral-60);\n  --uui-tag-border-hover: var(--uui-neutral-60);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-eduverse_dark .uui-tag.uui-color-night300.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-0);\n  --uui-count_indicator-border: var(--uui-neutral-0);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-eduverse_dark .uui-tag.uui-color-night300.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-30);\n  --uui-tag-border: var(--uui-neutral-20);\n  --uui-tag-bg-hover: var(--uui-neutral-40);\n  --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-eduverse_dark .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-40);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n  --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-white.uui-fill-solid {\n  --uui-tag-bg-hover: var(--uui-neutral-5);\n  --uui-tag-border-hover: var(--uui-neutral-5);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-40);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n  --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-white.uui-fill-outline {\n  --uui-tag-bg: color-mix(in srgb, var(--white) 5%, transparent);\n  --uui-tag-border: var(--uui-neutral-0);\n  --uui-tag-bg-hover: color-mix(in srgb, var(--white) 10%, transparent);\n  --uui-tag-border-hover: var(--uui-neutral-0);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-40);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-night100.uui-fill-solid {\n  --uui-tag-caption: var(--uui-neutral-80);\n  --uui-tag-fill: var(--uui-neutral-80);\n  --uui-tag-bg: var(--uui-neutral-10);\n  --uui-tag-border: var(--uui-neutral-40);\n  --uui-tag-bg-hover: var(--uui-neutral-5);\n  --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-40);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n  --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-night100.uui-fill-outline {\n  --uui-tag-bg: color-mix(in srgb, var(--uui-neutral-0) 12%, transparent);\n  --uui-tag-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 15%, transparent);\n  --uui-tag-border: var(--uui-neutral-20);\n  --uui-tag-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-bg: var(--uui-neutral-40);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n  --uui-count_indicator-caption: var(--uui-neutral-10);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-night700.uui-fill-solid {\n  --uui-tag-caption: var(--uui-neutral-0);\n  --uui-tag-fill: var(--uui-neutral-0);\n  --uui-tag-bg: var(--uui-neutral-70);\n  --uui-tag-border: var(--uui-neutral-70);\n  --uui-tag-bg-hover: var(--uui-neutral-60);\n  --uui-tag-border-hover: var(--uui-neutral-60);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-night700.uui-fill-outline {\n  --uui-tag-bg: var(--uui-neutral-80);\n  --uui-tag-border: var(--uui-neutral-40);\n  --uui-tag-bg-hover: var(--uui-neutral-70);\n  --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-night700.uui-fill-outline .uui-count_indicator {\n  --uui-count_indicator-caption: var(--uui-neutral-0);\n  --uui-count_indicator-bg: var(--uui-neutral-70);\n  --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-eduverse_dark .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-eduverse_dark .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n  --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-5) 5%, transparent);\n  --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-70) 30%, transparent);\n}\n.uui-theme-eduverse_dark .uui-presets-panel-input .uui-icon-cancel:hover {\n  background-color: var(--uui-neutral-60);\n}\n.uui-theme-eduverse_dark .uui-presets-panel-input .uui-icon-cancel:active {\n  background-color: var(--uui-neutral-50);\n}\n.uui-theme-eduverse_dark .uui-scroll-bars {\n  --uui-scroll_bars-bg: var(--uui-neutral-40);\n  --uui-scroll_bars-bg-active: var(--uui-neutral-30);\n}\n.uui-theme-eduverse_dark .uui-text-placeholder {\n  --uui-text_placeholder-gradient: repeating-linear-gradient(90deg, var(--uui-neutral-30) 0, var(--uui-neutral-50) 150px, var(--uui-neutral-30) 300px);\n}\n.uui-theme-eduverse_dark .uui-dt-vars {\n  --uui-dt-header-row-bg: var(--uui-surface-highest);\n}\n.uui-theme-eduverse_dark .uui-filters-panel-item-toggler {\n  --uui-filters_toggler-bg-hover: var(--uui-neutral-30);\n}\n.uui-theme-eduverse_dark .uui-dropdownMenu-body {\n  --uui-dropdown-selected_mark: var(--uui-info-60);\n}\n.uui-theme-eduverse_dark .uui-pickerInput-body {\n  --uui-pickerInput-selected_mark: var(--uui-info-60);\n}\n.uui-theme-eduverse_dark .uui-font-sans {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 400;\n}\n.uui-theme-eduverse_dark .uui-font-sans-semibold {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 600;\n}\n.uui-theme-eduverse_dark .uui-font-sans-light {\n  --uui-text-font: var(--uui-font);\n  --uui-text-font-weight: 300;\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-sky {\n  --uui-text: var(--sky-70);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-grass {\n  --uui-text: var(--grass-70);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-sun {\n  --uui-text: var(--sun-70);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-fire {\n  --uui-text: var(--fire-70);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-night50 {\n  --uui-text: var(--night50);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-night300 {\n  --uui-text: var(--night300);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-night400 {\n  --uui-text: var(--night400);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-night500 {\n  --uui-text: var(--night500);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-night600 {\n  --uui-text: var(--night600);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-night700 {\n  --uui-text: var(--night700);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-night800 {\n  --uui-text: var(--night800);\n}\n.uui-theme-eduverse_dark .uui-text.uui-color-night900 {\n  --uui-text: var(--night900);\n}\n.uui-theme-eduverse_dark .uui-typography h1, .uui-theme-eduverse_dark .uui-typography h2, .uui-theme-eduverse_dark .uui-typography h3, .uui-theme-eduverse_dark .uui-typography h4, .uui-theme-eduverse_dark .uui-typography h5, .uui-theme-eduverse_dark .uui-typography h6 {\n  font-family: var(--font-museo-sans);\n  letter-spacing: unset;\n}\n.uui-theme-eduverse_dark .uui-typography h1 {\n  font-size: 64px;\n  line-height: 72px;\n  font-weight: 700;\n}\n.uui-theme-eduverse_dark .uui-typography h2 {\n  font-size: 36px;\n  line-height: 42px;\n  font-weight: 700;\n}\n.uui-theme-eduverse_dark .uui-typography h3 {\n  font-size: 32px;\n  line-height: 36px;\n  font-weight: 700;\n}\n.uui-theme-eduverse_dark .uui-typography h4 {\n  font-size: 28px;\n  line-height: 36px;\n  font-weight: 500;\n}\n.uui-theme-eduverse_dark .uui-typography h5 {\n  font-size: 24px;\n  line-height: 32px;\n  font-weight: 700;\n}\n.uui-theme-eduverse_dark .uui-typography h6 {\n  font-size: 14px;\n  line-height: 24px;\n  font-weight: 700;\n}\n.uui-theme-eduverse_dark {\n  --uui-grid-unit: 6px;\n  --uui-focus-outline-width: 2px;\n  --uui-focus-outline-offset: 2px;\n  --uui-focus-radius: 2px;\n  --uui-tab-line-width: 3px;\n  --uui-notify-size: 6px;\n  --uui-resize-marker-width: 12px;\n}\n.uui-theme-eduverse_dark .uui-size-12 {\n  --uui-size: 12px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 12px;\n  --uui-font-size: 12px;\n  --uui-dot-size: 6px;\n}\n.uui-theme-eduverse_dark .uui-size-18 {\n  --uui-size: 18px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 3px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 3px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 12px;\n  --uui-font-size: 10px;\n  --uui-dot-size: 6px;\n}\n.uui-theme-eduverse_dark .uui-size-24 {\n  --uui-size: 24px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 3px;\n  --uui-icon-size: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 12px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-eduverse_dark .uui-size-30 {\n  --uui-size: 30px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 6px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-eduverse_dark .uui-size-36 {\n  --uui-size: 36px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 6px;\n  --uui-vertical-padding: 9px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-eduverse_dark .uui-size-42 {\n  --uui-size: 42px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 9px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n  --uui-dot-size: 10px;\n}\n.uui-theme-eduverse_dark .uui-size-48 {\n  --uui-size: 48px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 12px;\n  --uui-icon-size: 24px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n  --uui-dot-size: 12px;\n}\n.uui-theme-eduverse_dark .uui-size-60 {\n  --uui-size: 60px;\n  --uui-border-width: 1px;\n  --uui-horizontal-gap: 6px;\n  --uui-vertical-gap: 3px;\n  --uui-horizontal-padding: 12px;\n  --uui-vertical-padding: 18px;\n  --uui-icon-size: 24px;\n  --uui-line-height: 24px;\n  --uui-font-size: 20px;\n  --uui-dot-size: 12px;\n}\n.uui-theme-eduverse_dark .uui-input-box.uui-size-42 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-eduverse_dark .uui-input-box.uui-size-48 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-eduverse_dark .uui-input-box.uui-textarea {\n  --uui-horizontal-padding: 12px;\n}\n.uui-theme-eduverse_dark .uui-input-box.uui-textarea.uui-size-24 {\n  --uui-line-height: 12px;\n}\n.uui-theme-eduverse_dark .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n  --uui-horizontal-padding: 6px;\n  --uui-horizontal-gap: 3px;\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-eduverse_dark .uui-vertical-tab-button.uui-size-30 {\n  --uui-horizontal-padding: 12px;\n  --uui-icon-size: 12px;\n}\n.uui-theme-eduverse_dark .uui-vertical-tab-button.uui-size-36 {\n  --uui-horizontal-padding: 18px;\n}\n.uui-theme-eduverse_dark .uui-vertical-tab-button.uui-size-48 {\n  --uui-horizontal-padding: 18px;\n  --uui-font-size: 14px;\n  --uui-icon-size: 18px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-18 {\n  --uui-font-size: 12px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-18 .uui-caption {\n  --uui-tag-caption-horizontal-padding: 0;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-24 {\n  --uui-icon-size: 18px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-42 {\n  --uui-icon-size: 24px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-24, .uui-theme-eduverse_dark .uui-tag.uui-size-30, .uui-theme-eduverse_dark .uui-tag.uui-size-36, .uui-theme-eduverse_dark .uui-tag.uui-size-42 {\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-24, .uui-theme-eduverse_dark .uui-tag.uui-size-30 {\n  --uui-horizontal-padding: 3px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-42, .uui-theme-eduverse_dark .uui-tag.uui-size-48 {\n  --uui-horizontal-padding: 9px;\n}\n.uui-theme-eduverse_dark .uui-checkbox-container.uui-size-18, .uui-theme-eduverse_dark .uui-radio-input-container.uui-size-18 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-eduverse_dark .uui-switch.uui-size-18 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-eduverse_dark .uui-switch.uui-size-24 {\n  --uui-horizontal-gap: 12px;\n  --uui-line-height: 24px;\n  --uui-font-size: 16px;\n}\n.uui-theme-eduverse_dark .uui-labeled-input.uui-size-30 {\n  --uui-icon-size: 12px;\n  --uui-font-size: 12px;\n}\n.uui-theme-eduverse_dark .uui-labeled-input.uui-size-42 {\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-eduverse_dark .uui-labeled-input.uui-size-48 {\n  --uui-icon-size: 18px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n}\n.uui-theme-eduverse_dark .uui-badge.uui-size-18 {\n  --uui-font-size: 12px;\n  --uui-horizontal-padding: 6px;\n  --uui-badge-caption-horizontal-padding: 0;\n  --uui-badge-indicator-padding: 3px;\n}\n.uui-theme-eduverse_dark .uui-badge.uui-size-24 {\n  --uui-icon-size: 18px;\n  --uui-line-height: 12px;\n}\n.uui-theme-eduverse_dark .uui-badge.uui-size-36 {\n  --uui-horizontal-padding: 9px;\n}\n.uui-theme-eduverse_dark .uui-badge.uui-size-42 {\n  --uui-icon-size: 24px;\n  --uui-horizontal-padding: 15px;\n}\n.uui-theme-eduverse_dark .uui-badge.uui-size-48 {\n  --uui-horizontal-padding: 15px;\n}\n.uui-theme-eduverse_dark .uui-badge.uui-size-24, .uui-theme-eduverse_dark .uui-badge.uui-size-30, .uui-theme-eduverse_dark .uui-badge.uui-size-36, .uui-theme-eduverse_dark .uui-badge.uui-size-42, .uui-theme-eduverse_dark .uui-badge.uui-size-48 {\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-eduverse_dark .uui-status_indicator.uui-size-12 {\n  --uui-horizontal-gap: 4px;\n}\n.uui-theme-eduverse_dark .uui-status_indicator.uui-size-18 {\n  --uui-horizontal-gap: 6px;\n  --uui-line-height: 18px;\n  --uui-font-size: 14px;\n  --uui-dot-size: 8px;\n}\n.uui-theme-eduverse_dark .uui-status_indicator.uui-size-24 {\n  --uui-font-size: 14px;\n  --uui-dot-size: 10px;\n}\n.uui-theme-eduverse_dark .uui-count_indicator.uui-size-12 {\n  --uui-horizontal-padding: 3px;\n  --uui-line-height: 10px;\n  --uui-font-size: 10px;\n}\n.uui-theme-eduverse_dark .uui-count_indicator.uui-size-18 {\n  --uui-horizontal-padding: 6px;\n  --uui-line-height: 16px;\n  --uui-font-size: 12px;\n}\n.uui-theme-eduverse_dark .uui-count_indicator.uui-size-24 {\n  --uui-line-height: 22px;\n  --uui-font-size: 14px;\n}\n.uui-theme-eduverse_dark .uui-table-header-cell.uui-size-36 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-eduverse_dark .uui-table-header-cell.uui-size-48 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-eduverse_dark .uui-table-header-cell.uui-size-60 {\n  --uui-horizontal-gap: 12px;\n}\n.uui-theme-eduverse_dark .uui-picker_toggler.uui-size-30, .uui-theme-eduverse_dark .uui-picker_toggler.uui-size-36, .uui-theme-eduverse_dark .uui-picker_toggler.uui-size-42, .uui-theme-eduverse_dark .uui-picker_toggler.uui-size-48 {\n  --uui-vertical-padding: 3px;\n}\n.uui-theme-eduverse_dark .uui-alert.uui-size-36 {\n  --uui-alert-indicator-border-width: 3px;\n  --uui-alert-gap-h: 12px;\n  --uui-alert-gap-v: 3px;\n  --uui-alert-padding-h: 9px;\n  --uui-alert-padding-v: 3px;\n  --uui-alert-caption-gap-h: 9px;\n}\n.uui-theme-eduverse_dark .uui-filters-panel-item-toggler.uui-size-24 {\n  --uui-horizontal-padding: 3px;\n  --uui-horizontal-gap: 3px;\n}\n.uui-theme-eduverse_dark {\n  --uui-border-radius: 6px;\n  --uui-tab-line-width: 1px;\n}\n.uui-theme-eduverse_dark .uui-button.uui-size-30, .uui-theme-eduverse_dark .uui-button.uui-size-36, .uui-theme-eduverse_dark .uui-button.uui-size-42 {\n  --uui-border-width: 2px;\n}\n.uui-theme-eduverse_dark .uui-button.uui-size-48, .uui-theme-eduverse_dark .uui-button.uui-size-60 {\n  --uui-border-width: 2px;\n  --uui-border-radius: 9px;\n}\n.uui-theme-eduverse_dark .uui-button.uui-size-60 {\n  --uui-horizontal-padding: 30px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-18, .uui-theme-eduverse_dark .uui-tag.uui-size-24, .uui-theme-eduverse_dark .uui-tag.uui-size-30, .uui-theme-eduverse_dark .uui-tag.uui-size-36, .uui-theme-eduverse_dark .uui-tag.uui-size-42, .uui-theme-eduverse_dark .uui-tag.uui-size-48 {\n  --uui-border-radius: 36px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-18 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-24 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-30 {\n  --uui-horizontal-padding: 6px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-36 {\n  --uui-horizontal-padding: 9px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-42 {\n  --uui-horizontal-padding: 12px;\n}\n.uui-theme-eduverse_dark .uui-tag.uui-size-48 {\n  --uui-horizontal-padding: 12px;\n}\n.uui-theme-eduverse_dark .uui-control-group > .uui-button {\n  margin-right: -2px !important;\n}\n.uui-theme-eduverse_dark .uui-checkbox {\n  border-radius: 0;\n}","// This file is AUTOGENERATED. DO NOT EDIT THIS FILE DIRECTLY.\r\n\r\n@mixin theme-color-classes {\r\n    .uui-color-primary {\r\n        --uui-color-5: var(--uui-primary-5);\r\n        --uui-color-10: var(--uui-primary-10);\r\n        --uui-color-20: var(--uui-primary-20);\r\n        --uui-color-50: var(--uui-primary-50);\r\n        --uui-color-60: var(--uui-primary-60);\r\n        --uui-color-70: var(--uui-primary-70);\r\n        --uui-color-contrast: var(--uui-primary-contrast);\r\n    }\r\n\r\n    .uui-color-secondary {\r\n        --uui-color-5: var(--uui-secondary-5);\r\n        --uui-color-10: var(--uui-secondary-10);\r\n        --uui-color-20: var(--uui-secondary-20);\r\n        --uui-color-50: var(--uui-secondary-50);\r\n        --uui-color-60: var(--uui-secondary-60);\r\n        --uui-color-70: var(--uui-secondary-70);\r\n        --uui-color-contrast: var(--uui-secondary-contrast);\r\n    }\r\n\r\n    .uui-color-accent {\r\n        --uui-color-5: var(--uui-accent-5);\r\n        --uui-color-10: var(--uui-accent-10);\r\n        --uui-color-20: var(--uui-accent-20);\r\n        --uui-color-50: var(--uui-accent-50);\r\n        --uui-color-60: var(--uui-accent-60);\r\n        --uui-color-70: var(--uui-accent-70);\r\n        --uui-color-contrast: var(--uui-accent-contrast);\r\n    }\r\n\r\n    .uui-color-info {\r\n        --uui-color-5: var(--uui-info-5);\r\n        --uui-color-10: var(--uui-info-10);\r\n        --uui-color-20: var(--uui-info-20);\r\n        --uui-color-50: var(--uui-info-50);\r\n        --uui-color-60: var(--uui-info-60);\r\n        --uui-color-70: var(--uui-info-70);\r\n        --uui-color-contrast: var(--uui-info-contrast);\r\n    }\r\n\r\n    .uui-color-success {\r\n        --uui-color-5: var(--uui-success-5);\r\n        --uui-color-10: var(--uui-success-10);\r\n        --uui-color-20: var(--uui-success-20);\r\n        --uui-color-50: var(--uui-success-50);\r\n        --uui-color-60: var(--uui-success-60);\r\n        --uui-color-70: var(--uui-success-70);\r\n        --uui-color-contrast: var(--uui-success-contrast);\r\n    }\r\n\r\n    .uui-color-warning {\r\n        --uui-color-5: var(--uui-warning-5);\r\n        --uui-color-10: var(--uui-warning-10);\r\n        --uui-color-20: var(--uui-warning-20);\r\n        --uui-color-50: var(--uui-warning-50);\r\n        --uui-color-60: var(--uui-warning-60);\r\n        --uui-color-70: var(--uui-warning-70);\r\n        --uui-color-contrast: var(--uui-warning-contrast);\r\n    }\r\n\r\n    .uui-color-error {\r\n        --uui-color-5: var(--uui-error-5);\r\n        --uui-color-10: var(--uui-error-10);\r\n        --uui-color-20: var(--uui-error-20);\r\n        --uui-color-50: var(--uui-error-50);\r\n        --uui-color-60: var(--uui-error-60);\r\n        --uui-color-70: var(--uui-error-70);\r\n        --uui-color-contrast: var(--uui-error-contrast);\r\n    }\r\n\r\n    .uui-color-critical {\r\n        --uui-color-5: var(--uui-critical-5);\r\n        --uui-color-10: var(--uui-critical-10);\r\n        --uui-color-20: var(--uui-critical-20);\r\n        --uui-color-50: var(--uui-critical-50);\r\n        --uui-color-60: var(--uui-critical-60);\r\n        --uui-color-70: var(--uui-critical-70);\r\n        --uui-color-contrast: var(--uui-critical-contrast);\r\n    }\r\n\r\n    .uui-color-white {\r\n        --uui-color-5: color-mix(in srgb, #FFFFFF 15%, transparent);\r\n        --uui-color-10: color-mix(in srgb, #FFFFFF 22%, transparent);\r\n        --uui-color-20: color-mix(in srgb, #FFFFFF 29%, transparent);\r\n        --uui-color-50: var(--uui-neutral-0);\r\n        --uui-color-60: var(--uui-neutral-10);\r\n        --uui-color-70: var(--uui-neutral-20);\r\n        --uui-color-contrast: var(--uui-neutral-70);\r\n    }\r\n\r\n    .uui-color-neutral {\r\n        --uui-color-5: var(--uui-secondary-5);\r\n        --uui-color-10: var(--uui-secondary-10);\r\n        --uui-color-20: var(--uui-secondary-20);\r\n        --uui-color-50: var(--uui-secondary-50);\r\n        --uui-color-60: var(--uui-secondary-60);\r\n        --uui-color-70: var(--uui-secondary-70);\r\n        --uui-color-contrast: var(--uui-secondary-contrast);\r\n    }\r\n}\r\n","@mixin uui-6px-grid {\n    & {\n        --uui-grid-unit: 6px;\n        --uui-focus-outline-width: 2px;\n        --uui-focus-outline-offset: 2px;\n        --uui-focus-radius: 2px;\n        //--uui-border-radius: 3px; // TODO: ?????\n        --uui-tab-line-width: 3px;\n        --uui-notify-size: 6px;\n        --uui-resize-marker-width: 12px;\n    }\n\n    .uui-size-12 {\n        --uui-size: 12px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 3px; // remove - discuss\n        --uui-icon-size: 12px;\n        --uui-line-height: 12px;\n        --uui-font-size: 12px;\n        --uui-dot-size: 6px;\n    }\n\n    .uui-size-18 {\n        --uui-size: 18px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 3px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 3px;\n        --uui-vertical-padding: 3px;\n        --uui-icon-size: 12px;\n        --uui-line-height: 12px;\n        --uui-font-size: 10px;\n        --uui-dot-size: 6px;\n    }\n\n    .uui-size-24 {\n        --uui-size: 24px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 3px;\n        --uui-icon-size: 12px;\n        --uui-line-height: 18px;\n        --uui-font-size: 12px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-30 {\n        --uui-size: 30px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 6px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-36 {\n        --uui-size: 36px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 6px;\n        --uui-vertical-padding: 9px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n        --uui-dot-size: 8px;\n    }\n\n    .uui-size-42 {\n        --uui-size: 42px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 9px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 24px;\n        --uui-font-size: 16px;\n        --uui-dot-size: 10px;\n    }\n\n    .uui-size-48 {\n        --uui-size: 48px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 12px;\n        --uui-icon-size: 24px;\n        --uui-line-height: 24px;\n        --uui-font-size: 16px;\n        --uui-dot-size: 12px;\n    }\n\n    .uui-size-60 {\n        --uui-size: 60px;\n        --uui-border-width: 1px;\n        --uui-horizontal-gap: 6px;\n        --uui-vertical-gap: 3px;\n        --uui-horizontal-padding: 12px;\n        --uui-vertical-padding: 18px;\n        --uui-icon-size: 24px;\n        --uui-line-height: 24px;\n        --uui-font-size: 20px;\n        --uui-dot-size: 12px;\n    }\n\n    .uui-input-box {\n        &.uui-size-42 {\n            --uui-horizontal-padding: 6px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 6px;\n        }\n\n        &.uui-textarea {\n            --uui-horizontal-padding: 12px;\n\n            &.uui-size-24 {\n                --uui-line-height: 12px;\n            }\n        }\n    }\n\n    .uui-tab-button:is(.uui-size-36, .uui-size-48, .uui-size-60) {\n        --uui-horizontal-padding: 6px;\n        --uui-horizontal-gap: 3px;\n        --uui-icon-size: 18px;\n        --uui-line-height: 18px;\n        --uui-font-size: 14px;\n    }\n\n    .uui-vertical-tab-button {\n        &.uui-size-30 {\n            --uui-horizontal-padding: 12px;\n            --uui-icon-size: 12px;\n        }\n\n        &.uui-size-36 {\n            --uui-horizontal-padding: 18px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 18px;\n            --uui-font-size: 14px;\n            --uui-icon-size: 18px;\n        }\n    }\n\n    .uui-tag {\n        &.uui-size-18 {\n            --uui-font-size: 12px;\n\n            .uui-caption {\n                --uui-tag-caption-horizontal-padding: 0;\n            }\n        }\n\n        &.uui-size-24 {\n            --uui-icon-size: 18px;\n        }\n\n        &.uui-size-42 {\n            --uui-icon-size: 24px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42 {\n            --uui-horizontal-gap: 3px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30 {\n            --uui-horizontal-padding: 3px;\n        }\n\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-horizontal-padding: 9px;\n        }\n    }\n\n    .uui-checkbox-container, .uui-radio-input-container {\n        &.uui-size-18 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-switch {\n        &.uui-size-18 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n\n        &.uui-size-24 {\n            --uui-horizontal-gap: 12px;\n            --uui-line-height: 24px;\n            --uui-font-size: 16px;\n        }\n    }\n\n    .uui-labeled-input {\n        &.uui-size-30 {\n            --uui-icon-size: 12px;\n            --uui-font-size: 12px;\n        }\n\n        &.uui-size-42 {\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n\n        &.uui-size-48 {\n            --uui-icon-size: 18px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-badge {\n        &.uui-size-18 {\n            --uui-font-size: 12px;\n            --uui-horizontal-padding: 6px;\n            --uui-badge-caption-horizontal-padding: 0;\n            --uui-badge-indicator-padding: 3px;\n        }\n\n        &.uui-size-24 {\n            --uui-icon-size: 18px;\n            --uui-line-height: 12px;\n        }\n\n        &.uui-size-36 {\n            --uui-horizontal-padding: 9px;\n        }\n\n        &.uui-size-42 {\n            --uui-icon-size: 24px;\n            --uui-horizontal-padding: 15px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-padding: 15px;\n        }\n\n        &.uui-size-24,\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-horizontal-gap: 3px;\n        }\n    }\n\n    .uui-status_indicator {\n        &.uui-size-12 {\n            --uui-horizontal-gap: 4px;\n        }\n\n        &.uui-size-18 {\n            --uui-horizontal-gap: 6px;\n            --uui-line-height: 18px;\n            --uui-font-size: 14px;\n            --uui-dot-size: 8px;\n        }\n\n        &.uui-size-24 {\n            --uui-font-size: 14px;\n            --uui-dot-size: 10px;\n        }\n    }\n\n    .uui-count_indicator {\n        &.uui-size-12 {\n            --uui-horizontal-padding: 3px;\n            --uui-line-height: 10px;\n            --uui-font-size: 10px;\n        }\n\n        &.uui-size-18 {\n            --uui-horizontal-padding: 6px;\n            --uui-line-height: 16px;\n            --uui-font-size: 12px;\n        }\n\n        &.uui-size-24 {\n            --uui-line-height: 22px;\n            --uui-font-size: 14px;\n        }\n    }\n\n    .uui-table-header-cell {\n        &.uui-size-36 {\n            --uui-horizontal-gap: 12px;\n        }\n\n        &.uui-size-48 {\n            --uui-horizontal-gap: 12px;\n        }\n\n        &.uui-size-60 {\n            --uui-horizontal-gap: 12px;\n        }\n    }\n\n    .uui-picker_toggler {\n        &.uui-size-30,\n        &.uui-size-36,\n        &.uui-size-42,\n        &.uui-size-48 {\n            --uui-vertical-padding: 3px;\n        }\n    }\n\n    .uui-alert {\n        &.uui-size-36 {\n            --uui-alert-indicator-border-width: 3px;\n            --uui-alert-gap-h: 12px;\n            --uui-alert-gap-v: 3px;\n            --uui-alert-padding-h: 9px;\n            --uui-alert-padding-v: 3px;\n            --uui-alert-caption-gap-h: 9px;\n        }\n    }\n\n    .uui-filters-panel-item-toggler {\n        &.uui-size-24 {\n            --uui-horizontal-padding: 3px;\n            --uui-horizontal-gap: 3px;\n        }\n    }\n}\n","@mixin uui-6px-grid-eduverse {\r\n    & {\r\n        --uui-border-radius: 6px;\r\n        --uui-tab-line-width: 1px;\r\n    }\r\n\r\n    .uui-button {\r\n        &.uui-size-30,\r\n        &.uui-size-36,\r\n        &.uui-size-42 {\r\n            --uui-border-width: 2px;\r\n        }\r\n\r\n        &.uui-size-48,\r\n        &.uui-size-60 {\r\n            --uui-border-width: 2px;\r\n            --uui-border-radius: 9px;\r\n        }\r\n\r\n        &.uui-size-60 {\r\n            --uui-horizontal-padding: 30px;\r\n        }\r\n    }\r\n\r\n    .uui-tag {\r\n        &.uui-size-18,\r\n        &.uui-size-24,\r\n        &.uui-size-30,\r\n        &.uui-size-36,\r\n        &.uui-size-42,\r\n        &.uui-size-48 {\r\n            --uui-border-radius: 36px;\r\n        }\r\n\r\n        &.uui-size-18 {\r\n            --uui-horizontal-padding: 6px;\r\n        }\r\n\r\n        &.uui-size-24 {\r\n            --uui-horizontal-padding: 6px;\r\n        }\r\n\r\n        &.uui-size-30 {\r\n            --uui-horizontal-padding: 6px;\r\n        }\r\n\r\n        &.uui-size-36 {\r\n            --uui-horizontal-padding: 9px;\r\n        }\r\n\r\n        &.uui-size-42 {\r\n            --uui-horizontal-padding: 12px;\r\n        }\r\n\r\n        &.uui-size-48 {\r\n            --uui-horizontal-padding: 12px;\r\n        }\r\n    }\r\n\r\n    .uui-control-group {\r\n        & > .uui-button {\r\n            margin-right: -2px !important;\r\n        }\r\n    }\r\n\r\n    .uui-checkbox {\r\n        border-radius: 0;\r\n    }\r\n}\r\n"]}