.top10-section{padding:2rem 4%;background:#0a0a0a;position:relative;z-index:5;direction:ltr}.top10-section .section-header{flex-direction:row-reverse;justify-content:flex-start;gap:15px;margin-bottom:2rem;display:flex;align-items:center}.top10-scroll-container{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;padding:20px 0 40px 0;scrollbar-width:thin;scrollbar-color:var(--primary-color) #222}.top10-container{display:inline-flex;gap:20px;padding-left:20px}.top10-card{position:relative;display:flex;align-items:flex-end;width:auto;flex-shrink:0;cursor:pointer;transition:transform .3s ease}.top10-card:hover{transform:scale(1.05);z-index:10}.top10-rank-container{font-family:Poppins,sans-serif;font-weight:700;font-size:150px;line-height:1;position:relative;z-index:1;color:#1a1a1a;-webkit-text-stroke:4px rgb(220,38,38);text-stroke:4px rgb(220,38,38);margin-right:-25px;margin-bottom:-10px;user-select:none;pointer-events:none}.top10-rank-svg{height:140px;width:auto;display:block;margin-right:-40px;position:relative;z-index:1;overflow:visible}.rank-text{font-family:Poppins,sans-serif;font-weight:900;font-size:130px;fill:#1a1a1a;stroke:rgb(220,38,38);stroke-width:4px}.top10-link{display:block;width:150px;border-radius:8px;overflow:hidden;position:relative;z-index:2;box-shadow:0 4px 15px rgba(0,0,0,.5);aspect-ratio:2/3}.top10-poster{width:100%;height:100%;object-fit:cover;display:block}.top10-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s;display:flex;justify-content:center;align-items:center}.top10-card:hover .top10-overlay{opacity:1}.top10-overlay .play-icon{font-size:2rem;color:#0e0808;background:var(--primary-color);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center}.top10-scroll-container::-webkit-scrollbar{height:6px}.top10-scroll-container::-webkit-scrollbar-track{background:#222;border-radius:3px}.top10-scroll-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}@media (max-width:768px){.top10-rank-container{font-size:100px;margin-right:-15px}.top10-link{width:110px}.top10-rank-svg{height:100px;margin-right:-25px}.rank-text{font-size:120px;stroke-width:3px}}