:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --lime: #BBE861; --aqua: #00ABB7; --green: #1D7C4E; --green-l-1: #569d7a; --green-l-2: #8ebea7; --green-l-3: #c7ded3; --green-d-1: #165d3b; --green-d-2: #0f3e27; --green-d-3: #071f14; --black: #000; --white: #fff; --white-d-1: #f6f6f6; --white-d-2: #e6e6e6; --white-d-3: #b6b6b6; --red: #922B2B; --red-d-1: #6e2020; --red-d-2: #491616; --red-d-3: #250b0b; --orange: #E58D00; --orange-l-1: #ecaa40; --orange-l-2: #f2c680; --orange-l-3: #f9e3bf; --orange-d-1: #ac6a00; --orange-d-2: #734700; --orange-d-3: #392300; --beige: #F9F5EB; --aqua-l-1: #1ab3be; --aqua-l-2: #33bcc5; --aqua-l-3: #4dc4cd; --aqua-l-4: #66cdd4; --aqua-l-5: #80d5db; --aqua-l-6: #99dde2; --aqua-l-7: #b3e6e9; --aqua-l-8: #cceef1; --aqua-l-9: #e6f7f8; --lime-l-1: #c2ea71; --lime-l-2: #c9ed81; --lime-l-3: #cfef90; --lime-l-4: #d6f1a0; --lime-l-5: #ddf4b0; --lime-l-6: #e4f6c0; --lime-l-7: #ebf8d0; --lime-l-8: #f1fadf; --lime-l-9: #f8fdef; --lime-d-1: #a8d157; --lime-d-2: #96ba4e; --lime-d-3: #83a244; --lime-d-4: #578200; --lime-d-5: #5e7431; --lime-d-6: #3e5d00; --lime-d-7: #38461d; --lime-d-8: #1f2e00; --lime-d-9: #13170a; --lime-vibrant: #CAFF61; --aqua-d-1: #009aa5; --aqua-d-2: #008089; --aqua-d-3: #007880; --aqua-d-4: #00676e; --aqua-d-5: #00565c; --aqua-d-6: #004449; --aqua-d-7: #003337; --aqua-d-8: #002225; --aqua-d-9: #001112; --black-l-1: #1a1a1a; --black-l-2: #333333; --black-l-3: #666666; --beige-d-1: #e0ddd4; --beige-d-2: #c7c4bc; --beige-d-3: #aeaca5; --beige-d-4: #95938d; --beige-d-5: #7d7b76; --beige-d-6: #64625e; --beige-d-7: #4b4a47; --beige-d-8: #32312f; --beige-d-9: #191918; --beige-t-1: hsla(43, 54%, 95%, 0.17); --beige-t-2: hsla(43, 54%, 95%, 0.33); --beige-t-3: hsla(43, 54%, 95%, 0.5); --beige-t-4: hsla(43, 54%, 95%, 0.67); --beige-t-5: hsla(43, 54%, 95%, 0.83); --red-l-1: #ad6060; --red-l-2: #c99595; --red-l-3: #e4caca; --col-in-text-link-default: var(--lime-d-4); --col-in-text-link-hover: var(--lime-d-6); --col-in-text-link-pressed: var(--lime-d-8); --col-in-text-link-visited: var(--lime-d-8); --col-btn-primary-bg-default: var(--lime); --col-btn-primary-bg-hover: var(--lime-vibrant); --col-btn-primary-bg-pressed: var(--lime-d-3); --col-btn-primary-text-default: var(--black-l-1); --col-btn-primary-text-hover: var(--black); --col-btn-primary-text-pressed: var(--black); --col-btn-primary-outline-default: var(--black-l-1); --col-btn-primary-outline-hover: var(--black); --col-btn-primary-outline-pressed: var(--black); --col-btn-secondary-bg-default: var(--aqua-d-2); --col-btn-secondary-bg-hover: var(--aqua-d-5); --col-btn-secondary-bg-pressed: var(--aqua-d-7); --col-btn-secondary-text-default: var(--white); --col-btn-secondary-text-hover: var(--white); --col-btn-secondary-text-pressed: var(--white); --col-btn-secondary-outline-default: var(--black-l-1); --col-btn-secondary-outline-hover: var(--black); --col-btn-secondary-outline-pressed: var(--black); --col-action-icon-default: var(--aqua-d-2); --col-action-icon-hover: var(--aqua-d-5); --col-action-icon-pressed: var(--aqua-d-7); --col-btn-outline-bg-default: hsla(0, 0%, 100%, 0); --col-btn-outline-bg-hover: var(--aqua-l-7); --col-btn-outline-bg-pressed: var(--aqua-l-5); --col-btn-outline-text-default: var(--black); --col-btn-outline-text-hover: var(--black-l-1); --col-btn-outline-text-pressed: var(--black); --col-btn-outline-outline-default: var(--aqua-d-2); --col-btn-outline-outline-hover: var(--black-l-1); --col-btn-outline-outline-pressed: var(--black); --col-menu-text-default: var(--black-l-1); --col-menu-text-hover: var(--black); --col-menu-text-pressed: var(--black); --col-btn-info-bg-default: hsla(0, 0%, 100%, 0); --col-btn-info-bg-hover: hsla(0, 0%, 100%, 0); --col-btn-info-bg-pressed: var(--aqua-l-7); --col-card-bg-hover: var(--beige-d-1); --col-header-default: var(--black); --col-header-accent: var(--aqua-d-1); --col-subtitle: var(--black-l-1); --col-text-default: var(--black); --col-text-secondary: var(--black-l-2); --col-text-tertiary: var(--black-l-3); --col-text-light: var(--white); --col-text-placeholder: var(--white-d-3); --col-text-placeholder-hover: var(--black-l-3); --col-bg-default: var(--white); --col-bg-neutral: var(--beige); --col-bg-action: var(--lime-l-9); --col-bg-info: var(--aqua-l-9); --col-line-default: var(--black-l-1); --col-line-emphasis: var(--aqua-d-1); --col-line-light: var(--white-d-2); --col-bg-neutral-pressed: var(--beige-d-1); --col-bg-neutral-header-overlay: var(--beige-t-3); --col-bg-info-darker: var(--aqua-l-7); --col-line-time: var(--red-l-2); --icon-info: var(--aqua-d-3); --pad-2xs: clamp(0.3rem, calc(0.001037037037037037 * (100vw - 22.5rem) + 0.3rem), 0.37rem); --pad-xs: clamp(0.44rem, calc(0.0017777777777777785 * (100vw - 22.5rem) + 0.44rem), 0.56rem); --pad-s: clamp(0.67rem, calc(0.002370370370370369 * (100vw - 22.5rem) + 0.67rem), 0.83rem); --pad-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --pad-l: clamp(1.5rem, calc(0.005629629629629628 * (100vw - 22.5rem) + 1.5rem), 1.88rem); --pad-xl: clamp(2.25rem, calc(0.008296296296296296 * (100vw - 22.5rem) + 2.25rem), 2.81rem); --pad-2xl: clamp(3.38rem, calc(0.012444444444444442 * (100vw - 22.5rem) + 3.38rem), 4.22rem); --pad-3xl: clamp(5.06rem, calc(0.018814814814814822 * (100vw - 22.5rem) + 5.06rem), 6.33rem); --pad-4xl: clamp(7.59rem, calc(0.028148148148148155 * (100vw - 22.5rem) + 7.59rem), 9.49rem); --heading-h5: clamp(0.75rem, calc(0 * (100vw - 18.75rem) + 0.75rem), 0.75rem); --heading-h4: clamp(0.84rem, calc(0.0027076923076923085 * (100vw - 18.75rem) + 0.84rem), 1.06rem); --heading-h3: clamp(1.13rem, calc(0.004553846153846155 * (100vw - 18.75rem) + 1.13rem), 1.5rem); --heading-h2: clamp(1.5rem, calc(0.007753846153846153 * (100vw - 18.75rem) + 1.5rem), 2.13rem); --heading-h1: clamp(2rem, calc(0.012307692307692308 * (100vw - 18.75rem) + 2rem), 3rem); --text-xs: clamp(0.81rem, calc(-0.0007384615384615391 * (100vw - 18.75rem) + 0.81rem), 0.75rem); --text-s: clamp(0.88rem, calc(0 * (100vw - 18.75rem) + 0.88rem), 0.88rem); --text-m: clamp(1rem, calc(0 * (100vw - 18.75rem) + 1rem), 1rem); --text-l: clamp(1.13rem, calc(0.0014769230769230781 * (100vw - 18.75rem) + 1.13rem), 1.25rem); --text-xl: clamp(1.25rem, calc(0.003076923076923077 * (100vw - 18.75rem) + 1.25rem), 1.5rem); --text-2xl: clamp(1.42rem, calc(0.00450909090909091 * (100vw - 18.75rem) + 1.42rem), 1.73rem); --text-3xl: clamp(1.6rem, calc(0.006836363636363633 * (100vw - 18.75rem) + 1.6rem), 2.07rem); --icon-size-2xs: clamp(0.95rem, calc(0.0016000000000000014 * (100vw - 18.75rem) + 0.95rem), 1.06rem); --icon-size-xs: clamp(1.27rem, calc(0.003345454545454545 * (100vw - 18.75rem) + 1.27rem), 1.5rem); --icon-size-s: clamp(1.69rem, calc(0.006254545454545457 * (100vw - 18.75rem) + 1.69rem), 2.12rem); --icon-size-m: clamp(2.25rem, calc(0.01090909090909091 * (100vw - 18.75rem) + 2.25rem), 3rem); --icon-size-l: clamp(3rem, calc(0.01803636363636364 * (100vw - 18.75rem) + 3rem), 4.24rem); --icon-size-xl: clamp(4rem, calc(0.02909090909090909 * (100vw - 18.75rem) + 4rem), 6rem);}