@charset "UTF-8";html,body{height:100%;margin:0;display:block}:root{--border-radius: 10px}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:Ubuntu,sans-serif}app-root{display:flex;flex-direction:column;justify-content:space-between}body{background-color:#f0f3f4;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.card{box-shadow:0 0 5px 1px #0000001a;border-radius:var(--border-radius);width:100%;padding:1.5rem;background-color:#fff}.content{display:flex;justify-content:center;padding-left:10rem;padding-right:10rem;padding-top:2rem}.flex{display:flex}.flex.space-between{justify-content:space-between}.flex.gap{gap:1rem}.flex.wrapper{flex-wrap:wrap}.flex.wrapper-reverse{flex-wrap:wrap-reverse}.btn{text-transform:uppercase;font-weight:700;border:0;border-radius:var(--border-radius);font-size:1rem;padding:.8rem;color:#fff;background-color:#2e7d32}.btn:hover{cursor:pointer;transition:background-color .3s;background-color:#1b5e20}.btn:hover.danger{background-color:#bf360c}.btn.danger{background-color:#d84315}.btn:disabled{background-color:#37474f;opacity:.7}.btn:disabled:hover{cursor:not-allowed}.input-group{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:0 auto}.input-group input,.input-group textarea{color:var(--text);padding:.8rem 1rem;border:2px solid #ccc;border-radius:var(--border-radius);font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 4px #4a90e2cc}.input-group input:focus::placeholder,.input-group textarea:focus::placeholder{color:#ccc}.input-group input::placeholder,.input-group textarea::placeholder{color:#ccc;font-weight:700;text-transform:uppercase}.input-group input.error,.input-group textarea.error{border-color:#f44336;background-color:#ffccbc}@media (max-width: 768px){.content{padding:1rem}}:root{--header-offset-desktop: 60px;--header-offset-mobile: 60px}main,.content,app-root>*:not(.header){padding-top:var(--header-offset-desktop)}@media (max-width: 950px){main,.content,app-root>*:not(.header){padding-top:var(--header-offset-mobile)}}