:root{--font: system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;--color:#000;--transition:.1s;--border:#ebeef1;--text:#414552}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html{height:100%;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font);font-feature-settings:normal;font-variation-settings:normal}body{height:100%;font-family:var(--font);color:var(--text-color);font-size:14px;font-weight:400}a{color:var(--color);font-weight:600}.flex{display:flex}.flex.direction{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.center{justify-content:center}.flex.vertical{align-items:center}.flex.space{justify-content:space-between}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex .grow{flex-grow:1}.flex .f1{flex:1}.information{color:#5585ba;background:#e8f3ff;padding:15px;border-radius:15px}.information.success{background:#cdeecf;color:#367a3a}.information.warning{background:#ffeaea;color:#a55959}input{display:block;width:100%;background:#f9f9f9;border:1px solid #ebebeb;padding:0 15px;border-radius:15px;height:50px;font-size:14px;font-family:var(--font)}.auth{padding:30px;margin:0 auto;max-width:450px;width:100%}.auth .logo img{width:50px;height:auto}.auth .plate{padding-top:30px}.auth .plate img{width:170px;height:auto}.auth .head{text-align:center;padding-top:20px;padding-bottom:30px}.auth .head h1{font-weight:800}.auth .head p{color:#000;font-size:14px;line-height:1.5em;padding-top:15px;text-align:center}.auth form .element,.auth .form .element{margin-bottom:15px}.auth form .element.dots,.auth .form .element.dots{color:#dadada}.auth form .element button,.auth .form .element button{display:block;max-width:100%;width:100%;background:#f0d402;color:#000;border-radius:30px;border:none;outline:none;height:50px;font-weight:700;font-size:16px;cursor:pointer}.list{border:2px dashed #f0f0f0;border-radius:15px;padding:15px}.list .flex{border-bottom:2px dashed #f0f0f0;padding:15px 0}.list .flex:first-child{padding-top:0}.list .flex:last-child{border-bottom:0;padding-bottom:0}.spinner{animation:rotate .3s linear infinite;width:20px;height:20px}.spinner .path{stroke:#000;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media only screen and (max-width: 800px){input{font-size:16px}}
