s-form--login.css

/*! @tacc/core-styles 2.21.1+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-button,.x-truncate--one-line,[class*=button--]{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.x-link,.x-link--irregular,[class*=button--as-link]{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled,.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--hover,.x-link--irregular--hover,[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.x-link--active,.x-link--irregular--active,[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{text-decoration-line:underline}.x-link--irregular--hover{text-decoration-style:dashed}.x-link--irregular--active{text-decoration-style:dotted}.c-button,[class*=button--]{--min-width:75px;--mid-width:110px;--max-width:130px;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-block}.c-button:where(:not(:disabled,:where(a[disabled]))),[class*=button--]:where(:not(:disabled,:where(a[disabled]))){cursor:pointer}a.c-button,a[class*=button--]{text-align:center;text-decoration:none}a[class*=button--is-busy]{cursor:default}.c-button:disabled,.c-button:where(a[disabled]),[class*=button--]:disabled,[class*=button--]:where(a[disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-button:disabled:not([class*=button--is-busy]),.c-button:where(a[disabled]):not([class*=button--is-busy]),[class*=button--]:disabled:not([class*=button--is-busy]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy]){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark)}.c-button:disabled:not([class*=button--is-busy],[class*=button--as-link]),.c-button:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]),[class*=button--]:disabled:not([class*=button--is-busy],[class*=button--as-link]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy],[class*=button--as-link]){background-color:var(--global-color-primary--xx-light)}.button--1,.button--2,.button--3,.c-button--primary,.c-button--secondary,.c-button--tertiary,[class*=button--is-active]{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.button--1:hover,.c-button--primary:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}.button--1:active:not([class*=button--is-busy]),.c-button--primary:active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-dark);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--1:focus:not(:active,[class*=button--is-busy]),.c-button--primary:focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-accent--normal);border-color:var(--global-color-primary--xx-light);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--light)}.button--1:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--1[class*=button--is-busy],.c-button--primary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--primary[class*=button--is-busy]{background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.button--2:hover,.c-button--secondary:hover{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}.button--2:active:not([class*=button--is-busy]),.c-button--secondary:active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--2:focus:not(:active,[class*=button--is-busy]),.c-button--secondary:focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.button--2:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--2[class*=button--is-busy],.c-button--secondary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--secondary[class*=button--is-busy]{background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button.button--2:disabled,.c-button.button--2:where(a[disabled]),.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),[class*=button--].button--2:disabled,[class*=button--].button--2:where(a[disabled]),[class*=button--].c-button--secondary:disabled,[class*=button--].c-button--secondary:where(a[disabled]){background-color:var(--global-color-primary--x-light)}.button--3:hover,.c-button--tertiary:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.button--3:active:not([class*=button--is-busy]),.c-button--tertiary:active:not([class*=button--is-busy]){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.button--3:focus:not(:active,[class*=button--is-busy]),.c-button--tertiary:focus:not(:active,[class*=button--is-busy]){background-color:var(--global-color-primary--light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.button--3:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--3[class*=button--is-busy],.c-button--tertiary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--tertiary[class*=button--is-busy]{background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}[class*=button--is-active]:hover{background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}[class*=button--is-active]:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}[class*=button--is-active]:focus:not(:active){background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}[class*=button--is-active]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),[class*=button--is-active][class*=button--is-busy]{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}[class*=button--as-link]{background:unset;border:unset;font-family:inherit;font-size:inherit;font-weight:inherit;padding-inline:unset}[class*=button--is-busy]{opacity:.5}[class*=button--is-busy] [class*=button__text]{opacity:.3}.c-button:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),[class*=button--]:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])){--max-width:auto;width:auto}[class*=button--width-short]{width:var(--min-width)}[class*=button--width-medium]{width:var(--mid-width)}& .button-wrapper,& .c-form__buttons,& :where(.s-form>footer),[class*=button--width-long]{width:var(--max-width)}[class*=button--size-small]{line-height:1;min-width:0;padding:4px 9px}.c-button>*,[class*=button--]>*{vertical-align:middle}[class*=button__icon--before]{margin-right:.5em}[class*=button__icon--after]{margin-left:.5em}.c-form--login,.s-form--login{font-family:var(--global-font-family--sans--cms);font-size:1.6rem}.c-form--login .c-form__desc,.c-form--login .c-form__title,.c-form--login .description,.c-form--login .title,.c-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6)),.c-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6)+p),.s-form--login .c-form__desc,.s-form--login .c-form__title,.s-form--login .description,.s-form--login .title,.s-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6)),.s-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6)+p){color:var(--global-color-primary--xx-dark);text-align:center}.c-form--login .c-form__title,.c-form--login .title,.c-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6)),.s-form--login .c-form__title,.s-form--login .title,.s-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6)){font-size:2.4rem;font-weight:var(--black)}.c-form--login .c-form__desc,.c-form--login .description,.c-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6)+p),.s-form--login .c-form__desc,.s-form--login .description,.s-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6)+p){font-size:1.6rem}.c-form--login .c-form__title>img,.c-form--login .title>img,.c-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6))>img,.s-form--login .c-form__title>img,.s-form--login .title>img,.s-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6))>img{display:block;height:75px;margin-inline:auto;margin-bottom:45px}.c-form--login .c-form__title>figure,.c-form--login .title>figure,.c-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6))>figure,.s-form--login .c-form__title>figure,.s-form--login .title>figure,.s-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6))>figure{display:flex;flex-wrap:wrap;gap:var(--global-space--grid-gap);justify-content:center;margin-top:unset;margin-inline:unset;margin-bottom:45px}.c-form--login .c-form__title>figure>img,.c-form--login .title>figure>img,.c-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6))>figure>img,.s-form--login .c-form__title>figure>img,.s-form--login .title>figure>img,.s-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6))>figure>img{height:75px;margin-inline:auto}.c-form--login .c-form__desc,.c-form--login .description,.c-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6)+p),.s-form--login .c-form__desc,.s-form--login .description,.s-form--login :where(.s-form>:is(h1,h2,h3,h4,h5,h6)+p){font-weight:var(--medium);margin-block:25px}.c-form--login .asterisk,.c-form--login .c-form__star,.c-form--login :where(.s-form label>span),.s-form--login .asterisk,.s-form--login .c-form__star,.s-form--login :where(.s-form label>span){display:none}.c-form--login input,.s-form--login input{padding:12px}.c-form--login .button-wrapper,.c-form--login .c-form__buttons,.c-form--login :where(.s-form>footer),.s-form--login .button-wrapper,.s-form--login .c-form__buttons,.s-form--login :where(.s-form>footer){align-items:center;display:flex;justify-content:space-between}.c-form--login [type=submit].c-form__button,.c-form--login [type=submit].form_button,.c-form--login [type=submit]:where(.s-form button),.s-form--login [type=submit].c-form__button,.s-form--login [type=submit].form_button,.s-form--login [type=submit]:where(.s-form button){padding-block:10px}.c-form--login .button-wrapper>:only-child,.c-form--login .c-form__buttons>:only-child,.c-form--login :where(.s-form>footer)>:only-child,.s-form--login .button-wrapper>:only-child,.s-form--login .c-form__buttons>:only-child,.s-form--login :where(.s-form>footer)>:only-child{margin-left:auto}.c-form--login .c-form__nav,.c-form--login :where(.s-form>nav),.s-form--login .c-form__nav,.s-form--login :where(.s-form>nav){align-items:flex-end;display:flex;flex-direction:column;gap:12px;margin-top:35px}.c-form--login .c-form__nav>p,.c-form--login :where(.s-form>nav)>p,.s-form--login .c-form__nav>p,.s-form--login :where(.s-form>nav)>p{margin-block:0}.c-form--login :where(.c-form>.c-form__errors),.c-form--login :where(.form-errors .errorlist),.c-form--login :where(.s-form>ul),.s-form--login :where(.c-form>.c-form__errors),.s-form--login :where(.form-errors .errorlist),.s-form--login :where(.s-form>ul){margin-bottom:2rem}.c-form--login a,.s-form--login a{font-weight:var(--medium)}