.video-player{position:relative;width:100%;height:100%;picture{width:100%;height:100%;display:block;img{width:100%;height:100%;object-fit:cover}}.play-video{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;div{background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:.75rem;overflow:hidden;i{background-image:var(--img-play);background-repeat:no-repeat;background-size:contain;filter:var(--f-white);width:100%;height:100%;margin:0;padding:1.25rem}}}.video-player-content{width:100%;height:100%;>div{position:relative;width:100%;aspect-ratio:16/9;.youtube-player{width:100%;height:100%}}}}.element.carousel{width:100%;height:100%;aspect-ratio:4/3;position:relative;overflow:hidden;>div.items{width:100%;height:100%;position:relative;.item{position:absolute;width:100%;height:100%;transition:opacity 1s;opacity:0;z-index:0;&.active{opacity:1;z-index:1}}}.nav{button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.3);opacity:.8;z-index:1;transition:opacity .2s ease-in-out;i{padding:12px;filter:var(--f-white)}&.left-button{left:1rem;i{background-image:var(--img-chevron-left)}}&.right-button{right:1rem;i{background-image:var(--img-chevron-right)}}&:hover{background-color:hsla(0,0%,100%,.5);opacity:1}}}.steps{position:absolute;bottom:1rem;width:100%;display:flex;justify-content:center;column-gap:var(--grid-spacing-x);z-index:2;button{width:.625rem;height:.625rem;border-radius:50%;border:1px solid var(--light-f);&.active{background-color:var(--light-f);border:none}}}.go-to-video{position:absolute;bottom:0;right:0;z-index:3;align-items:center;border-top-left-radius:.25rem;background:hsla(0,0%,100%,.9);transition:opacity .3s ease-in-out;opacity:.89;button{display:flex;align-items:center;span:first-child{font-weight:500;font-size:14px;color:var(--light-0);margin-bottom:2px;padding:2px 12px}span:last-child{display:flex;position:relative;background-color:var(--primary);align-items:center;padding:5px;i{background-image:var(--img-play);background-repeat:no-repeat;background-size:contain;filter:brightness(0) saturate(100%) invert(100%);width:100%;height:100%;padding:.625rem}}}&:hover{opacity:1}}}@media only screen and (max-width:768px){.element.carousel{aspect-ratio:16/9;.nav{button{width:35px;height:35px}}.steps{column-gap:5px}}}