.mm-genre-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid rgba(149,134,172,.3);border-radius:16px;background:#100e18}.mm-genre-preset{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;min-height:145px;padding:14px 13px 13px;border:0;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);border-radius:0;color:#fff;cursor:pointer;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--genre-color) 27%,transparent),transparent 75%),linear-gradient(160deg,#201624,#0d0c13);transition:filter .15s,box-shadow .15s}.mm-genre-preset:hover{filter:brightness(1.2)}.mm-genre-preset.is-selected{box-shadow:inset 0 0 0 2px var(--genre-color);z-index:1}.mm-genre-preset:focus-visible{outline:3px solid var(--genre-color);outline-offset:-3px;z-index:2}.mm-genre-preset:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--genre-color);opacity:.75}.mm-genre-preset-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}.mm-genre-number{font:700 9px Montserrat,sans-serif;border:1px solid var(--genre-color);color:var(--genre-color);padding:5px 6px;border-radius:7px}.mm-genre-wave{height:29px;display:flex;gap:3px;align-items:center;opacity:.48}.mm-genre-wave i{display:block;width:3px;min-height:4px;border-radius:4px;background:var(--genre-color)}.mm-genre-preset strong{font:700 14px/1.3 Montserrat,sans-serif}.mm-genre-preset small{margin-top:6px;font:400 10px/1.45 Montserrat,sans-serif;color:#b6acbd}.mm-genre-presets--light{background:#fff;border-color:#ded7e6}.mm-genre-presets--light .mm-genre-preset{color:#261d30;border-right-color:#e7dfea;border-bottom-color:#e7dfea;background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--genre-color) 16%,transparent),transparent 80%),linear-gradient(160deg,#fff,#f9f7fb)}.mm-genre-presets--light .mm-genre-preset small{color:#655d6b}.mm-genre-presets--auto{background:#fff}.mm-genre-presets--auto .mm-genre-preset{color:#261d30;border-right-color:#e7dfea;border-bottom-color:#e7dfea;background:radial-gradient(ellipse at 90% 0%,color-mix(in srgb,var(--genre-color) 16%,transparent),transparent 80%),linear-gradient(160deg,#fff,#f9f7fb)}.mm-genre-presets--auto .mm-genre-preset small{color:#655d6b}.create-workspace[data-theme=dark] .mm-genre-presets--auto,.create-workspace.dark .mm-genre-presets--auto,.create-workspace.theme-dark .mm-genre-presets--auto{background:#100e18}.create-workspace[data-theme=dark] .mm-genre-presets--auto .mm-genre-preset,.create-workspace.dark .mm-genre-presets--auto .mm-genre-preset,.create-workspace.theme-dark .mm-genre-presets--auto .mm-genre-preset{color:#fff;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--genre-color) 27%,transparent),transparent 75%),linear-gradient(160deg,#201624,#0d0c13)}.create-workspace[data-theme=dark] .mm-genre-presets--auto .mm-genre-preset small,.create-workspace.dark .mm-genre-presets--auto .mm-genre-preset small,.create-workspace.theme-dark .mm-genre-presets--auto .mm-genre-preset small{color:#b6acbd}@media(max-width:850px){.mm-genre-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.mm-genre-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-genre-preset{min-height:132px;padding:11px}.mm-genre-preset strong{font-size:12px}}