.viewer{position:relative;display:grid;width:min(100%,920px);aspect-ratio:1;overflow:hidden;place-items:center;background:#fff;border:1px solid #e4dde4;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.viewer:active{cursor:grabbing}.viewer.is-playing{cursor:wait}.viewer:focus-visible{outline:2px solid #6e2b62;outline-offset:4px}.viewer-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 20%}.viewer-image-transition{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:1}.room-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:#fff;object-fit:contain;opacity:0;pointer-events:none;visibility:hidden;z-index:1}.room-video.is-visible{opacity:1;visibility:visible}.room-video[hidden]{display:none}.action-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:#fff;object-fit:contain;opacity:0;pointer-events:none;visibility:hidden;z-index:1}.action-video.is-visible{opacity:1;visibility:visible}.action-video[hidden]{display:none}.room-exit-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:6}.room-exit-fade.is-visible{opacity:1}.status{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;max-width:calc(100% - 24px);padding:6px 8px;background:#ffffffd9;border:1px solid #e4dde4;border-radius:4px;color:#6e2b62;font-size:12px;font-weight:700;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:3}#row-label,#frame-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.in-room-button{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:96px;height:96px;flex:0 0 auto;padding:0;background:#fff;border:1px solid #e4dde4;border-radius:8px;box-shadow:0 10px 24px #1111111a;cursor:pointer;z-index:5}.in-room-button[hidden]{display:none!important}.in-room-button:disabled{opacity:.5;pointer-events:none;cursor:default}.in-room-button:hover{border-color:#c8b2c5;box-shadow:0 12px 28px #11111124}.in-room-button.is-active{border-color:#6e2b62;box-shadow:0 12px 28px #6e2b6238}.viewer.is-action-view .in-room-button{display:none}.in-room-button:focus-visible{outline:2px solid #6e2b62;outline-offset:3px}.in-room-button__icon{display:block;width:72px;height:72px;object-fit:contain}.viewer.is-room-mode .hotspot-layer,.viewer.is-room-mode .hotspot-hint-layer,.viewer.is-room-mode .action-panel,.viewer.is-room-mode .status{display:none;opacity:0;pointer-events:none}.hotspot-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;pointer-events:none;transition:opacity .18s ease;visibility:visible;z-index:2}.viewer.is-orbiting .hotspot-layer{opacity:0;visibility:hidden;transition:none}.viewer.is-orbiting .hotspot-hint-layer{visibility:hidden;opacity:0;transition:none}.viewer.is-orbit-loading .hotspot-layer{opacity:.18;visibility:visible}.viewer.is-orbit-loading .hotspot-hint-layer{visibility:hidden;opacity:0}.viewer.is-orbiting .hotspot-point.is-hotspot-marker{animation:none}.hotspot-point{position:absolute;min-width:34px;min-height:34px;padding:0;border:1px solid rgb(110 43 98 / 18%);border-radius:999px;background:transparent;box-shadow:0 0 0 1px #ffffff47;transform:translate(-50%,-50%) scale(var(--hotspot-inverse-zoom, 1));transition:opacity .18s ease}.hotspot-point.is-unassigned{opacity:.5}.hotspot-point.is-loading-hotspots{filter:grayscale(1);opacity:.22}.hotspot-point:after{display:none}.hotspot-point.is-hotspot-marker{border:2px solid rgb(255 255 255 / 96%);background:#6e2b6242;box-shadow:0 0 16px #ffffffd1;animation:none}@keyframes hotspot-marker-settle{0%{transform:translate(-50%,-50%) scale(1.5)}to{transform:translate(-50%,-50%) scale(1)}}.hotspot-point.is-hotspot-marker:after{position:absolute;top:50%;left:50%;display:block;width:7px;height:7px;border-radius:999px;background:#fff;content:"";transform:translate(-50%,-50%)}.hotspot-point.is-zoom-clickable{border:2.5px solid rgb(255 255 255 / 94%);background:transparent;box-shadow:0 0 14px #6e2b622e}.hotspot-point.is-zoom-clickable:after{position:absolute;top:50%;left:50%;display:block;width:7px;height:7px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #6e2b6240,0 0 12px #fffc;content:"";transform:translate(-50%,-50%)}.hotspot-polygon{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:100%;height:100%}.hotspot-polygon.is-debug{display:block}.viewer.is-debug-history .hotspot-layer,.viewer.is-debug-history .hotspot-hint-layer,.viewer.is-debug-history .in-room-button{display:none!important}.hotspot-polygon polygon{fill:#6e2b6214;stroke:#6e2b6259;stroke-width:.25;vector-effect:non-scaling-stroke}.hotspot-hint-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.hotspot-hint{position:absolute;width:40px;height:40px;border:2.5px solid rgb(255 255 255 / 94%);border-radius:999px;opacity:1;pointer-events:none;transform:translate(-50%,-50%) scale(1);animation:hotspot-hint-settle .56s ease-out both;display:none}.hotspot-hint:after{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:999px;background:#fff;box-shadow:0 0 12px #fffc;content:"";transform:translate(-50%,-50%)}@keyframes hotspot-hint-settle{0%{opacity:0;transform:translate(-50%,-50%) scale(1.65)}18%{opacity:.92;transform:translate(-50%,-50%) scale(1.42)}78%{opacity:.52;transform:translate(-50%,-50%) scale(1.14)}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}.hotspot:focus-visible,.action-button:focus-visible{outline:2px solid #6e2b62;outline-offset:3px}.action-panel{position:absolute;left:12px;bottom:12px;display:flex;max-width:calc(100% - 140px);flex-wrap:wrap;gap:8px;z-index:3}.action-button{padding:8px 10px;border:1px solid #d8ccd7;border-radius:4px;background:#ffffffe0;color:#6e2b62;cursor:pointer;font:inherit;font-size:12px;font-weight:700;line-height:1;text-transform:capitalize}.action-button:hover{background:#fff;border-color:#6e2b62}@media(orientation:portrait)and (max-width:700px){.viewer{width:120vw;max-width:none;margin-left:-10vw;border-width:0}.action-panel{left:calc(10vw + 12px)}.status{right:3vw;max-width:calc(80vw - 24px)}.in-room-button{left:6vw;width:72px;height:72px}.in-room-button__icon{width:54px;height:54px}}.viewer-section{padding:76px max(24px,calc((100vw - 1200px)/2));background:#f7f5f7}.viewer-heading{max-width:780px;margin-bottom:32px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.viewer-frame{position:relative;display:grid;justify-items:center;background:#fff;border:1px solid #e4d9e4;overflow:visible;overscroll-behavior:contain;touch-action:pan-y}.viewer-frame .viewer{width:100%;max-width:none;border:0;touch-action:pan-y}.viewer-sidebar{position:sticky;top:112px;display:grid;gap:16px}.viewer.is-debug-history+.serum-banner{display:none!important}.serum-banner{position:relative;display:block;width:100%;height:auto;min-height:0;max-height:0;top:-50px;padding:0;overflow:hidden;z-index:9999;border:0;border-radius:0;background:#302036;opacity:0;pointer-events:none;transform:translateY(-1px);transition:max-height 1.6s cubic-bezier(.33,0,.18,1),opacity 1.52s cubic-bezier(.25,.1,.25,1),transform 1.3s cubic-bezier(.33,0,.18,1),visibility 0s linear 1.6s;visibility:hidden}.serum-banner:after{content:"";position:absolute;top:-45%;bottom:-45%;left:-40%;width:34%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,0) 38%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 62%,transparent 100%);mix-blend-mode:screen;opacity:0;pointer-events:none;transform:translate(-30%) skew(-12deg)}.serum-banner[aria-hidden=false]{max-height:520px;margin-bottom:-8%;opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s;visibility:visible}.serum-banner[aria-hidden=false]:after{animation:serum-banner-highlight 1.5s 1s cubic-bezier(.22,1,.36,1) both}.serum-banner__art{display:block;width:100%;height:auto;max-width:none;margin-top:-20px}.serum-banner__cta{position:absolute;left:4.5%;bottom:19%;width:25%;height:16%;border-radius:4px;outline:none}.serum-banner__cta:focus-visible{outline:2px solid #fff;outline-offset:4px}@keyframes serum-banner-highlight{0%{opacity:0;transform:translate(-30%) skew(-12deg)}18%,72%{opacity:1}to{opacity:0;transform:translate(430%) skew(-12deg)}}.product-panel-switcher>.serum-callout{display:none}.product-panel-switcher{display:grid;align-items:start}.product-panel-switcher>.purchase-panel,.product-panel-switcher>.serum-callout{grid-area:1 / 1;min-width:0;transition:opacity .56s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1),visibility 0s linear .56s}.product-panel-switcher>.purchase-panel{position:relative;z-index:2}.product-panel-switcher>.serum-callout{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(10px) scale(.985);z-index:1}.product-panel-switcher[data-active-panel=serums]>.purchase-panel{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.985)}.product-panel-switcher[data-active-panel=serums]>.serum-callout{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s;z-index:2}.product-panel-switcher[data-active-panel=serums]>.purchase-panel{visibility:visible;opacity:1;pointer-events:auto;transform:none}.purchase-panel,.todo-panel{border:1px solid #e4d9e4;background:#ffffffeb}.purchase-panel{padding:24px}.purchase-panel h3{color:#6e2b62;font-size:34px}.purchase-panel ul{margin:20px 0;padding-left:18px}.purchase-panel--glace{position:relative;overflow:hidden}.purchase-panel--glace:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 32%,rgb(255 255 255 / .78) 50%,transparent 68%);content:"";opacity:0;pointer-events:none;transform:translate(-120%)}.purchase-panel--glace:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 34%,rgb(255 255 255 / .8) 50%,transparent 66%);content:"";opacity:0;pointer-events:none;transform:translate(-120%)}.product-panel-switcher[data-active-panel=serums] .purchase-panel--glace:after{animation:product-card-sheen .6s cubic-bezier(.2,.75,.35,1) both}.product-panel-switcher[data-active-panel=serums] .purchase-panel--glace h3{animation:product-price-settle .52s cubic-bezier(.2,.75,.35,1) both;transform-origin:left center}.product-panel-switcher[data-active-panel=glace][data-panel-phase=returning] .purchase-panel--glace:before{animation:product-card-return-sheen .76s cubic-bezier(.2,.75,.35,1) both}.product-panel-switcher[data-active-panel=glace][data-panel-phase=returning] .purchase-panel--glace h3{animation:product-price-return .68s cubic-bezier(.2,.75,.35,1) both;transform-origin:left center}@keyframes product-card-sheen{0%{opacity:0;transform:translate(-120%)}22%{opacity:1}to{opacity:0;transform:translate(120%)}}@keyframes product-price-settle{0%{transform:scale(1)}28%{transform:scale(1.1)}to{transform:scale(.97)}}@keyframes product-card-return-sheen{0%{opacity:0;transform:translate(-120%)}22%{opacity:1}to{opacity:0;transform:translate(120%)}}@keyframes product-price-return{0%{transform:scale(.98)}28%{transform:scale(1.12)}to{transform:scale(1)}}.serum-callout{overflow:hidden;border:1px solid #e4d9e4;border-radius:16px;background:#fff;box-shadow:0 16px 40px #3d233d1a}.serum-callout__hero{position:relative;min-height:270px;padding:26px 24px 30px;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#2a1b2ff5,#3d2641d4 48%,#432a4738),url(./imgseq/serums_closeup_030.webp) center / cover no-repeat;color:#fff}.serum-callout__hero:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 28%,rgb(255 255 255 / .13) 48%,transparent 64%);content:"";opacity:0;pointer-events:none;transform:translate(-120%);z-index:-1}.product-panel-switcher[data-active-panel=serums] .serum-callout__hero:after{animation:product-card-sheen .9s .18s cubic-bezier(.2,.75,.35,1) both}.serum-callout__back{position:absolute;top:14px;right:14px;display:grid;width:30px;height:30px;place-items:center;border:1px solid rgb(255 255 255 / .46);border-radius:999px;background:#1f132340;color:#fff;cursor:pointer;font:inherit;font-size:21px;line-height:1;transition:background .18s ease,transform .18s ease}.serum-callout__back:hover{background:#fff3;transform:translate(-2px)}.serum-callout__back:focus-visible{outline:2px solid #fff;outline-offset:3px}.serum-callout__eyebrow{position:relative;margin:0 0 48px;color:#ffffffdb;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.serum-callout__hero h3{position:relative;margin:0 0 26px;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,3vw,42px);font-weight:400;line-height:.95}.serum-callout__hero>p:last-child{position:relative;max-width:220px;margin:0;color:#ffffffeb;font-size:14px;line-height:1.45}.serum-callout__body{padding:24px 24px 22px;background:#fff}.serum-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.serum-benefit{display:grid;justify-items:center;gap:7px;color:#554c56;font-size:10px;line-height:1.15;text-align:center}.serum-benefit__icon{display:grid;width:34px;height:34px;place-items:center;border:2px solid #7d3973;border-radius:50%;color:#7d3973;font-size:20px;line-height:1}.serum-benefit:nth-child(1) .serum-benefit__icon,.serum-benefit:nth-child(2) .serum-benefit__icon{border-radius:8px}.serum-callout__description{margin:0 0 22px;color:#4b404b;font-size:13px;line-height:1.55}.serum-callout .button{min-height:46px;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.product-panel-switcher>.purchase-panel,.product-panel-switcher>.serum-callout{transition-duration:1ms}.product-panel-switcher .purchase-panel--glace:before,.product-panel-switcher .purchase-panel--glace:after,.product-panel-switcher .purchase-panel--glace h3,.product-panel-switcher .serum-callout__hero:after,.serum-banner{animation:none;transition-duration:1ms}.serum-banner[aria-hidden=false]:after{animation:none}}.todo-panel{position:relative;padding:20px 24px 22px}.todo-close{position:absolute;top:10px;right:10px;display:grid;width:24px;height:24px;padding:0;place-items:center;border:0;background:transparent;color:#6e2b62;cursor:pointer;font:inherit;font-size:13px;font-weight:700;line-height:1}.todo-close:hover,.todo-close:focus-visible{background:#f5f0f5;outline:1px solid #d8ccd7}.todo-panel h3{margin:0 0 10px;color:#6e2b62;font-size:20px;line-height:1.2}.prototype-note{margin:0 0 16px;color:#4b404b;font-size:13px;line-height:1.35}.todo-label{margin:0 0 8px;color:#6e2b62;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.todo-list{display:grid;gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.25}.todo-list li{white-space:nowrap}.todo-list .is-done{color:#756b75;text-decoration:line-through;text-decoration-thickness:1.5px}.todo-list .is-partial{color:#6e2b62;font-style:italic;list-style-type:"- "}.todo-list .is-partial:after{content:"WIP";display:inline-block;margin-left:8px;padding:2px 6px 1px;border:1px solid #d8ccd7;border-radius:999px;background:#f5f0f5;color:#6e2b62;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.05em;line-height:1}@media(max-width:980px){.viewer-layout{grid-template-columns:1fr}.viewer-sidebar{position:static}.viewer-frame .viewer{width:100%}}@media(min-width:621px)and (max-width:980px){.viewer-frame{margin-right:0;margin-left:0}.viewer-frame .viewer{width:100%;margin-left:0}}@media(max-width:700px){.serum-banner{width:95%;margin-left:0}.serum-banner__art{width:100%;max-width:100vw;margin-top:0;object-fit:contain;object-position:left top}.serum-banner[aria-hidden=false]{margin-bottom:-50px}.viewer-sidebar{margin-top:24px}}@media(max-width:620px){.viewer-section{padding:44px 18px}.viewer-heading{margin-bottom:18px}.viewer-layout{gap:18px}.viewer-frame{margin-right:-18px;margin-left:-18px;border-right:0;border-left:0}.viewer-frame .viewer{width:auto;max-width:none;margin:0}}.viewer .status{display:none!important}.custom-slider #slide-2{padding-right:4px}
/*# sourceMappingURL=/cdn/shop/t/39/assets/interactive-viewer.css.map */