#sign-in{height:100%;display:grid;justify-items:center;grid-template-rows:repeat(4,min-content) 25px repeat(2,min-content);gap:10px;overflow:hidden;color:var(--header-color)}#sign-in .title{text-align:center;font-size:var(--huge-text);margin-bottom:40px;margin-top:20px}#sign-in .input-line{justify-self:stretch;padding:0 40px}#sign-in button{margin-top:5px;align-self:center}#sign-in .spinner{display:grid;align-items:center;justify-items:center}:is(#sign-in .spinner)>svg{animation:spin 3s linear infinite}#sign-in .error-message{color:#8b0000;display:grid;align-items:center;justify-items:center;white-space:nowrap}#sign-in .hidden{opacity:0}#sign-in a{font-size:var(--med-text)}@media only screen and (max-width: 380px){#sign-in .input-line,#sign-in .title{padding:0 10px}}@media only screen and (max-width: 310px){#sign-in .title{margin-bottom:11px}}#create-account{height:100%;display:grid;justify-items:center;grid-template-rows:repeat(11,min-content) 25px min-content;gap:6px;overflow:hidden;color:var(--header-color)}#create-account .title{text-align:center;font-size:var(--huge-text);margin-bottom:20px;margin-top:10px}#create-account .input-line{justify-self:stretch;padding:0 40px}#create-account .check-input{font-size:var(--small-text);justify-self:stretch;padding:0 40px;margin-top:3px}:is(#create-account .check-input) a{font-size:var(--small-text)}#create-account button{align-self:center;margin-top:4px}#create-account .spinner{display:grid;align-items:center;justify-items:center}:is(#create-account .spinner)>svg{animation:spin 3s linear infinite}#create-account .error-message{color:#8b0000;display:grid;align-items:center;justify-items:center;padding:0 30px;text-align:center}.move:is(#create-account .error-message){margin-top:-40px}#create-account .hidden{opacity:0}#create-account a{font-size:var(--med-text)}@media only screen and (max-width: 380px){#create-account .input-line,#create-account .check-input{padding:0 10px}#create-account .title{padding:0 10px;font-size:var(--large-text)}}@media only screen and (max-width: 310px){#create-account{padding-top:10px}#create-account .title{margin-bottom:11px;display:none}}#email-sent{height:100%;padding:0 10px;text-align:center;font-size:var(--big-text);display:grid;grid-template-rows:1fr 1fr 1fr;align-items:center;color:var(--header-color)}#email-sent .title{text-align:center;font-size:var(--huge-text)}#email-confirmed{height:100%;padding:0 10px;font-size:var(--large-text);display:grid;grid-auto-rows:1fr;align-items:center;color:var(--header-color);text-align:center}.container{height:100%;display:grid;padding-bottom:6px;justify-items:center;grid-template-rows:1fr min-content;overflow:hidden;color:var(--header-color)}.container .title{text-align:center;font-size:var(--large-text);margin-top:15px;margin-bottom:15px}.container a{font-size:var(--med-text)}#forgot-password{height:100%;display:grid;justify-items:center;grid-template-rows:repeat(3,min-content);gap:10px;overflow:hidden;color:var(--header-color)}#forgot-password .input-line{justify-self:stretch;padding:0 60px}#forgot-password button{align-self:center;margin-bottom:15px}.forgot-password-enter-active,.forgot-password-leave-active{transition:opacity .2s}.forgot-password-enter-from,.forgot-password-leave-to{opacity:0}#loading-user{height:100%;display:grid;color:var(--header-color);text-align:center;font-size:var(--large-text);margin-top:20px}#reset-password{height:100%;display:grid;justify-items:center;grid-template-rows:85px min-content min-content 10px min-content;gap:10px;overflow:hidden;color:var(--header-color)}#reset-password .title{text-align:center;font-size:var(--large-text);margin-bottom:30px;margin-top:20px}#reset-password .input-line{justify-self:stretch;padding:0 40px}#reset-password .check-input{font-size:var(--small-text);justify-self:stretch;padding:0 40px;margin-top:3px}:is(#reset-password .check-input) a{font-size:var(--small-text)}#reset-password button{align-self:center;margin-top:4px}#reset-password .spinner{display:grid;align-items:center;justify-items:center}:is(#reset-password .spinner)>svg{animation:spin 3s linear infinite}#reset-password .error-message{color:#8b0000;display:grid;align-items:center;justify-items:center;padding:0 30px;text-align:center}#reset-password .hidden{opacity:0}#reset-password a{font-size:var(--med-text)}*,*:before,*:after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],figure,blockquote,dl,dd{margin:0}ul[class],ol[class]{list-style:none}input,button,textarea,select{font:inherit}input:disabled,select:disabled{opacity:1}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}:root{--background-color: #f2f2f2;--header-color: #424242;--accent-color: #1b998b;--input-border-color: #9e9e9e;--input-disabled-color: #9e9e9e;--input-focus-color: #428bca;--input-error-color: #f44336;--disabled-label-color: #757575;--default-card-color: #455a64;--nav-background-color: #fafafa;--units-background-color: #dedede;--units-text-color: #424242;--card-header-color: #612141;--sgi-orchid: #9e1f61;--sgi-yellow: #ccdb2a;--sgi-orange: #f58555;--sgi-teal: #1b998b;--sgi-blue: #021d49;--sgi-black: #212529;--sgi-white: #fff;--sgi-dark-gray: #455a64;--sgi-light-gray: #666;--sgi-orchid-20: #9e1f6133;--sgi-yellow-20: #ccdb2a33;--sgi-orange-20: #f5855533;--sgi-teal-20: #1b998b33;--sgi-blue-20: #021d4933;--sgi-orchid-dark: #5e123a;--tiny-text: 10px;--small-text: 12px;--med-text: 14px;--big-text: 16px;--large-text: 18px;--huge-text: 24px;--mobile: 576px;--tablet: 768px;--desktop: 992px;--external: 1200px;--input-border: solid 1px var(--input-border-color);--input-border-radius: 3px;--focused-input-border: solid 1px var(--input-focus-color);--focused-input-shadow: 0 0 5px var(--input-focus-color);--focused-bad-input-border: solid 1px var(--input-error-color);--focused-bad-input-shadow: 0 0 5px var(--input-error-color);--shadow-default: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--display-card-radius: 5px}body{height:100vh;font-family:Roboto;font-size:var(--med-text)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:var(--input-border);border-radius:var(--input-border-radius);height:15px;width:15px;padding:0;margin:0}input[type=checkbox]:focus-within{border:var(--focused-input-border);box-shadow:var(--focused-input-shadow)}input[type=checkbox]:disabled{cursor:not-allowed}input[type=radio]{display:none}input[type=radio]+*:before{content:"";display:inline-block;vertical-align:bottom;width:1rem;height:1rem;margin-right:.3rem;border-radius:50%;border:solid 1px var(--input-border-color);background-color:var(--background-color)}input[type=radio]:checked+*:before{background:radial-gradient(var(--accent-color) 0%,var(--accent-color) 50%,var(--background-color) 55%,var(--background-color))}label{color:var(--header-color)}button{padding:3px 8px;text-decoration:none;outline:none;background:#fff;color:var(--header-color);border-radius:var(--input-border-radius);border:var(--input-border);transition:box-shadow .2s}button:focus-within{border:var(--focused-input-border);box-shadow:var(--focused-input-shadow)}button:not(:disabled):hover{border:var(--focused-input-border);box-shadow:var(--shadow-md);cursor:pointer}button:not(:disabled):active{box-shadow:var(--shadow-default)}button:disabled{background:var(--background-color);color:var(--input-border-color)}a{text-decoration:none;outline:none;color:var(--input-focus-color);cursor:pointer;font-size:var(--small-text)}a:visited{color:var(--input-focus-color)}a:focus{padding:0 2px;margin:0 -2px;box-shadow:0 0 0 1px var(--input-border-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.ripple-input.horizontal{display:grid;grid-template-columns:auto auto;align-items:center;-moz-column-gap:5px;column-gap:5px}.ripple-input.horizontal .label-line{margin-bottom:0}.ripple-input.horizontal.flipped>.label-line{grid-row:1;grid-column:2}.ripple-input.horizontal.existing-usage-value>.label-line{width:25px}.ripple-input.horizontal.existing-usage-value>.error-message{grid-column:1 / 3}.ripple-input.is-disabled{opacity:.5}.ripple-input.is-hidden-input label{color:#006400}.ripple-input.is-using-default select:not([disabled]),.ripple-input.is-using-default input:not([disabled]){color:var(--input-focus-color)}.ripple-input.is-using-default option{color:#000}.ripple-input.is-unused select,.ripple-input.is-unused input{color:var(--input-disabled-color)}.ripple-input.has-error label{color:var(--input-error-color)}.ripple-input.has-error select,.ripple-input.has-error .app-input{border:var(--focused-bad-input-border)}:is(.ripple-input.has-error select,.ripple-input.has-error .app-input):focus-within{border:var(--focused-bad-input-border);box-shadow:var(--focused-bad-input-shadow)}.ripple-input .label-line{display:grid;grid-template-columns:minmax(auto,max-content) min-content;-moz-column-gap:3px;column-gap:3px;margin-bottom:2px}.ripple-input .error-message{color:var(--input-error-color);margin-top:2px;margin-bottom:-5px}.route-fade-enter-active{transition:opacity .5s ease-in-out}.route-fade-leave-active{transition:opacity .2s ease-in-out}.route-fade-enter-from,.route-fade-leave-to{opacity:0}.slide-in-enter-active,.slide-in-leave-active{transition:all .3s ease-in-out}.slide-in-enter-from,.slide-in-leave-to{transform:translateY(10px);opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .2s ease-out}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.snap-fade-enter-active{transition:opacity .8s}.snap-fade-enter-from{opacity:0}.modal-appear-enter-active,.modal-appear-leave-active{transition:transform .3s,opacity .3s}:is(.modal-appear-enter-active,.modal-appear-leave-active) .modal-background{transition:opacity .3s}:is(.modal-appear-enter-active,.modal-appear-leave-active) .modal-content{transition:transform .3s,opacity .3s}.modal-appear-enter-from,.modal-appear-leave-to{transition:transform .3s,opacity .3s}:is(.modal-appear-enter-from,.modal-appear-leave-to) .modal-background{opacity:0}:is(.modal-appear-enter-from,.modal-appear-leave-to) .modal-content{opacity:0;transform:scale(.8)}.shell-selector-list-enter-from{transform:translateY(30px)}.shell-selector-list-leave-to{opacity:0}.shell-selector-list-leave-active{position:absolute}#login-page{height:100vh;display:grid;padding:10px 10px 0;grid-template-rows:minmax(auto,1fr) auto minmax(auto,1fr);grid-template-columns:10px 1fr 10px;position:relative;overflow-x:hidden;overflow-y:auto}.background{position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;min-width:500px;display:flex;flex-direction:column}.background .curve{flex:0 1 500px;background-color:var(--background-color)}.logo{grid-column:1 / 4;height:50px;margin-bottom:10px}.logo img{max-width:100%;max-height:100%}.card-outer{grid-column:2 / 3;width:100%;max-width:var(--6ea20ec2);align-self:center;justify-self:center;height:var(--3361216e);padding-bottom:var(--bf75ba22);transition:max-width .3s,height .3s,padding-bottom .3s}.card-inner{height:100%;background:#fff;border-radius:var(--display-card-radius);box-shadow:var(--shadow-md);overflow:auto}.footer{grid-column:1 / 4;align-self:end;text-align:center;padding-bottom:10px;margin-top:10px}.footer>div:first-child{font-weight:700;margin-bottom:5px}.footer a{font-size:var(--med-text)}.login-view-enter-active,.login-view-leave-active{transition:opacity .2s}.login-view-enter-from,.login-view-leave-to{opacity:0}.login-view-enter-active{transition:opacity .2s .1s}