.class-content img[data-v-7aa3949f]{max-width:100%;height:auto}[data-v-7aa3949f] .class-content a[href^="/rules/"]{color:var(--color-brownie-700);font-style:italic;font-weight:700}.class-card[data-v-9ea92e01]{border-color:color-mix(in srgb,var(--theme-border) 60%,transparent);background:color-mix(in srgb,var(--theme-bg-subtle) 60%,transparent);box-shadow:0 12px 22px color-mix(in srgb,var(--theme-bg-inverted) 12%,transparent)}.class-card[data-v-9ea92e01]:hover{box-shadow:0 20px 40px color-mix(in srgb,var(--theme-bg-inverted) 24%,transparent);transform:translateY(-4px)scale(1.02)}.class-bg[data-v-9ea92e01]{filter:blur(7px)saturate(.78)brightness(.9);background-position:50%;background-size:cover;transition:filter .26s,transform .26s;transform:scale(1.08)}.is-selected .class-bg[data-v-9ea92e01]{filter:blur()saturate(1.05)brightness();transform:scale(1.02)}.class-shade[data-v-9ea92e01]{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-bg-inverted) 18%,transparent) 0,color-mix(in srgb,var(--theme-bg-inverted) 52%,transparent) 100%)}.class-chip[data-v-9ea92e01]{background:color-mix(in srgb,var(--theme-bg) 84%,transparent);color:var(--theme-text-muted);border:1px solid color-mix(in srgb,var(--theme-border) 70%,transparent);transition:background-color .22s,color .22s,transform .22s}.class-title[data-v-9ea92e01]{color:var(--theme-text-inverted);text-shadow:0 2px 6px #00000052;transition:transform .22s}.class-card:focus-within .class-chip[data-v-9ea92e01],.class-card:focus-within .class-title[data-v-9ea92e01],.class-card:hover .class-chip[data-v-9ea92e01],.class-card:hover .class-title[data-v-9ea92e01]{transform:translateY(-1px)}.class-description[data-v-9ea92e01]{color:color-mix(in srgb,var(--theme-text-inverted) 88%,#fff 12%);max-width:56ch}.class-state[data-v-9ea92e01]{color:color-mix(in srgb,var(--theme-text-inverted) 70%,#fff 30%)}.is-selected[data-v-9ea92e01]{border-color:color-mix(in srgb,var(--theme-ring) 70%,var(--theme-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-ring) 70%,transparent),0 16px 30px color-mix(in srgb,var(--theme-ring) 18%,transparent)}.is-selected .class-chip[data-v-9ea92e01]{color:var(--theme-text);background:color-mix(in srgb,var(--theme-bg) 96%,transparent)}@media (width<=920px){.class-card[data-v-9ea92e01]{height:15rem}.class-description[data-v-9ea92e01]{-webkit-line-clamp:2;line-clamp:2}}