.radio-chart-preview{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;margin-top:3rem;padding:1.5rem}.radio-chart-preview__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.radio-chart-preview__title{color:#111;text-transform:capitalize;align-items:center;gap:10px;margin:0;font-size:1.3rem;font-weight:700;display:flex}@media screen and (max-width:500px){.radio-chart-preview__title{font-size:1.1rem}}.radio-chart-preview__link{background:var(--main-color,#111);color:var(--inversed-main-color,#fff);align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.radio-chart-preview__link:hover{opacity:.9;transform:translate(2px)}@media screen and (max-width:500px){.radio-chart-preview__link{padding:6px 12px;font-size:.8rem}}.radio-chart-preview__list .swiper{padding:0 30px;overflow:visible}@media screen and (max-width:500px){.radio-chart-preview__list .swiper{padding:0 25px}}.radio-chart-preview__list .swiper-slide:has(.radio-chart-preview__item__listen:hover){z-index:1;position:relative}.radio-chart-preview__list .swiper-button-prev,.radio-chart-preview__list .swiper-button-next{color:#111;background-color:#0000;width:30px;height:30px}.radio-chart-preview__list .swiper-button-prev:after,.radio-chart-preview__list .swiper-button-next:after{font-size:16px;font-weight:700}.radio-chart-preview__list .swiper-button-prev{left:0}.radio-chart-preview__list .swiper-button-next{right:0}.radio-chart-preview__item{text-align:center;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.radio-chart-preview__item__rank{color:#374151;margin-bottom:8px;font-family:TerminalGrotesk,serif;font-size:1.6rem;font-weight:700}.radio-chart-preview__item__artwork{width:60px;height:60px;margin-bottom:10px;position:relative;box-shadow:0 2px 8px #00000026}.radio-chart-preview__item__artwork img{object-fit:cover;width:100%;height:100%}.radio-chart-preview__item__medal{color:#000;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;left:-4px;box-shadow:0 2px 4px #0000004d}.radio-chart-preview__item__medal--gold{background:linear-gradient(135deg,gold,#ccac00)}.radio-chart-preview__item__medal--silver{background:linear-gradient(135deg,silver,#a7a7a7)}.radio-chart-preview__item__medal--bronze{color:#fff;background:linear-gradient(135deg,#cd7f32,#a46628)}.radio-chart-preview__item__info{flex-direction:column;gap:2px;width:100%;min-width:0;display:flex}.radio-chart-preview__item__artist{color:#111;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.radio-chart-preview__item__title{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.radio-chart-preview__item__listen{justify-content:center;margin-top:6px;display:flex;position:relative}.radio-chart-preview__item__listen__trigger{color:#374151;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;transition:border-color .2s,color .2s;display:inline-flex}.radio-chart-preview__item__listen__trigger:hover{color:#111;border-color:#6b7280}.radio-chart-preview__item__listen__popup{white-space:nowrap;z-index:20;opacity:0;pointer-events:none;background:#fff;border-radius:8px;gap:6px;padding:8px 10px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 16px #00000026,0 0 0 1px #0000000f}.radio-chart-preview__item__listen__popup:before{content:"";height:13px;position:absolute;top:100%;left:-10px;right:-10px}.radio-chart-preview__item__listen__popup:after{content:"";border:5px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}.radio-chart-preview__item__listen__popup__btn{cursor:pointer;color:var(--platform-color);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:transform .15s;display:flex}.radio-chart-preview__item__listen__popup__btn:hover{transform:scale(1.25)}.radio-chart-preview__item__listen__popup__btn svg{width:18px;height:18px}.radio-chart-preview__item__listen:hover .radio-chart-preview__item__listen__popup{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}