.lookbook{--lb-accent: #743088;--lb-dot: 32px;--ease: cubic-bezier(.22, 1, .36, 1);position:relative;overflow-x:clip;padding:0 8px 8px;text-align:center;color:var(--lb-accent);background:#fff;font-family:Figtree,system-ui,-apple-system,Segoe UI,sans-serif}.lookbook__inner{max-width:1280px;margin:0 auto}.lookbook__title{margin:0 0 12px;font-family:Figtree,sans-serif!important;font-size:42px;font-weight:600;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;color:var(--lb-accent)}.lookbook__hint{margin:0;font-size:clamp(.875rem,.8rem + .3vw,1rem);color:color-mix(in srgb,var(--lb-accent) 70%,#fff);display:none}.lookbook__title+.lookbook__stage,.lookbook__hint+.lookbook__stage{margin-top:clamp(24px,4vw,44px)}.lookbook__stage{position:relative;z-index:1;perspective:1600px}.lookbook__frame{position:relative;border-radius:clamp(16px,2.2vw,28px);transition:transform .6s var(--ease)}.lookbook__frame.is-tilting{transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}.lookbook__media{position:relative;z-index:0;overflow:hidden;border-radius:inherit;background:color-mix(in srgb,var(--lb-accent) 10%,#fff);line-height:0}.lookbook__img{display:block;width:100%;height:auto}.lookbook__placeholder{aspect-ratio:16 / 9;fill:currentColor;opacity:.35}.lookbook.is-ready .lookbook__stage{opacity:0;translate:0 28px;scale:.97;transition:opacity .9s var(--ease),translate .9s var(--ease),scale .9s var(--ease)}.lookbook.is-ready.is-inview .lookbook__stage{opacity:1;translate:0 0;scale:1}.lb-hotspot{position:absolute;top:var(--top);left:var(--left);z-index:5;display:block;width:var(--lb-dot);height:var(--lb-dot);margin:calc(var(--lb-dot) / -2) 0 0 calc(var(--lb-dot) / -2);transition:transform .45s var(--ease)}.lookbook__frame.is-tilting .lb-hotspot{transform:translateZ(28px)}.lb-hotspot__btn{position:relative;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;border:1px solid rgba(255,255,255,.95);border-radius:50%;background:#fffffff0;color:#111;text-decoration:none;line-height:0;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 2px #0000001f,0 4px 14px #00000029;transition:background-color .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){@media(hover:hover)and (pointer:fine){.lb-hotspot__btn{background:#ffffffbf;-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%)}}}.lb-hotspot__btn:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%}.lb-hotspot__icon{display:block;flex:none;width:12px;height:12px;transition:transform .35s var(--ease)}.lb-hotspot__btn:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgba(255,255,255,.9);border-radius:50%;opacity:0;pointer-events:none}.lookbook:not(.is-ready) .lb-hotspot__btn:before,.lookbook.is-visible .lb-hotspot__btn:before{animation:lbHalo 2.6s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--i, 0) * .35s)}@keyframes lbHalo{0%{transform:scale(1);opacity:.9}70%,to{transform:scale(1.9);opacity:0}}@media(hover:hover){.lb-hotspot__btn:hover{background:var(--lb-accent);border-color:var(--lb-accent);color:#fff;transform:scale(1.12);box-shadow:0 6px 18px #0003}.lb-hotspot__btn:hover .lb-hotspot__icon{transform:rotate(90deg)}.lb-hotspot__btn:hover:before{animation:none;opacity:0}}.lb-hotspot__btn:focus-visible{outline:2px solid #fff;outline-offset:3px;background:var(--lb-accent);border-color:var(--lb-accent);color:#fff}.lb-hotspot__btn:active{transform:scale(.94)}@media(max-width:768px){.lookbook{--lb-dot: 26px}.lookbook__title{font-size:26px}.lb-hotspot__icon{width:11px;height:11px}}@media(prefers-reduced-motion:reduce){.lookbook *,.lookbook *:before,.lookbook *:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.lookbook.is-ready .lookbook__stage{opacity:1;translate:0 0;scale:1}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/lookbook.css.map */