npm - @epam/assets - Versions diffs - 5.5.1 → 5.5.2 - Mend

@epam/assets 5.5.1 → 5.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4730) hide show

package/build/css/theme/theme_electric.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../scss/electric/font-faces.scss","../../../../../theme/theme_electric.scss","../../../theme/theme_electric.scss","../../../theme/theme_electric.scss%23sass"],"names":[],"mappings":"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","file":"theme_electric.css","sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');\r\n\r\n@font-face {\r\n font-family: 'Redacted';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot');\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');\r\n font-display: block;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');\r\n font-weight: 200;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');\r\n font-weight: 200;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');\r\n font-weight: 300;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');\r\n font-weight: 400;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');\r\n font-weight: 600;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');\r\n font-weight: 600;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');\r\n font-weight: 700;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');\r\n font-weight: 900;\r\n font-style: normal;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Source Sans Pro';\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),\r\n url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');\r\n font-weight: 900;\r\n font-style: italic;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Roboto Mono';\r\n font-style: normal;\r\n font-weight: normal;\r\n src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf') format('truetype');\r\n}\r\n","/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@import '../scss/electric/font-faces';\r\n\r\n@mixin theme-electric {\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n // theme specific fonts\r\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #F5F6FA;\r\n --night200: #EBEDF5;\r\n --night300: #E1E3EB;\r\n --night400: #CED0DB;\r\n --night500: #ACAFBF;\r\n --night600: #6C6F80;\r\n --night700: #474A59;\r\n --night800: #303240;\r\n --night900: #1D1E26;\r\n --night950: #111111;\r\n\r\n --electric-5: #F3F8FE;\r\n --electric-10: #CEE1FC;\r\n --electric-20: #85B4F8;\r\n --electric-50: #0A68F1;\r\n --electric-60: #095ED9;\r\n --electric-70: #0853C1;\r\n\r\n --emerald-5: #F3FBF7;\r\n --emerald-10: #CDEEDD;\r\n --emerald-20: #97D9B7;\r\n --emerald-50: #07A956;\r\n --emerald-60: #06984D;\r\n --emerald-70: #068745;\r\n\r\n --sun-5: #FFFCF5;\r\n --sun-10: #FFEDC9;\r\n --sun-20: #FFD785;\r\n --sun-50: #FCAA00;\r\n --sun-60: #FF9000;\r\n --sun-70: #BD5800;\r\n\r\n --fire-5: #FEF6F6;\r\n --fire-10: #FDE1E1;\r\n --fire-20: #FBB6B6;\r\n --fire-50: #FF4242;\r\n --fire-60: #E22A2A;\r\n --fire-70: #AD0000;\r\n\r\n --white: #FFFFFF;\r\n\r\n --yellow-5: #FFFFF5;\r\n --yellow-10: #FFFFE5;\r\n --yellow-20: #FFFCA4;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #EDBE02;\r\n --yellow-70: #BC7E02;\r\n\r\n --orange-5: #FEF8F4;\r\n --orange-10: #FFE8D7;\r\n --orange-20: #FFCCA7;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #F76B0D;\r\n --orange-70: #BD4B00;\r\n\r\n --fuchsia-5: #FFF7FB;\r\n --fuchsia-10: #F9D8E7;\r\n --fuchsia-20: #EDADC8;\r\n --fuchsia-50: #EA4386;\r\n --fuchsia-60: #D61E68;\r\n --fuchsia-70: #AE1955;\r\n\r\n --purple-5: #FDF6FE;\r\n --purple-10: #F2CCFA;\r\n --purple-20: #E79DF5;\r\n --purple-50: #B114D1;\r\n --purple-60: #860F9E;\r\n --purple-70: #5E0B6F;\r\n\r\n --violet-5: #F8F6FE;\r\n --violet-10: #DBCCFA;\r\n --violet-20: #BB9DF5;\r\n --violet-50: #773CEC;\r\n --violet-60: #5514D6;\r\n --violet-70: #40109E;\r\n\r\n --cobalt-5: #F8FAFF;\r\n --cobalt-10: #D9E2FC;\r\n --cobalt-20: #AEC0F5;\r\n --cobalt-50: #0F98FF;\r\n --cobalt-60: #006FE5;\r\n --cobalt-70: #0954A5;\r\n\r\n --cyan-5: #F6FEFE;\r\n --cyan-10: #D1FAFA;\r\n --cyan-20: #AAEEEE;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #12B5B5;\r\n --cyan-70: #0B6F6F;\r\n\r\n --mint-5: #F2FCF5;\r\n --mint-10: #DDF3E4;\r\n --mint-20: #B4DFC4;\r\n --mint-50: #4FC48C;\r\n --mint-60: #31AA70;\r\n --mint-70: #236E4A;\r\n\r\n --gradient-1: linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);\r\n --gradient-2: linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);\r\n --gradient-3: linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);\r\n --gradient-4: linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\r\n --gradient-5: linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\r\n\r\n /* core variables start */\r\n\r\n /* brand colors */\r\n\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 --uui-accent-5: var(--electric-5);\r\n --uui-accent-10: var(--electric-10);\r\n --uui-accent-20: var(--electric-20);\r\n --uui-accent-50: var(--electric-50);\r\n --uui-accent-60: var(--electric-60);\r\n --uui-accent-70: var(--electric-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--night200);\r\n --uui-secondary-10: var(--night300);\r\n --uui-secondary-20: var(--night400);\r\n --uui-secondary-50: var(--night600);\r\n --uui-secondary-60: var(--night700);\r\n --uui-secondary-70: var(--night800);\r\n --uui-secondary-contrast: var(--white);\r\n\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 /* semantic colors */\r\n\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 --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 --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(--uui-neutral-80);\r\n\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 --uui-neutral-0: #FFFFFF;\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: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\r\n\r\n --uui-app-bg: var(--uui-neutral-10);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--uui-neutral-5);\r\n --uui-surface-main: var(--uui-neutral-0);\r\n --uui-surface-higher: var(--uui-neutral-10);\r\n --uui-surface-highest: var(--uui-neutral-20);\r\n\r\n --uui-divider: var(--uui-neutral-40);\r\n --uui-divider-light: var(--uui-neutral-30);\r\n\r\n --uui-text-brand: var(--uui-neutral-90);\r\n --uui-text-primary: var(--night950);\r\n --uui-text-secondary: var(--uui-neutral-70);\r\n --uui-text-tertiary: var(--uui-neutral-60);\r\n --uui-text-disabled: var(--uui-neutral-50);\r\n\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-warning: var(--uui-warning-70);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-success: var(--uui-success-70);\r\n\r\n /* not accepted part */\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--electric-50);\r\n --uui-link-hover: var(--electric-60);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-visited-hover: #601278;\r\n --uui-link-disabled: var(--uui-neutral-50);\r\n\r\n --uui-icon: var(--uui-neutral-95);\r\n --uui-icon-hover: var(--uui-neutral-100);\r\n --uui-icon-active: var(--uui-neutral-100);\r\n --uui-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-bg: var(--uui-surface-main);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-bg-disabled: var(--uui-neutral-5);\r\n\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-hover: var(--uui-neutral-60);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-disabled: var(--uui-neutral-30);\r\n\r\n --uui-control-placeholder: var(--uui-neutral-50);\r\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-text: var(--uui-text-primary);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n --uui-control-icon: var(--uui-neutral-50);\r\n --uui-control-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--uui-neutral-40);\r\n\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\r\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\r\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* override variables */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-primary,\r\n .uui-color-info {\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(--white);\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(--white);\r\n }\r\n\r\n .uui-color-fire,\r\n .uui-color-critical,\r\n .uui-color-error {\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(--white);\r\n }\r\n\r\n .uui-color-white {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--night100);\r\n --uui-color-70: var(--night200);\r\n --uui-color-contrast: var(--night800);\r\n }\r\n\r\n .uui-color-night100 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--night50);\r\n --uui-color-50: var(--night100);\r\n --uui-color-60: var(--night200);\r\n --uui-color-70: var(--night300);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night300 {\r\n --uui-color-5: var(--night50);\r\n --uui-color-10: var(--night100);\r\n --uui-color-20: var(--night200);\r\n --uui-color-50: var(--night300);\r\n --uui-color-60: var(--night400);\r\n --uui-color-70: var(--night500);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-neutral,\r\n .uui-color-secondary,\r\n .uui-color-night600 {\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(--white);\r\n }\r\n\r\n .uui-color-night700 {\r\n --uui-color-5: var(--night400);\r\n --uui-color-10: var(--night500);\r\n --uui-color-20: var(--night600);\r\n --uui-color-50: var(--night700);\r\n --uui-color-60: var(--night800);\r\n --uui-color-70: var(--night900);\r\n --uui-color-contrast: var(--white);\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(--white);\r\n }\r\n\r\n .uui-color-sun,\r\n .uui-color-warning {\r\n --uui-color-5: var(--sun-5);\r\n --uui-color-10: var(--sun-10);\r\n --uui-color-20: var(--sun-20);\r\n --uui-color-50: var(--sun-50);\r\n --uui-color-60: var(--sun-60);\r\n --uui-color-70: var(--sun-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n /* Accordion */\r\n\r\n .uui-accordion-container {\r\n --uui-accordion-border-radius: 6px;\r\n }\r\n\r\n /* FileCard */\r\n\r\n .uui-file_card {\r\n --uui-file_card-border-radius: 6px;\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-outline {\r\n --uui-badge-bg-hover: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-20);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night600 {\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-yellow.uui-fill-outline {\r\n --uui-badge-border: var(--yellow-20);\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button.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(--white);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-contrast {\r\n --uui-link_btn-text: var(--uui-neutral-5);\r\n --uui-link_btn-text-hover: var(--uui-neutral-10);\r\n --uui-link_btn-text-active: var(--uui-neutral-20);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator.uui-color-neutral {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-40);\r\n }\r\n }\r\n\r\n /* MainMenu */\r\n\r\n .uui-main_menu {\r\n --uui-main_menu-bg: var(--uui-neutral-95);\r\n --uui-main_menu-hover: var(--uui-neutral-90);\r\n --uui-main_menu-border-active-gradient: var(--gradient-1);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-95);\r\n }\r\n\r\n /* BurgerMenu */\r\n\r\n .uui-burger {\r\n --uui-burger_menu-bg: var(--uui-neutral-95);\r\n --uui-burger_menu-bg-hover: var(--uui-neutral-95);\r\n --uui-burger_menu-item: var(--uui-neutral-95);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n &.uui-fill-outline {\r\n --uui-tag-fill: var(--uui-neutral-95);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n }\r\n\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-fill: var(--uui-neutral-95);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-tag-fill: var(--uui-neutral-95);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-5);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night700 {\r\n &.uui-fill-solid {\r\n .uui-count_indicator {\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-sun {\r\n --uui-tag-fill: var(--uui-neutral-100);\r\n\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-neutral-95);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-neutral {\r\n &.uui-fill-solid {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-95);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-fill: var(--uui-neutral-95);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n h1, h3, h4, h5 {\r\n font-weight: 600;\r\n }\r\n\r\n .promo-header:is(h1, h2, h3, h4, h5, h6) {\r\n font-family: var(--font-museo-sans);\r\n }\r\n\r\n h1.promo-header {\r\n font-size: 72px;\r\n font-weight: 400;\r\n }\r\n\r\n h2.promo-header {\r\n font-size: 44px;\r\n font-weight: 600;\r\n }\r\n\r\n h3.promo-header {\r\n font-size: 36px;\r\n }\r\n\r\n h4.promo-header {\r\n font-size: 30px;\r\n }\r\n\r\n h5.promo-header {\r\n font-size: 24px;\r\n }\r\n\r\n h6.promo-header {\r\n font-size: 18px;\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-electric {\r\n @include theme-electric();\r\n}\r\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap\");\n@font-face {\n font-family: \"Redacted\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot\");\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename\") format(\"svg\");\n font-display: block;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf\") format(\"truetype\");\n font-weight: 200;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf\") format(\"truetype\");\n font-weight: 200;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf\") format(\"truetype\");\n font-weight: 300;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf\") format(\"truetype\");\n font-weight: 300;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf\") format(\"truetype\");\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf\") format(\"truetype\");\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf\") format(\"truetype\");\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf\") format(\"truetype\");\n font-weight: 600;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf\") format(\"truetype\");\n font-weight: 700;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf\") format(\"truetype\");\n font-weight: 700;\n font-style: italic;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf\") format(\"truetype\");\n font-weight: 900;\n font-style: normal;\n}\n@font-face {\n font-family: \"Source Sans Pro\";\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2\") format(\"woff2\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff\") format(\"woff\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf\") format(\"opentype\"), url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf\") format(\"truetype\");\n font-weight: 900;\n font-style: italic;\n}\n@font-face {\n font-family: \"Roboto Mono\";\n font-style: normal;\n font-weight: normal;\n src: url(\"https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf\") format(\"truetype\");\n}\n.uui-theme-electric {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n --font-museo-sans: \"Museo Sans\", \"Source Sans Pro\", Arial, sans-serif;\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n --night950: #111111;\n --electric-5: #F3F8FE;\n --electric-10: #CEE1FC;\n --electric-20: #85B4F8;\n --electric-50: #0A68F1;\n --electric-60: #095ED9;\n --electric-70: #0853C1;\n --emerald-5: #F3FBF7;\n --emerald-10: #CDEEDD;\n --emerald-20: #97D9B7;\n --emerald-50: #07A956;\n --emerald-60: #06984D;\n --emerald-70: #068745;\n --sun-5: #FFFCF5;\n --sun-10: #FFEDC9;\n --sun-20: #FFD785;\n --sun-50: #FCAA00;\n --sun-60: #FF9000;\n --sun-70: #BD5800;\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FBB6B6;\n --fire-50: #FF4242;\n --fire-60: #E22A2A;\n --fire-70: #AD0000;\n --white: #FFFFFF;\n --yellow-5: #FFFFF5;\n --yellow-10: #FFFFE5;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #EDBE02;\n --yellow-70: #BC7E02;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F6FEFE;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #12B5B5;\n --cyan-70: #0B6F6F;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #31AA70;\n --mint-70: #236E4A;\n --gradient-1: linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);\n --gradient-2: linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);\n --gradient-3: linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);\n --gradient-4: linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n --gradient-5: linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\n /* core variables start */\n /* brand colors */\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-accent-5: var(--electric-5);\n --uui-accent-10: var(--electric-10);\n --uui-accent-20: var(--electric-20);\n --uui-accent-50: var(--electric-50);\n --uui-accent-60: var(--electric-60);\n --uui-accent-70: var(--electric-70);\n --uui-accent-contrast: var(--white);\n --uui-secondary-5: var(--night200);\n --uui-secondary-10: var(--night300);\n --uui-secondary-20: var(--night400);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-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 /* semantic colors */\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-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(--uui-neutral-80);\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-neutral-0: #FFFFFF;\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: #000000;\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--night950);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n /* not accepted part */\n /* control specific */\n --uui-link: var(--electric-50);\n --uui-link-hover: var(--electric-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n --uui-icon: var(--uui-neutral-95);\n --uui-icon-hover: var(--uui-neutral-100);\n --uui-icon-active: var(--uui-neutral-100);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-outline-focus: #008ACE80;\n --uui-skeleton: var(--uui-neutral-40);\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n --uui-border-radius: 3px;\n /* core variables end */\n /* ------------------------------------ */\n /* override variables */\n /* begin color classes */\n /* Accordion */\n /* FileCard */\n /* Badge */\n /* Button */\n /* IconButton */\n /* LinkButton */\n /* CountIndicator */\n /* Status Indicator */\n /* MainMenu */\n /* BurgerMenu */\n /* Tag */\n /* Typography */\n}\n.uui-theme-electric .uui-color-primary,\n.uui-theme-electric .uui-color-info {\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(--white);\n}\n.uui-theme-electric .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(--white);\n}\n.uui-theme-electric .uui-color-fire,\n.uui-theme-electric .uui-color-critical,\n.uui-theme-electric .uui-color-error {\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(--white);\n}\n.uui-theme-electric .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night200);\n --uui-color-contrast: var(--night800);\n}\n.uui-theme-electric .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--night200);\n --uui-color-70: var(--night300);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night500);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-color-neutral,\n.uui-theme-electric .uui-color-secondary,\n.uui-theme-electric .uui-color-night600 {\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-electric .uui-color-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--night800);\n --uui-color-70: var(--night900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-electric .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(--white);\n}\n.uui-theme-electric .uui-color-sun,\n.uui-theme-electric .uui-color-warning {\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(--uui-neutral-80);\n}\n.uui-theme-electric .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(--uui-neutral-80);\n}\n.uui-theme-electric .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(--uui-neutral-80);\n}\n.uui-theme-electric .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-electric .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-electric .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-electric .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-electric .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(--uui-neutral-80);\n}\n.uui-theme-electric .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(--uui-neutral-80);\n}\n.uui-theme-electric .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-electric .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-electric .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-neutral.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-night100.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-electric .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-electric .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-icon_button.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(--white);\n}\n.uui-theme-electric .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-10);\n --uui-link_btn-text-active: var(--uui-neutral-20);\n}\n.uui-theme-electric .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .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(--uui-neutral-40);\n}\n.uui-theme-electric .uui-main_menu {\n --uui-main_menu-bg: var(--uui-neutral-95);\n --uui-main_menu-hover: var(--uui-neutral-90);\n --uui-main_menu-border-active-gradient: var(--gradient-1);\n}\n.uui-theme-electric .uui-main_menu-dropdown {\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-burger {\n --uui-burger_menu-bg: var(--uui-neutral-95);\n --uui-burger_menu-bg-hover: var(--uui-neutral-95);\n --uui-burger_menu-item: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-fill-outline {\n --uui-tag-fill: var(--uui-neutral-95);\n --uui-tag-caption: var(--uui-text-primary);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n}\n.uui-theme-electric .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-solid {\n --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n}\n.uui-theme-electric .uui-tag.uui-color-night700.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-electric .uui-tag.uui-color-warning, .uui-theme-electric .uui-tag.uui-color-sun {\n --uui-tag-fill: var(--uui-neutral-100);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-solid {\n --uui-tag-caption: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-80);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-outline, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-outline {\n --uui-tag-caption: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-electric .uui-tag.uui-color-sun.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.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-70);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline {\n --uui-tag-fill: var(--uui-neutral-95);\n}\n.uui-theme-electric .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-electric .uui-typography h1, .uui-theme-electric .uui-typography h3, .uui-theme-electric .uui-typography h4, .uui-theme-electric .uui-typography h5 {\n font-weight: 600;\n}\n.uui-theme-electric .uui-typography .promo-header:is(h1, h2, h3, h4, h5, h6) {\n font-family: var(--font-museo-sans);\n}\n.uui-theme-electric .uui-typography h1.promo-header {\n font-size: 72px;\n font-weight: 400;\n}\n.uui-theme-electric .uui-typography h2.promo-header {\n font-size: 44px;\n font-weight: 600;\n}\n.uui-theme-electric .uui-typography h3.promo-header {\n font-size: 36px;\n}\n.uui-theme-electric .uui-typography h4.promo-header {\n font-size: 30px;\n}\n.uui-theme-electric .uui-typography h5.promo-header {\n font-size: 24px;\n}\n.uui-theme-electric .uui-typography h6.promo-header {\n font-size: 18px;\n}","/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@import '../scss/electric/font-faces';\r\n\r\n@mixin theme-electric {\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n // theme specific fonts\r\n --font-museo-sans: 'Museo Sans', 'Source Sans Pro', Arial, sans-serif;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #F5F6FA;\r\n --night200: #EBEDF5;\r\n --night300: #E1E3EB;\r\n --night400: #CED0DB;\r\n --night500: #ACAFBF;\r\n --night600: #6C6F80;\r\n --night700: #474A59;\r\n --night800: #303240;\r\n --night900: #1D1E26;\r\n --night950: #111111;\r\n\r\n --electric-5: #F3F8FE;\r\n --electric-10: #CEE1FC;\r\n --electric-20: #85B4F8;\r\n --electric-50: #0A68F1;\r\n --electric-60: #095ED9;\r\n --electric-70: #0853C1;\r\n\r\n --emerald-5: #F3FBF7;\r\n --emerald-10: #CDEEDD;\r\n --emerald-20: #97D9B7;\r\n --emerald-50: #07A956;\r\n --emerald-60: #06984D;\r\n --emerald-70: #068745;\r\n\r\n --sun-5: #FFFCF5;\r\n --sun-10: #FFEDC9;\r\n --sun-20: #FFD785;\r\n --sun-50: #FCAA00;\r\n --sun-60: #FF9000;\r\n --sun-70: #BD5800;\r\n\r\n --fire-5: #FEF6F6;\r\n --fire-10: #FDE1E1;\r\n --fire-20: #FBB6B6;\r\n --fire-50: #FF4242;\r\n --fire-60: #E22A2A;\r\n --fire-70: #AD0000;\r\n\r\n --white: #FFFFFF;\r\n\r\n --yellow-5: #FFFFF5;\r\n --yellow-10: #FFFFE5;\r\n --yellow-20: #FFFCA4;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #EDBE02;\r\n --yellow-70: #BC7E02;\r\n\r\n --orange-5: #FEF8F4;\r\n --orange-10: #FFE8D7;\r\n --orange-20: #FFCCA7;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #F76B0D;\r\n --orange-70: #BD4B00;\r\n\r\n --fuchsia-5: #FFF7FB;\r\n --fuchsia-10: #F9D8E7;\r\n --fuchsia-20: #EDADC8;\r\n --fuchsia-50: #EA4386;\r\n --fuchsia-60: #D61E68;\r\n --fuchsia-70: #AE1955;\r\n\r\n --purple-5: #FDF6FE;\r\n --purple-10: #F2CCFA;\r\n --purple-20: #E79DF5;\r\n --purple-50: #B114D1;\r\n --purple-60: #860F9E;\r\n --purple-70: #5E0B6F;\r\n\r\n --violet-5: #F8F6FE;\r\n --violet-10: #DBCCFA;\r\n --violet-20: #BB9DF5;\r\n --violet-50: #773CEC;\r\n --violet-60: #5514D6;\r\n --violet-70: #40109E;\r\n\r\n --cobalt-5: #F8FAFF;\r\n --cobalt-10: #D9E2FC;\r\n --cobalt-20: #AEC0F5;\r\n --cobalt-50: #0F98FF;\r\n --cobalt-60: #006FE5;\r\n --cobalt-70: #0954A5;\r\n\r\n --cyan-5: #F6FEFE;\r\n --cyan-10: #D1FAFA;\r\n --cyan-20: #AAEEEE;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #12B5B5;\r\n --cyan-70: #0B6F6F;\r\n\r\n --mint-5: #F2FCF5;\r\n --mint-10: #DDF3E4;\r\n --mint-20: #B4DFC4;\r\n --mint-50: #4FC48C;\r\n --mint-60: #31AA70;\r\n --mint-70: #236E4A;\r\n\r\n --gradient-1: linear-gradient(90deg, #00FFD3 0%, #00F6FF 44.22%, #B896FF 90%);\r\n --gradient-2: linear-gradient(152deg, #0078C2 8.13%, #0047FF 59.98%, #8453D2 91.87%);\r\n --gradient-3: linear-gradient(135deg, #1294E2 14.78%, #0A68F1 57.36%, #8453D2 95%);\r\n --gradient-4: linear-gradient(315deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\r\n --gradient-5: linear-gradient(90deg, #1294E2 0%, #92B4FF 46.64%, #C3A6FF 100%);\r\n\r\n /* core variables start */\r\n\r\n /* brand colors */\r\n\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 --uui-accent-5: var(--electric-5);\r\n --uui-accent-10: var(--electric-10);\r\n --uui-accent-20: var(--electric-20);\r\n --uui-accent-50: var(--electric-50);\r\n --uui-accent-60: var(--electric-60);\r\n --uui-accent-70: var(--electric-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--night200);\r\n --uui-secondary-10: var(--night300);\r\n --uui-secondary-20: var(--night400);\r\n --uui-secondary-50: var(--night600);\r\n --uui-secondary-60: var(--night700);\r\n --uui-secondary-70: var(--night800);\r\n --uui-secondary-contrast: var(--white);\r\n\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 /* semantic colors */\r\n\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 --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 --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(--uui-neutral-80);\r\n\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 --uui-neutral-0: #FFFFFF;\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: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\r\n\r\n --uui-app-bg: var(--uui-neutral-10);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--uui-neutral-5);\r\n --uui-surface-main: var(--uui-neutral-0);\r\n --uui-surface-higher: var(--uui-neutral-10);\r\n --uui-surface-highest: var(--uui-neutral-20);\r\n\r\n --uui-divider: var(--uui-neutral-40);\r\n --uui-divider-light: var(--uui-neutral-30);\r\n\r\n --uui-text-brand: var(--uui-neutral-90);\r\n --uui-text-primary: var(--night950);\r\n --uui-text-secondary: var(--uui-neutral-70);\r\n --uui-text-tertiary: var(--uui-neutral-60);\r\n --uui-text-disabled: var(--uui-neutral-50);\r\n\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-warning: var(--uui-warning-70);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-success: var(--uui-success-70);\r\n\r\n /* not accepted part */\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--electric-50);\r\n --uui-link-hover: var(--electric-60);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-visited-hover: #601278;\r\n --uui-link-disabled: var(--uui-neutral-50);\r\n\r\n --uui-icon: var(--uui-neutral-95);\r\n --uui-icon-hover: var(--uui-neutral-100);\r\n --uui-icon-active: var(--uui-neutral-100);\r\n --uui-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-bg: var(--uui-surface-main);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-bg-disabled: var(--uui-neutral-5);\r\n\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-hover: var(--uui-neutral-60);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-disabled: var(--uui-neutral-30);\r\n\r\n --uui-control-placeholder: var(--uui-neutral-50);\r\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-text: var(--uui-text-primary);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n --uui-control-icon: var(--uui-neutral-50);\r\n --uui-control-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--uui-neutral-40);\r\n\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\r\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\r\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* override variables */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-primary,\r\n .uui-color-info {\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(--white);\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(--white);\r\n }\r\n\r\n .uui-color-fire,\r\n .uui-color-critical,\r\n .uui-color-error {\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(--white);\r\n }\r\n\r\n .uui-color-white {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--night100);\r\n --uui-color-70: var(--night200);\r\n --uui-color-contrast: var(--night800);\r\n }\r\n\r\n .uui-color-night100 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--night50);\r\n --uui-color-50: var(--night100);\r\n --uui-color-60: var(--night200);\r\n --uui-color-70: var(--night300);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night300 {\r\n --uui-color-5: var(--night50);\r\n --uui-color-10: var(--night100);\r\n --uui-color-20: var(--night200);\r\n --uui-color-50: var(--night300);\r\n --uui-color-60: var(--night400);\r\n --uui-color-70: var(--night500);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-neutral,\r\n .uui-color-secondary,\r\n .uui-color-night600 {\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(--white);\r\n }\r\n\r\n .uui-color-night700 {\r\n --uui-color-5: var(--night400);\r\n --uui-color-10: var(--night500);\r\n --uui-color-20: var(--night600);\r\n --uui-color-50: var(--night700);\r\n --uui-color-60: var(--night800);\r\n --uui-color-70: var(--night900);\r\n --uui-color-contrast: var(--white);\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(--white);\r\n }\r\n\r\n .uui-color-sun,\r\n .uui-color-warning {\r\n --uui-color-5: var(--sun-5);\r\n --uui-color-10: var(--sun-10);\r\n --uui-color-20: var(--sun-20);\r\n --uui-color-50: var(--sun-50);\r\n --uui-color-60: var(--sun-60);\r\n --uui-color-70: var(--sun-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n /* Accordion */\r\n\r\n .uui-accordion-container {\r\n --uui-accordion-border-radius: 6px;\r\n }\r\n\r\n /* FileCard */\r\n\r\n .uui-file_card {\r\n --uui-file_card-border-radius: 6px;\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-outline {\r\n --uui-badge-bg-hover: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-20);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night600 {\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-yellow.uui-fill-outline {\r\n --uui-badge-border: var(--yellow-20);\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button:is(.uui-color-secondary, .uui-color-neutral):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button.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(--white);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-contrast {\r\n --uui-link_btn-text: var(--uui-neutral-5);\r\n --uui-link_btn-text-hover: var(--uui-neutral-10);\r\n --uui-link_btn-text-active: var(--uui-neutral-20);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator.uui-color-neutral {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-count_indicator:is(.uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-40);\r\n }\r\n }\r\n\r\n /* MainMenu */\r\n\r\n .uui-main_menu {\r\n --uui-main_menu-bg: var(--uui-neutral-95);\r\n --uui-main_menu-hover: var(--uui-neutral-90);\r\n --uui-main_menu-border-active-gradient: var(--gradient-1);\r\n }\r\n\r\n .uui-main_menu-dropdown {\r\n --uui-main_menu-dropdown-bg-hover: var(--uui-neutral-95);\r\n }\r\n\r\n /* BurgerMenu */\r\n\r\n .uui-burger {\r\n --uui-burger_menu-bg: var(--uui-neutral-95);\r\n --uui-burger_menu-bg-hover: var(--uui-neutral-95);\r\n --uui-burger_menu-item: var(--uui-neutral-95);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n &.uui-fill-outline {\r\n --uui-tag-fill: var(--uui-neutral-95);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n }\r\n\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-fill: var(--uui-neutral-95);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-tag-fill: var(--uui-neutral-95);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-5);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night700 {\r\n &.uui-fill-solid {\r\n .uui-count_indicator {\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-sun {\r\n --uui-tag-fill: var(--uui-neutral-100);\r\n\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-caption: var(--uui-neutral-95);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-neutral {\r\n &.uui-fill-solid {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-95);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-fill: var(--uui-neutral-95);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n h1, h3, h4, h5 {\r\n font-weight: 600;\r\n }\r\n\r\n .promo-header:is(h1, h2, h3, h4, h5, h6) {\r\n font-family: var(--font-museo-sans);\r\n }\r\n\r\n h1.promo-header {\r\n font-size: 72px;\r\n font-weight: 400;\r\n }\r\n\r\n h2.promo-header {\r\n font-size: 44px;\r\n font-weight: 600;\r\n }\r\n\r\n h3.promo-header {\r\n font-size: 36px;\r\n }\r\n\r\n h4.promo-header {\r\n font-size: 30px;\r\n }\r\n\r\n h5.promo-header {\r\n font-size: 24px;\r\n }\r\n\r\n h6.promo-header {\r\n font-size: 18px;\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-electric {\r\n @include theme-electric();\r\n}\r\n"]}

