.radio-inputs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;-webkit-user-select:none;user-select:none}.radio-inputs>*{margin:0}.radio-input:checked+.radio-tile{border-color:#2260ff;box-shadow:0 5px 10px #0000001a;color:#2260ff}.radio-input:checked+.radio-tile:before{transform:scale(1);opacity:1;background-color:#2260ff;border-color:#2260ff}.radio-input:checked+.radio-tile .radio-label{color:#2260ff}.radio-input:focus+.radio-tile{border-color:#2260ff;box-shadow:0 5px 10px #0000001a,0 0 0 4px #b5c9fc}.radio-input:focus+.radio-tile:before{transform:scale(1);opacity:1}.radio-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;min-height:70px;border-radius:.5rem;border:2px solid #b5bfd9;background-color:#fff;box-shadow:0 5px 10px #0000001a;transition:.15s ease;cursor:pointer;position:relative}.radio-tile:before{content:"";position:absolute;display:block;width:.75rem;height:.75rem;border:2px solid #b5bfd9;background-color:#fff;border-radius:50%;top:.25rem;left:.25rem;opacity:0;transform:scale(0);transition:.25s ease}.radio-tile:hover{border-color:#2260ff}.radio-tile:hover:before{transform:scale(1);opacity:1}.radio-icon{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.radio-icon svg{width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;flex-shrink:0;fill:#494949;stroke:#494949;transition:.375s ease}.radio-input:checked+.radio-tile .radio-icon svg{fill:#2260ff;stroke:#2260ff}.radio-label{color:#707070;transition:.375s ease;text-align:center;font-size:12px;font-weight:500}.radio-input{clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir=rtl] .radio-tile:before,html[dir=rtl] .radio-tile:before{right:.25rem;left:auto}@media (max-width: 768px){.radio-tile{width:65px;min-height:65px}.radio-icon svg{width:1.25rem;height:1.25rem}.radio-label{font-size:11px}}.button{--primary: #66a3ff;--neutral-1: #3385ff;--neutral-2: #0052cc;--radius: 14px;cursor:pointer;border-radius:var(--radius);text-shadow:0 1px 1px rgba(0,0,0,.3);border:none;color:#fff;box-shadow:0 .5px .5px 1px #fff3,0 10px 20px #0003,0 4px 5px #0000000d;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;min-width:200px;padding:20px;height:68px;font-family:Galano Grotesque,Poppins,Montserrat,sans-serif;font-style:normal;font-size:18px;font-weight:600}.button:hover{transform:scale(1.02);--neutral-1: #0066ff;--neutral-2: #003d99;box-shadow:0 .5px .5px 1px #fff3,0 12px 24px #00000040,0 4px 5px #0000000d}.button:active{transform:scale(1);box-shadow:0 0 1px 2px #ffffff4d,0 10px 3px -3px #0003}.button:after{content:"";position:absolute;inset:0;border-radius:var(--radius);border:2.5px solid transparent;background:linear-gradient(var(--neutral-1),var(--neutral-2)) padding-box,linear-gradient(to bottom,transparent,transparent) border-box;z-index:0;transition:all .4s ease}.button:hover:after{transform:none;box-shadow:none}.button:before{content:"";inset:7px 6px 6px;position:absolute;background:linear-gradient(to top,var(--neutral-1),var(--neutral-2));border-radius:30px;filter:blur(.5px);z-index:2}.state p{display:flex;align-items:center;justify-content:center}.state .icon{position:absolute;left:0;top:0;bottom:0;margin:auto;transform:scale(1.25);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.state .icon svg{overflow:visible}.outline{position:absolute;border-radius:inherit;overflow:hidden;z-index:1;opacity:0!important;transition:opacity .4s ease;inset:-2px -3.5px}.outline:before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 180deg,transparent 60%,white 80%,transparent 100%);animation:spin 2s linear infinite;animation-play-state:paused;display:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button:hover .outline{opacity:0!important}.button:hover .outline:before{display:none!important;animation-play-state:paused}.state p span{display:block;opacity:0;animation:slideDown .8s ease forwards calc(var(--i) * .03s)}.button:hover p span{opacity:1;animation:wave .5s ease forwards calc(var(--i) * .02s)}.button:focus p span{opacity:1;animation:disapear .6s ease forwards calc(var(--i) * .03s)}@keyframes wave{30%{opacity:1;transform:translateY(4px) translate(0) rotate(0)}50%{opacity:1;transform:translateY(-3px) translate(0) rotate(0);color:var(--primary)}to{opacity:1;transform:translateY(0) translate(0) rotate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) translate(5px) rotate(-90deg);color:var(--primary);filter:blur(5px)}30%{opacity:1;transform:translateY(4px) translate(0) rotate(0);filter:blur(0)}50%{opacity:1;transform:translateY(-3px) translate(0) rotate(0)}to{opacity:1;transform:translateY(0) translate(0) rotate(0)}}@keyframes disapear{0%{opacity:1}to{opacity:0;transform:translate(5px) translateY(20px);color:var(--primary);filter:blur(5px)}}.state--default .icon svg{animation:land .6s ease forwards}.button:hover .state--default .icon{transform:rotate(45deg) scale(1.25)}.button:focus .state--default svg{animation:takeOff .8s linear forwards}.button:focus .state--default .icon{transform:rotate(0) scale(1.25)}@keyframes takeOff{0%{opacity:1}60%{opacity:1;transform:translate(70px) rotate(45deg) scale(2)}to{opacity:0;transform:translate(160px) rotate(45deg) scale(0)}}@keyframes land{0%{transform:translate(-60px) translateY(30px) rotate(-50deg) scale(2);opacity:0;filter:blur(3px)}to{transform:translate(0) translateY(0) rotate(0);opacity:1;filter:blur(0)}}.state--default .icon:before{content:"";position:absolute;top:50%;height:2px;width:0;left:-5px;background:linear-gradient(to right,transparent,rgba(0,0,0,.5))}.button:focus .state--default .icon:before{animation:contrail .8s linear forwards}@keyframes contrail{0%{width:0;opacity:1}8%{width:15px}60%{opacity:.7;width:80px}to{opacity:0;width:160px}}.state{padding-left:29px;z-index:2;display:flex;position:relative}.state--default span:nth-child(4){margin-right:5px}.state--sent{display:none}.state--sent svg{transform:scale(1.25);margin-right:8px}.button:focus .state--default{position:absolute}.button:focus .state--sent{display:flex}.button:focus .state--sent span{opacity:0;animation:slideDown .8s ease forwards calc(var(--i) * .2s)}.button:focus .state--sent .icon svg{opacity:0;animation:appear 1.2s ease forwards .8s}@keyframes appear{0%{opacity:0;transform:scale(4) rotate(-40deg);color:var(--primary);filter:blur(4px)}30%{opacity:1;transform:scale(.6);filter:blur(1px)}50%{opacity:1;transform:scale(1.2);filter:blur(0)}to{opacity:1;transform:scale(1)}}[dir=rtl] .state .icon,.button[dir=rtl] .state .icon{left:auto;right:0}[dir=rtl] .state,.button[dir=rtl] .state{padding-left:0;padding-right:29px}[dir=rtl] .state--sent svg,.button[dir=rtl] .state--sent svg{margin-right:0;margin-left:8px}.button.opacity-75 .outline,.button.opacity-75 .state--default .icon svg,.button.opacity-75 .state p span{animation:none!important}.button.opacity-75:hover .outline{opacity:0}