@font-face {
  font-family: "Knockout";
  src: url("../fonts/Knockout-50Welterweight.woff2");
  font-style: normal;
  font-weight: 100 900;
}
@font-face {
  font-family: "Dm Sans";
  src: url("../fonts/DMSans-VariableFont_opsz,wght.ttf");
  font-style: normal;
  font-weight: 100 900;
}
@font-face {
  font-family: "Dm Sans";
  src: url("../fonts/DMSans-Italic-VariableFont_opsz,wght.ttf");
  font-style: italic;
  font-weight: 100 900;
}
html {
  /* ref:colors */
  --tux-ref-color--white: #fff;
  --tux-ref-color--la-trobe-black: #242424;
  --tux-ref-color--light-gray2: #eeeeee;
  --tux-ref-color--black: #000;
  --tux-ref-color--la-trobe-black2: #242424;
  --tux-ref-color--charcoal: #414141;
  --tux-ref-color--la-trobe-red: #e2231b;
  --tux-ref-color--light-gray1: #fafafa;
  --tux-ref-color--gray1: #cccccc;
  --tux-ref-color--gray2: #999999;
  --tux-ref-color--gray3: #666666;
  /* ref:fonts */
  --tux-ref-type--font--knockout: 'Knockout', sans-serif;
  --tux-ref-type--font--knockout--lh: calc(
  	1.5ex + 0.9rem
  );
  --tux-ref-type--font--dm-sans: 'DM Sans', sans-serif;
  --tux-ref-type--font--dm-sans--lh: calc(
  	1.5ex + 0.9rem
  );
  /* sys:type scale */
}

body {
  font-family: var(--tux-ref-type--font--dm-sans);
  --tux-sys-type--line-height: var(--tux-ref-type--font--dm-sans--lh);
  font-weight: 400;
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
  font-family: var(--tux-ref-type--font--knockout);
  --tux-sys-type--line-height: var(--tux-ref-type--font--knockout--lh);
  font-weight: 500;
  text-transform: uppercase;
}

.h1, h1 {
  line-height: 1.2;
}

.h2, h2 {
  line-height: 1.3;
}

.h3, h3 {
  line-height: 1.3;
}

.h4, h4 {
  line-height: 1.4;
}

.h5, h5, .h6, h6 {
  text-transform: none;
}

label {
  font-weight: 500;
}

