@tacc/core-styles 2.40.2 → 2.41.0

package/dist/trumps/s-form.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | 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}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.x-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{opacity:.5;pointer-events:none}.x-link--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{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}:is(.c-button,[class*=button--]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))){--min-width:75px;--mid-width:110px;--max-width:130px;align-items:baseline;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-flex;justify-content:center}:is(.c-button,[class*=button--]):where(:not(:is(:disabled,:where(a[disabled])))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):where(:not(:is(:disabled,:where(a[disabled])))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):where(:not(:is(:disabled,:where(a[disabled])))){cursor:pointer}a:is(.c-button,[class*=button--]){text-align:center;text-decoration:none}a:is([class*=button--is-busy],[data-state=busy]){cursor:default}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])){-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark)}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])){background-color:var(--global-color-primary--xx-light)}:is(.c-button--primary,.button--1),:is(.c-button--secondary,.button--2),:is(.c-button--tertiary,.button--3),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button],:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset],:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button],:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset],:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit],:is([class*=button--is-active]){max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}:is(.c-button--primary,.button--1):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}:is(.c-button--primary,.button--1):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--primary,.button--1):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:focus:not(:active,:is([class*=button--is-busy],[data-state=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)}:is(.c-button--primary,.button--1):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--primary,.button--1):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))){background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}:is(.c-button--secondary,.button--2):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:hover{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}:is(.c-button--secondary,.button--2):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--secondary,.button--2):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:focus:not(:active,:is([class*=button--is-busy],[data-state=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)}:is(.c-button--secondary,.button--2):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--secondary,.button--2):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))){background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}:is(.c-button,[class*=button--]):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])){background-color:var(--global-color-primary--x-light)}:is(.c-button--tertiary,.button--3):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}:is(.c-button--tertiary,.button--3):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--tertiary,.button--3):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:focus:not(:active,:is([class*=button--is-busy],[data-state=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)}:is(.c-button--tertiary,.button--3):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--tertiary,.button--3):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))){background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}:is(.c-button--can-truncate,.button--truncate){overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}:is([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)}:is([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)}:is([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)}:is([class*=button--is-active]):is([class*=button--is-busy],[data-state=busy]),:is([class*=button--is-active]):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}:is([class*=button--as-link]){background:unset;border:unset;color:var(--global-color-accent--normal);font-family:inherit;font-size:inherit;font-weight:inherit;padding-inline:unset;text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}:is([class*=button--as-link]):where(:not(:is(: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)}:is([class*=button--as-link]):where(:not(:is(:disabled,:where(a[disabled])))):active{text-decoration-line:underline;text-decoration-style:dotted}:is([class*=button--is-busy],[data-state=busy]){opacity:.5;pointer-events:none}:is([class*=button--is-busy],[data-state=busy]) :is([class*=button__text]){opacity:.5}:is(.c-button,[class*=button--]):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))){--max-width:auto;width:auto}:is([class*=button--width-short]){width:var(--min-width)}:is([class*=button--width-medium]){width:var(--mid-width)}:is([class*=button--width-long]){width:var(--max-width)}:is([class*=button--size-small]){line-height:1;min-width:0;padding:4px 9px}:is(.c-button,[class*=button--])>*,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))>*,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))>*{vertical-align:middle}:is([class*=button__icon--before]){margin-right:.5em}:is([class*=button__icon--after]){margin-left:.5em}:is(.c-button,[class*=button--]) .spinner-border,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)) .spinner-border,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))) .spinner-border{align-self:center;margin-left:.5ch}:is(:is(.c-form__desc),:is(:is(.s-form>:is(h1,h2,h3,h4,h5,h6)+p)),:is(.description)){margin-block:25px}:is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text)){display:block;font-size:var(--global-font-size--small);font-style:italic;margin-top:.3em}:is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text))>:where(:not(details,a,samp)){font-style:initial}:is(:is(.c-form__field),:is(:where(.s-form>div),:where(.s-form>fieldset>div)),:is(.field-wrapper)){display:flex;flex-direction:column}:is(:is(.c-form__field),:is(:where(.s-form>div),:where(.s-form>fieldset>div)),:is(.field-wrapper)):not(:last-child){margin-bottom:2rem}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)){align-items:center;-moz-column-gap:.5em;column-gap:.5em;display:inline-grid;grid-template-areas:"input label" "error error" "notes notes";grid-template-columns:min-content auto}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) :is(:is(:where(.c-form__errors)),:is(:where(:is(:is(.s-form>ul)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)))),:is(:where(.form-errors,.field-errors))){grid-area:error}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) input{grid-area:input}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) label{grid-area:label}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) :is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text)){grid-area:notes}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) label{margin-bottom:0}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))) label{align-items:center;display:flex;font-weight:revert;gap:.5em}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))) li:last-child label{margin-bottom:0}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)){margin-left:.5em}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *){color:var(--global-color-danger--dark)}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:not(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *)){color:var(--global-color-warning--dark)}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)){display:inline-block;font-size:.25em;line-height:0;visibility:hidden}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):after{font-size:var(--global-font-size--small);line-height:initial;visibility:visible}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *):after{content:"(required)"}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:not(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *)):after{content:"(important)"}ul:is(:is(:is(:where(.c-form__errors))),:is(:is(:where(:is(:is(.s-form>ul)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul))))),:is(.errorlist)){list-style:none;padding-left:0}ul:is(:is(:is(.c-form__field .c-form__errors)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)),:is(:is(.field-errors .errorlist))){margin-bottom:0;margin-top:1rem}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))){list-style:none;padding-left:0}:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)){margin-top:35px}
+/*! @tacc/core-styles 2.41.0+ | 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}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.x-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{opacity:.5;pointer-events:none}.x-link--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{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}:is(.c-button,[class*=button--]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))){--min-width:75px;--mid-width:110px;--max-width:130px;align-items:baseline;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-flex;justify-content:center}:is(.c-button,[class*=button--]):where(:not(:is(:disabled,:where(a[disabled])))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):where(:not(:is(:disabled,:where(a[disabled])))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):where(:not(:is(:disabled,:where(a[disabled])))){cursor:pointer}a:is(.c-button,[class*=button--]){text-align:center;text-decoration:none}a:is([class*=button--is-busy],[data-state=busy]){cursor:default}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])){-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark)}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])){background-color:var(--global-color-primary--xx-light)}:is(.c-button--primary,.button--1),:is(.c-button--secondary,.button--2),:is(.c-button--tertiary,.button--3),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button],:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset],:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button],:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset],:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit],:is([class*=button--is-active]){max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}:is(.c-button--primary,.button--1):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}:is(.c-button--primary,.button--1):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--primary,.button--1):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:focus:not(:active,:is([class*=button--is-busy],[data-state=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)}:is(.c-button--primary,.button--1):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--primary,.button--1):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))){background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}:is(.c-button--secondary,.button--2):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:hover{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}:is(.c-button--secondary,.button--2):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--secondary,.button--2):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:focus:not(:active,:is([class*=button--is-busy],[data-state=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)}:is(.c-button--secondary,.button--2):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--secondary,.button--2):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))){background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}:is(.c-button,[class*=button--]):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])){background-color:var(--global-color-primary--x-light)}:is(.c-button--tertiary,.button--3):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}:is(.c-button--tertiary,.button--3):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--tertiary,.button--3):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:focus:not(:active,:is([class*=button--is-busy],[data-state=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)}:is(.c-button--tertiary,.button--3):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--tertiary,.button--3):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))){background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}:is(.c-button--can-truncate,.button--truncate){overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}:is([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)}:is([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)}:is([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)}:is([class*=button--is-active]):is([class*=button--is-busy],[data-state=busy]),:is([class*=button--is-active]):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}:is([class*=button--as-link]){background:unset;border:unset;color:var(--global-color-accent--normal);font-family:inherit;font-size:inherit;font-weight:inherit;padding-inline:unset;text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}:is([class*=button--as-link]):where(:not(:is(: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)}:is([class*=button--as-link]):where(:not(:is(:disabled,:where(a[disabled])))):active{text-decoration-line:underline;text-decoration-style:dotted}:is([class*=button--is-busy],[data-state=busy]){opacity:.5;pointer-events:none}:is([class*=button--is-busy],[data-state=busy]) :is([class*=button__text]){opacity:.5}:is(.c-button,[class*=button--]):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))){--max-width:auto;width:auto}:is([class*=button--width-short]){width:var(--min-width)}:is([class*=button--width-medium]){width:var(--mid-width)}:is([class*=button--width-long]){width:var(--max-width)}:is([class*=button--size-small]){line-height:1;min-width:0;padding:4px 9px}:is(.c-button,[class*=button--])>*,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))>*,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))>*{vertical-align:middle}:is([class*=button__icon--before]){margin-right:.5em}:is([class*=button__icon--after]){margin-left:.5em}:is(.c-button,[class*=button--]) .spinner-border,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)) .spinner-border,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))) .spinner-border{align-self:center;margin-left:.5ch}:is(:is(.c-form__desc),:is(:is(.s-form>:is(h1,h2,h3,h4,h5,h6)+p)),:is(.description)){margin-block:25px}:is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text)){display:block;font-size:var(--global-font-size--small);font-style:italic;margin-top:.3em}:is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text))>:where(:not(details,a,samp)){font-style:initial}:is(:is(.c-form__field),:is(:where(.s-form>div),:where(.s-form>fieldset>div)),:is(.field-wrapper)){display:flex;flex-direction:column}:is(:is(.c-form__field),:is(:where(.s-form>div),:where(.s-form>fieldset>div)),:is(.field-wrapper)):not(:last-child){margin-bottom:2rem}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)){align-items:center;-moz-column-gap:.5em;column-gap:.5em;display:inline-grid;grid-template-areas:"input label" "error error" "notes notes";grid-template-columns:min-content auto}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) :is(:is(:where(.c-form__errors)),:is(:where(:is(:is(.s-form>ul)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)))),:is(:where(.form-errors,.field-errors))){grid-area:error}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) input{grid-area:input}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) label{grid-area:label}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) :is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text)){grid-area:notes}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) label{margin-bottom:0}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))) label{align-items:center;display:flex;font-weight:revert;gap:.5em}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))) li:last-child label{margin-bottom:0}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)){margin-left:.5em}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *){color:var(--global-color-danger--dark)}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:not(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *)){color:var(--global-color-warning--dark)}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)){display:inline-block;font-size:.25em;line-height:0;visibility:hidden}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):after{font-size:var(--global-font-size--small);line-height:initial;visibility:visible}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *):after{content:"(required)"}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:not(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *)):after{content:"(important)"}ul:is(:is(:is(:where(.c-form__errors))),:is(:is(:where(:is(:is(.s-form>ul)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul))))),:is(.errorlist)){list-style:none;padding-left:0}ul:is(:is(:is(.c-form__field .c-form__errors)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)),:is(:is(.field-errors .errorlist))){margin-bottom:0;margin-top:1rem}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))){list-style:none;padding-left:0}:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)){margin-top:35px}

package/dist/trumps/s-form.selectors.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */

