.animated-filter{--move-x-from:-100%;--move-x-to:calc(100% + 100cqw);animation-iteration-count:infinite;animation-name:move-x;animation-play-state:paused;animation-timing-function:linear}@keyframes move-x{0%{transform:translateX(var(--move-x-from))}to{transform:translateX(var(--move-x-to))}}.group:hover .animated-filter{animation-play-state:running}.card-pattern-month{width:100%;height:100%;--s:90px;--c1:oklch(5.00% 0.25 263.0);--c2:#2563eb;--_g:var(--c2) 6% 14%,var(--c1) 16% 24%,var(--c2) 26% 34%,var(--c1) 36% 44%,var(--c2) 46% 54%,var(--c1) 56% 64%,var(--c2) 66% 74%,var(--c1) 76% 84%,var(--c2) 86% 94%;background:radial-gradient(100% 100% at 100% 0,var(--c1) 4%,var(--_g),#0008 96%,#0000),radial-gradient(100% 100% at 0 100%,#0000,#0008 4%,var(--_g),var(--c1) 96%) var(--c1);background-size:var(--s) var(--s)}.card-pattern-year{width:100%;height:100%;--s:150px;--c1:oklch(5.00% 0.25 263.0);--c2:#4f46e5;--_g:var(--c1) 0% 5%,var(--c2) 6% 15%,var(--c1) 16% 25%,var(--c2) 26% 35%,var(--c1) 36% 45%,var(--c2) 46% 55%,var(--c1) 56% 65%,var(--c2) 66% 75%,var(--c1) 76% 85%,var(--c2) 86% 95%,#0000 96%;background:radial-gradient(50% 50% at 100% 0,var(--_g)),radial-gradient(50% 50% at 0 100%,var(--_g)),radial-gradient(50% 50%,var(--_g)),radial-gradient(50% 50%,var(--_g)) calc(var(--s) / 2) calc(var(--s) / 2) var(--c1);background-size:var(--s) var(--s)}