.testi-slider02{--nb: 4;--gap: 24px}.testi-slider02 .container{overflow:hidden}.testi-slider02 .container .inner{gap:var(--gap)}.testi-slider02 .container .inner .el{width:calc((100% - (var(--nb) - 1) * var(--gap)) / var(--nb));background-color:var(--body_accent1_color);border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.testi-slider02 .container .inner .el .play{position:absolute;left:12px;bottom:12px;color:#fff}.testi-slider02 .container .inner .el .duration{position:absolute;bottom:12px;right:12px;color:#fff}.testi-slider02 .overlay .bg{width:100vw;height:100vh;position:fixed;background-color:#000;opacity:.5;top:0;left:0;z-index:9}.testi-slider02 .overlay .inner{position:fixed;height:calc(100% - 2 * var(--section-container-l-padding));aspect-ratio:9 / 16;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%)}.testi-slider02 .overlay .inner video{pointer-events:all}.testi-slider02 .overlay .inner .close{position:absolute;right:20px;top:calc(20px + var(--section-container-l-padding));padding:6px;border-radius:50%;cursor:pointer}.testi-slider02 .overlay .inner .prev,.testi-slider02 .overlay .inner .next{position:absolute;top:50%;transform:translateY(-50%);padding:6px;border-radius:50%;cursor:pointer}.testi-slider02 .overlay .inner .prev{left:-16px}.testi-slider02 .overlay .inner .next{right:-16px}.testi-slider02 .overlay .inner .muted{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;color:#fff}.testi-slider02 .overlay.muted .inner .muted{display:block;pointer-events:none}.testi-slider02 .overlay.muted .inner:before{content:"";position:absolute;left:0;top:var(--section-container-l-padding);width:100%;height:calc(100% - 2 * var(--section-container-l-padding));background-color:#000;opacity:.5;overflow:hidden;pointer-events:none}@media (max-width: 599px){.testi-slider02{--nb: 1.5;--gap: 8px}.testi-slider02 .overlay .inner{height:unset;width:100%;padding:0 var(--section-container-l-padding)}.testi-slider02 .overlay .inner .close{top:20px;right:calc(20px + var(--section-container-l-padding))}.testi-slider02 .overlay .inner .prev{left:20px}.testi-slider02 .overlay .inner .next{right:20px}.testi-slider02 .overlay.muted .inner:before{left:var(--section-container-l-padding);top:0;width:100%;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/testi-slider02.css.map */