.DrawerBackground{width:100vw;max-width:730px;background-color:var(--primary);mix-blend-mode:difference;height:100vh;right:0;top:0;position:fixed;--timing: .8s;--delay: .5s;opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right}.DrawerBackground[open]{-webkit-animation:open var(--timing) forwards var(--easeInOutExpo);animation:open var(--timing) forwards var(--easeInOutExpo)}.DrawerBackground:not([open]){-webkit-animation:none;animation:none}.DrawerBackground[data-was-opened]:not([open]){-webkit-animation:close var(--timing) forwards var(--easeInOutExpo);animation:close var(--timing) forwards var(--easeInOutExpo)}@-webkit-keyframes open{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes open{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes close{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes close{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}.ThankyouForm{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;mix-blend-mode:difference;padding:60px 40px;gap:50px;text-align:center}@media (min-width: 62em){.ThankyouForm{padding:164px 40px}}.ThankyouForm p{margin:0}.AuthForm{--inputSize: 50px;--inputGap: 10px;--inputBorderRadius: 20px}@media (min-width: 62em){.AuthForm{--inputSize: 64px;--inputGap: 5px;--inputBorderRadius: 25px}}.AuthForm .login{margin-bottom:50px}.AuthForm .error{color:var(--error)}.AuthForm .auth-fields-grid{display:grid;grid-template-columns:1fr;-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin-bottom:50px;gap:var(--inputGap)}@media (min-width: 62em){.AuthForm .auth-fields-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}:is(.AuthForm .auth-fields-grid)>*{min-width:0;overflow:hidden}.AuthForm .auth-input{color:#fff;background-color:#ffffff40;padding-inline:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--inputBorderRadius);width:100%;height:var(--inputSize);border:none;margin-bottom:0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box}:is(.AuthForm .auth-input)::-moz-placeholder{color:#fff;opacity:.5}:is(.AuthForm .auth-input)::-webkit-input-placeholder{color:#fff;opacity:.5}:is(.AuthForm .auth-input):-ms-input-placeholder{color:#fff;opacity:.5}:is(.AuthForm .auth-input)::-ms-input-placeholder{color:#fff;opacity:.5}:is(.AuthForm .auth-input)::placeholder{color:#fff;opacity:.5}.invalid:is(.AuthForm .auth-input){border:2px solid var(--error)}.AuthForm .auth-button{width:100%;height:var(--inputSize)}.login-button:is(.AuthForm .auth-button){margin-top:var(--inputGap)}.signup-button:is(.AuthForm .auth-button){background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);-webkit-transition:border-color .3s ease;transition:border-color .3s ease}.AuthForm .Checkbox{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:.875rem;color:#fff}:is(.AuthForm .Checkbox) a{color:#fff}.AuthForm .Checkbox{margin-bottom:1rem}.AuthForm .Checkbox:nth-child(3){margin-bottom:50px}.AuthForm .register-form:valid .auth-button.signup-button{border-color:#fff}.AuthForm .register-form:invalid .auth-button.signup-button{border-color:#ffffff40}:is(.AuthForm .auth-label):has(+.auth-button){font-size:.875rem}.AuthForm .auth-label{text-align:center;margin-block:0 50px}:is(.AuthForm .auth-label) a{margin-left:1px;color:#fff;cursor:pointer}.AuthForm .missing-fields-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5ch;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:24px}:is(.AuthForm .missing-fields-list) li{text-transform:capitalize}:is(.AuthForm .missing-fields-list) li:not(:last-child):after{content:","}
