.popup{margin:10px;box-shadow:4px 4px 10px -10px rgba(0,0,0,1);width:300px;justify-content:space-around;align-items:center;display:flex;border-radius:4px;padding:5px 0;font-weight:300}.popup svg{width:1.25rem;height:1.25rem}.popup-icon svg{margin:5px;display:flex;align-items:center}.close-icon{margin-left:auto}.close-svg{cursor:pointer}.close-path{fill:grey}.success-popup{background-color:#edfbd8;border:1px solid #84d65a}.success-icon path{fill:#84d65a}.success-message{color:#2b641e}.error-popup{background-color:#fef2f2;border:1px solid #f87171}.error-icon path{fill:#f87171}.error-message{color:#991b1b}.orbit{position:absolute;animation-name:rotate;animation-timing-function:linear;animation-iteration-count:infinite;transform-origin:center}.orbit-1{animation-duration:20s}.orbit-2{animation-duration:35s}.orbit-3{animation-duration:50s}.dot{position:absolute}.chevrons{padding:6px 0 0;width:35px;display:flex;flex-direction:column;align-items:center}.chevrondown{margin-top:-8px;position:relative;border:solid var(--color);border-width:0 5px 5px 0;display:inline-block;width:15px;height:15px;transform:rotate(45deg)}.chevrondown:nth-child(odd){animation:pulse54012 1s ease infinite alternate}.chevrondown:nth-child(2n){animation:pulse54012 1s ease .5s infinite alternate}@keyframes pulse54012{0%{opacity:0}to{opacity:.3}}.button{--black-700:#0f48c8;--border_radius:9999px;--transtion:0.3s ease-in-out;--offset:2px;cursor:pointer;position:relative;display:flex;align-items:center;gap:.5rem;transform-origin:center;padding:.7rem 2rem;background-color:transparent;border:none;border-radius:var(--border_radius);transform:scale(calc(1 + (var(--active, 0) * .1)));transition:transform var(--transtion)}.button:before{background-color:var(--black-700);box-shadow:inset 0 .5px hsl(0,0%,100%),inset 0 -1px 2px 0 hsl(0,0%,0%),0 4px 10px -4px hsla(0 0% 0%/calc(1 - var(--active, 0))),0 0 0 calc(var(--active, 0) * .375rem) white;transition:all var(--transtion);z-index:0}.button:after,.button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:var(--border_radius)}.button:after{background-color:hsla(260 97% 61%/.75);background-image:radial-gradient(at 51% 89%,hsla(266,45%,74%,1) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(266,36%,60%,1) 0,transparent 50%),radial-gradient(at 22% 91%,hsla(266,36%,60%,1) 0,transparent 50%);background-position:top;opacity:var(--active,0);transition:opacity var(--transtion);z-index:2}.button:is(:hover,:focus-visible){--active:0.3;--active2:2}.button:active{transform:scale(1)}.button .dots_border{--size_border:calc(100% + 2px);overflow:hidden;top:50%;width:var(--size_border);height:var(--size_border);background-color:transparent;border-radius:var(--border_radius);z-index:-10}.button .dots_border,.button .dots_border:before{position:absolute;left:50%;transform:translate(-50%,-50%)}.button .dots_border:before{content:"";top:30%;transform-origin:left;transform:rotate(0deg);width:100%;height:2rem;background-color:white;mask:linear-gradient(transparent,white 120%);animation:rotate 2s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}.button .sparkle{position:relative;z-index:10;width:1.75rem}.button .sparkle .path{fill:currentColor;stroke:currentColor;transform-origin:center;color:hsl(0,0%,100%)}.button:is(:hover,:focus) .sparkle .path{animation:path 1.5s linear .5s infinite}.button .sparkle .path:first-child{--scale_path_1:1.2}.button .sparkle .path:nth-child(2){--scale_path_2:1.2}.button .sparkle .path:nth-child(3){--scale_path_3:1.2}@keyframes path{0%,34%,71%,to{transform:scale(1)}17%{transform:scale(var(--scale_path_1,1))}49%{transform:scale(var(--scale_path_2,1))}83%{transform:scale(var(--scale_path_3,1))}}.button .text_button{position:relative;z-index:10;background-image:linear-gradient(90deg,white 0,hsla(0 0% 100%/var(--active2,0)) 200%);background-clip:text;font-weight:600;font-size:1rem;color:transparent}