@keyframes ravan-card-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ravan-card-fade-in{animation:.5s cubic-bezier(.22,1,.36,1) both ravan-card-fade-in}.ravan-card-vinyl{aspect-ratio:1;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 32% 32%,#2c2c2c 0%,#141414 40%,#0a0a0a 75%);border-radius:999px;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .32s 80ms;position:absolute;top:18%;bottom:17%;right:0;transform:translate(-28%)rotate(-3deg);box-shadow:0 18px 36px -12px #000000bf,inset 0 0 0 1px #ffffff0a}:where(.dark) .ravan-card-vinyl{background:radial-gradient(circle at 32% 32%,#555 0%,#2a2a2a 40%,#1a1a1a 75%);box-shadow:0 16px 32px -10px #000000e6,inset 0 0 0 1px #ffffff2e,0 0 0 1px #ffffff14}.ravan-card-vinyl-grooves{background:repeating-radial-gradient(circle,#0000 0 3px,#ffffff24 3px 4px);border-radius:999px;position:absolute;inset:6%;-webkit-mask-image:radial-gradient(circle at 30% 30%,#000000f2 0%,#0000008c 60%,#000000d9 100%);mask-image:radial-gradient(circle at 30% 30%,#000000f2 0%,#0000008c 60%,#000000d9 100%)}.ravan-card-vinyl-label{aspect-ratio:1;background:var(--ravan-vinyl-accent,#888);border-radius:999px;width:38%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059,inset 0 1px 1px #ffffff2e}.ravan-card-vinyl-hole{aspect-ratio:1;background:#0a0a0a;border-radius:999px;width:8%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 2px #0009}.group:hover .ravan-card-vinyl{opacity:1;transform:translate(48%,5%)rotate(13deg);box-shadow:0 24px 48px -14px #000000d9,inset 0 0 0 1px #ffffff0d}@media (prefers-reduced-motion:reduce){.ravan-card-vinyl{transition:opacity .2s}.group:hover .ravan-card-vinyl{transform:translate(44%,3%)rotate(0)}}