package/dist/trumps/s-guide-doc.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.s-guide-doc table{max-width:500px;text-align:center;width:100%}.s-guide-doc dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}.s-guide-doc dt:after{content:":";margin-inline-end:.25em}.s-guide-doc dd{clear:right;margin-bottom:0}.s-guide-doc .row>.col>:last-child{margin-bottom:0}.s-guide-doc .row .row{padding:var(--global-space--normal) 0}.s-guide-doc .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.s-guide-doc table{max-width:500px;text-align:center;width:100%}.s-guide-doc dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}.s-guide-doc dt:after{content:":";margin-inline-end:.25em}.s-guide-doc dd{clear:right;margin-bottom:0}.s-guide-doc .row>.col>:last-child{margin-bottom:0}.s-guide-doc .row .row{padding:var(--global-space--normal) 0}.s-guide-doc .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}

package/dist/trumps/s-header/s-header.demo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */:root{--global-font-family:var(--global-font-family--sans);--font-family-sans-serif:var(--global-font-family--sans);--font-family-monospace:var(--global-font-family--mono)}main{padding-block:unset;width:unset}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */:root{--global-font-family:var(--global-font-family--sans);--font-family-sans-serif:var(--global-font-family--sans);--font-family-monospace:var(--global-font-family--mono)}main{padding-block:unset;width:unset}

