.canonical-genres{color:#fff;box-sizing:border-box;background:#09191d;border:1px solid #46666d;border-radius:10px;width:100%;min-width:0;padding:14px}.canonical-genres .genre-search{border:0;gap:8px;padding:0;display:grid!important}.canonical-genres input[type=search]{color:#fff;box-sizing:border-box;width:100%;min-height:44px;font:inherit;background:#020a0d;border:1px solid #6b9da5;padding:10px}.canonical-genres>p{font-size:13px;line-height:1.5}.canonical-genres .genre-options{overscroll-behavior:contain;max-height:min(36dvh,300px);overflow-y:auto}.canonical-genres fieldset{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;margin:0;padding:8px 0;display:grid}.canonical-genres legend{color:#73e9f0;padding:8px 0;font-weight:700}.canonical-genres fieldset label{overflow-wrap:anywhere;align-items:center;gap:8px;min-height:44px;font-size:14px;border:1px solid #46666d!important;margin:0!important;padding:6px!important;display:flex!important}.canonical-genres input[type=checkbox]{accent-color:#51dce5;flex:0 0 18px;height:18px;width:18px!important}.canonical-genres button{color:#fff;background:#14363d;border:1px solid #64919a;min-height:44px;margin-top:10px;padding:8px 16px}.canonical-genres :focus-visible{outline-offset:2px;outline:2px solid #fff}.genre-dialog>.canonical-genres{margin:0;display:block}.genre-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 28px)}.sounds-filters:has(.canonical-genres){display:block}@media (width<=480px){.canonical-genres fieldset{grid-template-columns:1fr}}.canonical-genres select,.canonical-genres option,.canonical-genres optgroup{color:#fff;background:#07181d}.canonical-genres select{width:100%;min-height:44px;font:inherit;padding:8px}