smart-video{position:relative;display:block;width:100%;height:100%}.smart-video__video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.smart-video__play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:rgb(var(--color-primary-hover-rgb) / .2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(var(--color-primary-hover-rgb) / 1);color:rgb(var(--color-primary-hover-rgb) / 1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;z-index:5}.smart-video__play-overlay:hover{transform:translate(-50%,-50%) scale(1.1)}.smart-video__play-overlay.is-playing{opacity:0;pointer-events:none;visibility:hidden;transform:translate(-50%,-50%) scale(.8)}.smart-video__play-overlay-icon{display:flex;align-items:center;justify-content:center}.smart-video__play-overlay-icon svg{width:24px;height:24px;margin-left:4px;fill:currentColor}.smart-video__controls{position:absolute;bottom:16px;right:16px;display:flex;gap:12px;z-index:10;opacity:0;pointer-events:none;visibility:hidden;transition:all .3s ease}smart-video.is-playing .smart-video__controls{opacity:1;pointer-events:auto;visibility:visible}.smart-video__control{width:24px;height:24px;border-radius:50%;background:rgb(var(--color-primary-hover-rgb) / .2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(var(--color-primary-hover-rgb) / 1);color:rgb(var(--color-primary-hover-rgb) / 1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.smart-video__control:hover{transform:scale(1.05)}.smart-video__control svg{width:12px;height:12px}.smart-video__icon-play,.smart-video__icon-pause{display:none}.smart-video__control:not(.is-playing) .smart-video__icon-play{display:flex}.smart-video__control.is-playing .smart-video__icon-pause{display:flex}.smart-video__control--play-pause .smart-video__icon-play svg{margin-left:2px}.smart-video__icon-unmute,.smart-video__icon-mute{display:none}.smart-video__control.is-muted .smart-video__icon-mute{display:flex}.smart-video__control:not(.is-muted) .smart-video__icon-unmute{display:flex}@media not (min-width:750px){.smart-video__controls{bottom:12px;right:12px;gap:8px}.smart-video__control{width:24px;height:24px}.smart-video__control svg{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/smart-video.css.map */