:root {
  --ratio-unison: 1;
  --ratio-perfect-fourth: 1.33333;
  --ratio-perfect-fifth: 1.5;
  --ratio-golden-ratio: 1.61803399;
  --white: #fff;
  --lightest-gray: #f5f5f5;
  --lighter-gray: #dedede;
  --light-gray: #afafaf;
  --medium-gray: #999;
  --dark-gray: #575757;
  --darkest-gray: #2a2a2a;
  --black: #000;
  --gray: var(--medium-gray);
  --red: red;
  --orange: #ff5300;
  --green: #b9d41b;
  --turqoise: #00aba9;
  --purple: #606;
  --emerald: #5cb300;
  --default-color: var(--darkest-gray);
  --dark-color: var(--dark-gray);
  --medium-color: var(--medium-gray);
  --light-color: var(--lighter-gray);
  --error-color: #ff453a;
  --warning-color: var(--red);
  --success-color: var(--green);
  --heading-color: var(--default-color);
  --heading-orange-color: var(--orange);
  --title-color: var(--darkest-gray);
  --text-color: var(--dark-color);
  --link-color: var(--color-primary);
  --link-medium-gray-color: var(--medium-gray);
  --button-color: var(--color-primary);
  --border-color: var(--gray);
  --placeholder-color: #a0a0a0;
  --breadcrumbs-background: var(--color-primary);
  --breadcrumbs-color: var(--white);
  --yuniku-white: #fff;
  --yuniku-black-midnight: #24242e;
  --yuniku-red: #ff453a;
  --yuniku-green: #30d158;
  --yuniku-default-gray: #c3c3cd;
  --yuniku-spect-yellow: #f4ff00;
  --yuniku-orange: #c3cc00;
  --yuniku-blue-medium: #0090d1;
  --fw--thin: 100;
  --fw--extra-light: 200;
  --fw--light: 300;
  --fw--regular: 400;
  --fw--medium: 500;
  --fw--semi-bold: 600;
  --fw--bold: 700;
  --fw--extra-bold: 800;
  --fw--black: 900;
  --fw--extra-black: 1000;
  --fw--normal: var(--fw--regular);
  --font-family: GalanoGrotesqueRegular, Arial, sans-serif;
  --font-family-primary: GalanoGrotesqueBold, Arial, sans-serif;
  --font-family-default: var(--font-family);
  --font-family-secondary: GalanoGrotesqueLight, "Arial Light", Arial, sans-serif;
  --fw: var(--fw--medium);
  --lh: 1.5;
  --lh--s: 1.25;
  --lh--m: var(--lh);
  --lh--l: 1.75;
  --fs: 1.063rem;
  --fs--xxs: 0.675rem;
  --fs--xs: 0.75rem;
  --fs--s: 0.875rem;
  --fs--m: var(--fs);
  --fs--l: 1.025rem;
  --fs--xl: 1.15rem;
  --fs--xxl: 1.5rem;
  --fs--xxxl: 2rem;
  --fs--xxxxl: 3rem;
  --fs--xxxxxl: 3.25rem;
  --fssf--xs: 1.15;
  --fssf--s: 1.25;
  --fssf--m: 1.3;
  --fssf--l: 1.5;
  --m: 1.5em;
  --m--xs: calc(var(--m) / 3);
  --m--s: calc(var(--m) / 2);
  --m--m: var(--m);
  --m--l: calc(var(--m) * 2);
  --m--xl: calc(var(--m) * 3);
  --p: 1.5rem;
  --p--xxs: calc(var(--p) / 4);
  --p--xs: calc(var(--p) / 3);
  --p--s: calc(var(--p) / 2);
  --p--m: var(--p);
  --p--l: calc(var(--p) * 2);
  --p--xl: calc(var(--p) * 3);
  --b: solid 1px var(--border-color);
  --br: 0.375em;
  --br--m: 1em;
  --br--l: 1.565em;
  --br--round: 999rem;
  --bs: 0 0.1625rem 0.4875rem rgba(0, 0, 0, 0.12), 0 0.3625rem 0.425rem rgba(0, 0, 0, 0.04);
  --bs--l: 0 0.875rem 1.75rem rgba(0, 0, 0, 0.25), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.22);
  --bs--modal: 0 0.175rem 1.95rem rgba(0, 0, 0, 0.25), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.22);
  --zi--base: 1;
  --zi--viewport-indicator: calc(var(--zi--base) + 5);
  --zi--cookie-bar: calc(var(--zi--base) + 4);
  --zi--page-header: calc(var(--zi--base) + 3);
  --zi--modal: calc(var(--zi--base) + 2);
  --zi--overlay: calc(var(--zi--base) + 1);
  --grid-column-count: 12;
  --grid-page-container: 76.5rem;
  --grid-column-gutter: var(--p--m);
  --grid-column-gutter--narrow: calc(var(--grid-column-gutter) / 2);
  --content-max-width: 48.4375rem;
  --header-side-indent: 2.25rem;
  --bp--xs: 20rem;
  --bp--s: 35rem;
  --bp--m: 55rem;
  --bp--l: 65rem;
  --bp--xl: 80rem;
  --bp--xxl: 100rem;
  --bp--xxxl: 125rem;
  --padding-body-top: 100px;
  --content-page-theme-color: var(--color-primary);
  --content-page-theme-page-color: #fff;
  --content-page-theme-secondary-color: #fff;
  --theme-1-color: var(--color-primary);
  --theme-2-color: var(--color-primary);
  --theme-3-color: var(--color-quaternary);
  --padding-body-top: 100px;
  --color-primary: #0055c4;
  --color-secondary: var(--darkest-gray);
  --color-tertiary: #a79f88;
  --color-quaternary: #d1ccbd;
  --spacer: 1rem;
  --theme-1-color: var(--color-primary);
  --theme-2-color: var(--color-primary);
  --theme-3-color: var(--color-quaternary);
}

form {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--color-primary);
  font-size: var(--fs--m);
  line-height: var(--fs--xxl);
}

.sc-formfield-label label {
  color: var(--color-primary) !important;
  font-size: var(--fs--m) !important;
  line-height: var(--fs--xxl) !important;
  border: none !important;
  font-weight: 700 !important;
}

.sc-formfield-input input {
  border: 1px solid var(--light-gray);
  box-shadow: none;
  color: var(--color-secondary);
  font-size: var(--fs--m);
  line-height: var(--fs--xxl);
  padding: 9px 15px;
}

.sc-formfield-input input:focus {
  border: 1px solid var(--color-primary);
  box-shadow: none;
}

.sc-formfield-input input[type="text"],
.sc-formfield-input input[type="number"],
.sc-formfield-input input[type="email"],
.sc-formfield-input input[type="password"] {
  width: 100% !important;
  height: auto !important;
  outline: 0;
}

.sc-formfield-input input[type="radio"],
.sc-formfield-input input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

button[type="submit"] {
  background: var(--color-primary) !important;
  color: var(--white) !important;
  font-size: var(--fs--m) !important;
  font-weight: 700 !important;
  line-height: var(--fs--xxl) !important;
  margin: calc(var(--spacer) * 2) 0 0 !important;
  padding: 13px 22px !important;
  cursor: pointer !important;
  border: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}
