/* The native selector covers the whole tile, including its icon and padding. */
.class-picker{min-height:44px;cursor:pointer;transition:border-color .18s,background-color .18s}
.class-picker #picker-name{display:block;min-width:87px;padding:1px 0;color:var(--class);font-size:14px;font-weight:600;line-height:1.65}
.class-picker #class-select{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-width:0;margin:0;padding:0;opacity:0;cursor:pointer}
.class-picker:hover{border-color:var(--class);background-color:#26312b}
.class-picker:has(#class-select:focus-visible){outline:2px solid var(--gold-light);outline-offset:4px;border-color:var(--gold-light)}
@media(max-width:800px){.class-picker #picker-name{min-width:72px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.class-picker{transition:none}}