:root{--font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-heading: var(--font-family)}:root{--kloki-blue-900: #062B78;--kloki-blue-700: #1A4886;--kloki-blue-600: #22599F;--kloki-blue-400: #33A3FF;--kloki-blue-900-rgb: 6, 43, 120;--kloki-blue-700-rgb: 26, 72, 134;--kloki-blue-400-rgb: 51, 163, 255;--kloki-magenta-600: #DB077A;--kloki-magenta-500: #DB047A;--kloki-magenta-800: #B8036A;--kloki-magenta-vivid: #E6007E;--kloki-pink-300: #FF8AC2;--kloki-purple-700: #5B1480;--kloki-magenta-600-rgb: 219, 7, 122;--kloki-magenta-500-rgb: 219, 4, 122;--kloki-magenta-vivid-rgb: 230, 0, 126;--kloki-yellow-400: #FFD43B;--kloki-yellow-300: #FFE566;--kloki-yellow-500: #F5C400;--kloki-yellow-100: #FFF4CC;--kloki-amber-500: #E8A820;--kloki-star-500: #F5B301;--kloki-yellow-400-rgb: 255, 212, 59;--kloki-cream-100: #FFF8E8;--kloki-cream-200: #F4F1EA;--kloki-rose-100: #FFE9F3;--kloki-sky-200: #D8F1FF;--kloki-sky-100: #EAF7FF;--kloki-sky-050: #F7FAFF;--kloki-red-500: #DC2A2E;--kloki-green-600: #129A5B;--kloki-green-checkout: #35B695;--kloki-red-500-rgb: 220, 42, 46;--kloki-green-checkout-rgb: 53, 182, 149;--kloki-white: #FFFFFF;--kloki-ink-900: #1D1D1D;--kloki-ink-900-rgb: 29, 29, 29;--kloki-line-cool: #E4ECF5;--kloki-line-warm: #ECE9E3;--kloki-grey-500: #7B7B7B;--color-brand: var(--kloki-blue-700);--color-brand-deep: var(--kloki-blue-900);--color-brand-accent: var(--kloki-magenta-500);--color-brand-highlight: var(--kloki-yellow-400);--color-cta: var(--kloki-magenta-600);--color-cta-hover: var(--kloki-magenta-800);--color-cta-text: var(--kloki-white);--color-cta-ring: var(--kloki-magenta-500);--color-cta-secondary-bg: rgba(255, 255, 255, .7);--color-cta-secondary-text: var(--kloki-blue-700);--color-cta-secondary-border: var(--kloki-blue-700);--color-cta-dark: var(--kloki-blue-700);--color-cta-dark-hover: var(--kloki-blue-900);--color-accent-blue: var(--kloki-blue-400);--color-on-accent-blue: var(--kloki-blue-900);--color-positive: var(--kloki-green-600);--color-positive-strong: var(--kloki-green-600);--color-negative: var(--kloki-red-500);--color-warning: var(--kloki-amber-500);--color-rating: var(--kloki-star-500);--color-checkout: var(--kloki-green-checkout);--color-surface: var(--kloki-white);--color-surface-sky: var(--kloki-sky-100);--color-surface-sky-strong: var(--kloki-sky-200);--color-surface-sky-faint: var(--kloki-sky-050);--color-surface-cream: var(--kloki-cream-100);--color-surface-cream-warm: var(--kloki-cream-200);--color-surface-rose: var(--kloki-rose-100);--color-surface-yellow: var(--kloki-yellow-100);--color-surface-dark: var(--kloki-blue-900);--color-surface-brand: var(--kloki-blue-700);--color-heading: var(--kloki-blue-700);--color-heading-sub: var(--kloki-blue-900);--color-text-strong: var(--kloki-ink-900);--color-text: rgba(var(--kloki-ink-900-rgb), .8);--color-text-muted: rgba(var(--kloki-ink-900-rgb), .75);--color-text-soft: rgba(var(--kloki-ink-900-rgb), .65);--color-text-faint: rgba(var(--kloki-ink-900-rgb), .45);--color-text-accent: var(--kloki-magenta-500);--color-text-overline: var(--kloki-grey-500);--color-on-dark: var(--kloki-white);--color-on-dark-muted: rgba(255, 255, 255, .75);--color-on-yellow: var(--kloki-blue-900);--color-border: var(--kloki-line-cool);--color-border-warm: var(--kloki-line-warm);--color-border-hair: rgba(var(--kloki-blue-900-rgb), .1);--color-border-faint: rgba(var(--kloki-blue-700-rgb), .05);--color-border-strong: var(--kloki-ink-900);--color-focus-ring: var(--kloki-blue-700);--color-focus-halo: var(--kloki-yellow-100);--overlay-modal: rgba(2, 6, 18, .75);--overlay-glass: rgba(255, 255, 255, .92);--overlay-glass-mobile: rgba(255, 255, 255, .96);--overlay-media: linear-gradient(to top, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .28) 35%, transparent 100%);--overlay-control: rgba(17, 17, 17, .6);--overlay-play: rgba(255, 255, 255, .94);--gradient-hero: linear-gradient(var(--kloki-sky-200), var(--kloki-sky-100) 55%, var(--kloki-white));--gradient-promo-warm: linear-gradient(90deg, var(--kloki-yellow-400), var(--kloki-yellow-300) 50%, var(--kloki-yellow-500));--gradient-promo-cool: linear-gradient(90deg, var(--kloki-blue-700), var(--kloki-blue-600) 55%, rgba(var(--kloki-magenta-600-rgb), .8));--gradient-brand: linear-gradient(135deg, var(--kloki-magenta-500), var(--kloki-blue-700));--gradient-winner: linear-gradient(135deg, var(--kloki-magenta-vivid), var(--kloki-blue-900));--gradient-winner-head:linear-gradient(135deg, var(--kloki-yellow-400), var(--kloki-pink-300), var(--kloki-magenta-vivid) 80%);--gradient-badge: linear-gradient(90deg, var(--kloki-magenta-500), var(--kloki-blue-900));--gradient-card-1: linear-gradient(160deg, var(--kloki-sky-100), var(--kloki-cream-100));--gradient-card-2: linear-gradient(160deg, var(--kloki-cream-100), var(--kloki-rose-100));--gradient-card-3: linear-gradient(160deg, var(--kloki-rose-100), var(--kloki-sky-100));--gradient-card-4: linear-gradient(160deg, var(--kloki-sky-200), var(--kloki-cream-100))}:root{--font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-heading: var(--font-family);--font-weight-regular: 400;--font-weight-medium: 600;--font-weight-semibold: 700;--font-weight-bold: 800;--font-size-display: clamp(40px, calc(25.24px + 3.79vw) , 64px);--font-size-h2: clamp(30px, calc(18.93px + 2.84vw) , 48px);--font-size-h3: 24px;--font-size-h4: clamp(18px, calc(15.94px + .53vw) , 20px);--font-size-lead: clamp(16px, calc(13.94px + .53vw) , 18px);--font-size-body: 15px;--font-size-body-sm: 14px;--font-size-caption: 13px;--font-size-micro: 11.5px;--font-size-eyebrow: 12px;--font-size-overline: 11px;--font-size-badge: 11px;--font-size-chip: 13px;--font-size-sticker: 12px;--font-size-quote: 16px;--font-size-button: 18px;--font-size-button-sm: 14px;--font-size-price: clamp(32px, calc(23.75px + 2.12vw) , 40px);--font-size-price-plan: clamp(30px, calc(23.81px + 1.59vw) , 36px);--font-size-price-strike:17px;--font-size-price-mid: 15px;--font-size-display-sm: 40px;--font-size-display-md: 56px;--font-size-display-lg: 64px;--font-size-h2-sm: 30px;--font-size-h2-md: 36px;--font-size-h2-lg: 48px;--font-size-lead-sm: 16px;--font-size-lead-lg: 18px;--font-size-price-sm: 32px;--font-size-price-lg: 40px;--leading-display: 1.12;--leading-heading: 1.25;--leading-sub: 1.4;--leading-compact: 1.5;--leading-button: 1.55;--leading-body: 1.625;--leading-price: 1;--leading-sticker: 1.34;--tracking-normal: normal;--tracking-display: -.025em;--tracking-eyebrow: .06em;--tracking-overline: .14em;--tracking-badge: .08em;--tracking-micro: .05em;--measure-heading: 1100px;--measure-lead: 720px;--measure-hero: 620px;--measure-faq: 820px;--measure-card: 520px;--measure-callout: 900px}:root{--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--section-y: var(--space-64);--section-y-lg: var(--space-80);--section-y-hero: var(--space-96);--section-y-tight: var(--space-40);--heading-gap: var(--space-32);--heading-gap-sm: var(--space-24);--grid-gap: var(--space-24);--carousel-gap: var(--space-16);--grid-gap-theme: var(--space-40)}:root{--radius-xs: 6px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--radius-circle: 50%;--radius-card: var(--radius-xl);--radius-media: var(--radius-lg);--radius-inner: var(--radius-md);--radius-input: var(--radius-sm);--radius-button: var(--radius-pill);--radius-card-top: 32px 32px 0 0;--radius-card-bottom: 0 0 32px 32px}:root{--elevation-0: 0 0 0 1px rgba(var(--kloki-blue-700-rgb), .05);--elevation-1: 0 0 0 1px rgba(var(--kloki-blue-900-rgb), .1), 0 2px 16px rgba(0, 0, 0, .04);--elevation-2: 0 12px 32px rgba(var(--kloki-blue-700-rgb), .1);--elevation-3: 0 22px 60px rgba(var(--kloki-blue-700-rgb), .16);--elevation-4: 0 8px 22px rgba(0, 0, 0, .18);--elevation-4-sm: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--elevation-sticky: 0 -8px 24px rgba(var(--kloki-blue-700-rgb), .12);--glow-cta: 0 10px 30px -8px rgba(var(--kloki-magenta-600-rgb), .55);--glow-blue: 0 10px 24px rgba(var(--kloki-blue-700-rgb), .28);--offset-sm: 0 0 0 1px rgba(var(--kloki-blue-900-rgb), .05), 0 2px 0 0 rgba(var(--kloki-blue-900-rgb), .08);--offset-md: 0 0 0 2px rgba(var(--kloki-blue-900-rgb), .1), 0 4px 0 0 rgba(var(--kloki-blue-900-rgb), .12);--offset-lg: 0 0 0 2px var(--kloki-yellow-400), 0 8px 0 -2px rgba(var(--kloki-magenta-vivid-rgb), .35);--offset-verdict: 0 0 0 2px var(--kloki-white), 0 4px 0 0 rgba(var(--kloki-blue-900-rgb), .18);--offset-ink: 4px 4px 0 var(--kloki-ink-900);--ring-active: 0 0 0 2px var(--kloki-magenta-600);--ring-focus: 0 0 0 4px var(--kloki-yellow-100)}:root{--container: 1200px;--container-narrow: 1000px;--container-theme: 1300px;--gutter: 16px;--gutter-lg: 24px;--z-base: 0;--z-raised: 2;--z-mask: 4;--z-header: 40;--z-sticky: 50;--z-sticky-cta: 51;--z-overlay: 100;--z-modal: 900;--z-drawer: 1060;--z-a11y: 9999}:root{--duration-instant: .1s;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .28s;--duration-panel: .3s;--duration-sheet: .45s;--ease: ease;--ease-soft: cubic-bezier(.22, 1, .36, 1);--ease-slam: cubic-bezier(.16, 1, .3, 1);--transition-button: transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease);--transition-card: transform var(--duration-slow) var(--ease), box-shadow var(--duration-slow) var(--ease);--transition-panel: transform var(--duration-panel) var(--ease), opacity var(--duration-panel) var(--ease);--lift-button: -1px;--lift-card: -2px}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 1ms;--duration-fast: 1ms;--duration-base: 1ms;--duration-slow: 1ms;--duration-panel: 1ms;--duration-sheet: 1ms;--ease: linear;--ease-soft: linear;--ease-slam: linear;--transition-button: none;--transition-card: none;--transition-panel: none;--lift-button: 0px;--lift-card: 0px}}:root{--brand-yellow: #FFD600;--brand-blue: #1A4886;--brand-black: #1D1D1D;--brand-magenta: #DB077A;--brand-blue-light: #33A3FF;--brand-red: #DC2A2E;--brand-skin: #F3D39D;--brand-cheeks: #EAA89B;--brand-magenta-dark: #A50059;--brand-blue-dark: #0070AD;--brand-red-dark: #A90004;--brand-skin-dark: #BAA278;--brand-cheeks-dark: #B4847B;--brand-ground-blue: var(--brand-blue);--brand-ground-yellow: var(--brand-yellow);--brand-ground-sky: var(--brand-blue-light)}
/*# sourceMappingURL=/cdn/shop/t/30/assets/moon-tokens.css.map */