@keyframes move{0%{left:-50%}to{left:150%}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes frame-highlight{0%{outline:2px solid pro-palette(primary,500);outline-offset:4px;scale:1.05}to{outline:2px solid transparent}}@keyframes size-highlight{0%{background:pro-palette(primary,500)}to{background:transparent}}@keyframes waves{0%{transform-origin:bottom;transform:scaleY(1) scaleX(1.2);filter:saturate(1.5)}to{transform-origin:bottom;transform:scaleY(.8) scaleX(1.3);opacity:.8}}@keyframes fall{0%{transform:translateY(-10vh)}to{transform:translateY(105vh)}}.snowflake{position:absolute;top:-5vh;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient-text{--gradient-color-1:#ff7e5f;--gradient-color-2:#feb47b;--gradient-color-3:#86a8e7;--gradient-color-4:#91eae4;--animation-speed:5s;background-image:linear-gradient(-45deg,var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3),var(--gradient-color-4));background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:animatedgradient var(--animation-speed) ease infinite}@keyframes fall-short{0%{transform:translateY(-120%) rotate(0deg)}to{transform:translateY(60px) rotate(270deg)}}.snowflake-short{position:absolute;top:0;animation-name:fall-short;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:backwards}.theme-toggle{position:relative;width:55px;height:32px;padding:4px;border-radius:90px;box-shadow:inset 0 1px 6px 0 rgba(0,0,0,.059);background:#f1f3f4}.theme-toggle.dark{background:rgba(54,53,53,.324)}.theme-toggle button{width:100%;height:100%}.theme-toggle .theme-toggle-icon{background-color:hsl(from var(--vs-bg) h s l/1);position:absolute;top:4px;border-radius:50%;padding:4px;height:23px;width:23px;color:var(--grey-500);box-shadow:-1px 1px 4px 0 rgba(174,174,192,.25);left:5px;right:auto}.theme-toggle .theme-toggle-icon.light:not(:left(5px)){animation:toggleDarkToLight .2s ease-in-out forwards}.theme-toggle .theme-toggle-icon.dark{background-color:#2a2929;color:#9a9a9a;animation:toggleLightToDark .2s ease-in-out forwards}@keyframes toggleLightToDark{0%{left:5px}50%{left:50%}to{right:5px;left:auto}}@keyframes toggleDarkToLight{0%{right:5px;left:auto}50%{left:50%}to{left:5px;right:auto}}