.flip-container{align-items:flex-start;background-position:50%;background-size:cover;background:var(--dark-bg);border-radius:10px;box-shadow:0 1px 3px #0002;color:#fff;display:flex;flex-direction:column;justify-content:space-between;perspective:2000px;-webkit-perspective:2000px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:all .4s}.flip-reflection{border-radius:10px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.flip-reflection:after{background:hsla(0,0%,100%,.3);box-sizing:border-box;content:"";display:block;filter:blur(3px);height:300%;position:absolute;top:0;transform:rotate(45deg) translate(250%);transition:all .5s cubic-bezier(.645,.045,.355,1);width:100%}.flip-icon{display:flex;height:14px;right:10px;top:10px;width:14px}.flip-icon,.flip-play{color:#fff;position:absolute}.flip-play,.flip-stats{font-size:8px;left:50%;opacity:0;text-shadow:0 0 5px rgba(0,0,0,.333);top:50%;transform:translate(-50%) translateY(-50%) translateZ(0);transition:all .2s}.flip-stats{color:#fff;position:absolute}.flip-stats span{font-size:5px}.flip-time{font-size:12px;left:5px;top:5px}.flip-time,.flip-views{color:#fff;position:absolute;text-shadow:0 0 2px rgba(0,0,0,.6);transition:all .2s}.flip-views{bottom:10px;font-size:14px;left:10px}.flip-card{border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;perspective:1000px;-webkit-perspective:1000px;position:relative;row-gap:5px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flip-card:active{transform:scale(.9)}.flip-card-sm{width:100px}.flip-card-md{width:130px}.flip-card-lg{max-width:167px;width:167px}.flip-card:hover:after{transform:rotate(45deg) translate(500%);transition:all 1s cubic-bezier(.645,.045,.355,1)}.flip-card:hover .flip-container{box-shadow:0 2px 0 1px #0002,-1px -1px #fff;transform:rotateY(5deg) rotateX(20deg)}.flip-card:hover .flip-container .flip-reflection:after{transform:rotate(45deg) translate(-250%)}.flip-card:hover .flip-container .flip-play{font-size:50px;opacity:1;transform:translate(-50%) translateY(-50%) translateZ(50px)}.flip-card:hover .flip-container .flip-stats{font-size:25px;opacity:1;transform:translate(-50%) translateY(-50%) translateZ(50px)}.flip-card:hover .flip-container .flip-stats span{font-size:12px}.flip-content{border-radius:10px;-o-object-fit:cover;object-fit:cover}.flip-content-sm{height:150px;width:100px}.flip-content-md{height:200px;width:130px}.flip-content-lg{height:250px;max-width:167px;width:167px}.flip-title{color:#000;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;width:100%}.flip-list{display:grid;gap:15px}.flip-list--4{grid-template-columns:repeat(4,minmax(120px,1fr))!important}.flip-list-md{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.flip-list-lg{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}