.photo-view-host{display:contents}.photo-view{--photo-view-rail-width: var(--space-56);--photo-view-rail-gap: var(--space-xxs);--photo-view-video-max: calc(var(--space-20) * 45);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-fullscreen);inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;background:var(--color-background);color:var(--color-foreground);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;opacity:0;transition:opacity var(--motion-surface-duration) var(--motion-surface-easing),display var(--motion-surface-duration) allow-discrete,overlay var(--motion-surface-duration) allow-discrete}.photo-view::-webkit-scrollbar{display:none}.photo-view[open]{opacity:1}@starting-style{.photo-view[open]{opacity:0}}.photo-view::backdrop{background:transparent}.photo-view:focus{outline:none}.photo-view[data-zoom-only]{overflow:hidden}.photo-view[data-zoom-only] .photo-view__stack,.photo-view[data-zoom-only] .photo-view__rail{visibility:hidden}.photo-view[data-solo]{overflow:hidden}.photo-view[data-solo] .photo-view__rail,.photo-view[data-solo] .photo-view__item:not([data-photo-view-solo]){display:none}.photo-view__item{position:relative}.photo-view__zoom-in,.photo-view__model{display:block;inline-size:100%;padding:0;border:0;background:none;color:inherit;cursor:zoom-in}.photo-view__model{cursor:pointer}.photo-view__zoom-in:focus-visible,.photo-view__model:focus-visible{outline:1px solid currentColor;outline-offset:calc(var(--space-xs) * -1)}.photo-view__image{display:block;inline-size:100%;block-size:auto;-webkit-user-select:none;user-select:none}.photo-view__item:is([data-media-type=video],[data-media-type=external_video]){display:flex;align-items:center;justify-content:center;min-block-size:100dvh;padding:var(--space-4xl) calc(var(--photo-view-rail-width) + var(--space-2xl) * 2)}.photo-view__item video-player,.photo-view__item iframe{display:block;inline-size:100%;max-inline-size:var(--photo-view-video-max);block-size:auto;max-block-size:calc(100dvh - var(--space-4xl) * 2);aspect-ratio:var(--video-ratio, 16 / 9);border:0}.photo-view__rail{position:fixed;inset-block:0;inset-inline-start:var(--space-lg);z-index:1;inline-size:var(--photo-view-rail-width);padding-block:var(--space-lg);overflow:hidden;pointer-events:none}.photo-view__rail-track{position:relative;display:flex;flex-direction:column;gap:var(--photo-view-rail-gap);transform:translate3d(0,calc(var(--photo-view-rail-shift, var(--space-0)) * -1),0)}.photo-view__thumb{position:relative;display:block;inline-size:100%;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;transition:opacity var(--motion-hover-duration) var(--motion-hover-easing)}.photo-view__thumb:hover{opacity:var(--opacity-hover)}.photo-view__thumb:focus-visible{outline:1px solid var(--color-foreground);outline-offset:var(--space-xxs)}.photo-view__thumb-image{display:block;inline-size:100%;block-size:auto}.photo-view__thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--color-foreground)}.photo-view__frame{position:absolute;inset-inline:0;inset-block-start:0;block-size:var(--photo-view-frame-h, var(--space-0));border:1px solid var(--color-foreground);pointer-events:none;transform:translate3d(0,var(--photo-view-frame-y, var(--space-0)),0)}.photo-view__close{position:fixed;inset-block-start:var(--space-xl);inset-inline-end:var(--space-xl);z-index:3;color:var(--color-foreground)}.photo-view__zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--color-background);overflow:hidden;cursor:zoom-out}.photo-view__zoom[hidden]{display:none}.photo-view__zoom-image{position:absolute;inset-block-start:0;inset-inline-start:0;max-inline-size:none;inline-size:var(--photo-view-zoom-w, 100%);block-size:auto;transform:translate3d(var(--photo-view-zoom-x, 0),var(--photo-view-zoom-y, 0),0);transition:transform var(--motion-follow-duration) var(--ease-out);-webkit-user-select:none;user-select:none;will-change:transform}.photo-view__zoom[data-placing] .photo-view__zoom-image{transition:none}.photo-view__zoom[data-touch]{overflow:auto;overscroll-behavior:contain;cursor:default;scrollbar-width:none}.photo-view__zoom[data-touch]::-webkit-scrollbar{display:none}.photo-view__zoom[data-touch] .photo-view__zoom-image{position:static;transform:none;transition:none}@media screen and (max-width:749px){.photo-view__rail{display:none}.photo-view__item:is([data-media-type=video],[data-media-type=external_video]){padding:var(--space-4xl) var(--page-margin)}.photo-view__close{inset-block-start:var(--space-md);inset-inline-end:var(--space-md)}}@media(prefers-reduced-motion:reduce){.photo-view,.photo-view__zoom-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/product-photo-view.css.map */