package/dist/trumps/s-header.bootstrap.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:hsla(0,0%,84%,.3);color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:var(--global-color-accent--normal);color:#fff;text-decoration:none}.s-header input{font-family:inherit}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:hsla(0,0%,84%,.3);color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:var(--global-color-accent--normal);color:#fff;text-decoration:none}.s-header input{font-family:inherit}

package/dist/trumps/s-header.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:hsla(0,0%,84%,.3);color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:var(--global-color-accent--normal);color:#fff;text-decoration:none}.s-header input{font-family:inherit}.s-header{--height:50px;--header-major-border-width:1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:var(--header-major-border-width) solid var(--header-major-border-color);font-family:var(--global-font-family--sans--portal);font-size:14px;font-weight:var(--bold);letter-spacing:.025px;line-height:1.4}.s-header .navbar-brand{height:calc(var(--height) - var(--nav-padding-vert)*2 - var(--header-major-border-width))}.s-header .navbar-brand{flex-basis:175px;flex-shrink:0;margin-right:15px;padding:unset}.s-header,.s-header .navbar-collapse{align-items:stretch}.s-header{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--header-bkgd-color);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--border-width:4px;border-color:transparent;border-style:solid;border-width:0 0 var(--border-width);white-space:nowrap}.s-header .navbar-nav .nav-link{padding-inline:14px}@media (min-width:576px){.navbar-expand-sm.s-header .nav-item{display:flex}.navbar-expand-sm.s-header .nav-link{align-items:center;display:flex;height:calc(100% + var(--nav-padding-vert) + var(--header-major-border-width));padding-block:5px}}@media (min-width:768px){.navbar-expand-md.s-header .nav-item{display:flex}.navbar-expand-md.s-header .nav-link{align-items:center;display:flex;height:calc(100% + var(--nav-padding-vert) + var(--header-major-border-width));padding-block:5px}}@media (min-width:992px){.navbar-expand-lg.s-header .nav-item{display:flex}.navbar-expand-lg.s-header .nav-link{align-items:center;display:flex;height:calc(100% + var(--nav-padding-vert) + var(--header-major-border-width));padding-block:5px}}@media (min-width:1200px){.navbar-expand-xl.s-header .nav-item{display:flex}.navbar-expand-xl.s-header .nav-link{align-items:center;display:flex;height:calc(100% + var(--nav-padding-vert) + var(--header-major-border-width));padding-block:5px}}@media (max-width:575.98px){.navbar-expand-sm.s-header .nav-link{padding-block:8px}}@media (max-width:767.98px){.navbar-expand-md.s-header .nav-link{padding-block:8px}}@media (max-width:991.98px){.navbar-expand-lg.s-header .nav-link{padding-block:8px}}@media (max-width:1199.98px){.navbar-expand-xl.s-header .nav-link{padding-block:8px}}.s-header .nav-item.active .nav-link,.s-header .nav-link:active,.s-header .nav-link:focus,.s-header .nav-link:hover{border-color:var(--global-color-secondary--light)}#s-header .nav-link,#s-header .nav-link>a{color:var(--header-text-color)}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--header-minor-border-color);margin-left:12px}.s-header .dropdown-menu{font-size:16px}.s-header .dropdown-menu{padding-block:5px}.s-header .dropdown-item{padding-block:2.5px;padding-inline:15px}.s-header [class*=fa-]{text-align:center;width:27px}.s-header .navbar-toggler{border-radius:0;padding:5px 8px}.s-header button.navbar-toggler{line-height:18px}.s-header .navbar-toggler-icon{filter:var(--menu-toggle-icon);height:18px;width:18px}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:hsla(0,0%,84%,.3);color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:var(--global-color-accent--normal);color:#fff;text-decoration:none}.s-header input{font-family:inherit}.s-header{--height:50px;--header-major-border-width:1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:var(--header-major-border-width) solid var(--header-major-border-color);font-family:var(--global-font-family--sans--portal);font-size:14px;font-weight:var(--bold);letter-spacing:.025px;line-height:1.4}.s-header .navbar-brand{height:calc(var(--height) - var(--nav-padding-vert)*2 - var(--header-major-border-width))}.s-header .navbar-brand{flex-basis:175px;flex-shrink:0;margin-right:15px;padding:unset}.s-header,.s-header .navbar-collapse{align-items:stretch}.s-header{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--header-bkgd-color);padding:var(--nav-padding-vert) var(--nav-padding-horz)}.s-header .nav-link{--border-width:4px;border-color:transparent;border-style:solid;border-width:0 0 var(--border-width);white-space:nowrap}.s-header .navbar-nav .nav-link{padding-inline:14px}@media (min-width:576px){.navbar-expand-sm.s-header .nav-item{display:flex}.navbar-expand-sm.s-header .nav-link{align-items:center;display:flex;height:calc(100% + var(--nav-padding-vert) + var(--header-major-border-width));padding-block:5px}}@media (min-width:768px){.navbar-expand-md.s-header .nav-item{display:flex}.navbar-expand-md.s-header .nav-link{align-items:center;display:flex;height:calc(100% + var(--nav-padding-vert) + var(--header-major-border-width));padding-block:5px}}@media (min-width:992px){.navbar-expand-lg.s-header .nav-item{display:flex}.navbar-expand-lg.s-header .nav-link{align-items:center;display:flex;height:calc(100% + var(--nav-padding-vert) + var(--header-major-border-width));padding-block:5px}}@media (min-width:1200px){.navbar-expand-xl.s-header .nav-item{display:flex}.navbar-expand-xl.s-header .nav-link{align-items:center;display:flex;height:calc(100% + var(--nav-padding-vert) + var(--header-major-border-width));padding-block:5px}}@media (max-width:575.98px){.navbar-expand-sm.s-header .nav-link{padding-block:8px}}@media (max-width:767.98px){.navbar-expand-md.s-header .nav-link{padding-block:8px}}@media (max-width:991.98px){.navbar-expand-lg.s-header .nav-link{padding-block:8px}}@media (max-width:1199.98px){.navbar-expand-xl.s-header .nav-link{padding-block:8px}}.s-header .nav-item.active .nav-link,.s-header .nav-link:active,.s-header .nav-link:focus,.s-header .nav-link:hover{border-color:var(--global-color-secondary--light)}#s-header .nav-link,#s-header .nav-link>a{color:var(--header-text-color)}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--header-minor-border-color);margin-left:12px}.s-header .dropdown-menu{font-size:16px}.s-header .dropdown-menu{padding-block:5px}.s-header .dropdown-item{padding-block:2.5px;padding-inline:15px}.s-header [class*=fa-]{text-align:center;width:27px}.s-header .navbar-toggler{border-radius:0;padding:5px 8px}.s-header button.navbar-toggler{line-height:18px}.s-header .navbar-toggler-icon{filter:var(--menu-toggle-icon);height:18px;width:18px}

