@tacc/core-styles 2.29.1 → 2.30.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/branding_logos.css +1 -1
- package/dist/components/README.css +1 -1
- package/dist/components/admonition/demo.css +1 -1
- package/dist/components/admonition.css +1 -1
- package/dist/components/align/demo.css +1 -1
- package/dist/components/align.css +1 -1
- package/dist/components/bootstrap/bootstrap--form.demo.css +1 -1
- package/dist/components/bootstrap/bootstrap--modal.demo.css +1 -1
- package/dist/components/bootstrap/demo.css +1 -1
- package/dist/components/bootstrap.col.css +1 -1
- package/dist/components/bootstrap.container.css +1 -1
- package/dist/components/bootstrap.css +1 -1
- package/dist/components/bootstrap.figure.css +1 -1
- package/dist/components/bootstrap.form.css +1 -1
- package/dist/components/bootstrap.modal--cms.css +1 -1
- package/dist/components/bootstrap.modal--portal.css +1 -1
- package/dist/components/bootstrap.modal.css +1 -1
- package/dist/components/bootstrap.nav-tabs.css +1 -1
- package/dist/components/bootstrap.pagination.css +1 -1
- package/dist/components/bootstrap.row.css +1 -1
- package/dist/components/bootstrap3.breadcrumb.css +1 -1
- package/dist/components/bootstrap3.css +1 -1
- package/dist/components/bootstrap5.border-spinner.css +1 -1
- package/dist/components/c-app-card/demo.css +1 -1
- package/dist/components/c-app-card.css +1 -1
- package/dist/components/c-button/demo.css +1 -1
- package/dist/components/c-button--cms.css +1 -1
- package/dist/components/c-button.css +1 -1
- package/dist/components/c-button.selectors.css +1 -1
- package/dist/components/c-callout.css +1 -1
- package/dist/components/c-card/c-card--frontera.demo.css +1 -1
- package/dist/components/c-card/c-card.demo.css +1 -1
- package/dist/components/c-card/c-card.demo.images.css +1 -1
- package/dist/components/c-card--docs.css +1 -1
- package/dist/components/c-card--from-tup-cms.css +1 -1
- package/dist/components/c-card--frontera-about-page.css +1 -1
- package/dist/components/c-card.css +1 -1
- package/dist/components/c-card.selectors.css +1 -1
- package/dist/components/c-content-block.css +1 -1
- package/dist/components/c-data-list.css +1 -1
- package/dist/components/c-form--cms.css +1 -1
- package/dist/components/c-form--login.css +1 -1
- package/dist/components/c-form--portal.css +1 -1
- package/dist/components/c-form.css +1 -1
- package/dist/components/c-form.selectors.css +1 -1
- package/dist/components/c-image-map.css +1 -1
- package/dist/components/c-image-map.skin.css +1 -1
- package/dist/components/c-image-map.structure.css +1 -1
- package/dist/components/c-island/demo.css +1 -1
- package/dist/components/c-island.css +1 -1
- package/dist/components/c-message/demo.css +1 -1
- package/dist/components/c-message--compact.css +1 -1
- package/dist/components/c-message--expanded.css +1 -1
- package/dist/components/c-message.css +1 -1
- package/dist/components/c-message.selectors.css +1 -1
- package/dist/components/c-nav/demo.css +1 -1
- package/dist/components/c-nav.css +1 -1
- package/dist/components/c-page.css +1 -1
- package/dist/components/c-pill/demo.css +1 -1
- package/dist/components/c-pill.css +1 -1
- package/dist/components/c-pill.selectors.css +1 -1
- package/dist/components/c-recognition.css +1 -1
- package/dist/components/c-see-all-link.css +1 -1
- package/dist/components/c-show-more.css +1 -1
- package/dist/components/c-tag/demo.css +1 -1
- package/dist/components/c-tag.css +1 -1
- package/dist/components/c-tag.selectors.css +1 -1
- package/dist/components/c-update.css +1 -1
- package/dist/components/cortal.icon.css +1 -1
- package/dist/components/cortal.icon.font.css +1 -1
- package/dist/components/demo.css +1 -1
- package/dist/components/django-cms-forms.css +1 -1
- package/dist/components/django-cms-forms.hacks.css +1 -1
- package/dist/components/django-cms-forms.selectors.css +1 -1
- package/dist/components/mui.tabs.css +1 -1
- package/dist/components/pymdownx--tabbed.css +1 -1
- package/dist/components/pymdownx.css +1 -1
- package/dist/components/tacc-docs.css +1 -1
- package/dist/core-styles.base.css +2 -2
- package/dist/core-styles.cms.css +2 -2
- package/dist/core-styles.demo.css +1 -1
- package/dist/core-styles.docs.css +1 -1
- package/dist/core-styles.header.css +1 -1
- package/dist/core-styles.portal.css +2 -2
- package/dist/core-styles.settings.css +1 -1
- package/dist/core-styles.theme.default.css +1 -1
- package/dist/core-styles.theme.has-dark-logo.css +1 -1
- package/dist/core-styles.wysiwyg.css +1 -1
- package/dist/elements/README.css +1 -1
- package/dist/elements/bootstrap.css +1 -1
- package/dist/elements/demo.css +1 -1
- package/dist/elements/form.css +1 -1
- package/dist/elements/headings/demo.css +1 -1
- package/dist/elements/headings--cms.css +1 -1
- package/dist/elements/headings--docs.css +1 -1
- package/dist/elements/html-elements/demo.css +1 -1
- package/dist/elements/html-elements.cms.css +1 -1
- package/dist/elements/html-elements.css +1 -1
- package/dist/elements/html-elements.docs.css +1 -1
- package/dist/elements/irregular-link.css +1 -1
- package/dist/elements/links.css +1 -1
- package/dist/elements/mailto-link.css +1 -1
- package/dist/elements/monospace.css +1 -1
- package/dist/elements/root--cms.css +1 -1
- package/dist/elements/root--demo.css +1 -1
- package/dist/elements/root--docs.css +1 -1
- package/dist/elements/root--portal.css +1 -1
- package/dist/elements/root.css +1 -1
- package/dist/elements/sticky-footer/demo.css +1 -1
- package/dist/elements/sticky-footer.css +1 -1
- package/dist/elements/table--basic.css +1 -1
- package/dist/elements/table--nested.css +1 -1
- package/dist/elements/table.cms.css +1 -1
- package/dist/elements/table.css +1 -1
- package/dist/elements/table.docs.css +1 -1
- package/dist/elements/table.portal.css +1 -1
- package/dist/elements/table.selectors.css +1 -1
- package/dist/elements/tacc-search-bar.css +1 -1
- package/dist/fractal.server.refresh.css +1 -1
- package/dist/generics/README.css +1 -1
- package/dist/generics/attributes/demo.css +1 -1
- package/dist/generics/attributes.css +1 -1
- package/dist/generics/fonts.css +1 -1
- package/dist/generics/pseudo-elements.css +1 -1
- package/dist/objects/README.css +1 -1
- package/dist/objects/o-fixed-header-table/demo.css +1 -1
- package/dist/objects/o-fixed-header-table.css +1 -1
- package/dist/objects/o-flex-item-table-wrap/demo.css +1 -1
- package/dist/objects/o-flex-item-table-wrap.css +1 -1
- package/dist/objects/o-float-content.css +1 -1
- package/dist/objects/o-grid.css +1 -1
- package/dist/objects/o-heading-steps.css +1 -1
- package/dist/objects/o-offset-content.css +1 -1
- package/dist/objects/o-section/demo.css +1 -1
- package/dist/objects/o-section--docs.css +1 -1
- package/dist/objects/o-section.css +1 -1
- package/dist/objects/o-section.selectors.css +1 -1
- package/dist/objects/o-site.css +1 -1
- package/dist/objects/o-table-wrap/demo.basic.css +1 -1
- package/dist/objects/o-table-wrap/demo.extra.css +1 -1
- package/dist/objects/o-table-wrap/example.flexible-horz.css +1 -1
- package/dist/objects/o-table-wrap/example.overflow-hidden.css +1 -1
- package/dist/objects/o-table-wrap/example.overflow-scroll.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--flexible-horz.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--flexible-vert.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +1 -1
- package/dist/objects/o-table-wrap.css +1 -1
- package/dist/settings/README.css +1 -1
- package/dist/settings/border.css +1 -1
- package/dist/settings/color/demo.css +1 -1
- package/dist/settings/color--cms.css +1 -1
- package/dist/settings/color--demo.css +1 -1
- package/dist/settings/color--docs.css +1 -1
- package/dist/settings/color--portal.css +1 -1
- package/dist/settings/color.accent--blue.css +1 -1
- package/dist/settings/color.accent--purple.css +1 -1
- package/dist/settings/color.css +1 -1
- package/dist/settings/demo.css +1 -1
- package/dist/settings/font/demo-family.css +1 -1
- package/dist/settings/font/demo-size.css +1 -1
- package/dist/settings/font/demo-style.css +1 -1
- package/dist/settings/font/demo-weight.css +1 -1
- package/dist/settings/font--cms.css +1 -1
- package/dist/settings/font--docs.css +1 -1
- package/dist/settings/font--portal.css +1 -1
- package/dist/settings/font.css +1 -1
- package/dist/settings/max-width.css +1 -1
- package/dist/settings/space.css +1 -1
- package/dist/tools/README.css +1 -1
- package/dist/tools/media-queries.css +1 -1
- package/dist/tools/selectors.common.css +1 -1
- package/dist/tools/selectors.css +1 -1
- package/dist/tools/selectors.form.css +1 -1
- package/dist/tools/selectors.monospace.css +1 -1
- package/dist/tools/x-article-link.css +1 -1
- package/dist/tools/x-blockquote.css +1 -1
- package/dist/tools/x-breadcrumbs.css +1 -1
- package/dist/tools/x-center.css +1 -1
- package/dist/tools/x-fake-border.css +1 -1
- package/dist/tools/x-figure.css +1 -1
- package/dist/tools/x-grid.css +1 -1
- package/dist/tools/x-layout.css +1 -1
- package/dist/tools/x-link/demo.css +1 -1
- package/dist/tools/x-link.css +1 -1
- package/dist/tools/x-mailto-text-replace.css +1 -1
- package/dist/tools/x-message/demo.css +1 -1
- package/dist/tools/x-message.css +1 -1
- package/dist/tools/x-message.demo.css +1 -1
- package/dist/tools/x-overlay.css +1 -1
- package/dist/tools/x-tabs/demo.css +1 -1
- package/dist/tools/x-tabs.css +1 -1
- package/dist/tools/x-tabs.skin.css +1 -1
- package/dist/tools/x-tabs.structure.css +1 -1
- package/dist/tools/x-truncate.css +1 -1
- package/dist/trumps/README.css +1 -1
- package/dist/trumps/demo.css +1 -1
- package/dist/trumps/s-affixed-input-wrapper/demo.css +1 -1
- package/dist/trumps/s-affixed-input-wrapper.css +1 -1
- package/dist/trumps/s-article-list.css +1 -1
- package/dist/trumps/s-article-preview.css +1 -1
- package/dist/trumps/s-blockquote.css +1 -1
- package/dist/trumps/s-breadcrumbs.css +1 -1
- package/dist/trumps/s-cms-nav.css +1 -1
- package/dist/trumps/s-document.css +1 -1
- package/dist/trumps/s-drop-cap.css +1 -1
- package/dist/trumps/s-footer--thick.css +1 -1
- package/dist/trumps/s-footer--thin.css +1 -1
- package/dist/trumps/s-footer.css +1 -1
- package/dist/trumps/s-footer.properties.css +1 -1
- package/dist/trumps/s-form--cms.css +1 -1
- package/dist/trumps/s-form--login.css +1 -1
- package/dist/trumps/s-form--portal.css +1 -1
- package/dist/trumps/s-form-page/demo.css +1 -1
- package/dist/trumps/s-form-page/example.css +1 -1
- package/dist/trumps/s-form-page.css +1 -1
- package/dist/trumps/s-form.css +1 -1
- package/dist/trumps/s-form.selectors.css +1 -1
- package/dist/trumps/s-guide-doc.css +1 -1
- package/dist/trumps/s-header/s-header.demo.css +1 -1
- package/dist/trumps/s-header.bootstrap.css +1 -1
- package/dist/trumps/s-header.css +1 -1
- package/dist/trumps/s-hero-banner/s-hero-banner.demo.css +1 -1
- package/dist/trumps/s-hero-banner.css +1 -1
- package/dist/trumps/s-image-grid.css +1 -1
- package/dist/trumps/s-inline-dl.css +1 -1
- package/dist/trumps/s-irregular-links.css +1 -1
- package/dist/trumps/s-paragraph-table.css +1 -1
- package/dist/trumps/s-portal-nav.css +1 -1
- package/dist/trumps/s-style-guide.css +1 -1
- package/dist/trumps/s-system-specs.css +1 -1
- package/dist/trumps/s-truncated-table.css +1 -1
- package/dist/trumps/tacc-search-bar.css +1 -1
- package/dist/trumps/u-empty.css +1 -1
- package/dist/trumps/u-hide.css +1 -1
- package/dist/trumps/u-highlight/u-highlight.demo.css +1 -1
- package/dist/trumps/u-highlight.css +1 -1
- package/dist/trumps/u-mailto-text-replace.css +1 -1
- package/dist/trumps/u-nested-text-content.css +1 -1
- package/dist/vendors/bootstrap5/demo.css +1 -1
- package/dist/vendors/bootstrap5--border-spinner.css +1 -1
- package/package.json +1 -1
- package/src/lib/_imports/_partials/form.hbs +66 -0
- package/src/lib/_imports/components/c-button.css +1 -0
- package/src/lib/_imports/components/c-form.css +3 -7
- package/src/lib/_imports/elements/form.css +3 -0
- package/src/lib/_imports/trumps/s-form.selectors.css +11 -5
package/dist/trumps/s-form.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.29.1+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.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}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button),.c-button,.c-form__button,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button),.form-button,:where(.s-form button),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button),[class*=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}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):where(:not(:disabled,:where(a[disabled]))),.c-button:where(:not(:disabled,:where(a[disabled]))),.c-form__button:where(:not(:disabled,:where(a[disabled]))),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):where(:not(:disabled,:where(a[disabled]))),.form-button:where(:not(:disabled,:where(a[disabled]))),:where(.s-form button):where(:not(:disabled,:where(a[disabled]))),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):where(:not(:disabled,:where(a[disabled]))),[class*=button--]:where(:not(:disabled,:where(a[disabled]))){cursor:pointer}a.c-button,a[class*=button--]{text-align:center;text-decoration:none}a[class*=button--is-busy],a[data-state=busy]{cursor:default}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):disabled,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]),.c-button:disabled,.c-button:where(a[disabled]),.c-form__button:disabled,.c-form__button:where(a[disabled]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):disabled,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]),.form-button:disabled,.form-button:where(a[disabled]),:where(.s-form button):disabled,:where(.s-form button):where(a[disabled]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):disabled,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]),[class*=button--]:disabled,[class*=button--]:where(a[disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),.c-button:disabled:not([class*=button--is-busy],[data-state=busy]),.c-button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),.c-form__button:disabled:not([class*=button--is-busy],[data-state=busy]),.c-form__button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),.form-button:disabled:not([class*=button--is-busy],[data-state=busy]),.form-button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),:where(.s-form button):disabled:not([class*=button--is-busy],[data-state=busy]),:where(.s-form button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),[class*=button--]:disabled:not([class*=button--is-busy],[data-state=busy]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy],[data-state=busy]){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark)}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-button:disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-form__button:disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-form__button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.form-button:disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.form-button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),:where(.s-form button):disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),:where(.s-form button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),[class*=button--]:disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]){background-color:var(--global-color-primary--xx-light)}.button--1,.button--2,.button--3,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit],.c-button--primary,.c-button--secondary,.c-button--tertiary,.c-form__button[type=button],.c-form__button[type=reset],.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit],.form-button[type=button],.form-button[type=reset],.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),:where(.s-form button)[type=button],:where(.s-form button)[type=reset],:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit],[class*=button--is-active]{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.button--1:hover,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:hover,.c-button--primary:hover,.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:hover,.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.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)}.button--1:active:not([class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:active:not([class*=button--is-busy],[data-state=busy]),.c-button--primary:active:not([class*=button--is-busy],[data-state=busy]),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:active:not([class*=button--is-busy],[data-state=busy]),.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:active:not([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)}.button--1:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-button--primary:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:focus:not(:active,[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)}.button--1:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--1[class*=button--is-busy],.button--1[data-state=busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][class*=button--is-busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][data-state=busy],.c-button--primary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--primary[class*=button--is-busy],.c-button--primary[data-state=busy],.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][class*=button--is-busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][data-state=busy],.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][class*=button--is-busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][data-state=busy]{background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.button--2:hover,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:hover,.c-button--secondary:hover,.c-form__button[type=button]:hover,.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:hover,.form-button[type=button]:hover,.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form button)[type=button]:hover,:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.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)}.button--2:active:not([class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:active:not([class*=button--is-busy],[data-state=busy]),.c-button--secondary:active:not([class*=button--is-busy],[data-state=busy]),.c-form__button[type=button]:active:not([class*=button--is-busy],[data-state=busy]),.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:active:not([class*=button--is-busy],[data-state=busy]),.form-button[type=button]:active:not([class*=button--is-busy],[data-state=busy]),.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=button]:active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:active:not([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)}.button--2:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-button--secondary:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__button[type=button]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.form-button[type=button]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=button]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:focus:not(:active,[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)}.button--2:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--2[class*=button--is-busy],.button--2[data-state=busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][class*=button--is-busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][data-state=busy],.c-button--secondary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--secondary[class*=button--is-busy],.c-button--secondary[data-state=busy],.c-form__button[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=button][class*=button--is-busy],.c-form__button[type=button][data-state=busy],.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][class*=button--is-busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][data-state=busy],.form-button[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form-button[type=button][class*=button--is-busy],.form-button[type=button][data-state=busy],.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],:where(.s-form button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=button][class*=button--is-busy],:where(.s-form button)[type=button][data-state=busy],:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][class*=button--is-busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][data-state=busy]{background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button).button--2:disabled,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button).button--2:where(a[disabled]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:disabled,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:where(a[disabled]),.c-button.button--2:disabled,.c-button.button--2:where(a[disabled]),.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),.c-form__button.button--2:disabled,.c-form__button.button--2:where(a[disabled]),.c-form__button.c-button--secondary:disabled,.c-form__button.c-button--secondary:where(a[disabled]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button).button--2:disabled,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button).button--2:where(a[disabled]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:disabled,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:where(a[disabled]),.form-button.button--2:disabled,.form-button.button--2:where(a[disabled]),.form-button.c-button--secondary:disabled,.form-button.c-button--secondary:where(a[disabled]),:where(.s-form button).button--2:disabled,:where(.s-form button).button--2:where(a[disabled]),:where(.s-form button).c-button--secondary:disabled,:where(.s-form button).c-button--secondary:where(a[disabled]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button).button--2:disabled,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button).button--2:where(a[disabled]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:disabled,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:where(a[disabled]),[class*=button--].button--2:disabled,[class*=button--].button--2:where(a[disabled]),[class*=button--].c-button--secondary:disabled,[class*=button--].c-button--secondary:where(a[disabled]){background-color:var(--global-color-primary--x-light)}.button--3:hover,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:hover,.c-button--tertiary:hover,.c-form__button[type=reset]:hover,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:hover,.form-button[type=reset]:hover,:where(.s-form button)[type=reset]:hover,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.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)}.button--3:active:not([class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:active:not([class*=button--is-busy],[data-state=busy]),.c-button--tertiary:active:not([class*=button--is-busy],[data-state=busy]),.c-form__button[type=reset]:active:not([class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:active:not([class*=button--is-busy],[data-state=busy]),.form-button[type=reset]:active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=reset]:active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:active:not([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)}.button--3:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-button--tertiary:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__button[type=reset]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.form-button[type=reset]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=reset]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:focus:not(:active,[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)}.button--3:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--3[class*=button--is-busy],.button--3[data-state=busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][class*=button--is-busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][data-state=busy],.c-button--tertiary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--tertiary[class*=button--is-busy],.c-button--tertiary[data-state=busy],.c-form__button[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=reset][class*=button--is-busy],.c-form__button[type=reset][data-state=busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][class*=button--is-busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][data-state=busy],.form-button[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form-button[type=reset][class*=button--is-busy],.form-button[type=reset][data-state=busy],:where(.s-form button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=reset][class*=button--is-busy],:where(.s-form button)[type=reset][data-state=busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][class*=button--is-busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][data-state=busy]{background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.button--truncate,.c-button--can-truncate{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}[class*=button--is-active]:hover{background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}[class*=button--is-active]:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}[class*=button--is-active]:focus:not(:active){background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}[class*=button--is-active]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),[class*=button--is-active][class*=button--is-busy],[class*=button--is-active][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)}[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}[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):active{text-decoration-line:underline;text-decoration-style:dotted}[class*=button--is-busy],[data-state=busy]{opacity:.5}[class*=button--is-busy] [class*=button__text],[data-state=busy] [class*=button__text]{opacity:.5}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.c-button:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.c-form__button:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.form-button:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),:where(.s-form button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),[class*=button--]:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])){--max-width:auto;width:auto}[class*=button--width-short]{width:var(--min-width)}[class*=button--width-medium]{width:var(--mid-width)}[class*=button--width-long]{width:var(--max-width)}[class*=button--size-small]{line-height:1;min-width:0;padding:4px 9px}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)>*,.c-button>*,.c-form__button>*,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)>*,.form-button>*,:where(.s-form button)>*,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)>*,[class*=button--]>*{vertical-align:middle}[class*=button__icon--before]{margin-right:.5em}[class*=button__icon--after]{margin-left:.5em}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button) .spinner-border,.c-button .spinner-border,.c-form__button .spinner-border,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button) .spinner-border,.form-button .spinner-border,:where(.s-form button) .spinner-border,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button) .spinner-border,[class*=button--] .spinner-border{align-self:center;margin-left:.5ch}.c-form__desc,.description,:is(.s-form>:is(h1,h2,h3,h4,h5,h6)+p){margin-block:25px}.c-form__help,.help-text,:where(.s-form>div>small){display:block;font-size:var(--global-font-size--small);font-style:italic;margin-top:.3em}.c-form__help>:where(:not(details,a,samp)),.help-text>:where(:not(details,a,samp)),:where(.s-form>div>small)>:where(:not(details,a,samp)){font-style:initial}.c-form__field,.field-wrapper,:where(.s-form>div){display:flex;flex-direction:column;margin-bottom:2rem}.c-form__field.has-type-check,.field-wrapper.checkboxinput,:where(.s-form>div).has-type-check{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}.c-form__field.has-type-check :where(.c-form__errors),.c-form__field.has-type-check :where(.form-errors,.field-errors),.c-form__field.has-type-check :where(:is(.s-form>ul),:is(.s-form>div>ul)),.field-wrapper.checkboxinput :where(.c-form__errors),.field-wrapper.checkboxinput :where(.form-errors,.field-errors),.field-wrapper.checkboxinput :where(:is(.s-form>ul),:is(.s-form>div>ul)),:where(.s-form>div).has-type-check :where(.c-form__errors),:where(.s-form>div).has-type-check :where(.form-errors,.field-errors),:where(.s-form>div).has-type-check :where(:is(.s-form>ul),:is(.s-form>div>ul)){grid-area:error}.c-form__field.has-type-check input,.field-wrapper.checkboxinput input,:where(.s-form>div).has-type-check input{grid-area:input}.c-form__field.has-type-check label,.field-wrapper.checkboxinput label,:where(.s-form>div).has-type-check label{grid-area:label}.c-form__field.has-type-check .c-form__help,.c-form__field.has-type-check .help-text,.c-form__field.has-type-check :where(.s-form>div>small),.field-wrapper.checkboxinput .c-form__help,.field-wrapper.checkboxinput .help-text,.field-wrapper.checkboxinput :where(.s-form>div>small),:where(.s-form>div).has-type-check .c-form__help,:where(.s-form>div).has-type-check .help-text,:where(.s-form>div).has-type-check :where(.s-form>div>small){grid-area:notes}.c-form__field.has-type-check label,.field-wrapper.checkboxinput label,:where(.s-form>div).has-type-check label{margin-bottom:0}.c-form__field>menu label,:is(.radioselect,.checkboxselectmultiple) label,:where(.s-form>div>menu) label{align-items:center;display:flex;font-weight:revert;gap:.5em}.c-form__field>menu li:last-child label,:is(.radioselect,.checkboxselectmultiple) li:last-child label,:where(.s-form>div>menu) li:last-child label{margin-bottom:0}.asterisk,.c-form__star,:where(.s-form label>span){margin-left:.5em}.asterisk:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *),.c-form__star:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *),:where(.s-form label>span):where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *){color:var(--global-color-danger--dark)}.asterisk:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)),.c-form__star:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)),:where(.s-form label>span):where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)){color:var(--global-color-warning--dark)}.asterisk,.c-form__star,:where(.s-form label>span){display:inline-block;font-size:.25em;line-height:0;visibility:hidden}.asterisk:after,.c-form__star:after,:where(.s-form label>span):after{font-size:var(--global-font-size--small);line-height:initial;visibility:visible}.asterisk:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *):after,.c-form__star:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *):after,:where(.s-form label>span):where(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *):after{content:"(required)"}.asterisk:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)):after,.c-form__star:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)):after,:where(.s-form label>span):where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,.field-wrapper.required *)):after{content:"(important)"}ul.errorlist,ul:where(.c-form__errors),ul:where(:is(.s-form>ul),:is(.s-form>div>ul)){list-style:none;padding-left:0}ul:is(.c-form__field .c-form__errors),ul:is(.field-errors .errorlist),ul:is(.s-form>div>ul){margin-bottom:0;margin-top:1rem}.c-form__field>menu,:is(.radioselect,.checkboxselectmultiple),:where(.s-form>div>menu){list-style:none;padding-left:0}.button-wrapper,.c-form__buttons,:where(.s-form>footer){margin-top:35px}
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.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}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button),.c-button,.c-form__button,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button),.form-button,:where(.s-form button),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button),[class*=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}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):where(:not(:disabled,:where(a[disabled]))),.c-button:where(:not(:disabled,:where(a[disabled]))),.c-form__button:where(:not(:disabled,:where(a[disabled]))),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):where(:not(:disabled,:where(a[disabled]))),.form-button:where(:not(:disabled,:where(a[disabled]))),:where(.s-form button):where(:not(:disabled,:where(a[disabled]))),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):where(:not(:disabled,:where(a[disabled]))),[class*=button--]:where(:not(:disabled,:where(a[disabled]))){cursor:pointer}a.c-button,a[class*=button--]{text-align:center;text-decoration:none}a[class*=button--is-busy],a[data-state=busy]{cursor:default}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):disabled,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]),.c-button:disabled,.c-button:where(a[disabled]),.c-form__button:disabled,.c-form__button:where(a[disabled]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):disabled,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]),.form-button:disabled,.form-button:where(a[disabled]),:where(.s-form button):disabled,:where(.s-form button):where(a[disabled]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):disabled,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]),[class*=button--]:disabled,[class*=button--]:where(a[disabled]){-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),.c-button:disabled:not([class*=button--is-busy],[data-state=busy]),.c-button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),.c-form__button:disabled:not([class*=button--is-busy],[data-state=busy]),.c-form__button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),.form-button:disabled:not([class*=button--is-busy],[data-state=busy]),.form-button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),:where(.s-form button):disabled:not([class*=button--is-busy],[data-state=busy]),:where(.s-form button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy]),[class*=button--]:disabled:not([class*=button--is-busy],[data-state=busy]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy],[data-state=busy]){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark)}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-button:disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-form__button:disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-form__button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.form-button:disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),.form-button:where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),:where(.s-form button):disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),:where(.s-form button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),[class*=button--]:disabled:not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]),[class*=button--]:where(a[disabled]):not([class*=button--is-busy],[data-state=busy],[class*=button--as-link]){background-color:var(--global-color-primary--xx-light)}.button--1,.button--2,.button--3,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit],.c-button--primary,.c-button--secondary,.c-button--tertiary,.c-form__button[type=button],.c-form__button[type=reset],.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit],.form-button[type=button],.form-button[type=reset],.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),:where(.s-form button)[type=button],:where(.s-form button)[type=reset],:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit],[class*=button--is-active]{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.button--1:hover,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:hover,.c-button--primary:hover,.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:hover,.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.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)}.button--1:active:not([class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:active:not([class*=button--is-busy],[data-state=busy]),.c-button--primary:active:not([class*=button--is-busy],[data-state=busy]),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:active:not([class*=button--is-busy],[data-state=busy]),.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:active:not([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)}.button--1:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-button--primary:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:focus:not(:active,[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)}.button--1:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--1[class*=button--is-busy],.button--1[data-state=busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][class*=button--is-busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][data-state=busy],.c-button--primary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--primary[class*=button--is-busy],.c-button--primary[data-state=busy],.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],.c-form__button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][class*=button--is-busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][data-state=busy],.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],.form-button[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],:where(.s-form button)[type=submit]:where(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][class*=button--is-busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=submit][data-state=busy]{background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.button--2:hover,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:hover,.c-button--secondary:hover,.c-form__button[type=button]:hover,.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:hover,.form-button[type=button]:hover,.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form button)[type=button]:hover,:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):hover,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.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)}.button--2:active:not([class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:active:not([class*=button--is-busy],[data-state=busy]),.c-button--secondary:active:not([class*=button--is-busy],[data-state=busy]),.c-form__button[type=button]:active:not([class*=button--is-busy],[data-state=busy]),.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:active:not([class*=button--is-busy],[data-state=busy]),.form-button[type=button]:active:not([class*=button--is-busy],[data-state=busy]),.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=button]:active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:active:not([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)}.button--2:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-button--secondary:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__button[type=button]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.form-button[type=button]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=button]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:focus:not(:active,[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)}.button--2:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--2[class*=button--is-busy],.button--2[data-state=busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][class*=button--is-busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][data-state=busy],.c-button--secondary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--secondary[class*=button--is-busy],.c-button--secondary[data-state=busy],.c-form__button[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=button][class*=button--is-busy],.c-form__button[type=button][data-state=busy],.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],.c-form__button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][class*=button--is-busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][data-state=busy],.form-button[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form-button[type=button][class*=button--is-busy],.form-button[type=button][data-state=busy],.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],.form-button[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],:where(.s-form button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=button][class*=button--is-busy],:where(.s-form button)[type=button][data-state=busy],:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*):not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[class*=button--is-busy],:where(.s-form button)[type=submit]:not(.c-form__buttons>*,:where(.s-form>footer)>*,.button-wrapper>*)[data-state=busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][class*=button--is-busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=button][data-state=busy]{background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button).button--2:disabled,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button).button--2:where(a[disabled]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:disabled,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:where(a[disabled]),.c-button.button--2:disabled,.c-button.button--2:where(a[disabled]),.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),.c-form__button.button--2:disabled,.c-form__button.button--2:where(a[disabled]),.c-form__button.c-button--secondary:disabled,.c-form__button.c-button--secondary:where(a[disabled]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button).button--2:disabled,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button).button--2:where(a[disabled]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:disabled,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:where(a[disabled]),.form-button.button--2:disabled,.form-button.button--2:where(a[disabled]),.form-button.c-button--secondary:disabled,.form-button.c-button--secondary:where(a[disabled]),:where(.s-form button).button--2:disabled,:where(.s-form button).button--2:where(a[disabled]),:where(.s-form button).c-button--secondary:disabled,:where(.s-form button).c-button--secondary:where(a[disabled]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button).button--2:disabled,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button).button--2:where(a[disabled]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:disabled,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button).c-button--secondary:where(a[disabled]),[class*=button--].button--2:disabled,[class*=button--].button--2:where(a[disabled]),[class*=button--].c-button--secondary:disabled,[class*=button--].c-button--secondary:where(a[disabled]){background-color:var(--global-color-primary--x-light)}.button--3:hover,.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:hover,.c-button--tertiary:hover,.c-form__button[type=reset]:hover,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:hover,.form-button[type=reset]:hover,:where(.s-form button)[type=reset]:hover,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.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)}.button--3:active:not([class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:active:not([class*=button--is-busy],[data-state=busy]),.c-button--tertiary:active:not([class*=button--is-busy],[data-state=busy]),.c-form__button[type=reset]:active:not([class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:active:not([class*=button--is-busy],[data-state=busy]),.form-button[type=reset]:active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=reset]:active:not([class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:active:not([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)}.button--3:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-button--tertiary:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__button[type=reset]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),.form-button[type=reset]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form button)[type=reset]:focus:not(:active,[class*=button--is-busy],[data-state=busy]),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:focus:not(:active,[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)}.button--3:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button--3[class*=button--is-busy],.button--3[data-state=busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][class*=button--is-busy],.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][data-state=busy],.c-button--tertiary:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-button--tertiary[class*=button--is-busy],.c-button--tertiary[data-state=busy],.c-form__button[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__button[type=reset][class*=button--is-busy],.c-form__button[type=reset][data-state=busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][class*=button--is-busy],.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][data-state=busy],.form-button[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),.form-button[type=reset][class*=button--is-busy],.form-button[type=reset][data-state=busy],:where(.s-form button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form button)[type=reset][class*=button--is-busy],:where(.s-form button)[type=reset][data-state=busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][class*=button--is-busy],:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)[type=reset][data-state=busy]{background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.button--truncate,.c-button--can-truncate{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}[class*=button--is-active]:hover{background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}[class*=button--is-active]:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}[class*=button--is-active]:focus:not(:active){background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}[class*=button--is-active]:not(:hover,:focus,:active,:disabled,:where(a[disabled])),[class*=button--is-active][class*=button--is-busy],[class*=button--is-active][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)}[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}[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}[class*=button--as-link]:where(:not(:disabled,:where(a[disabled]))):active{text-decoration-line:underline;text-decoration-style:dotted}[class*=button--is-busy],[data-state=busy]{opacity:.5;pointer-events:none}[class*=button--is-busy] [class*=button__text],[data-state=busy] [class*=button__text]{opacity:.5}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.c-button:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.c-form__button:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),.form-button:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),:where(.s-form button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button):where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])),[class*=button--]:where(:not([class*=button--width-short],[class*=button--width-medium],[class*=button--width-long],[class*=button--size-small],[class*=button--as-link])){--max-width:auto;width:auto}[class*=button--width-short]{width:var(--min-width)}[class*=button--width-medium]{width:var(--mid-width)}[class*=button--width-long]{width:var(--max-width)}[class*=button--size-small]{line-height:1;min-width:0;padding:4px 9px}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button)>*,.c-button>*,.c-form__button>*,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button)>*,.form-button>*,:where(.s-form button)>*,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button)>*,[class*=button--]>*{vertical-align:middle}[class*=button__icon--before]{margin-right:.5em}[class*=button__icon--after]{margin-left:.5em}.button-wrapper button:not(.c-form__button,:where(.s-form button),.form-button) .spinner-border,.c-button .spinner-border,.c-form__button .spinner-border,.c-form__buttons button:not(.c-form__button,:where(.s-form button),.form-button) .spinner-border,.form-button .spinner-border,:where(.s-form button) .spinner-border,:where(.s-form>footer) button:not(.c-form__button,:where(.s-form button),.form-button) .spinner-border,[class*=button--] .spinner-border{align-self:center;margin-left:.5ch}.c-form__desc,.description,:is(.s-form>:is(h1,h2,h3,h4,h5,h6)+p){margin-block:25px}.c-form__help,.help-text,:where(.s-form>div>small),:where(.s-form>fieldset>div>small){display:block;font-size:var(--global-font-size--small);font-style:italic;margin-top:.3em}.c-form__help>:where(:not(details,a,samp)),.help-text>:where(:not(details,a,samp)),:where(.s-form>div>small)>:where(:not(details,a,samp)),:where(.s-form>fieldset>div>small)>:where(:not(details,a,samp)){font-style:initial}.c-form__field,.field-wrapper,:where(.s-form>div),:where(.s-form>fieldset>div){display:flex;flex-direction:column}.c-form__field:not(:last-child),.field-wrapper:not(:last-child),:where(.s-form>div):not(:last-child),:where(.s-form>fieldset>div):not(:last-child){margin-bottom:2rem}.c-form__field.has-type-check,.field-wrapper.checkboxinput,:where(.s-form>div).has-type-check,:where(.s-form>fieldset>div).has-type-check{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}.c-form__field.has-type-check :where(.c-form__errors),.c-form__field.has-type-check :where(.form-errors,.field-errors),.c-form__field.has-type-check :where(:is(.s-form>ul),:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)),.field-wrapper.checkboxinput :where(.c-form__errors),.field-wrapper.checkboxinput :where(.form-errors,.field-errors),.field-wrapper.checkboxinput :where(:is(.s-form>ul),:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)),:where(.s-form>div).has-type-check :where(.c-form__errors),:where(.s-form>div).has-type-check :where(.form-errors,.field-errors),:where(.s-form>div).has-type-check :where(:is(.s-form>ul),:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)),:where(.s-form>fieldset>div).has-type-check :where(.c-form__errors),:where(.s-form>fieldset>div).has-type-check :where(.form-errors,.field-errors),:where(.s-form>fieldset>div).has-type-check :where(:is(.s-form>ul),:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)){grid-area:error}.c-form__field.has-type-check input,.field-wrapper.checkboxinput input,:where(.s-form>div).has-type-check input,:where(.s-form>fieldset>div).has-type-check input{grid-area:input}.c-form__field.has-type-check label,.field-wrapper.checkboxinput label,:where(.s-form>div).has-type-check label,:where(.s-form>fieldset>div).has-type-check label{grid-area:label}.c-form__field.has-type-check .c-form__help,.c-form__field.has-type-check .help-text,.c-form__field.has-type-check :where(.s-form>div>small),.c-form__field.has-type-check :where(.s-form>fieldset>div>small),.field-wrapper.checkboxinput .c-form__help,.field-wrapper.checkboxinput .help-text,.field-wrapper.checkboxinput :where(.s-form>div>small),.field-wrapper.checkboxinput :where(.s-form>fieldset>div>small),:where(.s-form>div).has-type-check .c-form__help,:where(.s-form>div).has-type-check .help-text,:where(.s-form>div).has-type-check :where(.s-form>div>small),:where(.s-form>div).has-type-check :where(.s-form>fieldset>div>small),:where(.s-form>fieldset>div).has-type-check .c-form__help,:where(.s-form>fieldset>div).has-type-check .help-text,:where(.s-form>fieldset>div).has-type-check :where(.s-form>div>small),:where(.s-form>fieldset>div).has-type-check :where(.s-form>fieldset>div>small){grid-area:notes}.c-form__field.has-type-check label,.field-wrapper.checkboxinput label,:where(.s-form>div).has-type-check label,:where(.s-form>fieldset>div).has-type-check label{margin-bottom:0}.c-form__field>menu label,:is(.radioselect,.checkboxselectmultiple) label,:where(.s-form>div>menu) label,:where(.s-form>fieldset>div>menu) label{align-items:center;display:flex;font-weight:revert;gap:.5em}.c-form__field>menu li:last-child label,:is(.radioselect,.checkboxselectmultiple) li:last-child label,:where(.s-form>div>menu) li:last-child label,:where(.s-form>fieldset>div>menu) li:last-child label{margin-bottom:0}.asterisk,.c-form__star,:where(.s-form label>span){margin-left:.5em}.asterisk:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *),.c-form__star:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *),:where(.s-form label>span):where(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *){color:var(--global-color-danger--dark)}.asterisk:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *)),.c-form__star:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *)),:where(.s-form label>span):where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *)){color:var(--global-color-warning--dark)}.asterisk,.c-form__star,:where(.s-form label>span){display:inline-block;font-size:.25em;line-height:0;visibility:hidden}.asterisk:after,.c-form__star:after,:where(.s-form label>span):after{font-size:var(--global-font-size--small);line-height:initial;visibility:visible}.asterisk:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *):after,.c-form__star:where(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *):after,:where(.s-form label>span):where(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *):after{content:"(required)"}.asterisk:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *)):after,.c-form__star:where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *)):after,:where(.s-form label>span):where(:not(.c-form__field.has-required *,:where(.s-form>div).has-required *,:where(.s-form>fieldset>div).has-required *,.field-wrapper.required *)):after{content:"(important)"}ul.errorlist,ul:where(.c-form__errors),ul:where(:is(.s-form>ul),:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)){list-style:none;padding-left:0}ul:is(.c-form__field .c-form__errors),ul:is(.field-errors .errorlist),ul:is(.s-form>div>ul),ul:is(.s-form>fieldset>div>ul){margin-bottom:0;margin-top:1rem}.c-form__field>menu,:is(.radioselect,.checkboxselectmultiple),:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu){list-style:none;padding-left:0}.button-wrapper,.c-form__buttons,:where(.s-form>footer){margin-top:35px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:rgba(var(--global-color-primary--light-rgb),.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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:rgba(var(--global-color-primary--light-rgb),.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{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--header-major-border-color);font-family:var(--global-font-family);font-size:var(--global-font-size--medium);font-weight:var(--bold);letter-spacing:.025px;line-height:1.4}.s-header .navbar-brand{align-content:center;color:var(--header-text-color);display:grid;margin-right:16px;min-width:176px;padding:0}.s-header,.s-header .navbar-collapse{align-items:stretch}.s-header.navbar{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--header-bkgd-color);padding:var(--nav-padding-vert) var(--nav-padding-horz)}@media (min-width:992px){.s-header.navbar{--logo-height:60px;min-height:var(--logo-height)}.s-header>.navbar-brand{min-height:calc(var(--logo-height) - var(--nav-padding-vert)*2)}}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color:var(--global-color-secondary--light);line-height:var(--line-height);position:relative;top:var(--border-offset);white-space:nowrap}@media (min-width:992px){.s-header .nav-item{display:flex}}.s-header .nav-link{align-items:center;display:flex}.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(--border-color);border-style:solid;border-width:0 0 var(--border-width);margin-bottom:calc(var(--border-width)*-1)}#s-header .nav-link,#s-header .nav-link>a{color:var(--header-text-color)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding-left:14px;padding-right:14px}@media (max-width:991px){.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding-block:8px}}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--header-minor-border-color);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:var(--menu-toggle-icon)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */main{padding-block:unset;width:unset}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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:991px){.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:rgba(var(--global-color-primary--xx-light-rgb),.9);color:var(--global-color-primary--xx-dark);font-weight:700;padding:24px 84px 36px 48px;z-index:2}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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 [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 [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 [class*=button--as-link]:active,.s-irregular-links a:active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */.s-system-specs{font-size:var(--global-font-size--small);font-weight:var(--global-font-weight--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:991px){.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:991px){.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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */
|
package/dist/trumps/u-hide.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */.u-hide--visually:not(:focus,:active){clip:rect(0 0 0 0);border:none;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | MIT | github.com/TACC/Core-Styles */.button-wrapper,.c-form__buttons,:where(.s-form>footer){margin-top:unset}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.30.1+ | 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
CHANGED
|
@@ -384,6 +384,72 @@
|
|
|
384
384
|
<div class="g-recaptcha" data-sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI" required="" id="recaptcha_g9y93gP8" data-widget-uuid="9e32f28ccb9545109ff6ae891f9af324" data-callback="onSubmit_9e32f28ccb9545109ff6ae891f9af324" data-size="normal"></div>
|
|
385
385
|
</div>
|
|
386
386
|
|
|
387
|
+
<fieldset class="{{ class.field }} {{ class.has_spam_filter }} {{ class.has_required }}">
|
|
388
|
+
<legend>sample fields in a fieldset</legend>
|
|
389
|
+
|
|
390
|
+
{{!-- FAQ: Copied from first two fields --}}
|
|
391
|
+
<div class="{{ class.field }} {{ class.has_required }}">
|
|
392
|
+
{{#if (eq errorLoc "top")}}
|
|
393
|
+
{{> @field-errors class=class.errors wrapClass=class.field_errors_wrap }}
|
|
394
|
+
{{/if}}
|
|
395
|
+
|
|
396
|
+
<label for="name">
|
|
397
|
+
Name
|
|
398
|
+
<span {{#if class.badge }}class="{{ class.badge }}"{{/if}}
|
|
399
|
+
aria-label="(required)">*</span>
|
|
400
|
+
</label>
|
|
401
|
+
|
|
402
|
+
<input
|
|
403
|
+
type="text"
|
|
404
|
+
name="name"
|
|
405
|
+
required=""
|
|
406
|
+
placeholder="Your name"
|
|
407
|
+
id="name"
|
|
408
|
+
/>
|
|
409
|
+
|
|
410
|
+
{{#unless (eq errorLoc "top")}}
|
|
411
|
+
{{> @field-errors class=class.errors wrapClass=class.field_errors_wrap }}
|
|
412
|
+
{{/unless}}
|
|
413
|
+
|
|
414
|
+
{{#with helpTextTag as | tag |}}
|
|
415
|
+
<{{#if tag}}{{tag}}{{else}}small{{/if}} class="{{../class.hint}}">
|
|
416
|
+
We use this to identify your submission.
|
|
417
|
+
</{{#if tag}}{{tag}}{{else}}small{{/if}}>
|
|
418
|
+
{{/with}}
|
|
419
|
+
</div>
|
|
420
|
+
|
|
421
|
+
<div {{#if class.field }}class="{{ class.field }}"{{/if}}>
|
|
422
|
+
{{#if (eq errorLoc "top")}}
|
|
423
|
+
{{> @field-errors class=class.errors wrapClass=class.field_errors_wrap }}
|
|
424
|
+
{{/if}}
|
|
425
|
+
|
|
426
|
+
<label for="favorite-fruit">Favorite Fruit</label>
|
|
427
|
+
|
|
428
|
+
<select name="favorite-fruit" id="favorite-fruit">
|
|
429
|
+
<option value="" selected="">
|
|
430
|
+
Please select an option
|
|
431
|
+
</option>
|
|
432
|
+
<option value="Apple">Apple</option>
|
|
433
|
+
<option value="Banana">Banana</option>
|
|
434
|
+
<option value="Cherry">Cherry</option>
|
|
435
|
+
<option value="Durian">Durian</option>
|
|
436
|
+
<option value="Other">Other</option>
|
|
437
|
+
<option value="Whatever">Whatever</option>
|
|
438
|
+
</select>
|
|
439
|
+
|
|
440
|
+
{{#unless (eq errorLoc "top")}}
|
|
441
|
+
{{> @field-errors class=class.errors wrapClass=class.field_errors_wrap }}
|
|
442
|
+
{{/unless}}
|
|
443
|
+
|
|
444
|
+
{{#with helpTextTag as | tag |}}
|
|
445
|
+
<{{#if tag}}{{tag}}{{else}}small{{/if}} class="{{../class.hint}}">
|
|
446
|
+
Choose your favorite fruit.
|
|
447
|
+
</{{#if tag}}{{tag}}{{else}}small{{/if}}>
|
|
448
|
+
{{/with}}
|
|
449
|
+
</div>
|
|
450
|
+
|
|
451
|
+
</fieldset>
|
|
452
|
+
|
|
387
453
|
<fieldset>
|
|
388
454
|
<legend>sample buttons outside footer</legend>
|
|
389
455
|
<button {{#if class.button }}class="{{ class.button }}"{{/if}} type="submit">
|
|
@@ -30,18 +30,14 @@
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
/* Fields */
|
|
33
|
-
/* IDEA: Make fieldset-child <div>s be opt-out automatic field-wrappers.
|
|
34
|
-
0. [ ] Define `fieldset > div { @extend :--form__field; }` ruleset.
|
|
35
|
-
1. [ ] Create `:--form--no-auto-wrappers`.
|
|
36
|
-
2. [ ] Define `:--form:where(:not(:--form--no-auto-wrappers)) fieldset > div` rules.
|
|
37
|
-
*/
|
|
38
33
|
|
|
39
34
|
:--form__field {
|
|
40
|
-
margin-bottom: 2rem; /* mimic <p> `margin-bottom` */
|
|
41
|
-
|
|
42
35
|
display: flex;
|
|
43
36
|
flex-direction: column;
|
|
44
37
|
}
|
|
38
|
+
:--form__field:not(:last-child) {
|
|
39
|
+
margin-bottom: 2rem; /* mimic <p> `margin-bottom` */
|
|
40
|
+
}
|
|
45
41
|
|
|
46
42
|
:--form__field--has-checkbox {
|
|
47
43
|
display: inline-grid;
|
|
@@ -15,20 +15,26 @@
|
|
|
15
15
|
@custom-selector :--s-form__errors--form /* submission errors */
|
|
16
16
|
:is(.s-form > ul);
|
|
17
17
|
@custom-selector :--s-form__errors--field /* validation errors */
|
|
18
|
-
:is(.s-form > div > ul)
|
|
18
|
+
:is(.s-form > div > ul),
|
|
19
|
+
:is(.s-form > fieldset > div > ul);
|
|
19
20
|
|
|
20
21
|
@custom-selector :--s-form__field
|
|
21
|
-
:where(.s-form > div)
|
|
22
|
+
:where(.s-form > div),
|
|
23
|
+
:where(.s-form > fieldset > div);
|
|
22
24
|
@custom-selector :--s-form__field--has-required
|
|
23
|
-
:where(.s-form > div).has-required
|
|
25
|
+
:where(.s-form > div).has-required,
|
|
26
|
+
:where(.s-form > fieldset > div).has-required;
|
|
24
27
|
@custom-selector :--s-form__field--has-checkbox
|
|
28
|
+
:--s-form__field.has-type-check,
|
|
25
29
|
:--s-form__field.has-type-check;
|
|
26
30
|
|
|
27
31
|
@custom-selector :--s-form__menu
|
|
28
|
-
:where(.s-form > div > menu)
|
|
32
|
+
:where(.s-form > div > menu),
|
|
33
|
+
:where(.s-form > fieldset > div > menu);
|
|
29
34
|
|
|
30
35
|
@custom-selector :--s-form__help
|
|
31
|
-
:where(.s-form > div > small)
|
|
36
|
+
:where(.s-form > div > small),
|
|
37
|
+
:where(.s-form > fieldset > div > small);
|
|
32
38
|
|
|
33
39
|
@custom-selector :--s-form__badge
|
|
34
40
|
:where(.s-form label > span);
|