.genre[data-v-53a56f4e]{border:var(--button-border);cursor:pointer;min-height:calc(var(--height-content)*2);min-width:calc(var(--height-content)*2);width:100%}.genre[data-v-53a56f4e]:focus-within{border:2px solid #000}.active[data-v-53a56f4e],.genre-content[data-v-53a56f4e]{transition:var(--transition-primary)}.active[data-v-53a56f4e]{background-color:var(--color-text-selection);color:var(--color-primary)}.inactive[data-v-53a56f4e]{background-color:var(--color-base-primary);color:var(--color-base-primary-text)}.disabled[data-v-53a56f4e],.inactive[data-v-53a56f4e]{transition:var(--transition-primary)}.disabled[data-v-53a56f4e]{background-color:var(--color-row-number);cursor:default;opacity:var(--opacity-disabled)}@media (hover:hover) and (pointer:fine){.genre[data-v-53a56f4e]:not(.disabled):not(.active):hover{background-color:var(--color-text-selection);transition:var(--transition-primary)}.genre:not(.disabled):not(.active):hover .genre-content[data-v-53a56f4e]{transform:var(--hover-scale);transition:var(--transition-primary)}}.genre[data-v-53a56f4e]:not(.disabled):not(.active):active{background-color:var(--color-text-selection);transition:var(--transition-primary)}.genre:not(.disabled):not(.active):active .genre-content[data-v-53a56f4e]{transform:scale(.95);transition:var(--transition-primary)}