.clicker{--ck-line: 3px;--ck-shadow: 6px 6px 0 var(--brand-ink);--ck-shadow-sm: 4px 4px 0 var(--brand-ink);--ck-press: 4px;--ck-r: 12px;--ck-r-sm: 10px;--ck-r-lg: 14px;--ck-gutter: 18px;--ck-maxw: 1180px;font-family:var(--font-text);color:var(--brand-ink)}.clicker *,.clicker *:before,.clicker *:after{box-sizing:border-box}.clicker__wrap{width:100%;max-width:var(--ck-maxw);margin-inline:auto;padding-inline:var(--ck-gutter)}.clicker h1,.clicker h2,.clicker h3{font-family:var(--font-display);font-weight:800;line-height:1.02;margin:0;letter-spacing:-.01em}.clicker p{margin:0}.clicker ul,.clicker ol{margin:0;padding:0;list-style:none}.clicker :focus-visible{outline:var(--ck-line) solid var(--brand-ink);outline-offset:3px}.clicker-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ck-btn{font-family:var(--font-text);font-weight:700;font-size:1rem;color:var(--brand-ink);background:var(--brand-acid);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r);padding:14px 20px;cursor:pointer;box-shadow:var(--ck-shadow);transition:transform .06s ease-out,box-shadow .06s ease-out;text-align:center;text-decoration:none;display:inline-block;line-height:1.2}.ck-btn--sm{padding:10px 14px;font-size:.875rem;box-shadow:var(--ck-shadow-sm);border-radius:var(--ck-r-sm)}.ck-btn:active,.ck-btn.is-down{transform:translate(var(--ck-press),var(--ck-press));box-shadow:0 0 0 var(--brand-ink)}.trial-clicker-header-section{position:sticky;top:0;z-index:50}.ck-header{background:var(--brand-paper);border-bottom:var(--ck-line) solid var(--brand-ink)}.ck-header__in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding-block:10px}.ck-wordmark{font-family:var(--font-display);font-weight:800;font-size:clamp(1.35rem,5.5vw,1.75rem);color:var(--brand-ink);text-decoration:none;line-height:1;letter-spacing:-.02em}.ck-band{border-bottom:var(--ck-line) solid var(--brand-ink);padding-block:clamp(38px,7vw,68px)}.ck-eyebrow{display:inline-block;font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;background:var(--brand-paper);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-sm);padding:6px 12px;box-shadow:var(--ck-shadow-sm);margin-bottom:18px}.ck-hero{padding-block:clamp(26px,5vw,48px) clamp(38px,7vw,64px)}.ck-hero__h1{font-size:clamp(2.3rem,9.5vw,4.2rem);max-width:14ch}.ck-hero__sub{margin-top:16px;font-size:clamp(1rem,3.6vw,1.125rem);max-width:56ch;font-weight:500}.ck-hero__grid{margin-top:clamp(26px,5vw,40px);display:grid;gap:clamp(24px,4vw,44px);grid-template-columns:1fr;align-items:start}.ck-stage{container-type:inline-size;position:relative;background:var(--brand-lilac);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-lg);box-shadow:var(--ck-shadow);padding:clamp(22px,5vw,34px) 14px clamp(50px,7vw,58px);display:flex;justify-content:center;align-items:center;min-height:190px;overflow:hidden}.ck-keychain{display:flex;align-items:center;gap:8px;max-width:100%}.ck-bar{--ck-gap: 6px;--ck-pad: 12px;--ck-cap: min( 64px, calc((100cqw - 28px - (var(--ck-pad) * 2) - ((var(--n) - 1) * var(--ck-gap))) / var(--n)) );display:flex;gap:var(--ck-gap);padding:var(--ck-pad);background:var(--ck-base, var(--brand-volt));border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-lg);box-shadow:var(--ck-shadow)}.ck-cap{container-type:inline-size;width:var(--ck-cap);height:var(--ck-cap);flex:0 0 auto;display:grid;place-items:center;background:var(--ck-capbg, var(--brand-acid));border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-sm);box-shadow:var(--ck-shadow-sm);padding:0;margin:0;cursor:pointer;transition:transform .05s ease-out,box-shadow .05s ease-out}.ck-cap__face{width:88%;height:88%;display:grid;place-items:center;border:2px solid var(--brand-ink);border-radius:7px}.ck-cap__letter{font-family:var(--font-display);font-weight:800;font-size:60cqi;line-height:1;color:var(--ck-capink, var(--brand-ink));transform:translateY(2cqi)}.ck-cap:active,.ck-cap.is-down{transform:translate(var(--ck-press),var(--ck-press));box-shadow:0 0 0 var(--brand-ink)}.ck-chain{flex:0 0 auto;width:clamp(26px,9cqw,40px);height:auto}.ck-sound{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-text);font-weight:700;font-size:.8125rem;background:var(--brand-paper);color:var(--brand-ink);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-sm);padding:7px 11px;cursor:pointer;box-shadow:var(--ck-shadow-sm);transition:transform .06s ease-out,box-shadow .06s ease-out}.ck-sound:active{transform:translate(var(--ck-press),var(--ck-press));box-shadow:0 0 0 var(--brand-ink)}.ck-sound.is-on{background:var(--brand-acid)}.ck-sound svg{width:16px;height:16px;flex:0 0 auto}.ck-stage__hint{position:absolute;right:12px;bottom:16px;font-size:.75rem;font-weight:700;max-width:44%;text-align:right}.ck-controls{display:flex;flex-direction:column;gap:22px}.ck-field__label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.ck-field__label b{font-size:1rem;font-weight:700}.ck-counter{font-weight:700;font-size:.875rem;font-variant-numeric:tabular-nums}.ck-input{width:100%;font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,7vw,2.1rem);letter-spacing:.06em;color:var(--brand-ink);background:var(--brand-paper);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r);box-shadow:var(--ck-shadow);padding:12px 16px;text-transform:uppercase}.ck-input::placeholder{color:var(--brand-ink);opacity:.32}.ck-ladder{display:flex;gap:8px;margin-top:12px}.ck-ladder__step{flex:1 1 0;min-width:0;background:var(--brand-paper);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-sm);padding:8px 6px;text-align:center;font-size:.75rem;font-weight:600;transition:background .12s ease-out,box-shadow .12s ease-out}.ck-ladder__step b{display:block;font-size:.9375rem;font-weight:700;margin-top:2px}.ck-ladder__step.is-active{background:var(--brand-acid);box-shadow:0 0 0 var(--ck-line) var(--brand-ink)}.ck-ladder__note{margin-top:10px;font-size:.8125rem;font-weight:500}.ck-swatches{display:flex;flex-wrap:wrap;gap:10px}.ck-swatch{width:46px;height:46px;padding:0;cursor:pointer;background:var(--ck-sw);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-sm);box-shadow:var(--ck-shadow-sm);transition:transform .06s ease-out,box-shadow .06s ease-out}.ck-swatch:active{transform:translate(var(--ck-press),var(--ck-press));box-shadow:0 0 0 var(--brand-ink)}.ck-swatch[aria-pressed=true]{box-shadow:var(--ck-shadow-sm),0 0 0 var(--ck-line) var(--brand-ink)}.ck-ways{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.ck-way{aspect-ratio:1;padding:0;cursor:pointer;container-type:inline-size;display:grid;place-items:center;background:var(--ck-capbg);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-sm);box-shadow:var(--ck-shadow-sm);transition:transform .06s ease-out,box-shadow .06s ease-out}.ck-way:active{transform:translate(var(--ck-press),var(--ck-press));box-shadow:0 0 0 var(--brand-ink)}.ck-way[aria-pressed=true]{box-shadow:var(--ck-shadow-sm),0 0 0 var(--ck-line) var(--brand-ink)}.ck-way[disabled]{cursor:not-allowed;opacity:.45}.ck-way__face{width:76%;height:76%;display:grid;place-items:center;border:2px solid var(--brand-ink);border-radius:5px}.ck-way__letter{font-family:var(--font-display);font-weight:800;font-size:50cqi;line-height:1;color:var(--ck-capink);transform:translateY(2cqi)}.ck-pricebox{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--brand-paper);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r);box-shadow:var(--ck-shadow);padding:14px 18px;transition:transform .07s ease-out,box-shadow .07s ease-out}.ck-pricebox.is-down{transform:translate(var(--ck-press),var(--ck-press));box-shadow:0 0 0 var(--brand-ink)}.ck-pricebox__label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ck-pricebox__value{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,8vw,2.5rem);line-height:1}.ck-cta{width:100%;font-size:clamp(1rem,4.2vw,1.1875rem);padding:17px 20px;margin-top:16px}.ck-cta[disabled]{cursor:not-allowed;opacity:.5}.ck-reassure{margin-top:10px;font-size:.8125rem;font-weight:500;text-align:center}.ck-norefund{margin-top:10px;font-size:.8125rem;font-weight:600;text-align:center;border:2px solid var(--brand-ink);border-radius:var(--ck-r-sm);padding:9px 12px;background:var(--brand-paper)}.ck-error{margin-top:10px;font-size:.875rem;font-weight:700;text-align:center}.ck-error:empty{display:none}.ck-real__grid{display:grid;gap:22px;align-items:center;grid-template-columns:1fr}.ck-shot img{width:100%;height:auto;display:block}.ck-shot--framed{border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-lg);box-shadow:var(--ck-shadow);overflow:hidden;background:var(--brand-paper)}.ck-real__h2{font-size:clamp(1.75rem,7vw,2.6rem);max-width:16ch}.ck-real__p{margin-top:14px;font-weight:500;font-size:1rem;max-width:48ch}.ck-switch__h2{font-size:clamp(1.9rem,8vw,3rem);max-width:16ch}.ck-switch__body{margin-top:18px;font-weight:500;font-size:1.0625rem;max-width:62ch}.ck-playrow{margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:12px}.ck-play{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;font-size:clamp(1.125rem,5vw,1.5rem);background:var(--brand-acid);color:var(--brand-ink);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-lg);padding:16px 26px;cursor:pointer;box-shadow:var(--ck-shadow);transition:transform .06s ease-out,box-shadow .06s ease-out}.ck-play:active,.ck-play.is-down{transform:translate(var(--ck-press),var(--ck-press));box-shadow:0 0 0 var(--brand-ink)}.ck-play svg{width:22px;height:22px}.ck-playrow small{font-weight:600;font-size:.8125rem;text-align:center}.ck-anatomy{margin-top:34px;display:grid;gap:24px;grid-template-columns:1fr}.ck-anatomy__fig,.ck-frame,.ck-indep__fig{background:var(--brand-paper);border:var(--ck-line) solid var(--brand-ink);border-radius:var(--ck-r-lg);box-shadow:var(--ck-shadow)}.ck-anatomy__fig{padding:18px 10px;display:grid;place-items:center}.ck-anatomy__fig svg{width:100%;max-width:260px;height:auto}.ck-anat-letter{font-family:var(--font-display);font-weight:800;font-size:30px;fill:var(--brand-ink)}.ck-parts{display:flex;flex-direction:column;gap:12px}.ck-part{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}.ck-part__n{width:30px;height:30px;display:grid;place-items:center;background:var(--brand-ink);color:var(--brand-paper);border-radius:8px;font-weight:700;font-size:.875rem}.ck-part__t{font-weight:700;font-size:1rem;display:block}.ck-part__d{font-weight:500;font-size:.9375rem;margin-top:1px;display:block}.ck-part--hero .ck-part__n{background:var(--brand-acid);color:var(--brand-ink);border:var(--ck-line) solid var(--brand-ink)}.ck-frames{margin-top:30px;display:grid;gap:16px;grid-template-columns:1fr}.ck-frame{padding:16px}.ck-frame svg{width:100%;max-width:150px;height:auto;margin-inline:auto;display:block}.ck-frame__n{display:inline-block;background:var(--brand-ink);color:var(--brand-paper);border-radius:7px;padding:3px 9px;font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.ck-frame__t{font-weight:700;font-size:1.0625rem;margin-bottom:4px}.ck-frame__d{font-weight:500;font-size:.9375rem}.ck-indep{margin-top:30px}.ck-indep__fig{padding:20px 14px;overflow-x:auto}.ck-indep__fig svg{width:100%;min-width:420px;height:auto}.ck-indep__cap{margin-top:14px;font-weight:500;font-size:.9375rem;max-width:60ch}.ck-indep__scrollhint{font-weight:700}@media(min-width:860px){.ck-indep__scrollhint{display:none}}@media(min-width:860px){.clicker{--ck-gutter: 32px}.ck-hero__grid{grid-template-columns:1.05fr .95fr;gap:48px}.ck-stage{min-height:330px;position:sticky;top:96px}.ck-real__grid{grid-template-columns:1.1fr .9fr;gap:40px}.ck-anatomy{grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center}.ck-frames{grid-template-columns:repeat(3,1fr)}.ck-anatomy__fig svg{max-width:300px}.ck-indep__fig svg{min-width:0}}@media(prefers-reduced-motion:reduce){.clicker *,.clicker *:before,.clicker *:after{transition:none!important;animation:none!important}.ck-btn:active,.ck-btn.is-down,.ck-play:active,.ck-play.is-down,.ck-pricebox.is-down{transform:none;box-shadow:var(--ck-shadow),0 0 0 var(--ck-line) currentColor}.ck-cap:active,.ck-cap.is-down,.ck-swatch:active,.ck-way:active,.ck-sound:active{transform:none;box-shadow:var(--ck-shadow-sm),0 0 0 var(--ck-line) currentColor}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/trial-clicker.css.map */