package/build/css/theme/theme_loveship.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../theme/theme_loveship.scss%23sass","../../../../../theme/theme_loveship.scss","../../../theme/theme_loveship.scss"],"names":[],"mappings":"AA01BA;ECv1BA,wCAAA;EDEI,wCAAA;EAEA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAEA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAEA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EACA,kBAAA;EAEA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EACA,gBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAEA,eAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,mBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EACA,oBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAEA,gBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EACA,iBAAA;EAGA,+BAAA;EACA,+BAAA;EAEA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EAEA,gCAAA;EACA,gCAAA;EAOA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,mCAAA;EAEA,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,kCAAA;EAEA,iCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,kCAAA;EACA,qCAAA;EAEA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,oCAAA;EAIA,yBAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,gCAAA;EAEA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,mCAAA;EAEA,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,sCAAA;EAEA,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,iCAAA;EAEA,uBAAA;EACA,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,yBAAA;EAIA,kCAAA;EACA,mCAAA;EAEA,yCAAA;EACA,uCAAA;EACA,0CAAA;EACA,2CAAA;EAEA,mCAAA;EACA,yCAAA;EAEA,sCAAA;EACA,wCAAA;EACA,0CAAA;EACA,yCAAA;EACA,yCAAA;EAEA,kCAAA;EACA,wCAAA;EACA,0CAAA;EACA,wCAAA;EAKA,wBAAA;EACA,8BAAA;EACA,0BAAA;EACA,gCAAA;EACA,yCAAA;EAEA,gCAAA;EACA,sCAAA;EACA,uCAAA;EACA,yCAAA;EAEA,wCAAA;EACA,4CAAA;EACA,8CAAA;EAEA,0CAAA;EACA,gDAAA;EACA,gDAAA;EACA,mDAAA;EAEA,+CAAA;EACA,wDAAA;EAEA,0CAAA;EACA,oDAAA;EAEA,wCAAA;EACA,iDAAA;EAEA,6BAAA;EAEA,oCAAA;EAEA,oFAAA;EACA,uHAAA;EACA,yHAAA;EAEA,uBAAA;AEnCJ;AF2CI;;;EAGI,iCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,mCAAA;EACA,+CAAA;AEzCR;AF4CI;;;EAGI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AE1CR;AF6CI;;;EAGI,mCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,qCAAA;EACA,iDAAA;AE3CR;AF8CI;EACI,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,2BAAA;EACA,8BAAA;EACA,8BAAA;EACA,0CAAA;AE5CR;AF+CI;EACI,0BAAA;EACA,2BAAA;EACA,2BAAA;EACA,6BAAA;EACA,2CAAA;EACA,2CAAA;EACA,0CAAA;AE7CR;AFgDI;EACI,0BAAA;EACA,2BAAA;EACA,6BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,0CAAA;AE9CR;AFiDI;EACI,0BAAA;EACA,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,0CAAA;AE/CR;AFkDI;EACI,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,0CAAA;AEhDR;AFmDI;EACI,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,0CAAA;AEjDR;AFoDI;EACI,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,iCAAA;AElDR;AFqDI;;;;EAII,oCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,sCAAA;EACA,kDAAA;AEnDR;AFsDI;EACI,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,iCAAA;AEpDR;AFuDI;EACI,6BAAA;EACA,8BAAA;EACA,8BAAA;EACA,8BAAA;EACA,4CAAA;EACA,4CAAA;EACA,iCAAA;AErDR;AFwDI;;EAEI,kCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,oCAAA;EACA,gDAAA;AEtDR;AFyDI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,0CAAA;AEvDR;AF0DI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,0CAAA;AExDR;AF2DI;EACI,8BAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,gCAAA;EACA,iCAAA;AEzDR;AF4DI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AE1DR;AF6DI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AE3DR;AF8DI;EACI,6BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,+BAAA;EACA,iCAAA;AE5DR;AF+DI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,0CAAA;AE7DR;AFgEI;EACI,2BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,6BAAA;EACA,0CAAA;AE9DR;AFmEI;EACI,iCAAA;AEjER;AFsEI;EACI,iCAAA;AEpER;AF0EQ;EACI,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AExEZ;AF8EQ;;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,8CAAA;EACA,0CAAA;AE3EZ;AF8EQ;;EACI,oCAAA;EACA,0CAAA;EACA,wCAAA;EACA,yCAAA;EACA,+CAAA;AE3EZ;AFgFQ;EACI,0CAAA;EACA,8CAAA;AE9EZ;AFiFQ;EACI,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AE/EZ;AFoFQ;EACI,wCAAA;EACA,8CAAA;EACA,yCAAA;EACA,+CAAA;AElFZ;AFsFI;EACI,mCAAA;AEpFR;AF0FQ;EACI,uCAAA;AExFZ;AF4FY;EACI,4EAAA;EACA,6EAAA;AE1FhB;AF6FY;EACI,4BAAA;EACA,kCAAA;EACA,mCAAA;AE3FhB;AF8FY;EACI,uCAAA;EACA,wCAAA;EACA,4CAAA;EACA,yCAAA;EACA,6CAAA;AE5FhB;AFmGI;EACI,oCAAA;EACA,0CAAA;EACA,2CAAA;AEjGR;AFoGI;EACI,0CAAA;EACA,2CAAA;AElGR;AFuGI;EACI,wCAAA;EACA,+CAAA;EACA,gDAAA;AErGR;AF0GI;EACI,qCAAA;EACA,wCAAA;AExGR;AF2GI;EACI,oCAAA;AEzGR;AF4GI;EACI,sCAAA;EACA,uCAAA;AE1GR;AF+GI;;EAEI,8CAAA;EACA,kDAAA;AE7GR;AFgHI;EACI,mDAAA;AE9GR;AFoHQ;EACI,kEAAA;EACA,sCAAA;AElHZ;AFwHI;EACI,6BAAA;AEtHR;AFyHI;EACI,8BAAA;AEvHR;AF0HI;EACI,gCAAA;AExHR;AF2HI;EACI,iCAAA;AEzHR;AF4HI;EACI,2BAAA;AE1HR;AF6HI;EACI,6BAAA;AE3HR;AFkIY;EACI,wCAAA;EACA,4CAAA;EACA,oCAAA;AEhIhB;AFkIgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AEhIpB;AFoIY;EACI,wCAAA;EACA,sCAAA;EACA,4CAAA;AElIhB;AFoIgB;EACI,8CAAA;EACA,kDAAA;AElIpB;AFwIY;EACI,4CAAA;EACA,oCAAA;AEtIhB;AFwIgB;EACI,8CAAA;EACA,kDAAA;EACA,mDAAA;AEtIpB;AF0IY;EACI,iCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;AExIhB;AF0IgB;EACI,8CAAA;EACA,kDAAA;AExIpB;AF+IY;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;EACA,yCAAA;EACA,oCAAA;AE7IhB;AF+IgB;EACI,6CAAA;EACA,iDAAA;AE7IpB;AFiJY;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;AE/IhB;AFiJgB;EACI,8CAAA;EACA,kDAAA;AE/IpB;AFqJY;EACI,sCAAA;EACA,mCAAA;EACA,kCAAA;EACA,sCAAA;EACA,wCAAA;EACA,4CAAA;AEnJhB;AFqJgB;EACI,sFAAA;EACA,kFAAA;EACA,kDAAA;AEnJpB;AFuJY;EACI,kCAAA;EACA,wCAAA;EACA,sCAAA;EACA,4CAAA;AErJhB;AF4JY;EACI,yCAAA;EACA,oCAAA;AE1JhB;AF4JgB;EACI,kFAAA;EACA,uFAAA;AE1JpB;AF8JY;EACI,6CAAA;EACA,kDAAA;AE5JhB;AFmKI;EACI,+BAAA;EACA,0BAAA;AEjKR;AFoKI;EACI,+BAAA;EACA,0BAAA;AElKR;AFqKI;EACI,+BAAA;EACA,0BAAA;AEnKR;AFyKQ;EACI,eAAA;AEvKZ;AF0KQ;EACI,eAAA;AExKZ;AF2KQ;EACI,eAAA;AEzKZ;AF4KQ;EACI,cAAA;EACA,gBAAA;EACA,eAAA;AE1KZ","file":"theme_loveship.css","sourcesContent":["/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin theme-loveship {\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #F5F6FA;\r\n --night200: #EBEDF5;\r\n --night300: #E1E3EB;\r\n --night400: #CED0DB;\r\n --night500: #ACAFBF;\r\n --night600: #6C6F80;\r\n --night700: #474A59;\r\n --night800: #303240;\r\n --night900: #1D1E26;\r\n\r\n --sky-5: #F5FDFF;\r\n --sky-10: #E1F4FA;\r\n --sky-20: #A0DDEE;\r\n --sky-50: #009ECC;\r\n --sky-60: #0086AD;\r\n --sky-70: #006B8A;\r\n\r\n --grass-5: #FCFFF5;\r\n --grass-10: #EBF3D8;\r\n --grass-20: #C1E288;\r\n --grass-50: #67A300;\r\n --grass-60: #528500;\r\n --grass-70: #396F1F;\r\n\r\n --sun-5: #FFFCF5;\r\n --sun-10: #FFEDC9;\r\n --sun-20: #FFD785;\r\n --sun-50: #FCAA00;\r\n --sun-60: #FF9000;\r\n --sun-70: #BD5800;\r\n\r\n --fire-5: #FEF6F6;\r\n --fire-10: #FDE1E1;\r\n --fire-20: #FBB6B6;\r\n --fire-50: #FF4242;\r\n --fire-60: #E22A2A;\r\n --fire-70: #AD0000;\r\n\r\n --white: #FFFFFF;\r\n\r\n --yellow-5: #FFFFF5;\r\n --yellow-10: #FFFFE5;\r\n --yellow-20: #FFFCA4;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #EDBE02;\r\n --yellow-70: #BC7E02;\r\n\r\n --orange-5: #FEF8F4;\r\n --orange-10: #FFE8D7;\r\n --orange-20: #FFCCA7;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #F76B0D;\r\n --orange-70: #BD4B00;\r\n\r\n --fuchsia-5: #FFF7FB;\r\n --fuchsia-10: #F9D8E7;\r\n --fuchsia-20: #EDADC8;\r\n --fuchsia-50: #EA4386;\r\n --fuchsia-60: #D61E68;\r\n --fuchsia-70: #AE1955;\r\n\r\n --purple-5: #FDF6FE;\r\n --purple-10: #F2CCFA;\r\n --purple-20: #E79DF5;\r\n --purple-50: #B114D1;\r\n --purple-60: #860F9E;\r\n --purple-70: #5E0B6F;\r\n\r\n --violet-5: #F8F6FE;\r\n --violet-10: #DBCCFA;\r\n --violet-20: #BB9DF5;\r\n --violet-50: #773CEC;\r\n --violet-60: #5514D6;\r\n --violet-70: #40109E;\r\n\r\n --cobalt-5: #F8FAFF;\r\n --cobalt-10: #D9E2FC;\r\n --cobalt-20: #AEC0F5;\r\n --cobalt-50: #0F98FF;\r\n --cobalt-60: #006FE5;\r\n --cobalt-70: #0954A5;\r\n\r\n --cyan-5: #F6FEFE;\r\n --cyan-10: #D1FAFA;\r\n --cyan-20: #AAEEEE;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #12B5B5;\r\n --cyan-70: #0B6F6F;\r\n\r\n --mint-5: #F2FCF5;\r\n --mint-10: #DDF3E4;\r\n --mint-20: #B4DFC4;\r\n --mint-50: #4FC48C;\r\n --mint-60: #31AA70;\r\n --mint-70: #236E4A;\r\n\r\n /* Loveship old colors */\r\n --uui-color-night50-800: #DADAE9;\r\n --uui-color-night50-900: #BABAD6;\r\n\r\n --uui-color-night100-800: #D3D7E9;\r\n --uui-color-night100-900: #B1B9D8;\r\n\r\n --uui-color-night200-800: #C9CEE4;\r\n --uui-color-night200-900: #A7B0D3;\r\n\r\n --uui-color-night400-800: #B1B4C5;\r\n --uui-color-night400-900: #9398B0;\r\n\r\n --uui-color-night700-800: #30323D;\r\n --uui-color-night700-900: #1A1B20;\r\n\r\n --uui-color-night800-800: #1A1B23;\r\n --uui-color-night800-900: #040406;\r\n /* end Loveship old colors */\r\n\r\n /* core variables start */\r\n\r\n /* brand colors */\r\n\r\n --uui-primary-5: var(--sky-5);\r\n --uui-primary-10: var(--sky-10);\r\n --uui-primary-20: var(--sky-20);\r\n --uui-primary-50: var(--sky-50);\r\n --uui-primary-60: var(--sky-60);\r\n --uui-primary-70: var(--sky-70);\r\n --uui-primary-contrast: var(--white);\r\n\r\n --uui-accent-5: var(--grass-5);\r\n --uui-accent-10: var(--grass-10);\r\n --uui-accent-20: var(--grass-20);\r\n --uui-accent-50: var(--grass-50);\r\n --uui-accent-60: var(--grass-60);\r\n --uui-accent-70: var(--grass-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--night100);\r\n --uui-secondary-10: var(--night200);\r\n --uui-secondary-20: var(--night300);\r\n --uui-secondary-50: var(--night600);\r\n --uui-secondary-60: var(--night700);\r\n --uui-secondary-70: var(--night800);\r\n --uui-secondary-contrast: var(--white);\r\n\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 /* semantic colors */\r\n\r\n --uui-info-5: var(--sky-5);\r\n --uui-info-10: var(--sky-10);\r\n --uui-info-20: var(--sky-20);\r\n --uui-info-50: var(--sky-50);\r\n --uui-info-60: var(--sky-60);\r\n --uui-info-70: var(--sky-70);\r\n --uui-info-contrast: var(--white);\r\n\r\n --uui-success-5: var(--grass-5);\r\n --uui-success-10: var(--grass-10);\r\n --uui-success-20: var(--grass-20);\r\n --uui-success-50: var(--grass-50);\r\n --uui-success-60: var(--grass-60);\r\n --uui-success-70: var(--grass-70);\r\n --uui-success-contrast: var(--white);\r\n\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(--night800);\r\n\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 --uui-neutral-0: #FFFFFF;\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-100: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\r\n\r\n --uui-app-bg: var(--uui-neutral-10);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--uui-neutral-5);\r\n --uui-surface-main: var(--uui-neutral-0);\r\n --uui-surface-higher: var(--uui-neutral-10);\r\n --uui-surface-highest: var(--uui-neutral-20);\r\n\r\n --uui-divider: var(--uui-neutral-40);\r\n --uui-divider-light: var(--uui-neutral-30);\r\n\r\n --uui-text-brand: var(--uui-neutral-90);\r\n --uui-text-primary: var(--uui-neutral-80);\r\n --uui-text-secondary: var(--uui-neutral-70);\r\n --uui-text-tertiary: var(--uui-neutral-60);\r\n --uui-text-disabled: var(--uui-neutral-50);\r\n\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-warning: var(--uui-warning-70);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-success: var(--uui-success-70);\r\n\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--sky-50);\r\n --uui-link-hover: var(--sky-60);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-visited-hover: #601278;\r\n --uui-link-disabled: var(--uui-neutral-50);\r\n\r\n --uui-icon: var(--uui-neutral-60);\r\n --uui-icon-hover: var(--uui-neutral-70);\r\n --uui-icon-active: var(--uui-neutral-80);\r\n --uui-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-bg: var(--uui-surface-main);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-bg-disabled: var(--uui-neutral-5);\r\n\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-hover: var(--uui-neutral-60);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-disabled: var(--uui-neutral-30);\r\n\r\n --uui-control-placeholder: var(--uui-neutral-50);\r\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-text: var(--uui-text-primary);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n --uui-control-icon: var(--uui-neutral-50);\r\n --uui-control-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--uui-neutral-40);\r\n\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\r\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\r\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-accent,\r\n .uui-color-grass,\r\n .uui-color-success {\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-primary,\r\n .uui-color-sky,\r\n .uui-color-info {\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-fire,\r\n .uui-color-critical,\r\n .uui-color-error {\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: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--night100);\r\n --uui-color-70: var(--night200);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night50 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--night50);\r\n --uui-color-60: var(--uui-color-night50-800);\r\n --uui-color-70: var(--uui-color-night50-900);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night100 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--night50);\r\n --uui-color-50: var(--night100);\r\n --uui-color-60: var(--uui-color-night100-800);\r\n --uui-color-70: var(--uui-color-night100-900);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night200 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--night50);\r\n --uui-color-20: var(--night100);\r\n --uui-color-50: var(--night200);\r\n --uui-color-60: var(--uui-color-night200-800);\r\n --uui-color-70: var(--uui-color-night200-900);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night300 {\r\n --uui-color-5: var(--night50);\r\n --uui-color-10: var(--night100);\r\n --uui-color-20: var(--night200);\r\n --uui-color-50: var(--night300);\r\n --uui-color-60: var(--night400);\r\n --uui-color-70: var(--night500);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night400 {\r\n --uui-color-5: var(--night100);\r\n --uui-color-10: var(--night200);\r\n --uui-color-20: var(--night300);\r\n --uui-color-50: var(--night400);\r\n --uui-color-60: var(--uui-color-night400-800);\r\n --uui-color-70: var(--uui-color-night400-900);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night500 {\r\n --uui-color-5: var(--night200);\r\n --uui-color-10: var(--night300);\r\n --uui-color-20: var(--night400);\r\n --uui-color-50: var(--night500);\r\n --uui-color-60: var(--night600);\r\n --uui-color-70: var(--night700);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-night600,\r\n .uui-color-neutral,\r\n .uui-color-gray,\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-night700 {\r\n --uui-color-5: var(--night400);\r\n --uui-color-10: var(--night500);\r\n --uui-color-20: var(--night600);\r\n --uui-color-50: var(--night700);\r\n --uui-color-60: var(--uui-color-night700-800);\r\n --uui-color-70: var(--uui-color-night700-900);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-night800 {\r\n --uui-color-5: var(--night500);\r\n --uui-color-10: var(--night600);\r\n --uui-color-20: var(--night700);\r\n --uui-color-50: var(--night800);\r\n --uui-color-60: var(--uui-color-night800-800);\r\n --uui-color-70: var(--uui-color-night800-900);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-warning,\r\n .uui-color-sun {\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-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n /* Accordion */\r\n\r\n .uui-accordion-container {\r\n --uui-accordion-border-radius: 6px;\r\n }\r\n\r\n /* FileCard */\r\n\r\n .uui-file_card {\r\n --uui-file_card-border-radius: 6px;\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-outline {\r\n --uui-badge-bg-hover: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-20);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night600 {\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-yellow.uui-fill-outline {\r\n --uui-badge-border: var(--yellow-20);\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button {\r\n &:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n }\r\n\r\n &.uui-color-white {\r\n &.uui-fill-none, &.uui-fill-ghost {\r\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\r\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\r\n }\r\n\r\n &.uui-fill-ghost {\r\n --uui-btn-border: transparent;\r\n --uui-btn-border-hover: transparent;\r\n --uui-btn-border-active: transparent;\r\n }\r\n\r\n &.uui-fill-outline, &.uui-fill-solid {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n --uui-btn-bg-hover: var(--uui-neutral-20);\r\n --uui-btn-border-hover: var(--uui-neutral-20);\r\n --uui-btn-bg-active: var(--uui-neutral-30);\r\n --uui-btn-border-active: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-50);\r\n --uui-icon_btn-hover: var(--uui-neutral-60);\r\n --uui-icon_btn-active: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-icon_button.uui-color-white {\r\n --uui-icon_btn-hover: var(--uui-neutral-20);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-contrast {\r\n --uui-link_btn-text: var(--uui-neutral-5);\r\n --uui-link_btn-text-hover: var(--uui-neutral-10);\r\n --uui-link_btn-text-active: var(--uui-neutral-20);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-white {\r\n --uui-tooltip-bg: var(--uui-neutral-0);\r\n --uui-tooltip-text: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-red {\r\n --uui-tooltip-bg: var(--uui-error-60);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-gray {\r\n --uui-tooltip-bg: var(--uui-neutral-80);\r\n --uui-tooltip-text: var(--uui-neutral-5);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator.uui-color-gray,\r\n .uui-count_indicator.uui-color-neutral {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-40);\r\n }\r\n }\r\n\r\n /* FlexRow */\r\n\r\n .uui-flex-row.uui-color-none {\r\n --uui-flex-row-bg: transparent;\r\n }\r\n\r\n .uui-flex-row.uui-color-white {\r\n --uui-flex-row-bg: var(--white);\r\n }\r\n\r\n .uui-flex-row.uui-color-night50 {\r\n --uui-flex-row-bg: var(--night50);\r\n }\r\n\r\n .uui-flex-row.uui-color-night100 {\r\n --uui-flex-row-bg: var(--night100);\r\n }\r\n\r\n .uui-panel.uui-color-white {\r\n --uui-panel-bg: var(--white);\r\n }\r\n\r\n .uui-panel.uui-color-night50 {\r\n --uui-panel-bg: var(--night50);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border-hover: var(--uui-neutral-10);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-5);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night700 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-70);\r\n --uui-tag-border: var(--uui-neutral-70);\r\n --uui-tag-bg-hover: var(--uui-neutral-80);\r\n --uui-tag-border-hover: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-sun {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-90);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n }\r\n }\r\n\r\n &.uui-fill-outline .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n }\r\n\r\n .uui-font-sans-light {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 300;\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n h1 {\r\n font-weight: 600;\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n }\r\n\r\n h3 {\r\n font-weight: 600;\r\n }\r\n\r\n .hero-header {\r\n font-size: 72px;\r\n line-height: 72px;\r\n font-weight: 700;\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-loveship {\r\n @include theme-loveship();\r\n}\r\n","/* Name convention */\r\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\r\n\r\n@mixin theme-loveship {\r\n --uui-font: 'Source Sans Pro', sans-serif;\r\n --uui-font-mono: 'Roboto Mono', monospace;\r\n\r\n --night50: #FAFAFC;\r\n --night100: #F5F6FA;\r\n --night200: #EBEDF5;\r\n --night300: #E1E3EB;\r\n --night400: #CED0DB;\r\n --night500: #ACAFBF;\r\n --night600: #6C6F80;\r\n --night700: #474A59;\r\n --night800: #303240;\r\n --night900: #1D1E26;\r\n\r\n --sky-5: #F5FDFF;\r\n --sky-10: #E1F4FA;\r\n --sky-20: #A0DDEE;\r\n --sky-50: #009ECC;\r\n --sky-60: #0086AD;\r\n --sky-70: #006B8A;\r\n\r\n --grass-5: #FCFFF5;\r\n --grass-10: #EBF3D8;\r\n --grass-20: #C1E288;\r\n --grass-50: #67A300;\r\n --grass-60: #528500;\r\n --grass-70: #396F1F;\r\n\r\n --sun-5: #FFFCF5;\r\n --sun-10: #FFEDC9;\r\n --sun-20: #FFD785;\r\n --sun-50: #FCAA00;\r\n --sun-60: #FF9000;\r\n --sun-70: #BD5800;\r\n\r\n --fire-5: #FEF6F6;\r\n --fire-10: #FDE1E1;\r\n --fire-20: #FBB6B6;\r\n --fire-50: #FF4242;\r\n --fire-60: #E22A2A;\r\n --fire-70: #AD0000;\r\n\r\n --white: #FFFFFF;\r\n\r\n --yellow-5: #FFFFF5;\r\n --yellow-10: #FFFFE5;\r\n --yellow-20: #FFFCA4;\r\n --yellow-50: #FDD63B;\r\n --yellow-60: #EDBE02;\r\n --yellow-70: #BC7E02;\r\n\r\n --orange-5: #FEF8F4;\r\n --orange-10: #FFE8D7;\r\n --orange-20: #FFCCA7;\r\n --orange-50: #FF8B3E;\r\n --orange-60: #F76B0D;\r\n --orange-70: #BD4B00;\r\n\r\n --fuchsia-5: #FFF7FB;\r\n --fuchsia-10: #F9D8E7;\r\n --fuchsia-20: #EDADC8;\r\n --fuchsia-50: #EA4386;\r\n --fuchsia-60: #D61E68;\r\n --fuchsia-70: #AE1955;\r\n\r\n --purple-5: #FDF6FE;\r\n --purple-10: #F2CCFA;\r\n --purple-20: #E79DF5;\r\n --purple-50: #B114D1;\r\n --purple-60: #860F9E;\r\n --purple-70: #5E0B6F;\r\n\r\n --violet-5: #F8F6FE;\r\n --violet-10: #DBCCFA;\r\n --violet-20: #BB9DF5;\r\n --violet-50: #773CEC;\r\n --violet-60: #5514D6;\r\n --violet-70: #40109E;\r\n\r\n --cobalt-5: #F8FAFF;\r\n --cobalt-10: #D9E2FC;\r\n --cobalt-20: #AEC0F5;\r\n --cobalt-50: #0F98FF;\r\n --cobalt-60: #006FE5;\r\n --cobalt-70: #0954A5;\r\n\r\n --cyan-5: #F6FEFE;\r\n --cyan-10: #D1FAFA;\r\n --cyan-20: #AAEEEE;\r\n --cyan-50: #14CCCC;\r\n --cyan-60: #12B5B5;\r\n --cyan-70: #0B6F6F;\r\n\r\n --mint-5: #F2FCF5;\r\n --mint-10: #DDF3E4;\r\n --mint-20: #B4DFC4;\r\n --mint-50: #4FC48C;\r\n --mint-60: #31AA70;\r\n --mint-70: #236E4A;\r\n\r\n /* Loveship old colors */\r\n --uui-color-night50-800: #DADAE9;\r\n --uui-color-night50-900: #BABAD6;\r\n\r\n --uui-color-night100-800: #D3D7E9;\r\n --uui-color-night100-900: #B1B9D8;\r\n\r\n --uui-color-night200-800: #C9CEE4;\r\n --uui-color-night200-900: #A7B0D3;\r\n\r\n --uui-color-night400-800: #B1B4C5;\r\n --uui-color-night400-900: #9398B0;\r\n\r\n --uui-color-night700-800: #30323D;\r\n --uui-color-night700-900: #1A1B20;\r\n\r\n --uui-color-night800-800: #1A1B23;\r\n --uui-color-night800-900: #040406;\r\n /* end Loveship old colors */\r\n\r\n /* core variables start */\r\n\r\n /* brand colors */\r\n\r\n --uui-primary-5: var(--sky-5);\r\n --uui-primary-10: var(--sky-10);\r\n --uui-primary-20: var(--sky-20);\r\n --uui-primary-50: var(--sky-50);\r\n --uui-primary-60: var(--sky-60);\r\n --uui-primary-70: var(--sky-70);\r\n --uui-primary-contrast: var(--white);\r\n\r\n --uui-accent-5: var(--grass-5);\r\n --uui-accent-10: var(--grass-10);\r\n --uui-accent-20: var(--grass-20);\r\n --uui-accent-50: var(--grass-50);\r\n --uui-accent-60: var(--grass-60);\r\n --uui-accent-70: var(--grass-70);\r\n --uui-accent-contrast: var(--white);\r\n\r\n --uui-secondary-5: var(--night100);\r\n --uui-secondary-10: var(--night200);\r\n --uui-secondary-20: var(--night300);\r\n --uui-secondary-50: var(--night600);\r\n --uui-secondary-60: var(--night700);\r\n --uui-secondary-70: var(--night800);\r\n --uui-secondary-contrast: var(--white);\r\n\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 /* semantic colors */\r\n\r\n --uui-info-5: var(--sky-5);\r\n --uui-info-10: var(--sky-10);\r\n --uui-info-20: var(--sky-20);\r\n --uui-info-50: var(--sky-50);\r\n --uui-info-60: var(--sky-60);\r\n --uui-info-70: var(--sky-70);\r\n --uui-info-contrast: var(--white);\r\n\r\n --uui-success-5: var(--grass-5);\r\n --uui-success-10: var(--grass-10);\r\n --uui-success-20: var(--grass-20);\r\n --uui-success-50: var(--grass-50);\r\n --uui-success-60: var(--grass-60);\r\n --uui-success-70: var(--grass-70);\r\n --uui-success-contrast: var(--white);\r\n\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(--night800);\r\n\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 --uui-neutral-0: #FFFFFF;\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-100: #000000;\r\n\r\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\r\n\r\n --uui-app-bg: var(--uui-neutral-10);\r\n --uui-overlay: rgba(29, 30, 38, 0.8);\r\n\r\n --uui-surface-sunken: var(--uui-neutral-5);\r\n --uui-surface-main: var(--uui-neutral-0);\r\n --uui-surface-higher: var(--uui-neutral-10);\r\n --uui-surface-highest: var(--uui-neutral-20);\r\n\r\n --uui-divider: var(--uui-neutral-40);\r\n --uui-divider-light: var(--uui-neutral-30);\r\n\r\n --uui-text-brand: var(--uui-neutral-90);\r\n --uui-text-primary: var(--uui-neutral-80);\r\n --uui-text-secondary: var(--uui-neutral-70);\r\n --uui-text-tertiary: var(--uui-neutral-60);\r\n --uui-text-disabled: var(--uui-neutral-50);\r\n\r\n --uui-text-info: var(--uui-info-70);\r\n --uui-text-warning: var(--uui-warning-70);\r\n --uui-text-critical: var(--uui-critical-70);\r\n --uui-text-success: var(--uui-success-70);\r\n\r\n\r\n /* control specific */\r\n\r\n --uui-link: var(--sky-50);\r\n --uui-link-hover: var(--sky-60);\r\n --uui-link-visited: #8018A0;\r\n --uui-link-visited-hover: #601278;\r\n --uui-link-disabled: var(--uui-neutral-50);\r\n\r\n --uui-icon: var(--uui-neutral-60);\r\n --uui-icon-hover: var(--uui-neutral-70);\r\n --uui-icon-active: var(--uui-neutral-80);\r\n --uui-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-bg: var(--uui-surface-main);\r\n --uui-control-bg-hover: var(--uui-neutral-60);\r\n --uui-control-bg-disabled: var(--uui-neutral-5);\r\n\r\n --uui-control-border: var(--uui-neutral-40);\r\n --uui-control-border-hover: var(--uui-neutral-60);\r\n --uui-control-border-focus: var(--uui-primary-50);\r\n --uui-control-border-disabled: var(--uui-neutral-30);\r\n\r\n --uui-control-placeholder: var(--uui-neutral-50);\r\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\r\n\r\n --uui-control-text: var(--uui-text-primary);\r\n --uui-control-text-disabled: var(--uui-text-tertiary);\r\n\r\n --uui-control-icon: var(--uui-neutral-50);\r\n --uui-control-icon-disabled: var(--uui-neutral-50);\r\n\r\n --uui-outline-focus: #008ACE80;\r\n\r\n --uui-skeleton: var(--uui-neutral-40);\r\n\r\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\r\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\r\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\r\n\r\n --uui-border-radius: 3px;\r\n\r\n /* core variables end */\r\n\r\n /* ------------------------------------ */\r\n\r\n /* begin color classes */\r\n\r\n .uui-color-accent,\r\n .uui-color-grass,\r\n .uui-color-success {\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-primary,\r\n .uui-color-sky,\r\n .uui-color-info {\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-fire,\r\n .uui-color-critical,\r\n .uui-color-error {\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: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--white);\r\n --uui-color-60: var(--night100);\r\n --uui-color-70: var(--night200);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night50 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--white);\r\n --uui-color-50: var(--night50);\r\n --uui-color-60: var(--uui-color-night50-800);\r\n --uui-color-70: var(--uui-color-night50-900);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night100 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--white);\r\n --uui-color-20: var(--night50);\r\n --uui-color-50: var(--night100);\r\n --uui-color-60: var(--uui-color-night100-800);\r\n --uui-color-70: var(--uui-color-night100-900);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night200 {\r\n --uui-color-5: var(--white);\r\n --uui-color-10: var(--night50);\r\n --uui-color-20: var(--night100);\r\n --uui-color-50: var(--night200);\r\n --uui-color-60: var(--uui-color-night200-800);\r\n --uui-color-70: var(--uui-color-night200-900);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night300 {\r\n --uui-color-5: var(--night50);\r\n --uui-color-10: var(--night100);\r\n --uui-color-20: var(--night200);\r\n --uui-color-50: var(--night300);\r\n --uui-color-60: var(--night400);\r\n --uui-color-70: var(--night500);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night400 {\r\n --uui-color-5: var(--night100);\r\n --uui-color-10: var(--night200);\r\n --uui-color-20: var(--night300);\r\n --uui-color-50: var(--night400);\r\n --uui-color-60: var(--uui-color-night400-800);\r\n --uui-color-70: var(--uui-color-night400-900);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-night500 {\r\n --uui-color-5: var(--night200);\r\n --uui-color-10: var(--night300);\r\n --uui-color-20: var(--night400);\r\n --uui-color-50: var(--night500);\r\n --uui-color-60: var(--night600);\r\n --uui-color-70: var(--night700);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-night600,\r\n .uui-color-neutral,\r\n .uui-color-gray,\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-night700 {\r\n --uui-color-5: var(--night400);\r\n --uui-color-10: var(--night500);\r\n --uui-color-20: var(--night600);\r\n --uui-color-50: var(--night700);\r\n --uui-color-60: var(--uui-color-night700-800);\r\n --uui-color-70: var(--uui-color-night700-900);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-night800 {\r\n --uui-color-5: var(--night500);\r\n --uui-color-10: var(--night600);\r\n --uui-color-20: var(--night700);\r\n --uui-color-50: var(--night800);\r\n --uui-color-60: var(--uui-color-night800-800);\r\n --uui-color-70: var(--uui-color-night800-900);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-warning,\r\n .uui-color-sun {\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-yellow {\r\n --uui-color-5: var(--yellow-5);\r\n --uui-color-10: var(--yellow-10);\r\n --uui-color-20: var(--yellow-20);\r\n --uui-color-50: var(--yellow-50);\r\n --uui-color-60: var(--yellow-60);\r\n --uui-color-70: var(--yellow-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-orange {\r\n --uui-color-5: var(--orange-5);\r\n --uui-color-10: var(--orange-10);\r\n --uui-color-20: var(--orange-20);\r\n --uui-color-50: var(--orange-50);\r\n --uui-color-60: var(--orange-60);\r\n --uui-color-70: var(--orange-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-fuchsia {\r\n --uui-color-5: var(--fuchsia-5);\r\n --uui-color-10: var(--fuchsia-10);\r\n --uui-color-20: var(--fuchsia-20);\r\n --uui-color-50: var(--fuchsia-50);\r\n --uui-color-60: var(--fuchsia-60);\r\n --uui-color-70: var(--fuchsia-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-purple {\r\n --uui-color-5: var(--purple-5);\r\n --uui-color-10: var(--purple-10);\r\n --uui-color-20: var(--purple-20);\r\n --uui-color-50: var(--purple-50);\r\n --uui-color-60: var(--purple-60);\r\n --uui-color-70: var(--purple-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-violet {\r\n --uui-color-5: var(--violet-5);\r\n --uui-color-10: var(--violet-10);\r\n --uui-color-20: var(--violet-20);\r\n --uui-color-50: var(--violet-50);\r\n --uui-color-60: var(--violet-60);\r\n --uui-color-70: var(--violet-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cobalt {\r\n --uui-color-5: var(--cobalt-5);\r\n --uui-color-10: var(--cobalt-10);\r\n --uui-color-20: var(--cobalt-20);\r\n --uui-color-50: var(--cobalt-50);\r\n --uui-color-60: var(--cobalt-60);\r\n --uui-color-70: var(--cobalt-70);\r\n --uui-color-contrast: var(--white);\r\n }\r\n\r\n .uui-color-cyan {\r\n --uui-color-5: var(--cyan-5);\r\n --uui-color-10: var(--cyan-10);\r\n --uui-color-20: var(--cyan-20);\r\n --uui-color-50: var(--cyan-50);\r\n --uui-color-60: var(--cyan-60);\r\n --uui-color-70: var(--cyan-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-color-mint {\r\n --uui-color-5: var(--mint-5);\r\n --uui-color-10: var(--mint-10);\r\n --uui-color-20: var(--mint-20);\r\n --uui-color-50: var(--mint-50);\r\n --uui-color-60: var(--mint-60);\r\n --uui-color-70: var(--mint-70);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n /* Accordion */\r\n\r\n .uui-accordion-container {\r\n --uui-accordion-border-radius: 6px;\r\n }\r\n\r\n /* FileCard */\r\n\r\n .uui-file_card {\r\n --uui-file_card-border-radius: 6px;\r\n }\r\n\r\n /* Badge */\r\n\r\n .uui-badge.uui-color-white {\r\n &.uui-fill-outline {\r\n --uui-badge-bg-hover: var(--uui-neutral-10);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-neutral,\r\n .uui-badge.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg: var(--uui-neutral-30);\r\n --uui-badge-bg-hover: var(--uui-neutral-40);\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-40);\r\n --uui-color-contrast: var(--uui-neutral-80);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-bg: var(--uui-neutral-20);\r\n --uui-badge-bg-hover: var(--uui-neutral-30);\r\n --uui-badge-border: var(--uui-neutral-40);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-badge-bg-hover: var(--uui-neutral-20);\r\n --uui-badge-border-hover: var(--uui-neutral-20);\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-30);\r\n --uui-badge-border-hover: var(--uui-neutral-30);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-night600 {\r\n &.uui-fill-outline {\r\n --uui-badge-border: var(--uui-neutral-60);\r\n --uui-badge-border-hover: var(--uui-neutral-60);\r\n --uui-badge-caption: var(--uui-neutral-80);\r\n --uui-badge-caption-hover: var(--uui-neutral-80);\r\n }\r\n }\r\n\r\n .uui-badge.uui-color-yellow.uui-fill-outline {\r\n --uui-badge-border: var(--yellow-20);\r\n }\r\n\r\n /* Button */\r\n\r\n .uui-button {\r\n &:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n }\r\n\r\n &.uui-color-white {\r\n &.uui-fill-none, &.uui-fill-ghost {\r\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\r\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\r\n }\r\n\r\n &.uui-fill-ghost {\r\n --uui-btn-border: transparent;\r\n --uui-btn-border-hover: transparent;\r\n --uui-btn-border-active: transparent;\r\n }\r\n\r\n &.uui-fill-outline, &.uui-fill-solid {\r\n --uui-btn-caption: var(--uui-neutral-70);\r\n --uui-btn-bg-hover: var(--uui-neutral-20);\r\n --uui-btn-border-hover: var(--uui-neutral-20);\r\n --uui-btn-bg-active: var(--uui-neutral-30);\r\n --uui-btn-border-active: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n /* IconButton */\r\n\r\n .uui-icon_button.uui-color-secondary {\r\n --uui-icon_btn: var(--uui-neutral-50);\r\n --uui-icon_btn-hover: var(--uui-neutral-60);\r\n --uui-icon_btn-active: var(--uui-neutral-70);\r\n }\r\n\r\n .uui-icon_button.uui-color-white {\r\n --uui-icon_btn-hover: var(--uui-neutral-20);\r\n --uui-icon_btn-active: var(--uui-neutral-30);\r\n }\r\n\r\n /* LinkButton */\r\n\r\n .uui-link_button.uui-color-contrast {\r\n --uui-link_btn-text: var(--uui-neutral-5);\r\n --uui-link_btn-text-hover: var(--uui-neutral-10);\r\n --uui-link_btn-text-active: var(--uui-neutral-20);\r\n }\r\n\r\n /* Tooltip */\r\n\r\n .uui-tooltip-container.uui-color-white {\r\n --uui-tooltip-bg: var(--uui-neutral-0);\r\n --uui-tooltip-text: var(--uui-neutral-80);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-red {\r\n --uui-tooltip-bg: var(--uui-error-60);\r\n }\r\n\r\n .uui-tooltip-container.uui-color-gray {\r\n --uui-tooltip-bg: var(--uui-neutral-80);\r\n --uui-tooltip-text: var(--uui-neutral-5);\r\n }\r\n\r\n /* CountIndicator */\r\n\r\n .uui-count_indicator.uui-color-gray,\r\n .uui-count_indicator.uui-color-neutral {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n\r\n .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n\r\n /* Status Indicator */\r\n\r\n .uui-status_indicator.uui-color-white.uui-fill-outline {\r\n .uui-status_indicator_dot {\r\n background-color: color-mix(in srgb, var(--white) 20%, transparent);\r\n border: 1px solid var(--uui-neutral-40);\r\n }\r\n }\r\n\r\n /* FlexRow */\r\n\r\n .uui-flex-row.uui-color-none {\r\n --uui-flex-row-bg: transparent;\r\n }\r\n\r\n .uui-flex-row.uui-color-white {\r\n --uui-flex-row-bg: var(--white);\r\n }\r\n\r\n .uui-flex-row.uui-color-night50 {\r\n --uui-flex-row-bg: var(--night50);\r\n }\r\n\r\n .uui-flex-row.uui-color-night100 {\r\n --uui-flex-row-bg: var(--night100);\r\n }\r\n\r\n .uui-panel.uui-color-white {\r\n --uui-panel-bg: var(--white);\r\n }\r\n\r\n .uui-panel.uui-color-night50 {\r\n --uui-panel-bg: var(--night50);\r\n }\r\n\r\n /* Tag */\r\n\r\n .uui-tag {\r\n &.uui-color-white {\r\n &.uui-fill-solid {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border-hover: var(--uui-neutral-10);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night100 {\r\n &.uui-fill-solid {\r\n --uui-tag-border-hover: var(--uui-neutral-20);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n --uui-count_indicator-caption: var(--uui-neutral-70);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-5);\r\n --uui-tag-bg-hover: var(--uui-neutral-10);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-30);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-neutral,\r\n &.uui-color-night300 {\r\n &.uui-fill-solid {\r\n --uui-tag-bg: var(--uui-neutral-30);\r\n --uui-tag-bg-hover: var(--uui-neutral-40);\r\n --uui-tag-border: var(--uui-neutral-30);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-60);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-40);\r\n --uui-tag-border-hover: var(--uui-neutral-40);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-30);\r\n --uui-count_indicator-border: var(--uui-neutral-30);\r\n }\r\n }\r\n }\r\n\r\n &.uui-color-night700 {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-neutral-0);\r\n --uui-tag-fill: var(--uui-neutral-0);\r\n --uui-tag-bg: var(--uui-neutral-70);\r\n --uui-tag-border: var(--uui-neutral-70);\r\n --uui-tag-bg-hover: var(--uui-neutral-80);\r\n --uui-tag-border-hover: var(--uui-neutral-80);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\r\n --uui-count_indicator-caption: var(--uui-neutral-0);\r\n }\r\n }\r\n\r\n &.uui-fill-outline {\r\n --uui-tag-bg: var(--uui-neutral-20);\r\n --uui-tag-bg-hover: var(--uui-neutral-30);\r\n --uui-tag-border: var(--uui-neutral-50);\r\n --uui-tag-border-hover: var(--uui-neutral-50);\r\n\r\n }\r\n }\r\n\r\n &.uui-color-warning,\r\n &.uui-color-sun {\r\n &.uui-fill-solid {\r\n --uui-tag-caption: var(--uui-text-primary);\r\n --uui-tag-fill: var(--uui-neutral-90);\r\n\r\n .uui-count_indicator {\r\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\r\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\r\n }\r\n }\r\n\r\n &.uui-fill-outline .uui-count_indicator {\r\n --uui-count_indicator-bg: var(--uui-neutral-0);\r\n --uui-count_indicator-border: var(--uui-neutral-40);\r\n }\r\n }\r\n }\r\n\r\n /* fonts */\r\n\r\n .uui-font-sans {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 400;\r\n }\r\n\r\n .uui-font-sans-semibold {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 600;\r\n }\r\n\r\n .uui-font-sans-light {\r\n --uui-text-font: var(--uui-font);\r\n --uui-text-font-weight: 300;\r\n }\r\n\r\n /* Typography */\r\n\r\n .uui-typography {\r\n h1 {\r\n font-weight: 600;\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n }\r\n\r\n h3 {\r\n font-weight: 600;\r\n }\r\n\r\n .hero-header {\r\n font-size: 72px;\r\n line-height: 72px;\r\n font-weight: 700;\r\n }\r\n }\r\n}\r\n\r\n.uui-theme-loveship {\r\n @include theme-loveship();\r\n}\r\n","/* Name convention */\n/* --uui-'component name or group of components name'-'styled part name'-'states(optional)'-'hover/active/focus(optional)' */\n.uui-theme-loveship {\n --uui-font: \"Source Sans Pro\", sans-serif;\n --uui-font-mono: \"Roboto Mono\", monospace;\n --night50: #FAFAFC;\n --night100: #F5F6FA;\n --night200: #EBEDF5;\n --night300: #E1E3EB;\n --night400: #CED0DB;\n --night500: #ACAFBF;\n --night600: #6C6F80;\n --night700: #474A59;\n --night800: #303240;\n --night900: #1D1E26;\n --sky-5: #F5FDFF;\n --sky-10: #E1F4FA;\n --sky-20: #A0DDEE;\n --sky-50: #009ECC;\n --sky-60: #0086AD;\n --sky-70: #006B8A;\n --grass-5: #FCFFF5;\n --grass-10: #EBF3D8;\n --grass-20: #C1E288;\n --grass-50: #67A300;\n --grass-60: #528500;\n --grass-70: #396F1F;\n --sun-5: #FFFCF5;\n --sun-10: #FFEDC9;\n --sun-20: #FFD785;\n --sun-50: #FCAA00;\n --sun-60: #FF9000;\n --sun-70: #BD5800;\n --fire-5: #FEF6F6;\n --fire-10: #FDE1E1;\n --fire-20: #FBB6B6;\n --fire-50: #FF4242;\n --fire-60: #E22A2A;\n --fire-70: #AD0000;\n --white: #FFFFFF;\n --yellow-5: #FFFFF5;\n --yellow-10: #FFFFE5;\n --yellow-20: #FFFCA4;\n --yellow-50: #FDD63B;\n --yellow-60: #EDBE02;\n --yellow-70: #BC7E02;\n --orange-5: #FEF8F4;\n --orange-10: #FFE8D7;\n --orange-20: #FFCCA7;\n --orange-50: #FF8B3E;\n --orange-60: #F76B0D;\n --orange-70: #BD4B00;\n --fuchsia-5: #FFF7FB;\n --fuchsia-10: #F9D8E7;\n --fuchsia-20: #EDADC8;\n --fuchsia-50: #EA4386;\n --fuchsia-60: #D61E68;\n --fuchsia-70: #AE1955;\n --purple-5: #FDF6FE;\n --purple-10: #F2CCFA;\n --purple-20: #E79DF5;\n --purple-50: #B114D1;\n --purple-60: #860F9E;\n --purple-70: #5E0B6F;\n --violet-5: #F8F6FE;\n --violet-10: #DBCCFA;\n --violet-20: #BB9DF5;\n --violet-50: #773CEC;\n --violet-60: #5514D6;\n --violet-70: #40109E;\n --cobalt-5: #F8FAFF;\n --cobalt-10: #D9E2FC;\n --cobalt-20: #AEC0F5;\n --cobalt-50: #0F98FF;\n --cobalt-60: #006FE5;\n --cobalt-70: #0954A5;\n --cyan-5: #F6FEFE;\n --cyan-10: #D1FAFA;\n --cyan-20: #AAEEEE;\n --cyan-50: #14CCCC;\n --cyan-60: #12B5B5;\n --cyan-70: #0B6F6F;\n --mint-5: #F2FCF5;\n --mint-10: #DDF3E4;\n --mint-20: #B4DFC4;\n --mint-50: #4FC48C;\n --mint-60: #31AA70;\n --mint-70: #236E4A;\n /* Loveship old colors */\n --uui-color-night50-800: #DADAE9;\n --uui-color-night50-900: #BABAD6;\n --uui-color-night100-800: #D3D7E9;\n --uui-color-night100-900: #B1B9D8;\n --uui-color-night200-800: #C9CEE4;\n --uui-color-night200-900: #A7B0D3;\n --uui-color-night400-800: #B1B4C5;\n --uui-color-night400-900: #9398B0;\n --uui-color-night700-800: #30323D;\n --uui-color-night700-900: #1A1B20;\n --uui-color-night800-800: #1A1B23;\n --uui-color-night800-900: #040406;\n /* end Loveship old colors */\n /* core variables start */\n /* brand colors */\n --uui-primary-5: var(--sky-5);\n --uui-primary-10: var(--sky-10);\n --uui-primary-20: var(--sky-20);\n --uui-primary-50: var(--sky-50);\n --uui-primary-60: var(--sky-60);\n --uui-primary-70: var(--sky-70);\n --uui-primary-contrast: var(--white);\n --uui-accent-5: var(--grass-5);\n --uui-accent-10: var(--grass-10);\n --uui-accent-20: var(--grass-20);\n --uui-accent-50: var(--grass-50);\n --uui-accent-60: var(--grass-60);\n --uui-accent-70: var(--grass-70);\n --uui-accent-contrast: var(--white);\n --uui-secondary-5: var(--night100);\n --uui-secondary-10: var(--night200);\n --uui-secondary-20: var(--night300);\n --uui-secondary-50: var(--night600);\n --uui-secondary-60: var(--night700);\n --uui-secondary-70: var(--night800);\n --uui-secondary-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 /* semantic colors */\n --uui-info-5: var(--sky-5);\n --uui-info-10: var(--sky-10);\n --uui-info-20: var(--sky-20);\n --uui-info-50: var(--sky-50);\n --uui-info-60: var(--sky-60);\n --uui-info-70: var(--sky-70);\n --uui-info-contrast: var(--white);\n --uui-success-5: var(--grass-5);\n --uui-success-10: var(--grass-10);\n --uui-success-20: var(--grass-20);\n --uui-success-50: var(--grass-50);\n --uui-success-60: var(--grass-60);\n --uui-success-70: var(--grass-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(--night800);\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-neutral-0: #FFFFFF;\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-100: #000000;\n /* Surfaces Figma - https://www.figma.com/file/M5Njgc6SQJ3TPUccp5XHQx/Loveship-aka-UUI3-(Components)?type=design&node-id=20044%3A300925&mode=design&t=R433dqGrpXDGoFli-1 */\n --uui-app-bg: var(--uui-neutral-10);\n --uui-overlay: rgba(29, 30, 38, 0.8);\n --uui-surface-sunken: var(--uui-neutral-5);\n --uui-surface-main: var(--uui-neutral-0);\n --uui-surface-higher: var(--uui-neutral-10);\n --uui-surface-highest: var(--uui-neutral-20);\n --uui-divider: var(--uui-neutral-40);\n --uui-divider-light: var(--uui-neutral-30);\n --uui-text-brand: var(--uui-neutral-90);\n --uui-text-primary: var(--uui-neutral-80);\n --uui-text-secondary: var(--uui-neutral-70);\n --uui-text-tertiary: var(--uui-neutral-60);\n --uui-text-disabled: var(--uui-neutral-50);\n --uui-text-info: var(--uui-info-70);\n --uui-text-warning: var(--uui-warning-70);\n --uui-text-critical: var(--uui-critical-70);\n --uui-text-success: var(--uui-success-70);\n /* control specific */\n --uui-link: var(--sky-50);\n --uui-link-hover: var(--sky-60);\n --uui-link-visited: #8018A0;\n --uui-link-visited-hover: #601278;\n --uui-link-disabled: var(--uui-neutral-50);\n --uui-icon: var(--uui-neutral-60);\n --uui-icon-hover: var(--uui-neutral-70);\n --uui-icon-active: var(--uui-neutral-80);\n --uui-icon-disabled: var(--uui-neutral-50);\n --uui-control-bg: var(--uui-surface-main);\n --uui-control-bg-hover: var(--uui-neutral-60);\n --uui-control-bg-disabled: var(--uui-neutral-5);\n --uui-control-border: var(--uui-neutral-40);\n --uui-control-border-hover: var(--uui-neutral-60);\n --uui-control-border-focus: var(--uui-primary-50);\n --uui-control-border-disabled: var(--uui-neutral-30);\n --uui-control-placeholder: var(--uui-neutral-50);\n --uui-control-placeholder-disabled: var(--uui-neutral-50);\n --uui-control-text: var(--uui-text-primary);\n --uui-control-text-disabled: var(--uui-text-tertiary);\n --uui-control-icon: var(--uui-neutral-50);\n --uui-control-icon-disabled: var(--uui-neutral-50);\n --uui-outline-focus: #008ACE80;\n --uui-skeleton: var(--uui-neutral-40);\n --uui-shadow-level-1: 0 0 3px rgba(29, 30, 38, 0.15), 0 3px 6px rgba(29, 30, 38, 0.1);\n --uui-shadow-level-2: 0 6px 12px rgba(29, 30, 38, 0.1), 0 3px 12px rgba(29, 30, 38, 0.1), 0 0 6px rgba(29, 30, 38, 0.05);\n --uui-shadow-level-3: 0 0 10px rgba(29, 30, 38, 0.05), 0 6px 24px rgba(29, 30, 38, 0.12), 0 9px 15px rgba(29, 30, 38, 0.1);\n --uui-border-radius: 3px;\n /* core variables end */\n /* ------------------------------------ */\n /* begin color classes */\n /* Accordion */\n /* FileCard */\n /* Badge */\n /* Button */\n /* IconButton */\n /* LinkButton */\n /* Tooltip */\n /* CountIndicator */\n /* Status Indicator */\n /* FlexRow */\n /* Tag */\n /* fonts */\n /* Typography */\n}\n.uui-theme-loveship .uui-color-accent,\n.uui-theme-loveship .uui-color-grass,\n.uui-theme-loveship .uui-color-success {\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-loveship .uui-color-primary,\n.uui-theme-loveship .uui-color-sky,\n.uui-theme-loveship .uui-color-info {\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-loveship .uui-color-fire,\n.uui-theme-loveship .uui-color-critical,\n.uui-theme-loveship .uui-color-error {\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-loveship .uui-color-white {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--white);\n --uui-color-60: var(--night100);\n --uui-color-70: var(--night200);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night50 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--white);\n --uui-color-50: var(--night50);\n --uui-color-60: var(--uui-color-night50-800);\n --uui-color-70: var(--uui-color-night50-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night100 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--white);\n --uui-color-20: var(--night50);\n --uui-color-50: var(--night100);\n --uui-color-60: var(--uui-color-night100-800);\n --uui-color-70: var(--uui-color-night100-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night200 {\n --uui-color-5: var(--white);\n --uui-color-10: var(--night50);\n --uui-color-20: var(--night100);\n --uui-color-50: var(--night200);\n --uui-color-60: var(--uui-color-night200-800);\n --uui-color-70: var(--uui-color-night200-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night300 {\n --uui-color-5: var(--night50);\n --uui-color-10: var(--night100);\n --uui-color-20: var(--night200);\n --uui-color-50: var(--night300);\n --uui-color-60: var(--night400);\n --uui-color-70: var(--night500);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night400 {\n --uui-color-5: var(--night100);\n --uui-color-10: var(--night200);\n --uui-color-20: var(--night300);\n --uui-color-50: var(--night400);\n --uui-color-60: var(--uui-color-night400-800);\n --uui-color-70: var(--uui-color-night400-900);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-color-night500 {\n --uui-color-5: var(--night200);\n --uui-color-10: var(--night300);\n --uui-color-20: var(--night400);\n --uui-color-50: var(--night500);\n --uui-color-60: var(--night600);\n --uui-color-70: var(--night700);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-night600,\n.uui-theme-loveship .uui-color-neutral,\n.uui-theme-loveship .uui-color-gray,\n.uui-theme-loveship .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-loveship .uui-color-night700 {\n --uui-color-5: var(--night400);\n --uui-color-10: var(--night500);\n --uui-color-20: var(--night600);\n --uui-color-50: var(--night700);\n --uui-color-60: var(--uui-color-night700-800);\n --uui-color-70: var(--uui-color-night700-900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-night800 {\n --uui-color-5: var(--night500);\n --uui-color-10: var(--night600);\n --uui-color-20: var(--night700);\n --uui-color-50: var(--night800);\n --uui-color-60: var(--uui-color-night800-800);\n --uui-color-70: var(--uui-color-night800-900);\n --uui-color-contrast: var(--white);\n}\n.uui-theme-loveship .uui-color-warning,\n.uui-theme-loveship .uui-color-sun {\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-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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-loveship .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-loveship .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-loveship .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-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .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(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-accordion-container {\n --uui-accordion-border-radius: 6px;\n}\n.uui-theme-loveship .uui-file_card {\n --uui-file_card-border-radius: 6px;\n}\n.uui-theme-loveship .uui-badge.uui-color-white.uui-fill-outline {\n --uui-badge-bg-hover: var(--uui-neutral-10);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-neutral.uui-fill-solid,\n.uui-theme-loveship .uui-badge.uui-color-night300.uui-fill-solid {\n --uui-badge-bg: var(--uui-neutral-30);\n --uui-badge-bg-hover: var(--uui-neutral-40);\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-40);\n --uui-color-contrast: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-neutral.uui-fill-outline,\n.uui-theme-loveship .uui-badge.uui-color-night300.uui-fill-outline {\n --uui-badge-bg: var(--uui-neutral-20);\n --uui-badge-bg-hover: var(--uui-neutral-30);\n --uui-badge-border: var(--uui-neutral-40);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-night100.uui-fill-solid {\n --uui-badge-bg-hover: var(--uui-neutral-20);\n --uui-badge-border-hover: var(--uui-neutral-20);\n}\n.uui-theme-loveship .uui-badge.uui-color-night100.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-30);\n --uui-badge-border-hover: var(--uui-neutral-30);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-night600.uui-fill-outline {\n --uui-badge-border: var(--uui-neutral-60);\n --uui-badge-border-hover: var(--uui-neutral-60);\n --uui-badge-caption: var(--uui-neutral-80);\n --uui-badge-caption-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-badge.uui-color-yellow.uui-fill-outline {\n --uui-badge-border: var(--yellow-20);\n}\n.uui-theme-loveship .uui-button:is(.uui-color-secondary, .uui-color-neutral, .uui-color-gray, .uui-color-night600):is(.uui-fill-outline, .uui-fill-none, .uui-fill-ghost) {\n --uui-btn-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .uui-button.uui-color-white.uui-fill-none, .uui-theme-loveship .uui-button.uui-color-white.uui-fill-ghost {\n --uui-btn-bg-hover: color-mix(in srgb, var(--uui-neutral-0) 20%, transparent);\n --uui-btn-bg-active: color-mix(in srgb, var(--uui-neutral-0) 30%, transparent);\n}\n.uui-theme-loveship .uui-button.uui-color-white.uui-fill-ghost {\n --uui-btn-border: transparent;\n --uui-btn-border-hover: transparent;\n --uui-btn-border-active: transparent;\n}\n.uui-theme-loveship .uui-button.uui-color-white.uui-fill-outline, .uui-theme-loveship .uui-button.uui-color-white.uui-fill-solid {\n --uui-btn-caption: var(--uui-neutral-70);\n --uui-btn-bg-hover: var(--uui-neutral-20);\n --uui-btn-border-hover: var(--uui-neutral-20);\n --uui-btn-bg-active: var(--uui-neutral-30);\n --uui-btn-border-active: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-icon_button.uui-color-secondary {\n --uui-icon_btn: var(--uui-neutral-50);\n --uui-icon_btn-hover: var(--uui-neutral-60);\n --uui-icon_btn-active: var(--uui-neutral-70);\n}\n.uui-theme-loveship .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-loveship .uui-link_button.uui-color-contrast {\n --uui-link_btn-text: var(--uui-neutral-5);\n --uui-link_btn-text-hover: var(--uui-neutral-10);\n --uui-link_btn-text-active: var(--uui-neutral-20);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-white {\n --uui-tooltip-bg: var(--uui-neutral-0);\n --uui-tooltip-text: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-red {\n --uui-tooltip-bg: var(--uui-error-60);\n}\n.uui-theme-loveship .uui-tooltip-container.uui-color-gray {\n --uui-tooltip-bg: var(--uui-neutral-80);\n --uui-tooltip-text: var(--uui-neutral-5);\n}\n.uui-theme-loveship .uui-count_indicator.uui-color-gray,\n.uui-theme-loveship .uui-count_indicator.uui-color-neutral {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-count_indicator:is(.uui-color-gray, .uui-color-neutral, .uui-color-white, .uui-color-sun, .uui-color-warning) {\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .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(--uui-neutral-40);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-none {\n --uui-flex-row-bg: transparent;\n}\n.uui-theme-loveship .uui-flex-row.uui-color-white {\n --uui-flex-row-bg: var(--white);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-night50 {\n --uui-flex-row-bg: var(--night50);\n}\n.uui-theme-loveship .uui-flex-row.uui-color-night100 {\n --uui-flex-row-bg: var(--night100);\n}\n.uui-theme-loveship .uui-panel.uui-color-white {\n --uui-panel-bg: var(--white);\n}\n.uui-theme-loveship .uui-panel.uui-color-night50 {\n --uui-panel-bg: var(--night50);\n}\n.uui-theme-loveship .uui-tag.uui-color-white.uui-fill-solid {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border-hover: var(--uui-neutral-10);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-loveship .uui-tag.uui-color-white.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .uui-tag.uui-color-white.uui-fill-outline {\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-tag.uui-color-white.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-tag.uui-color-night100.uui-fill-solid {\n --uui-tag-border-hover: var(--uui-neutral-20);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-loveship .uui-tag.uui-color-night100.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n --uui-count_indicator-caption: var(--uui-neutral-70);\n}\n.uui-theme-loveship .uui-tag.uui-color-night100.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-5);\n --uui-tag-bg-hover: var(--uui-neutral-10);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-tag.uui-color-night100.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-loveship .uui-tag.uui-color-neutral.uui-fill-solid, .uui-theme-loveship .uui-tag.uui-color-night300.uui-fill-solid {\n --uui-tag-bg: var(--uui-neutral-30);\n --uui-tag-bg-hover: var(--uui-neutral-40);\n --uui-tag-border: var(--uui-neutral-30);\n --uui-tag-border-hover: var(--uui-neutral-40);\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-60);\n}\n.uui-theme-loveship .uui-tag.uui-color-neutral.uui-fill-solid .uui-count_indicator, .uui-theme-loveship .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-loveship .uui-tag.uui-color-neutral.uui-fill-outline, .uui-theme-loveship .uui-tag.uui-color-night300.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-40);\n --uui-tag-border-hover: var(--uui-neutral-40);\n}\n.uui-theme-loveship .uui-tag.uui-color-neutral.uui-fill-outline .uui-count_indicator, .uui-theme-loveship .uui-tag.uui-color-night300.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-30);\n --uui-count_indicator-border: var(--uui-neutral-30);\n}\n.uui-theme-loveship .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-80);\n --uui-tag-border-hover: var(--uui-neutral-80);\n}\n.uui-theme-loveship .uui-tag.uui-color-night700.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-0) 50%, transparent);\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-0) 10%, transparent);\n --uui-count_indicator-caption: var(--uui-neutral-0);\n}\n.uui-theme-loveship .uui-tag.uui-color-night700.uui-fill-outline {\n --uui-tag-bg: var(--uui-neutral-20);\n --uui-tag-bg-hover: var(--uui-neutral-30);\n --uui-tag-border: var(--uui-neutral-50);\n --uui-tag-border-hover: var(--uui-neutral-50);\n}\n.uui-theme-loveship .uui-tag.uui-color-warning.uui-fill-solid, .uui-theme-loveship .uui-tag.uui-color-sun.uui-fill-solid {\n --uui-tag-caption: var(--uui-text-primary);\n --uui-tag-fill: var(--uui-neutral-90);\n}\n.uui-theme-loveship .uui-tag.uui-color-warning.uui-fill-solid .uui-count_indicator, .uui-theme-loveship .uui-tag.uui-color-sun.uui-fill-solid .uui-count_indicator {\n --uui-count_indicator-bg: color-mix(in srgb, var(--uui-neutral-90) 5%, transparent);\n --uui-count_indicator-border: color-mix(in srgb, var(--uui-neutral-90) 30%, transparent);\n}\n.uui-theme-loveship .uui-tag.uui-color-warning.uui-fill-outline .uui-count_indicator, .uui-theme-loveship .uui-tag.uui-color-sun.uui-fill-outline .uui-count_indicator {\n --uui-count_indicator-bg: var(--uui-neutral-0);\n --uui-count_indicator-border: var(--uui-neutral-40);\n}\n.uui-theme-loveship .uui-font-sans {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 400;\n}\n.uui-theme-loveship .uui-font-sans-semibold {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 600;\n}\n.uui-theme-loveship .uui-font-sans-light {\n --uui-text-font: var(--uui-font);\n --uui-text-font-weight: 300;\n}\n.uui-theme-loveship .uui-typography h1 {\n font-weight: 600;\n}\n.uui-theme-loveship .uui-typography h2 {\n font-weight: 700;\n}\n.uui-theme-loveship .uui-typography h3 {\n font-weight: 600;\n}\n.uui-theme-loveship .uui-typography .hero-header {\n font-size: 72px;\n line-height: 72px;\n font-weight: 700;\n}"]}