@layer components{.tilted-card{perspective:900px}.tilted-card__inner{height:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--tilt-scale,1));transform-style:preserve-3d;will-change:transform;transition:transform .42s cubic-bezier(.2,.8,.2,1);position:relative}.tilted-card[data-active=true] .tilted-card__inner{transition-duration:90ms}.tilted-card__lift{transform:translateZ(28px)}.spotlight-card{isolation:isolate;position:relative}.spotlight-card:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in oklab, var(--spot-color,var(--app-brand)) 18%, transparent), transparent 60%);pointer-events:none;transition:opacity .32s;position:absolute;inset:0}.spotlight-card:hover:before,.spotlight-card:focus-within:before{opacity:1}.star-border{border-radius:var(--star-radius,1.25rem);padding:1px;position:relative;overflow:hidden}.star-border[data-tone=gold]{--star-color:#f0b429}.star-border:before,.star-border:after{content:"";opacity:.75;background:radial-gradient(circle, var(--star-color,var(--app-brand)), transparent 12%);width:300%;height:50%;animation:star-border-slide var(--star-speed,6s) linear infinite alternate;pointer-events:none;border-radius:50%;position:absolute}.star-border:before{top:-12%;left:-250%}.star-border:after{animation-name:star-border-slide-back;bottom:-12%;right:-250%}.star-border__content{z-index:1;border-radius:calc(var(--star-radius,1.25rem) - 1px);height:100%;position:relative}.shiny-text{color:color-mix(in oklab, currentColor 62%, transparent);background:linear-gradient(120deg, transparent 40%, var(--shiny-color,var(--app-fg)) 50%, transparent 60%);animation:shiny-text-sweep var(--shiny-speed,4s) linear infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:reduce){.tilted-card__inner{transition:none;transform:none}.star-border:before,.star-border:after,.shiny-text{animation:none}}}@keyframes star-border-slide{0%{opacity:.9;transform:translate(0)}to{opacity:.2;transform:translate(100%)}}@keyframes star-border-slide-back{0%{opacity:.9;transform:translate(0)}to{opacity:.2;transform:translate(-100%)}}@keyframes shiny-text-sweep{0%{background-position:100% 0}to{background-position:-100% 0}}