.pw-lightbox[open]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;max-width:100%;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--white-color);color:rgb(var(--color-base-outline-button-labels))}.pw-lightbox:modal{overscroll-behavior:contain}.pw-lightbox::backdrop{background:var(--white-color);overflow:hidden;overscroll-behavior:contain}@media(prefers-reduced-motion:no-preference){.pw-lightbox[open]{animation:pw-lightbox-fade var(--duration-default) cubic-bezier(.25,.46,.45,.94)}}@keyframes pw-lightbox-fade{0%{opacity:0}to{opacity:1}}.pw-lightbox__close,.pw-lightbox__counter{position:absolute;z-index:5}.pw-lightbox__close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border-radius:50%;border:1px solid var(--beig-color);background:rgb(var(--color-base-background-1));color:rgb(var(--color-base-outline-button-labels));cursor:pointer;transition:border-color var(--duration-short) ease}.pw-lightbox__close .icon{width:18px;height:18px}.pw-lightbox__close:hover,.pw-lightbox__close:active,.pw-lightbox .splide__arrow:hover,.pw-lightbox .splide__arrow:active{border-color:rgba(var(--color-foreground),.55)}.pw-lightbox__counter{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;align-items:center;height:44px;margin:0}.pw-lightbox__counter-visual{padding:6px 12px;border-radius:25px;background:var(--beig-color);font-family:var(--font-body-family);font-size:14px;font-weight:600;letter-spacing:.1rem;line-height:1}.pw-lightbox__layout{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:calc(68px + env(safe-area-inset-top))}.pw-lightbox__carousel{position:relative;flex:1;min-width:0;min-height:0;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.pw-lightbox .splide__track,.pw-lightbox .splide__list,.pw-lightbox .splide__slide{height:100%}.pw-lightbox .splide__slide{display:flex;align-items:center;justify-content:center}.pw-lightbox .splide__arrow{display:none}.pw-lightbox__img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 160px);max-height:min(100%,calc(100dvh - 160px));object-fit:contain;transform-origin:center center;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none}.pw-lightbox.is-zoomed .pw-lightbox__img{cursor:zoom-out}.pw-lightbox__media{width:100%;height:100%;max-height:100%;padding-top:0!important;background:transparent}.pw-lightbox .deferred-media__poster,.pw-lightbox video,.pw-lightbox iframe,.pw-lightbox model-viewer{width:100%;height:100%}.pw-lightbox .deferred-media__poster img,.pw-lightbox video{object-fit:contain;background:transparent}.pw-lightbox__rail{display:flex;min-width:0;min-height:0}.pw-lightbox__thumbs{display:flex;align-items:center;justify-content:safe center;gap:6px;width:100%;height:calc(80px + env(safe-area-inset-bottom));margin:0;padding:4px max(12px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scroll-snap-type:x proximity;scroll-padding-inline:8px;scrollbar-width:none}.pw-lightbox__thumbs::-webkit-scrollbar{display:none}.pw-lightbox__thumb{position:relative;flex:0 0 auto;width:56px;height:56px;margin:0;padding:0;border:1px solid var(--beig-color);background:transparent;opacity:.55;overflow:hidden;cursor:pointer;scroll-snap-align:center}.pw-lightbox__thumb img{display:block;width:100%;height:100%;object-fit:cover}.pw-lightbox__thumb:hover,.pw-lightbox__thumb:focus-visible,.pw-lightbox__thumb[aria-current=true]{opacity:1}.pw-lightbox__thumb[aria-current=true]:not(:focus-visible){outline:2px solid rgb(var(--color-base-accent-1));outline-offset:2px}.pw-lightbox__badge{position:absolute;right:4px;bottom:4px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.1);background:#fff;color:rgb(var(--color-base-outline-button-labels))}.pw-lightbox__badge .icon{width:10px;height:10px}.pw-lightbox__badge .icon-3d-model{width:12px;height:14px;flex:0 0 auto}@media screen and (min-width:750px){.pw-lightbox__close{top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right))}.pw-lightbox__counter{top:24px;left:50%;transform:translate(-50%)}.pw-lightbox__layout{display:grid;grid-template-columns:112px minmax(0,1fr);margin-top:0;height:100%}.pw-lightbox__rail{grid-column:1;grid-row:1;align-items:center;padding:80px 0 80px 24px}.pw-lightbox__thumbs{flex-direction:column;justify-content:flex-start;gap:8px;width:80px;height:auto;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);padding:4px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;scroll-padding-block:8px}.pw-lightbox__thumb{width:72px;height:72px}.pw-lightbox__carousel{grid-column:2;grid-row:1;padding:80px 72px}.pw-lightbox .splide__arrow{position:absolute;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border-radius:50%;border:1px solid var(--beig-color);background:rgb(var(--color-base-background-1));color:rgb(var(--color-base-outline-button-labels));opacity:1;cursor:pointer;transform:translateY(-50%);transition:border-color var(--duration-short) ease}.pw-lightbox .splide__arrow--prev{left:24px}.pw-lightbox .splide__arrow--next{right:24px}.pw-lightbox .splide__arrow svg{width:16px;height:16px;fill:currentColor}.pw-lightbox .splide__arrow--prev svg{transform:rotate(90deg)}.pw-lightbox .splide__arrow--next svg{transform:rotate(-90deg)}.pw-lightbox .splide__arrow:disabled{opacity:.35;cursor:default}.pw-lightbox .splide__arrow:disabled:hover{border-color:var(--beig-color)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pw-lightbox.css.map */