/* inter-cyrillic-ext-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../b5cdd4765614e027c252.woff2) format('woff2-variations'); unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F; } /* inter-cyrillic-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../49594fb515ba00213fc3.woff2) format('woff2-variations'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* inter-greek-ext-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../f4df85d151e5ee39bc2b.woff2) format('woff2-variations'); unicode-range: U+1F00-1FFF; } /* inter-greek-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../4f908aee8194b11d9c35.woff2) format('woff2-variations'); unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF; } /* inter-vietnamese-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../ab4bb8dcda024fe6eff2.woff2) format('woff2-variations'); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; } /* inter-latin-ext-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../8bff79fbfaa8b8167a0b.woff2) format('woff2-variations'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* inter-latin-wght-normal */ @font-face { font-family: 'Inter Variable'; font-style: normal; font-display: swap; font-weight: 100 900; src: url(../4f2981d82860061bca3e.woff2) format('woff2-variations'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } @charset "UTF-8"; /* * SIMAI Framework * Version: 5.0.0 alfa * Project site: http://simai.io * * Author: Rim Zabarov (rim@zabarov.ru) * Copyright: 2008-2022 SIMAI Ltd * Company site: https://simai.studio * * Licensed GPLv3 for open source applications * or SIMAI Framework Commercial License for commercial use * * Modifier Reduction: * .a - (absolute) absolute position modifiers; * .b - (border) border modifiers; * .bg - (background) background modifiers; * .с - (color) text color modifiers; * .d - (display) display modifiers; * .f - (fill) SVG fill color modifiers; * .h - (height) object height modifiers; * .l - (link) link modifiers; * .m - (margin) margin modifiers; * .o - (opacity) opacity modifiers; * .p - (padding) padding modifiers; * .s - (stroke) SVG stroke color modifiers; * .t - (typography) text modifiers; * .w - (width) width modifiers. * * Modifier Side Reduction: * l - (left) left-hand side; * r - (right) right-hand side; * t - (top) upper side; * b - (bottom) down side; * x - (X-axis) horizontally. * y - (Y-axis) vertically; * */ @layer sf.base { :root { --sf-radius-1\/2: 0.25rem; --sf-radius-1\/2: var(--sf-a4); --sf-radius-1: var(--sf-a8); --sf-radius-2: var(--sf-b0); --sf-radius-3: var(--sf-c0); --sf-radius-4: var(--sf-c8); --sf-radius-circle: 1000px; } @media (min-width: 960px) { :root { --sf-radius-1\/2: 0.25rem; --sf-radius-1\/2: var(--sf-a4); --sf-radius-1: var(--sf-a8); --sf-radius-2: var(--sf-b2); --sf-radius-3: var(--sf-c2); --sf-radius-4: var(--sf-d2); --sf-radius-circle: 1000px; } } } @layer sf.base { :root, ::after, ::before { --sf-radius-default: var(--sf-a4); --sf-radius-square: 0; --sf-radius-rounded: 1000px; --sf-radius-round: var(--sf-radius-rounded); } } @layer sf.base { :root { --sf-focus-outline-width: var(--sf-a4); } @media (min-width: 960px) { :root { --sf-focus-outline-width: var(--sf-a4); } } } @layer sf.base { :root { --sf-border--width: 0; --sf-border--style: solid; --sf-border--color: var(--sf-transparent); border: var(--sf-border--width) var(--sf-border--style) var(--sf-border--color); border-color: var(--sf-outline-variant); --sf-radius--ui: var(--sf-radius-1\/3); --sf-focus--offset: var(--sf-a0); --sf-focus--style: solid; --sf-focus--width: var(--sf-a4); } :focus { outline-color: var(--sf-focus-color); outline-offset: var(--sf-focus-offset); outline-style: var(--sf-focus-style); outline-width: var(--sf-focus-width); } .border { border: 0.0625rem var(--sf-outline-variant) solid; border: var(--sf-a1) var(--sf-outline-variant) solid; } .border-none { border: 0.0625rem var(--sf-transparent) solid; border: var(--sf-a1) var(--sf-transparent) solid; } .divider > :not([hidden]) ~ :not([hidden]) { border: 1px var(--sf-outline-variant) solid; border: var(--sf-px) var(--sf-outline-variant) solid; } .divider-none > :not([hidden]) ~ :not([hidden]) { border-width: 0rem; border-width: var(--sf-0); } .outline { outline: 1px var(--sf-outline-variant) solid; outline: var(--sf-px) var(--sf-outline-variant) solid; } .outline-none { outline-width: 0rem; outline-width: var(--sf-0); } @media (min-width: 520px) { .sm\:border { border: 0.0625rem var(--sf-outline-variant) solid; border: var(--sf-a1) var(--sf-outline-variant) solid; } .sm\:border-none { border: 0.0625rem var(--sf-transparent) solid; border: var(--sf-a1) var(--sf-transparent) solid; } } @media (min-width: 720px) { .md\:border { border: 0.0625rem var(--sf-outline-variant) solid; border: var(--sf-a1) var(--sf-outline-variant) solid; } .md\:border-none { border: 0.0625rem var(--sf-transparent) solid; border: var(--sf-a1) var(--sf-transparent) solid; } } @media (min-width: 960px) { .lg\:border { border: 0.0625rem var(--sf-outline-variant) solid; border: var(--sf-a1) var(--sf-outline-variant) solid; } .lg\:border-none { border: 0.0625rem var(--sf-transparent) solid; border: var(--sf-a1) var(--sf-transparent) solid; } } @media (min-width: 1140px) { .xl\:border { border: 0.0625rem var(--sf-outline-variant) solid; border: var(--sf-a1) var(--sf-outline-variant) solid; } .xl\:border-none { border: 0.0625rem var(--sf-transparent) solid; border: var(--sf-a1) var(--sf-transparent) solid; } } .hover\:border:hover { border: 0.0625rem var(--sf-outline-variant) solid; border: var(--sf-a1) var(--sf-outline-variant) solid; } .hover\:border-none:hover { border: 0.0625rem var(--sf-transparent) solid; border: var(--sf-a1) var(--sf-transparent) solid; } } @layer sf.base { .theme-light { --sf-neutral: var(--sf-neutral-40); --sf-primary: var(--sf-primary-40); --sf-secondary: var(--sf-secondary-40); --sf-tertiary: var(--sf-tertiary-40); --sf-success: var(--sf-success-40); --sf-success-hover: var(--sf-success-35); --sf-success-active: var(--sf-success-30); --sf-success-container: var(--sf-success-50--alfa-12); --sf-success-container-hover: var(--sf-success-50--alfa-16); --sf-success-container-active: var(--sf-success-50--alfa-20); --sf-on-success: var(--sf-white); --sf-on-success-container: var(--sf-success-10); --sf-on-success-container-graphic: var(--sf-success-50); --sf-outline-success: var(--sf-success-50); --sf-warning: var(--sf-warning-40); --sf-error: var(--sf-error-40); --sf-error-hover: var(--sf-error-35); --sf-error-active: var(--sf-error-30); --sf-error-container: var(--sf-error-50--alfa-12); --sf-error-container-hover: var(--sf-error-50--alfa-16); --sf-error-container-active: var(--sf-error-50--alfa-20); --sf-on-error: var(--sf-white); --sf-on-error-container: var(--sf-error-10); --sf-on-error-container-graphic: var(--sf-error-50); --sf-outline-error: var(--sf-error-50); --sf-warning-hover: var(--sf-warning-35); --sf-warning-active: var(--sf-warning-30); --sf-warning-container: var(--sf-warning-50--alfa-12); --sf-warning-container-hover: var(--sf-warning-50--alfa-16); --sf-warning-container-active: var(--sf-warning-50--alfa-20); --sf-on-warning: var(--sf-white); --sf-on-warning-container: var(--sf-warning-10); --sf-on-warning-container-graphic: var(--sf-warning-50); --sf-outline-warning: var(--sf-warning-50); --sf-tertiary-hover: var(--sf-tertiary-35); --sf-tertiary-active: var(--sf-tertiary-30); --sf-tertiary-container: var(--sf-tertiary-50--alfa-12); --sf-tertiary-container-hover: var(--sf-tertiary-50--alfa-16); --sf-tertiary-container-active: var(--sf-tertiary-50--alfa-20); --sf-on-tertiary: var(--sf-white); --sf-on-tertiary-container: var(--sf-tertiary-10); --sf-on-tertiary-container-graphic: var(--sf-tertiary-50); --sf-outline-tertiary: var(--sf-tertiary-50); --sf-secondary-hover: var(--sf-secondary-35); --sf-secondary-active: var(--sf-secondary-30); --sf-secondary-container: var(--sf-secondary-50--alfa-12); --sf-secondary-container-hover: var(--sf-secondary-50--alfa-16); --sf-secondary-container-active: var(--sf-secondary-50--alfa-20); --sf-on-secondary: var(--sf-white); --sf-on-secondary-container: var(--sf-secondary-10); --sf-on-secondary-container-graphic: var(--sf-secondary-50); --sf-primary-hover: var(--sf-primary-35); --sf-primary-active: var(--sf-primary-30); --sf-primary-container: var(--sf-primary-50--alfa-12); --sf-primary-container-hover: var(--sf-primary-50--alfa-16); --sf-primary-container-active: var(--sf-primary-50--alfa-20); --sf-on-primary: var(--sf-white); --sf-on-primary-container: var(--sf-primary-10); --sf-on-primary-container-graphic: var(--sf-primary-50); --sf-outline-primary: var(--sf-primary-50); --sf-neutral-hover: var(--sf-neutral-35); --sf-neutral-active: var(--sf-neutral-30); --sf-neutral-container: var(--sf-neutral-90); --sf-neutral-container-hover: var(--sf-neutral-85); --sf-neutral-container-active: var(--sf-neutral-80); --sf-on-neutral: var(--sf-white); --sf-on-neutral-container: var(--sf-neutral-10); --sf-on-neutral-container-graphic: var(--sf-neutral-50); --sf-info: var(--sf-info-40); --sf-info-hover: var(--sf-info-35); --sf-info-active: var(--sf-info-30); --sf-info-container: var(--sf-info-50--alfa-12); --sf-info-container-hover: var(--sf-info-50--alfa-16); --sf-info-container-active: var(--sf-info-50--alfa-20); --sf-on-info: var(--sf-white); --sf-on-info-container: var(--sf-info-10); --sf-on-info-container-graphic: var(--sf-info-50); --sf-outline-info: var(--sf-info-50); --sf-surface-0: var(--sf-white); --sf-surface-1: var(--sf-neutral-98); --sf-surface-overlay: var(--sf-black--alfa-8); --sf-surface-inverse: var(--sf-neutral-20); --sf-surface-inverse-fixed: var(--sf-neutral-20); --sf-surface-container: var(--sf-neutral-50--alfa-12); --sf-surface-container-hover: var(--sf-neutral-50--alfa-16); --sf-surface-container-active: var(--sf-neutral-50--alfa-20); --sf-on-surface: var(--sf-neutral-10); --sf-on-surface-fixed: var(--sf-neutral-10); --sf-on-surface-hover: var(--sf-neutral-15); --sf-on-surface-active: var(--sf-neutral-20); --sf-on-surface-variant: var(--sf-neutral-40); --sf-on-surface-muted: var(--sf-neutral-60); --sf-on-surface-inverse: var(--sf-neutral-90); --sf-on-surface-inverse-fixed: var(--sf-neutral-90); --sf-outline: var(--sf-neutral-50); --sf-outline-variant: var(--sf-neutral-50--alfa-24); --sf-outline-secondary: var(--sf-secondary-50); --sf-outline-transparent-OLD: var(--sf-transparent-for-focus); --sf-disable: var(--sf-neutral-50--alfa-12); --sf-on-disable: var(--sf-neutral-50--alfa-24); --sf-outline-disable: var(--sf-neutral-50--alfa-24); --sf-link: var(--sf-primary-40); --sf-focus-on-transparency: var(rgba(0,0,0,0.50196)); --sf-mark: var(--sf-warning-50--alfa-24); --sf-focus-on-primary: var(rgba(255,255,255,0.25098)); --sf-focus-on-neutral: var(rgba(255,255,255,0.25098)); --sf-focus: var(--sf-primary-50--alfa-24); --sf-link-hover: var(--sf-primary-35); --sf-link-active: var(--sf-primary-30); --sf-link-visited: var(--sf-tertiary-40); --sf-code: var(--sf-tertiary-50--alfa-24); --sf-shadow--color-fill: var(--sf-black--alfa-12); --sf-shadow--color-outline: var(--sf-black--alfa-8); --sf-shadow--color-shading: var(--sf-black--alfa-4); } .theme-dark { --sf-neutral: var(--sf-neutral-80); --sf-primary: var(--sf-primary-80); --sf-secondary: var(--sf-secondary-80); --sf-tertiary: var(--sf-tertiary-80); --sf-success: var(--sf-success-80); --sf-success-hover: var(--sf-success-85); --sf-success-active: var(--sf-success-90); --sf-success-container: var(--sf-success-50--alfa-24); --sf-success-container-hover: var(--sf-success-50--alfa-28); --sf-success-container-active: var(--sf-success-50--alfa-32); --sf-on-success: var(--sf-success-20); --sf-on-success-container: var(--sf-success-90); --sf-on-success-container-graphic: var(--sf-success-60); --sf-outline-success: var(--sf-success-60); --sf-warning: var(--sf-warning-80); --sf-error: var(--sf-error-80); --sf-error-hover: var(--sf-error-85); --sf-error-active: var(--sf-error-90); --sf-error-container: var(--sf-error-50--alfa-24); --sf-error-container-hover: var(--sf-error-50--alfa-28); --sf-error-container-active: var(--sf-error-50--alfa-32); --sf-on-error: var(--sf-error-20); --sf-on-error-container: var(--sf-error-90); --sf-on-error-container-graphic: var(--sf-error-60); --sf-outline-error: var(--sf-error-60); --sf-warning-hover: var(--sf-warning-85); --sf-warning-active: var(--sf-warning-90); --sf-warning-container: var(--sf-warning-50--alfa-24); --sf-warning-container-hover: var(--sf-warning-50--alfa-28); --sf-warning-container-active: var(--sf-warning-50--alfa-32); --sf-on-warning: var(--sf-warning-20); --sf-on-warning-container: var(--sf-warning-90); --sf-on-warning-container-graphic: var(--sf-warning-60); --sf-outline-warning: var(--sf-warning-60); --sf-tertiary-hover: var(--sf-tertiary-85); --sf-tertiary-active: var(--sf-tertiary-90); --sf-tertiary-container: var(--sf-tertiary-50--alfa-24); --sf-tertiary-container-hover: var(--sf-tertiary-50--alfa-28); --sf-tertiary-container-active: var(--sf-tertiary-50--alfa-32); --sf-on-tertiary: var(--sf-tertiary-20); --sf-on-tertiary-container: var(--sf-tertiary-90); --sf-on-tertiary-container-graphic: var(--sf-tertiary-60); --sf-outline-tertiary: var(--sf-tertiary-60); --sf-secondary-hover: var(--sf-secondary-85); --sf-secondary-active: var(--sf-secondary-90); --sf-secondary-container: var(--sf-secondary-50--alfa-24); --sf-secondary-container-hover: var(--sf-secondary-50--alfa-28); --sf-secondary-container-active: var(--sf-secondary-50--alfa-32); --sf-on-secondary: var(--sf-secondary-20); --sf-on-secondary-container: var(--sf-secondary-90); --sf-on-secondary-container-graphic: var(--sf-secondary-60); --sf-primary-hover: var(--sf-primary-85); --sf-primary-active: var(--sf-primary-90); --sf-primary-container: var(--sf-primary-50--alfa-24); --sf-primary-container-hover: var(--sf-primary-50--alfa-28); --sf-primary-container-active: var(--sf-primary-50--alfa-32); --sf-on-primary: var(--sf-primary-20); --sf-on-primary-container: var(--sf-primary-90); --sf-on-primary-container-graphic: var(--sf-primary-60); --sf-outline-primary: var(--sf-primary-60); --sf-neutral-hover: var(--sf-neutral-85); --sf-neutral-active: var(--sf-neutral-90); --sf-neutral-container: var(--sf-neutral-30); --sf-neutral-container-hover: var(--sf-neutral-35); --sf-neutral-container-active: var(--sf-neutral-40); --sf-on-neutral: var(--sf-neutral-20); --sf-on-neutral-container: var(--sf-neutral-90); --sf-on-neutral-container-graphic: var(--sf-neutral-60); --sf-info: var(--sf-info-80); --sf-info-hover: var(--sf-primary-85); --sf-info-active: var(--sf-info-90); --sf-info-container: var(--sf-info-50--alfa-24); --sf-info-container-hover: var(--sf-info-50--alfa-28); --sf-info-container-active: var(--sf-info-50--alfa-32); --sf-on-info: var(--sf-info-20); --sf-on-info-container: var(--sf-info-90); --sf-on-info-container-graphic: var(--sf-info-60); --sf-outline-info: var(--sf-info-60); --sf-surface-0: var(--sf-neutral-5); --sf-surface-1: var(--sf-neutral-10); --sf-surface-overlay: var(--sf-white--alfa-8); --sf-surface-inverse: var(--sf-neutral-90); --sf-surface-inverse-fixed: var(--sf-neutral-20); --sf-surface-container: var(--sf-neutral-50--alfa-24); --sf-surface-container-hover: var(--sf-neutral-50--alfa-28); --sf-surface-container-active: var(--sf-neutral-50--alfa-32); --sf-on-surface: var(--sf-neutral-90); --sf-on-surface-fixed: var(--sf-neutral-10); --sf-on-surface-hover: var(--sf-neutral-85); --sf-on-surface-active: var(--sf-neutral-80); --sf-on-surface-variant: var(--sf-neutral-60); --sf-on-surface-muted: var(--sf-neutral-40); --sf-on-surface-inverse: var(--sf-neutral-10); --sf-on-surface-inverse-fixed: var(--sf-neutral-90); --sf-outline: var(--sf-neutral-60); --sf-outline-variant: var(--sf-neutral-90--alfa-24); --sf-outline-secondary: var(--sf-secondary-60); --sf-outline-transparent-OLD: var(--sf-transparent-for-focus); --sf-disable: var(--sf-neutral-90--alfa-12); --sf-on-disable: var(--sf-neutral-90--alfa-48); --sf-outline-disable: var(--sf-neutral-90--alfa-48); --sf-link: var(--sf-primary-80); --sf-focus-on-transparency: var(rgba(255,255,255,0.50196)); --sf-mark: var(--sf-warning-90--alfa-24); --sf-focus-on-primary: var(rgba(0,0,0,0.2)); --sf-focus-on-neutral: var(rgba(0,0,0,0.2)); --sf-focus: var(--sf-primary-90--alfa-24); --sf-link-hover: var(--sf-primary-85); --sf-link-active: var(--sf-primary-90); --sf-link-visited: var(--sf-tertiary-80); --sf-code: var(--sf-tertiary-90--alfa-24); --sf-shadow--color-fill: var(--sf-black--alfa-12); --sf-shadow--color-outline: var(--sf-black--alfa-8); --sf-shadow--color-shading: var(--sf-black--alfa-4); } } /* * Generated from src/core/contracts/adaptive-sizing.v1.json. * contract-sha256: 333d78f0f3abe6f47c9caa1fc3c53c4d2894e122a922a400804383266cbd72f5 * Do not edit semantic values in this file directly. */ @layer sf.base { :root { --sf-space-0: 0; --sf-space-1\/4: 0.25rem; --sf-space-1\/4: var(--sf-a4); --sf-space-1\/3: 0.5rem; --sf-space-1\/3: var(--sf-a8); --sf-space-1\/2: 0.5rem; --sf-space-1\/2: var(--sf-a8); --sf-space-1: var(--sf-b2); --sf-space-2: var(--sf-b6); --sf-space-3: var(--sf-b6); --sf-space-4: var(--sf-c2); --sf-space-5: var(--sf-c6); --sf-space-6: var(--sf-c6); --sf-space-7: var(--sf-d0); --sf-space-8: var(--sf-d2); } @media (min-width: 960px) { :root { --sf-space-0: 0; --sf-space-1\/4: 0.25rem; --sf-space-1\/4: var(--sf-a4); --sf-space-1\/3: 0.5rem; --sf-space-1\/3: var(--sf-a8); --sf-space-1\/2: 0.75rem; --sf-space-1\/2: var(--sf-b2); --sf-space-1: var(--sf-b6); --sf-space-2: var(--sf-c0); --sf-space-3: var(--sf-c2); --sf-space-4: var(--sf-c6); --sf-space-5: var(--sf-d0); --sf-space-6: var(--sf-d2); --sf-space-7: var(--sf-d6); --sf-space-8: var(--sf-e0); } } } @layer sf.base { :root { --sf-opacity-10: 10%; --sf-opacity-20: 20%; --sf-opacity-30: 30%; --sf-opacity-40: 40%; --sf-opacity-50: 50%; --sf-opacity-60: 60%; --sf-opacity-70: 70%; --sf-opacity-80: 80%; --sf-opacity-90: 90%; } } @layer sf.base { :root { --sf-ui-blur-small: blur(var(--sf-blur-small)); --sf-ui-blur-medium: blur(var(--sf-blur-medium)); --sf-ui-blur-large: blur(var(--sf-blur-large)); --sf-ui-blur-surface-overlay: blur(var(--sf-surface-overlay--blur)); --sf-ui-focus: 0px 0px 0px var(--sf-focus-outline-width) var(--sf-focus); --sf-ui-shadow-1: 0px 2px 4px 1px var(--sf-shadow--color-shading), 0px 1px 3px 0px var(--sf-shadow--color-outline), 0px 2px 2px -1px var(--sf-shadow--color-fill); --sf-ui-shadow-2: 0px 4px 8px 2px var(--sf-shadow--color-shading), 0px 2px 6px 0px var(--sf-shadow--color-outline), 0px 4px 4px -2px var(--sf-shadow--color-fill); --sf-ui-shadow-3: 0px 8px 16px 4px var(--sf-shadow--color-shading), 0px 4px 12px 0px var(--sf-shadow--color-outline), 0px 8px 8px -4px var(--sf-shadow--color-fill); --sf-ui-shadow-4: 0px 16px 32px 4px var(--sf-shadow--color-shading), 0px 8px 24px 0px var(--sf-shadow--color-outline), 0px 16px 16px -8px var(--sf-shadow--color-fill); --sf-ui-shadow-5: 0px 32px 64px 8px var(--sf-shadow--color-shading), 0px 16px 48px 0px var(--sf-shadow--color-outline), 0px 32px 32px -16px var(--sf-shadow--color-fill); --sf-ui-shadow-top: 0px 0px 0.5px 0px var(--sf-shadow--color-fill), 0px -4px 10px 4px var(--sf-shadow--color-outline), 0px -2px 3px 1px var(--sf-shadow--color-shading); --sf-ui-gradient-light: linear-gradient(0deg, rgba(212, 212, 217, 1) 0%, rgba(241, 240, 246, 1) 100%); --sf-ui-gradient-dark: linear-gradient(0deg, rgba(58, 59, 64, 1) 0%, rgba(36, 38, 42, 1) 100%); --sf-ui-skeleton: linear-gradient(179.99999990539914deg, rgba(204, 204, 204, 0.5) 0%, rgba(136, 136, 136, 0.5) 100%); } } @layer sf.base { .bg-surface-overlay { background-color: var(--sf-surface-overlay); -webkit-backdrop-filter: blur(var(--sf-surface-overlay--blur)); backdrop-filter: blur(var(--sf-surface-overlay--blur)); } } @layer sf.base { :root { --sf-empty: ; --sf-alfa: 1; } .source { overflow: hidden; position: relative; opacity: 0; } .source.init { opacity: 1; } body, blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } ol, img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } input { background-color: var(--sf-surface-0); color: var(--sf-on-surface); } mark { position: relative; white-space: pre-wrap; background-color: var(--sf-mark--color); font-weight: inherit; font-style: inherit; } *, ::before, ::after { border-width: 0; border-style: solid; box-sizing: border-box; } body { color: var(--sf-on-surface); background-color: var(--sf-surface-0); } } :root { --sf-0: 0rem; --sf-px: 1px; --sf-auto: auto; --sf-a0: 0rem; --sf-a1: 0.0625rem; --sf-a2: 0.125rem; --sf-a3: 0.1875rem; --sf-a4: 0.25rem; --sf-a5: 0.3125rem; --sf-a6: 0.375rem; --sf-a7: 0.4375rem; --sf-a8: 0.5rem; --sf-a9: 0.5625rem; --sf-b0: 0.625rem; --sf-b1: 0.6875rem; --sf-b2: 0.75rem; --sf-b3: 0.8125rem; --sf-b4: 0.875rem; --sf-b5: 0.9375rem; --sf-b6: 1rem; --sf-b7: 1.0625rem; --sf-b8: 1.125rem; --sf-b9: 1.1875rem; --sf-c0: 1.25rem; --sf-c1: 1.375rem; --sf-c2: 1.5rem; --sf-c3: 1.625rem; --sf-c4: 1.75rem; --sf-c5: 1.875rem; --sf-c6: 2rem; --sf-c7: 2.125rem; --sf-c8: 2.25rem; --sf-c9: 2.375rem; --sf-d0: 2.5rem; --sf-d1: 2.75rem; --sf-d2: 3rem; --sf-d3: 3.25rem; --sf-d4: 3.5rem; --sf-d5: 3.75rem; --sf-d6: 4rem; --sf-d7: 4.25rem; --sf-d8: 4.5rem; --sf-d9: 4.75rem; --sf-e0: 5rem; --sf-e1: 5.5rem; --sf-e2: 6rem; --sf-e3: 6.5rem; --sf-e4: 7rem; --sf-e5: 7.5rem; --sf-e6: 8rem; --sf-e7: 8.5rem; --sf-e8: 9rem; --sf-e9: 9.5rem; --sf-f0: 10rem; --sf-f1: 11rem; --sf-f2: 12rem; --sf-f3: 13rem; --sf-f4: 14rem; --sf-f5: 15rem; --sf-f6: 16rem; --sf-f7: 17rem; --sf-f8: 18rem; --sf-f9: 19rem; --sf-g0: 20rem; --sf-g1: 22rem; --sf-g2: 24rem; --sf-g3: 26rem; --sf-g4: 28rem; --sf-g5: 30rem; --sf-g6: 32rem; --sf-g7: 34rem; --sf-g8: 36rem; --sf-g9: 38rem; --sf-h0: 40rem; --sf-h1: 44rem; --sf-h2: 48rem; --sf-h3: 52rem; --sf-h4: 56rem; --sf-h5: 60rem; --sf-h6: 64rem; --sf-h7: 68rem; --sf-h8: 72rem; --sf-h9: 76rem; --sf-i0: 80rem; --sf-i1: 88rem; --sf-i2: 96rem; --sf-i3: 104rem; --sf-i4: 112rem; --sf-i5: 120rem; --sf-i6: 128rem; --sf-i7: 136rem; --sf-i8: 144rem; --sf-i9: 152rem; --sf-z-index--1: -1; --sf-z-index-1: 10; --sf-z-index-2: 20; --sf-z-index-3: 30; --sf-z-index-4: 40; --sf-z-index-5: 50; --sf-z-index-6: 60; --sf-z-index-7: 70; --sf-z-index-8: 80; --sf-z-index-9: 90; --sf-z-index-0: 0; } @layer sf.base { :root, ::after, ::before { --sf-alfa: 1; --sf-color--alfa: 1; --sf-decoration--alfa: 1; --sf-border--alfa: 1; --sf-divider--alfa: 1; --sf-outline--alfa: 1; --sf-ring--alfa: 1; --sf-bg--alfa: 1; --sf-stripe--alfa: 1; --sf-ring-color: ; --sf-gradient--angle: 90deg; --sf-gradient--alfa-1: 1; --sf-gradient--alfa-2: 1; --sf-gradient--alfa-3: 1; --sf-stripe--size: var(--sf-a1, 1px); --sf-accent--alfa: 1; --sf-caret--alfa: 1; --sf-scroll--alfa: 1; --sf-scroll-thumb--alfa: 1; --sf-scroll-track--alfa: 1; --sf-stripe--color: var(--sf-color--surface-inverse); --sf-drop-shadow--alfa: 1; --sf-shadow--alfa: 1; } } @layer sf.base { :root { --sf-transparent: rgba(255,255,255,0); --sf-transparent-for-focus: rgba(255,255,255,0); --sf-white: #ffffff; --sf-white--alfa-4: rgba(255,255,255,0.03922); --sf-white--alfa-8: rgba(255,255,255,0.07843); --sf-white--alfa-12: rgba(255,255,255,0.12157); --sf-white--alfa-24: rgba(255,255,255,0.23922); --sf-white--alfa-48: rgba(255,255,255,0.47843); --sf-black: #000000; --sf-black--alfa-4: rgba(0,0,0,0.03922); --sf-black--alfa-8: rgba(0,0,0,0.07843); --sf-black--alfa-12: rgba(0,0,0,0.12157); --sf-black--alfa-24: rgba(0,0,0,0.23922); --sf-black--alfa-48: rgba(0,0,0,0.47843); --sf-neutral-98: #faf9fe; --sf-neutral-95: #f1f0f6; --sf-neutral-90: #e3e2e7; --sf-neutral-90--alfa-10: rgba(227,226,231,0.10196); --sf-neutral-90--alfa-15: rgba(227,226,231,0.14902); --sf-neutral-90--alfa-4: rgba(227,226,231,0.03922); --sf-neutral-90--alfa-8: rgba(227,226,231,0.07843); --sf-neutral-90--alfa-12: rgba(227,226,231,0.12157); --sf-neutral-90--alfa-24: rgba(227,226,231,0.23922); --sf-neutral-90--alfa-48: rgba(227,226,231,0.47843); --sf-neutral-85: #d4d4d9; --sf-neutral-80: #c6c6cb; --sf-neutral-70: #ababb0; --sf-neutral-60: #909095; --sf-neutral-50: #76777c; --sf-neutral-50--alfa-12: rgba(118,119,124,0.12157); --sf-neutral-50--alfa-16: rgba(118,119,124,0.16078); --sf-neutral-50--alfa-20: rgba(118,119,124,0.2); --sf-neutral-50--alfa-24: rgba(118,119,124,0.23922); --sf-neutral-50--alfa-28: rgba(118,119,124,0.27843); --sf-neutral-50--alfa-32: rgba(118,119,124,0.32157); --sf-neutral-50--alfa-36: rgba(118,119,124,0.36078); --sf-neutral-50--alfa-40: rgba(118,119,124,0.4); --sf-neutral-50--alfa-44: rgba(118,119,124,0.43922); --sf-neutral-40: #5d5e63; --sf-neutral-35: #515257; --sf-neutral-30: #45474b; --sf-neutral-25: #3a3b40; --sf-neutral-20: #2f3035; --sf-neutral-15: #24262a; --sf-neutral-10: #1a1b1f; --sf-neutral-5: #0f1115; --sf-primary-98: #f9f9ff; --sf-secondary-98: #f9f9ff; --sf-tertiary-98: #fff7fa; --sf-tertiary-95: #ffebfd; --sf-tertiary-90: #fdd6ff; --sf-tertiary-90--alfa-4: rgba(253,214,255,0.03922); --sf-tertiary-90--alfa-8: rgba(253,214,255,0.07843); --sf-tertiary-90--alfa-12: rgba(253,214,255,0.12157); --sf-tertiary-90--alfa-24: rgba(253,214,255,0.23922); --sf-tertiary-90--alfa-48: rgba(253,214,255,0.47843); --sf-tertiary-85: #f9c2ff; --sf-tertiary-80: #ecb3f4; --sf-tertiary-70: #cf98d8; --sf-tertiary-60: #b37ebb; --sf-tertiary-50: #9765a0; --sf-tertiary-50--alfa-12: rgba(151,101,160,0.12157); --sf-tertiary-50--alfa-16: rgba(151,101,160,0.16078); --sf-tertiary-50--alfa-20: rgba(151,101,160,0.2); --sf-tertiary-50--alfa-24: rgba(151,101,160,0.23922); --sf-tertiary-50--alfa-28: rgba(151,101,160,0.27843); --sf-tertiary-50--alfa-32: rgba(151,101,160,0.32157); --sf-tertiary-50--alfa-36: rgba(151,101,160,0.36078); --sf-tertiary-50--alfa-40: rgba(151,101,160,0.4); --sf-tertiary-50--alfa-44: rgba(151,101,160,0.43922); --sf-tertiary-40: #7c4c86; --sf-tertiary-35: #6f4079; --sf-tertiary-30: #63356c; --sf-tertiary-25: #562960; --sf-tertiary-20: #4a1e54; --sf-tertiary-15: #3e1249; --sf-tertiary-10: #32053e; --sf-tertiary-5: #23002d; --sf-secondary-95: #edf0ff; --sf-secondary-90: #d7e2ff; --sf-secondary-90--alfa-4: rgba(215,226,255,0.03922); --sf-secondary-90--alfa-8: rgba(215,226,255,0.07843); --sf-secondary-90--alfa-12: rgba(215,226,255,0.12157); --sf-secondary-90--alfa-24: rgba(215,226,255,0.23922); --sf-secondary-90--alfa-48: rgba(215,226,255,0.47843); --sf-secondary-85: #c9d4f1; --sf-secondary-80: #bbc6e3; --sf-secondary-70: #a0abc7; --sf-secondary-60: #8591ab; --sf-secondary-50: #6c7791; --sf-secondary-50--alfa-12: rgba(108,119,145,0.12157); --sf-secondary-50--alfa-16: rgba(108,119,145,0.16078); --sf-secondary-50--alfa-20: rgba(108,119,145,0.2); --sf-secondary-50--alfa-24: rgba(108,119,145,0.23922); --sf-secondary-50--alfa-28: rgba(108,119,145,0.27843); --sf-secondary-50--alfa-32: rgba(108,119,145,0.32157); --sf-secondary-50--alfa-36: rgba(108,119,145,0.36078); --sf-secondary-50--alfa-40: rgba(108,119,145,0.4); --sf-secondary-50--alfa-44: rgba(108,119,145,0.43922); --sf-secondary-40: #535e77; --sf-secondary-35: #47526a; --sf-secondary-30: #3c475e; --sf-secondary-25: #303b52; --sf-secondary-20: #253047; --sf-secondary-15: #1a263b; --sf-secondary-10: #101b31; --sf-secondary-5: #051126; --sf-primary-95: #edf0ff; --sf-primary-90: #d7e2ff; --sf-primary-90--alfa-4: rgba(215,226,255,0.03922); --sf-primary-90--alfa-8: rgba(215,226,255,0.07843); --sf-primary-90--alfa-12: rgba(215,226,255,0.12157); --sf-primary-90--alfa-24: rgba(215,226,255,0.23922); --sf-primary-90--alfa-24: rgba(215,226,255,0.23922); --sf-primary-90--alfa-48: rgba(215,226,255,0.47843); --sf-primary-85: #c2d5ff; --sf-primary-80: #acc7ff; --sf-info-98: #f9f9ff; --sf-info-95: #edf0ff; --sf-info-90: #d7e2ff; --sf-info-90--alfa-4: rgba(215,226,255,0.03922); --sf-info-90--alfa-8: rgba(215,226,255,0.07843); --sf-info-90--alfa-12: rgba(215,226,255,0.12157); --sf-info-90--alfa-24: rgba(215,226,255,0.23922); --sf-info-90--alfa-48: rgba(215,226,255,0.47843); --sf-info-85: #c2d5ff; --sf-info-80: #acc7ff; --sf-info-70: #7eabff; --sf-info-60: #488fff; --sf-info-50: #0073ed; --sf-info-50--alfa-12: rgba(0,115,237,0.12157); --sf-info-50--alfa-16: rgba(0,115,237,0.16078); --sf-info-50--alfa-20: rgba(0,115,237,0.2); --sf-info-50--alfa-24: rgba(0,115,237,0.23922); --sf-info-50--alfa-28: rgba(0,115,237,0.27843); --sf-info-50--alfa-32: rgba(0,115,237,0.32157); --sf-info-50--alfa-36: rgba(0,115,237,0.36078); --sf-info-50--alfa-40: rgba(0,115,237,0.4); --sf-info-50--alfa-44: rgba(0,115,237,0.43922); --sf-info-40: #005bbe; --sf-info-35: #0050a7; --sf-info-30: #004491; --sf-info-25: #00397c; --sf-info-20: #002f67; --sf-info-15: #002453; --sf-info-10: #001a40; --sf-info-5: #00102c; --sf-primary-70: #7eabff; --sf-primary-60: #488fff; --sf-primary-50: #0073ed; --sf-primary-50--alfa-12: rgba(0,115,237,0.12157); --sf-primary-50--alfa-16: rgba(0,115,237,0.16078); --sf-primary-50--alfa-20: rgba(0,115,237,0.2); --sf-primary-50--alfa-24: rgba(0,115,237,0.23922); --sf-primary-50--alfa-28: rgba(0,115,237,0.27843); --sf-primary-50--alfa-32: rgba(0,115,237,0.32157); --sf-primary-50--alfa-36: rgba(0,115,237,0.36078); --sf-primary-50--alfa-40: rgba(0,115,237,0.4); --sf-primary-50--alfa-44: rgba(0,115,237,0.43922); --sf-primary-40: #005bbe; --sf-primary-40--alfa-20: rgba(0,91,190,0.2); --sf-primary-40--alfa-30: rgba(0,91,190,0.30196); --sf-primary-40--alfa-40: rgba(0,91,190,0.4); --sf-primary-35: #0050a7; --sf-primary-30: #004491; --sf-primary-25: #00397c; --sf-primary-20: #002f67; --sf-primary-15: #002453; --sf-primary-10: #001a40; --sf-primary-10--alfa-4: rgba(0,26,64,0.03922); --sf-primary-10--alfa-8: rgba(0,26,64,0.07843); --sf-primary-10--alfa-12: rgba(0,26,64,0.12157); --sf-primary-10--alfa-24: rgba(0,26,64,0.23922); --sf-primary-10--alfa-48: rgba(0,26,64,0.47843); --sf-primary-5: #00102c; --sf-error-98: #fff8f7; --sf-error-95: #ffedea; --sf-error-90: #ffdad6; --sf-error-90--alfa-4: rgba(255,218,214,0.03922); --sf-error-90--alfa-8: rgba(255,218,214,0.07843); --sf-error-90--alfa-12: rgba(255,218,214,0.12157); --sf-error-90--alfa-24: rgba(255,218,214,0.23922); --sf-error-90--alfa-48: rgba(255,218,214,0.47843); --sf-error-85: #ffc7c0; --sf-error-80: #ffb4ab; --sf-error-70: #ff897d; --sf-error-60: #ff5449; --sf-error-50: #df362f; --sf-error-50--alfa-12: rgba(223,54,47,0.12157); --sf-error-50--alfa-16: rgba(223,54,47,0.16078); --sf-error-50--alfa-20: rgba(223,54,47,0.2); --sf-error-50--alfa-24: rgba(223,54,47,0.23922); --sf-error-50--alfa-28: rgba(223,54,47,0.27843); --sf-error-50--alfa-32: rgba(223,54,47,0.32157); --sf-error-50--alfa-36: rgba(223,54,47,0.36078); --sf-error-50--alfa-40: rgba(223,54,47,0.4); --sf-error-50--alfa-44: rgba(223,54,47,0.43922); --sf-error-40: #bb1919; --sf-error-35: #a9040e; --sf-error-30: #93000a; --sf-error-25: #7e0007; --sf-error-20: #690005; --sf-error-15: #540003; --sf-error-10: #410002; --sf-error-5: #2d0001; --sf-warning-98: #fff8f5; --sf-warning-95: #ffeee2; --sf-warning-90: #ffdcc1; --sf-warning-90--alfa-4: rgba(255,220,193,0.03922); --sf-warning-90--alfa-8: rgba(255,220,193,0.07843); --sf-warning-90--alfa-12: rgba(255,220,193,0.12157); --sf-warning-90--alfa-24: rgba(255,220,193,0.23922); --sf-warning-90--alfa-48: rgba(255,220,193,0.47843); --sf-warning-85: #ffca9f; --sf-warning-80: #ffb779; --sf-warning-70: #fa911c; --sf-warning-60: #d87900; --sf-warning-50: #b26300; --sf-warning-50--alfa-12: rgba(178,99,0,0.12157); --sf-warning-50--alfa-16: rgba(178,99,0,0.16078); --sf-warning-50--alfa-20: rgba(178,99,0,0.2); --sf-warning-50--alfa-24: rgba(178,99,0,0.23922); --sf-warning-50--alfa-28: rgba(178,99,0,0.27843); --sf-warning-50--alfa-32: rgba(178,99,0,0.32157); --sf-warning-50--alfa-36: rgba(178,99,0,0.36078); --sf-warning-50--alfa-40: rgba(178,99,0,0.4); --sf-warning-50--alfa-44: rgba(178,99,0,0.43922); --sf-warning-40: #8f4e00; --sf-warning-35: #7d4400; --sf-warning-30: #6c3a00; --sf-warning-25: #5c3000; --sf-warning-20: #4c2700; --sf-warning-15: #3d1e00; --sf-warning-10: #2e1500; --sf-warning-5: #1f0c00; --sf-success-98: #ecffe4; --sf-success-95: #c9ffbe; --sf-success-90: #8ffa88; --sf-success-90--alfa-4: rgba(143,250,136,0.03922); --sf-success-90--alfa-8: rgba(143,250,136,0.07843); --sf-success-90--alfa-12: rgba(143,250,136,0.12157); --sf-success-90--alfa-24: rgba(143,250,136,0.23922); --sf-success-90--alfa-48: rgba(143,250,136,0.47843); --sf-success-85: #81ec7c; --sf-success-80: #74dd6f; --sf-success-70: #58c157; --sf-success-60: #3ba53f; --sf-success-50: #198a27; --sf-success-50--alfa-12: rgba(25,138,39,0.12157); --sf-success-50--alfa-16: rgba(25,138,39,0.16078); --sf-success-50--alfa-20: rgba(25,138,39,0.2); --sf-success-50--alfa-24: rgba(25,138,39,0.23922); --sf-success-50--alfa-28: rgba(25,138,39,0.27843); --sf-success-50--alfa-32: rgba(25,138,39,0.32157); --sf-success-50--alfa-36: rgba(25,138,39,0.36078); --sf-success-50--alfa-40: rgba(25,138,39,0.4); --sf-success-50--alfa-44: rgba(25,138,39,0.43922); --sf-success-40: #006e17; --sf-success-35: #006013; --sf-success-30: #00530f; --sf-success-25: #00460b; --sf-success-20: #003908; --sf-success-15: #002d05; --sf-success-10: #002203; --sf-success-5: #001501; } } body { --sf-stripe--color: var(--sf-color--surface-inverse); } /* width */ @layer sf.base { html { scrollbar-gutter: auto; } * { --sf-scroll-bg-track: var(--sf-transparent); --sf-scroll-bg-thumb: var(--sf-surface-1); --sf-scroll-bg-width: var(--sf-b4); --sf-scroll-thumb-size: var(--sf-a6); --sf-scroll-thumb-width: var(--sf-scroll-thumb-size); --sf-scroll-thumb-inset: var(--sf-a4); --sf-scroll-radius: var(--sf-d6); scroll-behavior: smooth; } ::-webkit-scrollbar { width: var(--sf-scroll-bg-width); height: var(--sf-scroll-bg-width); } ::-webkit-scrollbar-thumb { min-height: var(--sf-scroll-thumb-width); min-height: var(--sf-scroll-thumb-size, var(--sf-scroll-thumb-width)); min-width: var(--sf-scroll-thumb-width); min-width: var(--sf-scroll-thumb-size, var(--sf-scroll-thumb-width)); border: var(--sf-scroll-thumb-inset) solid var(--sf-transparent); background-clip: padding-box; border-radius: var(--sf-scroll-radius); background-color: var(--sf-scroll-bg-thumb); } ::-webkit-scrollbar-corner { background-color: var(--sf-transparent); } ::-webkit-scrollbar-track { background-color: var(--sf-scroll-bg-track); border: var(--sf-scroll-thumb-inset) solid var(--sf-transparent); background-clip: padding-box; border-radius: var(--sf-scroll-radius); } } @layer sf.base { @media (min-width: 960px) { :root { --sf-container-1--size-max: var(--sf-h5); --sf-container-2--size-max: var(--sf-h6); --sf-container-3--size-max: var(--sf-h8); --sf-container-4--size-max: var(--sf-i0); --sf-container-5--size-max: var(--sf-i1); --sf-container-6--size-max: var(--sf-i2); --sf-container-7--size-max: var(--sf-i3); --sf-container-8--size-max: var(--sf-i4); } } } @layer sf.base { :root { --sf-floating-the-others-1\/3-space-y: 0.625rem; --sf-floating-the-others-1\/3-space-y: var(--sf-b0); --sf-floating-the-others-1\/2-space-y: 1rem; --sf-floating-the-others-1\/2-space-y: var(--sf-b6); --sf-floating-the-others-1-space-y: var(--sf-b6); --sf-floating-the-others-2-space-y: var(--sf-c1); --sf-floating-the-others-3-space-y: var(--sf-c6); } @media (min-width: 960px) { :root { --sf-floating-the-others-1\/3-space-y: 0.75rem; --sf-floating-the-others-1\/3-space-y: var(--sf-b2); --sf-floating-the-others-1\/2-space-y: 0.875rem; --sf-floating-the-others-1\/2-space-y: var(--sf-b4); --sf-floating-the-others-1-space-y: var(--sf-b6); --sf-floating-the-others-2-space-y: var(--sf-c0); --sf-floating-the-others-3-space-y: var(--sf-c1); } } } @layer sf.base { :root { --sf-floating-active-1\/3-space-y: 0.25rem; --sf-floating-active-1\/3-space-y: var(--sf-a4); --sf-floating-active-1\/2-space-y: 0.5rem; --sf-floating-active-1\/2-space-y: var(--sf-a8); --sf-floating-active-1-space-y: var(--sf-a8); --sf-floating-active-2-space-y: var(--sf-b2); --sf-floating-active-3-space-y: var(--sf-c1); } @media (min-width: 960px) { :root { --sf-floating-active-1\/3-space-y: 0.375rem; --sf-floating-active-1\/3-space-y: var(--sf-a6); --sf-floating-active-1\/2-space-y: 0.375rem; --sf-floating-active-1\/2-space-y: var(--sf-a6); --sf-floating-active-1-space-y: var(--sf-a6); --sf-floating-active-2-space-y: var(--sf-a8); --sf-floating-active-3-space-y: var(--sf-b0); } } } @layer sf.base { :root { --sf-icon-size-1\/4: 0.625rem; --sf-icon-size-1\/3: 0.75rem; --sf-icon-size-1\/2: 0.875rem; --sf-icon-size-1: 1rem; --sf-icon-size-2: 1.25rem; --sf-icon-size-3: 1.5rem; --sf-icon-size-4: 1.75rem; --sf-icon-size-5: 2rem; --sf-icon-size-6: 2.25rem; --sf-icon-size-7: 2.5rem; } } /* * Generated from src/core/contracts/adaptive-sizing.v1.json. * contract-sha256: 333d78f0f3abe6f47c9caa1fc3c53c4d2894e122a922a400804383266cbd72f5 * Do not edit semantic values in this file directly. */ @layer sf.base { :root { --sf-text-size-1\/7: 0.25rem; --sf-text-size-1\/7: var(--sf-a4); --sf-text-size-1\/6: 0.375rem; --sf-text-size-1\/6: var(--sf-a6); --sf-text-size-1\/5: 0.5rem; --sf-text-size-1\/5: var(--sf-a8); --sf-text-size-1\/4: 0.625rem; --sf-text-size-1\/4: var(--sf-b0); --sf-text-size-1\/3: 0.75rem; --sf-text-size-1\/3: var(--sf-b2); --sf-text-size-1\/2: 0.75rem; --sf-text-size-1\/2: var(--sf-b2); --sf-text-size-1: var(--sf-b4); --sf-text-size-2: var(--sf-b6); --sf-text-size-3: var(--sf-b8); --sf-text-size-4: var(--sf-c0); --sf-text-size-5: var(--sf-c1); --sf-text-size-6: var(--sf-c2); --sf-text-size-7: var(--sf-c4); --sf-text-size-8: var(--sf-c6); --sf-text-size-9: var(--sf-c8); --sf-text-size-10: var(--sf-d0); --sf-text-size-11: var(--sf-d1); --sf-text-size-12: var(--sf-d2); } @media (min-width: 960px) { :root { --sf-text-size-1\/7: 0.25rem; --sf-text-size-1\/7: var(--sf-a4); --sf-text-size-1\/6: 0.375rem; --sf-text-size-1\/6: var(--sf-a6); --sf-text-size-1\/5: 0.5rem; --sf-text-size-1\/5: var(--sf-a8); --sf-text-size-1\/4: 0.625rem; --sf-text-size-1\/4: var(--sf-b0); --sf-text-size-1\/3: 0.75rem; --sf-text-size-1\/3: var(--sf-b2); --sf-text-size-1\/2: 0.875rem; --sf-text-size-1\/2: var(--sf-b4); --sf-text-size-1: var(--sf-b6); --sf-text-size-2: var(--sf-c0); --sf-text-size-3: var(--sf-c2); --sf-text-size-4: var(--sf-c4); --sf-text-size-5: var(--sf-c6); --sf-text-size-6: var(--sf-c8); --sf-text-size-7: var(--sf-d0); --sf-text-size-8: var(--sf-d2); --sf-text-size-9: var(--sf-d4); --sf-text-size-10: var(--sf-d6); --sf-text-size-11: var(--sf-d8); --sf-text-size-12: var(--sf-e0); } } } /* * Generated from src/core/contracts/adaptive-sizing.v1.json. * contract-sha256: 333d78f0f3abe6f47c9caa1fc3c53c4d2894e122a922a400804383266cbd72f5 * Do not edit semantic values in this file directly. */ @layer sf.base { :root { --sf-text-height-1\/4: 0.75rem; --sf-text-height-1\/4: var(--sf-b2); --sf-text-height-1\/3: 1rem; --sf-text-height-1\/3: var(--sf-b6); --sf-text-height-1\/2: 1rem; --sf-text-height-1\/2: var(--sf-b6); --sf-text-height-1: var(--sf-c0); --sf-text-height-2: var(--sf-c2); --sf-text-height-3: var(--sf-c2); --sf-text-height-4: var(--sf-c4); --sf-text-height-5: var(--sf-c6); --sf-text-height-6: var(--sf-c8); --sf-text-height-7: var(--sf-d0); --sf-text-height-8: var(--sf-d2); --sf-text-height-9: var(--sf-d3); --sf-text-height-10: var(--sf-d5); --sf-text-height-11: var(--sf-d6); --sf-text-height-12: var(--sf-d8); } @media (min-width: 960px) { :root { --sf-text-height-1\/4: 0.75rem; --sf-text-height-1\/4: var(--sf-b2); --sf-text-height-1\/3: 1rem; --sf-text-height-1\/3: var(--sf-b6); --sf-text-height-1\/2: 1.25rem; --sf-text-height-1\/2: var(--sf-c0); --sf-text-height-1: var(--sf-c2); --sf-text-height-2: var(--sf-c4); --sf-text-height-3: var(--sf-c8); --sf-text-height-4: var(--sf-d0); --sf-text-height-5: var(--sf-d2); --sf-text-height-6: var(--sf-d3); --sf-text-height-7: var(--sf-d5); --sf-text-height-8: var(--sf-d8); --sf-text-height-9: var(--sf-e0); --sf-text-height-10: var(--sf-e2); --sf-text-height-11: var(--sf-e3); --sf-text-height-12: var(--sf-e5); } } } @layer sf.base { :root { --sf-title-height-1: var(--sf-b6); --sf-title-height-2: var(--sf-c0); --sf-title-height-3: var(--sf-c2); --sf-title-height-4: var(--sf-c2); --sf-title-height-5: var(--sf-c4); --sf-title-height-6: var(--sf-c4); --sf-title-height-7: var(--sf-c6); --sf-title-height-8: var(--sf-c8); --sf-title-height-9: var(--sf-d0); --sf-title-height-10: var(--sf-d2); --sf-title-height-11: var(--sf-d3); --sf-title-height-12: var(--sf-d4); } @media (min-width: 960px) { :root { --sf-title-height-1: var(--sf-b6); --sf-title-height-2: var(--sf-c2); --sf-title-height-3: var(--sf-c4); --sf-title-height-4: var(--sf-c6); --sf-title-height-5: var(--sf-c8); --sf-title-height-6: var(--sf-d0); --sf-title-height-7: var(--sf-d2); --sf-title-height-8: var(--sf-d4); --sf-title-height-9: var(--sf-d6); --sf-title-height-10: var(--sf-d9); --sf-title-height-11: var(--sf-e2); --sf-title-height-12: var(--sf-e4); } } } @layer sf.base { :root { --sf-ui-1\/3--text-space-x: 0.3125rem; --sf-ui-1\/3--text-space-x: var(--sf-a5); --sf-ui-1\/2--text-space-x: 0.375rem; --sf-ui-1\/2--text-space-x: var(--sf-a6); --sf-ui-1--text-space-x: var(--sf-a6); --sf-ui-2--text-space-x: var(--sf-a8); --sf-ui-3--text-space-x: var(--sf-b0); } @media (min-width: 960px) { :root { --sf-ui-1\/3--text-space-x: 0.375rem; --sf-ui-1\/3--text-space-x: var(--sf-a6); --sf-ui-1\/2--text-space-x: 0.4375rem; --sf-ui-1\/2--text-space-x: var(--sf-a7); --sf-ui-1--text-space-x: var(--sf-a8); --sf-ui-2--text-space-x: var(--sf-b0); --sf-ui-3--text-space-x: var(--sf-b2); } } } @layer sf.base { :root { --sf-ui-1\/3--space-x: 0.625rem; --sf-ui-1\/3--space-x: var(--sf-b0); --sf-ui-1\/2--space-x: 0.75rem; --sf-ui-1\/2--space-x: var(--sf-b2); --sf-ui-1--space-x: var(--sf-b4); --sf-ui-2--space-x: var(--sf-b8); --sf-ui-3--space-x: var(--sf-c1); } @media (min-width: 960px) { :root { --sf-ui-1\/3--space-x: 0.75rem; --sf-ui-1\/3--space-x: var(--sf-b2); --sf-ui-1\/2--space-x: 0.875rem; --sf-ui-1\/2--space-x: var(--sf-b4); --sf-ui-1--space-x: var(--sf-b6); --sf-ui-2--space-x: var(--sf-c0); --sf-ui-3--space-x: var(--sf-c2); } } } @layer sf.base { :root { --sf-ui-radius-default: var(--sf-a4); } @media (min-width: 960px) { :root { --sf-ui-radius-default: var(--sf-a4); } } } /* * Generated from src/core/contracts/adaptive-sizing.v1.json. * contract-sha256: 333d78f0f3abe6f47c9caa1fc3c53c4d2894e122a922a400804383266cbd72f5 * Do not edit semantic values in this file directly. */ @layer sf.base { :root { --sf-ui-1\/3--space-y-tightness-default: 0.25rem; --sf-ui-1\/3--space-y-tightness-default: var(--sf-a4); --sf-ui-1\/2--space-y-tightness-default: 0.375rem; --sf-ui-1\/2--space-y-tightness-default: var(--sf-a6); --sf-ui-1--space-y-tightness-default: var(--sf-a8); --sf-ui-2--space-y-tightness-default: var(--sf-b0); --sf-ui-3--space-y-tightness-default: var(--sf-b4); } @media (min-width: 960px) { :root { --sf-ui-1\/3--space-y-tightness-default: 0.25rem; --sf-ui-1\/3--space-y-tightness-default: var(--sf-a4); --sf-ui-1\/2--space-y-tightness-default: 0.375rem; --sf-ui-1\/2--space-y-tightness-default: var(--sf-a6); --sf-ui-1--space-y-tightness-default: var(--sf-a8); --sf-ui-2--space-y-tightness-default: var(--sf-b0); --sf-ui-3--space-y-tightness-default: var(--sf-b0); } } } /* * Generated from src/core/contracts/adaptive-sizing.v1.json. * contract-sha256: 333d78f0f3abe6f47c9caa1fc3c53c4d2894e122a922a400804383266cbd72f5 * Do not edit semantic values in this file directly. */ @layer sf.base { :root { --sf-ui-1\/3--space-y-tightness-low: 0.125rem; --sf-ui-1\/3--space-y-tightness-low: var(--sf-a2); --sf-ui-1\/2--space-y-tightness-low: 0.25rem; --sf-ui-1\/2--space-y-tightness-low: var(--sf-a4); --sf-ui-1--space-y-tightness-low: var(--sf-a4); --sf-ui-2--space-y-tightness-low: var(--sf-a6); --sf-ui-3--space-y-tightness-low: var(--sf-b0); } @media (min-width: 960px) { :root { --sf-ui-1\/3--space-y-tightness-low: 0.25rem; --sf-ui-1\/3--space-y-tightness-low: var(--sf-a4); --sf-ui-1\/2--space-y-tightness-low: 0.25rem; --sf-ui-1\/2--space-y-tightness-low: var(--sf-a4); --sf-ui-1--space-y-tightness-low: var(--sf-a4); --sf-ui-2--space-y-tightness-low: var(--sf-a6); --sf-ui-3--space-y-tightness-low: var(--sf-a6); } } } /* * Generated from src/core/contracts/adaptive-sizing.v1.json. * contract-sha256: 333d78f0f3abe6f47c9caa1fc3c53c4d2894e122a922a400804383266cbd72f5 * Do not edit semantic values in this file directly. */ @layer sf.base { :root { --sf-ui-1\/3--space-y-tightness-high: 0.375rem; --sf-ui-1\/3--space-y-tightness-high: var(--sf-a6); --sf-ui-1\/2--space-y-tightness-high: 0.625rem; --sf-ui-1\/2--space-y-tightness-high: var(--sf-b0); --sf-ui-1--space-y-tightness-high: var(--sf-b2); --sf-ui-2--space-y-tightness-high: var(--sf-b4); --sf-ui-3--space-y-tightness-high: var(--sf-c0); } @media (min-width: 960px) { :root { --sf-ui-1\/3--space-y-tightness-high: 0.5rem; --sf-ui-1\/3--space-y-tightness-high: var(--sf-a8); --sf-ui-1\/2--space-y-tightness-high: 0.625rem; --sf-ui-1\/2--space-y-tightness-high: var(--sf-b0); --sf-ui-1--space-y-tightness-high: var(--sf-b2); --sf-ui-2--space-y-tightness-high: var(--sf-b4); --sf-ui-3--space-y-tightness-high: var(--sf-b6); } } } /* * Generated from src/core/contracts/adaptive-sizing.v1.json. * contract-sha256: 333d78f0f3abe6f47c9caa1fc3c53c4d2894e122a922a400804383266cbd72f5 * Do not edit semantic values in this file directly. */ @layer sf.base { :root { --sf-ui-1\/3--space-y-tightness-highest: 0.625rem; --sf-ui-1\/3--space-y-tightness-highest: var(--sf-b0); --sf-ui-1\/2--space-y-tightness-highest: 0.875rem; --sf-ui-1\/2--space-y-tightness-highest: var(--sf-b4); --sf-ui-1--space-y-tightness-highest: var(--sf-b6); --sf-ui-2--space-y-tightness-highest: var(--sf-c0); --sf-ui-3--space-y-tightness-highest: var(--sf-c3); } @media (min-width: 960px) { :root { --sf-ui-1\/3--space-y-tightness-highest: 0.75rem; --sf-ui-1\/3--space-y-tightness-highest: var(--sf-b2); --sf-ui-1\/2--space-y-tightness-highest: 0.875rem; --sf-ui-1\/2--space-y-tightness-highest: var(--sf-b4); --sf-ui-1--space-y-tightness-highest: var(--sf-b6); --sf-ui-2--space-y-tightness-highest: var(--sf-c0); --sf-ui-3--space-y-tightness-highest: var(--sf-c1); } } } /* * Generated from src/core/contracts/adaptive-sizing.v1.json. * contract-sha256: 333d78f0f3abe6f47c9caa1fc3c53c4d2894e122a922a400804383266cbd72f5 * Do not edit semantic values in this file directly. */ @layer sf.base { :root { --sf-ui-1\/3--control-height: calc(var(--sf-text-height-1\/3) + 2 * var(--sf-ui-1\/3--space-y-tightness-default)); --sf-ui-1\/2--control-height: calc(var(--sf-text-height-1\/2) + 2 * var(--sf-ui-1\/2--space-y-tightness-default)); --sf-ui-1--control-height: calc(var(--sf-text-height-1) + 2 * var(--sf-ui-1--space-y-tightness-default)); --sf-ui-2--control-height: calc(var(--sf-text-height-2) + 2 * var(--sf-ui-2--space-y-tightness-default)); --sf-ui-3--control-height: calc(var(--sf-text-height-3) + 2 * var(--sf-ui-3--space-y-tightness-default)); } } @layer sf.base { :root { --sf-ui-1\/3--space-y: 0.25rem; --sf-ui-1\/3--space-y: var(--sf-a4); --sf-ui-1\/2--space-y: 0.25rem; --sf-ui-1\/2--space-y: var(--sf-a4); --sf-ui-1--space-y: var(--sf-a4); --sf-ui-2--space-y: var(--sf-a6); --sf-ui-3--space-y: var(--sf-a6); --sf-ui-1\/3--space-y: 0.25rem; --sf-ui-1\/3--space-y: var(--sf-a4); --sf-ui-1\/2--space-y: 0.25rem; --sf-ui-1\/2--space-y: var(--sf-a4); --sf-ui-1--space-y: var(--sf-a4); --sf-ui-2--space-y: var(--sf-a6); --sf-ui-3--space-y: var(--sf-a6); } @media (min-width: 960px) { :root { --sf-ui-1\/3--space-y: 0.375rem; --sf-ui-1\/3--space-y: var(--sf-a6); --sf-ui-1\/2--space-y: 0.375rem; --sf-ui-1\/2--space-y: var(--sf-a6); --sf-ui-1--space-y: var(--sf-a8); --sf-ui-2--space-y: var(--sf-b0); --sf-ui-3--space-y: var(--sf-b0); --sf-ui-1\/3--space-y: 0.375rem; --sf-ui-1\/3--space-y: var(--sf-a6); --sf-ui-1\/2--space-y: 0.375rem; --sf-ui-1\/2--space-y: var(--sf-a6); --sf-ui-1--space-y: var(--sf-a8); --sf-ui-2--space-y: var(--sf-b0); --sf-ui-3--space-y: var(--sf-b0); } } } @layer sf.base { :root { --sf-weight--thin: 100; --sf-weight--extra-light: 200; --sf-weight--light: 300; --sf-weight--regular: 400; --sf-weight--medium: 500; --sf-weight--semi-bold: 600; --sf-weight--bold: 700; --sf-weight--extra-bold: 800; --sf-weight--black: 900; --sf-heading--family: "Inter Variable", sans-serif; --sf-display--family: "Inter Variable", sans-serif; --sf-text--family: "Inter Variable", sans-serif; --sf-heading--margin: var(--sf-b6); --sf-text--margin: var(--sf-space-1); --sf-text--weight: var(--sf-font-weight-regular); --sf-heading--weight: var(--sf-weight--bold); --sf-display--weight: var(--sf-weight--light); } .sf-h-1, h1 { font-size: var(--sf-text-size-6); font-family: var(--sf-heading--family); line-height: var(--sf-title-height-6); font-weight: var(--sf-heading--weight); } .sf-h-1 + *, h1 + * { margin-top: var(--sf-space-3); } .sf-h-2, h2 { font-size: var(--sf-text-size-5); font-family: var(--sf-heading--family); line-height: var(--sf-title-height-5); font-weight: var(--sf-heading--weight); } .sf-h-2 + *, h2 + * { margin-top: var(--sf-heading--margin); } .sf-h-3, h3 { font-size: var(--sf-text-size-4); font-family: var(--sf-heading--family); line-height: var(--sf-title-height-4); font-weight: var(--sf-heading--weight); } .sf-h-3 + *, h3 + * { margin-top: var(--sf-heading--margin); } .sf-h-4, h4 { font-size: var(--sf-text-size-3); font-family: var(--sf-heading--family); line-height: var(--sf-title-height-3); font-weight: var(--sf-heading--weight); } .sf-h-4 + *, h4 + * { margin-top: var(--sf-heading--margin); } .sf-h-5, h5 { font-size: var(--sf-text-size-2); font-family: var(--sf-heading--family); line-height: var(--sf-title-height-2); font-weight: var(--sf-heading--weight); } .sf-h-5 + *, h5 + * { margin-top: var(--sf-heading--margin); } .sf-h-6, h6 { font-size: var(--sf-text-size-1); font-family: var(--sf-heading--family); line-height: var(--sf-title-height-1); font-weight: var(--sf-heading--weight); } .sf-h-6 + *, h6 + * { margin-top: var(--sf-space-2); } .sf-display-1, .display1, .d1 { font-size: var(--sf-text-size-12); font-family: var(--sf-display--family); line-height: var(--sf-title-height-12); font-weight: var(--sf-display--weight); } .sf-display-1 + *, .display1 + *, .d1 + * { margin-top: var(--sf-heading--margin); } .sf-display-2, .display2, .d2 { font-size: var(--sf-text-size-11); font-family: var(--sf-display--family); line-height: var(--sf-title-height-11); font-weight: var(--sf-display--weight); } .sf-display-2 + *, .display2 + *, .d2 + * { margin-top: var(--sf-heading--margin); } .sf-display-3, .display3, .d3 { font-size: var(--sf-text-size-10); font-family: var(--sf-display--family); line-height: var(--sf-title-height-10); font-weight: var(--sf-display--weight); } .sf-display-3 + *, .display3 + *, .d3 + * { margin-top: var(--sf-heading--margin); } .sf-display-4, .display4, .d4 { font-size: var(--sf-text-size-9); font-family: var(--sf-display--family); line-height: var(--sf-title-height-9); font-weight: var(--sf-display--weight); } .sf-display-4 + *, .display4 + *, .d4 + * { margin-top: var(--sf-heading--margin); } .sf-display-5, .display5, .d5 { font-size: var(--sf-text-size-8); font-family: var(--sf-display--family); line-height: var(--sf-title-height-8); font-weight: var(--sf-display--weight); } .sf-display-5 + *, .display5 + *, .d5 + * { margin-top: var(--sf-heading--margin); } .sf-display-6, .display6, .d6 { font-size: var(--sf-text-size-7); font-family: var(--sf-display--family); line-height: var(--sf-title-height-7); font-weight: var(--sf-display--weight); } .sf-display-6 + *, .display6 + *, .d6 + * { margin-top: var(--sf-heading--margin); } .sf-body-large { font-size: var(--sf-text-size-2); font-family: var(--sf-text--family); line-height: var(--sf-text-height-2); font-weight: var(--sf-font-weight-regular); } .sf-body-large + * { margin-top: var(--sf-space-1); } .sf-body-medium { font-size: var(--sf-text-size-1); font-family: var(--sf-text--family); line-height: var(--sf-text-height-1); font-weight: var(--sf-font-weight-regular); } .sf-body-small { font-size: var(--sf-text-size-1\/2); font-family: var(--sf-text--family); line-height: var(--sf-text-height-1\/2); font-weight: var(--sf-font-weight-regular); } .sf-body-small + * { margin-top: var(--sf-space-1); } .sf-label-large { font-size: var(--sf-text-size-1\/2); font-family: var(--sf-text--family); line-height: var(--sf-text-height-1\/2); font-weight: var(--sf-font-weight-regular); } .sf-label-medium { font-size: var(--sf-text-size-1\/3); font-family: var(--sf-text--family); line-height: var(--sf-text-height-1\/3); font-weight: var(--sf-font-weight-regular); } .sf-label-small { font-size: var(--sf-text-size-1\/4); font-family: var(--sf-text--family); line-height: var(--sf-text-height-1\/4); font-weight: var(--sf-font-weight-regular); } .sf-text-1\/4 { font-size: var(--sf-text-size-1\/4); font-family: var(--sf-text--family); line-height: var(--sf-text-height-1\/4); font-weight: var(--sf-font-weight-regular); } .sf-text-1\/4 + * { margin-top: var(--sf-text--margin); } .sf-text-1\/3 { font-size: var(--sf-text-size-1\/3); font-family: var(--sf-text--family); line-height: var(--sf-text-height-1\/3); font-weight: var(--sf-font-weight-regular); } .sf-text-1\/3 + * { margin-top: var(--sf-text--margin); } .sf-text-1\/2 { font-size: var(--sf-text-size-1\/2); font-family: var(--sf-text--family); line-height: var(--sf-text-height-1\/2); font-weight: var(--sf-font-weight-regular); } .sf-text-1\/2 + * { margin-top: var(--sf-text--margin); } .sf-text-1 { font-size: var(--sf-text-size-1); font-family: var(--sf-text--family); line-height: var(--sf-text-height-1); font-weight: var(--sf-font-weight-regular); } .sf-text-1 + * { margin-top: var(--sf-space-1); } .sf-text-2 { font-size: var(--sf-text-size-2); font-family: var(--sf-text--family); line-height: var(--sf-text-height-2); font-weight: var(--sf-font-weight-regular); } .sf-text-2 + * { margin-top: var(--sf-text--margin); } .sf-text-3 { font-size: var(--sf-text-size-3); font-family: var(--sf-text--family); line-height: var(--sf-text-height-3); font-weight: var(--sf-font-weight-regular); } .sf-text-3 + * { margin-top: var(--sf-text--margin); } .sf-text-4 { font-size: var(--sf-text-size-4); font-family: var(--sf-text--family); line-height: var(--sf-text-height-4); font-weight: var(--sf-font-weight-regular); } .sf-text-4 + * { margin-top: var(--sf-text--margin); } .sf-text-5 { font-size: var(--sf-text-size-5); font-family: var(--sf-text--family); line-height: var(--sf-text-height-5); font-weight: var(--sf-font-weight-regular); } .sf-text-5 + * { margin-top: var(--sf-text--margin); } .sf-text-6 { font-size: var(--sf-text-size-6); font-family: var(--sf-text--family); line-height: var(--sf-text-height-6); font-weight: var(--sf-font-weight-regular); } .sf-text-6 + * { margin-top: var(--sf-text--margin); } .sf-text-7 { font-size: var(--sf-text-size-7); font-family: var(--sf-text--family); line-height: var(--sf-text-height-7); font-weight: var(--sf-font-weight-regular); } .sf-text-7 + * { margin-top: var(--sf-text--margin); } .sf-text-8 { font-size: var(--sf-text-size-8); font-family: var(--sf-text--family); line-height: var(--sf-text-height-8); font-weight: var(--sf-font-weight-regular); } .sf-text-8 + * { margin-top: var(--sf-text--margin); } .sf-text-9 { font-size: var(--sf-text-size-9); font-family: var(--sf-text--family); line-height: var(--sf-text-height-9); font-weight: var(--sf-font-weight-regular); } .sf-text-9 + * { margin-top: var(--sf-text--margin); } .sf-text-10 { font-size: var(--sf-text-size-10); font-family: var(--sf-text--family); line-height: var(--sf-text-height-10); font-weight: var(--sf-font-weight-regular); } .sf-text-10 + * { margin-top: var(--sf-text--margin); } .sf-text-11 { font-size: var(--sf-text-size-11); font-family: var(--sf-text--family); line-height: var(--sf-text-height-11); font-weight: var(--sf-font-weight-regular); } .sf-text-11 + * { margin-top: var(--sf-text--margin); } .sf-text-12 { font-size: var(--sf-text-size-12); font-family: var(--sf-text--family); line-height: var(--sf-text-height-12); font-weight: var(--sf-font-weight-regular); } .sf-text-12 + * { margin-top: var(--sf-text--margin); } } @layer sf.base { body .sf-icon:not(.sf-icon-loaded) { font-size: 0 !important; } button { padding: 0; background: none; } div[role=button]:not(.disabled):not([disabled]):not([aria-disabled=true]) { cursor: pointer; } input, textarea { padding: 0; width: 100%; height: 100%; min-height: auto; border-radius: 0; background: transparent; } :root { --sf-font-weight-regular: 400; --sf-font-weight-medium: 500; --sf-font-weight-bold: 700; --sf-font-weight-light: 300; --sf-space-auto: auto; --sf-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --sf-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --sf-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --sf-label-small--size: var(--sf-text-size-1\/4); --sf-label-medium--size: var(--sf-text-size-1\/3); --sf-label-large--size: var(--sf-text-size-1\/2); --sf-label-small--height: var(--sf-text-height-1\/4); --sf-label-medium--height: var(--sf-text-height-1\/3); --sf-label-large--height: var(--sf-text-height-1\/2); --sf-text-small--size: var(--sf-text-size-1\/2); --sf-text-medium--size: var(--sf-text-size-1); --sf-text-large--size: var(--sf-text-size-2); --sf-text-small--height: var(--sf-text-height-1\/2); --sf-text-medium--height: var(--sf-text-height-1); --sf-text-large--height: var(--sf-text-height-2); --sf-heading--font-family: inherit; --sf-heading--font-weight: 600; --sf-heading--font-style: normal; --sf-display-1--size: var(--sf-text-size-12); --sf-display-2--size: var(--sf-text-size-11); --sf-display-3--size: var(--sf-text-size-10); --sf-display-4--size: var(--sf-text-size-9); --sf-display-5--size: var(--sf-text-size-8); --sf-display-6--size: var(--sf-text-size-7); --sf-display-1--height: var( --sf-title-height-12 ); --sf-display-2--height: var( --sf-title-height-11 ); --sf-display-3--height: var( --sf-title-height-10 ); --sf-display-4--height: var( --sf-title-height-9 ); --sf-display-5--height: var( --sf-title-height-8 ); --sf-display-6--height: var( --sf-title-height-7 ); --sf-text--space-bottom: var(--sf-space-1); --sf-heading--space-top: var(--sf-space-4); --sf-heading--space-bottom: var(--sf-space-1); --sf-text--family: "Inter Variable", sans-serif; --sf-heading--family: "Inter Variable", sans-serif; --sf-display--family: "Inter Variable", sans-serif; --sf-text--size: var(--sf-text-size-1); --sf-text--height: var(--sf-text-height-1); --sf-text--weight: 400; --sf-heading--weight: 700; --sf-display--weight: 300; --sf-text--style: inherit; --sf-text--tracking: inherit; --sf-mark--color: var(--sf-warning-transparent-overlay); --sf-code--color: var(--sf-tertiary); --sf-code--background: var(--sf-tertiary-container); --sf-code--font-family: var(--sf-mono); --sf-code--radius: var(--sf-radius-1\/3); --sf-text--line-height-tight: 1.25; --sf-text--line-height-snug: 1.375; --sf-text--line-height-relaxed: 1.625; --sf-text--line-height-loose: 2; --sf-text--line-height-none: 1; --sf-text--line-height-normal: 1.5; --sf-text--font-weight-1: 100; --sf-text--font-weight-2: 200; --sf-text--font-weight-3: 300; --sf-text--font-weight-4: 400; --sf-text--font-weight-5: 500; --sf-text--font-weight-6: 600; --sf-text--font-weight-7: 700; --sf-text--font-weight-8: 800; --sf-text--font-weight-9: 900; --sf-text--tracking-tighter: -0.05em; --sf-text--tracking-tight: -0.025em; --sf-text--tracking-wide: 0.025em; --sf-text--tracking-wider: 0.05em; --sf-text--tracking-widest: 0.1em; --sf-text--tracking-no-tracking: 0em; --sf-text--measure: 65ch; --sf-text--measure-wide: 80ch; --sf-text--measure-narrow: 45ch; } body { font-style: var(--sf-text--style); font-size: var(--sf-text--size); line-height: var(--sf-text--height); font-weight: var(--sf-text--weight); font-family: var(--sf-text--family); letter-spacing: var(--sf-text--tracking); -webkit-text-decoration-color: var(--sf-outline); text-decoration-color: var(--sf-outline); } p, table, ol, ul, q, blockquote { word-break: break-word; margin-bottom: var(--sf-text--space-bottom); } .label-small { font-size: var(--sf-label-small--size); line-height: var(--sf-label-small--height); } .label, .label-medium { font-size: var(--sf-label-medium--size); line-height: var(--sf-label-medium--height); } .label-large { font-size: var(--sf-label-large--size); line-height: var(--sf-label-large--height); } .text-small { font-size: var(--sf-text-small--size); line-height: var(--sf-text-small--height); } .text, .text-medium { font-size: var(--sf-text-medium--size); line-height: var(--sf-text-medium--height); } .text-large { font-size: var(--sf-text-large--size); line-height: var(--sf-text-large--height); } [dir="ltr"] ul{ margin-left: 0px; } [dir="rtl"] ul{ margin-right: 0px; } [dir="ltr"] ul{ margin-right: 0px; } [dir="rtl"] ul{ margin-left: 0px; } [dir="ltr"] ul{ padding-left: var(--sf-text-size-2); } [dir="rtl"] ul{ padding-right: var(--sf-text-size-2); } ul { display: block; list-style-type: disc; list-style-position: outside; margin-top: var(--sf-text-size-2); -webkit-margin-before: var(--sf-text-size-2); margin-block-start: var(--sf-text-size-2); -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 0px; -webkit-padding-start: var(--sf-text-size-2); padding-inline-start: var(--sf-text-size-2); } code { font-weight: var(--sf-text--weight-regular); color: var(--sf-color--text-primary); } } @layer sf.base { :root { --sf-link--underline-weight: var(--sf-px); --sf-link--underline-dotted: var(--sf-a3); --sf-link--underline-dashed: var(--sf-a6); } button:not(:disabled):not([class*=cursor-]) { cursor: pointer; } a { text-decoration: none; } a[href] { cursor: pointer; } a:hover:not(.sf-button) { color: var(--sf-link-hover); -webkit-text-decoration-color: var(--sf-link-hover); text-decoration-color: var(--sf-link-hover); } a:active:not(.sf-button) { color: var(--sf-link-active); -webkit-text-decoration-color: var(--sf-link-active); text-decoration-color: var(--sf-link-active); } a:visited:not(.sf-button) { color: var(--sf-link-visited); -webkit-text-decoration-color: var(--sf-link-visited); text-decoration-color: var(--sf-link-visited); } a:not([class]), a[class*=link-], [class*=link-] ~ a { color: var(--sf-link); outline: none; -webkit-text-decoration-color: var(--sf-link); text-decoration-color: var(--sf-link); text-underline-offset: 0.1875rem; text-underline-offset: var(--sf-a3); } a:not([class]):hover, a[class*=link-]:hover, [class*=link-] ~ a:hover { -webkit-text-decoration-color: var(--sf-link-hover); text-decoration-color: var(--sf-link-hover); color: var(--sf-link-hover); } a:not([class]):active, a[class*=link-]:active, [class*=link-] ~ a:active { -webkit-text-decoration-color: var(--sf-link-active); text-decoration-color: var(--sf-link-active); color: var(--sf-link-active); } a:not([class]):visited, a[class*=link-]:visited, [class*=link-] ~ a:visited { -webkit-text-decoration-color: var(--sf-link-visited); text-decoration-color: var(--sf-link-visited); color: var(--sf-link-visited); } .disabled a, .disabled a[href], .disabled a:not([class]), .disabled a[class*=link-], .disabled [class*=link-] ~ a { color: inherit; cursor: default; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } a.link-inherit, .link-inherit a, a.link-inherit-link, .link-inherit-link a { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; color: var(--sf-current); } a.link-inherit-link:hover, .link-inherit-link a:hover { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; color: var(--sf-current); } a.link-underline-none, .link-underline-none a, a.link-underline-none:hover, .link-underline-none a:hover { -webkit-text-decoration-line: none; text-decoration-line: none; } a.link-dotted, .link-dotted a { -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } a.link-dashed, .link-dashed a { -webkit-text-decoration-style: dashed; text-decoration-style: dashed; } } @layer sf.base { @media (min-width: 520px) { :root { --sf-breakpoint-sm: var(--sf-h1); } } @media (min-width: 720px) { :root { --sf-breakpoint-md: var(--sf-h2); } } @media (min-width: 960px) { :root { --sf-breakpoint-lg: var(--sf-h5); } } @media (min-width: 1140px) { :root { --sf-breakpoint-xl: var(--sf-h8); } } @media (min-width: 1320px) { :root { --sf-breakpoint-xxl: var(--sf-i2); } } } @layer sf.base { :root { --sf-transition--property: all; --sf-transition--duration: 300ms; --sf-transition--timing-function: ease-in; --sf-transition--delay: 0ms; --sf-duration-fast: 0.1S; --sf-duration-normal: 0.3S; --sf-duration-slow: 0.5S; --sf-animation: cubic-bezier(.25, .8, .25, 1); } } @layer sf.base { [dir="ltr"] .sf-loader.loader-default{ left: 0; } [dir="rtl"] .sf-loader.loader-default{ right: 0; } .sf-loader.loader-default { top: 0; inset-inline-start: 0; position: fixed; width: 100%; height: 100vh; opacity: 1; z-index: 1000; background-color: var(--sf-color--surface-highest); text-align: center; } .sf-loader.hidden { display: none; } [dir="ltr"] .sf-loader-inner{ left: 50vw; } [dir="rtl"] .sf-loader-inner{ right: 50vw; } .sf-loader-inner { position: absolute; inset-inline-start: 50vw; top: 50vh; } .circle1 { -webkit-animation: bounce linear 2.2s infinite forwards; animation: bounce linear 2.2s infinite forwards; -webkit-animation-delay: 0; animation-delay: 0; } .circle2 { -webkit-animation: bounce linear 2.2s infinite forwards; animation: bounce linear 2.2s infinite forwards; -webkit-animation-delay: 125ms; animation-delay: 125ms; } .circle3 { -webkit-animation: bounce linear 2.2s infinite forwards; animation: bounce linear 2.2s infinite forwards; -webkit-animation-delay: 250ms; animation-delay: 250ms; } .circle4 { -webkit-animation: bounce linear 2.2s infinite forwards; animation: bounce linear 2.2s infinite forwards; -webkit-animation-delay: 0.375s; animation-delay: 0.375s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 20%, 50% { -webkit-transform: translateY(9px); transform: translateY(9px); } 80% { -webkit-transform: translateY(2px); transform: translateY(2px); } 40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-7px); transform: translateY(-7px); } } @keyframes bounce { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 20%, 50% { -webkit-transform: translateY(9px); transform: translateY(9px); } 80% { -webkit-transform: translateY(2px); transform: translateY(2px); } 40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-7px); transform: translateY(-7px); } } } @layer sf.base { :root { --sf-shadow--level-ratio: 1; --sf-shadow--alfa-fill: 24%; --sf-shadow--alfa-outline: 12%; --sf-shadow--alfa-shade: 8%; --sf-shadow--color-fill: color-mix(in srgb, var(--sf-transparent), var(--sf-shadow--color, var(--sf-black, #000)) var(--sf-shadow--alfa-fill)); --sf-shadow--color-outline: color-mix(in srgb, var(--sf-transparent), var(--sf-shadow--color, var(--sf-black, #000)) var(--sf-shadow--alfa-outline)); --sf-shadow--color-shading: color-mix(in srgb, var(--sf-transparent), var(--sf-shadow--color, var(--sf-black, #000)) var(--sf-shadow--alfa-shade)); --sf-shadow--color-shade: var(--sf-shadow--color-shading); } [class*=shadow] { box-shadow: 0px calc(0.125rem * var(--sf-shadow--level-ratio)) calc(0.125rem * var(--sf-shadow--level-ratio)) calc(-1 * 0.0625rem * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-fill), 0px calc(0.0625rem * var(--sf-shadow--level-ratio)) calc(0.1875rem * var(--sf-shadow--level-ratio)) 0px var(--sf-shadow--color-outline), 0px calc(0.125rem * var(--sf-shadow--level-ratio)) calc(0.25rem * var(--sf-shadow--level-ratio)) calc(0.0625rem * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-shading); box-shadow: 0px calc(var(--sf-a2) * var(--sf-shadow--level-ratio)) calc(var(--sf-a2) * var(--sf-shadow--level-ratio)) calc(-1 * var(--sf-a1) * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-fill), 0px calc(var(--sf-a1) * var(--sf-shadow--level-ratio)) calc(var(--sf-a3) * var(--sf-shadow--level-ratio)) 0px var(--sf-shadow--color-outline), 0px calc(var(--sf-a2) * var(--sf-shadow--level-ratio)) calc(var(--sf-a4) * var(--sf-shadow--level-ratio)) calc(var(--sf-a1) * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-shading); } [class*=drop-shadow] { box-shadow: none; -webkit-filter: drop-shadow(0px calc(0.0625rem * var(--sf-shadow--level-ratio)) calc(0.0625rem * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-fill)) drop-shadow(0px calc(0.0625rem * var(--sf-shadow--level-ratio)) calc(0.1875rem * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-outline)) drop-shadow(0px calc(0.125rem * var(--sf-shadow--level-ratio)) calc(0.25rem * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-shading)); filter: drop-shadow(0px calc(0.0625rem * var(--sf-shadow--level-ratio)) calc(0.0625rem * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-fill)) drop-shadow(0px calc(0.0625rem * var(--sf-shadow--level-ratio)) calc(0.1875rem * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-outline)) drop-shadow(0px calc(0.125rem * var(--sf-shadow--level-ratio)) calc(0.25rem * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-shading)); -webkit-filter: drop-shadow(0px calc(var(--sf-a1) * var(--sf-shadow--level-ratio)) calc(var(--sf-a1) * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-fill)) drop-shadow(0px calc(var(--sf-a1) * var(--sf-shadow--level-ratio)) calc(var(--sf-a3) * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-outline)) drop-shadow(0px calc(var(--sf-a2) * var(--sf-shadow--level-ratio)) calc(var(--sf-a4) * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-shading)); filter: drop-shadow(0px calc(var(--sf-a1) * var(--sf-shadow--level-ratio)) calc(var(--sf-a1) * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-fill)) drop-shadow(0px calc(var(--sf-a1) * var(--sf-shadow--level-ratio)) calc(var(--sf-a3) * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-outline)) drop-shadow(0px calc(var(--sf-a2) * var(--sf-shadow--level-ratio)) calc(var(--sf-a4) * var(--sf-shadow--level-ratio)) var(--sf-shadow--color-shading)); } } @layer sf.base { :root { --sf-blur-small: var(--sf-a2); --sf-blur-medium: var(--sf-a4); --sf-blur-large: var(--sf-a8); --sf-surface-overlay--blur: var(--sf-d6); } @media (min-width: 960px) { :root { --sf-blur-small: var(--sf-a2); --sf-blur-medium: var(--sf-a4); --sf-blur-large: var(--sf-a8); --sf-surface-overlay--blur: var(--sf-d6); } } } @layer sf.base { .theme-light .sf-logo .sf-logo-1 { color: #221F20; } .theme-light .sf-logo .sf-logo-2 { color: #969696; } .theme-dark .sf-logo .sf-logo-1 { color: #F6F6F6; } .theme-dark .sf-logo .sf-logo-2 { color: #969696; } .sf-logo svg { width: 100%; height: 100%; max-height: 1.5rem; max-height: var(--sf-c2, 26px); } @media (min-width: 960px) { .sf-logo svg { max-height: 1.75rem; max-height: var(--sf-c4, 32px); } } } @layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;