.page-radios{color:#fff}.page-radios .page-header{max-width:800px;margin:0 auto;padding:0 20px}.page-radios .page-header .note{margin-bottom:0;opacity:.8;font-size:14px}.page-radios .page-header .search-bar{max-width:600px;margin:32px auto 0}.page-radios .page-header .results-counter{text-align:center;margin-top:16px;font-size:14px;color:#fff9}.page-radios .radios-space{display:flex;gap:15px;justify-content:center;flex-direction:column;padding:40px 20px 50px}.page-radios .radios-space .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.page-radios .radios-space .empty-state .empty-icon{color:#ffffff4d;margin-bottom:20px}.page-radios .radios-space .empty-state .empty-title{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px}.page-radios .radios-space .empty-state .empty-description{font-size:14px;color:#fff9;max-width:400px}.page-radios .radios-space .radios-wrapper{position:relative}.page-radios .radios-space .radios-wrapper.is-loading .radios{opacity:.5;pointer-events:none}.page-radios .radios-space .radios-wrapper .loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.page-radios .radios-space .radios{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:20px;transition:opacity .2s ease}.page-radios .radios-space .radios .radio{background:var(--ui-bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;width:260px;overflow:hidden;transition:box-shadow .2s ease;display:flex;flex-direction:column}.page-radios .radios-space .radios .radio:hover:not(.skeleton-card){box-shadow:0 8px 24px #00000040}.page-radios .radios-space .radios .radio.skeleton-card{cursor:default}.page-radios .radios-space .radios .radio.skeleton-card .skeleton-icon{background:transparent}.page-radios .radios-space .radios .radio .radio-content{padding:20px 16px 16px;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;gap:12px}.page-radios .radios-space .radios .radio .verified-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;color:#3b82f6;padding:4px 6px;background:#3b82f626;border-radius:6px}.page-radios .radios-space .radios .radio .radio-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px}.page-radios .radios-space .radios .radio .radio-icon-wrapper .radio-icon{color:var(--ui-primary)}.page-radios .radios-space .radios .radio .radio-name{display:flex;align-items:center;justify-content:center;flex:1;width:100%;font-size:16px;font-weight:600;color:#fff;line-height:1.4;word-break:break-word;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-radios .radios-space .radios .radio .radio-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.page-radios .radios-space .radios .radio .radio-tags .radio-tag{font-size:11px;font-weight:500;padding:3px 8px;border-radius:12px;background:#ffffff1a;color:#ffffffb3;text-transform:capitalize}.page-radios .radios-space .radios .radio .radio-footer{padding:12px 16px;border-top:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:center}.page-radios .radios-space .pagination{display:flex;justify-content:center;margin-top:30px}
