@property --grain-top{syntax:"<color>";inherits:true;initial-value:#c9d6df}@property --grain-bottom{syntax:"<color>";inherits:true;initial-value:#0e2c3d}@property --grain-1{syntax:"<color>";inherits:true;initial-value:#d6e0e6}@property --grain-2{syntax:"<color>";inherits:true;initial-value:#6fb5a3}@property --grain-3{syntax:"<color>";inherits:true;initial-value:#2d6f86}@property --grain-4{syntax:"<color>";inherits:true;initial-value:#0f2f40}.home-grain[data-palette=dusk]{--grain-top:#a3a0dc;--grain-bottom:#e06a3c;--grain-1:#7f9ce8;--grain-2:#d48ccb;--grain-3:#e4533f;--grain-4:#f3aa3a}.home-grain[data-palette=sky]{--grain-top:#e3edff;--grain-bottom:#2b5fc9;--grain-1:#eef5ff;--grain-2:#b9d6fc;--grain-3:#5e9fff;--grain-4:#2a5bd0}.home-grain[data-palette=glacier]{--grain-top:#9fc0e4;--grain-bottom:#1d4f8f;--grain-1:#b4cfec;--grain-2:#8ec0e8;--grain-3:#4c95d4;--grain-4:#1f5596}.home-grain[data-palette=lagoon]{--grain-top:#b6d0da;--grain-bottom:#144259;--grain-1:#c3d9e1;--grain-2:#8fc6cc;--grain-3:#3d88a8;--grain-4:#174b66}.home-grain[data-palette=lilac]{--grain-top:#dfe1f7;--grain-bottom:#2d2f78;--grain-1:#eaebfb;--grain-2:#b3baf2;--grain-3:#7479d6;--grain-4:#35378f}.home-grain[data-palette=azure]{--grain-top:#8fb2f8;--grain-bottom:#0d1a52;--grain-1:#b8d0f7;--grain-2:#6f9bff;--grain-3:#2a5bff;--grain-4:#1b3a9c}.home-grain[data-palette=sand]{--grain-top:#7f98a8;--grain-bottom:#3a1d12;--grain-1:#8eaabb;--grain-2:#f0cd8e;--grain-3:#cf622b;--grain-4:#4a2616}.home-grain[data-palette=harbor]{--grain-top:#c9d6df;--grain-bottom:#0e2c3d;--grain-1:#d6e0e6;--grain-2:#6fb5a3;--grain-3:#2d6f86;--grain-4:#0f2f40}.home-grain[data-palette=moss]{--grain-top:#c3cfd6;--grain-bottom:#142212;--grain-1:#c8d3da;--grain-2:#a8bd6a;--grain-3:#5f7d43;--grain-4:#1b2e17}.home-grain[data-palette=night]{--grain-top:#b6a6e6;--grain-bottom:#22093a;--grain-1:#9f8fe0;--grain-2:#e08ad6;--grain-3:#7a3fa8;--grain-4:#2a0f45}.home-grain[data-palette=ember]{--grain-top:#c8d2dc;--grain-bottom:#5a160d;--grain-1:#d3dbe3;--grain-2:#f2c39a;--grain-3:#e0623e;--grain-4:#8a2516}.home-grain{background:linear-gradient(180deg, var(--grain-top), var(--grain-bottom));transition:--grain-top .9s cubic-bezier(.22,1,.36,1),--grain-bottom .9s cubic-bezier(.22,1,.36,1),--grain-1 .9s cubic-bezier(.22,1,.36,1),--grain-2 .9s cubic-bezier(.22,1,.36,1),--grain-3 .9s cubic-bezier(.22,1,.36,1),--grain-4 .9s cubic-bezier(.22,1,.36,1)}.home-grain-blob{will-change:transform;border-radius:9999px;position:absolute}.home-grain-blob-1{background:radial-gradient(closest-side, var(--grain-1), transparent);width:70%;height:70%;animation:22s ease-in-out infinite alternate home-grain-drift-a;top:-8%;left:-6%}.home-grain-blob-2{background:radial-gradient(closest-side, var(--grain-2), transparent);width:66%;height:72%;animation:26s ease-in-out infinite alternate home-grain-drift-b;top:-4%;right:-10%}.home-grain-blob-3{background:radial-gradient(closest-side, var(--grain-3), transparent);width:72%;height:74%;animation:24s ease-in-out infinite alternate-reverse home-grain-drift-b;bottom:-14%;left:-12%}.home-grain-blob-4{background:radial-gradient(closest-side, var(--grain-4), transparent);width:74%;height:76%;animation:28s ease-in-out infinite alternate-reverse home-grain-drift-a;bottom:-18%;right:-6%}@keyframes home-grain-drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(8%,6%)scale(1.12)}}@keyframes home-grain-drift-b{0%{transform:translate(0)scale(1.06)}to{transform:translate(-7%,5%)scale(.94)}}.home-grain-pattern{stroke:#ffffff4d;stroke-width:.8px;animation:.9s cubic-bezier(.22,1,.36,1) home-grain-pattern-in;-webkit-mask-image:radial-gradient(58% 56%,#0000 28%,#000 78%);mask-image:radial-gradient(58% 56%,#0000 28%,#000 78%)}.home-grain-pattern *{vector-effect:non-scaling-stroke}.home-grain-dot{fill:#fff9;stroke:none}@keyframes home-grain-pattern-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.home-grain-blob,.home-grain-pattern{animation:none}.home-grain{transition:none}}
