yy-product-gallery{display:block}.yy-gallery{--yy-gal-gray: var(--yy-gray-bg, #F4F4F5)}.yy-gallery button{font:inherit;color:var(--yy-black)}.yy-gallery__main{position:relative;container-type:inline-size}.yy-gallery__viewport{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.yy-gallery__viewport::-webkit-scrollbar{display:none}.yy-gallery__viewport:focus-visible{outline:2px solid var(--yy-black);outline-offset:2px}.yy-gallery__slide{position:relative;flex:none;scroll-snap-align:start}.yy-gallery__frame{position:relative;aspect-ratio:var(--yy-gal-ratio);overflow:hidden;background:var(--yy-gal-bg)}.yy-gallery__img,.yy-gallery__media-el,.yy-gallery__media-el>*{display:block;width:100%;height:100%}.yy-gallery__img{object-fit:var(--yy-gal-fit)}.yy-gallery__placeholder{fill:var(--yy-gray-300)}.yy-gallery__badge{position:absolute;z-index:2;background:var(--yy-black);color:var(--yy-white);font-family:var(--yy-font-body);font-weight:700;line-height:1;letter-spacing:.04em;pointer-events:none}.yy-gallery__count{position:absolute;z-index:2;background:var(--yy-white);color:var(--yy-black);font-family:var(--yy-font-body);font-weight:600;line-height:1;border-radius:var(--yy-radius);corner-shape:var(--yy-corner-shape, round);pointer-events:none;font-variant-numeric:tabular-nums}.yy-gallery__thumbs{position:relative;display:flex;scrollbar-width:none;scroll-behavior:smooth}.yy-gallery__thumbs::-webkit-scrollbar{display:none}.yy-gallery__thumb{position:relative;flex:none;padding:0;overflow:hidden;border:2px solid transparent;border-radius:var(--yy-radius);corner-shape:var(--yy-corner-shape, round);background:var(--yy-gal-bg);cursor:pointer}.yy-gallery__thumb.is-active{border-color:var(--yy-black)}.yy-gallery__thumb:focus-visible{outline:2px solid var(--yy-black);outline-offset:2px}.yy-gallery__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.yy-gallery__thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--yy-white);font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.yy-gallery__arrow{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:var(--yy-gal-arrow-d);height:var(--yy-gal-arrow-d);padding:0;border:0;border-radius:50%;background:var(--yy-white);box-shadow:0 2px 8px #0000001f;transform:translateY(-50%);cursor:pointer}.yy-gallery__arrow--prev{left:16px}.yy-gallery__arrow--next{right:16px}.yy-gallery__arrow--prev .yy-icon{transform:rotate(90deg)}.yy-gallery__arrow--next .yy-icon{transform:rotate(-90deg)}.yy-gallery__arrow:focus-visible,.yy-gallery__rail-btn:focus-visible{outline:2px solid var(--yy-black);outline-offset:2px}.yy-gallery__rail-btn{display:none;flex:none;align-items:center;justify-content:center;height:var(--yy-gal-nav-h-d);padding:0;border:1.5px solid var(--yy-black);border-radius:var(--yy-radius);corner-shape:var(--yy-corner-shape, round);background:var(--yy-black);cursor:pointer}.yy-gallery .yy-gallery__rail-btn{color:var(--yy-white)}.yy-gallery__rail-btn .yy-icon{stroke:currentColor}.yy-gallery__rail-btn[data-yy-rail="-1"] .yy-icon{transform:rotate(180deg)}.yy-gallery .yy-gallery__rail-btn:disabled{background:var(--yy-white);color:var(--yy-black);cursor:default}@media screen and (max-width:749px){.yy-gallery{display:flex;flex-direction:column;gap:var(--yy-gal-rows-gap-m);margin-inline:calc(-1 * var(--yy-pdp-side-m, 0px))}.yy-gallery__main{order:1}.yy-gallery__rail{order:2}.yy-gallery--no-mthumbs .yy-gallery__rail{display:none}.yy-gallery__viewport{gap:var(--yy-gal-slide-gap-m);padding:0 var(--yy-gal-pad-m);scroll-padding:0 var(--yy-gal-pad-m)}.yy-gallery__slide{flex-basis:min(calc(var(--yy-gal-slide-m) * 1cqi),calc(100cqi - 2 * var(--yy-gal-pad-m)))}.yy-gallery--single .yy-gallery__slide{flex-basis:calc(100cqi - 2 * var(--yy-gal-pad-m))}.yy-gallery__frame{border-radius:var(--yy-gal-radius-m);corner-shape:var(--yy-corner-shape, round)}.yy-gallery__badge--d,.yy-gallery__count--d{display:none}.yy-gallery__badge--m{top:12px;left:12px;padding:5px 10px;font-size:var(--yy-gal-badge-m)}.yy-gallery__count--m{right:12px;bottom:12px;padding:6px 10px;font-size:var(--yy-gal-count-m)}.yy-gallery__thumbs{gap:var(--yy-gal-thumb-gap-m);overflow-x:auto;padding:0 var(--yy-gal-pad-m)}.yy-gallery__thumb{width:var(--yy-gal-thumb-m);height:var(--yy-gal-thumb-m)}}@media screen and (min-width:750px){.yy-gallery{display:grid;grid-template-columns:var(--yy-gal-thumb-d) minmax(0,1fr);gap:var(--yy-gal-gap-d)}.yy-gallery--single{grid-template-columns:minmax(0,1fr)}.yy-gallery__rail{position:relative}.yy-gallery__rail-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px}.yy-gallery__rail-btn{display:flex}.yy-gallery__thumbs{flex:1;min-height:0;flex-direction:column;gap:var(--yy-gal-thumb-gap-d);overflow-y:auto}.yy-gallery__thumb{width:var(--yy-gal-thumb-d);height:var(--yy-gal-thumb-d)}.yy-gallery__viewport{border-radius:var(--yy-gal-radius-d);corner-shape:var(--yy-corner-shape, round)}.yy-gallery__slide{flex-basis:100%}.yy-gallery__badge--m,.yy-gallery__count--m{display:none}.yy-gallery__badge--d{top:20px;left:20px;padding:6px 12px;font-size:var(--yy-gal-badge-d)}.yy-gallery__count--d{right:20px;bottom:20px;padding:6px 10px;font-size:var(--yy-gal-count-d)}.yy-gallery__arrow{display:flex}}@media(prefers-reduced-motion:reduce){.yy-gallery__thumbs,.yy-gallery__viewport{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yy-gallery.css.map */