.custom-gallery-container{display:flex;width:100%;gap:15px;margin-bottom:12px;align-items:flex-start;margin-left:auto;margin-right:auto;position:sticky;top:20px}.custom-gallery-container[data-gallery-width]{margin-left:auto;margin-right:auto}.custom-gallery-container.thumbnails-left{flex-direction:row-reverse}.custom-gallery-container.thumbnails-left .custom-gallery-main{max-width:calc(100% - 120px)}.custom-gallery-main{flex:1;max-width:calc(100% - 120px);position:relative;overflow:hidden}.custom-gallery-main-wrapper{width:100%;position:relative;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-wrap:nowrap;transition:transform .3s ease-in-out;height:100%}.custom-gallery-main-wrapper:active{cursor:grabbing}.custom-gallery-main-wrapper img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}.custom-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0003;transition:all .2s ease}.custom-gallery-arrow:hover{background:#ffffffe6;box-shadow:0 3px 8px #0000004d;transform:translateY(-50%) scale(1.1)}.custom-gallery-arrow svg{width:20px;height:20px;stroke:#333;stroke-width:2;fill:none}.custom-gallery-arrow--prev{left:15px}.custom-gallery-arrow--next{right:15px}.hide-desktop-arrows .custom-gallery-arrow{display:none}.custom-gallery-indicators{position:absolute;bottom:15px;left:0;right:0;display:flex;justify-content:center;align-items:center;padding:10px 0;pointer-events:auto;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;max-width:80%;margin:0 auto}.custom-gallery-indicators::-webkit-scrollbar{display:none}.custom-gallery-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#ffffff80;border:1px solid rgba(0,0,0,.3);margin:0 5px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.custom-gallery-dot.is-active{background-color:#fff;border-color:#00000080;transform:scale(1.2)}.custom-gallery-thumbnails{width:100px;display:flex;flex-direction:column;align-items:center;padding:0;scrollbar-width:thin;gap:15px;position:relative;height:auto;overflow-y:auto;overflow-x:visible;justify-content:flex-start}.custom-gallery-thumbnails::-webkit-scrollbar{width:4px}.custom-gallery-thumbnails::-webkit-scrollbar-track{background:transparent}.custom-gallery-thumbnails::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.custom-gallery-thumbnails{max-height:100%}@media screen and (min-width:750px){.custom-gallery-container[data-gallery-width="95"] .custom-thumbnail-item,.custom-gallery-container[data-gallery-width="90"] .custom-thumbnail-item,.custom-gallery-container[data-gallery-width="85"] .custom-thumbnail-item{width:90px!important;min-width:90px!important;max-width:90px!important}}.custom-gallery-thumbnails:before,.custom-gallery-thumbnails:after{display:none}.custom-gallery-container .custom-thumbnail-item,.custom-gallery-container .custom-thumbnail-item *{box-sizing:border-box}.custom-gallery-container .custom-thumbnail-item{cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:none;background-color:#fff;width:100px;min-width:100px;margin:0;padding:0;flex:0 0 auto}.custom-gallery-container.aspect-ratio-1-1 .custom-thumbnail-item{aspect-ratio:1/1!important}.custom-gallery-container.aspect-ratio-2-3 .custom-thumbnail-item{aspect-ratio:2/3!important}.custom-thumbnail-button{padding:0;border:none;background:none;cursor:pointer;display:block;width:100%;height:100%}.custom-thumbnail-button[aria-current=true]{outline:none}.custom-thumbnail-button:not([aria-current=true]):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff80;transition:background-color .3s ease}.custom-thumbnail-button:not([aria-current=true]):hover:after{background-color:#fff0}.custom-thumbnail-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.custom-media-item{min-width:100%;height:100%;flex:0 0 100%;opacity:1;position:relative;transition:opacity .2s ease}.custom-media-container{position:relative;overflow:hidden;height:100%}.desktop-aspect-ratio-1-1 .custom-media-container{padding-bottom:100%}.desktop-aspect-ratio-2-3 .custom-media-container{padding-bottom:150%}.custom-media-image{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}.custom-media-video,.custom-media-model{position:absolute;top:0;left:0;width:100%;height:100%}.custom-media-video iframe,.custom-media-video video,.custom-media-model model-viewer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.custom-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffb3;border-radius:50%;padding:3px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:749px){.custom-gallery-container{flex-direction:column;gap:10px;margin-left:auto;margin-right:auto;max-width:100%!important;width:100%!important}.custom-gallery-container[data-gallery-width]{max-width:100%!important;width:100%!important}.custom-gallery-container.thumbnails-left{flex-direction:column}.custom-gallery-main{max-width:100%;width:100%;min-height:auto;display:block}.custom-gallery-container.thumbnails-left .custom-gallery-main{max-width:100%}.custom-media-container{display:block;position:relative;height:auto}.custom-gallery-arrow{width:36px;height:36px}.hide-mobile-arrows .custom-gallery-arrow{display:none}.hide-desktop-arrows .custom-gallery-arrow{display:flex}.hide-desktop-arrows.hide-mobile-arrows .custom-gallery-arrow{display:none}.custom-gallery-thumbnails{width:100%;flex-direction:row;height:auto!important;max-height:none;min-height:auto!important;overflow-x:auto;overflow-y:hidden;gap:12px;scrollbar-width:thin;justify-content:flex-start;display:flex!important}.hide-mobile-thumbnails .custom-gallery-thumbnails{display:none!important}.custom-thumbnail-item{flex-shrink:0;flex-grow:0!important;margin-bottom:0;margin-right:5px;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;position:relative}.custom-gallery-container:not([data-padding-x="0"]) .custom-gallery-thumbnails .custom-thumbnail-item:first-child{margin-left:0!important}.custom-gallery-container[data-padding-x="0"] .custom-gallery-thumbnails .custom-thumbnail-item:first-child{margin-left:12px!important}.mobile-aspect-ratio-1-1 .custom-media-container{padding-bottom:100%!important}.mobile-aspect-ratio-2-3 .custom-media-container{padding-bottom:150%!important}.mobile-aspect-ratio-1-1 .custom-thumbnail-item{aspect-ratio:1/1!important;width:60px!important;height:60px!important;min-width:60px!important;max-width:60px!important;min-height:60px!important;max-height:60px!important}.mobile-aspect-ratio-2-3 .custom-thumbnail-item{aspect-ratio:2/3!important;width:60px!important;height:90px!important;min-width:60px!important;max-width:60px!important;min-height:90px!important;max-height:90px!important}.custom-thumbnail-image{display:block!important;opacity:1!important;visibility:visible!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important;border-radius:4px!important;max-height:none!important}.custom-thumbnail-button{width:100%!important;height:100%!important;padding:0!important;margin:0!important;position:absolute!important;top:0!important;left:0!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/product-media-gallery-and-thumbnail.css.map */