#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.outerdiv{display:flex;justify-content:center;align-items:center;flex-direction:column}.outerContainer{width:30rem;height:37rem;background-color:#f6f6f6c4;padding:3.125em;border-radius:10px;display:flex;flex-direction:column;align-items:center;box-shadow:5px 5px 15px -1px #000000bf}.container{padding-bottom:3rem}.form{width:30rem;height:30rem;display:flex;flex-direction:column;align-items:center}.signup{color:#4d4b4b;text-transform:uppercase;letter-spacing:2px;display:block;font-weight:700;font-size:x-large;margin-bottom:.5em}.form--input{width:100%;margin-bottom:1.25em;height:40px;border-radius:5px;border:1px solid gray;padding:.8em;font-family:Inter,sans-serif;outline:none;background-color:#f5f5f5}.form--input:focus{border:1px solid rgb(74,136,217);outline:none}.form--marketing{display:flex;margin-bottom:1.25em;align-items:center}.form--marketing>input{margin-right:.625em}.form--marketing>label{color:gray}.checkbox,input[type=checkbox]{accent-color:rgb(39,145,193)}.form--submit{width:50%;padding:.625em;font-weight:800;border-radius:5px;color:#fff;background-color:#4189d1;border:1px solid #639;cursor:pointer}.form--submit:hover{color:#4189d1;background-color:#fff;border:1px solid rgb(65,137,209);cursor:pointer;transition:.5s}.buttons-div{display:flex;justify-content:center;width:20rem}.toggle-outer{position:relative;width:18rem;height:2.5rem;border-radius:30px;box-shadow:0 0 20px 9px #24d3ff3c}.toggle-btn{border:none;position:relative;width:50%;height:100%;background:transparent;font-weight:800;transition:.5s}#btn{top:0;position:absolute;height:100%;width:50%;background:linear-gradient(to right,#26deffb6,#b6edf5);transition:.5s;border-radius:30px}.ContentBox{display:flex;width:39rem;height:32rem;overflow:hidden}.formContent{position:relative;width:100%}@media (max-width: 450px){.form{width:none}html{font-size:50%}.ContentBox{height:51rem!important}.form span{font-size:2rem}.form--submit{width:75%!important}.toggle-outer{height:3.5rem!important}.outerContainer{height:55rem!important}}