.product-gallery{--gallery-line: #e6ddcf;--gallery-gap: 1rem;--gallery-control: var(--circle-button-size);--gallery-ease: .25s ease;display:block;isolation:isolate}@media screen and (min-width:750px){.product-gallery--sticky{position:sticky;top:3rem;z-index:2}}.product-gallery [hidden]{display:none!important}.product-gallery__arrow,.product-gallery__zoom-open,.product-gallery__caption-button,.product-gallery__drawer-toggle,.product-gallery__play,.product-gallery__strip-arrow{display:flex;align-items:center;justify-content:center;padding:0;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:50%;background-color:rgba(var(--color-background),.6);-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);color:rgb(var(--color-foreground));cursor:pointer}.product-gallery__arrow,.product-gallery__zoom-open,.product-gallery__caption-button{width:var(--gallery-control);height:var(--gallery-control)}.product-gallery__arrow,.product-gallery__zoom-open,.product-gallery__caption-button{position:absolute;z-index:3}.product-gallery__arrow .svg-wrapper{width:1.2rem;height:1.2rem}.product-gallery__arrow .icon{width:1.2rem;height:.8rem}.product-gallery__arrow--prev .svg-wrapper{transform:rotate(90deg)}.product-gallery__arrow--next .svg-wrapper{transform:rotate(-90deg)}.product-gallery__arrow:disabled{cursor:default;color:rgba(var(--color-foreground),.3)}.product-gallery__zoom-open .svg-wrapper,.product-gallery__caption-button .svg-wrapper{width:1.8rem;height:1.8rem}.product-gallery__caption-button .icon{width:100%;height:100%}.product-gallery__arrow:focus-visible,.product-gallery__zoom-open:focus-visible,.product-gallery__caption-button:focus-visible,.product-gallery__drawer-toggle:focus-visible,.product-gallery__play:focus-visible,.product-gallery__strip-arrow:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;box-shadow:0 0 0 .4rem rgba(var(--color-background),.9)}.product-gallery__counter,.product-gallery__dialog-counter{pointer-events:none;padding:.5rem 1rem;border-radius:2rem;background-color:rgba(var(--color-foreground),.72);font-family:var(--font-body-family);font-size:1.3rem;line-height:1;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:rgb(var(--color-background));white-space:nowrap}.product-gallery__frame{position:relative;aspect-ratio:var(--gallery-ratio, 1);overflow:hidden;border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);background-color:rgb(var(--color-background))}.product-gallery__stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain}.product-gallery__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;animation:product-gallery-fade var(--gallery-ease)}.product-gallery__open{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.product-gallery__open:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem;box-shadow:none}.product-gallery__image{display:block;width:100%;height:100%;object-fit:var(--gallery-fit, contain)}.product-gallery__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;background-color:rgb(var(--color-background))}.product-gallery__video--noscript{z-index:3}.product-gallery__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.product-gallery__zoom-open{top:1.2rem;right:1.2rem}.product-gallery__caption-button{display:none;bottom:1.2rem;left:1.2rem}.product-gallery__arrow{top:50%;transform:translateY(-50%)}.product-gallery__arrow--prev{left:1.2rem}.product-gallery__arrow--next{right:1.2rem}.product-gallery__caption{position:absolute;z-index:1;inset:auto 0 0 0;margin:0;padding:1rem 8rem 1rem 1.6rem;background-color:rgba(var(--color-background),.92);font-size:1.3rem;line-height:1.4;letter-spacing:.02em;color:rgb(var(--color-foreground));pointer-events:none}.product-gallery__caption:empty{display:none}.product-gallery__counter{position:absolute;z-index:3;right:1.6rem;bottom:1.1rem;pointer-events:none}.product-gallery__caption,.product-gallery__counter,.product-gallery__frame .product-gallery__arrow{opacity:0;transition:opacity var(--gallery-ease)}.product-gallery__frame:hover .product-gallery__caption,.product-gallery__frame:hover .product-gallery__counter,.product-gallery__frame:hover .product-gallery__arrow{opacity:1}.product-gallery__frame:has(:focus-visible) .product-gallery__caption,.product-gallery__frame:has(:focus-visible) .product-gallery__counter,.product-gallery__frame:has(:focus-visible) .product-gallery__arrow{opacity:1}.product-gallery__frame[data-current-type=video] .product-gallery__caption,.product-gallery__frame[data-current-type=external_video] .product-gallery__caption{inset:0 0 auto 0;padding:2.2rem 14rem 2.2rem 1.6rem}.product-gallery__frame[data-current-type=video] .product-gallery__counter,.product-gallery__frame[data-current-type=external_video] .product-gallery__counter{top:2.6rem;right:calc(var(--gallery-control) + 2.8rem);bottom:auto}@media(hover:none){.product-gallery__frame:not([data-caption-open]):has(.finish-overlay:not([hidden])) .product-gallery__caption{inset:0 0 auto 0;padding:2.2rem 14rem 2.2rem 1.6rem}.product-gallery__frame:not([data-caption-open]):has(.finish-overlay:not([hidden])) .product-gallery__counter{top:2.6rem;right:calc(var(--gallery-control) + 2.8rem);bottom:auto}}.product-gallery__frame[data-current-type*=video] .finish-overlay{display:none}@media(hover:none){.product-gallery__frame .product-gallery__arrow,.product-gallery__caption{display:none}.product-gallery__caption-button{display:flex}.product-gallery__frame[data-caption-open] .product-gallery__caption{display:block;opacity:1;padding-left:calc(var(--gallery-control) + 2.4rem)}.product-gallery__frame[data-caption-open] .finish-overlay{display:none}.product-gallery__frame[data-caption-button] .finish-overlay{padding-bottom:1.2rem;padding-left:calc(var(--gallery-control) + 2.4rem)}.product-gallery__frame[data-current-type=external_video] .product-gallery__arrow{display:flex;opacity:1}.product-gallery__counter{opacity:1}}.product-gallery__player{position:relative;width:100%;height:100%}.product-gallery__play{position:absolute;z-index:2;top:50%;left:50%;width:7.2rem;height:7.2rem;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity var(--gallery-ease)}.product-gallery__play .svg-wrapper{width:2rem;height:2.4rem}.product-gallery__play .icon{width:100%;height:100%}.product-gallery__play-icon{margin-left:.4rem}.product-gallery__player.is-failed .product-gallery__play{display:none}.product-gallery__player.is-playing .product-gallery__play-icon,.product-gallery__player:not(.is-playing) .product-gallery__pause-icon{display:none}.product-gallery__play:focus-visible{opacity:1;pointer-events:auto}@media(hover:hover){.product-gallery__player:hover .product-gallery__play{opacity:1;pointer-events:auto}}@media(hover:none){.product-gallery__player:not(.is-playing) .product-gallery__play{opacity:1;pointer-events:auto}}.product-gallery__strip{display:flex;gap:var(--gallery-gap);margin:0;padding:.6rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.product-gallery__strip::-webkit-scrollbar{display:none}.product-gallery__strip--page{margin:calc(var(--gallery-gap) - .6rem) -.6rem 0}@media screen and (max-width:749px){.product-gallery__strip--page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}}@media screen and (min-width:750px){.product-gallery:not(.product-gallery--row) .product-gallery__strip--page{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible}.product-gallery--row .product-gallery__strip--page .product-gallery__thumb-item{flex:0 0 calc((100% - 5 * var(--gallery-gap)) / 6)}}.product-gallery__thumb{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;overflow:hidden;border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));background-color:rgb(var(--color-background));cursor:pointer}.product-gallery__thumb:focus-visible{outline:.2rem dashed rgb(var(--color-foreground));outline-offset:-.5rem;box-shadow:none}.product-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.product-gallery__thumb[aria-current=true]{z-index:1;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .5rem rgb(var(--color-foreground))}.product-gallery__thumb[aria-current=true]:focus-visible{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .5rem rgb(var(--color-foreground))}.product-gallery__badge{position:absolute;top:.4rem;right:.4rem;display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.75)}.product-gallery__badge .svg-wrapper,.product-gallery__badge .icon{width:.9rem;height:.9rem}.product-gallery__dialog{overscroll-behavior:contain;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.product-gallery__dialog{width:calc(100vw - 4.8rem);height:calc(100dvh - 4.8rem);margin:auto;box-shadow:0 2.4rem 6rem #00000040}}.product-gallery__dialog::backdrop{background-color:rgba(var(--color-foreground, 43, 38, 33),.55)}.product-gallery__dialog[open]{display:block}.product-gallery__bar{position:absolute;z-index:4;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem;pointer-events:none}.product-gallery__bar>.product-gallery__tools{pointer-events:auto}.product-gallery__tools{display:flex;gap:.8rem}.product-gallery__tool[aria-pressed=true]{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.product-gallery__popup{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.product-gallery__viewer{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.product-gallery__view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;animation:product-gallery-fade var(--gallery-ease)}@media screen and (min-width:750px){.product-gallery__view{top:2rem;right:2rem;bottom:2rem;left:2rem}}@media screen and (max-width:749px){.product-gallery__popup{--gallery-band-top: var(--gallery-bar-h, 0px);--gallery-band-bottom: var(--gallery-panel-h, 0px);--gallery-video-bottom: var(--gallery-dock-h, 0px)}.product-gallery__popup.is-drawer-closed{--gallery-band-bottom: 0px;--gallery-video-bottom: calc(var(--gallery-control) + 1.2rem)}.product-gallery__view--video,.product-gallery__view--external_video{top:var(--gallery-band-top);bottom:var(--gallery-video-bottom);transition:top var(--gallery-ease),bottom var(--gallery-ease)}.product-gallery__arrow--popup{top:calc(var(--gallery-band-top) + (100% - var(--gallery-band-top) - var(--gallery-band-bottom)) / 2);transition:opacity var(--gallery-ease),top var(--gallery-ease)}.product-gallery__popup.is-opening .product-gallery__view,.product-gallery__popup.is-opening .product-gallery__zoom-layer,.product-gallery__popup.is-opening .product-gallery__arrow--popup{transition:none}}.product-gallery__view .product-gallery__image{object-fit:contain}.product-gallery__zoom-layer{width:100%;height:100%;transform-origin:0 0;transform:translate(var(--zoom-x, 0px),var(--zoom-y, 0px)) scale(var(--zoom-scale, 1));transition:transform var(--gallery-ease)}.product-gallery__zoom-layer.is-gesturing{transition:none}@media screen and (max-width:749px){.product-gallery__zoom-layer{box-sizing:border-box;padding:var(--gallery-band-top) 0 var(--gallery-band-bottom);transition:transform var(--gallery-ease),padding var(--gallery-ease)}}@media(pointer:fine){.product-gallery__zoom-layer{cursor:zoom-in}.product-gallery__zoom-layer.is-zoomed{cursor:zoom-out}}.product-gallery__dock{position:absolute;z-index:3;inset:auto 0 0 0;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;transition:transform var(--gallery-ease)}.product-gallery__dock>*{pointer-events:auto}.product-gallery__dock.is-closed{transform:translateY(calc(100% - var(--gallery-control) - 1.2rem))}.product-gallery__drawer-toggle{gap:.8rem;height:var(--gallery-control);margin:0 1.6rem 1.2rem 0;padding:0 1.6rem;border-radius:calc(var(--gallery-control) / 2);font-family:var(--font-body-family);font-size:1.4rem;letter-spacing:.02em;white-space:nowrap}.product-gallery__drawer-toggle>.icon{width:1.8rem;height:1.8rem}.product-gallery__drawer{align-self:stretch;padding:1.2rem 1.6rem calc(1.6rem + env(safe-area-inset-bottom));border-top:.1rem solid var(--gallery-line);background-color:rgba(var(--color-background),.96)}.product-gallery__drawer-caption{display:-webkit-box;margin:0 0 1rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:1.3rem;line-height:1.4;letter-spacing:.02em;color:rgba(var(--color-foreground),.8)}.product-gallery__strip--drawer{flex:1 1 auto;min-width:0;gap:.8rem;-webkit-overflow-scrolling:touch}.product-gallery__strip-wrap{display:flex;align-items:center;gap:.8rem}.product-gallery__scroll-line{display:none}@media screen and (max-width:749px){.product-gallery__scroll-line{position:relative;display:block;height:.3rem;margin:.6rem .6rem 0;overflow:hidden;border-radius:.3rem;background-color:#e6ddcf}}.product-gallery__scroll-thumb{position:absolute;top:0;bottom:0;left:calc(var(--scroll-offset, 0) * 100%);width:calc(var(--scroll-size, 1) * 100%);border-radius:.3rem;background-color:#625a4f}.product-gallery__strip-arrow{flex:none;display:none;width:3.6rem;height:3.6rem;touch-action:none}@media(hover:hover){.product-gallery__strip-wrap.has-overflow .product-gallery__strip-arrow{display:flex}}.product-gallery__strip-arrow .svg-wrapper{width:1.2rem;height:1.2rem}.product-gallery__strip-arrow .icon{width:1.2rem;height:.8rem}.product-gallery__strip-arrow--left .svg-wrapper{transform:rotate(90deg)}.product-gallery__strip-arrow--right .svg-wrapper{transform:rotate(-90deg)}.product-gallery__strip-arrow:disabled{cursor:default;color:rgba(var(--color-foreground),.3)}.product-gallery__strip--drawer .product-gallery__thumb-item{flex:0 0 calc((100vw - 60px)/4)}@media screen and (min-width:750px){.product-gallery__strip--drawer .product-gallery__thumb-item{flex-basis:8rem}}.product-gallery__hint{position:absolute;z-index:4;top:50%;left:50%;width:min(28rem,calc(100% - 3.2rem));padding:1.6rem 1.6rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;background-color:rgba(var(--color-background),.85);-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);color:rgb(var(--color-foreground));font-family:var(--font-body-family);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity var(--gallery-ease)}.product-gallery__hint.is-visible{opacity:1}@media(hover:hover)and (pointer:fine){.product-gallery__hint{display:none!important}}.product-gallery__hint-list{display:grid;gap:1rem;margin:0 0 1.4rem;padding:0;font-size:1.4rem;line-height:1.3}.product-gallery__hint-list li{display:flex;align-items:center;gap:1rem}.product-gallery__hint-list .icon{flex:none;width:2rem;height:2rem}.product-gallery__hint-ok{display:block;width:100%;min-height:4.4rem;padding:0 1.6rem;border:0;border-radius:2.2rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-family:var(--font-body-family);font-size:1.4rem;cursor:pointer;pointer-events:auto}.product-gallery__hint-ok:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;box-shadow:0 0 0 .4rem rgba(var(--color-background),.9)}@keyframes product-gallery-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.product-gallery__slide,.product-gallery__view{animation:none}.product-gallery__view,.product-gallery__arrow--popup,.product-gallery__dock,.product-gallery__hint,.product-gallery__play,.product-gallery__zoom-layer,.product-gallery__caption,.product-gallery__counter,.product-gallery__frame .product-gallery__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-product-gallery.css.map */