::-moz-selection,
::selection {color: var(--white); background-color: var(--black);}

:root {
  --corridor: 77.7777rem;
  --font:     'Proxima Nova', 'Times', 'sans-serif';
}

html.dark-mode {filter: invert(100%);}
html.dark-mode img, html.dark-mode [style*="background-image"] {filter: invert(100%);}

* {box-sizing: border-box; outline: none;}

html {font-size: 18px; background-color: var(--white); width: 100%; overflow-x: hidden}
html, body {min-height: 100vh;}

body { margin: 0; font-family: var(--font); color: var(--black); letter-spacing: 0; line-height: 1.33rem; max-width: 100%; font-size: 1rem;}

p {margin: 0 0 1.666rem 0;}
p:last-child {margin-bottom: 0}

ul {margin: 0 0 1.666rem 0;}

ol {margin: 0 0 1.666rem 0;}

a {color: var(--black); text-decoration: underline; margin: 0}
a:hover,
a:focus {text-decoration: underline;}
a:active {text-decoration: underline;}
a:visited {color: var(--black)}

.button,
input[type="submit"],
button,
a.button {border: 0.0277rem solid var(--black); font-size: 0.8888rem; line-height: 1.1111rem; padding: 0.5555rem 1.7777rem; text-decoration: none; text-transform: uppercase; font-weight: 800; background-color: var(--white); color: var(--black); cursor: pointer; display: inline-block;}

.button:hover,
input[type="submit"]:hover,
button:hover {color: var(--black); background-color: var(--white)}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5,.h6 {margin-top: 0;}

h1, .h1               {font-size: 2.20rem; line-height: 2.66rem;}
h2, .h2               {font-size: 1.44rem; margin: 0 0 35px 0}
h3, .h3               {font-size: 1.38rem; line-height: 1.78rem;}
h4, .h4               {font-size: 1.11rem; line-height: 1.33rem;}
h5, .h5               {font-size: 1.66rem; line-height: 2.05rem;}
h6, .h6               {font-size: 1.00rem; line-height: 1.33rem;}

strong {font-weight: bold;}
em {font-style: italic;}

.image {}
  .image img {display: block; height: auto; max-width: 100%; width: auto}

.hide-text {overflow: hidden; text-indent: 100%; line-height: 100%; color: transparent;}

input:-webkit-autofill::first-line,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 1.6666rem var(--white) inset !important; font-family: var(--font) !important; font-size: 1rem !important;}


a.select-field {text-decoration: none !important;}
.select-field * {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: var(--black)}

.select-field {position: relative; font-size: 0.8888rem; background: transparent; cursor: pointer; display: block; text-decoration: none; color: var(--black)}
.select-field::before,
.expand-form::before {width: 0.6933rem; height: 0.235rem; background-color: var(--caption); mask-image: var(--iconselectarrow); -webkit-mask-image: var(--iconselectarrow); content: ''; position: absolute; right: 0.5555rem; top: 50%; transform: translateY(-50%); z-index: -1; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center;}

.select-field.active {}
.select-field.active::before {transform: translateY(-50%) rotate(180deg);}
  .select-field .select-inner {}
    .select-field .selected {padding: 0.5rem 0.5555rem; border: 0.02777rem solid var(--border);}

    .select-field .options {display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: var(--white); z-index: 1000; border: 0.02777rem solid var(--border); border-top: 0}
    .select-field.active .options {display: block;}
      .select-field .options .option {color: var(--black); padding: 0.2755rem 0.5555rem; display: block; text-decoration: none !important; color: var(--black)}
      .select-field .options .option:hover,
      html.focus-active .select-field .options .option:focus-within {background-color: var(--trim); color: grey}
      .select-field .options .option.active {color: var(--trim); background-color: var(--white)}


pre {max-width: 100%; white-space: pre-wrap;}