.mg-search{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mg-sb{flex:220px;min-width:0;position:relative}.mg-sb svg{color:#8a8a90;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.mg-sb input{color:#fff;background:#0f0f10;border:0;border-radius:16px;width:100%;height:52px;padding:0 20px 0 48px;font-family:inherit;font-size:15px;font-weight:700;transition:background .2s,box-shadow .2s}.mg-sb input::placeholder{color:#8a8a90}.mg-sb input:focus{background:#131314;outline:0;box-shadow:inset 0 0 0 1px #ffffff38}.mg-go{color:#0a0a0b;cursor:pointer;background:#fff;border:0;border-radius:16px;height:52px;padding:0 26px;font-family:inherit;font-size:14px;font-weight:800;transition:opacity .2s}.mg-go:hover{opacity:.88}.mg-reset{color:#a4a4ab;background:#171719;border-radius:16px;align-items:center;height:52px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:800;display:inline-flex}.mg-reset:hover{color:#fff;background:#202023}.mg-filters{background:#0f0f10;border-radius:18px;gap:18px;padding:22px 24px;display:grid}.mg-top{flex-wrap:wrap;gap:14px 32px;display:flex}.mg-genres{border-top:1px solid #1a1a1c;padding-top:18px}.mg-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mg-lab{color:#8a8a90;letter-spacing:.09em;text-transform:uppercase;flex:none;margin-right:4px;font-family:inherit;font-size:11px;font-weight:800}.mg-genres .mg-lab{width:100%;margin:0 0 4px}.mg-row>a{color:#a4a4ab;touch-action:manipulation;background:#171719;border-radius:12px;align-items:center;gap:6px;height:42px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:800;transition:background .2s,color .2s;display:inline-flex}.mg-row>a small{color:#6d6d74;font-family:inherit;font-size:11px;font-weight:700}.mg-row>a:hover{color:#fff;background:#202023}.mg-row>a.on{color:#0a0a0b;background:#fff}.mg-row>a.on small{color:#55555c}@media (max-width:640px){.mg-filters{gap:14px;padding:16px}.mg-top{gap:14px}.mg-top .mg-row{scrollbar-width:none;flex-wrap:nowrap;margin:0 -2px;padding:0 2px;overflow-x:auto}.mg-top .mg-row::-webkit-scrollbar{display:none}.mg-top .mg-lab{width:100%}.mg-top .mg-row{flex-wrap:wrap}.mg-genres{max-height:168px;overflow-y:auto}.mg-go,.mg-reset{flex:1;justify-content:center}}
