.video-carousel .cmp-video-carousel .arrow-container{width:50px;height:70px;background-color:#d1d1d1;display:flex;justify-content:center;align-items:center;position:absolute;cursor:pointer;opacity:.6;z-index:1}
.video-carousel .cmp-video-carousel .arrow-container .ar{width:40px;height:40px;border:solid #0098ff 2px;rotate:45deg;position:absolute}
.video-carousel .cmp-video-carousel .arrow-container .arrow-left{border-right:0;border-top:0;left:15px}
.video-carousel .cmp-video-carousel .arrow-container .arrow-right{border-left:0;border-bottom:0;right:15px}
.video-carousel .cmp-video-carousel .left-container{bottom:95px;top:0;left:0;margin:auto}
.video-carousel .cmp-video-carousel .right-container{bottom:95px;top:0;right:0;margin:auto}
.video-carousel .cmp-video-carousel .carousel-container{display:flex;transform:translateX(0);transition:transform .5s}
.video-carousel .cmp-video-carousel .carousel-container .poster-container{opacity:1;position:relative;display:flex}
.video-carousel .cmp-video-carousel .carousel-container .poster-container .poster{width:100%;aspect-ratio:1.5}
.video-carousel .cmp-video-carousel .carousel-container .poster-container .play{position:absolute;width:100%;height:100%;font-size:100px;color:white;top:0;left:0;right:0;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center;z-index:2;opacity:.8;cursor:pointer}
.video-carousel .cmp-video-carousel .information{width:100%;display:flex;flex-direction:column;gap:15px}
.video-carousel .cmp-video-carousel .information .section{color:var(--blue-dark);font-weight:300;font-size:14px;line-height:20px;text-transform:uppercase;cursor:pointer}
.video-carousel .cmp-video-carousel .information .section:hover{color:black}
.video-carousel .cmp-video-carousel .information .title{color:var(--orange-dark);font-size:18px;line-height:22px;cursor:pointer}
.video-carousel .cmp-video-carousel .information .title:hover{color:black}
.video-carousel .cmp-video-carousel .modal-carousel{position:fixed;width:100%;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.9);display:flex;z-index:20;transition:opacity .4s;opacity:0;pointer-events:none}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel{margin:auto;background-color:black;width:90%;max-width:700px;max-height:95%;overflow:hidden;display:flex;flex-direction:column;align-items:center;position:relative}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .video-modal,.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .iframe-modal{order:2;width:100%;aspect-ratio:1.5;object-fit:cover;padding:0 20px 20px 20px}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btn-close-mv{order:0;align-self:flex-end;width:20px;height:20px;background-color:#9c9c9c;color:white;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btn-close-mv:hover{background-color:white;color:#9c9c9c}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container{display:flex;flex-direction:column;width:auto;position:absolute;top:50px;right:36px;gap:10px;z-index:200}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container .like-container,.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container .share-container{display:flex;align-items:center;gap:10px}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container .like-container .text-hover,.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container .share-container .text-hover{width:100px;height:30px;padding:8px 15px;color:white;font-size:12px;font-weight:bold;background-color:black;border-radius:5px;text-align:center;opacity:0;transition:opacity .2s}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container .like-container .btn,.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container .share-container .btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:black;color:white;border-radius:5px;cursor:pointer}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container .like-container .btn:hover,.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container .share-container .btn:hover{background-color:red;transition:background-color .2s}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container .like-container:hover .text-hover,.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .btns-container .share-container:hover .text-hover{transition:opacity .2s;opacity:1}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .controls{width:90%;height:30px;position:absolute;bottom:60px;order:2;display:flex;gap:15px}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .controls .play-pause{width:10%;display:flex;align-items:center;justify-content:center;position:relative;padding:10px;color:white;background-color:black;cursor:pointer;border-radius:5px;font-size:30px}
.video-carousel .cmp-video-carousel .modal-carousel .modal-container-carousel .controls .play-pause:hover{color:red}
.video-carousel .cmp-video-carousel .modal-carousel--show{transition:opacity .4s;opacity:1;pointer-events:unset}
.video-carousel .cmp-video-carousel .embed-carousel{display:block;background-color:black;width:100%;height:80%;position:absolute;opacity:0;pointer-events:none;transition:opacity .4s;z-index:20}
.video-carousel .cmp-video-carousel .embed-carousel .video-embed,.video-carousel .cmp-video-carousel .embed-carousel .iframe-embed{width:100%;height:100%;object-fit:cover}
.video-carousel .cmp-video-carousel .embed-carousel .btn-close-ev{position:absolute;top:0;right:0;cursor:pointer;transition:color ease-in .1s}
.video-carousel .cmp-video-carousel .embed-carousel .btn-close-ev:hover{color:white;transition:color ease-in .1s}
.video-carousel .cmp-video-carousel .embed-carousel--show{transition:opacity .4s;opacity:1;pointer-events:unset}
.video-carousel{width:100%;max-width:400px}
.video-carousel .cmp-video-carousel{width:100%;display:flex;flex-direction:column;gap:15px;position:relative;overflow:hidden}