:root{--f-family: "Public Sans", sans-serif;--f-size: 1.4rem;--c-white: hsl(0 0% 100%);--c-light-grey: hsl(0 0% 95%);--fill-body: var(--c-light-grey);--fill-field: var(--c-light-grey);--fill-tile: var(--c-white);--c-text: hsl(0 0% 20%);--size-icon: 2.4rem;--fill-icon: currentColor}@font-face{font-family:"Public Sans";font-weight:100 900;font-display:swap;font-style:normal;src:url("PublicSans-var.woff2") format("woff2")}@font-face{font-family:"Public Sans";font-weight:100 900;font-display:swap;font-style:italic;src:url("PublicSans-Italic-var.woff2") format("woff2")}*{box-sizing:border-box}html{height:100%;font-size:62.5%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:grid;grid-template-rows:1fr auto;height:100%;margin:0;padding:5.2rem 0 0 0;font:var(--f-size) var(--f-family);color:var(--c-text);background-color:var(--fill-body)}footer{display:flex;align-items:center;justify-content:flex-end;height:7.2rem;padding:2.4rem 4.8rem;border-top:.1rem solid hsl(0, 0%, 85%)}hr{height:.1rem;margin:2.4rem 0;padding:0;border:none;background-color:var(--c-light-grey)}h1,.pioneer-label{font-weight:500}h1{margin-bottom:2rem;font-size:2.4rem}.tile{--w-field: 38rem;max-width:calc(var(--w-field) + 8rem);width:100%;margin:0 auto calc(4rem + 1.6vw);padding:4rem;background-color:var(--fill-tile)}.tile>*:first-child{margin-top:0}.logo{width:3.2rem;height:100%;background:var(--theme-logo-unpinned) no-repeat center}.footer-logo{display:grid;grid-template-columns:4rem 1fr;gap:.2rem;align-items:center;font-weight:bold;color:var(--c-text);text-decoration:none}.pioneer-formfield{margin-top:1.5rem;margin-bottom:1.5rem}.pioneer-field{display:flex;flex-direction:column;margin:.6rem 0}input[type=text],input[type=password],input[type=email]{width:38rem;padding:.8rem 1.6rem;font-family:var(--f-family);font-size:var(--f-size);color:var(--text);background-color:var(--fill-field);border:.1rem solid hsl(0, 0%, 90%);border-radius:.4rem}input[type=submit]{padding:.9rem 1.7rem;font-size:1.6rem;color:var(--c-white);border:none;border-radius:.4rem;background-color:var(--c-primary);cursor:pointer;transition:background-color .1s ease-out}input[type=submit]:hover{background-color:var(--c-primary-hover)}.message-container{margin-inline:auto;padding-inline:2rem;max-width:130rem}.message{display:grid;grid-template-columns:1fr 4rem;gap:1rem;background-color:var(--fill-msg);padding:1rem 0 2rem 2rem;color:var(--c-msg);border:.1rem solid var(--c-bd-msg);border-left-width:.3rem;margin-block:2rem;border-radius:.4rem}.message.success{--fill-msg: var(--fill-msg-success);--c-bd-msg: var(--c-bd-msg-success);--c-msg: var(--c-msg-success)}.message.error{--fill-msg: var(--fill-msg-error);--c-bd-msg: var(--c-bd-msg-error);--c-msg: var(--c-msg-error)}.message.info{--fill-msg: var(--fill-msg-info);--c-bd-msg: var(--c-bd-msg-info);--c-msg: var(--c-msg-info)}.message.warning{--fill-msg: var(--fill-msg-warning);--c-bd-msg: var(--c-bd-msg-warning);--c-msg: var(--c-msg-warning)}.column-message-text{padding-top:1rem}.message-btn{color:var(--c-msg);border:none;background-color:transparent;cursor:pointer}.message-btn svg{width:var(--size-icon);height:var(--size-icon);fill:var(--fill-icon)}