.vl-color-card{isolation:isolate;border:1px solid rgba(190,220,255,.28);box-shadow:0 16px 34px rgba(6,24,64,.28),inset 0 1px 0 rgba(255,255,255,.22);background:#071a3d;transition:transform .28s ease,box-shadow .28s ease}.vl-color-card__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;user-select:none}.vl-color-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(8,36,96,.36),inset 0 1px 0 rgba(255,255,255,.32)}.vl-color-card:active{transform:translateY(0) scale(.985)}.vl-color-card--ripple{background:#d7ecff;border-color:rgba(0,116,255,.18);box-shadow:0 12px 28px rgba(6,24,64,.12),inset 0 1px 0 rgba(255,255,255,.7)}.vl-color-card--ripple:hover{box-shadow:0 16px 32px rgba(6,24,64,.16),inset 0 1px 0 rgba(255,255,255,.8)}@media (prefers-reduced-motion:reduce){.vl-color-card,.vl-color-card:active,.vl-color-card:hover{transform:none;transition:none}}