package/dist/trumps/s-hero-banner/s-hero-banner.demo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */main{padding-block:unset;width:unset}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */main{padding-block:unset;width:unset}

package/dist/trumps/s-hero-banner.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */@media (min-width:992px){.s-home-banner{display:block;height:55.5rem;max-width:100%;width:100vw}}@media (max-width:991.98px){.s-home-banner{display:grid;height:auto}}.s-home-banner{position:relative}@media (min-width:992px){.s-home-banner article{bottom:50px;height:auto;left:116px;position:absolute;width:475px}}.s-home-banner article{background-color:hsla(0,0%,100%,.9);color:var(--global-color-primary--xx-dark);font-weight:700;padding:24px 84px 36px 48px;z-index:2}:is(.s-home-banner article) h1{border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--xx-dark);font-size:2.4rem;margin-bottom:18px;margin-top:0;padding-bottom:14px}.s-home-banner__media{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:1}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */@media (min-width:992px){.s-home-banner{display:block;height:55.5rem;max-width:100%;width:100vw}}@media (max-width:991.98px){.s-home-banner{display:grid;height:auto}}.s-home-banner{position:relative}@media (min-width:992px){.s-home-banner article{bottom:50px;height:auto;left:116px;position:absolute;width:475px}}.s-home-banner article{background-color:hsla(0,0%,100%,.9);color:var(--global-color-primary--xx-dark);font-weight:700;padding:24px 84px 36px 48px;z-index:2}:is(.s-home-banner article) h1{border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--xx-dark);font-size:2.4rem;margin-bottom:18px;margin-top:0;padding-bottom:14px}.s-home-banner__media{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:1}

package/dist/trumps/s-image-grid.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.x-grid--layout-cols-equal-set-count{grid-template-columns:repeat(var(--count),auto)}.x-grid--layout-cols-equal-min-width{grid-template-columns:repeat(auto-fit,minmax(var(--width),1fr))}.s-image-grid,.x-grid--layout-cols-equal-min-width-max-count{--gap:var(--global-space--grid-gap);--max-cols:7;--min-width:250px;--row-height:auto;--gap-count:calc(var(--max-cols) - 1);--total-gap-width:calc(var(--gap-count)*var(--gap));--max-width:calc((100% - var(--total-gap-width))/var(--max-cols));display:grid;gap:var(--gap);grid-auto-rows:var(--row-height);grid-template-columns:repeat(auto-fill,minmax(max(var(--min-width),var(--max-width)),1fr))}.x-grid--layout-rows-equal-max-height{grid-auto-rows:1fr}.x-grid--layout-rows-equal-set-height{grid-auto-rows:var(--height)}.x-grid--content-align-center{align-items:center;justify-items:center}.s-image-grid *{max-height:100%;max-width:100%}ul.s-image-grid{margin-bottom:unset;padding-inline-start:unset}ul.s-image-grid>li{list-style:none}.s-image-grid>a,.s-image-grid>li,.s-image-grid>li>a{align-items:center;display:flex;justify-content:center}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.x-grid--layout-cols-equal-set-count{grid-template-columns:repeat(var(--count),auto)}.x-grid--layout-cols-equal-min-width{grid-template-columns:repeat(auto-fit,minmax(var(--width),1fr))}.s-image-grid,.x-grid--layout-cols-equal-min-width-max-count{--gap:var(--global-space--grid-gap);--max-cols:7;--min-width:250px;--row-height:auto;--gap-count:calc(var(--max-cols) - 1);--total-gap-width:calc(var(--gap-count)*var(--gap));--max-width:calc((100% - var(--total-gap-width))/var(--max-cols));display:grid;gap:var(--gap);grid-auto-rows:var(--row-height);grid-template-columns:repeat(auto-fill,minmax(max(var(--min-width),var(--max-width)),1fr))}.x-grid--layout-rows-equal-max-height{grid-auto-rows:1fr}.x-grid--layout-rows-equal-set-height{grid-auto-rows:var(--height)}.x-grid--content-align-center{align-items:center;justify-items:center}.s-image-grid *{max-height:100%;max-width:100%}ul.s-image-grid{margin-bottom:unset;padding-inline-start:unset}ul.s-image-grid>li{list-style:none}.s-image-grid>a,.s-image-grid>li,.s-image-grid>li>a{align-items:center;display:flex;justify-content:center}

package/dist/trumps/s-inline-dl.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */dl.s-inline-dl dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}dl.s-inline-dl dd{clear:right;margin-bottom:0}dl.s-inline-dl dt:after{content:":";margin-inline-end:.25em}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */dl.s-inline-dl dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}dl.s-inline-dl dd{clear:right;margin-bottom:0}dl.s-inline-dl dt:after{content:":";margin-inline-end:.25em}

