@font-face {
  font-family: "Metropolis";
  src: url("../fonts/Metropolis-Bold.woff2");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Metropolis";
  src: url("../fonts/Metropolis-Regular.woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Metropolis";
  src: url("../fonts/Metropolis-Medium.woff2");
  font-style: normal;
  font-weight: 500;
}
html {
  /* ref:colors */
  --tux-ref-color--spartan-green: #18453b;
  --tux-ref-color--dark-green: #002921;
  --tux-ref-color--pigment-green: #00b047;
  --tux-ref-color--kelly-green: #008208;
  --tux-ref-color--lime-green: #7bbd00;
  --tux-ref-color--excellence-green: #0b9a6d;
  --tux-ref-color--refresh-green: #008934;
  --tux-ref-color--white: #fff;
  --tux-ref-color--gray-light: #efeff0;
  --tux-ref-color--black: #000;
  /* ref:fonts */
  --tux-ref-type--font--metroplis: 'Metropolis', Helvetica, sans-serif;
  --tux-ref-type--font--metroplis--lh: calc(
  	1.5ex + 0.9rem
  );
  /* sys:type scale */
  --tux-sys-type--scale--400: 1.125rem;
  --tux-sys-type--scale--700: clamp(2.25rem, 1.174vw + 1.897rem, 2.625rem);
}

body {
  font-family: var(--tux-ref-type--font--metroplis);
  --tux-sys-type--line-height: var(--tux-ref-type--font--metroplis--lh);
}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
  font-weight: 700;
}

label, .highlight, .tux-c-avatar__title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.tux-c-button, .fr-button, .tux-c-accordion:not(.tux-c-accordion--card) .tux-c-accordion__label {
  font-weight: 700;
  font-size: var(--tux-sys-type--scale--200);
  text-transform: uppercase;
  letter-spacing: 0.09em;
}

.tux-c-tabs:not(.tux-c-tabs--cards) .tux-c-tabs__tab {
  font-weight: 400;
}

.u-bg--spartan-green,
[data-bg-hover=spartan-green]:hover {
  --tux-sys-color--background: var(--tux-ref-color--spartan-green);
  --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-ref-color--black) 20%);
  --tux-sys-color--on-surface: var(--tux-ref-color--white);
  --tux-el-hr--color: var(--tux-ref-color--pigment-green);
  --tux-comp-button--filled--color: var(--tux-ref-color--pigment-green);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--black);
  --tux-comp-card--hover--overlay-color: color-mix(in oklab, var(--tux-sys-color--background), var(--tux-ref-color--black) 30%);
  --tux-comp-menu--item-line-color: var(--tux-ref-color--pigment-green);
  --tux-comp-site-header--border-color: var(--tux-ref-color--pigment-green);
  --tux-comp-slider--nav-bg-color: var(--tux-ref-color--pigment-green);
  --tux-comp-slider--nav-text-color: var(--tux-ref-color--black);
}

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

.u-button--color-spartan-green {
  --tux-comp-button--color: var(--tux-ref-color--spartan-green);
  --tux-comp-button--filled--color: var(--tux-ref-color--spartan-green);
  --tux-comp-button--filled--on-color: var(
  	--tux-ref-color--white
  );
}

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

.u-bg--dark-green,
[data-bg-hover=dark-green]:hover {
  --tux-sys-color--background: var(--tux-ref-color--dark-green);
  --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-ref-color--white) 15%);
  --tux-sys-color--on-surface: var(--tux-ref-color--white);
}

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

.u-button--color-dark-green {
  --tux-comp-button--color: var(--tux-ref-color--dark-green);
  --tux-comp-button--filled--color: var(--tux-ref-color--dark-green);
  --tux-comp-button--filled--on-color: var(
  	--tux-ref-color--white
  );
}

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

.u-bg--pigment-green,
[data-bg-hover=pigment-green]:hover {
  --tux-sys-color--background: var(--tux-ref-color--pigment-green);
  --tux-sys-color--on-background: var(--tux-ref-color--black);
  --tux-sys-color--surface: color-mix(in oklab, var(--tux-sys-color--background), var(--tux-ref-color--white) 15%);
  --tux-sys-color--on-surface: var(--tux-ref-color--black);
  --tux-comp-accordion--text-color: var(--tux-ref-color--white);
  --tux-comp-accordion--icon-color: var(--tux-ref-color--white);
  --tux-comp-card--hover--overlay-color: color-mix(in oklab, var(--tux-sys-color--background), var(--tux-ref-color--white) 25%);
}

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

.u-button--color-pigment-green {
  --tux-comp-button--color: var(--tux-ref-color--pigment-green);
  --tux-comp-button--filled--color: var(--tux-ref-color--pigment-green);
  --tux-comp-button--filled--on-color: var(
  	--tux-ref-color--black
  );
}

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

