: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; --c-bg: var(--kb-bg); --c-bg-alt: var(--kb-bg-alt); --c-surface: var(--kb-surface); --c-surface-sunken: var(--kb-surface-sunken); --c-surface-tint: var(--kb-surface-tint); --c-surface-brand: var(--kb-surface-brand); --c-surface-dark: var(--kb-surface-dark); --c-surface-darker: var(--kb-surface-darker); --c-surface-accent: var(--kb-surface-accent); --c-text: var(--kb-text); --c-text-heading: var(--kb-text-heading); --c-text-muted: var(--kb-text-muted); --c-text-subtle: var(--kb-text-subtle); --c-text-brand: var(--kb-text-brand); --c-text-on-dark: var(--kb-text-on-dark); --c-text-muted-on-dark: var(--kb-text-muted-on-dark); --c-text-on-brand: var(--kb-text-on-brand); --c-text-on-accent: var(--kb-text-on-accent); --c-primary: var(--kb-primary); --c-primary-mid: var(--kb-primary-mid); --c-primary-deep: var(--kb-primary-deep); --c-primary-soft: var(--kb-primary-soft); --c-primary-tint: var(--kb-primary-tint); --c-accent: var(--kb-accent); --c-accent-light: var(--kb-accent-light); --c-accent-strong: var(--kb-accent-strong); --c-accent-deep: var(--kb-accent-deep); --c-accent-soft: var(--kb-accent-soft); --c-accent-tint: var(--kb-accent-tint); --c-link: var(--kb-link); --c-link-hover: var(--kb-link-hover); --c-link-on-dark: var(--kb-link-on-dark); --c-success: var(--kb-success); --c-success-soft: var(--kb-success-soft); --c-warning: var(--kb-warning); --c-warning-soft: var(--kb-warning-soft); --c-danger: var(--kb-danger); --c-danger-soft: var(--kb-danger-soft); --c-info: var(--kb-info); --c-info-soft: var(--kb-info-soft); --c-border: var(--kb-border); --c-border-strong: var(--kb-border-strong); --c-border-field: var(--kb-border-field); --c-border-dark: var(--kb-border-dark); --c-focus: var(--kb-focus); --c-price: var(--kb-price); --c-price-sale: var(--kb-price-sale); --c-price-was: var(--kb-price-was); --c-cta-bg: var(--kb-cta-bg); --c-cta-bg-hover: var(--kb-cta-bg-hover); --c-cta-text: var(--kb-cta-text); --c-cta-alt-bg: var(--kb-cta-alt-bg); --c-badge-sale-bg: var(--kb-badge-sale-bg); --c-badge-new-bg: var(--kb-badge-new-bg); --c-badge-out-bg: var(--kb-badge-out-bg); --c-badge-hot-bg: var(--kb-badge-hot-bg); --c-stock-in: var(--kb-stock-in); --c-stock-low: var(--kb-stock-low); --c-stock-out: var(--kb-stock-out); --c-rating-star: var(--kb-rating-star); --c-rating-star-empty: var(--kb-rating-star-empty); --c-wishlist: var(--kb-wishlist); --c-trust-bg: var(--kb-trust-bg); --c-swatch-ring: var(--kb-swatch-ring); --space-3xs: clamp(0.3rem, calc(0.0007407407 * (100vw - 22.5rem) + 0.3rem), 0.35rem); --space-2xs: clamp(0.44rem, calc(0.0011851852 * (100vw - 22.5rem) + 0.44rem), 0.52rem); --space-xs: clamp(0.67rem, calc(0.0016296296 * (100vw - 22.5rem) + 0.67rem), 0.78rem); --space-s: clamp(1rem, calc(0.0025185185 * (100vw - 22.5rem) + 1rem), 1.17rem); --space-m: clamp(1.5rem, calc(0.0037037037 * (100vw - 22.5rem) + 1.5rem), 1.75rem); --space-l: clamp(2.25rem, calc(0.0056296296 * (100vw - 22.5rem) + 2.25rem), 2.63rem); --space-xl: clamp(3.38rem, calc(0.0082962963 * (100vw - 22.5rem) + 3.38rem), 3.94rem); --space-2xl: clamp(5.06rem, calc(0.0125925926 * (100vw - 22.5rem) + 5.06rem), 5.91rem); --space-3xl: clamp(7.59rem, calc(0.0188148148 * (100vw - 22.5rem) + 7.59rem), 8.86rem); --text-xs: clamp(0.69rem, calc(0.001037037037037038 * (100vw - 22.5rem) + 0.69rem), 0.76rem); --text-s: clamp(0.78rem, calc(0.0013333333333333329 * (100vw - 22.5rem) + 0.78rem), 0.87rem); --text-m: clamp(0.88rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.88rem), 1rem); --text-l: clamp(0.98rem, calc(0.0025185185185185176 * (100vw - 22.5rem) + 0.98rem), 1.15rem); --text-xl: clamp(1.11rem, calc(0.0031111111111111105 * (100vw - 22.5rem) + 1.11rem), 1.32rem); --text-2xl: clamp(1.25rem, calc(0.004 * (100vw - 22.5rem) + 1.25rem), 1.52rem); --text-3xl: clamp(1.4rem, calc(0.005185185185185187 * (100vw - 22.5rem) + 1.4rem), 1.75rem); --text-4xl: clamp(1.58rem, calc(0.0063703703703703665 * (100vw - 22.5rem) + 1.58rem), 2.01rem);}