/** * Do not edit directly * Generated on Thu, 25 Apr 2024 20:22:49 GMT */ :root { --components-404-background-color: var(--semantics-surfaces-surface-1); --components-accordion-divider-border-color: var(--semantics-borders-primary-color); --components-article-header-branded-author-text-color: var(--primitives-neutrals-pr1); --components-article-header-branded-divider-border-color: var(--semantics-borders-light-color); --components-article-header-branded-option-1-background-color: var(--semantics-surfaces-surface-1); --components-article-header-branded-option-1-svg-fill: #00000014; --components-article-header-branded-option-2-background-color: var(--semantics-surfaces-surface-3); --components-article-header-branded-option-2-svg-fill: #00000014; --components-article-header-branded-option-3-background-color: var(--semantics-surfaces-surface-5); --components-article-header-branded-option-3-svg-fill: #ffffff0a; --components-article-header-hero-author-text-color: var(--semantics-text-title-primary-color); --components-article-header-hero-divider-border-color: var(--semantics-borders-primary-color); --components-article-header-portrait-author-text-color: var(--semantics-text-title-primary-color); --components-article-header-portrait-background-color: var(--semantics-surfaces-surface-4); --components-article-header-portrait-divider-border-color: var(--semantics-borders-primary-color); --components-athlete-leaderboard-cta-section-background-color: var(--semantics-surfaces-surface-3); --components-athlete-leaderboard-row-divider-border-color: var(--semantics-borders-primary-color); --components-athlete-leaderboard-table-header-background-color: var(--semantics-surfaces-surface-4); --components-athlete-profile-event-schedule-background-color: var(--semantics-surfaces-surface-6); --components-athlete-profile-header-background-color: var(--semantics-surfaces-surface-1); --components-athlete-profile-header-medals-color: var(--semantics-text-title-secondary-color); --components-athlete-table-highlight-background-color: var(--semantics-surfaces-surface-4); --components-athlete-table-row-divider-border-color: var(--semantics-borders-primary-color); --components-athlete-table-table-header-background-color: var(--semantics-surfaces-surface-4); --components-button-dark-ghost-background-color-active: var(--semantics-interactive-bg-transparent-active); --components-button-dark-ghost-background-color-disabled: var(--semantics-interactive-bg-transparent-disabled); --components-button-dark-ghost-background-color-hover: var(--semantics-interactive-bg-transparent-hover); --components-button-dark-ghost-background-color: var(--semantics-interactive-bg-transparent-default); --components-button-dark-ghost-color-active: var(--semantics-interactive-text-primary-active); --components-button-dark-ghost-color-disabled: var(--semantics-interactive-text-primary-disabled); --components-button-dark-ghost-color-hover: var(--semantics-interactive-text-primary-hover); --components-button-dark-ghost-color: var(--semantics-interactive-text-primary-default); --components-button-dark-outline-background-color-active: var(--semantics-interactive-bg-transparent-active); --components-button-dark-outline-background-color-disabled: var(--semantics-interactive-bg-transparent-disabled); --components-button-dark-outline-background-color-hover: var(--semantics-interactive-bg-transparent-hover); --components-button-dark-outline-background-color: var(--semantics-interactive-bg-transparent-default); --components-button-dark-outline-border-color-active: var(--semantics-interactive-bg-primary-active); --components-button-dark-outline-border-color-disabled: var(--semantics-interactive-bg-primary-disabled); --components-button-dark-outline-border-color-hover: var(--semantics-interactive-bg-primary-hover); --components-button-dark-outline-border-color: var(--semantics-interactive-bg-primary-default); --components-button-dark-outline-color-active: var(--semantics-interactive-text-primary-active); --components-button-dark-outline-color-disabled: var(--semantics-interactive-text-primary-disabled); --components-button-dark-outline-color-hover: var(--semantics-interactive-text-primary-hover); --components-button-dark-outline-color: var(--semantics-interactive-text-primary-default); --components-button-dark-solid-background-color-active: var(--semantics-interactive-bg-primary-active); --components-button-dark-solid-background-color-disabled: var(--semantics-interactive-bg-primary-disabled); --components-button-dark-solid-background-color-hover: var(--semantics-interactive-bg-primary-hover); --components-button-dark-solid-background-color: var(--semantics-interactive-bg-primary-default); --components-button-dark-solid-color-active: var(--primitives-neutrals-pr1); --components-button-dark-solid-color-disabled: var(--primitives-neutrals-pr1); --components-button-dark-solid-color-hover: var(--primitives-neutrals-pr1); --components-button-dark-solid-color: var(--primitives-neutrals-pr1); --components-button-light-ghost-background-color-active: var(--semantics-interactive-bg-transparent-light-active); --components-button-light-ghost-background-color-disabled: var(--semantics-interactive-bg-transparent-light-disabled); --components-button-light-ghost-background-color-hover: var(--semantics-interactive-bg-transparent-light-hover); --components-button-light-ghost-background-color: var(--semantics-interactive-bg-transparent-light-default); --components-button-light-ghost-color: var(--semantics-interactive-text-primary-light-default); --components-button-light-outline-background-color-active: var(--semantics-interactive-bg-transparent-light-active); --components-button-light-outline-background-color-disabled: var(--semantics-interactive-bg-transparent-light-disabled); --components-button-light-outline-background-color-hover: var(--semantics-interactive-bg-transparent-light-hover); --components-button-light-outline-background-color: var(--semantics-interactive-bg-transparent-light-default); --components-button-light-outline-border-color: var(--semantics-interactive-text-primary-light-default); --components-button-light-outline-color: var(--semantics-interactive-text-primary-light-default); --components-button-light-solid-background-color-active: var(--semantics-interactive-bg-primary-light-active); --components-button-light-solid-background-color-disabled: var(--semantics-interactive-bg-primary-light-disabled); --components-button-light-solid-background-color-hover: var(--semantics-interactive-bg-primary-light-hover); --components-button-light-solid-background-color: var(--semantics-interactive-bg-primary-light-default); --components-button-light-solid-color: var(--semantics-interactive-text-secondary-default); --components-carousel-content-section-background-color: var(--semantics-surfaces-surface-4); --components-carousel-image-fallback-background-color: var(--semantics-surfaces-surface-5); --components-carousel-next-preview-background-color: #00000080; --components-carousel-next-preview-border-color: var(--semantics-borders-primary-color); --components-component-heading-dark-color: var(--semantics-text-title-primary-color); --components-component-heading-light-color: var(--semantics-text-paragraph-primary-light-color); --components-component-heading-underline: var(--semantics-surfaces-surface-3); --components-content-tiles-border-color: var(--semantics-borders-primary-color); --components-content-tiles-option-1-background-color: var(--semantics-surfaces-surface-1); --components-content-tiles-option-1-highlight-background-color: var(--semantics-surfaces-surface-4); --components-content-tiles-option-2-background-color: var(--semantics-surfaces-surface-3); --components-content-tiles-option-3-background-color: var(--semantics-surfaces-surface-2); --components-content-tiles-option-4-background-color: var(--semantics-surfaces-surface-5); --components-content-tiles-option-5-background-color: var(--semantics-surfaces-surface-4); --components-deluxe-header-option-1-background-color: var(--semantics-surfaces-surface-1); --components-deluxe-header-option-1-svg-fill: #00000014; --components-deluxe-header-option-2-background-color: var(--semantics-surfaces-surface-2); --components-deluxe-header-option-2-svg-fill: #c2deff33; --components-deluxe-header-option-3-background-color: var(--semantics-surfaces-surface-3); --components-deluxe-header-option-3-svg-fill: #00000014; --components-deluxe-header-option-4-background-color: var(--semantics-surfaces-surface-6); --components-deluxe-header-overlay-color: #00263acc; --components-events-table-row-divider-border-color: var(--semantics-borders-primary-color); --components-featured-content-option-1-background-color: var(--semantics-surfaces-surface-4); --components-featured-content-option-2-background-color: var(--semantics-surfaces-surface-1); --components-featured-content-option-2-svg-fill: #00000014; --components-featured-content-option-3-background-color: var(--semantics-surfaces-surface-3); --components-featured-content-option-3-svg-fill: #00000014; --components-hero-sidebar-background-color: var(--semantics-surfaces-surface-5); --components-icon-button-dark-ghost-background-color-active: var(--semantics-interactive-bg-transparent-active); --components-icon-button-dark-ghost-background-color-disabled: var(--semantics-interactive-bg-transparent-default); --components-icon-button-dark-ghost-background-color-hover: var(--semantics-interactive-bg-transparent-hover); --components-icon-button-dark-ghost-background-color: var(--semantics-interactive-bg-transparent-default); --components-icon-button-dark-ghost-border-color-disabled: var(--semantics-borders-primary-color); --components-icon-button-dark-ghost-color-active: var(--semantics-interactive-text-secondary-active); --components-icon-button-dark-ghost-color-disabled: var(--semantics-interactive-text-secondary-default); --components-icon-button-dark-ghost-color-hover: var(--semantics-interactive-text-secondary-hover); --components-icon-button-dark-ghost-color: var(--semantics-interactive-text-secondary-default); --components-icon-button-dark-outline-background-color-active: var(--semantics-interactive-bg-transparent-active); --components-icon-button-dark-outline-background-color-disabled: var(--semantics-interactive-bg-transparent-default); --components-icon-button-dark-outline-background-color-hover: var(--semantics-interactive-bg-transparent-hover); --components-icon-button-dark-outline-background-color: var(--semantics-interactive-bg-transparent-default); --components-icon-button-dark-outline-border-color-active: var(--semantics-interactive-text-secondary-active); --components-icon-button-dark-outline-border-color-disabled: var(--semantics-borders-primary-color); --components-icon-button-dark-outline-border-color-hover: var(--semantics-interactive-text-secondary-hover); --components-icon-button-dark-outline-border-color: var(--semantics-borders-primary-color); --components-icon-button-dark-outline-color-active: var(--semantics-interactive-text-secondary-active); --components-icon-button-dark-outline-color-disabled: var(--semantics-interactive-text-secondary-default); --components-icon-button-dark-outline-color-hover: var(--semantics-interactive-text-secondary-hover); --components-icon-button-dark-outline-color: var(--semantics-interactive-text-secondary-default); --components-icon-button-light-outline-background-color-active: var(--semantics-interactive-bg-transparent-light-active); --components-icon-button-light-outline-background-color-disabled: var(--semantics-interactive-bg-transparent-light-disabled); --components-icon-button-light-outline-background-color-hover: var(--semantics-interactive-bg-transparent-light-hover); --components-icon-button-light-outline-background-color: var(--semantics-interactive-bg-transparent-light-default); --components-icon-button-light-outline-border-color-active: var(--semantics-interactive-text-primary-light-active); --components-icon-button-light-outline-border-color-disabled: var(--semantics-borders-light-color); --components-icon-button-light-outline-border-color-hover: var(--semantics-interactive-text-primary-light-default); --components-icon-button-light-outline-border-color: var(--semantics-borders-light-color); --components-icon-button-light-outline-color-active: var(--semantics-interactive-text-primary-light-default); --components-icon-button-light-outline-color-disabled: var(--semantics-interactive-text-primary-light-default); --components-icon-button-light-outline-color-hover: var(--semantics-interactive-text-primary-light-default); --components-icon-button-light-outline-color: var(--semantics-interactive-text-primary-light-default); --components-image-avatar-background-color: var(--semantics-surfaces-surface-4); --components-image-avatar-border-color: #b9bfd280; --components-image-avatar-color: var(--semantics-text-title-secondary-color); --components-input-dark-background-color: var(--semantics-surfaces-surface-2); --components-input-dark-border-color-focus: var(--semantics-surfaces-surface-1); --components-input-dark-border-color-hover: var(--semantics-borders-primary-color); --components-input-dark-border-color: var(--semantics-borders-primary-color); --components-input-dark-placeholder-color: var(--semantics-text-paragraph-primary-color); --components-input-error-validation-color: var(--semantics-warnings-input-error); --components-input-light-background-color: #ffffff1f; --components-input-light-border-color-focus: var(--semantics-text-paragraph-primary-light-color); --components-input-light-border-color-hover: var(--semantics-borders-primary-color); --components-input-light-border-color: var(--semantics-borders-primary-color); --components-input-light-placeholder-color: var(--semantics-text-paragraph-primary-light-color); --components-interactive-map-alert-background-color: var(--semantics-surfaces-surface-2); --components-interactive-map-alert-border-color: var(--semantics-surfaces-surface-1); --components-interactive-map-alert-icon-1-svg-fill: var(--semantics-surfaces-surface-1); --components-interactive-map-alert-icon-2-svg-fill: var(--semantics-surfaces-surface-5); --components-interactive-map-background-color: var(--semantics-surfaces-surface-2); --components-interactive-map-border-color: var(--semantics-borders-primary-color); --components-interactive-map-controls-background-color: var(--semantics-surfaces-surface-5); --components-interactive-map-controls-svg-fill-active: var(--semantics-interactive-bg-primary-light-active); --components-interactive-map-controls-svg-fill-disabled: var(--semantics-interactive-bg-primary-light-disabled); --components-interactive-map-controls-svg-fill-hover: var(--semantics-interactive-bg-primary-light-hover); --components-interactive-map-controls-svg-fill: var(--semantics-interactive-bg-primary-light-default); --components-interactive-map-drawer-background-color: var(--semantics-surfaces-surface-2); --components-interactive-map-legend-background-color: var(--semantics-surfaces-surface-5); --components-interactive-map-legend-divider: var(--semantics-borders-light-color); --components-interactive-map-legend-values-border-color: var(--semantics-borders-primary-color); --components-interactive-map-pin-background-color-active: var(--semantics-interactive-bg-primary-active); --components-interactive-map-pin-background-color-disabled: var(--semantics-interactive-bg-primary-disabled); --components-interactive-map-pin-background-color-hover: var(--semantics-interactive-bg-primary-hover); --components-interactive-map-pin-background-color: var(--semantics-interactive-bg-primary-default); --components-interactive-map-pin-border: var(--semantics-text-paragraph-primary-light-color); --components-interactive-map-pin-color: var(--semantics-text-paragraph-primary-light-color); --components-interactive-map-small-state-lines-stroke-color: var(--primitives-neutrals-pr11); --components-interactive-map-state-border-color: var(--semantics-surfaces-surface-2); --components-interactive-map-state-dark-color: var(--semantics-text-paragraph-primary-light-color); --components-interactive-map-state-dark-direction: 180deg; --components-interactive-map-state-dark-gradient-end: var(--primitives-primary2-pr8); --components-interactive-map-state-dark-gradient-start: var(--semantics-surfaces-surface-1); --components-interactive-map-state-light-color: var(--primitives-neutrals-pr11); --components-interactive-map-state-light-direction: 180deg; --components-interactive-map-state-light-gradient-end: var(--semantics-surfaces-surface-4); --components-interactive-map-state-light-gradient-start: var(--semantics-surfaces-surface-4); --components-interactive-map-state-medium-color: var(--primitives-neutrals-pr11); --components-interactive-map-state-medium-direction: 180deg; --components-interactive-map-state-medium-gradient-end: var(--primitives-primary2-pr4); --components-interactive-map-state-medium-gradient-start: var(--primitives-primary2-pr3); --components-interstitial-top-bar-background-color: var(--semantics-surfaces-surface-5); --components-link-strip-background-color: var(--semantics-surfaces-surface-4); --components-link-strip-current-page-link-background-color: var(--semantics-surfaces-surface-3); --components-link-strip-current-page-link-color: var(--semantics-text-title-primary-light-color); --components-medal-tracker-background-color: var(--semantics-surfaces-surface-1); --components-medal-tracker-medals-container-background-color: var(--semantics-surfaces-surface-6); --components-medal-tracker-total-medals-background-color: var(--semantics-surfaces-surface-5); --components-medals-color: var(--semantics-text-title-secondary-color); --components-notification-bar-background-color: var(--semantics-surfaces-surface-1); --components-opendorse-background-color: var(--semantics-surfaces-surface-3); --components-opendorse-play-button-background-color: var(--semantics-surfaces-surface-3); --components-opendorse-small-title-background-color: var(--semantics-surfaces-surface-1); --components-opendorse-svg-fill: #00000014; --components-platform-banner-background-color: var(--semantics-surfaces-surface-6); --components-polls-background-color: var(--semantics-surfaces-surface-1); --components-polls-card-background-color-selected: var(--semantics-surfaces-surface-5); --components-polls-card-background-color: var(--semantics-surfaces-surface-2); --components-polls-card-selected-border-border-color: #ffffffff; --components-polls-divider: var(--semantics-borders-light-color); --components-polls-insights-drawer-background-color: var(--semantics-surfaces-surface-5); --components-polls-insights-drawer-success-icon-svg-fill: #51bc95ff; --components-polls-post-engagement-success-message-background-color: var(--semantics-surfaces-surface-4); --components-polls-progress-tracker-empty: var(--semantics-borders-primary-color); --components-polls-progress-tracker-filled: var(--semantics-surfaces-surface-3); --components-polls-results-and-text-poll-background-color: #0000004d; --components-polls-results-and-text-poll-border-color: var(--semantics-borders-primary-color); --components-polls-results-and-text-poll-option-background-color: #0000004d; --components-polls-results-and-text-poll-option-border-color-selected: var(--primitives-neutrals-pr1); --components-polls-results-and-text-poll-option-border-color: var(--semantics-borders-light-color); --components-polls-results-and-text-poll-option-question-background-color-selected: var(--semantics-surfaces-surface-1); --components-polls-results-and-text-poll-option-result-background-color-fill: var(--semantics-surfaces-surface-3); --components-polls-results-and-text-poll-option-svg-fill: var(--semantics-surfaces-surface-3); --components-promo-banner-option-1-background-color: var(--semantics-surfaces-surface-1); --components-promo-banner-option-1-svg-fill: #00000014; --components-promo-banner-option-2-background-color: var(--semantics-surfaces-surface-3); --components-promo-banner-option-2-svg-fill: #00000014; --components-pull-quote-color: var(--semantics-text-title-primary-color); --components-pull-quote-quotation-mark-svg-fill: var(--semantics-surfaces-surface-3); --components-rte-dark-headings-color: var(--semantics-text-title-secondary-color); --components-rte-dark-link-color-active: var(--semantics-interactive-text-primary-active); --components-rte-dark-link-color-hover: var(--semantics-interactive-text-primary-hover); --components-rte-dark-link-color-visited: var(--semantics-interactive-text-primary-visited); --components-rte-dark-link-color: var(--semantics-interactive-text-primary-default); --components-rte-dark-list-bullet-svg-fill: var(--semantics-surfaces-surface-3); --components-rte-dark-paragraph-color: var(--semantics-text-paragraph-primary-color); --components-rte-light-headings-color: var(--semantics-text-paragraph-primary-light-color); --components-rte-light-link-color-active: var(--semantics-interactive-text-primary-light-active); --components-rte-light-link-color-hover: var(--semantics-interactive-text-primary-light-hover); --components-rte-light-link-color-visited: var(--semantics-interactive-text-primary-light-visited); --components-rte-light-link-color: var(--semantics-interactive-text-primary-light-default); --components-rte-light-list-bullet-svg-fill: var(--primitives-neutrals-pr1); --components-rte-light-paragraph-color: var(--semantics-text-title-primary-light-color); --components-sign-up-footer-accent-title: var(--semantics-text-title-accent-color); --components-sign-up-footer-background-color: #ffffffff; --components-sign-up-form-background-color: var(--semantics-surfaces-surface-4); --components-sign-up-form-title-accent-color: var(--semantics-text-title-accent-color); --components-sign-up-module-background-color: var(--semantics-surfaces-surface-1); --components-sign-up-module-label-background-color: #333ac6ff; --components-site-footer-background-color: var(--semantics-surfaces-surface-6); --components-site-footer-divider: var(--semantics-borders-light-color); --components-site-header-background-color: var(--semantics-surfaces-surface-2); --components-site-header-current-page-link-background-color: var(--semantics-surfaces-surface-3); --components-site-header-current-page-link-color: var(--semantics-text-title-primary-light-color); --components-site-header-divider-border-color: var(--semantics-borders-primary-color); --components-site-header-dropdown-background-color: var(--semantics-surfaces-surface-2); --components-site-header-dropdown-close-button-svg-fill-active: var(--semantics-interactive-text-secondary-active); --components-site-header-dropdown-close-button-svg-fill-hover: var(--semantics-interactive-text-secondary-hover); --components-site-header-dropdown-close-button-svg-fill: var(--semantics-interactive-text-secondary-default); --components-site-header-dropdown-divider-border-color: var(--semantics-borders-primary-color); --components-site-header-dropdown-title-underline-color: var(--semantics-text-title-secondary-color); --components-site-header-hamburger-background-color: var(--semantics-surfaces-surface-6); --components-site-header-hamburger-divider: var(--semantics-borders-light-color); --components-tag-blue-background-color: var(--semantics-surfaces-surface-1); --components-tag-color: var(--semantics-text-paragraph-primary-light-color); --components-tag-red-background-color: var(--semantics-surfaces-surface-3); --components-video-modal-page-background-color: var(--semantics-surfaces-surface-5); --components-video-modal-page-divider: var(--semantics-borders-light-color); --primitives-neutrals-pr1: #ffffffff; --primitives-neutrals-pr10: #191919ff; --primitives-neutrals-pr11: #000000ff; --primitives-neutrals-pr2: #e6e6e6ff; --primitives-neutrals-pr3: #ccccccff; --primitives-neutrals-pr4: #b3b3b3ff; --primitives-neutrals-pr5: #999999ff; --primitives-neutrals-pr6: #808080ff; --primitives-neutrals-pr7: #666666ff; --primitives-neutrals-pr8: #4c4c4cff; --primitives-neutrals-pr9: #333333ff; --primitives-primary1-pr1: #fbe7e8ff; --primitives-primary1-pr10: #3f0507ff; --primitives-primary1-pr11: #2a0305ff; --primitives-primary1-pr2: #f6cfd1ff; --primitives-primary1-pr3: #f2b8baff; --primitives-primary1-pr4: #e0585dff; --primitives-primary1-pr5: #d7292fff; --primitives-primary1-pr6: #d31118ff; --primitives-primary1-pr7: #be0f16ff; --primitives-primary1-pr8: #7f0a0eff; --primitives-primary1-pr9: #54070aff; --primitives-primary2-pr1: #e8e9f9ff; --primitives-primary2-pr10: #070939ff; --primitives-primary2-pr11: #050626ff; --primitives-primary2-pr2: #d1d2f2ff; --primitives-primary2-pr3: #b9bcecff; --primitives-primary2-pr4: #5d62d2ff; --primitives-primary2-pr5: #2e35c5ff; --primitives-primary2-pr6: #171fbeff; --primitives-primary2-pr7: #151cabff; --primitives-primary2-pr8: #0e1372ff; --primitives-primary2-pr9: #090c4cff; --primitives-secondary1-pr1: #f6e8eaff; --primitives-secondary1-pr10: #32070eff; --primitives-secondary1-pr11: #210509ff; --primitives-secondary1-pr2: #edd1d5ff; --primitives-secondary1-pr3: #e4bac0ff; --primitives-secondary1-pr4: #c15e6dff; --primitives-secondary1-pr5: #af3043ff; --primitives-secondary1-pr6: #a6192eff; --primitives-secondary1-pr7: #951729ff; --primitives-secondary1-pr8: #640f1cff; --primitives-secondary1-pr9: #420a12ff; --primitives-secondary2-pr1: #e8eaf0ff; --primitives-secondary2-pr10: #060c1fff; --primitives-secondary2-pr11: #040815ff; --primitives-secondary2-pr2: #d0d4e1ff; --primitives-secondary2-pr3: #b9bfd2ff; --primitives-secondary2-pr4: #5b6996ff; --primitives-secondary2-pr5: #2c3e78ff; --primitives-secondary2-pr6: #152969ff; --primitives-secondary2-pr7: #13255fff; --primitives-secondary2-pr8: #0d193fff; --primitives-secondary2-pr9: #08102aff; --primitives-secondary3-pr1: #f9fcffff; --primitives-secondary3-pr10: #3a434cff; --primitives-secondary3-pr11: #272c33ff; --primitives-secondary3-pr2: #f3f8ffff; --primitives-secondary3-pr3: #edf5ffff; --primitives-secondary3-pr4: #d4e8ffff; --primitives-secondary3-pr5: #c8e1ffff; --primitives-secondary3-pr6: #c2deffff; --primitives-secondary3-pr7: #afc8e6ff; --primitives-secondary3-pr8: #748599ff; --primitives-secondary3-pr9: #616f80ff; --primitives-secondary4-pr1: #fdfdfdff; --primitives-secondary4-pr10: #484645ff; --primitives-secondary4-pr11: #302f2eff; --primitives-secondary4-pr2: #fcfbfaff; --primitives-secondary4-pr3: #faf9f8ff; --primitives-secondary4-pr4: #f4f0eeff; --primitives-secondary4-pr5: #f1ece9ff; --primitives-secondary4-pr6: #efeae6ff; --primitives-secondary4-pr7: #d7d3cfff; --primitives-secondary4-pr8: #8f8c8aff; --primitives-secondary4-pr9: #605e5cff; --primitives-secondary5-pr1: #e6e9ebff; --primitives-secondary5-pr10: #000b11ff; --primitives-secondary5-pr11: #00080cff; --primitives-secondary5-pr2: #ccd4d8ff; --primitives-secondary5-pr3: #b3bec4ff; --primitives-secondary5-pr4: #585d69ff; --primitives-secondary5-pr5: #1a3c4eff; --primitives-secondary5-pr6: #00263aff; --primitives-secondary5-pr7: #002234ff; --primitives-secondary5-pr8: #001723ff; --primitives-secondary5-pr9: #000f17ff; --semantics-borders-light-color: #ffffff33; --semantics-borders-primary-color: var(--primitives-secondary2-pr3); --semantics-focus-accent: var(--primitives-primary1-pr6); --semantics-focus-dark: var(--primitives-secondary5-pr6); --semantics-focus-light: var(--primitives-neutrals-pr1); --semantics-interactive-bg-primary-active: var(--primitives-primary1-pr10); --semantics-interactive-bg-primary-default: var(--primitives-primary1-pr6); --semantics-interactive-bg-primary-disabled: var(--primitives-primary1-pr3); --semantics-interactive-bg-primary-hover: var(--primitives-primary1-pr8); --semantics-interactive-bg-primary-light-active: var(--primitives-secondary4-pr7); --semantics-interactive-bg-primary-light-default: var(--primitives-neutrals-pr1); --semantics-interactive-bg-primary-light-disabled: #ffffff80; --semantics-interactive-bg-primary-light-hover: var(--primitives-secondary4-pr6); --semantics-interactive-bg-transparent-active: #0000001f; --semantics-interactive-bg-transparent-default: #ffffff00; --semantics-interactive-bg-transparent-disabled: var(--primitives-neutrals-pr1); --semantics-interactive-bg-transparent-hover: #0000000f; --semantics-interactive-bg-transparent-light-active: #ffffff14; --semantics-interactive-bg-transparent-light-default: #ffffff00; --semantics-interactive-bg-transparent-light-disabled: var(--primitives-neutrals-pr1); --semantics-interactive-bg-transparent-light-hover: #ffffff29; --semantics-interactive-text-primary-active: var(--primitives-primary1-pr10); --semantics-interactive-text-primary-default: var(--primitives-primary1-pr6); --semantics-interactive-text-primary-disabled: var(--primitives-primary1-pr3); --semantics-interactive-text-primary-hover: var(--primitives-primary1-pr8); --semantics-interactive-text-primary-light-active: var(--primitives-neutrals-pr1); --semantics-interactive-text-primary-light-default: var(--primitives-neutrals-pr1); --semantics-interactive-text-primary-light-hover: var(--primitives-secondary5-pr3); --semantics-interactive-text-primary-light-visited: var(--primitives-secondary2-pr3); --semantics-interactive-text-primary-visited: var(--primitives-primary1-pr10); --semantics-interactive-text-secondary-active: var(--primitives-primary1-pr10); --semantics-interactive-text-secondary-default: var(--primitives-secondary5-pr6); --semantics-interactive-text-secondary-hover: var(--primitives-primary1-pr6); --semantics-surfaces-surface-1: var(--primitives-primary2-pr6); --semantics-surfaces-surface-2: var(--primitives-neutrals-pr1); --semantics-surfaces-surface-3: var(--primitives-primary1-pr6); --semantics-surfaces-surface-4: var(--primitives-secondary4-pr6); --semantics-surfaces-surface-5: var(--primitives-secondary5-pr6); --semantics-surfaces-surface-6: var(--primitives-secondary2-pr6); --semantics-text-paragraph-primary-color: var(--primitives-secondary4-pr10); --semantics-text-paragraph-primary-light-color: var(--primitives-neutrals-pr1); --semantics-text-title-accent-color: var(--primitives-primary1-pr6); --semantics-text-title-accent-light-color: var(--primitives-neutrals-pr1); --semantics-text-title-primary-color: var(--primitives-primary2-pr6); --semantics-text-title-primary-light-color: var(--primitives-neutrals-pr1); --semantics-text-title-secondary-color: var(--primitives-secondary2-pr6); --semantics-warnings-input-error: var(--primitives-primary1-pr6); --semantics-warnings-toast-error-background-color: #fbeee7ff; --semantics-warnings-toast-error-border-color: #e1c8c3ff; --semantics-warnings-toast-success-background-color: #ebf6ecff; --semantics-warnings-toast-success-border-color: #b6d4c3ff; }