.podcast-drawer-categories{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:1px 1px 12px;padding:4px;border:1px solid rgba(129,177,238,.18);border-radius:13px;background:rgba(2,15,39,.34)}
.podcast-drawer-category{min-height:36px;border:0;border-radius:10px;background:transparent;color:#91a8c9;display:flex;align-items:center;justify-content:center;gap:7px;font:800 9px/1 Manrope,Inter,sans-serif;letter-spacing:.2px;transition:.2s}
.podcast-drawer-category svg{width:14px;height:14px}
.podcast-drawer-category.active{background:linear-gradient(135deg,#0d6ce7,#158cff);color:#fff;box-shadow:0 7px 18px rgba(8,105,248,.26),inset 0 1px 0 rgba(255,255,255,.22)}
.podcast-drawer-category:not(.active):hover{background:rgba(255,255,255,.06);color:#d9e8ff}
.podcast-drawer .focus-sound-art{background:radial-gradient(circle at 68% 28%,rgba(94,205,255,.28),transparent 30%),linear-gradient(145deg,#082651,#075fa8 70%,#0a86bd)!important}
.podcast-drawer .focus-sound-art span{font-size:10px!important;letter-spacing:.8px!important}
.podcast-drawer .focus-sound-art b{font-size:7px!important;letter-spacing:1.2px!important}
.podcast-drawer .sleep-sound-art{background:radial-gradient(circle at 68% 28%,rgba(140,122,255,.28),transparent 30%),linear-gradient(145deg,#111a4d,#28367c 70%,#4653a8)!important}
.podcast-drawer .baby-sound-art{background:radial-gradient(circle at 68% 28%,rgba(255,194,226,.30),transparent 30%),linear-gradient(145deg,#51305f,#8d5e9c 70%,#c68aba)!important}
.podcast-drawer .meditation-sound-art{background:radial-gradient(circle at 68% 28%,rgba(117,235,203,.28),transparent 30%),linear-gradient(145deg,#0d3b45,#166b6e 70%,#2c9a8d)!important}
.podcast-drawer .sleep-sound-art span,.podcast-drawer .baby-sound-art span,.podcast-drawer .meditation-sound-art span{font-size:10px!important;letter-spacing:.8px!important}
.podcast-drawer .sleep-sound-art b,.podcast-drawer .baby-sound-art b,.podcast-drawer .meditation-sound-art b{font-size:7px!important;letter-spacing:1.2px!important}
.focus-sound-note{display:flex;align-items:center;gap:8px;margin-top:9px;padding:10px 11px;border:1px solid rgba(122,174,235,.16);border-radius:11px;background:rgba(255,255,255,.035);color:#9fb5d5;font-size:8.5px;line-height:1.4}
.focus-sound-note svg{width:14px;height:14px;flex:none;color:#3ca0ff}
@media(max-width:520px){.podcast-drawer-categories{gap:4px;margin-bottom:8px;padding:3px}.podcast-drawer-category{min-height:30px;font-size:7.5px;gap:5px}.podcast-drawer-category svg{width:12px;height:12px}.focus-sound-note{padding:8px;font-size:7.5px}}