.page-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;pointer-events:none}.page-popup--opening,.page-popup--open,.page-popup--closing{visibility:visible;pointer-events:auto}.page-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-overlay),.5);opacity:0;transition:opacity var(--duration-default) ease}.page-popup--open .page-popup__overlay{opacity:1}.page-popup__content{position:absolute;left:0;right:0;bottom:0;width:100%;max-height:82vh;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-top-left-radius:1.6rem;border-top-right-radius:1.6rem;display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--duration-default) ease;box-shadow:0 -.2rem 3rem rgba(var(--color-foreground),.12)}.page-popup--open .page-popup__content{transform:translateY(0)}.page-popup__header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 2rem 1.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);flex-shrink:0}.page-popup__heading{margin:0}.page-popup__close{border:none;background:none;padding:.5rem;margin:-.5rem;cursor:pointer;color:rgb(var(--color-foreground));flex-shrink:0;line-height:0}.page-popup__close .icon{width:1.7rem;height:1.7rem}.page-popup__body{padding:2rem;overflow-y:auto;flex:1 1 auto}.page-popup__panel img,.page-popup__panel video{max-width:100%;height:auto}.page-popup__nav{display:flex;align-items:center;justify-content:center;gap:1.6rem;padding:1.4rem 2rem;border-top:.1rem solid rgba(var(--color-foreground),.08);flex-shrink:0}.page-popup__nav-btn{border:none;background-color:rgba(var(--color-foreground),.05);width:3.6rem;height:3.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--color-foreground));transition:background-color var(--duration-default) ease}@media screen and (hover:hover){.page-popup__nav-btn:hover{background-color:rgba(var(--color-foreground),.1)}}.page-popup__nav-btn .icon{width:1.3rem;height:1.3rem}.page-popup__nav-btn--prev .icon{transform:scaleX(-1)}.page-popup__counter{font-size:1.3rem;color:rgba(var(--color-foreground),.75);min-width:4.4rem;text-align:center}.look__hotspot--button{border:none;background:none;padding:0;margin:0;font:inherit;-webkit-appearance:none;appearance:none}html.no-js .look__hotspot--button{display:none}body.page-popup-lock{overflow:hidden}@media screen and (min-width:750px){.page-popup__content{left:50%;right:auto;bottom:auto;top:50%;width:min(56rem,90vw);max-height:78vh;border-radius:1.6rem;opacity:0;transform:translate(-50%,-46%);transition:transform var(--duration-default) ease,opacity var(--duration-default) ease}.page-popup--open .page-popup__content{transform:translate(-50%,-50%);opacity:1}}@media(prefers-reduced-motion:reduce){.page-popup__content,.page-popup__overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-page-popup.css.map */