.u-bg--kelly-green,
[data-bg-hover=kelly-green]:hover {
  --tux-sys-color--background: var(--tux-ref-color--kelly-green);
  --tux-sys-color--on-background: var(--tux-ref-color--white);
}

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

.u-bg--lime-green,
[data-bg-hover=lime-green]:hover {
  --tux-sys-color--background: var(--tux-ref-color--lime-green);
  --tux-sys-color--on-background: var(--tux-ref-color--black);
}

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

.u-bg--excellence-green,
[data-bg-hover=excellence-green]:hover {
  --tux-sys-color--background: var(--tux-ref-color--excellence-green);
  --tux-sys-color--on-background: var(--tux-ref-color--black);
}

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

.u-bg--refresh-green,
[data-bg-hover=refresh-green]:hover {
  --tux-sys-color--background: var(--tux-ref-color--refresh-green);
  --tux-sys-color--on-background: var(--tux-ref-color--white);
}

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

.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--black);
  --tux-sys-color--surface: var(--tux-ref-color--gray-light);
  --tux-sys-color--on-surface: var(--tux-ref-color--black);
  --tux-sys-color--primary: var(--tux-ref-color--spartan-green);
  --tux-sys-color--on-primary: var(--tux-ref-color--white);
  --tux-sys-color--secondary: var(--tux-ref-color--spartan-green);
  --tux-sys-color--on-secondary: var(--tux-ref-color--white);
  --tux-comp-accordion--bg-color: var(--tux-ref-color--spartan-green);
  --tux-comp-button--filled--color: var(--tux-ref-color--pigment-green);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--black);
  --tux-comp-panelset--main-color: var(--tux-ref-color--dark-green);
  --tux-comp-panelset--on-main-color: var(--tux-ref-color--white);
  --tux-comp-slider--nav-bg-color: var(--tux-ref-color--spartan-green);
  --tux-comp-slider--nav-text-color: var(--tux-ref-color--white);
  --tux-util-highlight--color: var(--tux-ref-color--spartan-green);
}

.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--filled--color: var(--tux-ref-color--white);
  --tux-comp-button--filled--on-color: var(
  	--tux-ref-color--black
  );
}

.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--gray-light,
[data-bg-hover=gray-light]:hover {
  --tux-sys-color--background: var(--tux-ref-color--gray-light);
  --tux-sys-color--on-background: var(--tux-ref-color--black);
  --tux-sys-color--surface: var(--tux-ref-color--white);
  --tux-sys-color--on-surface: var(--tux-ref-color--black);
  --tux-sys-color--primary: var(--tux-ref-color--spartan-green);
  --tux-sys-color--on-primary: var(--tux-ref-color--white);
  --tux-sys-color--secondary: var(--tux-ref-color--spartan-green);
  --tux-sys-color--on-secondary: var(--tux-ref-color--white);
  --tux-comp-accordion--bg-color: var(--tux-ref-color--spartan-green);
  --tux-comp-accordion--text-color: var(--tux-ref-color--white);
  --tux-comp-accordion--icon-color: var(--tux-ref-color--white);
  --tux-comp-button--filled--color: var(--tux-ref-color--pigment-green);
  --tux-comp-button--filled--on-color: var(--tux-ref-color--black);
  --tux-comp-card--hover--overlay-color: color-mix(in oklab, var(--tux-sys-color--background), var(--tux-ref-color--kelly-green) 20%);
  --tux-comp-panelset--main-color: var(--tux-ref-color--dark-green);
  --tux-comp-panelset--on-main-color: var(--tux-ref-color--white);
  --tux-comp-slider--nav-bg-color: var(--tux-ref-color--spartan-green);
  --tux-comp-slider--nav-text-color: var(--tux-ref-color--white);
  --tux-util-highlight--color: var(--tux-ref-color--spartan-green);
}

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

.u-button--color-gray-light {
  --tux-comp-button--color: var(--tux-ref-color--gray-light);
  --tux-comp-button--filled--color: var(--tux-ref-color--gray-light);
  --tux-comp-button--filled--on-color: var(
  	--tux-ref-color--black
  );
}

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

.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-comp-card--hover--overlay-color: color-mix(in oklab, var(--tux-sys-color--background), var(--tux-sys-color--on-background) 30%);
  --tux-comp-icon--color: var(--tux-ref-color--white);
  --tux-comp-icon--on-color: var(--tux-ref-color--spartan-green);
}

.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--filled--color: var(--tux-ref-color--black);
  --tux-comp-button--filled--on-color: var(
  	--tux-ref-color--white
  );
}

.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-font--metroplis {
  font-family: var(--tux-ref-type--font--metroplis);
  --tux-sys-type--line-height: var(--tux-ref-type--font--metroplis--lh);
}