.highlight, .tux-c-avatar__title {
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.tux-c-site-header__nav .tux-c-menu .tux-c-menu__link, .tux-c-subpage-nav .tux-c-menu .tux-c-menu__link {
  font-weight: 400;
  font-size: var(--tux-sys-type--scale--200);
}

.highlight, .tux-c-avatar__title, .tux-c-button, .fr-button, .tux-c-accordion:not(.tux-c-accordion--card) .tux-c-accordion__label, .tux-c-hero-b__subheading, .tux-c-fact--large-value .tux-c-fact__value, .tux-c-accordion .tux-c-accordion__panel .tux-l-flow-copy .h4, h4.tux-c-accordion .tux-c-accordion__panel .tux-l-flow-copy h4, .tux-c-filter .tux-c-filter__attrs .tux-c-filter__label, .tux-l-card-grid .tux-c-card__header, .tux-c-snipe .tux-c-snipe__message, .fr-form .fr-label {
  font-weight: 700;
}

.tux-c-accordion:not(.tux-c-accordion--card) .tux-c-accordion__label, .tux-c-comparison-table th {
  font-size: var(--tux-sys-type--scale--200);
}

.tux-c-fact--large-value .tux-c-fact__value, .tux-c-accordion--card .tux-c-accordion__heading .tux-c-accordion__trigger {
  font-family: var(--tux-ref-type--font--knockout);
  --tux-sys-type--line-height: var(--tux-ref-type--font--knockout--lh);
}

.tux-c-accordion--card .tux-c-accordion__heading .tux-c-accordion__trigger {
  font-weight: 500;
  font-size: var(--tux-sys-type--scale--400);
}

.tux-c-accordion .tux-c-accordion__panel .tux-l-flow-copy .h4, h4 {
  text-transform: none;
}

.tux-c-comparison-table td {
  font-weight: 400;
  font-size: var(--tux-sys-type--scale--300);
}

.tux-c-fact .tux-c-fact__value {
  font-family: var(--tux-ref-type--font--knockout);
  --tux-sys-type--line-height: var(--tux-ref-type--font--knockout--lh);
  font-weight: 500;
}

.tux-c-fact.tux-c-fact--large-value .tux-c-fact__label, .tux-c-fact.tux-c-fact--large-value .tux-c-fact__suffix {
  font-size: var(--tux-sys-type--scale--200);
  font-weight: 400;
}

.tux-c-summary__facts .tux-c-fact .tux-c-fact__value {
  font-family: var(--tux-ref-type--font--dm-sans);
  --tux-sys-type--line-height: var(--tux-ref-type--font--dm-sans--lh);
  font-weight: 400;
  text-transform: none;
}

.tux-c-programmatic-facts .tux-c-programmatic-facts__number {
  font-family: var(--tux-ref-type--font--knockout);
  --tux-sys-type--line-height: var(--tux-ref-type--font--knockout--lh);
  font-weight: 500;
  font-size: var(--tux-sys-type--scale--500);
}

.tux-c-feedback__form .tux-c-chip-list .tux-c-chip {
  font-weight: 500;
  font-size: var(--tux-sys-type--scale--300);
  text-transform: none;
}

.tux-c-filter .tux-c-filter__attrs .tux-c-filter__label {
  font-size: var(--tux-sys-type--scale--200);
  text-transform: uppercase;
}

.tux-c-snipe .tux-c-snipe__message, .tux-c-section-header .tux-c-section-header__link {
  font-size: var(--tux-sys-type--scale--300);
  text-transform: none;
}

.tux-c-section-header .tux-c-section-header__link .tux-c-icon {
  font-weight: 200;
  font-size: var(--tux-sys-type--scale--200);
}

.tux-c-featured-list li {
  font-size: var(--tux-sys-type--scale--300);
}

.tux-c-related-topic .tux-c-related-topic__side .tux-c-related-topic__links li a, .tux-c-spotlight-cta .tux-c-button, .tux-c-hero-b .tux-l-auto-grid .tux-c-fact .tux-c-fact__value, .fr-form .fr-form-controls .fr-button, .tux-c-section-header .tux-c-section-header__link {
  font-weight: 500;
}

.tux-c-rfi-form .wp-block-heading {
  font-size: var(--tux-sys-type--scale--400);
}

.tux-c-stats .tux-c-stats__stat .tux-c-stats__stat-value {
  font-size: var(--tux-sys-type--scale--700);
}

.tux-c-filter-list .tux-c-filter-list__results .tux-c-card__body .highlight--text-init-case, .fr-form .fr-label, .gform_wrapper.gravity-theme .gfield_label, .tux-c-accordion--card .tux-c-accordion__heading .tux-c-accordion__trigger, .tux-c-chip-list .tux-c-chip, .tux-c-comparison-table th, .tux-c-fact .tux-c-fact__value, .tux-c-accordion:not(.tux-c-accordion--card) .tux-c-accordion__label {
  text-transform: uppercase;
}

.u-bg--white,
[data-bg-hover=white]:hover {
  --tux-sys-color--background: var(--tux-ref-color--white);
  --tux-sys-color--on-background: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--surface: var(--tux-ref-color--light-gray2);
  --tux-sys-color--on-surface: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--primary: var(--tux-ref-color--charcoal);
  --tux-sys-color--on-primary: var(--tux-ref-color--white);
  --tux-el-hr--color: var(--tux-ref-color--charcoal);
  --tux-el-input--border-color: color-mix(in oklab, transparent, var(--tux-ref-color--black) 20%);
  --tux-comp-icon--color: var(--tux-ref-color--charcoal);
  --tux-comp-icon--on-color: var(--tux-ref-color--white);
  --tux-comp-accordion--bg-color: var(--tux-ref-color--charcoal);
  --tux-comp-accordion--text-color: var(--tux-ref-color--white);
  --tux-comp-accordion--icon-color: var(--tux-ref-color--white);
  --tux-comp-accordion--label-color: var(--tux-ref-color--white);
  --tux-comp-accordion--card--cue-icon-color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-accordion--card--text-color: var(--tux-ref-color--black);
  --tux-comp-breadcrumb--current-color: var(--tux-ref-color--charcoal);
  --tux-comp-button--filled--color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-button--color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-dialog--close-text-color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-dialog--close-hover-bg-color: color-mix(in oklab, transparent, var(--tux-ref-color--la-trobe-red) 10%);
  --tux-comp-dialog--close-hover-text-color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-programmatic-facts--number-bg-color: var(--tux-ref-color--charcoal);
  --tux-comp-slider--nav-bg-color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-tabs--main-color: var(--tux-ref-color--charcoal);
  --tux-comp-featured-list--color: color-mix(in oklab, transparent, var(--tux-ref-color--black) 20%);
  --tux-comp-sticky-cta--item-primary-bg-color: var(--tux-ref-color--charcoal);
  --tux-util-highlight--color: var(--tux-ref-color--la-trobe-black);
}

.u-text--white,
.has-white-color {
  color: var(--tux-ref-color--white);
}

.u-button--color-white {
  --tux-comp-button--color: var(--tux-ref-color--white);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--white);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--la-trobe-black);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-white {
  --tux-comp-detailed-list--color: var(--tux-ref-color--white);
  --tux-comp-featured-list--color: var(--tux-ref-color--white);
  --tux-comp-line-list--color: var(--tux-ref-color--white);
}

