.pack-viewer{position:relative;isolation:isolate;min-width:0;margin:0;overflow:hidden;background:radial-gradient(ellipse at 48% 42%,#fdfaf2,#eee7dc 54%,#e6dfd3);border-radius:4px;color:#163f40}.pack-viewer canvas{display:block;width:100%;height:620px;max-height:75svh;opacity:0;transition:opacity .9s}.pack-viewer.pack-ready canvas{opacity:1}.pack-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .5s}.pack-ready .pack-poster{opacity:0;pointer-events:none}.pack-controls{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.03em}.pack-controls button{font:inherit;color:inherit;background:#fff8edcf;border:1px solid #163f4033;border-radius:30px;padding:10px 16px;cursor:pointer}.pack-controls button:focus-visible{outline:2px solid #163f40;outline-offset:3px}.pack-controls [hidden]{display:none}.pack-viewer[data-pack-viewer=sachet] canvas{height:470px}.product-composition>.pack-viewer{align-self:stretch;width:100%}.pack-unavailable canvas{height:520px}@media(max-width:650px){.pack-viewer canvas{height:450px;max-height:none}.pack-viewer[data-pack-viewer=sachet] canvas{height:330px}.pack-controls{left:14px;right:14px;bottom:14px;flex-wrap:wrap;gap:8px}.pack-controls span{font-size:11px}}.n-routine-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px)}.n-routine-grid>*{min-width:0}.n-routine-copy h2{overflow-wrap:normal;font-size:clamp(2.5rem,4.4vw,5rem)}.usage-photo54{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:5px;background:#171711;box-shadow:0 25px 50px -35px #123f3d80}.usage-photo54 img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.usage-photo54 figcaption{position:absolute;bottom:0;left:0;right:0;padding:48px 24px 22px;background:linear-gradient(transparent,#081d1ddd);color:#fff4e5;font-size:13px;line-height:1.5}@media(max-width:800px){.n-routine-grid{grid-template-columns:minmax(0,1fr)}.usage-photo54{aspect-ratio:3/2;max-width:100%}}.pack-viewer[data-pack-finish]{transition:background .65s,color .65s}.pack-viewer[data-pack-finish=studio]{background:radial-gradient(ellipse at 48% 35%,#fffdf8,#e8e5de 75%)}.pack-viewer[data-pack-finish=copper]{background:radial-gradient(ellipse at 65% 40%,#f2d9ba,#bd9474 85%)}.pack-viewer[data-pack-finish=contrast]{background:radial-gradient(ellipse at 48% 35%,#315453,#0b2023 80%);color:#fff3e5}.pack-finish-options{position:absolute;z-index:4;top:18px;left:18px;right:18px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.pack-finish-options button{font:500 13px/1.3 Arial,sans-serif;padding:10px 13px;border-radius:24px;border:1px solid #46605c55;background:#fffaf0ed;color:#163f40;cursor:pointer;min-height:40px}.pack-finish-options button[aria-pressed=true]{background:#153f40;color:#fff4e6;border-color:#d0aa81;box-shadow:0 3px 10px #0002}.pack-finish-options button:focus-visible{outline:3px solid #bd7746;outline-offset:3px}.pack-viewer[data-pack-finish=contrast] .pack-controls button{color:#163f40}@media(max-width:650px){.pack-finish-options{top:12px;left:8px;right:8px;gap:4px}.pack-finish-options button{font-size:12px;padding:9px 10px}}.pack-viewer[data-pack-viewer=box] canvas{position:relative;z-index:1}.pack-viewer[data-pack-viewer=box]:before{content:"";position:absolute;pointer-events:none;top:-15%;right:-15%;bottom:-15%;left:-15%;background:radial-gradient(ellipse at 22% 45%,#d18b4e26,transparent 38%),radial-gradient(ellipse at 78% 63%,#78a8a51c,transparent 40%);transform:translate(var(--pack-glow-x,0%),var(--pack-glow-y,0%));z-index:0}.pack-viewer[data-pack-viewer=box] .pack-controls{bottom:142px;z-index:3}.pack-reveal-ending{position:relative;z-index:2;min-height:120px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border-top:1px solid #d5b6972b;background:#08222588;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .9s,transform .9s,visibility .9s}.pack-reveal-complete .pack-reveal-ending{opacity:1;visibility:visible;transform:none}.pack-reveal-ending p{margin:0!important;color:#fff5e8;font-size:clamp(16px,1.5vw,21px);line-height:1.4;max-width:250px}.pack-reveal-ending a{flex-shrink:0;background:#f0caaa;color:#163c3d!important;border:1px solid #ffdfc4;padding:14px 19px;font:500 14px/1.3 Arial,sans-serif;text-decoration:none;border-radius:3px;box-shadow:0 5px 20px #0002}.pack-reveal-ending a:hover{background:#ffe2c9}.pack-reveal-ending a:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:650px){.pack-reveal-ending{padding:20px 16px;gap:12px}.pack-reveal-ending p{font-size:16px}.pack-reveal-ending a{padding:13px 14px}.pack-viewer[data-pack-viewer=box] .pack-controls{bottom:134px}}@media(prefers-reduced-motion:reduce){.pack-reveal-ending{transition:none}}.pack-viewer[data-pack-viewer=box]>.pack-poster{object-fit:contain;object-position:center;inset:0 0 auto;width:100%;height:calc(100% - 120px)}.pack-viewer.pack-ready>.pack-poster{display:none!important}.pack-viewer .pack-reveal-ending{border:0;background:transparent}
/*# sourceMappingURL=/cdn/shop/t/23/assets/lx-pack-viewer.css.map */