.the4-media-block{display:block}.the4-media-block .the4-media-main{position:relative;margin-bottom:15px;border-radius:var(--border-radius);overflow:hidden;background:#000}.the4-media-block .the4-media-carousel{position:relative;width:100%;overflow:hidden}.the4-media-block .the4-media-slide{display:none;width:100%;position:relative}.the4-media-block .the4-media-slide.is-active{display:block}.the4-media-block .the4-media-image-wrapper{position:relative;width:100%;aspect-ratio:var(--thumbnail-aspect-ratio)}.the4-media-block .the4-media-image{display:block;width:100%;height:auto;object-fit:contain;max-height:600px;background-color:#000}.the4-media-block .the4-media-video-wrapper,.the4-media-block .the4-media-external-video-wrapper,.the4-media-block .the4-media-model-wrapper{position:relative;width:100%;aspect-ratio:1}.the4-media-block .the4-media-video-wrapper video,.the4-media-block .the4-media-external-video-wrapper iframe{width:100%;height:100%;object-fit:contain}.the4-media-block .the4-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#fffffff2;box-shadow:0 2px 10px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.the4-media-block .the4-carousel-btn:hover{background:#fff;box-shadow:0 4px 15px #0003}.the4-media-block .the4-carousel-btn--prev{left:15px}.the4-media-block .the4-carousel-btn--next{right:15px}.the4-media-block .the4-media-thumbnails-wrapper{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.the4-media-block .the4-media-thumbnails-wrapper::-webkit-scrollbar{display:none}.the4-media-block .the4-media-thumbnails{display:flex;gap:var(--thumbnail-gap);padding:5px 0;justify-content:center}.the4-media-block .the4-media-thumbnail{flex:0 0 var(--thumbnail-size);width:var(--thumbnail-size);height:calc(var(--thumbnail-size) - 20px);padding:0;border:1px solid transparent;border-radius:calc(var(--border-radius) / 2);overflow:hidden;cursor:pointer;position:relative;background:#f8f8f8;transition:all .2s ease}.the4-media-block .the4-media-thumbnail.is-active{border-color:var(--thumb-border-color, #000);box-shadow:0 0 0 1px var(--thumb-border-color, #000)}.the4-media-block .the4-media-thumbnail:hover{border-color:var(--thumb-border-color, #000)}.the4-media-block .the4-thumbnail-image{width:100%;height:100%;object-fit:contain;display:block}.the4-media-block .the4-thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;font-size:10px;font-weight:700}.the4-media-block .the4-media-placeholder{aspect-ratio:1;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius)}.the4-media-block .the4-placeholder-svg{width:50%;height:auto;fill:#ccc}@media (max-width: 767px){.the4-media-block .the4-media-block{--thumbnail-size: 60px}.the4-media-block .the4-media-image{max-height:400px}.the4-media-block .the4-carousel-btn{width:36px;height:36px}.the4-media-block .the4-carousel-btn--prev{left:10px}.the4-media-block .the4-carousel-btn--next{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/media_custom.css.map */