[data-surface=acid]{--surface: var(--brand-acid);--surface-rgb: var(--brand-acid-rgb);--ink: var(--brand-ink);--ink-rgb: var(--brand-ink-rgb);--focus: var(--brand-ink);--color-background: var(--brand-acid);--color-background-rgb: var(--brand-acid-rgb);--color-foreground: var(--brand-ink);--color-foreground-rgb: var(--brand-ink-rgb);--color-foreground-muted: var(--brand-ink);--color-border: var(--brand-ink);--color-border-rgb: var(--brand-ink-rgb);--color-primary-button-background: var(--brand-ink);--color-primary-button-text: var(--brand-paper);--color-primary-button-border: var(--brand-ink);--color-primary-button-focus-outline: var(--brand-ink);--color-primary-button-hover-background: var(--brand-ink);--color-primary-button-hover-text: var(--brand-acid);--color-primary-button-hover-border: var(--brand-ink);--color-secondary-button-background: var(--brand-acid);--color-secondary-button-text: var(--brand-ink);--color-secondary-button-border: var(--brand-ink);--color-secondary-button-hover-background: var(--brand-ink);--color-secondary-button-hover-text: var(--brand-paper);--color-secondary-button-hover-border: var(--brand-ink);--color-input-background: var(--brand-paper);--color-input-text: var(--brand-ink);--color-input-text-rgb: var(--brand-ink-rgb);--color-input-border: var(--brand-ink);--color-variant-background: var(--brand-acid);--color-variant-text: var(--brand-ink);--color-variant-text-rgb: var(--brand-ink-rgb);--color-variant-border: var(--brand-ink);--color-variant-hover-background: var(--brand-acid);--color-variant-hover-text: var(--brand-ink);--color-variant-hover-border: var(--brand-ink);--color-selected-variant-background: var(--brand-ink);--color-selected-variant-text: var(--brand-paper);--color-selected-variant-text-rgb: var(--brand-paper-rgb);--color-selected-variant-border: var(--brand-ink);--color-selected-variant-hover-background: var(--brand-ink);--color-selected-variant-hover-text: var(--brand-paper);--color-selected-variant-hover-border: var(--brand-ink)}[data-surface=volt]{--surface: var(--brand-volt);--surface-rgb: var(--brand-volt-rgb);--ink: var(--brand-ink);--ink-rgb: var(--brand-ink-rgb);--focus: var(--brand-ink);--color-background: var(--brand-volt);--color-background-rgb: var(--brand-volt-rgb);--color-foreground: var(--brand-ink);--color-foreground-rgb: var(--brand-ink-rgb);--color-foreground-muted: var(--brand-ink);--color-border: var(--brand-ink);--color-border-rgb: var(--brand-ink-rgb);--color-primary-button-background: var(--brand-ink);--color-primary-button-text: var(--brand-paper);--color-primary-button-border: var(--brand-ink);--color-primary-button-focus-outline: var(--brand-ink);--color-primary-button-hover-background: var(--brand-ink);--color-primary-button-hover-text: var(--brand-acid);--color-primary-button-hover-border: var(--brand-ink);--color-secondary-button-background: var(--brand-volt);--color-secondary-button-text: var(--brand-ink);--color-secondary-button-border: var(--brand-ink);--color-secondary-button-hover-background: var(--brand-ink);--color-secondary-button-hover-text: var(--brand-paper);--color-secondary-button-hover-border: var(--brand-ink);--color-input-background: var(--brand-paper);--color-input-text: var(--brand-ink);--color-input-text-rgb: var(--brand-ink-rgb);--color-input-border: var(--brand-ink);--color-variant-background: var(--brand-volt);--color-variant-text: var(--brand-ink);--color-variant-text-rgb: var(--brand-ink-rgb);--color-variant-border: var(--brand-ink);--color-variant-hover-background: var(--brand-volt);--color-variant-hover-text: var(--brand-ink);--color-variant-hover-border: var(--brand-ink);--color-selected-variant-background: var(--brand-ink);--color-selected-variant-text: var(--brand-paper);--color-selected-variant-text-rgb: var(--brand-paper-rgb);--color-selected-variant-border: var(--brand-ink);--color-selected-variant-hover-background: var(--brand-ink);--color-selected-variant-hover-text: var(--brand-paper);--color-selected-variant-hover-border: var(--brand-ink)}[data-surface=lilac]{--surface: var(--brand-lilac);--surface-rgb: var(--brand-lilac-rgb);--ink: var(--brand-ink);--ink-rgb: var(--brand-ink-rgb);--focus: var(--brand-ink);--color-background: var(--brand-lilac);--color-background-rgb: var(--brand-lilac-rgb);--color-foreground: var(--brand-ink);--color-foreground-rgb: var(--brand-ink-rgb);--color-foreground-muted: var(--brand-ink);--color-border: var(--brand-ink);--color-border-rgb: var(--brand-ink-rgb);--color-primary-button-background: var(--brand-ink);--color-primary-button-text: var(--brand-paper);--color-primary-button-border: var(--brand-ink);--color-primary-button-focus-outline: var(--brand-ink);--color-primary-button-hover-background: var(--brand-ink);--color-primary-button-hover-text: var(--brand-acid);--color-primary-button-hover-border: var(--brand-ink);--color-secondary-button-background: var(--brand-lilac);--color-secondary-button-text: var(--brand-ink);--color-secondary-button-border: var(--brand-ink);--color-secondary-button-hover-background: var(--brand-ink);--color-secondary-button-hover-text: var(--brand-paper);--color-secondary-button-hover-border: var(--brand-ink);--color-input-background: var(--brand-paper);--color-input-text: var(--brand-ink);--color-input-text-rgb: var(--brand-ink-rgb);--color-input-border: var(--brand-ink);--color-variant-background: var(--brand-lilac);--color-variant-text: var(--brand-ink);--color-variant-text-rgb: var(--brand-ink-rgb);--color-variant-border: var(--brand-ink);--color-variant-hover-background: var(--brand-lilac);--color-variant-hover-text: var(--brand-ink);--color-variant-hover-border: var(--brand-ink);--color-selected-variant-background: var(--brand-ink);--color-selected-variant-text: var(--brand-paper);--color-selected-variant-text-rgb: var(--brand-paper-rgb);--color-selected-variant-border: var(--brand-ink);--color-selected-variant-hover-background: var(--brand-ink);--color-selected-variant-hover-text: var(--brand-paper);--color-selected-variant-hover-border: var(--brand-ink)}[data-surface=paper]{--surface: var(--brand-paper);--surface-rgb: var(--brand-paper-rgb);--ink: var(--brand-ink);--ink-rgb: var(--brand-ink-rgb);--focus: var(--brand-ink);--color-background: var(--brand-paper);--color-background-rgb: var(--brand-paper-rgb);--color-foreground: var(--brand-ink);--color-foreground-rgb: var(--brand-ink-rgb);--color-foreground-muted: var(--brand-ink);--color-border: var(--brand-ink);--color-border-rgb: var(--brand-ink-rgb);--color-primary-button-background: var(--brand-ink);--color-primary-button-text: var(--brand-paper);--color-primary-button-border: var(--brand-ink);--color-primary-button-focus-outline: var(--brand-ink);--color-primary-button-hover-background: var(--brand-ink);--color-primary-button-hover-text: var(--brand-acid);--color-primary-button-hover-border: var(--brand-ink);--color-secondary-button-background: var(--brand-paper);--color-secondary-button-text: var(--brand-ink);--color-secondary-button-border: var(--brand-ink);--color-secondary-button-hover-background: var(--brand-ink);--color-secondary-button-hover-text: var(--brand-paper);--color-secondary-button-hover-border: var(--brand-ink);--color-input-background: var(--brand-paper);--color-input-text: var(--brand-ink);--color-input-text-rgb: var(--brand-ink-rgb);--color-input-border: var(--brand-ink);--color-variant-background: var(--brand-paper);--color-variant-text: var(--brand-ink);--color-variant-text-rgb: var(--brand-ink-rgb);--color-variant-border: var(--brand-ink);--color-variant-hover-background: var(--brand-paper);--color-variant-hover-text: var(--brand-ink);--color-variant-hover-border: var(--brand-ink);--color-selected-variant-background: var(--brand-ink);--color-selected-variant-text: var(--brand-paper);--color-selected-variant-text-rgb: var(--brand-paper-rgb);--color-selected-variant-border: var(--brand-ink);--color-selected-variant-hover-background: var(--brand-ink);--color-selected-variant-hover-text: var(--brand-paper);--color-selected-variant-hover-border: var(--brand-ink)}[data-surface=midnight]{--surface: var(--brand-ink);--surface-rgb: var(--brand-ink-rgb);--ink: var(--brand-paper);--ink-rgb: var(--brand-paper-rgb);--focus: var(--brand-acid);--color-background: var(--brand-ink);--color-background-rgb: var(--brand-ink-rgb);--color-foreground: var(--brand-paper);--color-foreground-rgb: var(--brand-paper-rgb);--color-foreground-muted: var(--brand-paper);--color-border: var(--brand-paper);--color-border-rgb: var(--brand-paper-rgb);--color-primary-button-background: var(--brand-acid);--color-primary-button-text: var(--brand-ink);--color-primary-button-border: var(--brand-acid);--color-primary-button-focus-outline: var(--brand-acid);--color-primary-button-hover-background: var(--brand-paper);--color-primary-button-hover-text: var(--brand-ink);--color-primary-button-hover-border: var(--brand-paper);--color-secondary-button-background: var(--brand-ink);--color-secondary-button-text: var(--brand-paper);--color-secondary-button-border: var(--brand-paper);--color-secondary-button-hover-background: var(--brand-paper);--color-secondary-button-hover-text: var(--brand-ink);--color-secondary-button-hover-border: var(--brand-paper);--color-input-background: var(--brand-paper);--color-input-text: var(--brand-ink);--color-input-text-rgb: var(--brand-ink-rgb);--color-input-border: var(--brand-paper);--color-variant-background: var(--brand-ink);--color-variant-text: var(--brand-paper);--color-variant-text-rgb: var(--brand-paper-rgb);--color-variant-border: var(--brand-paper);--color-variant-hover-background: var(--brand-ink);--color-variant-hover-text: var(--brand-paper);--color-variant-hover-border: var(--brand-paper);--color-selected-variant-background: var(--brand-paper);--color-selected-variant-text: var(--brand-ink);--color-selected-variant-text-rgb: var(--brand-ink-rgb);--color-selected-variant-border: var(--brand-paper);--color-selected-variant-hover-background: var(--brand-paper);--color-selected-variant-hover-text: var(--brand-ink);--color-selected-variant-hover-border: var(--brand-paper)}[data-surface]{--focus-outline-width: 3px;--focus-outline-offset: 3px;background-color:var(--surface);color:var(--ink)}:root{--accent: var(--brand-acid);--accent-rgb: var(--brand-acid-rgb);--trial-frame: 8px}[data-accent=acid]{--accent: var(--brand-acid);--accent-rgb: var(--brand-acid-rgb)}[data-accent=volt]{--accent: var(--brand-volt);--accent-rgb: var(--brand-volt-rgb)}[data-accent=lilac]{--accent: var(--brand-lilac);--accent-rgb: var(--brand-lilac-rgb)}.trial-frame{box-shadow:inset 0 0 0 var(--trial-frame) var(--accent),inset 0 0 0 calc(var(--trial-frame) + 2px) var(--brand-ink)}@media(min-width:750px){:root{--trial-frame: 14px}}#header-component :is(header-menu,header-drawer){display:none!important}[data-surface]:focus-visible,[data-surface] :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.email-signup__input.paragraph:focus-visible{outline-color:var(--color-foreground)}[data-surface] .button-secondary{border:2px solid var(--color-secondary-button-border)}[data-surface] .button-secondary:hover{border-color:var(--color-secondary-button-hover-border)}#header-component :focus-visible{outline-offset:-3px}.trial-stage__view:focus-visible{outline:3px solid var(--focus);outline-offset:calc(-1 * (var(--trial-frame) + 6px))}:root{--trial-shape-blob: 46% 54% 38% 62% / 58% 42% 58% 42%;--trial-shape-blob-inset: 7% 5% 2%;--trial-shape-arch: 50% 50% 18px 18px / 44% 44% 16px 16px;--trial-shape-arch-inset: 4% 9% 2%;--trial-shape-capsule: 999px;--trial-shape-capsule-inset: 3% 17% 2%;--trial-shape-brick: 24px;--trial-shape-brick-inset: 9% 6% 3%;--trial-step-w: 96px;--trial-step-h: 24px}.trial-shape{position:relative;isolation:isolate}.trial-shape:before{content:"";position:absolute;z-index:-1;inset:var(--trial-shape-inset, 9% 6% 3%);border:2px solid var(--brand-ink);border-radius:var(--trial-shape, var(--trial-shape-brick));background-color:var(--tile, var(--brand-paper));box-shadow:inset 0 0 0 var(--trial-frame) var(--accent)}.trial-shape--blob{--trial-shape: var(--trial-shape-blob);--trial-shape-inset: var(--trial-shape-blob-inset)}.trial-shape--arch{--trial-shape: var(--trial-shape-arch);--trial-shape-inset: var(--trial-shape-arch-inset)}.trial-shape--capsule{--trial-shape: var(--trial-shape-capsule);--trial-shape-inset: var(--trial-shape-capsule-inset)}.trial-shape--brick{--trial-shape: var(--trial-shape-brick);--trial-shape-inset: var(--trial-shape-brick-inset)}.trial-divider--layers{position:relative;z-index:1;inset-block-start:calc(-1 * var(--trial-step-h));block-size:var(--trial-step-h);margin-block-end:calc(-1 * var(--trial-step-h));background-color:var(--surface);pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='24' viewBox='0 0 96 24'%3E%3Cpath d='M0 24V18h12v-6h12v-6h12v-6h12v6h12v6h12v6h12v6z' fill='black'/%3E%3C/svg%3E") 50% 100% / var(--trial-step-w) var(--trial-step-h) repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='24' viewBox='0 0 96 24'%3E%3Cpath d='M0 24V18h12v-6h12v-6h12v-6h12v6h12v6h12v6h12v6z' fill='black'/%3E%3C/svg%3E") 50% 100% / var(--trial-step-w) var(--trial-step-h) repeat-x}@media(min-width:750px){:root{--trial-step-w: 144px;--trial-step-h: 36px}}.trial-pattern--bed{position:relative;isolation:isolate}.trial-pattern--bed:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background-color:rgb(var(--brand-ink-rgb) / .06);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 1H40M1 0V40' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") 50% 0 / 40px 40px repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 1H40M1 0V40' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") 50% 0 / 40px 40px repeat}.trial-spinner,[data-spin-side]{--spin-size: min(var(--spin-size-set, 240px), 148px);--spin-in: max(56px, calc(var(--spin-size) * .44));--spin-lane: calc(var(--spin-in) + 18px)}.trial-spinner{--spin-edge: var(--brand-ink);--spin-hub: var(--brand-paper);position:absolute;z-index:0;isolation:isolate;inline-size:var(--spin-size);block-size:var(--spin-size);inset-block-start:var(--spin-y, 50%);margin-block-start:calc(var(--spin-size) / -2);pointer-events:none}.trial-spinner[data-side=left]{inset-inline-start:calc(var(--spin-in) - var(--spin-size))}.trial-spinner[data-side=right]{inset-inline-end:calc(var(--spin-in) - var(--spin-size))}.trial-spinner[data-on=midnight]{--spin-edge: var(--brand-paper)}.trial-spinner[data-shape=spool]{--spin-rest: -8deg;--spin-turn: 1;--spin-fill: var(--brand-acid);--spin-wind: var(--brand-volt)}.trial-spinner[data-shape=spool][data-on=acid]{--spin-fill: var(--brand-volt);--spin-wind: var(--brand-acid)}.trial-spinner[data-shape=roundel]{--spin-rest: -6deg;--spin-turn: .5;--spin-fill: var(--brand-acid);--spin-ink: var(--brand-ink)}.trial-spinner[data-shape=roundel][data-on=acid]{--spin-fill: var(--brand-volt);--spin-ink: var(--brand-ink)}.trial-spinner[data-shape=blob]{--spin-rest: 4deg;--spin-turn: .6;--spin-fill: var(--brand-acid);--spin-line: rgb(var(--brand-ink-rgb) / .18)}.trial-spinner[data-shape=blob][data-on=acid]{--spin-fill: var(--brand-volt);--spin-line: rgb(var(--brand-ink-rgb) / .22)}.trial-spinner[data-shape=roundel]:before{content:"";position:absolute;z-index:-1;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;background-color:var(--spin-edge);transform:translate(calc(var(--spin-size) * .035),calc(var(--spin-size) * .035))}.trial-spinner[data-shape=roundel][data-side=left]:before{transform:translate(calc(var(--spin-size) * -.035),calc(var(--spin-size) * .035))}.trial-spinner__art{display:block;inline-size:100%;block-size:100%;transform:rotate(var(--spin-rest, -8deg))}.trial-spinner__ring{font-family:var(--font-display, sans-serif);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.trial-spinner__art--blob{position:relative;inline-size:70%;block-size:70%;margin:15%;overflow:clip;border:3px solid var(--spin-edge);border-radius:var(--trial-shape-blob);background-color:var(--spin-fill)}.trial-spinner__art--blob:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--spin-line);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpath d='M0 7H9' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") 0 0 / 100% 9px repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpath d='M0 7H9' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") 0 0 / 100% 9px repeat}@media(min-width:750px){.trial-spinner,[data-spin-side]{--spin-size: var(--spin-size-set, 240px);--spin-in: calc(var(--spin-size) * .5)}}@media(min-width:1440px){.trial-spinner,[data-spin-side]{--spin-in: calc(var(--spin-size) * .66)}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){.trial-spinner__art{animation-name:trial-spin;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(nearest block)}}}@keyframes trial-spin{0%{transform:rotate(var(--spin-rest, -8deg))}to{transform:rotate(calc(var(--spin-rest, -8deg) + var(--spin-turn, 1) * 360deg))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/trial-tokens.css.map */