.el-player-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;}@media (max-width:992px){.el-player-items{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.el-player-items{grid-template-columns:1fr}}.el-player .player-thumb{position:relative;}.el-player .player-thumb .shape-wrap{width:100%;height:100%;position:absolute;left:0;bottom:0;transform:skew(-5deg);z-index:-1}.el-player .player-thumb .shape{background:#f90cff;background-image:linear-gradient(to right bottom,#f90cff,#e027ff,#c534ff,#a93eff,#8a44ff,#6560ff,#3c73ff,#0081ff,#009cff,#00b3ff,#00c6f5,#0cd7e8);clip-path:polygon(0% 0%,80% 0,100% 10%,100% 100%,0 100%);width:150px;height:100%;position:absolute;left:0;bottom:0;border-radius:2px;transition:all 450ms cubic-bezier(.4,0,.2,1);transition:all .2s ease-in-out;}.el-player .player-thumb .shape:before{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.25),rgba(255,255,255,.25) 1px,transparent 1px,transparent 6px);background-size:4px 4px;content:"";position:absolute;left:0;top:0;width:100%;height:100%;}.el-player .player-thumb .shape.shape-1{clip-path:polygon(0% 0%,90% 0,100% 10%,100% 100%,0 100%);width:200px;height:70%;left:20%;z-index:1;opacity:.8;}.el-player .player-thumb .shape.shape-2{height:100%;left:30%;opacity:.7;}.el-player .player-thumb .shape.shape-3{height:90%;z-index:2;opacity:.4;left:30px;}.el-player .player-thumb .shape.shape-4{height:60%;left:15px;opacity:.6;}.el-player .player-content{position:relative;margin-top:-1rem;padding-left:.75rem;padding-bottom:1rem;z-index:20;}.el-player .player-content-inner{display:flex;align-items:center;justify-content:flex-start;height:60px;position:relative;}.el-player .player-content-inner .whte-shape{background-color:#fff;width:66.666667%;height:100%;position:absolute;left:-5px;bottom:10px;border-radius:2px;overflow:hidden;transform:skewX(-15deg);z-index:-1;}.el-player .player-content-inner .name-bg-shape{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;gap:.25rem;position:absolute;left:7px;bottom:0;z-index:-1;}.el-player .player-content-inner .name-bg-shape span:nth-child(1){background-image:linear-gradient(to right bottom,#f90cff,#e027ff,#c534ff,#a93eff,#8a44ff,#6560ff,#3c73ff,#0081ff,#009cff,#00b3ff,#00c6f5,#0cd7e8);border-radius:2px;width:75%;height:100%;transform:skewX(-15deg);position:relative;}.el-player .player-content-inner .name-bg-shape span:nth-child(1):before{background-image:repeating-linear-gradient(-45deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.25) 1px,transparent 0,transparent 6px);background-size:4px 4px;content:"";width:100%;height:100%;position:absolute;left:0;top:0;}.el-player .player-content-inner .name-bg-shape span:nth-child(2){background-image:linear-gradient(to right bottom,#f90cff,#e027ff,#c534ff,#a93eff,#8a44ff,#6560ff,#3c73ff,#0081ff,#009cff,#00b3ff,#00c6f5,#0cd7e8);border-radius:2px;transform:skewX(-15deg);width:18px;height:100%;}.el-player .player-content-inner .name-bg-shape span:nth-child(3){background-color:#ddd;transform:skewX(-15deg);border-radius:2px;width:18px;height:100%;}.el-player .player-content-inner h3{font-size:22px;line-height:1;font-weight:600;color:#fff;letter-spacing:-.5px;padding-left:2rem;z-index:10;margin-bottom:0;}.el-player .player-content-inner h3 a{color:#fff;}.el-player .player-content-inner h4{width:60%;height:25px;display:flex;align-items:center;justify-content:center;position:absolute;left:1.25rem;bottom:-15px;font-size:14px;line-height:14px;font-weight:600;color:#0c0c35;padding-top:1px;margin-bottom:0;}.el-player .player-content-inner h4:before{background-color:rgb(226 232 240/1);content:"";transform:skewX(-15deg);width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;}@media (min-width:767px){.el-player .player-thumb .shape.shape-1{height:60%}.el-player .player-thumb .shape.shape-2{height:90%}.el-player .player-thumb .shape.shape-3{height:70%}.el-player .player-thumb .shape.shape-4{height:40%}.el-player:hover .player-thumb .shape.shape-1{height:70%;transition-delay:200ms}.el-player:hover .player-thumb .shape.shape-2{height:100%;transition-delay:150ms}.el-player:hover .player-thumb .shape.shape-3{height:90%;transition-delay:100ms}.el-player:hover .player-thumb .shape.shape-4{height:60%;transition-delay:50ms}}@media (max-width:767px){.el-player-carousel .swiper-wrapper .swiper-slide{padding-left:20px}}