.reel-card{flex:0 0 auto;height:410px;width:231px;border-radius:10px;cursor:pointer;position:relative;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s ease,box-shadow .3s ease}.reel-card:hover{transform:scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.5)}.reel-card .reel-overlay{background:linear-gradient(180deg,rgba(0,0,0,0) 3.191%,rgba(0,0,0,.9) 86.525%);z-index:1}.reel-card .reel-overlay,.reel-card img{position:absolute;top:0;left:0;width:100%;height:100%}.reel-card img{-o-object-fit:cover;object-fit:cover;z-index:0}.reel-card .reel-info{position:relative;z-index:2;padding:0 11px 17px 9px}.reel-card .reel-info h3{font-weight:400;font-size:var(--font-size-sm);line-height:140%;letter-spacing:-.03em;color:var(--text-color);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.reel-card .threedot{position:absolute;top:9px;right:8px;z-index:10;display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-color);font-size:16px;background:none;border:none;padding:0;cursor:pointer}.poster-card{flex:1 1;cursor:pointer;transition:transform .3s;border-radius:15px;overflow:hidden;min-width:0;position:relative;aspect-ratio:4.14/1}@media(max-width:768px){.poster-card{width:calc(100% - 18px);margin-right:18px}}.poster-card:hover{transform:translateY(-4px)}.poster-card .background-box{width:100%;aspect-ratio:16/7;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:15px}