.u-bg--la-trobe-black,
[data-bg-hover=la-trobe-black]:hover {
  --tux-sys-color--background: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--on-background: var(--tux-ref-color--white);
  --tux-sys-color--surface: var(--tux-ref-color--charcoal);
  --tux-sys-color--on-surface: var(--tux-ref-color--white);
  --tux-sys-color--primary: var(--tux-ref-color--white);
  --tux-sys-color--on-primary: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--secondary: var(--tux-ref-color--la-trobe-red);
  --tux-sys-color--on-secondary: var(--tux-ref-color--white);
  --tux-el-hr--color: var(--tux-ref-color--white);
  --tux-comp-card--hover--overlay-color: color-mix(in oklab, transparent, var(--tux-ref-color--la-trobe-black) 10%);
  --tux-comp-site-footer--border-color: color-mix(in oklab, transparent, var(--tux-ref-color--white) 10%);
  --tux-comp-site-footer-simple--border-color: color-mix(in oklab, transparent, var(--tux-ref-color--white) 10%);
  --tux-comp-menu--item-line-color: var(--tux-ref-color--la-trobe-red);
  --tux-util-highlight--color: var(--tux-ref-color--white);
}

.u-text--la-trobe-black,
.has-la-trobe-black-color {
  color: var(--tux-ref-color--la-trobe-black);
}

.u-button--color-la-trobe-black {
  --tux-comp-button--color: var(--tux-ref-color--la-trobe-black);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--la-trobe-black);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-la-trobe-black {
  --tux-comp-detailed-list--color: var(--tux-ref-color--la-trobe-black);
  --tux-comp-featured-list--color: var(--tux-ref-color--la-trobe-black);
  --tux-comp-line-list--color: var(--tux-ref-color--la-trobe-black);
}

.u-bg--light-gray2,
[data-bg-hover=light-gray2]:hover {
  --tux-sys-color--background: var(--tux-ref-color--light-gray2);
  --tux-sys-color--on-background: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--surface: color-mix(in oklab, transparent, var(--tux-ref-color--gray2) 10%);
  --tux-sys-color--on-surface: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--primary: var(--tux-ref-color--charcoal);
  --tux-sys-color--on-primary: var(--tux-ref-color--white);
  --tux-sys-color--secondary: var(--tux-ref-color--la-trobe-red);
  --tux-sys-color--on-secondary: var(--tux-ref-color--white);
  --tux-el-hr--color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-card--hover--overlay-color: color-mix(in oklab, transparent, var(--tux-ref-color--la-trobe-black) 10%);
  --tux-comp-button--filled--color: var(--tux-ref-color--charcoal);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-icon--color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-icon--on-color: var(--tux-ref-color--white);
  --tux-util-highlight--color: var(--tux-ref-color--la-trobe-black);
}

