.class-card{transition:border-color .4s,box-shadow .4s}.class-card:before{content:"";z-index:3;background:var(--class-accent);transform-origin:0;height:2px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card-art{opacity:.45;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .6s;transform:scale(1)}.card-logo{filter:drop-shadow(0 2px 6px #000000b3);transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s}.card-name{transition:letter-spacing .5s cubic-bezier(.22,1,.36,1),color .3s}.card-cta{opacity:0;transition:opacity .35s,transform .45s cubic-bezier(.22,1,.36,1);transform:translate(-6px)}.card-cta span{transition:transform .35s cubic-bezier(.22,1,.36,1);display:inline-block}.sub-chip{transition:color .3s ease calc(var(--i,0)*30ms),border-color .3s ease calc(var(--i,0)*30ms),background-color .25s ease}@media (hover:hover){.class-card:hover{border-color:color-mix(in srgb,var(--class-accent)70%,transparent);box-shadow:0 12px 30px -12px color-mix(in srgb,var(--class-accent)45%,transparent)}.class-card:hover:before{transform:scaleX(1)}.class-card:hover .card-art{opacity:.65;transform:scale(1.06)}.class-card:hover .card-logo{filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--class-accent)80%,transparent));transform:translateY(-4px)}.class-card:hover .card-name{letter-spacing:.02em}.class-card:hover .card-cta{opacity:1;transform:translate(0)}.class-card:hover .sub-chip{color:var(--foreground);border-color:color-mix(in srgb,var(--class-accent)35%,var(--border))}.sub-chip:hover{background-color:color-mix(in srgb,var(--class-accent)18%,transparent);transition-delay:0s;border-color:var(--class-accent)!important}.card-overlay:hover~* .card-cta span{transform:translate(4px)}}.class-card:has(.card-overlay:focus-visible){border-color:var(--class-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--class-accent)50%,transparent)}.class-card:has(.card-overlay:focus-visible):before{transform:scaleX(1)}.class-card:has(.card-overlay:focus-visible) .card-cta{opacity:1;transform:translate(0)}.card-overlay:focus-visible{outline:none}.sub-chip:focus-visible{outline:1px solid var(--class-accent);outline-offset:2px}