::-moz-selection,
::selection {color: #ffffff; background-color: var(--primary);}

:root {
  --corridor: 84.8333rem;
  --font:     'Arial';
}


* {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 {padding: 0; 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;}

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

h1, .h1               {font-size: 2.20rem; line-height: 1.3em;}
h2, .h2               {font-size: 1.66rem; line-height: 1.3em;}
h3, .h3               {font-size: 1.38rem; line-height: 1.3em;}
h4, .h4               {font-size: 1.11rem; line-height: 1.3em;}
h5, .h5               {font-size: 1.66rem; line-height: 1.3em;}
h6, .h6               {font-size: 1.00rem; line-height: 1.3em;}

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: var(--white)}
      .select-field .options .option.active {color: var(--trim); background-color: var(--white)}


pre {max-width: 100%; white-space: pre-wrap;}
pre.debug {text-decoration: none !important; padding: 15px; font-family: 'Courier New'; font-size: 12px; border: 2px solid rgb(255, 0, 88); border-left-width: 60px; margin: 0; background-color: #fff; color: #333; border-radius: 4px; margin: 10px; position: relative;}
pre.debug * {text-decoration: none !important;}
pre.debug span.emoji {font-size: 36px; line-height: 1; display: block; border-radius: 18px; background-color: #fff; margin-left: -61px; position: absolute;}

.privacy-modal {padding: 25px; background-color: rgba(0, 0, 0, 0.7); position: fixed; bottom: 0; left: 0; width: 100%;}
  .privacy-modal .privacy-modal-inner {}
    .privacy-modal h4 {color: #fff;}
    .privacy-modal p {color: #fff;}
    .privacy-modal p.ack {text-align: right;}