.input{display:flex;flex-direction:column;width:100%}.input__label{color:var(--interface-gray600);font-size:var(--body3-size)}.input__item{padding:12px 16px;border-radius:8px 8px 0 0;border:none;background:var(--interface-gray100);color:var(--interface-gray800)}.input__item_primary{border-bottom:3px solid var(--primary-color)}.input__item_blue{border-bottom:3px solid var(--dynamic-blue)}.input__item:focus{outline:none}.input__error{border-bottom:3px solid var(--dynamic-red)}.button{padding:14px 20px;border-radius:58px;color:var(--interface-gray800);border:none;width:100%;font-size:18px;background:var(--white);cursor:pointer;position:relative;height:48px}.button,.button:hover{transition:all .2s ease-in}.button:hover{transform:scale(1.01)}.button__primary{background:var(--primary-color)}.button__primary:hover{box-shadow:0 4px 15px -3px rgba(240,220,40,.5)}.button__blue{background:var(--dynamic-blue)}.button__blue:hover{box-shadow:0 4px 15px -3px rgba(80,201,252,.5)}.button__green{background:var(--dynamic-green)}.button__green:hover{box-shadow:0 4px 15px -3px rgba(23,215,142,.5)}.button__gray{background:var(--interface-gray400)}.button_disabled{background:var(--interface-gray200);color:var(--interface-gray400);cursor:auto}.button_disabled:hover{transform:none;box-shadow:none}.button__small{padding:10px 20px}.button--loading .button_loading{visibility:hidden;opacity:0}.button_loading:after{content:"";position:absolute;width:16px;height:16px;top:0;left:0;right:0;bottom:0;margin:auto;border:4px solid transparent;border-top-color:#fff;border-radius:50%;animation:button-loading-spinner 1s ease infinite}@keyframes button-loading-spinner{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}.login-page{margin-top:var(--xxl);justify-content:center;align-items:center;row-gap:57px}.login-container,.login-page{display:flex;flex-direction:column}.login-container{width:400px;height:-moz-fit-content;height:fit-content;flex-shrink:0;border-radius:24px;background:var(--interface-white,#fff);box-shadow:var(--shadow);padding:var(--xxl) var(--l);row-gap:var(--xl)}.login-form{display:flex;flex-direction:column;row-gap:var(--l)}.login-form__error{text-align:center}.error{color:var(--dynamic-red)}.login-form__button{margin-top:var(--m)}.register{align-self:center}.register__link{text-decoration:none;color:var(--interface-gray-800,#333)}