.video-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--color-brand)}.video-container .btn[data-play-button]{position:absolute;bottom:1rem;right:1rem;padding-inline:1rem;z-index:10}[data-play-button] .lucide-pause-icon,[data-play-button] span:last-of-type{display:none}video-element[data-state=playing] [data-play-button] .lucide-play-icon{display:none}video-element[data-state=playing] [data-play-button] .lucide-pause-icon{display:block}video-element[data-state=playing] [data-play-button] span:first-of-type{display:none}video-element[data-state=playing] [data-play-button] span:last-of-type{display:block}.video-player{width:100%;height:100%;object-fit:cover;display:block}.video-player--desktop{display:block}.video-player--mobile{display:none}.video-player::-webkit-media-controls{display:none!important}.video-player::-webkit-media-controls-enclosure{display:none!important}.video__play-button{position:absolute;bottom:2rem;right:2rem;width:2rem;height:2rem;padding:0;border:none;background:transparent;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.video__play-button:hover{transform:scale(1.1)}.video__play-button:focus{outline:2px solid currentColor;outline-offset:4px}.video__play-button:focus:not(:focus-visible){outline:none}.video__play-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}video-element[data-state=paused] .video__play-button{opacity:1;visibility:visible}.video-play-icon{width:100%;height:100%;color:#000;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:767px){video-element[data-has-mobile=true] .video-player--desktop{display:none}video-element[data-has-mobile=true] .video-player--mobile{display:block}.video__play-button{width:1.25rem;height:1.25rem;bottom:1.5rem;right:1.5rem}}.video-container:hover .video__play-button{transform:scale(1.05)}.video-container:hover .video__play-button:hover{transform:scale(1.15)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-video.css.map */