.tf{--w: clamp(120px, calc((100vh - 72px) / 4.95), 210px);--w: clamp(120px, calc((100svh - 72px) / 4.95), 210px);--x: calc(var(--w) * .5 + 64px);--lh: 28px;--cx: calc(50% - 300px + var(--w) * .5)}.tf-head{padding:104px 0 0;max-width:640px}.tf-track{position:relative;height:220vh}.tf-stage{position:sticky;top:0;height:100vh;height:100svh}.tf-fig{position:absolute;left:0;right:0;top:50%;height:calc(var(--w) * 4.95);margin-top:calc(var(--w) * -2.475)}.tf-parts{position:absolute;top:0;left:calc(var(--cx) - var(--w) * .5);width:var(--w);height:100%;pointer-events:none}.tf-p{position:absolute;display:block;overflow:visible;will-change:transform}.tf-cap{left:calc(var(--w) * .265);top:0;width:calc(var(--w) * .47);height:calc(var(--w) * .5667)}.tf-spray{left:calc(var(--w) * .19);top:calc(var(--w) * .725);width:calc(var(--w) * .62);height:calc(var(--w) * .89)}.tf-tube{left:calc(var(--w) * .485);top:calc(var(--w) * 1.615);width:calc(var(--w) * .03);height:calc(var(--w) * 1.7)}.tf-water{left:calc(var(--w) * .35);top:calc(var(--w) * 1.735);width:calc(var(--w) * .3);height:calc(var(--w) * 1.42)}.tf-glass{left:0;top:calc(var(--w) * 2.685);width:var(--w);height:calc(var(--w) * 2.2667)}.tf-glow{transform-box:fill-box;transform-origin:center;animation:tf-pulse 3.4s ease-in-out infinite}@keyframes tf-pulse{0%,to{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)}}.tf-notes{position:absolute;top:0;bottom:0;left:calc(var(--cx) + var(--x));right:0;margin:0;padding:0;list-style:none}.tf-n{position:absolute;left:0;right:0;top:calc(var(--w) * var(--ty));margin-top:calc(var(--lh) * -.5);max-width:440px}.tf-t{display:block;font-family:var(--f-display);font-weight:400;font-size:22px;line-height:var(--lh);color:var(--schiefer-900)}.tf-s{display:block;font-size:17px;line-height:24px;color:var(--ink-muted);margin-top:2px}.tf-ln{position:absolute;top:calc(var(--lh) * .5);right:calc(100% + 10px);width:calc(var(--x) - var(--w) * var(--hw) - 14px);height:1px;background:#22302a6b;transform-origin:0 50%}.tf-ln:before{content:"";position:absolute;left:-3px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--schiefer-700)}.tf-n--min{position:absolute;left:0;right:0;top:calc(var(--w) * 1.925);max-width:440px}.tf-rows{margin:0}.tf-row{position:relative;display:grid;grid-template-columns:7.4em auto;align-items:baseline;align-content:center;height:calc(var(--w) * .14);font-size:17px;line-height:22px;color:var(--schiefer-700)}.tf-row dt{margin:0}.tf-row dd{margin:0;font-family:var(--f-display);font-size:18px;color:var(--schiefer-900);white-space:nowrap}.tf-row .tf-ln{top:50%;width:calc(var(--x) - var(--w) * var(--dx) - 16px);background:#22302a4d}.tf-row .tf-ln:before{display:none}.tf-src{margin-top:8px;font-size:15px;line-height:21px;color:var(--ink-muted)}@media screen and (min-width:1200px){.tf{--cx: calc(var(--w) * .5 + 72px)}.tf-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);column-gap:56px}.tf-head{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding:0}}@media screen and (max-width:759px){.tf{--w: min(118px, 30vw, calc((100vh - 100px) / 4.95));--w: min(118px, 30vw, calc((100svh - 100px) / 4.95));--x: calc(var(--w) * .5 + 28px);--lh: 24px;--cx: calc(var(--w) * .5 + 2px)}.tf-head{padding-top:64px}.tf-track{height:210vh}.tf-t{font-size:18px}.tf-s{font-size:15px;line-height:20px}.tf-n--min{top:calc(var(--w) * 1.795 + var(--lh) * 1.5 + 8px)}.tf-row{height:auto;grid-template-columns:6.3em auto;font-size:15px;line-height:21px}.tf-row dd{font-size:15px}.tf-row .tf-ln{display:none}.tf-src{margin-top:6px;line-height:20px}.tf-n--glass{top:calc(var(--w) * 3.86)}}@media(prefers-reduced-motion:reduce){.tf-track{height:auto}.tf-stage{position:relative;height:calc(var(--w) * 4.95 + 128px)}.tf-head{position:static;height:auto;align-self:center}.tf-glow{animation:none}}@media screen and (max-width:759px)and (prefers-reduced-motion:no-preference){.tf-fig{top:46%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tad-flacon.css.map */