.login{display:flex;justify-content:space-between;width:100%;border-radius:50px;overflow:hidden;height:80vh;margin:auto}@media(max-width:47.99em){.login{border-radius:0;height:100%}}.login__logo{display:flex;justify-content:center;align-items:center;width:50%;background:transparent linear-gradient(270deg,#121218,rgba(18,18,24,0)) 0 0 no-repeat padding-box}@media(max-width:47.99em){.login__logo{display:none}}.login__form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%}@media(max-width:47.99em){.login__form{width:100%;justify-content:flex-start}}.login__form__hint{margin-top:1rem;text-align:center;font-size:11.6666666667px}.login__form__hint span{cursor:pointer}.login__form form{display:flex;flex-direction:column}.login__form form .input-wrapper{margin-bottom:1rem}.login__form__login__pass{position:relative;height:75px}.login__form__login__pass__icon{position:absolute;right:14px;top:32%;cursor:pointer}.login__form__login__pass__icon svg{fill:#70f7ff}.login__form__login__actions{display:flex;justify-content:flex-end;align-items:center;margin:0 0 .75rem}.login__form__login__actions__reset__back{margin-top:1rem}.login__form__login__actions__reset__back span:last-child{cursor:pointer}.login__form__login__actions__forget{cursor:pointer;color:#70f7ff;font-size:11.6666666667px}.login__form header{margin-bottom:1.5rem}.login__form__container{display:flex;flex-direction:column;justify-content:flex-start;padding:1.5rem;width:380px}@media(max-width:63.99em){.login__form__container{width:100%}}.login__form__title{display:block;color:#fff;font-size:29.0304px}.input-wrapper{display:flex;flex-direction:column;width:100%}.input-wrapper .input-label{font-weight:600;color:#fff;font-size:12.7801930085px}.input-wrapper .input-container{position:relative;display:flex;align-items:center;background:#111112;border-radius:6px;overflow:hidden}.input-wrapper .input-container[data-modifier=tertiary-dark]{background:#030303}.input-wrapper .input-container[data-modifier=dark]{background:transparent;color:#fff}.input-wrapper .input-container .input-icon{position:relative;display:flex;align-items:center;justify-content:center;color:#9898a1;padding:0 .5rem;height:100%}.input-wrapper .input-container .input-icon.start-icon{border-right:1px solid rgba(152,152,161,.2)}.input-wrapper .input-container .input-icon.end-icon{border-left:1px solid rgba(152,152,161,.2)}.input-wrapper .input-container .input-icon.password-toggle{cursor:pointer;color:#9898a1;transition:color .2s ease}.input-wrapper .input-container .input-icon.password-toggle:hover{color:#9898a1}.input-wrapper .input-container .input-icon.password-toggle:focus{outline:none;color:#fff}.input-wrapper .input-container input[type=number]::-webkit-inner-spin-button,.input-wrapper .input-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.input-wrapper .input-container input[type=number]{-moz-appearance:textfield}.input-wrapper .input-field{width:100%;padding:.5rem;font-size:12.7801930085px;line-height:1.25rem;color:#fff;background:transparent;border:none;transition:all .2s ease}.input-wrapper .input-field:focus{outline:none}.input-wrapper .input-field::placeholder{color:#9898a1;font-size:12.7801930085px}.input-wrapper .input-field.input-error{box-shadow:0 0 0 2px rgba(255,66,43,.2)}.input-wrapper .input-field.input-error:focus{box-shadow:0 0 0 2px rgba(255,66,43,.4)}.input-wrapper .has-start-icon .input-field{padding-left:0}.input-wrapper .has-end-icon .input-field{padding-right:0}.input-wrapper .helper-text{font-size:11.6666666667px;color:#9898a1;margin-top:.125rem}.input-wrapper .helper-text.error-text{color:#ff422b}.button-component{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;outline:none;color:#000}.button-component:hover:not(:disabled){transform:translateY(-2px)}.button-component:disabled{opacity:.6;cursor:not-allowed}.button-component--fluid{width:100%}.button-component--small{padding:.25rem .75rem;font-size:11.6666666667px;height:25px}.button-component--medium{padding:.5rem 1.5rem;font-size:12.7801930085px;height:33px}.button-component--large{padding:.75rem 1rem;font-size:15.3362316101px;height:48px}.button-component--primary{background:linear-gradient(90deg,#77afff,#6dfff5)}.button-component--success{background:transparent linear-gradient(90deg,#00ff91,#00d35f) 0 0}.button-component__content{transition:transform .2s ease,opacity .2s ease;white-space:nowrap}.button-component__content,.button-component__icon{display:flex;align-items:center;justify-content:center}.button-component__icon{flex-shrink:0;width:1.25rem;height:1.25rem;opacity:1;transform:scale(1);transition:all .2s ease}.button-component__icon--left{transform-origin:right center}.button-component__icon--right{transform-origin:left center}.button-component__icon svg{width:100%;height:100%}.button-component__spinner{animation:spin 1s linear infinite;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .2s ease}.button-component--loading .button-component__spinner{opacity:1;transform:scale(1)}.button-component--outline{background:transparent;color:#70ecfd;box-shadow:0 0 0 1px #70ecfd;transition:all .2s ease}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.button-component__icon{animation:slideIn .2s ease}@keyframes scaleUp{0%{transform:scale(.8) translateY(1000px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeIn{0%{background-color:rgba(92,94,105,.2)}to{background-color:rgba(14,14,14,.54)}}@keyframes slide{0%{left:-100%}to{left:0}}.switch-wrapper{display:flex;align-items:center;gap:.5rem}.switch{position:relative;display:inline-flex;align-items:center;border-radius:999px;background-color:#24242c;cursor:pointer;transition:all .2s ease}.switch--default{width:44px;height:24px}.switch--small{width:36px;height:20px}.switch--large{width:52px;height:28px}.switch--checked{background-color:#70ecfd}.switch--disabled{opacity:.5;cursor:not-allowed}.switch__handle{position:absolute;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.switch__handle--small{width:16px;height:16px}.switch__handle--large{width:24px;height:24px}.switch__handle--checked{transform:translateX(20px)}.switch__handle--checked.switch__handle--small{transform:translateX(16px)}.switch__handle--checked.switch__handle--large{transform:translateX(24px)}.switch__label{font-size:12.7801930085px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.switch__label--disabled{cursor:not-allowed;opacity:.5}