.u-text--light-gray2,
.has-light-gray2-color {
  color: var(--tux-ref-color--light-gray2);
}

.u-button--color-light-gray2 {
  --tux-comp-button--color: var(--tux-ref-color--light-gray2);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--light-gray2);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--la-trobe-black);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-light-gray2 {
  --tux-comp-detailed-list--color: var(--tux-ref-color--light-gray2);
  --tux-comp-featured-list--color: var(--tux-ref-color--light-gray2);
  --tux-comp-line-list--color: var(--tux-ref-color--light-gray2);
}

.u-bg--black,
[data-bg-hover=black]:hover {
  --tux-sys-color--background: var(--tux-ref-color--black);
  --tux-sys-color--on-background: var(--tux-ref-color--white);
  --tux-sys-color--surface: color-mix(in oklab, var(--tux-sys-color--background), var(--tux-sys-color--on-background) 25%);
  --tux-sys-color--on-surface: var(--tux-ref-color--white);
  --tux-sys-color--secondary: var(--tux-ref-color--la-trobe-red);
  --tux-sys-color--on-secondary: var(--tux-ref-color--white);
  --tux-el-hr--color: var(--tux-ref-color--white);
  --tux-comp-button--filled--color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-icon--color: var(--tux-ref-color--white);
  --tux-comp-icon--on-color: var(--tux-ref-color--black);
}

.u-text--black,
.has-black-color {
  color: var(--tux-ref-color--black);
}

.u-button--color-black {
  --tux-comp-button--color: var(--tux-ref-color--black);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--black);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-black {
  --tux-comp-detailed-list--color: var(--tux-ref-color--black);
  --tux-comp-featured-list--color: var(--tux-ref-color--black);
  --tux-comp-line-list--color: var(--tux-ref-color--black);
}

.u-bg--la-trobe-black2,
[data-bg-hover=la-trobe-black2]:hover {
  --tux-sys-color--background: var(--tux-ref-color--la-trobe-black2);
  --tux-sys-color--on-background: var(--tux-ref-color--white);
  --tux-sys-color--surface: var(--tux-ref-color--charcoal);
  --tux-sys-color--on-surface: var(--tux-ref-color--white);
  --tux-sys-color--primary: var(--tux-ref-color--white);
  --tux-sys-color--on-primary: var(--tux-ref-color--la-trobe-black2);
  --tux-sys-color--secondary: var(--tux-ref-color--la-trobe-red);
  --tux-sys-color--on-secondary: var(--tux-ref-color--white);
  --tux-el-hr--color: var(--tux-ref-color--white);
  --tux-comp-card--hover--overlay-color: color-mix(in oklab, transparent, var(--tux-ref-color--la-trobe-black2) 10%);
  --tux-comp-site-footer--border-color: color-mix(in oklab, transparent, var(--tux-ref-color--white) 10%);
  --tux-comp-site-footer-simple--border-color: color-mix(in oklab, transparent, var(--tux-ref-color--white) 10%);
  --tux-comp-menu--item-line-color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-icon--color: var(--tux-ref-color--white);
  --tux-comp-icon--on-color: var(--tux-ref-color--la-trobe-black2);
  --tux-util-highlight--color: var(--tux-ref-color--white);
}

.u-text--la-trobe-black2,
.has-la-trobe-black2-color {
  color: var(--tux-ref-color--la-trobe-black2);
}

.u-button--color-la-trobe-black2 {
  --tux-comp-button--color: var(--tux-ref-color--la-trobe-black2);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--la-trobe-black2);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-la-trobe-black2 {
  --tux-comp-detailed-list--color: var(--tux-ref-color--la-trobe-black2);
  --tux-comp-featured-list--color: var(--tux-ref-color--la-trobe-black2);
  --tux-comp-line-list--color: var(--tux-ref-color--la-trobe-black2);
}