package/dist/trumps/s-irregular-links.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.x-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{opacity:.5;pointer-events:none}.x-link--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{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}.s-irregular-links :is([class*=button--as-link]),.s-irregular-links a{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.s-irregular-links :is([class*=button--as-link]):hover,.s-irregular-links a:hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links :is([class*=button--as-link]):active,.s-irregular-links a:active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.x-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{opacity:.5;pointer-events:none}.x-link--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{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}.s-irregular-links :is([class*=button--as-link]),.s-irregular-links a{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.s-irregular-links :is([class*=button--as-link]):hover,.s-irregular-links a:hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links :is([class*=button--as-link]):active,.s-irregular-links a:active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}

package/dist/trumps/s-paragraph-table.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */

package/dist/trumps/s-portal-nav.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.s-portal-nav{text-transform:none}ul.s-portal-nav{margin-bottom:0;padding-left:0}.s-portal-nav a:hover{text-decoration:none}.s-portal-nav .icon{font-size:1.5em;margin-right:.25em;vertical-align:middle}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.s-portal-nav{text-transform:none}ul.s-portal-nav{margin-bottom:0;padding-left:0}.s-portal-nav a:hover{text-decoration:none}.s-portal-nav .icon{font-size:1.5em;margin-right:.25em;vertical-align:middle}

package/dist/trumps/s-style-guide.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.s-style-guide section:not(.o-section)>h1:first-child,.s-style-guide section:not(.o-section)>h2:first-child,.s-style-guide section:not(.o-section)>h3:first-child,.s-style-guide section:not(.o-section)>h4:first-child,.s-style-guide section:not(.o-section)>h5:first-child,.s-style-guide section:not(.o-section)>h6:first-child,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h1,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h2,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h3,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h4,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h5,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h6{margin-top:var(--global-space--x-large)}.s-style-guide section>h1,.s-style-guide section>h2,.s-style-guide section>h3,.s-style-guide section>h4,.s-style-guide section>h5,.s-style-guide section>h6{margin-bottom:var(--global-space--normal)}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.s-style-guide section:not(.o-section)>h1:first-child,.s-style-guide section:not(.o-section)>h2:first-child,.s-style-guide section:not(.o-section)>h3:first-child,.s-style-guide section:not(.o-section)>h4:first-child,.s-style-guide section:not(.o-section)>h5:first-child,.s-style-guide section:not(.o-section)>h6:first-child,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h1,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h2,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h3,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h4,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h5,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h6{margin-top:var(--global-space--x-large)}.s-style-guide section>h1,.s-style-guide section>h2,.s-style-guide section>h3,.s-style-guide section>h4,.s-style-guide section>h5,.s-style-guide section>h6{margin-bottom:var(--global-space--normal)}

package/dist/trumps/s-system-specs.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.s-system-specs{font-size:var(--global-font-size--small);font-weight:var(--medium)}@media only screen and (min-width:768px){.s-system-specs{display:flow-root}.s-system-specs>*{display:inline-block}.s-system-specs>figure{float:left}}.s-system-specs{--row-height:32px}.s-system-specs>aside{margin-top:var(--row-height)}@media only screen and (max-width:991.98px){.s-system-specs>figure{margin-bottom:var(--row-height)}}@media only screen and (min-width:992px){.s-system-specs{--col-width--thin:42%;--col-width--wide:48%;--col-gutter:10%;--col-padding:40px;padding-inline:var(--col-padding)}.s-system-specs>aside,.s-system-specs>div{padding-inline:var(--col-padding)}.s-system-specs>div{width:var(--col-width--thin)}.s-system-specs>figure{margin-right:var(--col-gutter);width:var(--col-width--wide)}}@media only screen and (min-width:1200px){.s-system-specs>aside{width:var(--col-width--thin)}}.s-system-specs>figure>img{display:block;width:100%}.s-system-specs>figure>figcaption{margin-top:-40px;position:relative}@media only screen and (max-width:991.98px){.s-system-specs>figure>img{margin-left:auto;margin-right:auto;width:60%}}@media only screen and (min-width:992px){.s-system-specs>figure>figcaption{margin-left:auto;margin-right:auto;width:80%}}.s-system-specs .c-data-list__key a{font-weight:var(--medium)}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.s-system-specs{font-size:var(--global-font-size--small);font-weight:var(--medium)}@media only screen and (min-width:768px){.s-system-specs{display:flow-root}.s-system-specs>*{display:inline-block}.s-system-specs>figure{float:left}}.s-system-specs{--row-height:32px}.s-system-specs>aside{margin-top:var(--row-height)}@media only screen and (max-width:991.98px){.s-system-specs>figure{margin-bottom:var(--row-height)}}@media only screen and (min-width:992px){.s-system-specs{--col-width--thin:42%;--col-width--wide:48%;--col-gutter:10%;--col-padding:40px;padding-inline:var(--col-padding)}.s-system-specs>aside,.s-system-specs>div{padding-inline:var(--col-padding)}.s-system-specs>div{width:var(--col-width--thin)}.s-system-specs>figure{margin-right:var(--col-gutter);width:var(--col-width--wide)}}@media only screen and (min-width:1200px){.s-system-specs>aside{width:var(--col-width--thin)}}.s-system-specs>figure>img{display:block;width:100%}.s-system-specs>figure>figcaption{margin-top:-40px;position:relative}@media only screen and (max-width:991.98px){.s-system-specs>figure>img{margin-left:auto;margin-right:auto;width:60%}}@media only screen and (min-width:992px){.s-system-specs>figure>figcaption{margin-left:auto;margin-right:auto;width:80%}}.s-system-specs .c-data-list__key a{font-weight:var(--medium)}

package/dist/trumps/s-truncated-table.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | 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}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-truncated-table p{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}
+/*! @tacc/core-styles 2.41.0+ | 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}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-truncated-table p{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}

package/dist/trumps/tacc-search-bar.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host [part=form]{align-items:center;display:flex;font-family:Roboto;position:relative}:host [part=button]{align-items:center;background-color:transparent;border:none;box-sizing:content-box;color:var(--header-text-color);font-size:16px;font-size:var(--button-font-size);height:var(--input-height,38px);left:0;margin:0;padding:0 var(--button-horz-pad);position:absolute;top:50%;transform:translateY(-50%)}:host [part=input]{background-color:var(--header-search-bkgd-color);border:var(--global-border-width--normal) solid var(--header-search-brdr-color);border-radius:5px;color:var(--header-text-color);display:block;font-size:var(--input-font-size);height:var(--input-height);margin:0;padding-bottom:0;padding-left:calc(var(--button-horz-pad) + var(--button-font-size) + var(--button-horz-pad) + var(--input-horz-pad));padding-right:var(--input-horz-pad);padding-top:0;width:100%}:host [part=input]::-moz-placeholder{color:var(--header-text-color);opacity:.5}:host [part=input]::placeholder{color:var(--header-text-color);opacity:.5}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host [part=form]{align-items:center;display:flex;font-family:Roboto;position:relative}:host [part=button]{align-items:center;background-color:transparent;border:none;box-sizing:content-box;color:var(--header-text-color);font-size:16px;font-size:var(--button-font-size);height:var(--input-height,38px);left:0;margin:0;padding:0 var(--button-horz-pad);position:absolute;top:50%;transform:translateY(-50%)}:host [part=input]{background-color:var(--header-search-bkgd-color);border:var(--global-border-width--normal) solid var(--header-search-brdr-color);border-radius:5px;color:var(--header-text-color);display:block;font-size:var(--input-font-size);height:var(--input-height);margin:0;padding-bottom:0;padding-left:calc(var(--button-horz-pad) + var(--button-font-size) + var(--button-horz-pad) + var(--input-horz-pad));padding-right:var(--input-horz-pad);padding-top:0;width:100%}:host [part=input]::-moz-placeholder{color:var(--header-text-color);opacity:.5}:host [part=input]::placeholder{color:var(--header-text-color);opacity:.5}

package/dist/trumps/u-empty.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */

package/dist/trumps/u-hide.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.u-hide--visually:not(:focus,:active){clip:rect(0 0 0 0);border:none;clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.u-hide--visually:not(:focus,:active){clip:rect(0 0 0 0);border:none;clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}

package/dist/trumps/u-highlight/u-highlight.demo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.u-highlight-container{max-width:800px}.u-highlight{background-color:var(--global-color-primary--xxx-dark);color:var(--global-color-primary--xx-light);line-height:1;padding-inline:10px;text-transform:uppercase}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.u-highlight-container{max-width:800px}.u-highlight{background-color:var(--global-color-primary--xxx-dark);color:var(--global-color-primary--xx-light);line-height:1;padding-inline:10px;text-transform:uppercase}

package/dist/trumps/u-highlight.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.u-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone}:is(h1,h2,h3,h4).u-highlight{display:inline}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.u-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone}:is(h1,h2,h3,h4).u-highlight{display:inline}

package/dist/trumps/u-mailto-text-replace.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.u-mailto-text-replace[data-user][data-domain]{font-size:0;text-underline-offset:.3rem;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:initial;visibility:visible}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.u-mailto-text-replace[data-user][data-domain]{font-size:0;text-underline-offset:.3rem;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:initial;visibility:visible}

package/dist/trumps/u-nested-text-content.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}

package/dist/vendors/bootstrap5/demo.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.button-wrapper,.c-form__buttons,:where(.s-form>footer){margin-top:unset}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.button-wrapper,.c-form__buttons,:where(.s-form>footer){margin-top:unset}

package/dist/vendors/bootstrap5--border-spinner.css

