internal-video{display:block;position:relative;z-index:0}internal-video video{width:100%}.internal-video__play{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:none;border:none;outline:none;z-index:1;cursor:pointer}.play-button{width:5rem;height:5rem;display:flex;justify-content:center;align-items:center;border-radius:50%;position:relative;z-index:0;background:rgb(var(--color-button));color:rgb(var(--color-button-text));outline:none;border:none;cursor:pointer}.internal-video--playing .play-button{opacity:0}.play-button svg{height:50%;width:50%}.internal-video--loading:before{display:block;width:4rem;height:4rem;border:.4rem solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.internal-video__timeline{position:absolute;bottom:0;left:0;z-index:2;height:10px;width:100%;cursor:grab}.internal-video__timeline:after{content:"";position:absolute;bottom:0;left:0;height:5px;width:var(--completed, 0%);background:rgb(var(--color-button))}.internal-video__timeline--top,.internal-video__timeline--top:after{top:0;bottom:auto}.internal-video__sound-btn{padding:0;position:absolute;bottom:1rem;right:1rem;z-index:3;border-radius:50%;font-size:3rem;width:2.8rem;height:2.8rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.internal-video__timeline+.internal-video__sound-btn{transform:translateY(-5px)}.internal-video__sound-btn svg{width:1.2rem;height:1.2rem}.internal-video:not(.internal-video--muted) .internal-video__sound-btn svg:nth-child(1),.internal-video.internal-video--muted .internal-video__sound-btn svg:nth-child(2){display:none}.image-slide{border-radius:var(--border-radius, 0);overflow:hidden}.image-slider{position:relative}.image-slide__image svg{width:100%}.image-slide__image img,.video-slide__video video{width:100%}.video-slide__video{position:relative}@media screen and (max-width:750px){.video-slide__play__btn--mobile-size-2{width:3rem;height:3rem}.video-slide__play__btn--mobile-size-3,.video-slide__play__btn--mobile-size-4{width:2.5rem;height:2.5rem}}.image-slide__desc p{margin:0;font-size:1.5rem;line-height:1.3}.image-slide__desc{padding:1rem;background-color:rgb(var(--color-background-secondary))}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-image-slider.css.map */