.top10Section{width:100%;margin:40px 0;position:relative}.top10Title{text-align:center;font-size:24px;font-weight:700;margin-bottom:20px;color:#ffffff}.top10Wrapper{position:relative;z-index:0}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:9999;background:rgba(0,0,0,.6);border:none;color:white;font-size:32px;width:45px;height:90px;cursor:pointer;transition:background .2s ease;pointer-events:auto;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.4)}.arrow:hover{background:rgba(0,0,0,.9)}.arrow.left{left:0}.arrow.right{right:0}.top10Slider{position:relative;z-index:1;display:flex;gap:24px;overflow-x:auto;overflow-y:visible;padding:20px 60px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.top10Slider::-webkit-scrollbar{display:none}.top10CardContainer{position:relative;width:220px;flex:0 0 auto;display:flex;align-items:flex-end;transition:transform .3s ease;z-index:1}.top10CardContainer:hover{z-index:100}.top10NumberContainer{position:absolute;left:0;bottom:0;z-index:0}.top10Number{font-size:120px;font-weight:900;line-height:.8;color:white;-webkit-text-stroke:4px black;user-select:none}.top10Card{position:relative;width:160px;margin-left:60px;z-index:1;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease}.top10Image{width:100%;display:block}.top10CardContainer:hover .top10Card{transform:scale(1.15) translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.9)}.cardPopupWrap{position:absolute;bottom:-130px;left:0;width:100%;background:#181818;padding:12px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.top10CardContainer:hover .cardPopupWrap{opacity:1;transform:translateY(0);pointer-events:auto}.cardPopupWrap h4{margin:0 0 6px;font-size:14px;color:white}.cardPopupWrap p{font-size:12px;color:#b3b3b3;margin:0 0 8px;line-height:1.4}.playButton{background:white;color:black;border:none;padding:6px 12px;font-size:12px;border-radius:4px;cursor:pointer;font-weight:600}.playButton:hover{background:#e6e6e6}.zoomCardHover{position:relative;transition:transform .22s cubic-bezier(.33,.04,.63,.93);backface-visibility:hidden;will-change:transform;transform-origin:center bottom;z-index:1}.zoomCardHover .cardPopupWrap{position:absolute;bottom:0;left:-1px;right:-1px;padding:10px 8px;background:#1c1c1c;opacity:0;transform:translateY(8px);filter:blur(8px);transition:opacity .2s ease,transform .2s ease,filter .2s ease;z-index:2}.zoomCardHover:hover{transform:scale3d(1.2,1.2,1);z-index:100}.zoomCardHover:hover:after{content:"";position:absolute;top:-7px;bottom:-7px;left:-7px;right:-7px;border:8px solid #1c1c1c;pointer-events:none}.zoomCardHover:hover .cardPopupWrap{opacity:1;transform:translateY(0);filter:none}.cardPopupWrap .popupTitle{font-size:12px;font-weight:300;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardPopupWrap .popupMetaDetails{font-size:12px;color:#cfcfcf;margin-top:4px}.cardPopupWrap .popupBtnWrap{margin-top:8px;display:flex;gap:12px}.popupBtnWrap .popupButton{font-size:12px;cursor:pointer;color:#ffffff}.slick-slide:first-child .zoomCardHover:hover{transform:scale3d(1.2,1.2,1) translateX(15px)}.slick-slide:last-child .zoomCardHover:hover{transform:scale3d(1.2,1.2,1) translateX(-15px)}@media (max-width:600px){.top10Title{font-size:20px}.top10Card{width:140px;margin-left:48px}.top10Number{font-size:100px;-webkit-text-stroke-width:3px}.arrow{width:38px;height:76px;font-size:28px}}