@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.model-card{position:relative;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.model-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--border-angle),transparent 0deg 250deg,color-mix(in oklab,var(--primary) 35%,transparent) 290deg,var(--primary) 330deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;transition:opacity .22s ease}@media (hover:hover) and (pointer:fine){.model-card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--primary) 45%,var(--border));box-shadow:0 12px 32px -14px rgba(18,104,58,.28)}.model-card:hover:before{opacity:1;animation:model-card-sweep 3s linear infinite}}.model-card:focus-within{transform:translateY(-3px);border-color:color-mix(in oklab,var(--primary) 45%,var(--border));box-shadow:0 12px 32px -14px rgba(18,104,58,.28)}.model-card:focus-within:before{opacity:1;animation:model-card-sweep 3s linear infinite}@keyframes model-card-sweep{to{--border-angle:360deg}}@media (prefers-reduced-motion:reduce){.model-card,.model-card:focus-within,.model-card:hover{transform:none;transition:none}.model-card:focus-within:before,.model-card:hover:before{animation:none;opacity:0}.model-card:focus-within,.model-card:hover{border-color:var(--primary)}}