.custom-media-gallery{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:750px){.custom-media-gallery{max-width:75%;margin-left:5rem}}.custom-media-frame{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;border-radius:.4rem;background-color:#0000000a;cursor:zoom-in}.custom-media-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .15s ease-out;transform-origin:center center;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.custom-media-frame.is-zooming .custom-media-img{transform:scale(2)}.custom-media-frame:has(video){cursor:default}.custom-media-frame video{width:100%;height:100%;object-fit:cover;display:block}.custom-media-thumbs-wrap{display:flex;align-items:center;gap:.6rem}.custom-media-thumbs-arrow{flex:0 0 auto;width:3.2rem;height:3.2rem;border-radius:50%;border:none;background:#fffffff2;box-shadow:0 1px 4px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2f3a3a;padding:0;transition:opacity .2s ease,box-shadow .2s ease}.custom-media-thumbs-arrow:hover{box-shadow:0 2px 6px #00000047}.custom-media-thumbs-arrow svg{width:1.6rem;height:1.6rem}.custom-media-thumbs-arrow.is-disabled{opacity:.25;pointer-events:none;box-shadow:none}.custom-media-thumbs{display:flex;gap:1.4rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;padding:.4rem .2rem}.custom-media-thumbs::-webkit-scrollbar{display:none}.custom-media-thumb{position:relative;scroll-snap-align:start;flex:0 0 auto;width:6.4rem;aspect-ratio:2 / 3;overflow:hidden;border-radius:.4rem;border:.15rem solid rgba(47,58,58,.14);box-shadow:0 1px 3px #0000001f;padding:0;cursor:pointer;background:none;-webkit-appearance:none;appearance:none;transition:border-color .15s ease,box-shadow .15s ease}.custom-media-thumb:hover{border-color:#6d0202}.custom-media-thumb.is-active{border-color:#6d0202;box-shadow:0 2px 6px #6d020240}.custom-media-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.custom-media-thumb-badge{position:absolute;top:.3rem;right:.3rem;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:50%;color:#fff;pointer-events:none}.custom-media-thumb-badge svg{width:.9rem;height:.9rem}@media screen and (min-width:750px){.custom-media-thumb{width:7.2rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/custom-product-media.css.map */