@orfeas126/box-ui-elements
Version:
Box UI Elements
1 lines • 79.8 kB
Source Map (JSON)
{"version":3,"file":"metadata-sidebar-redesigned.css","mappings":"AAEA,6BACI,6BADJ,CAGI,kEAII,MAAO,CACP,YCsqBE,CD1qBF,iBAAkB,CAElB,OAAQ,CADR,KAER,CAII,uEACI,kBAFR","sources":["webpack://@orfeas126/box-ui-elements/./src/elements/content-sidebar/MetadataSidebarRedesign.scss","webpack://@orfeas126/box-ui-elements/./node_modules/@box/blueprint-web-assets/tokens/tokens.scss"],"sourcesContent":["@use '@box/blueprint-web-assets/tokens/tokens.scss';\n\n.bcs-MetadataSidebarRedesign {\n border-left: 1px solid tokens.$gray-10;\n\n .bcs-MetadataSidebarRedesign-content {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: tokens.$space-4;\n }\n\n .bcs-MetadataSidebarRedesign-inline-error {\n margin-bottom: tokens.$space-4;\n }\n}\n","$background-background: #ffffff !default;\n$surface-surface: #ffffff !default;\n$surface-surface-hover: #f4f4f4 !default;\n$surface-surface-secondary: #fbfbfb !default;\n$surface-surface-tertiary: #e8e8e8 !default;\n$surface-surface-quaternary: #d3d3d3 !default;\n$surface-surface-secondary-hover: #f4f4f4 !default;\n$surface-surface-secondary-focus: #fbfbfb !default;\n$surface-card-surface: #ffffff !default;\n$surface-card-surface-hover: #ffffff !default;\n$surface-card-surface-focus: #f2f7fd !default;\n$surface-card-surface-pressed: #fbfbfb !default;\n$surface-menu-surface: #ffffff !default;\n$surface-menu-surface-hover: #f4f4f4 !default;\n$surface-menu-surface-pressed: #f4f4f4 !default;\n$surface-menu-surface-focus: #f4f4f4 !default;\n$surface-surface-brand: #0061d5 !default;\n$surface-surface-brand-hover: #006ae9 !default;\n$surface-surface-brand-pressed: #004eac !default;\n$surface-surface-brand-secondary: #e5effa !default;\n$surface-surface-brand-busy: #0061d5 !default;\n$surface-surface-brand-disabled: #0061d5 !default;\n$surface-cta-surface-secondary: #ffffff !default;\n$surface-cta-surface-secondary-busy: #ffffff !default;\n$surface-cta-surface-secondary-disabled: #ffffff !default;\n$surface-cta-surface-secondary-hover: #f4f4f4 !default;\n$surface-cta-surface-secondary-focus: #f4f4f4 !default;\n$surface-cta-surface-secondary-pressed: #e8e8e8 !default;\n$surface-cta-surface-secondary-focus-pressed: #e8e8e8 !default;\n$surface-dropdown-surface: #ffffff !default;\n$surface-dropdown-surface-hover: #ffffff !default;\n$surface-dropdown-surface-focus: #ffffff !default;\n$surface-dropdown-surface-error: #ffffff !default;\n$surface-dropdown-surface-error-hover: #ffffff !default;\n$surface-dropdown-surface-error-focus: #ffffff !default;\n$surface-input-surface: #ffffff !default;\n$surface-input-surface-hover: #ffffff !default;\n$surface-input-surface-focus: #ffffff !default;\n$surface-input-surface-error: #ffffff !default;\n$surface-input-surface-error-hover: #ffffff !default;\n$surface-input-surface-error-focus: #ffffff !default;\n$surface-toggle-surface-off-hover: #f4f4f4 !default;\n$surface-toggle-surface-on: #e5effa !default;\n$surface-toggle-surface-on-hover: #ccdff7 !default;\n$surface-message-surface-warning: #fdf0d1 !default;\n$surface-message-surface-warning-secondary: #fef7e8 !default;\n$surface-message-surface-error: #fbd7dd !default;\n$surface-message-surface-error-secondary: #fdebee !default;\n$surface-tooltip-surface: #4e4e4e !default;\n$surface-tooltip-surface-error: #fdebee !default;\n$surface-message-surface-generic: #e8e8e8 !default;\n$surface-message-surface-generic-secondary: #e8e8e8 !default;\n$surface-message-surface-info: #d3e7fe !default;\n$surface-message-surface-info-secondary: #e9f2fe !default;\n$surface-message-surface-success: #d4f3e6 !default;\n$surface-message-surface-success-secondary: #e9f8f2 !default;\n$surface-message-surface-promo-secondary: #ece9f8 !default;\n$surface-pill-surface: #e8e8e8 !default;\n$surface-pill-surface-hover: #e8e8e8 !default;\n$surface-pill-surface-focus: #e8e8e8 !default;\n$surface-filter-surface: #0061d5 !default;\n$surface-filter-surface-hover: #0061d5 !default;\n$surface-filter-surface-focus: #0061d5 !default;\n$surface-filter-surface-selected: #0061d5 !default;\n$surface-filter-surface-selected-focus: #0061d5 !default;\n$surface-status-surface-generic: #a7a7a7 !default;\n$surface-status-surface-success: #26c281 !default;\n$surface-status-surface-error: #ed3757 !default;\n$surface-status-surface-pending: #a7a7a7 !default;\n$surface-status-surface-scheduled: #9f3fed !default;\n$surface-status-surface-uploading: #0061d5 !default;\n$surface-status-surface-inprogress: #f5b31b !default;\n$surface-cta-surface-outline: rgba(0, 0, 0, 0) !default;\n$surface-cta-surface-outline-hover: rgba(0, 0, 0, 0.04) !default;\n$surface-cta-surface-outline-pressed: rgba(0, 0, 0, 0.08) !default;\n$surface-cta-surface-icon: rgba(0, 0, 0, 0) !default;\n$surface-cta-surface-icon-disabled: rgba(0, 0, 0, 0) !default;\n$surface-cta-surface-icon-hover: rgba(0, 0, 0, 0.04) !default;\n$surface-cta-surface-icon-pressed: rgba(0, 0, 0, 0.08) !default;\n$surface-cta-surface-icon-utility: #e8e8e8 !default;\n$surface-cta-surface-icon-utility-hover: #d3d3d3 !default;\n$surface-cta-surface-icon-utility-pressed: #bcbcbc !default;\n$surface-cta-surface-tertiary: #ffffff !default;\n$surface-cta-surface-tertiary-hover: #f4f4f4 !default;\n$surface-cta-surface-tertiary-pressed: #e8e8e8 !default;\n$surface-cta-surface-tertiary-promo: #ece9f8 !default;\n$surface-cta-surface-tertiary-promo-hover: #f6f4fc !default;\n$surface-cta-surface-tertiary-promo-pressed: #dad4f3 !default;\n$surface-cta-surface-tertiary-promo-focus: #f6f4fc !default;\n$surface-cta-surface-tertiary-promo-focus-pressed: #dad4f3 !default;\n$surface-status-surface-yellow: #ffeb7f !default;\n$surface-status-surface-yellow-hover: #ffeb7f !default;\n$surface-status-surface-yellow-focus: #ffeb7f !default;\n$surface-status-surface-orange: #f8c08c !default;\n$surface-status-surface-orange-hover: #f8c08c !default;\n$surface-status-surface-orange-focus: #f8c08c !default;\n$surface-status-surface-red: #f69bab !default;\n$surface-status-surface-red-hover: #f69bab !default;\n$surface-status-surface-red-focus: #f69bab !default;\n$surface-status-surface-purple: #cf9ff6 !default;\n$surface-status-surface-purple-hover: #cf9ff6 !default;\n$surface-status-surface-purple-focus: #cf9ff6 !default;\n$surface-status-surface-light-blue: #91c2fd !default;\n$surface-status-surface-light-blue-hover: #91c2fd !default;\n$surface-status-surface-light-blue-focus: #91c2fd !default;\n$surface-status-surface-dark-blue: #7f9dc1 !default;\n$surface-status-surface-dark-blue-hover: #7f9dc1 !default;\n$surface-status-surface-dark-blue-focus: #7f9dc1 !default;\n$surface-status-surface-green: #92e0c0 !default;\n$surface-status-surface-green-hover: #92e0c0 !default;\n$surface-status-surface-green-focus: #92e0c0 !default;\n$surface-status-surface-boxblue: #0061d5 !default;\n$surface-status-surface-boxblue-hover: #0061d5 !default;\n$surface-status-surface-boxblue-focus: #0061d5 !default;\n$surface-status-surface-gray: #e8e8e8 !default;\n$surface-status-surface-gray-hover: #e8e8e8 !default;\n$surface-status-surface-gray-focus: #e8e8e8 !default;\n$surface-item-surface-hover: #ffffff !default;\n$surface-item-surface-selected: #f2f7fd !default;\n$surface-item-small-surface: #ffffff !default;\n$surface-item-small-surface-hover: #f4f4f4 !default;\n$surface-item-small-surface-selected: #f2f7fd !default;\n$surface-switch-surface: #ffffff !default;\n$surface-switch-surface-hover: #ffffff !default;\n$surface-switch-surface-off: #d3d3d3 !default;\n$surface-switch-surface-off-hover: #bcbcbc !default;\n$surface-switch-surface-on: #0061d5 !default;\n$surface-switch-surface-on-hover: #2079e3 !default;\n$surface-radio-surface: #ffffff !default;\n$surface-radio-surface-hover: #ffffff !default;\n$surface-radio-surface-selected: #0061d5 !default;\n$surface-radio-surface-selected-hover: #2079e3 !default;\n$surface-checkbox-surface: #ffffff !default;\n$surface-checkbox-surface-hover: #ffffff !default;\n$surface-checkbox-surface-selected: #0061d5 !default;\n$surface-checkbox-surface-selected-hover: #2079e3 !default;\n$surface-ghost-surface: #fbfbfb !default;\n$surface-ghost-surface-secondary: #f4f4f4 !default;\n$surface-inputchip-surface: #e8e8e8 !default;\n$surface-inputchip-surface-hover: #e8e8e8 !default;\n$surface-inputchip-surface-error: #fdebee !default;\n$surface-filterchip-surface-multi: rgba(0, 0, 0, 0.04) !default;\n$surface-filterchip-surface-multi-hover: rgba(0, 0, 0, 0.08) !default;\n$surface-filterchip-surface-multi-on: #e5effa !default;\n$surface-filterchip-surface-multi-on-hover: #ccdff7 !default;\n$surface-filterchip-surface-single: rgba(0, 0, 0, 0.04) !default;\n$surface-filterchip-surface-single-hover: rgba(0, 0, 0, 0.08) !default;\n$surface-filterchip-surface-single-on: #0061d5 !default;\n$surface-filterchip-surface-single-on-hover: #0061d5 !default;\n$surface-slidertrack-surface: #6f6f6f !default;\n$surface-sliderthumb-surface: #0061d5 !default;\n$surface-sliderthumb-surface-hover: #2486fc !default;\n$surface-scrollbar-surface: rgba(0, 0, 0, 0.5) !default;\n$surface-search-surface: #f4f4f4 !default;\n$surface-search-global-surface: #f4f4f4 !default;\n$surface-search-surface-hover: #fbfbfb !default;\n$surface-search-surface-focused: #ffffff !default;\n$surface-day-surface: #ffffff !default;\n$surface-day-surface-hover: #f4f4f4 !default;\n$surface-day-surface-selected: #0061d5 !default;\n$surface-day-surface-selected-hover: #003c84 !default;\n$surface-tab-surface-hover: #f4f4f4 !default;\n$surface-tab-surface-pressed: #e8e8e8 !default;\n$surface-accordion-surface: #ffffff !default;\n$surface-accordion-surface-hover: #f4f4f4 !default;\n$surface-badge-image-surface: #26c281 !default;\n$surface-badge-canvas-surface: #f1811a !default;\n$surface-badge-boxnote-surface: #e8e8e8 !default;\n$surface-badge-folderexternal-surface: #6f6f6f !default;\n$surface-badge-foldershared-surface: #2486fc !default;\n$surface-badge-relay-surface: #1d6bca !default;\n$surface-badge-mention-surface: #1d6bca !default;\n$surface-badge-task-surface: #2486fc !default;\n$surface-badge-taskapproval-surface: #1d6bca !default;\n$surface-badge-annotation-surface: #f5b31b !default;\n$surface-badge-completed-surface: #26c281 !default;\n$surface-badge-rejected-surface: #d5324e !default;\n$surface-badge-error-surface: #d5324e !default;\n$surface-badge-external-surface: #909090 !default;\n$surface-badge-admin-surface: #003c84 !default;\n$surface-badge-coadmin-surface: #9f3fed !default;\n$surface-badge-online-surface: #1e9b67 !default;\n$surface-badge-pin-surface: #e8e8e8 !default;\n$surface-badge-collection-surface: #e8e8e8 !default;\n$surface-badge-offline-surface: #26c281 !default;\n$surface-badge-progress-surface: #f5b31b !default;\n$surface-badge-notification-surface: #d5324e !default;\n$surface-badge-pdf-surface: #d0021b !default;\n$surface-badge-docs-surface: #4083f7 !default;\n$surface-badge-sheets-surface: #21a464 !default;\n$surface-badge-pages-surface: #ff9500 !default;\n$surface-badge-keynote-surface: #0a84ff !default;\n$surface-badge-video-surface: #009aed !default;\n$surface-chip-button-surface: rgba(0, 0, 0, 0.04) !default;\n$surface-chip-button-surface-hover: rgba(0, 0, 0, 0.08) !default;\n$surface-page-surface: #ffffff !default;\n$surface-option-grid-surface-hover: rgba(0, 0, 0, 0.04) !default;\n$surface-option-grid-surface-selected: rgba(0, 0, 0, 0.08) !default;\n$surface-dropdown-primary-surface-hover: #f4f4f4 !default;\n$surface-dropdown-primary-surface-pressed: #e8e8e8 !default;\n$surface-dropdown-secondary-surface: #ffffff !default;\n$surface-dropdown-secondary-surface-hover: #f4f4f4 !default;\n$surface-dropdown-secondary-surface-pressed: #e8e8e8 !default;\n$surface-toggle-surface: #ffffff !default;\n$surface-toggle-surface-hover: #f4f4f4 !default;\n$surface-toggle-surface-pressed: #0061d5 !default;\n$surface-toggle-surface-pressed-hover: #3381dd !default;\n$surface-text-highlight-surface: #fff7cc !default;\n$surface-nav-surface-brand: #0061d5 !default;\n$surface-progressbar-surface-brand: #0061d5 !default;\n$surface-illustration-surface-box-neutral: #0061d5 !default;\n$surface-illustration-surface-box: #0061d5 !default;\n$surface-upload-surface-brand-neutral: #0061d5 !default;\n$surface-cta-surface-promo: #4122af !default;\n$surface-cta-surface-promo-hover: #4826c2 !default;\n$surface-cta-surface-promo-pressed: #3a1e9b !default;\n$surface-cta-surface-promo-focus: #4826c2 !default;\n$surface-cta-surface-promo-focus-pressed: #3a1e9b !default;\n$surface-contentbutton-surface-surface-selected: #ffffff !default;\n$surface-contentswitcher-surface: #e8e8e8 !default;\n$surface-toolbar-surface: #222222 !default;\n$surface-toggle-surface-off-pressed: #e8e8e8 !default;\n$surface-toggle-surface-on-pressed: #b2cff2 !default;\n$surface-cta-surface-disabled: #b2cff2 !default;\n$surface-radiotile-surface: #ffffff !default;\n$surface-radiotile-surface-hover: #f4f4f4 !default;\n$surface-radiotile-surface-selected: #f2f7fd !default;\n$surface-toggletext-surface-on: #f2f7fd !default;\n$surface-toggletext-surface-on-hover: #ccdff7 !default;\n$surface-toggletext-surface-on-pressed: #b2cff2 !default;\n$surface-toggletext-surface-on-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;\n$surface-toggletext-surface-on-ai-hover: linear-gradient(135deg, #cb02b0 0%, #1f6ac8 100%) !default;\n$surface-toggletext-surface-on-ai-pressed: linear-gradient(135deg, #980284 0%, #174f96 100%) !default;\n$surface-toggletext-surface-off-ai: #ffffff !default;\n$surface-toggletext-surface-off-ai-hover: #f4f4f4 !default;\n$surface-toggletext-surface-off-ai-pressed: #e8e8e8 !default;\n$border-cta-border-secondary: #bcbcbc !default;\n$border-cta-border-secondary-pressed: #bcbcbc !default;\n$border-cta-border-secondary-hover: #bcbcbc !default;\n$border-card-border: #e8e8e8 !default;\n$border-card-border-hover: #e8e8e8 !default;\n$border-card-border-focus: #0061d5 !default;\n$border-message-border-generic: #222222 !default;\n$border-message-border-generic-secondary: #909090 !default;\n$border-message-border-info: #0061d5 !default;\n$border-message-border-info-secondary: #91c2fd !default;\n$border-message-border-success: #26c281 !default;\n$border-message-border-success-secondary: #92e0c0 !default;\n$border-message-border-warning: #f5b31b !default;\n$border-message-border-warning-secondary: #fad98d !default;\n$border-message-border-error: #ed3757 !default;\n$border-message-border-error-secondary: #f69bab !default;\n$border-input-border: #909090 !default;\n$border-input-border-hover: #6f6f6f !default;\n$border-input-border-focus: #2486fc !default;\n$border-input-border-error: #ed3757 !default;\n$border-input-border-error-hover: #ed3757 !default;\n$border-input-border-error-focus: #ed3757 !default;\n$border-dropdown-border: #bcbcbc !default;\n$border-dropdown-border-hover: #6f6f6f !default;\n$border-dropdown-border-focus: #0061d5 !default;\n$border-dropdown-border-error: #ed3757 !default;\n$border-dropdown-border-error-hover: #ed3757 !default;\n$border-dropdown-border-error-focus: #ed3757 !default;\n$border-tooltip-border-error: #f69bab !default;\n$border-tab-border-selected: #0061d5 !default;\n$border-tab-border-selected-hover: #0061d5 !default;\n$border-tab-border-selected-focus: #0061d5 !default;\n$border-tab-border: #e8e8e8 !default;\n$border-tab-border-hover: #bcbcbc !default;\n$border-cta-border-outline: #000000 !default;\n$border-cta-border-outline-hover: #000000 !default;\n$border-cta-border-outline-pressed: #000000 !default;\n$border-item-border-hover: #e8e8e8 !default;\n$border-item-border-selected: #0061d5 !default;\n$border-item-small-border-selected: #0061d5 !default;\n$border-switch-border: #bcbcbc !default;\n$border-switch-border-hover: #bcbcbc !default;\n$border-radio-border: #6f6f6f !default;\n$border-radio-border-selected: #0061d5 !default;\n$border-radio-border-selected-hover: #2079e3 !default;\n$border-radio-border-hover: #4e4e4e !default;\n$border-checkbox-border: #6f6f6f !default;\n$border-checkbox-border-hover: #4e4e4e !default;\n$border-checkbox-border-selected: #0061d5 !default;\n$border-checkbox-border-selected-hover: #2079e3 !default;\n$border-divider-border: #e8e8e8 !default;\n$border-card-border-pressed: #e8e8e8 !default;\n$border-inputchip-border-error: #ed3757 !default;\n$border-avatar-border-hover: rgba(0, 0, 0, 0.04) !default;\n$border-avatar-border-pressed: rgba(0, 0, 0, 0.08) !default;\n$border-status-border-hover: rgba(0, 0, 0, 0.04) !default;\n$border-search-border: #f4f4f4 !default;\n$border-search-border-hover: #6f6f6f !default;\n$border-search-global-border-hover: #e8e8e8 !default;\n$border-gridthumbnail-border: #e8e8e8 !default;\n$border-filterchip-border-multi-on: #99c0ee !default;\n$border-filterchip-border-multi-on-hover: #99c0ee !default;\n$border-collapsible-border: #d3d3d3 !default;\n$border-badge-border: #ffffff !default;\n$border-toggle-border: #bcbcbc !default;\n$border-card-border-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;\n$border-cta-border-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;\n$border-contentbutton-border-selected: #909090 !default;\n$border-toggle-border-on: #99c0ee !default;\n$border-cta-border-secondary-disabled: #e8e8e8 !default;\n$border-cta-border-outline-disabled: #646464 !default;\n$border-radiotile-border: #bcbcbc !default;\n$border-radiotile-border-hover: #bcbcbc !default;\n$border-radiotile-border-selected: #0061d5 !default;\n$border-toggletext-border-off: #6f6f6f !default;\n$border-toggletext-border-off-hover: #6f6f6f !default;\n$border-toggletext-border-off-pressed: #6f6f6f !default;\n$border-toggletext-border-on: #f2f7fd !default;\n$border-toggletext-border-on-hover: #ccdff7 !default;\n$border-toggletext-border-on-pressed: #b2cff2 !default;\n$border-toggletext-border-on-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;\n$border-toggletext-border-on-ai-hover: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;\n$border-toggletext-border-on-ai-pressed: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;\n$border-toggletext-border-off-ai: #bcbcbc !default;\n$border-toggletext-border-off-ai-hover: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;\n$border-toggletext-border-off-ai-pressed: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;\n$icon-icon-on-light: #222222 !default;\n$icon-icon-on-light-secondary: #6f6f6f !default;\n$icon-icon-on-light-tertiary: #909090 !default;\n$icon-icon-on-dark: #ffffff !default;\n$icon-icon-error-on-light: #d5324e !default;\n$icon-icon-required-on-light: #d5324e !default;\n$icon-nav-icon-on-dark: #ffffff !default;\n$icon-nav-icon-on-dark-hover: #ffffff !default;\n$icon-nav-icon-on-dark-selected: #ffffff !default;\n$icon-nav-icon-on-dark-focus: #ffffff !default;\n$icon-nav-icon-on-light: #222222 !default;\n$icon-nav-icon-on-light-hover: #222222 !default;\n$icon-nav-icon-on-light-selected: #222222 !default;\n$icon-nav-icon-on-light-focus: #222222 !default;\n$icon-cta-icon: #6f6f6f !default;\n$icon-cta-icon-hover: #222222 !default;\n$icon-cta-icon-pressed: #222222 !default;\n$icon-cta-icon-utility: #4e4e4e !default;\n$icon-cta-icon-utility-hover: #000000 !default;\n$icon-cta-icon-utility-pressed: #000000 !default;\n$icon-cta-icon-on-color: #000000 !default;\n$icon-cta-icon-on-color-hover: #000000 !default;\n$icon-cta-icon-on-color-pressed: #000000 !default;\n$icon-icon-blue: #0061d5 !default;\n$outline-focus-on-light: #2486fc !default;\n$outline-focus-on-dark: #ffffff !default;\n$text-text-on-light: #222222 !default;\n$text-text-on-light-secondary: #6f6f6f !default;\n$text-text-on-light-tertiary: #909090 !default;\n$text-text-on-light-secondary-hover: #4e4e4e !default;\n$text-text-on-dark: #ffffff !default;\n$text-text-brand-on-color: #ffffff !default;\n$text-cta-link: #0061d5 !default;\n$text-cta-link-hover: #1d6bca !default;\n$text-cta-link-pressed: #2486fc !default;\n$text-nav-text-on-dark: #ffffff !default;\n$text-nav-text-on-dark-hover: #ffffff !default;\n$text-nav-text-on-dark-selected: #ffffff !default;\n$text-nav-text-on-dark-focus: #ffffff !default;\n$text-nav-text-on-light: #ffffff !default;\n$text-nav-text-on-light-hover: #ffffff !default;\n$text-nav-text-on-light-selected: #ffffff !default;\n$text-nav-text-on-light-focus: #ffffff !default;\n$text-text-error-on-light: #d5324e !default;\n$text-cta-link-secondary: #6f6f6f !default;\n$text-cta-link-secondary-pressed: #6f6f6f !default;\n$text-cta-link-secondary-hover: #6f6f6f !default;\n$text-cta-promo: #4826c2 !default;\n$text-cta-link-disabled: #b2cff2 !default;\n$text-text-on-light-disabled: #bcbcbc !default;\n$text-toggletext-text: #001d40 !default;\n$overlay-sidepanel-overlay: rgba(0, 0, 0, 0.5) !default;\n$overlay-modal-overlay: rgba(0, 0, 0, 0.8) !default;\n$brand-box-primary: #0061d5 !default;\n$brand-box-secondary: #ccdff7 !default;\n$brand-box-tertiary: #e5effa !default;\n$brand-forms-primary: #1e9b67 !default;\n$brand-forms-secondary: #d4f3e6 !default;\n$brand-forms-tertiary: #e9f8f2 !default;\n$brand-docgen-primary: #3a1e9b !default;\n$brand-docgen-secondary: #dad4f3 !default;\n$brand-docgen-tertiary: #ece9f8 !default;\n$brand-sign-primary: #003c84 !default;\n$brand-sign-secondary: #ccd8e6 !default;\n$brand-sign-tertiary: #e5ebf2 !default;\n$brand-box-ai-100: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;\n$brand-box-ai-120: linear-gradient(135deg, #cb02b0 0%, #1f6ac8 100%) !default;\n$brand-box-ai-140: linear-gradient(135deg, #980284 0%, #174f96 100%) !default;\n$gray-10: #e8e8e8 !default;\n$gray-20: #d3d3d3 !default;\n$gray-30: #bcbcbc !default;\n$gray-40: #a7a7a7 !default;\n$gray-50: #909090 !default;\n$gray-65: #6f6f6f !default;\n$gray-80: #4e4e4e !default;\n$gray-90: #383838 !default;\n$gray-100: #222222 !default;\n$gray-02: #fbfbfb !default;\n$gray-05: #f4f4f4 !default;\n$gray-black: #000000 !default;\n$gray-white: #ffffff !default;\n$box-blue-10: #e5effa !default;\n$box-blue-20: #ccdff7 !default;\n$box-blue-30: #b2cff2 !default;\n$box-blue-40: #99c0ee !default;\n$box-blue-50: #7fb0ea !default;\n$box-blue-80: #3381dd !default;\n$box-blue-100: #0061d5 !default;\n$box-blue-110: #0057c0 !default;\n$box-blue-120: #004eaa !default;\n$box-blue-150: #00316b !default;\n$box-blue-160: #002755 !default;\n$box-blue-170: #001d40 !default;\n$box-blue-180: #00132b !default;\n$box-blue-05: #f2f7fd !default;\n$box-blue-02: #fafcfe !default;\n$dark-blue-10: #e5ebf2 !default;\n$dark-blue-20: #ccd8e6 !default;\n$dark-blue-50: #7f9dc1 !default;\n$dark-blue-100: #003c84 !default;\n$dark-blue-110: #003677 !default;\n$dark-blue-120: #00306a !default;\n$dark-blue-150: #001e42 !default;\n$dark-blue-160: #001835 !default;\n$dark-blue-170: #001228 !default;\n$dark-blue-180: #000c1a !default;\n$dark-blue-05: #f2f5f9 !default;\n$dark-blue-02: #fafbfd !default;\n$light-blue-10: #e9f2fe !default;\n$light-blue-20: #d3e7fe !default;\n$light-blue-50: #91c2fd !default;\n$light-blue-100: #2486fc !default;\n$light-blue-110: #2079e3 !default;\n$light-blue-120: #1d6bca !default;\n$light-blue-150: #12437e !default;\n$light-blue-160: #0e3665 !default;\n$light-blue-170: #0b284c !default;\n$light-blue-180: #071b32 !default;\n$light-blue-05: #f4f9ff !default;\n$light-blue-02: #fbfdff !default;\n$green-light-10: #e9f8f2 !default;\n$green-light-20: #d4f3e6 !default;\n$green-light-50: #92e0c0 !default;\n$green-light-100: #26c281 !default;\n$green-light-110: #22af74 !default;\n$green-light-120: #1e9b67 !default;\n$green-light-150: #136140 !default;\n$green-light-160: #0f4e34 !default;\n$green-light-170: #0b3a27 !default;\n$green-light-180: #08271a !default;\n$green-light-05: #f4fcf8 !default;\n$green-light-02: #fbfefd !default;\n$watermelon-red-10: #fdebee !default;\n$watermelon-red-20: #fbd7dd !default;\n$watermelon-red-50: #f69bab !default;\n$watermelon-red-100: #ed3757 !default;\n$watermelon-red-110: #d5324e !default;\n$watermelon-red-120: #be2c46 !default;\n$watermelon-red-150: #761b2b !default;\n$watermelon-red-160: #5f1623 !default;\n$watermelon-red-170: #47101a !default;\n$watermelon-red-180: #2f0b11 !default;\n$watermelon-red-05: #fef5f6 !default;\n$watermelon-red-02: #fffbfc !default;\n$orange-10: #fdf2e8 !default;\n$orange-20: #fce6d1 !default;\n$orange-50: #f8c08c !default;\n$orange-100: #f1811a !default;\n$orange-110: #d97417 !default;\n$orange-120: #c16715 !default;\n$orange-150: #78400d !default;\n$orange-160: #60340a !default;\n$orange-170: #482708 !default;\n$orange-180: #301a05 !default;\n$orange-05: #fef8f3 !default;\n$orange-02: #fffdfb !default;\n$yellorange-10: #fef7e8 !default;\n$yellorange-20: #fdf0d1 !default;\n$yellorange-50: #fad98d !default;\n$yellorange-100: #f5b31b !default;\n$yellorange-110: #dca118 !default;\n$yellorange-120: #c48f16 !default;\n$yellorange-150: #7a590d !default;\n$yellorange-160: #62480b !default;\n$yellorange-170: #493608 !default;\n$yellorange-180: #312405 !default;\n$yellorange-05: #fefbf3 !default;\n$yellorange-02: #fffefb !default;\n$yellow-10: #fffbe5 !default;\n$yellow-20: #fff7cc !default;\n$yellow-50: #ffeb7f !default;\n$yellow-100: #ffd700 !default;\n$yellow-110: #e6c100 !default;\n$yellow-120: #ccac00 !default;\n$yellow-150: #806b00 !default;\n$yellow-160: #665600 !default;\n$yellow-170: #4c4000 !default;\n$yellow-180: #332b00 !default;\n$yellow-05: #fffdf2 !default;\n$yellow-02: #fffefa !default;\n$purple-rain-10: #f5ebfd !default;\n$purple-rain-20: #ecd9fb !default;\n$purple-rain-50: #cf9ff6 !default;\n$purple-rain-100: #9f3fed !default;\n$purple-rain-110: #8f39d5 !default;\n$purple-rain-120: #7f32be !default;\n$purple-rain-150: #4f1f76 !default;\n$purple-rain-160: #40195f !default;\n$purple-rain-170: #301347 !default;\n$purple-rain-180: #200d2f !default;\n$purple-rain-05: #faf5fe !default;\n$purple-rain-02: #fdfbff !default;\n$grimace-10: #ece9f8 !default;\n$grimace-20: #dad4f3 !default;\n$grimace-50: #a392e0 !default;\n$grimace-100: #4826c2 !default;\n$grimace-110: #4122af !default;\n$grimace-120: #3a1e9b !default;\n$grimace-150: #241361 !default;\n$grimace-160: #1d0f4e !default;\n$grimace-170: #160b3a !default;\n$grimace-180: #0e0827 !default;\n$grimace-05: #f6f4fc !default;\n$grimace-02: #fbfbfe !default;\n$title-subtitle-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$title-subtitle-font-weight: 700 !default;\n$title-subtitle-line-height: 1.25rem !default;\n$title-subtitle-font-size: 0.875rem !default;\n$title-subtitle-letter-spacing: 0.01875rem !default;\n$title-subtitle-paragraph-spacing: 0 !default;\n$title-subtitle-text-case: none !default;\n$title-subtitle-text-decoration: none !default;\n$title-small-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue',\n sans-serif !default;\n$title-small-font-weight: 700 !default;\n$title-small-line-height: 1.25rem !default;\n$title-small-font-size: 0.9375rem !default;\n$title-small-letter-spacing: 0.01875rem !default;\n$title-small-paragraph-spacing: 0 !default;\n$title-small-text-case: none !default;\n$title-small-text-decoration: none !default;\n$title-medium-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$title-medium-font-weight: 700 !default;\n$title-medium-line-height: 1.5rem !default;\n$title-medium-font-size: 1rem !default;\n$title-medium-letter-spacing: 0.01875rem !default;\n$title-medium-paragraph-spacing: 0 !default;\n$title-medium-text-case: none !default;\n$title-medium-text-decoration: none !default;\n$title-large-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue',\n sans-serif !default;\n$title-large-font-weight: 700 !default;\n$title-large-line-height: 1.5rem !default;\n$title-large-font-size: 1.125rem !default;\n$title-large-letter-spacing: 0.01875rem !default;\n$title-large-paragraph-spacing: 0 !default;\n$title-large-text-case: none !default;\n$title-large-text-decoration: none !default;\n$title-x-large-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$title-x-large-font-weight: 700 !default;\n$title-x-large-line-height: 2rem !default;\n$title-x-large-font-size: 1.3125rem !default;\n$title-x-large-letter-spacing: 0.01875rem !default;\n$title-x-large-paragraph-spacing: 0 !default;\n$title-x-large-text-case: none !default;\n$title-x-large-text-decoration: none !default;\n$title-mondo-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue',\n sans-serif !default;\n$title-mondo-font-weight: 900 !default;\n$title-mondo-line-height: 2.75rem !default;\n$title-mondo-font-size: 2.25rem !default;\n$title-mondo-letter-spacing: 0 !default;\n$title-mondo-paragraph-spacing: 0 !default;\n$title-mondo-text-case: none !default;\n$title-mondo-text-decoration: none !default;\n$body-large-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue',\n sans-serif !default;\n$body-large-font-weight: 400 !default;\n$body-large-line-height: 1.5rem !default;\n$body-large-font-size: 1rem !default;\n$body-large-letter-spacing: 0.01875rem !default;\n$body-large-paragraph-spacing: 0 !default;\n$body-large-text-case: none !default;\n$body-large-text-decoration: none !default;\n$body-large-bold-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$body-large-bold-font-weight: 700 !default;\n$body-large-bold-line-height: 1.5rem !default;\n$body-large-bold-font-size: 1rem !default;\n$body-large-bold-letter-spacing: 0.01875rem !default;\n$body-large-bold-paragraph-spacing: 0 !default;\n$body-large-bold-text-case: none !default;\n$body-large-bold-text-decoration: none !default;\n$body-default-bold-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$body-default-bold-font-weight: 700 !default;\n$body-default-bold-line-height: 1.25rem !default;\n$body-default-bold-font-size: 0.875rem !default;\n$body-default-bold-letter-spacing: 0.01875rem !default;\n$body-default-bold-paragraph-spacing: 0 !default;\n$body-default-bold-text-case: none !default;\n$body-default-bold-text-decoration: none !default;\n$body-default-semibold-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$body-default-semibold-font-weight: 600 !default;\n$body-default-semibold-line-height: 1.25rem !default;\n$body-default-semibold-font-size: 0.875rem !default;\n$body-default-semibold-letter-spacing: 0.01875rem !default;\n$body-default-semibold-paragraph-spacing: 0 !default;\n$body-default-semibold-text-case: none !default;\n$body-default-semibold-text-decoration: none !default;\n$body-default-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$body-default-font-weight: 400 !default;\n$body-default-line-height: 1.25rem !default;\n$body-default-font-size: 0.875rem !default;\n$body-default-letter-spacing: 0.01875rem !default;\n$body-default-paragraph-spacing: 0 !default;\n$body-default-text-case: none !default;\n$body-default-text-decoration: none !default;\n$caption-bold-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$caption-bold-font-weight: 700 !default;\n$caption-bold-line-height: 0.875rem !default;\n$caption-bold-font-size: 0.75rem !default;\n$caption-bold-letter-spacing: 0.01875rem !default;\n$caption-bold-paragraph-spacing: 0 !default;\n$caption-bold-text-case: none !default;\n$caption-bold-text-decoration: none !default;\n$caption-default-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$caption-default-font-weight: 400 !default;\n$caption-default-line-height: 0.875rem !default;\n$caption-default-font-size: 0.75rem !default;\n$caption-default-letter-spacing: 0.01875rem !default;\n$caption-default-paragraph-spacing: 0 !default;\n$caption-default-text-case: none !default;\n$caption-default-text-decoration: none !default;\n$label-bold-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue',\n sans-serif !default;\n$label-bold-font-weight: 700 !default;\n$label-bold-line-height: 1rem !default;\n$label-bold-font-size: 0.625rem !default;\n$label-bold-letter-spacing: 0.0375rem !default;\n$label-bold-paragraph-spacing: 0 !default;\n$label-bold-text-case: none !default;\n$label-bold-text-decoration: none !default;\n$label-default-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$label-default-font-weight: 400 !default;\n$label-default-line-height: 1rem !default;\n$label-default-font-size: 0.625rem !default;\n$label-default-letter-spacing: 0.0375rem !default;\n$label-default-paragraph-spacing: 0 !default;\n$label-default-text-case: none !default;\n$label-default-text-decoration: none !default;\n$link-default-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$link-default-font-weight: 400 !default;\n$link-default-line-height: 1.25rem !default;\n$link-default-font-size: 0.875rem !default;\n$link-default-letter-spacing: 0.01875rem !default;\n$link-default-paragraph-spacing: 0 !default;\n$link-default-paragraph-indent: 0rem !default;\n$link-default-text-case: none !default;\n$link-default-text-decoration: underline !default;\n$radius-05: 0.125rem !default;\n$radius-1: 0.25rem !default;\n$radius-2: 0.375rem !default;\n$radius-3: 0.5rem !default;\n$radius-4: 0.75rem !default;\n$radius-5: 1rem !default;\n$radius-6: 1.25rem !default;\n$radius-7: 1.5rem !default;\n$radius-8: 1.75rem !default;\n$radius-half: 2rem !default;\n$border-1: 0.0625rem !default;\n$border-2: 0.125rem !default;\n$border-3: 0.1875rem !default;\n$space-05: 0.125rem !default;\n$space-1: 0.25rem !default;\n$space-2: 0.5rem !default;\n$space-3: 0.75rem !default;\n$space-4: 1rem !default;\n$space-5: 1.25rem !default;\n$space-6: 1.5rem !default;\n$space-7: 1.75rem !default;\n$space-8: 2rem !default;\n$space-9: 2.25rem !default;\n$space-10: 2.5rem !default;\n$space-11: 2.75rem !default;\n$space-12: 3rem !default;\n$space-14: 3.5rem !default;\n$space-15: 3.75rem !default;\n$space-16: 4rem !default;\n$space-18: 4.5rem !default;\n$space-20: 5rem !default;\n$dropshadow-3: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.1) !default;\n$dropshadow-3-inverse: 0 -0.25rem 0.75rem 0 rgba(0, 0, 0, 0.1) !default;\n$dropshadow-2: 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1) !default;\n$dropshadow-1: 0 0 0.5rem 0 rgba(0, 0, 0, 0.05) !default;\n$innershadow-1: inset 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.1) !default;\n$black-opacity-80: rgba(0, 0, 0, 0.8) !default;\n$black-opacity-60: rgba(0, 0, 0, 0.6) !default;\n$black-opacity-50: rgba(0, 0, 0, 0.5) !default;\n$black-opacity-08: rgba(0, 0, 0, 0.08) !default;\n$black-opacity-04: rgba(0, 0, 0, 0.04) !default;\n$black-opacity-00: rgba(0, 0, 0, 0) !default;\n$size-05: 0.125rem !default;\n$size-1: 0.25rem !default;\n$size-2: 0.5rem !default;\n$size-3: 0.75rem !default;\n$size-4: 1rem !default;\n$size-5: 1.25rem !default;\n$size-6: 1.5rem !default;\n$size-7: 1.75rem !default;\n$size-8: 2rem !default;\n$size-9: 2.25rem !default;\n$size-10: 2.5rem !default;\n$size-11: 2.75rem !default;\n$size-12: 3rem !default;\n$size-14: 3.5rem !default;\n$size-15: 3.75rem !default;\n$size-16: 4rem !default;\n$size-18: 4.5rem !default;\n$size-20: 5rem !default;\n$white-opacity-70: #ffffffb3 !default;\n$white-opacity-30: #ffffff4d !default;\n$border-4: 0.25rem !default;\n$border-6: 0.375rem !default;\n$border-8: 0.5rem !default;\n$font-families-sans: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue',\n sans-serif !default;\n$font-weights-regular: 400 !default;\n$font-weights-semibold: 600 !default;\n$font-weights-bold: 700 !default;\n$font-weights-black: 900 !default;\n$text-decoration-underline: underline !default;\n$animation-duration-2: 200ms !default;\n$animation-duration-3: 300ms !default;\n$animation-duration-4: 400ms !default;\n$animation-easing-ease-base: cubic-bezier(0.16, 1, 0.3, 1) !default;\n$motion-transition-slide-in: 400ms cubic-bezier(0.16, 1, 0.3, 1) !default;\n$breakpoint-small: 374px !default;\n$breakpoint-medium: 767px !default;\n$breakpoint-large: 1023px !default;\n$breakpoint-xlarge: 1219px !default;\n$notification-default-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,\n 'Helvetica Neue', sans-serif !default;\n$notification-default-font-weight: 700 !default;\n$notification-default-line-height: 0.75rem !default;\n$notification-default-font-size: 0.5625rem !default;\n$notification-default-letter-spacing: 0.01875rem !default;\n$notification-default-text-decoration: none !default;\n$notification-default-text-case: none !default;\n$notification-default-paragraph-spacing: 0 !default;\n$notification-default-paragraph-indent: 0rem !default;\n\n$tokens: (\n 'Background': (\n 'background': $background-background,\n ),\n 'Surface': (\n 'surface': $surface-surface,\n 'surface-hover': $surface-surface-hover,\n 'surface-secondary': $surface-surface-secondary,\n 'surface-tertiary': $surface-surface-tertiary,\n 'surface-quaternary': $surface-surface-quaternary,\n 'surface-secondary-hover': $surface-surface-secondary-hover,\n 'surface-secondary-focus': $surface-surface-secondary-focus,\n 'card-surface': $surface-card-surface,\n 'card-surface-hover': $surface-card-surface-hover,\n 'card-surface-focus': $surface-card-surface-focus,\n 'card-surface-pressed': $surface-card-surface-pressed,\n 'menu-surface': $surface-menu-surface,\n 'menu-surface-hover': $surface-menu-surface-hover,\n 'menu-surface-pressed': $surface-menu-surface-pressed,\n 'menu-surface-focus': $surface-menu-surface-focus,\n 'surface-brand': $surface-surface-brand,\n 'surface-brand-hover': $surface-surface-brand-hover,\n 'surface-brand-pressed': $surface-surface-brand-pressed,\n 'surface-brand-secondary': $surface-surface-brand-secondary,\n 'surface-brand-busy': $surface-surface-brand-busy,\n 'surface-brand-disabled': $surface-surface-brand-disabled,\n 'cta-surface-secondary': $surface-cta-surface-secondary,\n 'cta-surface-secondary-busy': $surface-cta-surface-secondary-busy,\n 'cta-surface-secondary-disabled': $surface-cta-surface-secondary-disabled,\n 'cta-surface-secondary-hover': $surface-cta-surface-secondary-hover,\n 'cta-surface-secondary-focus': $surface-cta-surface-secondary-focus,\n 'cta-surface-secondary-pressed': $surface-cta-surface-secondary-pressed,\n 'cta-surface-secondary-focus-pressed': $surface-cta-surface-secondary-focus-pressed,\n 'dropdown-surface': $surface-dropdown-surface,\n 'dropdown-surface-hover': $surface-dropdown-surface-hover,\n 'dropdown-surface-focus': $surface-dropdown-surface-focus,\n 'dropdown-surface-error': $surface-dropdown-surface-error,\n 'dropdown-surface-error-hover': $surface-dropdown-surface-error-hover,\n 'dropdown-surface-error-focus': $surface-dropdown-surface-error-focus,\n 'input-surface': $surface-input-surface,\n 'input-surface-hover': $surface-input-surface-hover,\n 'input-surface-focus': $surface-input-surface-focus,\n 'input-surface-error': $surface-input-surface-error,\n 'input-surface-error-hover': $surface-input-surface-error-hover,\n 'input-surface-error-focus': $surface-input-surface-error-focus,\n 'toggle-surface-off-hover': $surface-toggle-surface-off-hover,\n 'toggle-surface-on': $surface-toggle-surface-on,\n 'toggle-surface-on-hover': $surface-toggle-surface-on-hover,\n 'message-surface-warning': $surface-message-surface-warning,\n 'message-surface-warning-secondary': $surface-message-surface-warning-secondary,\n 'message-surface-error': $surface-message-surface-error,\n 'message-surface-error-secondary': $surface-message-surface-error-secondary,\n 'tooltip-surface': $surface-tooltip-surface,\n 'tooltip-surface-error': $surface-tooltip-surface-error,\n 'message-surface-generic': $surface-message-surface-generic,\n 'message-surface-generic-secondary': $surface-message-surface-generic-secondary,\n 'message-surface-info': $surface-message-surface-info,\n 'message-surface-info-secondary': $surface-message-surface-info-secondary,\n 'message-surface-success': $surface-message-surface-success,\n 'message-surface-success-secondary': $surface-message-surface-success-secondary,\n 'message-surface-promo-secondary': $surface-message-surface-promo-secondary,\n 'pill-surface': $surface-pill-surface,\n 'pill-surface-hover': $surface-pill-surface-hover,\n 'pill-surface-focus': $surface-pill-surface-focus,\n 'filter-surface': $surface-filter-surface,\n 'filter-surface-hover': $surface-filter-surface-hover,\n 'filter-surface-focus': $surface-filter-surface-focus,\n 'filter-surface-selected': $surface-filter-surface-selected,\n 'filter-surface-selected-focus': $surface-filter-surface-selected-focus,\n 'status-surface-generic': $surface-status-surface-generic,\n 'status-surface-success': $surface-status-surface-success,\n 'status-surface-error': $surface-status-surface-error,\n 'status-surface-pending': $surface-status-surface-pending,\n 'status-surface-scheduled': $surface-status-surface-scheduled,\n 'status-surface-uploading': $surface-status-surface-uploading,\n 'status-surface-inprogress': $surface-status-surface-inprogress,\n 'cta-surface-outline': $surface-cta-surface-outline,\n 'cta-surface-outline-hover': $surface-cta-surface-outline-hover,\n 'cta-surface-outline-pressed': $surface-cta-surface-outline-pressed,\n 'cta-surface-icon': $surface-cta-surface-icon,\n 'cta-surface-icon-disabled': $surface-cta-surface-icon-disabled,\n 'cta-surface-icon-hover': $surface-cta-surface-icon-hover,\n 'cta-surface-icon-pressed': $surface-cta-surface-icon-pressed,\n 'cta-surface-icon-utility': $surface-cta-surface-icon-utility,\n 'cta-surface-icon-utility-hover': $surface-cta-surface-icon-utility-hover,\n 'cta-surface-icon-utility-pressed': $surface-cta-surface-icon-utility-pressed,\n 'cta-surface-tertiary': $surface-cta-surface-tertiary,\n 'cta-surface-tertiary-hover': $surface-cta-surface-tertiary-hover,\n 'cta-surface-tertiary-pressed': $surface-cta-surface-tertiary-pressed,\n 'cta-surface-tertiary-promo': $surface-cta-surface-tertiary-promo,\n 'cta-surface-tertiary-promo-hover': $surface-cta-surface-tertiary-promo-hover,\n 'cta-surface-tertiary-promo-pressed': $surface-cta-surface-tertiary-promo-pressed,\n 'cta-surface-tertiary-promo-focus': $surface-cta-surface-tertiary-promo-focus,\n 'cta-surface-tertiary-promo-focus-pressed': $surface-cta-surface-tertiary-promo-focus-pressed,\n 'status-surface-yellow': $surface-status-surface-yellow,\n 'status-surface-yellow-hover': $surface-status-surface-yellow-hover,\n 'status-surface-yellow-focus': $surface-status-surface-yellow-focus,\n 'status-surface-orange': $surface-status-surface-orange,\n 'status-surface-orange-hover': $surface-status-surface-orange-hover,\n 'status-surface-orange-focus': $surface-status-surface-orange-focus,\n 'status-surface-red': $surface-status-surface-red,\n 'status-surface-red-hover': $surface-status-surface-red-hover,\n 'status-surface-red-focus': $surface-status-surface-red-focus,\n 'status-surface-purple': $surface-status-surface-purple,\n 'status-surface-purple-hover': $surface-status-surface-purple-hover,\n 'status-surface-purple-focus': $surface-status-surface-purple-focus,\n 'status-surface-light-blue': $surface-status-surface-light-blue,\n 'status-surface-light-blue-hover': $surface-status-surface-light-blue-hover,\n 'status-surface-light-blue-focus': $surface-status-surface-light-blue-focus,\n 'status-surface-dark-blue': $surface-status-surface-dark-blue,\n 'status-surface-dark-blue-hover': $surface-status-surface-dark-blue-hover,\n 'status-surface-dark-blue-focus': $surface-status-surface-dark-blue-focus,\n 'status-surface-green': $surface-status-surface-green,\n 'status-surface-green-hover': $surface-status-surface-green-hover,\n 'status-surface-green-focus': $surface-status-surface-green-focus,\n 'status-surface-boxblue': $surface-status-surface-boxblue,\n 'status-surface-boxblue-hover': $surface-status-surface-boxblue-hover,\n 'status-surface-boxblue-focus': $surface-status-surface-boxblue-focus,\n 'status-surface-gray': $surface-status-surface-gray,\n 'status-surface-gray-hover': $surface-status-surface-gray-hover,\n 'status-surface-gray-focus': $surface-status-surface-gray-focus,\n 'item-surface-hover': $surface-item-surface-hover,\n 'item-surface-selected': $surface-item-surface-selected,\n 'item-small-surface': $surface-item-small-surface,\n 'item-small-surface-hover': $surface-item-small-surface-hover,\n 'item-small-surface-selected': $surface-item-small-surface-selected,\n 'switch-surface': $surface-switch-surface,\n 'switch-surface-hover': $surface-switch-surface-hover,\n 'switch-surface-off': $surface-switch-surface-off,\n 'switch-surface-off-hover': $surface-switch-surface-off-hover,\n 'switch-surface-on': $surface-switch-surface-on,\n 'switch-surface-on-hover': $surface-switch-surface-on-hover,\n 'radio-surface': $surface-radio-surface,\n 'radio-surface-hover': $surface-radio-surface-hover,\n 'radio-surface-selected': $surface-radio-surface-selected,\n 'radio-surface-selected-hover': $surface-radio-surface-selected-hover,\n 'checkbox-surface': $surface-checkbox-surface,\n 'checkbox-surface-hover': $surface-checkbox-surface-hover,\n 'checkbox-surface-selected': $surface-checkbox-surface-selected,\n 'checkbox-surface-selected-hover': $surface-checkbox-surface-selected-hover,\n 'ghost-surface': $surface-ghost-surface,\n 'ghost-surface-secondary': $surface-ghost-surface-secondary,\n 'inputchip-surface': $surface-inputchip-surface,\n 'inputchip-surface-hover': $surface-inputchip-surface-hover,\n 'inputchip-surface-error': $surface-inputchip-surface-error,\n 'filterchip-surface-multi': $surface-filterchip-surface-multi,\n 'filterchip-surface-multi-hover': $surface-filterchip-surface-multi-hover,\n 'filterchip-surface-multi-on': $surface-filterchip-surface-multi-on,\n 'filterchip-surface-multi-on-hover': $surface-filterchip-surface-multi-on-hover,\n 'filterchip-surface-single': $surface-filterchip-surface-single,\n 'filterchip-surface-single-hover': $surface-filterchip-surface-single-hover,\n 'filterchip-surface-single-on': $surface-filterchip-surface-single-on,\n 'filterchip-surface-single-on-hover': $surface-filterchip-surface-single-on-hover,\n 'slidertrack-surface': $surface-slidertrack-surface,\n 'sliderthumb-surface': $surface-sliderthumb-surface,\n 'sliderthumb-surface-hover': $surface-sliderthumb-surface-hover,\n 'scrollbar-surface': $surface-scrollbar-surface,\n 'search-surface': $surface-search-surface,\n 'search-global-surface': $surface-search-global-surface,\n 'search-surface-hover': $surface-search-surface-hover,\n 'search-surface-focused': $surface-search-surface-focused,\n 'day-surface': $surface-day-surface,\n 'day-surface-hover': $surface-day-surface-hover,\n 'day-surface-selected': $surface-day-surface-selected,\n 'day-surface-selected-hover': $surface-day-surface-selected-hover,\n 'tab-surface-hover': $surface-tab-surface-hover,\n 'tab-surface-pressed': $surface-tab-surface-pressed,\n 'accordion-surface': $surface-accordion-surface,\n 'accordion-surface-hover': $surface-accordion-surface-hover,\n 'badge-image-surface': $surface-badge-image-surface,\n 'badge-canvas-surface': $surface-badge-canvas-surface,\n 'badge-boxnote-surface': $surface-badge-boxnote-surface,\n 'badge-folderexternal-surface': $surface-badge-folderexternal-surface,\n 'badge-foldershared-surface': $surface-badge-foldershared-surface,\n 'badge-relay-surface': $surface-badge-relay-surface,\n 'badge-mention-surface': $surface-badge-mention-surface,\n 'badge-task-surface': $surface-badge-task-surface,\n 'badge-taskapproval-surface': $surface-badge-taskapproval-surface,\n 'badge-annotation-surface': $surface-badge-annotation-surface,\n 'badge-completed-surface': $surface-badge-completed-surface,\n 'badge-rejected-surface': $surface-badge-rejected-surface,\n 'badge-error-surface': $surface-badge-error-surface,\n 'badge-external-surface': $surface-badge-external-surface,\n 'badge-admin-surface': $surface-badge-admin-surface,\n 'badge-coadmin-surface': $surface-badge-coadmin-surface,\n 'badge-online-surface':