:root{--tpk-ink:#141414;--tpk-ink-rgb:20,20,20;--tpk-bg:#ffffff;--tpk-paper:#f7f5f1;--tpk-dark:#0d0d0d;--tpk-accent:#b98a3f;--tpk-accent-rgb:185,138,63;--tpk-accent-ink:#8a6a2e;--tpk-accent-hover:#a87a33;--tpk-on-accent:#ffffff;--tpk-badge:#1c5c3f;--tpk-badge-ink:#ffffff;--tpk-muted:#6d6d6d;--tpk-line:#e7e4de;--tpk-line-strong:#d8d3ca;--tpk-radius-sm:9px;--tpk-radius:14px;--tpk-radius-lg:20px;--tpk-s1:.5rem;--tpk-s2:.875rem;--tpk-s3:1.25rem;--tpk-s4:2rem;--tpk-s5:3rem;--tpk-s6:4.5rem;--tpk-container:min(90%, calc(65vw + 360px) );--tpk-sec:clamp(3.25rem,6.5vw,6.25rem);--tpk-measure:65ch;--tpk-e1:0 1px 2px rgba(var(--tpk-ink-rgb),.04),0 2px 8px rgba(var(--tpk-ink-rgb),.04);--tpk-e2:0 2px 4px rgba(var(--tpk-ink-rgb),.04),0 12px 28px rgba(var(--tpk-ink-rgb),.07);--tpk-e3:0 4px 8px rgba(var(--tpk-ink-rgb),.05),0 24px 56px rgba(var(--tpk-ink-rgb),.1);--tpk-ease:cubic-bezier(.16,1,.3,1);--tpk-fast:.18s;--tpk-mid:.28s;--tpk-slow:.75s;--tpk-anim-dur:.5s;--tpk-anim-dist:22px;--tpk-anim-step:60ms;--tpk-focus:0 0 0 2px var(--tpk-bg),0 0 0 4px var(--tpk-accent-ink) }@media(min-width:1920px){html{font-size:clamp(16px,.8333vw,22px)!important}}html{scroll-behavior:smooth}[id]{scroll-margin-top:6rem}.tpk{color:var(--tpk-ink);line-height:1.55;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}.tpk ::selection{background:rgba(var(--tpk-accent-rgb),.28);color:var(--tpk-ink)}.tpk__inner{width:var(--tpk-container);margin-inline:auto;padding-inline:0}.tpk-sec{padding-block:var(--tpk-sec)}.tpk--paper{background:var(--tpk-paper)}.tpk--dark{background:var(--tpk-dark);color:#fff;--tpk-line:rgba(255,255,255,.14);--tpk-line-strong:rgba(255,255,255,.26);--tpk-focus:0 0 0 2px var(--tpk-dark),0 0 0 4px var(--tpk-accent)}.tpk--dark .tpk-muted{color:#c9c9c9}.tpk-eyebrow{display:block;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tpk-accent-ink);font-weight:600;margin-bottom:1rem}.tpk--dark .tpk-eyebrow{color:var(--tpk-accent)}.tpk-h1{font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.05;margin:0 0 1.25rem;font-weight:700;letter-spacing:-.02em;text-wrap:balance}.tpk-h2{font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.12;margin:0 0 1rem;font-weight:700;letter-spacing:-.015em;text-wrap:balance}.tpk-h3{font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.2;margin:0 0 .75rem;font-weight:650;text-wrap:balance}.tpk-lead{font-size:clamp(1.0625rem,1.3vw,1.25rem);color:var(--tpk-muted);max-width:38rem;text-wrap:pretty}.tpk--dark .tpk-lead{color:#d6d6d6}.tpk-muted{color:var(--tpk-muted)}.tpk-measure{max-width:var(--tpk-measure)}.tpk-price{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.tpk-divider{height:1px;background:var(--tpk-line);border:0;margin-block:var(--tpk-s4)}.tpk-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--tpk-accent);color:var(--tpk-on-accent);border:1.5px solid var(--tpk-accent);border-radius:999px;padding:.9rem 1.75rem;font-size:.9875rem;font-weight:650;text-decoration:none;cursor:pointer;transition:transform .22s var(--tpk-ease),background .22s ease,color .22s ease,border-color .22s ease,opacity .22s ease}@media(hover:hover){.tpk-btn:hover{transform:translateY(-2px);background:#fff;border-color:var(--tpk-accent);color:var(--tpk-accent)}}.tpk-btn:active{transform:translateY(0)}.tpk-btn:focus-visible{outline:none;box-shadow:var(--tpk-focus)}.tpk--dark .tpk-btn{background:var(--tpk-accent);color:var(--tpk-on-accent);border-color:var(--tpk-accent)}@media(hover:hover){.tpk--dark .tpk-btn:hover{background:#fff;border-color:#fff;color:var(--tpk-accent)}}.tpk-btn--accent{background:var(--tpk-accent);border-color:var(--tpk-accent);color:var(--tpk-on-accent)}.tpk-btn--ink{background:var(--tpk-ink);color:#fff;border-color:var(--tpk-ink)}@media(hover:hover){.tpk-btn--ink:hover{background:#fff;border-color:var(--tpk-ink);color:var(--tpk-ink)}}.tpk-btn--ghost{background:transparent;color:var(--tpk-accent-ink);border-color:var(--tpk-accent)}@media(hover:hover){.tpk-btn--ghost:hover{background:var(--tpk-accent);color:var(--tpk-on-accent);border-color:var(--tpk-accent)}}.tpk--dark .tpk-btn--ghost{background:transparent;color:#fff;border-color:#ffffff8c}@media(hover:hover){.tpk--dark .tpk-btn--ghost:hover{background:#fff;color:var(--tpk-accent);border-color:#fff}}.tpk-btn--sm{padding:.6rem 1.15rem;font-size:.875rem}.tpk-badge,.tpk-sale-badge{display:inline-flex;align-items:center;gap:.3rem;background:var(--tpk-badge);color:var(--tpk-badge-ink);border-radius:8px;padding:.32rem .6rem;font-size:.75rem;font-weight:800;letter-spacing:.03em;line-height:1;text-transform:uppercase}.tpk-badge--new{background:var(--tpk-ink)}.tpk-badge--soldout{background:#8a8a8a}.tpk-deal{display:inline-flex;align-items:stretch;align-self:center;text-decoration:none;line-height:1.35;border-radius:7px;overflow:hidden;font-weight:750;font-size:.6875rem;white-space:nowrap}.tpk-deal__a{background:rgba(var(--tpk-accent-rgb),.18);color:var(--tpk-accent-ink);padding:.2rem .8rem .2rem .55rem;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}.tpk-deal__b{background:var(--tpk-dark);color:#fff;padding:.2rem .55rem .2rem .8rem;margin-left:-8px;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%)}@media(hover:hover){.tpk-deal:hover .tpk-deal__a{background:rgba(var(--tpk-accent-rgb),.3)}}@media(max-width:749px){.tpk-deal{font-size:.625rem}.tpk-deal__a{padding:.16rem .72rem .16rem .45rem}.tpk-deal__b{padding:.16rem .45rem .16rem .72rem}}.tpk-stars{color:var(--tpk-accent);letter-spacing:.12em;font-size:.9375rem}.tpk-card{background:var(--tpk-bg);border:1px solid var(--tpk-line);border-radius:var(--tpk-radius);overflow:hidden;transition:transform var(--tpk-mid) var(--tpk-ease),box-shadow var(--tpk-mid) ease,border-color var(--tpk-mid) ease}@media(hover:hover){.tpk-card:hover{transform:translateY(-4px);box-shadow:var(--tpk-e3);border-color:var(--tpk-line-strong)}}.tpk-card:focus-within{box-shadow:var(--tpk-focus)}.tpk-chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--tpk-line);border-radius:999px;padding:.35rem .8rem;font-size:.8125rem;color:var(--tpk-muted);background:#fff;transition:border-color var(--tpk-fast) ease,color var(--tpk-fast) ease}@media(hover:hover){.tpk-chip:hover{border-color:var(--tpk-line-strong);color:var(--tpk-ink)}}.tpk-ico-chip{flex:0 0 auto;width:3.6rem;height:3.6rem;border-radius:50%;background:#fff;border:1px solid var(--tpk-line);box-shadow:0 0 0 5px rgba(var(--tpk-accent-rgb),.09);display:flex;align-items:center;justify-content:center;color:var(--tpk-accent-ink);transition:transform .25s var(--tpk-ease),box-shadow .25s ease}.tpk-ico-chip svg{width:1.9rem;height:1.9rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.tpk-ico-chip:hover,*:hover>.tpk-ico-chip{transform:translateY(-3px) scale(1.05);box-shadow:0 0 0 6px rgba(var(--tpk-accent-rgb),.14),var(--tpk-e2)}}.tpk-media{border-radius:var(--tpk-radius-lg);overflow:hidden;background:var(--tpk-paper)}.tpk-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--tpk-ease)}@media(hover:hover){.tpk-card:hover .tpk-media img{transform:scale(1.03)}}.tpk-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(1.75rem,3vw,2.75rem);flex-wrap:wrap}.tpk-link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color var(--tpk-fast) ease}.tpk-link:hover{text-decoration-color:var(--tpk-accent-ink)}.tpk-link:focus-visible{outline:none;box-shadow:var(--tpk-focus);border-radius:3px}.tpk-scroll-x{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.tpk-scroll-x::-webkit-scrollbar{display:none}.tpk-scroll-x>*{scroll-snap-align:start}.tpk-js .tpk-anim{opacity:0;will-change:transform,opacity}.tpk-js .tpk-anim.is-in{animation:tpkUp var(--tpk-anim-dur) var(--tpk-ease) both;animation-delay:calc(var(--i,0) * var(--tpk-anim-step))}.tpk-js .tpk-anim--down.is-in{animation-name:tpkDown}.tpk-js .tpk-anim--left.is-in{animation-name:tpkLeft}.tpk-js .tpk-anim--right.is-in{animation-name:tpkRight}@keyframes tpkUp{0%{opacity:0;transform:translate3d(0,var(--tpk-anim-dist),0)}to{opacity:1;transform:none}}@keyframes tpkDown{0%{opacity:0;transform:translate3d(0,calc(var(--tpk-anim-dist) * -1),0)}to{opacity:1;transform:none}}@keyframes tpkLeft{0%{opacity:0;transform:translate3d(calc(var(--tpk-anim-dist) * -1.4),0,0)}to{opacity:1;transform:none}}@keyframes tpkRight{0%{opacity:0;transform:translate3d(calc(var(--tpk-anim-dist) * 1.4),0,0)}to{opacity:1;transform:none}}.tpk-js .tpk-reveal{opacity:0;transform:translate3d(0,var(--tpk-anim-dist),0);transition:opacity var(--tpk-anim-dur) ease,transform var(--tpk-anim-dur) var(--tpk-ease)}.tpk-js .tpk-reveal.is-in{opacity:1;transform:none}.tpk-no-anim .tpk-anim,.tpk-no-anim .tpk-reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tpk-anim,.tpk-reveal{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.tpk-btn,.tpk-card,.tpk-chip,.tpk-ico-chip,.tpk-media img{transition:none}}@media(forced-colors:active){.tpk-btn,.tpk-card,.tpk-chip{border:1px solid CanvasText}}@media(max-width:749px){.tpk-h1{font-size:clamp(2.1rem,9vw,2.75rem)}.tpk-sec{padding-block:clamp(2.5rem,10vw,3.5rem)}[id]{scroll-margin-top:4rem}:root{--tpk-anim-dist:16px;--tpk-anim-dur:.42s;--tpk-anim-step:45ms}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/toppik-tokens.css.map */