.u-bg--charcoal,
[data-bg-hover=charcoal]:hover {
  --tux-sys-color--background: var(--tux-ref-color--charcoal);
  --tux-sys-color--on-background: var(--tux-ref-color--white);
  --tux-sys-color--surface: color-mix(in oklab, transparent, var(--tux-ref-color--white) 20%);
  --tux-sys-color--on-surface: var(--tux-ref-color--white);
  --tux-sys-color--primary: var(--tux-ref-color--white);
  --tux-sys-color--on-primary: var(--tux-ref-color--charcoal);
  --tux-el-hr--color: var(--tux-ref-color--white);
}

.u-text--charcoal,
.has-charcoal-color {
  color: var(--tux-ref-color--charcoal);
}

.u-button--color-charcoal {
  --tux-comp-button--color: var(--tux-ref-color--charcoal);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--charcoal);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-charcoal {
  --tux-comp-detailed-list--color: var(--tux-ref-color--charcoal);
  --tux-comp-featured-list--color: var(--tux-ref-color--charcoal);
  --tux-comp-line-list--color: var(--tux-ref-color--charcoal);
}

.u-bg--la-trobe-red,
[data-bg-hover=la-trobe-red]:hover {
  --tux-sys-color--background: var(--tux-ref-color--la-trobe-red);
  --tux-sys-color--on-background: var(--tux-ref-color--white);
  --tux-sys-color--surface: color-mix(in oklab, transparent, var(--tux-ref-color--la-trobe-black) 20%);
  --tux-sys-color--on-surface: var(--tux-ref-color--white);
  --tux-sys-color--primary: var(--tux-ref-color--white);
  --tux-sys-color--on-primary: var(--tux-ref-color--la-trobe-red);
  --tux-el-hr--color: var(--tux-ref-color--white);
  --tux-comp-button--filled--color: var(--tux-ref-color--la-trobe-black);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
}

.u-text--la-trobe-red,
.has-la-trobe-red-color {
  color: var(--tux-ref-color--la-trobe-red);
}

.u-button--color-la-trobe-red {
  --tux-comp-button--color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-la-trobe-red {
  --tux-comp-detailed-list--color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-featured-list--color: var(--tux-ref-color--la-trobe-red);
  --tux-comp-line-list--color: var(--tux-ref-color--la-trobe-red);
}

.u-bg--light-gray1,
[data-bg-hover=light-gray1]:hover {
  --tux-sys-color--background: var(--tux-ref-color--light-gray1);
  --tux-sys-color--on-background: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--surface: color-mix(in oklab, transparent, var(--tux-ref-color--gray2) 10%);
  --tux-sys-color--on-surface: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--primary: var(--tux-ref-color--charcoal);
  --tux-sys-color--on-primary: var(--tux-ref-color--white);
  --tux-comp-card--hover--overlay-color: color-mix(in oklab, transparent, var(--tux-ref-color--la-trobe-black) 10%);
  --tux-util-highlight--color: var(--tux-ref-color--la-trobe-black);
}

.u-text--light-gray1,
.has-light-gray1-color {
  color: var(--tux-ref-color--light-gray1);
}

.u-button--color-light-gray1 {
  --tux-comp-button--color: var(--tux-ref-color--light-gray1);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--light-gray1);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--la-trobe-black);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-light-gray1 {
  --tux-comp-detailed-list--color: var(--tux-ref-color--light-gray1);
  --tux-comp-featured-list--color: var(--tux-ref-color--light-gray1);
  --tux-comp-line-list--color: var(--tux-ref-color--light-gray1);
}

