.fan-photo-viewer{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;visibility:hidden;opacity:0;z-index:-1}.fan-photo-viewer[open]{visibility:visible;opacity:1;z-index:101}.fan-photo-viewer__content{position:relative;height:100%;width:100%}.fan-photo-viewer__close{position:absolute;top:1.6rem;right:1.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;cursor:pointer}.fan-photo-viewer__close .icon{width:2rem;height:2rem}.fan-photo-viewer__nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;transform:translateY(-50%);background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;cursor:pointer}.fan-photo-viewer__nav .icon{width:2rem;height:2rem}.fan-photo-viewer__nav--prev{left:1.6rem}.fan-photo-viewer__nav--prev .icon{transform:rotate(90deg)}.fan-photo-viewer__nav--next{right:1.6rem}.fan-photo-viewer__nav--next .icon{transform:rotate(-90deg)}.fan-photo-viewer__nav[disabled]{opacity:.3;pointer-events:none}@media screen and (max-width:899px){.fan-photo-viewer__nav{display:none}}.fan-photo-viewer__track{display:flex;flex-wrap:nowrap;height:100%;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.fan-photo-viewer__track::-webkit-scrollbar{display:none}.fan-photo-viewer__slide{flex:0 0 100%;width:100%;max-width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:7rem 2.4rem 3.2rem;scroll-snap-align:center;box-sizing:border-box}.fan-photo-viewer__image-wrap{min-height:0;max-width:100%}.fan-photo-viewer__image{display:block;max-width:100%;max-height:68vh;width:auto;height:auto;object-fit:contain}.fan-photo-viewer__caption{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 1.2rem;max-width:52ch;font-size:1.4rem;text-align:center}.fan-photo-viewer__handle{font-weight:700;overflow-wrap:break-word}.fan-photo-viewer__link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.3rem;overflow-wrap:break-word}@media screen and (min-width:900px){.fan-photo-viewer__slide{padding:8rem 14rem 4rem}.fan-photo-viewer__nav{width:4.8rem;height:4.8rem}.fan-photo-viewer__nav--prev{left:4rem}.fan-photo-viewer__nav--next{right:4rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-fan-photo-viewer.css.map */