@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}.notification-banner{background-color:hsl(from var(--vs-content-bg) h s l/1);color:hsl(from var(--vs-text) h s l/1);border:1px solid hsl(from var(--vs-border) h s l/1);box-shadow:0 0 15px 0 rgba(0,0,0,.04),0 4px 10px 0 rgba(0,0,0,.05)}.notification-banner p{color:hsl(from var(--vs-sub-text) h s l/1)}.notification-banner a{color:hsl(from var(--vs-text) h s l/1)}.notification-banner a:hover{color:hsl(from var(--vs-blue) h s l/1)}.notification-banner .title{color:hsl(from var(--vs-text) h s l/1)}.notification-banner .subtext{color:hsl(from var(--vs-sub-text) h s l/1)}.notification-banner button.vs-button{width:-moz-fit-content!important;width:fit-content!important}.notification-banner{position:fixed;bottom:40px;right:40px;z-index:999;padding:16px;max-width:min(420px,100% - 32px);border-radius:12px;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.02),0 4px 8px -4px rgba(0,0,0,.04),0 16px 24px -8px rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;transform:translateY(30%);opacity:0;animation:animateUpIntoView .8s cubic-bezier(.25,.8,.25,1) .4s;animation-fill-mode:forwards;gap:6px}@media(max-width:500px){.notification-banner{box-shadow:0 0 0 2px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.02),0 4px 8px -4px rgba(0,0,0,.04),0 16px 24px -4px rgba(0,0,0,.13);width:calc(100% - 70px);left:35px;right:35px;bottom:60px;max-width:unset}}.notification-banner .flex-container{display:flex;align-items:flex-start;width:100%}.notification-banner p{margin:0;line-height:21px;font-size:14px;font-weight:300}.notification-banner a{margin:0;line-height:21px;font-size:14px;font-weight:400;cursor:pointer}.notification-banner .title{width:100%;margin:0;line-height:26px;font-size:16px;font-weight:400}.notification-banner .subtext{font-size:12px}.notification-banner .buttons{display:flex;justify-content:flex-start;gap:10px;width:100%;margin-top:12px;margin-bottom:6px}.notification-banner.fade-out{animation:fadeOut .3s forwards}@keyframes fadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(10%);opacity:0}}@keyframes animateUpIntoView{0%{transform:translateY(30%);opacity:0}to{transform:translateY(0);opacity:1}}