@@ -1 +1 @@
-/*! @tacc/core-styles 2.40.2+ | MIT | github.com/TACC/Core-Styles */.spinner-border{animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);border-radius:50%;display:inline-block;height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);width:var(--bs-spinner-width)}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border-right-color:currentcolor;border:var(--bs-spinner-border-width) solid;border-right:var(--bs-spinner-border-width) solid transparent}@media (prefers-reduced-motion:reduce){.spinner-border{--bs-spinner-animation-speed:1.5s}}
+/*! @tacc/core-styles 2.41.0+ | MIT | github.com/TACC/Core-Styles */.spinner-border{animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);border-radius:50%;display:inline-block;height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);width:var(--bs-spinner-width)}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border-right-color:currentcolor;border:var(--bs-spinner-border-width) solid;border-right:var(--bs-spinner-border-width) solid transparent}@media (prefers-reduced-motion:reduce){.spinner-border{--bs-spinner-animation-speed:1.5s}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tacc/core-styles",
-  "version": "2.40.2",
+  "version": "2.41.0",
   "license": "MIT",
   "author": "TACC COA CMD <coa-cmd@tacc.utexas.edu>",
   "contributors": [

package/src/lib/_imports/components/c-card/_c-card--image-contact-group.hbs

@@ -0,0 +1,6 @@
+<section class="c-card-list">
+    <h3 id="card-image-{{variant}}-{{section}}-contact"><code>{{variant}}</code> Contact Card with Image</h3>
+    {{> @c-card--image position="top" wide=true variant=variant is-staff=true }}
+    {{> @c-card--image position="top" wide=true variant=variant is-staff=true card-link="#" }}
+    {{> @c-card--image position="top" wide=true variant=variant is-staff=true image-link="#" }}
+</section> 

package/src/lib/_imports/components/c-card/_c-card--image-link-group.hbs

@@ -0,0 +1,14 @@
+<section class="c-card-list">
+    <h3 id="card-image-{{variant}}-{{section}}-link"><code>{{variant}}</code> Card Image <strong>{{link_type}}</strong> Link</h3>
+    {{#if is_card_link}}
+        {{> @c-card--image position="top" wide=true variant=variant card-link="#" }}
+        {{> @c-card--image position="bottom" wide=true variant=variant card-link="#" disabled="true" }}
+        {{> @c-card--image position="right" tall=true variant=variant card-link="#" disabled="true" }}
+        {{> @c-card--image position="left" tall=true variant=variant card-link="#" disabled="true" }}
+    {{else}}
+        {{> @c-card--image position="top" wide=true variant=variant image-link="#" }}
+        {{> @c-card--image position="bottom" wide=true variant=variant image-link="#" }}
+        {{> @c-card--image position="right" tall=true variant=variant image-link="#" }}
+        {{> @c-card--image position="left" tall=true variant=variant image-link="#" }}
+    {{/if}}
+</section> 

package/src/lib/_imports/components/c-card/_c-card--image-position-group.hbs

@@ -0,0 +1,11 @@
+<section class="c-card-list">
+    <h3 id="card-image-{{variant}}-{{section}}"><code>{{variant}}</code> Card Image</h3>
+    {{> @c-card--image position="top" wide=true variant=variant }}
+    {{> @c-card--image position="bottom" wide=true variant=variant }}
+    {{> @c-card--image position="right" tall=true variant=variant }}
+    {{> @c-card--image position="left" tall=true variant=variant }}
+    {{> @c-card--image position="top" wide=true variant=variant media-type="embed" }}
+    {{> @c-card--image position="bottom" wide=true variant=variant media-type="embed" }}
+    {{> @c-card--image position="right" tall=true variant=variant media-type="embed" }}
+    {{> @c-card--image position="left" tall=true variant=variant media-type="embed" }}
+</section> 

package/src/lib/_imports/components/c-card/_c-card--image-variant-section.hbs

@@ -0,0 +1,4 @@
+{{> @c-card--image-position-group variant=variant section=section }}
+{{> @c-card--image-link-group variant=variant section=section link_type="as" is_card_link=true }}
+{{> @c-card--image-link-group variant=variant section=section link_type="with" is_card_link=false }}
+{{> @c-card--image-contact-group variant=variant section=section }} 

package/src/lib/_imports/components/c-card/_c-card--image.hbs

@@ -1,16 +1,22 @@
-<article class="c-card c-card--{{variant}} c-card--image-{{position}}">
+{{#if card-link}}
+<a class="c-card c-card--{{variant}} c-card--image-{{position}} {{#if disabled}}demo-disabled{{/if}}" href="{{card-link}}">
+{{else}}
+<article class="c-card c-card--{{variant}} c-card--image-{{position}} {{#if disabled}}demo-disabled{{/if}}">
+{{/if}}
+
 {{#if is-staff}}
 
-  <h4><a href="#">Bender Rodríguez</a></h4>
-  <p>Planet Express Worker</p>
-  <p>(Anti-hero in Futurama)</p>
-  <p><strong>
+  <h4>
     {{#if image-link}}
-    Image <em>IS</em> a link
+    <a href="{{image-link}}">Bender Rodríguez</a>
     {{else}}
-    Image is <em>NOT</em> a link
+    Bender Rodríguez
     {{/if}}
-  </strong></p>
+  </h4>
+  {{#unless card-link}}
+  <p>Planet Express Worker</p>
+  <p>(Anti-hero in Futurama)</p>
+  {{/unless}}
   {{#if image-link}}
   <a href="{{image-link}}">
     <img class="img-fluid" width="234px" height="293px"
@@ -27,17 +33,36 @@
 
 {{else}}
 
-  <h3 id="card-image-{{position}}">Card - Image {{position}}</h3>
+  <h3 id="card-image-{{position}}">
+    {{#if (eq media-type "embed")}}
+    Card - <small>Embedded</small> Media {{position}}
+    {{else}}
+    Card - Image {{position}}
+    {{/if}}
+  </h3>
+  {{#unless card-link}}
   <p>{{> @text-of-one-paragraph-short }}</p>
   {{#if tall}}
   {{> @message tag="p" type="warning" scope="inline" content="Narrow images might not fill space available. Just use a wider image." }}
   {{/if}}
+  {{/unless}}
   {{#if image-link}}
   <a href="{{image-link}}">
     <img src="{{> @img-url wide=wide tall=tall medium=true }}" />
   </a>
   {{else}}
+    {{#if (eq media-type "embed")}}
+  <div class="embed-responsive embed-responsive-16by9 cms-plugin cms-plugin-638">
+    <iframe src="//www.youtube.com/embed/Lw1hOFZCjxg"></iframe>
+  </div>
+    {{else}}
   <img src="{{> @img-url wide=wide tall=tall medium=true }}" />
+    {{/if}}
   {{/if}}
 {{/if}}
+
+{{#if card-link}}
+</a>
+{{else}}
 </article>
+{{/if}}

package/src/lib/_imports/components/c-card/c-card--images.hbs

@@ -8,174 +8,26 @@
   </ul>
 </nav>
 
-<h2 id="section--null">Section (Default a.k.a Unstyled a.k.a Transparent)</h2>
 <section class="o-section">
-    <h3 id="card-image-transparent-default">Transparent Card Image</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" }}
-        {{> @c-card--image position="bottom" wide=true variant="transparent" }}
-        {{> @c-card--image position="right" tall=true variant="transparent" }}
-        {{> @c-card--image position="left" tall=true variant="transparent" }}
-    </section>
-    <h3 id="card-image-transparent-default-link">Transparent Card Image with Link</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="bottom" wide=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="right" tall=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="left" tall=true variant="transparent" image-link="#" }}
-    </section>
-    <h3 id="card-image-transparent-default-contact">Contact Card with Image - Transparent</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" is-staff=true }}
-        {{> @c-card--image position="top" wide=true variant="transparent" is-staff=true image-link="#" }}
-    </section>
-
-    <h3 id="card-image-plain-default">Plain Card Image</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" }}
-        {{> @c-card--image position="bottom" wide=true variant="plain" }}
-        {{> @c-card--image position="right" tall=true variant="plain" }}
-        {{> @c-card--image position="left" tall=true variant="plain" }}
-    </section>
-    <h3 id="card-image-plain-default-link">Plain Card Image with Link</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="bottom" wide=true variant="plain" image-link="#"}}
-        {{> @c-card--image position="right" tall=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="left" tall=true variant="plain" image-link="#" }}
-    </section>
-    <h3 id="card-image-plain-default-contact">Contact Card with Image - Plain</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" is-staff=true }}
-        {{> @c-card--image position="top" wide=true variant="plain" is-staff=true image-link="#" }}
-    </section>
+    <h2 id="section--null">Section (Default a.k.a Unstyled a.k.a Transparent)</h2>
+    {{> @c-card--image-variant-section variant="transparent" section="default" }}
+    {{> @c-card--image-variant-section variant="plain" section="default" }}
 </section>
 <hr>
-<h2 id="section--light">Section - Light</h2>
 <section class="o-section o-section--style-light">
-    <h3 id="card-image-transparent-light">Transparent Card Image</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" }}
-        {{> @c-card--image position="bottom" wide=true variant="transparent" }}
-        {{> @c-card--image position="right" tall=true variant="transparent" }}
-        {{> @c-card--image position="left" tall=true variant="transparent" }}
-    </section>
-    <h3 id="card-image-transparent-light-link">Transparent Card Image with Link</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="bottom" wide=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="right" tall=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="left" tall=true variant="transparent" image-link="#" }}
-    </section>
-    <h3 id="card-image-transparent-light-contact">Contact Card with Image - Transparent</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" is-staff=true }}
-        {{> @c-card--image position="top" wide=true variant="transparent" is-staff=true image-link="#" }}
-    </section>
-
-    <h3 id="card-image-plain-light">Plain Card Image</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" }}
-        {{> @c-card--image position="bottom" wide=true variant="plain" }}
-        {{> @c-card--image position="right" tall=true variant="plain" }}
-        {{> @c-card--image position="left" tall=true variant="plain" }}
-    </section>
-    <h3 id="card-image-plain-light-link">Plain Card Image with Link</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="bottom" wide=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="right" tall=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="left" tall=true variant="plain" image-link="#" }}
-    </section>
-    <h3 id="card-image-plain-light-contact">Contact Card with Image - Plain</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" is-staff=true }}
-        {{> @c-card--image position="top" wide=true variant="plain" is-staff=true image-link="#" }}
-    </section>
+    <h2 id="section--light">Section - Light</h2>
+    {{> @c-card--image-variant-section variant="transparent" section="light" }}
+    {{> @c-card--image-variant-section variant="plain" section="light" }}
 </section>
 <hr>
-<h2 id="section--muted">Section - Muted</h2>
 <section class="o-section o-section--style-muted">
-    <h3 id="card-image-transparent-muted">Transparent Card Image</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" }}
-        {{> @c-card--image position="bottom" wide=true variant="transparent" }}
-        {{> @c-card--image position="right" tall=true variant="transparent" }}
-        {{> @c-card--image position="left" tall=true variant="transparent" }}
-    </section>
-    <h3 id="card-image-transparent-muted-link">Transparent Card Image with Link</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="bottom" wide=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="right" tall=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="left" tall=true variant="transparent" image-link="#" }}
-    </section>
-    <h3 id="card-image-transparent-muted-contact">Contact Card with Image - Transparent</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" is-staff=true }}
-        {{> @c-card--image position="top" wide=true variant="transparent" is-staff=true image-link="#" }}
-    </section>
-
-    <h3 id="card-image-plain-muted">Plain Card Image</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" }}
-        {{> @c-card--image position="bottom" wide=true variant="plain" }}
-        {{> @c-card--image position="right" tall=true variant="plain" }}
-        {{> @c-card--image position="left" tall=true variant="plain" }}
-    </section>
-    <h3 id="card-image-plain-muted-link">Plain Card Image with Link</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="bottom" wide=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="right" tall=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="left" tall=true variant="plain" image-link="#" }}
-    </section>
-    <h3 id="card-image-plain-muted-contact">Contact Card with Image - Plain</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" is-staff=true }}
-        {{> @c-card--image position="top" wide=true variant="plain" is-staff=true image-link="#" }}
-    </section>
+    <h2 id="section--muted">Section - Muted</h2>
+    {{> @c-card--image-variant-section variant="transparent" section="muted" }}
+    {{> @c-card--image-variant-section variant="plain" section="muted" }}
 </section>
 <hr>
-<h2 id="section--dark">Section - Dark</h2>
 <section class="o-section o-section--style-dark">
-    <h3 id="card-image-transparent-dark">Transparent Card Image</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" }}
-        {{> @c-card--image position="bottom" wide=true variant="transparent" }}
-        {{> @c-card--image position="right" tall=true variant="transparent" }}
-        {{> @c-card--image position="left" tall=true variant="transparent" }}
-    </section>
-    <h3 id="card-image-transparent-dark-link">Transparent Card Image with Link</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="bottom" wide=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="right" tall=true variant="transparent" image-link="#" }}
-        {{> @c-card--image position="left" tall=true variant="transparent" image-link="#" }}
-    </section>
-    <h3 id="card-image-transparent-dark-contact">Contact Card with Image - Transparent</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="transparent" is-staff=true }}
-        {{> @c-card--image position="top" wide=true variant="transparent" is-staff=true image-link="#" }}
-    </section>
-
-    <h3 id="card-image-plain-dark">Plain Card Image</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" }}
-        {{> @c-card--image position="bottom" wide=true variant="plain" }}
-        {{> @c-card--image position="right" tall=true variant="plain" }}
-        {{> @c-card--image position="left" tall=true variant="plain" }}
-    </section>
-    <h3 id="card-image-plain-dark-link">Plain Card Image with Link</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="bottom" wide=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="right" tall=true variant="plain" image-link="#" }}
-        {{> @c-card--image position="left" tall=true variant="plain" image-link="#" }}
-    </section>
-    <h3 id="card-image-plain-dark-contact">Contact Card with Image - Plain</h3>
-    <section class="o-section s-image-grid">
-        {{> @c-card--image position="top" wide=true variant="plain" is-staff=true }}
-        {{> @c-card--image position="top" wide=true variant="plain" is-staff=true image-link="#" }}
-    </section>
+    <h2 id="section--dark">Section - Dark</h2>
+    {{> @c-card--image-variant-section variant="transparent" section="dark" }}
+    {{> @c-card--image-variant-section variant="plain" section="dark" }}
 </section>