color-media-gallery,.cmg{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.cmg__stage{position:relative;width:100%;aspect-ratio:var(--cmg-ratio, 3 / 4);overflow:hidden;background:#f3f1ee;outline:none}.cmg__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.cmg__slide.is-active{opacity:1;visibility:visible;z-index:1}.cmg__slide[hidden],.cmg__thumb[hidden]{display:none!important}.cmg__slide img,.cmg__slide video,.cmg__slide iframe,.cmg__slide model-viewer,.cmg__media{display:block;width:100%;height:100%;object-fit:var(--cmg-fit, cover);object-position:center;border:0}.cmg__slide video{background:#000}.cmg__arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#ffffffeb;color:#111;box-shadow:0 2px 10px #0000001f;cursor:pointer;transform:translateY(-50%);transition:background .2s ease,transform .2s ease}.cmg__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.cmg__arrow--prev{left:12px}.cmg__arrow--next{right:12px}color-media-gallery[data-single] .cmg__arrow,color-media-gallery[data-single] .cmg__counter{display:none}.cmg__counter{position:absolute;right:12px;bottom:12px;z-index:3;padding:3px 10px;border-radius:20px;background:#0000008c;color:#fff;font-size:12px;line-height:1.6;pointer-events:none}.cmg__counter:empty{display:none}.cmg__thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cmg-cols, 4) - 1) * 10px) / var(--cmg-cols, 4));gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cmg__thumbs::-webkit-scrollbar{display:none}.cmg__thumb{position:relative;aspect-ratio:var(--cmg-ratio, 3 / 4);padding:0;overflow:hidden;border:2px solid transparent;background:#f3f1ee;cursor:pointer;scroll-snap-align:start;opacity:.7;transition:opacity .2s ease,border-color .2s ease}.cmg__thumb:hover,.cmg__thumb.is-active{opacity:1}.cmg__thumb.is-active{border-color:#111}.cmg__thumb img{display:block;width:100%;height:100%;object-fit:cover}.cmg__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffffeb;color:#111;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000002e}@media screen and (max-width:749px){.cmg__arrow{width:34px;height:34px}.cmg__arrow--prev{left:8px}.cmg__arrow--next{right:8px}.cmg__thumbs{grid-auto-columns:calc((100% - 3 * 8px) / 4.4);gap:8px;padding-inline:0 4px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/color-media-gallery.css.map */