:root{--procarousel-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--procarousel-play-size:40px;--procarousel-radius:20px;--procarousel-dark:#0f0f0f;--procarousel-text:#ffffff;--procarousel-text-muted:#aaaaaa;--procarousel-accent:#ff0000}.procarousel-wrapper{position:relative;width:100%;height:100%;background:#fff0;padding:20px 0}.splide,.splide__track,.splide__list{height:100%!important}.procarousel-slide{height:100%!important;display:flex!important}.procarousel-slide>.procarousel-card{flex:1 1 auto}.procarousel-card{position:relative;overflow:hidden;background:var(--procarousel-dark);border-radius:var(--procarousel-radius);transition:var(--procarousel-transition);transform:translateZ(0);display:flex;flex-direction:column;height:100%;width:100%;border:1px solid rgb(255 255 255 / .1)}.procarousel-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgb(0 0 0 / .4);border-color:rgb(255 255 255 / .2)}.procarousel-ratio-16-9{aspect-ratio:16/9}.procarousel-ratio-4-3{aspect-ratio:4/3}.procarousel-ratio-1-1{aspect-ratio:1/1}.procarousel-ratio-9-16{aspect-ratio:9/16}.procarousel-card-header{position:absolute;top:0;left:0;width:100%;padding:15px;display:flex;align-items:center;gap:12px;background:linear-gradient(to bottom,rgb(0 0 0 / .8) 0%,transparent 100%);z-index:5}.procarousel-channel-logo{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#333;flex-shrink:0;border:1px solid rgb(255 255 255 / .2)}.procarousel-channel-logo img{width:100%;height:100%;object-fit:cover}.procarousel-header-text{overflow:hidden}.procarousel-video-title{margin:0;font-size:14px;font-weight:700;color:var(--procarousel-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.procarousel-channel-name{margin:2px 0 0;font-size:12px;color:var(--procarousel-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.procarousel-thumbnail-wrap{position:relative;width:100%;flex-grow:1;height:100%;min-height:0}.procarousel-thumbnail{width:100%;height:100%;display:block;object-fit:cover;transition:transform 0.5s ease}.procarousel-wrapper .splide__slide img{width:100%;height:100%}.procarousel-card:hover .procarousel-thumbnail{transform:scale(1.05)}.procarousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .2);transition:var(--procarousel-transition);z-index:4}.procarousel-play-btn{width:var(--procarousel-play-size);height:var(--procarousel-play-size);background:#fff0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:var(--procarousel-transition)}.procarousel-play-icon{width:30px;height:30px;background:var(--procarousel-accent);border-radius:9px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgb(255 0 0 / .5)}.procarousel-play-icon::after{content:'';width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:#fff0 #fff0 #fff0 #fff;margin-left:2.5px}.procarousel-play-btn:hover .procarousel-play-icon{transform:scale(1.1);background:#f33}.splide__arrows{position:absolute;top:50%;width:100%;transform:translateY(-50%);pointer-events:none;z-index:10}.splide__arrow{width:44px;height:44px;background:rgb(255 255 255 / .15)!important;backdrop-filter:blur(10px);border-radius:50%!important;border:1px solid rgb(255 255 255 / .2)!important;pointer-events:auto;transition:var(--procarousel-transition)!important}.splide__arrow:hover{background:rgb(255 255 255 / .3)!important;transform:scale(1.1)}.splide__arrow svg{fill:#fff!important}.splide__pagination{bottom:-10px!important}.splide__pagination__page{width:8px!important;height:8px!important;background:rgb(255 255 255 / .3)!important;margin:0 4px!important;transition:var(--procarousel-transition)!important}.splide__pagination__page.is-active{background:#fff!important;transform:scale(1.3)!important}.procarousel-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .95);backdrop-filter:blur(20px);z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--procarousel-transition)}.procarousel-lightbox.is-active{opacity:1;visibility:visible}.procarousel-lightbox-content{position:relative;width:90%;max-width:1200px;aspect-ratio:16/9;box-shadow:0 30px 60px rgb(0 0 0 / .8);border-radius:20px;overflow:hidden}.procarousel-lightbox-iframe{width:100%;height:100%;border:none}.procarousel-lightbox-close{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:40px;cursor:pointer;padding:10px;line-height:1}@media (max-width:767px){.procarousel-play-icon{width:25px;height:25px}}