@property --rain-edge-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.rain-card[data-v-7beaf561]:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--rain-edge-angle),color-mix(in srgb,var(--ui-primary) 90%,transparent),color-mix(in srgb,var(--ui-primary) 30%,transparent) 25%,color-mix(in srgb,var(--ui-primary) 8%,transparent) 50%,color-mix(in srgb,var(--ui-primary) 30%,transparent) 75%,color-mix(in srgb,var(--ui-primary) 90%,transparent));-webkit-mask-composite:xor;padding:1px;animation:4s linear infinite rain-edge-turn-7beaf561;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.rain-card--ended[data-v-7beaf561]:before{background:linear-gradient(90deg,color-mix(in srgb,var(--ui-primary) 35%,transparent),color-mix(in srgb,var(--ui-primary) 12%,transparent) 44%,color-mix(in srgb,var(--ui-primary) 8%,transparent) 95%);animation:none}@keyframes rain-edge-turn-7beaf561{to{--rain-edge-angle:360deg}}@media (prefers-reduced-motion:reduce){.rain-card[data-v-7beaf561]:before{animation:none}}
