@font-face{font-family:PublicSans;src:url(/public/static/ttf/PublicSans-Light.BOY0Scro.ttf) format("truetype");font-weight:300}@font-face{font-family:PublicSans;src:url(/public/static/ttf/PublicSans-Regular.BOiHoPid.ttf) format("truetype");font-weight:400}@font-face{font-family:PublicSans;src:url(/public/static/ttf/PublicSans-Bold.Cqz72WCu.ttf) format("truetype");font-weight:700}@font-face{font-family:Poppins;src:url(/public/static/ttf/Poppins-Regular.CDE4z94E.ttf) format("truetype");font-weight:400}@font-face{font-family:Poppins;src:url(/public/static/ttf/Poppins-Medium.DwAlJ_UI.ttf) format("truetype");font-weight:500}html{margin:0;padding:0}body{margin:0;min-height:100vh;background-color:#f0f0f0;box-sizing:border-box;font-family:PublicSans,sans-serif;font-size:18px;font-weight:300;line-height:1.5}body *{box-sizing:border-box}body em{font-style:normal}form{display:block;width:100%}h1,h2,h3,h4,h5,h6{display:block;margin:0;padding:0}h3{display:inline-block;margin:0!important;line-height:1.25;text-align:center;font-family:Poppins,sans-serif;font-size:28px;font-weight:500}h4{font-family:Poppins,sans-serif;font-size:20px;font-weight:500}h3 em,h4 em{color:#0070d9;text-transform:uppercase}a,span{display:inline-block}.app-root{padding:40px 12px}.main-container{margin:0 auto;max-width:480px;background-color:#fff;border:1px solid #e6e6e6;border-radius:4px}.main-container .main-header{display:flex;align-items:center;gap:10px;position:relative;padding:20px 40px;border-bottom:1px solid #e6e6e6}.main-container .main-header span{text-transform:uppercase;font-size:15px;font-family:Poppins,sans-serif;font-weight:500;color:gray}.main-container .main-header figure.logo{margin:0}.main-container .main-header figure.logo svg{width:100px;height:auto;fill:#0070d9}.main-container .main-content{display:flex;flex-wrap:wrap;gap:20px;padding:20px 40px;background-color:#f7f7f7;border-radius:4px}.main-container .main-content>.title{margin-bottom:12px;color:#0070d9;font-family:Poppins,sans-serif;font-weight:500;font-size:24px}.main-container .copy em{font-weight:600}.main-container label{display:block;margin-bottom:8px;color:gray;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;line-height:1;white-space:nowrap}.main-container input{transition:border-color .25s ease;padding:12px 14px;width:100%;background-color:#fff;border:1px solid var(--border-c, #e6e6e6)!important;font-size:1rem;outline:var(--outline, none)}.main-container input::placeholder{color:#b9b9b9}.main-container input:focus{--border-c: #18a0ee}.form-group{flex:1 0 100%;position:relative}.form-group.has-errors{--border-c: #f44336}.form-group.has-errors:focus-within{--has-errors: block}.form-group .form-item-status{position:absolute;right:calc(100% + 10px);bottom:8px}.form-group .form-item-status .icon-check{--fill: #00a62f}.form-group .form-item-status .icon-close{--fill: #cf0022}.form-group .group-errors{display:var(--has-errors, none);z-index:100;position:absolute;top:calc(100% - 3px);left:2px;max-width:calc(100% + 2px);padding:4px 8px;background-color:#f7f7f7;border:1px solid #d0d0d0}.control-group{flex:1 0 100%;display:flex;align-items:center;justify-content:flex-end;gap:12px}.control-group .stretch{display:flex;flex:1;gap:12px}section.change-password{display:flex;flex-wrap:wrap;gap:20px}section.modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;padding:2rem;width:100vw;height:100vh;background-color:#00000059;box-shadow:1px 1px 8px #00003280}section.modal>.content{position:relative;width:100%;max-width:800px;padding:20px;background-color:#fff;border:1px solid #d0d0d0}section.modal.reset-password>.content{max-width:480px}section.modal.reset-password>.content .title{margin-bottom:12px;color:#3e587b}section.modal.reset-password>.content .copy{margin:12px 0 20px}section.modal.reset-password>.content .control-group{margin-top:20px}section.modal.resend-code>.content{max-width:480px}section.modal.resend-code>.content .title{margin-bottom:12px;color:#3e587b}section.modal.resend-code>.content .copy{margin:12px 0 20px}section.modal.resend-code>.content .control-group{margin-top:20px}section.modal .close-icon{position:absolute;top:20px;right:20px;font-size:0;line-height:1;cursor:pointer}section.modal .close-icon:hover{--fill: #18a0ee}section.modal .close-icon svg{transition:fill .3s ease;width:14px;height:14px;fill:var(--fill, #808080)}section.error-list{flex:1 0 100%;padding-top:20px;border-top:1px solid #e6e6e6}section.error-list .error span{padding:4px 8px;background-color:#f1f1f0;border-left:4px solid #e6e6e6;color:#f44336;font-weight:400}section.error-list .error+.error{margin-top:12px}a{display:inline-block;color:#3e587b;font-weight:400;cursor:pointer}a:hover{text-decoration:underline}button{appearance:none;outline:none;font-size:1rem;cursor:pointer}button.btn{transition:background-color .3s ease}button.btn.block{padding:8px 20px;border-radius:4px;background-color:var(--bg-c, #18a0ee);border:none;color:#fff;font-weight:500;font-family:Poppins,sans-serif}button.btn.block:hover{--bg-c: #0070d9}button.btn.block:disabled{-webkit-user-select:none;user-select:none;opacity:.5}svg.icon{width:16px;height:16px;fill:var(--fill, #000)}svg.icon.icon-close{width:14px;height:14px}.password{position:relative;width:100%}.password .icon{position:absolute;top:6px;right:5px;cursor:pointer}