.u-bg--gray1,
[data-bg-hover=gray1]:hover {
  --tux-sys-color--background: var(--tux-ref-color--gray1);
  --tux-sys-color--on-background: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--surface: color-mix(in oklab, transparent, var(--tux-ref-color--gray1) 10%);
  --tux-sys-color--on-surface: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--primary: var(--tux-ref-color--charcoal);
  --tux-sys-color--on-primary: var(--tux-ref-color--white);
  --tux-comp-card--hover--overlay-color: color-mix(in oklab, transparent, var(--tux-ref-color--la-trobe-black) 10%);
  --tux-util-highlight--color: var(--tux-ref-color--la-trobe-black);
}

.u-text--gray1,
.has-gray1-color {
  color: var(--tux-ref-color--gray1);
}

.u-button--color-gray1 {
  --tux-comp-button--color: var(--tux-ref-color--gray1);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--gray1);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--la-trobe-black);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-gray1 {
  --tux-comp-detailed-list--color: var(--tux-ref-color--gray1);
  --tux-comp-featured-list--color: var(--tux-ref-color--gray1);
  --tux-comp-line-list--color: var(--tux-ref-color--gray1);
}

.u-bg--gray2,
[data-bg-hover=gray2]:hover {
  --tux-sys-color--background: var(--tux-ref-color--gray2);
  --tux-sys-color--on-background: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--surface: color-mix(in oklab, transparent, var(--tux-ref-color--gray2) 10%);
  --tux-sys-color--on-surface: var(--tux-ref-color--la-trobe-black);
  --tux-sys-color--primary: var(--tux-ref-color--charcoal);
  --tux-sys-color--on-primary: var(--tux-ref-color--white);
  --tux-comp-card--hover--overlay-color: color-mix(in oklab, transparent, var(--tux-ref-color--la-trobe-black) 10%);
  --tux-util-highlight--color: var(--tux-ref-color--la-trobe-black);
}

.u-text--gray2,
.has-gray2-color {
  color: var(--tux-ref-color--gray2);
}

.u-button--color-gray2 {
  --tux-comp-button--color: var(--tux-ref-color--gray2);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--gray2);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--la-trobe-black);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-gray2 {
  --tux-comp-detailed-list--color: var(--tux-ref-color--gray2);
  --tux-comp-featured-list--color: var(--tux-ref-color--gray2);
  --tux-comp-line-list--color: var(--tux-ref-color--gray2);
}

.u-bg--gray3,
[data-bg-hover=gray3]:hover {
  --tux-sys-color--background: var(--tux-ref-color--gray3);
  --tux-sys-color--on-background: var(--tux-ref-color--white);
  --tux-sys-color--surface: var(--tux-ref-color--charcoal);
  --tux-sys-color--on-surface: var(--tux-ref-color--white);
  --tux-sys-color--primary: var(--tux-ref-color--white);
  --tux-sys-color--on-primary: var(--tux-ref-color--gray3);
  --tux-comp-card--hover--overlay-color: color-mix(in oklab, transparent, var(--tux-ref-color--gray3) 10%);
  --tux-util-highlight--color: var(--tux-ref-color--white);
}

.u-text--gray3,
.has-gray3-color {
  color: var(--tux-ref-color--gray3);
}

.u-button--color-gray3 {
  --tux-comp-button--color: var(--tux-ref-color--gray3);
  --tux-comp-button--hover--color: initial;
  --tux-comp-button--hover--on-color: initial;
  --tux-comp-button--filled--color: var(--tux-ref-color--gray3);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--white);
  --tux-comp-button--filled--hover--color: initial;
  --tux-comp-button--filled--hover--on-color: initial;
}

.u-lines--color-gray3 {
  --tux-comp-detailed-list--color: var(--tux-ref-color--gray3);
  --tux-comp-featured-list--color: var(--tux-ref-color--gray3);
  --tux-comp-line-list--color: var(--tux-ref-color--gray3);
}

.u-font--knockout {
  font-family: var(--tux-ref-type--font--knockout);
  --tux-sys-type--line-height: var(--tux-ref-type--font--knockout--lh);
}

.u-font--dm-sans {
  font-family: var(--tux-ref-type--font--dm-sans);
  --tux-sys-type--line-height: var(--tux-ref-type--font--dm-sans--lh);
}