@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700|Montserrat:400,600&display=swap");
.modal-bg {
  position: fixed;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 1;
  perspective: 5000px;
  transition: opacity 0.4s ease-in-out;
}
.modal-bg.closed {
  opacity: 0;
  pointer-events: none;
}

.modal-panel {
  margin-top: 0;
  max-width: 580px;
  width: 100%;
  background-color: #FFFFFF;
  overflow-y: hidden;
  padding: 40px;
  transform: rotateX(0) scale(1);
  transform-origin: 50% 10%;
  transition: margin-top 0.6s ease-in-out, transform 0.4s ease 0.4s;
}
.closed .modal-panel {
  transform: rotateX(30deg) scale(1.2);
  margin-top: -120%;
}
.modal-panel.modal-panel-wide {
  max-width: 90%;
}
.modal-panel.modal-panel-wide .modal-content {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.modal-header {
  display: flex;
  padding-bottom: 30px;
}

.modal-title {
  flex: 2;
  margin: 0;
}

.modal-close i {
  color: #59B381;
  font-size: 36px;
  margin-top: -6px;
  margin-right: -6px;
  cursor: pointer;
}

.modal-content {
  padding-bottom: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 70vh;
}
.modal-content form, .modal-content .form {
  width: 100%;
}
.modal-content.no-padding {
  padding-bottom: 0;
}

.modal-actions {
  display: flex;
  align-items: center;
}

.modal-actions * {
  margin-left: 30px;
  margin-right: 30px;
}

.modal-footer {
  text-align: center;
  padding-top: 30px;
  border-top: 2px solid #DEF0E6;
}
.modal-footer.no-divider {
  padding-bottom: 0;
  padding-top: 0;
  border-top: none;
}
.modal-footer.no-padding {
  padding-top: 0;
}

.modal-link .link {
  margin-left: 10px;
}

:root {
  --grey-h: 214deg;
  --grey-s: 9%;
  --grey-l: 85%;
  --grey-lightest: hsl(var(--grey-h), var(--grey-s), calc(var(--grey-l) * 1.5));
  --grey-lighter: hsl(var(--grey-h), var(--grey-s), calc(var(--grey-l) * 1.14));
  --grey-light: hsl(var(--grey-h), var(--grey-s), calc(var(--grey-l) * 1.08));
  --grey-medium: hsl(var(--grey-h), var(--grey-s), calc(var(--grey-l)));
  --grey-dark: hsl(var(--grey-h), var(--grey-s), calc(var(--grey-l) * .92));
  --grey-darker: hsl(var(--grey-h), var(--grey-s), calc(var(--grey-l) * .5));
  --grey-darkest: hsl(var(--grey-h), calc(var(--grey-s) + 18%), calc(var(--grey-l) - 60%));
  --main-color-h: 147deg;
  --main-color-s: 34%;
  --main-color-l: 47%;
  --main-color-lightest: #DEF0E6;
  --main-color-lighter: #CAE3D5;
  --main-color-lighten: #8EC7A8;
  --main-color-light: #59B381;
  --main-color-dark: #356B4D;
  --main-color-new: hsl(var(--main-color-h), var(--main-color-s), var(--main-color-l));
  --main-color-lightest: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) * 2));
  --main-color-lighter: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) * 1.8));
  --main-color-lighten: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) * 1.5));
  --main-color-light: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) * 1.15));
  --main-color-dark: hsl(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) * .68));
  --warning-color: #ECC798;
  --warning-color-dark: #D08526;
  --error-color: #EB5757;
  --error-color-dark: #9A3232;
  --white-color: #ffffff;
  --black-color: #40404E;
  --grey-color: #6D7785;
  --green-color: #4FA073;
  --green-color-light: #59b381;
  --green-color-lightest: #DCECE3;
  --red-color: #BD5A5A;
  --red-color-lightest: #F2DEDE;
  --amber-color: #D87B38;
  --amber-color-dark: hsl(25deg, 67%, calc(53% * .68));
  --amber-color-lightest: #F7E5D7;
  --featured-color: #ED9C00;
  --main-font-size: 16px;
  --main-line-height: 1.5em;
  --main-text-color: #2F3C51;
  --main-new-font-family: "Lato", sans-serif;
  --header-new-font-family: "Montserrat";
  --header-text-transform: none;
  --footer-color: var(--white-color);
  --app-nav-color: var(--black-color);
}

.future {
  /* Mobile variants for fonts */
  /*input:invalid {
    border-color: var(--error-color-dark);
  }*/
  /* Vendor Overrides */
}
.future .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.future .mob-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .future .mob-hide {
    display: none;
  }
  .future .mob-only {
    display: block;
  }
}
.future .app, .future .modal-bg {
  font-family: var(--main-new-font-family);
  font-weight: 400;
  font-size: var(--main-font-size);
  line-height: var(--main-line-height);
  color: var(--main-text-color);
}
.future .new-modal-bg {
  font-size: 1em;
}
.future .new-modal-bg .modal-header .modal-title.h3 {
  font-weight: 600;
}
.future .modal-close i {
  color: var(--main-color-new);
}
.future .modal-footer {
  border-top-color: var(--main-color-lighter);
}
.future.full-page .container {
  position: absolute;
  top: 52px;
  width: 100%;
  z-index: 3;
}
.future.full-page.old-nav .container {
  top: 0;
}
.future.gridlist .container {
  /* Required for Safari. Heaven knows why */
  display: grid;
  grid-template-columns: 100%;
}
.future.gridlist div.main_nav + div.container, .future.gridlist div.main_nav.no-app-nav + div.container {
  justify-content: inherit;
}
.future div.main_nav + div.container {
  min-height: calc(100vh - 151px);
  justify-content: space-between;
}
.future div.main_nav.no-app-nav + div.container {
  min-height: calc(100vh - 99px);
  justify-content: space-between;
}
.future .container {
  background-color: var(--white-color);
  padding: 0;
  margin-top: 0;
  max-width: none;
}
.future .container.full-width {
  max-width: 100%;
  padding: 0;
}
.future .container > div {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 2em;
}
@media screen and (max-width: 767px) {
  .future .container > div {
    padding: 1em;
  }
}
.future .container > div.SignUpTerms {
  padding: 0;
}
.future .container > div.full-width {
  max-width: none;
  padding: 0;
}
.future .container .image-list {
  display: grid;
  grid-auto-flow: row;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.future .container .image-list .image {
  position: relative;
  width: 100%;
  height: 240px;
}
.future .container .image-list .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.future .header-highlight {
  height: auto;
}
.future .footer {
  border-top: 2px solid var(--main-color-lighter);
  padding: 2em 0 0;
}
@media screen and (max-width: 767px) {
  .future .footer {
    padding: 1em 0 0;
  }
  .future .footer .grid-right {
    text-align: right;
  }
}
.future .footer.link {
  border-top: none;
}
.future p {
  font-family: var(--main-new-font-family);
  font-weight: 400;
  line-height: 1.5em;
}
.future li {
  font-weight: 400;
}
.future h1, .future h2, .future h3, .future h4, .future h5, .future h6, .future .h1, .future .h2, .future .h3, .future .h4, .future .h5, .future .h6 {
  font-family: var(--header-new-font-family);
  font-weight: 600;
  margin: 0 0 0.5em;
  text-transform: none;
  line-height: 1.5em;
}
.future h1.bold, .future h2.bold, .future h3.bold, .future h4.bold, .future h5.bold, .future h6.bold, .future .h1.bold, .future .h2.bold, .future .h3.bold, .future .h4.bold, .future .h5.bold, .future .h6.bold {
  font-weight: 600 !important;
}
.future h1.regular, .future h2.regular, .future h3.regular, .future h4.regular, .future h5.regular, .future h6.regular, .future .h1.regular, .future .h2.regular, .future .h3.regular, .future .h4.regular, .future .h5.regular, .future .h6.regular {
  font-weight: 400;
}
.future h1.no-mb, .future h2.no-mb, .future h3.no-mb, .future h4.no-mb, .future h5.no-mb, .future h6.no-mb, .future .h1.no-mb, .future .h2.no-mb, .future .h3.no-mb, .future .h4.no-mb, .future .h5.no-mb, .future .h6.no-mb {
  margin-bottom: 0;
}
.future h1.uppercase, .future h2.uppercase, .future h3.uppercase, .future h4.uppercase, .future h5.uppercase, .future h6.uppercase, .future .h1.uppercase, .future .h2.uppercase, .future .h3.uppercase, .future .h4.uppercase, .future .h5.uppercase, .future .h6.uppercase {
  text-transform: uppercase;
}
.future h1, .future .h1 {
  font-size: 2em;
  text-transform: var(--header-text-transform);
}
.future h2, .future .h2 {
  font-size: 1.5em;
  color: var(--black-color);
  text-transform: var(--header-text-transform);
}
.future h3, .future .h3 {
  font-size: 1.25em;
  font-family: var(--header-new-font-family);
  text-transform: var(--header-text-transform);
  color: var(--black-color);
}
.future .detail-content h3 {
  font-weight: 400;
}
.future h4, .future .h4, .future th {
  font-size: 0.75em;
  text-transform: uppercase;
  color: var(--black-color);
}
.future h4.noUpper, .future .h4.noUpper, .future th.noUpper {
  text-transform: none;
}
.future .featured-title {
  margin-right: 4px;
  color: var(--amber-color);
}
.future h5, .future .h5 {
  font-size: 12px;
}
.future span.slash {
  color: rgba(64, 64, 78, 0.2);
}
.future span.bold {
  font-weight: 700;
  color: var(--black-color);
}
.future a, .future .link {
  color: var(--main-color-new);
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}
.future a i:hover, .future a i:active, .future a i:focus, .future .link i:hover, .future .link i:active, .future .link i:focus {
  text-decoration: none;
}
.future a.no-line:hover, .future a.no-line:active, .future a.no-line:focus, .future .link.no-line:hover, .future .link.no-line:active, .future .link.no-line:focus {
  text-decoration: none;
}
.future a:hover, .future a:active, .future a:focus, .future .link:hover, .future .link:active, .future .link:focus {
  color: var(--main-color-dark);
  text-decoration: underline;
}
.future a:hover i, .future a:active i, .future a:focus i, .future .link:hover i, .future .link:active i, .future .link:focus i {
  text-decoration: none;
}
.future a.danger, .future .link.danger {
  color: var(--error-color-dark);
}
.future a.warning, .future .link.warning {
  color: var(--warning-color-dark);
}
.future a.green-text, .future .link.green-text {
  color: var(--green-color);
}
.future a.grey-text, .future .link.grey-text {
  color: var(--grey-darker);
}
.future a.disabled, .future .link.disabled {
  color: var(--grey-light);
  cursor: not-allowed;
}
.future a.disabled:hover, .future .link.disabled:hover {
  text-decoration: none;
  color: var(--grey-light);
}
.future a.saving, .future .link.saving {
  cursor: wait;
  opacity: 0.7;
}
.future a.saving:hover, .future a.saving:active, .future a.saving:focus, .future .link.saving:hover, .future .link.saving:active, .future .link.saving:focus {
  text-decoration: none;
}
.future a.unselected, .future .link.unselected {
  color: var(--main-text-color);
  font-weight: 700;
}
.future a.unselected:hover, .future .link.unselected:hover {
  color: var(--main-color-dark);
}
.future a.bold, .future .link.bold {
  color: var(--black-color);
  font-weight: 700;
}
.future a.bold:hover, .future .link.bold:hover {
  color: var(--main-color-dark);
  text-decoration: none;
}
.future a.discard, .future .link.discard {
  color: var(--grey-color);
  font-size: 0.8em;
  font-weight: 700;
  opacity: 0.9;
}
.future label, .future .label {
  display: block;
  font-weight: 600;
  font-size: inherit;
  text-transform: var(--header-text-transform);
  margin: 0 0 0.5em;
}
.future label:after, .future .label:after {
  display: none;
}
.future label .optional, .future .label .optional {
  font-size: 12px;
  font-style: italic;
  color: var(--main-color-new);
  padding-left: 5px;
  text-transform: none;
}
.future label.noUpper, .future .label.noUpper {
  text-transform: none;
}
.future label.titleCase, .future .label.titleCase {
  text-transform: capitalize;
}
.future p.optional-intro {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
  color: var(--main-color-new);
  text-transform: none;
}
.future em {
  font-style: italic;
  font-weight: 400;
}
.future small, .future .small {
  font-size: 75%;
}
.future .small-line {
  line-height: 1.1em;
}
.future .large,
.future .title,
.future .intro {
  font-size: 125%;
  line-height: 1.5em;
}
@media screen and (max-width: 767px) {
  .future p {
    font-size: calc(var(--main-font-size) * 0.75) px;
  }
  .future h1, .future .h1 {
    font-size: 2em;
  }
  .future h2, .future .h2 {
    font-size: 1.5em;
  }
  .future h3, .future .h3 {
    font-size: 1.25em;
  }
  .future h4, .future .h4, .future th {
    font-size: 0.8em;
  }
  .future label, .future .label {
    font-size: 1em;
  }
  .future .large {
    line-height: 1.2em;
  }
}
@media screen and (max-width: 767px) {
  .future .hidden-mob {
    display: none !important;
  }
}
.future .uppercase {
  text-transform: uppercase;
}
.future .lowercase {
  text-transform: lowercase;
}
.future .link {
  color: var(--main-color-new);
  font-weight: 700;
  cursor: pointer;
}
.future .link:hover {
  text-decoration: underline;
}
.future .link.warning {
  color: var(--warning-color-dark);
}
.future .link.grey-text {
  color: var(--grey-darker);
}
.future .field-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}
.future .field-row .field {
  flex-basis: 240px;
  flex-shrink: 0;
  flex-grow: 1;
  min-width: 40%;
}
.future .field-row .field-short {
  flex-basis: 230px;
}
.future .field-row .field-row-short {
  flex: 1;
}
.future .field-row .field-row-half {
  flex-grow: 0;
}
.future .field-row .field-row-long {
  flex: 3;
}
.future .field {
  margin-bottom: 2em;
}
.future .contact-image {
  position: relative;
}
.future .contact-image.xsmall {
  width: 26px;
  height: 26px;
}
.future .contact-image.small {
  width: 50px;
  height: 50px;
}
.future .contact-image.xlarge {
  width: 180px;
  height: 180px;
}
.future .contact-image.xxlarge {
  width: 280px;
  height: 280px;
}
.future .contact-image .image-overbox {
  cursor: default;
  position: absolute;
  width: 42px;
  height: 42px;
  right: 0;
  bottom: 0;
  background-color: #fff;
  color: var(--main-color-new);
  border-radius: 50%;
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.15);
}
.future .contact-image .image-overbox i {
  padding-left: 4px;
  padding-top: 4px;
  font-size: 36px;
}
.future .contact-image .featured-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--featured-color);
  color: var(--featured-color);
}
.future .contact-image .featured-badge i {
  padding: 0;
}
.future .photo-field {
  display: flex;
  column-gap: 14px;
}
.future .photo-field .file-input {
  display: none;
}
.future .field-has-error {
  color: var(--error-color-dark);
}
.future .field-has-error input {
  border: 1px solid var(--error-color-dark);
}
.future .field-error {
  margin: 0.5em 0 0;
  font-size: 14px;
  font-weight: bold;
  color: var(--error-color-dark);
}
.future input, .future select, .future textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  display: block;
  outline: 0;
  border: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-radius: 4px;
  font-weight: 400;
  padding: 0.75em 1.2em;
  font-size: inherit;
  font-family: inherit;
  resize: none;
  background-color: var(--grey-lighter);
  transition: border-color 0.3s ease;
}
.future input.resizeable, .future select.resizeable, .future textarea.resizeable {
  resize: both;
}
.future input:disabled, .future select:disabled, .future textarea:disabled {
  cursor: not-allowed;
  background-color: var(--grey-light);
}
.future select.form-control {
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}
.future .modal-bg .FieldInput select.form-control {
  height: 35px;
}
.future .form-control:focus {
  background-color: var(--grey-lighter);
  border: inherit;
}
.future .form-control:focus,
.future input:focus,
.future select:focus,
.future textarea:focus {
  border-color: var(--main-color-new);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.future .field-icon {
  position: relative;
}
.future .field-icon input,
.future .field-icon select {
  background-color: transparent;
  position: relative;
  z-index: 1;
  padding-right: 60px;
}
.future .field-icon-card {
  height: 26px;
  width: auto;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 0;
}
.future .field-icon-material {
  margin: 0;
  height: 24px;
  width: 24px;
  position: absolute;
  bottom: 12px;
  right: 10px;
  z-index: 1;
}
.future .field-select {
  position: relative;
}
.future .field-select:after {
  content: "expand_more";
  font-family: "Material Icons";
  font-size: 24px;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 33px;
  width: 33px;
  z-index: 0;
}
.future .field-select select {
  background-color: transparent;
  position: relative;
  z-index: 1;
}
.future .field-currency {
  position: relative;
}
.future .field-currency input {
  padding-left: 2.5em;
}
.future .field-currency.gbp:after {
  content: "£";
}
.future .field-currency.usd:after {
  content: "$";
}
.future .field-currency:after {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  bottom: 5px;
  left: 15px;
  height: 33px;
  width: 1px;
  z-index: 0;
}
.future .field-code {
  text-align: center;
}
.future .field-code .field-code-container {
  display: flex;
  justify-content: center;
}
.future .field-code .field-code-row {
  display: inline-block;
  position: relative;
  display: flex;
}
.future .field-code input {
  position: absolute;
  border: none;
  font-size: 32px;
  text-align: center;
  background-color: transparent;
  outline: none;
  width: 32px;
  top: 0px;
  bottom: 0px;
  padding: 0;
}
.future .field-code .code-output {
  border: 1px solid var(--main-color-new);
  border-radius: 4px;
  margin: 4px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  position: relative;
}
.future .field-code .code-focus {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  box-shadow: 0 0 0 2px var(--main-color-new);
}
.future .field-checkbox {
  position: relative;
  overflow: hidden;
}
.future .checkbox {
  padding-left: 36px;
  margin: 0;
  position: relative;
  display: block;
}
.future .checkbox input {
  opacity: 0;
  position: absolute;
  left: -99999px;
}
.future .checkbox input:focus + label, .future .checkbox input:hover + label {
  color: var(--main-color-new);
}
.future .checkbox input:focus + label span, .future .checkbox input:hover + label span {
  border-color: var(--main-color-new);
  outline: 0;
}
.future .checkbox label {
  display: inline-block;
  font-weight: 400;
  text-transform: none;
  padding: 0;
}
.future .checkbox.disabled label {
  color: var(--grey-light);
}
.future .checkbox.checkbox-invalid input {
  border-color: var(--error-color-dark);
}
.future .checkbox.checkbox-invalid label {
  color: var(--error-color-dark);
}
.future .checkbox.checkbox-invalid label span {
  border-color: var(--error-color-dark);
}
.future .checkbox-input input:checked + .fake-checkbox + span {
  color: var(--main-text-color);
}
.future .checkbox span.spanbox,
.future .checkbox-input .fake-checkbox {
  display: block;
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid var(--main-color-new);
  background-color: var(--white-color);
  border-radius: 4px;
  margin-right: 0.5em;
  -webkit-box-shadow: inset 0px 0px 0px 3px var(--white-color);
  -moz-box-shadow: inset 0px 0px 0px 3px var(--white-color);
  box-shadow: inset 0px 0px 0px 3px var(--white-color);
  outline: 0;
}
.future .checkbox-input input:focus + .fake-checkbox,
.future .checkbox-input input:hover + .fake-checkbox {
  border-color: var(--main-color-new);
  outline: 0;
}
.future .checkbox-input input:focus + .fake-checkbox + span.spanbox,
.future .checkbox-input input:hover + .fake-checkbox + span.spanbox {
  color: var(--main-color-new);
}
.future .checkbox input:checked + label span.spanbox,
.future .checkbox input:active + label span.spanbox,
.future .checkbox-input input:active + .fake-checkbox,
.future .checkbox-input input:checked + .fake-checkbox {
  background-color: var(--main-color-new);
}
.future th {
  padding: 0.5em 0;
}
.future strong, .future .strong {
  font-weight: 600;
}
.future .semibold {
  font-weight: 500;
}
.future button, .future .button, .future input[type=submit] {
  outline: 0;
  border: 2px solid var(--main-color-new);
  display: inline-block;
  width: auto;
  border-radius: 4px;
  background-color: var(--main-color-new);
  line-height: inherit;
  font-family: var(--main-new-font-family);
  font-weight: 600;
  font-size: inherit;
  color: var(--white-color);
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.5s;
  padding: 0.75em 1.25em;
}
.future button:hover, .future button:active, .future button:focus, .future .button:hover, .future .button:active, .future .button:focus, .future input[type=submit]:hover, .future input[type=submit]:active, .future input[type=submit]:focus {
  background-color: var(--main-color-dark);
  color: var(--white-color);
  border-color: var(--main-color-dark);
  cursor: pointer;
}
.future button.disabled, .future button[disabled], .future .button.disabled, .future .button[disabled], .future input[type=submit].disabled, .future input[type=submit][disabled] {
  background-color: var(--main-color-lightest);
  color: var(--main-color-lighter);
  border-color: var(--main-color-lighter);
  cursor: not-allowed;
}
.future button.danger, .future .button.danger, .future input[type=submit].danger {
  background-color: var(--error-color);
  border-color: var(--error-color-dark);
}
.future button.danger:hover, .future button.danger:active, .future button.danger:focus, .future .button.danger:hover, .future .button.danger:active, .future .button.danger:focus, .future input[type=submit].danger:hover, .future input[type=submit].danger:active, .future input[type=submit].danger:focus {
  background-color: var(--error-color-dark);
}
.future button.warning, .future .button.warning, .future input[type=submit].warning {
  background-color: var(--amber-color);
  border-color: transparent;
}
.future button.warning:hover, .future button.warning:active, .future button.warning:focus, .future .button.warning:hover, .future .button.warning:active, .future .button.warning:focus, .future input[type=submit].warning:hover, .future input[type=submit].warning:active, .future input[type=submit].warning:focus {
  background-color: var(--amber-color-dark);
}
.future button.btn-secondary, .future .button.btn-secondary, .future input[type=submit].btn-secondary {
  background-color: transparent;
  color: var(--main-color-new);
  border-color: var(--main-color-lighter);
}
.future button.btn-secondary:hover, .future button.btn-secondary:active, .future button.btn-secondary:focus, .future .button.btn-secondary:hover, .future .button.btn-secondary:active, .future .button.btn-secondary:focus, .future input[type=submit].btn-secondary:hover, .future input[type=submit].btn-secondary:active, .future input[type=submit].btn-secondary:focus {
  color: var(--main-color-dark);
  border-color: var(--main-color-dark);
}
.future button.btn-secondary.no-border, .future .button.btn-secondary.no-border, .future input[type=submit].btn-secondary.no-border {
  border: none;
}
.future button.btn-secondary.no-border:hover, .future button.btn-secondary.no-border:active, .future button.btn-secondary.no-border:focus, .future .button.btn-secondary.no-border:hover, .future .button.btn-secondary.no-border:active, .future .button.btn-secondary.no-border:focus, .future input[type=submit].btn-secondary.no-border:hover, .future input[type=submit].btn-secondary.no-border:active, .future input[type=submit].btn-secondary.no-border:focus {
  border: none;
}
.future button.btn-secondary.no-padding, .future .button.btn-secondary.no-padding, .future input[type=submit].btn-secondary.no-padding {
  padding: 0;
}
.future button.btn-secondary.no-content, .future .button.btn-secondary.no-content, .future input[type=submit].btn-secondary.no-content {
  height: 3em;
}
.future button.btn-secondary.with-badge .btn-container, .future .button.btn-secondary.with-badge .btn-container, .future input[type=submit].btn-secondary.with-badge .btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3em;
}
.future button.btn-secondary.with-badge .number, .future .button.btn-secondary.with-badge .number, .future input[type=submit].btn-secondary.with-badge .number {
  color: var(--white-color);
}
.future button.btn-secondary.with-badge:hover .number, .future button.btn-secondary.with-badge:active .number, .future .button.btn-secondary.with-badge:hover .number, .future .button.btn-secondary.with-badge:active .number, .future input[type=submit].btn-secondary.with-badge:hover .number, .future input[type=submit].btn-secondary.with-badge:active .number {
  color: var(--main-color-new);
}
.future button.btn-secondary.danger-secondary, .future .button.btn-secondary.danger-secondary, .future input[type=submit].btn-secondary.danger-secondary {
  color: var(--error-color);
  border-color: var(--error-color);
}
.future button.btn-secondary.danger-secondary:hover, .future button.btn-secondary.danger-secondary:active, .future button.btn-secondary.danger-secondary:focus, .future .button.btn-secondary.danger-secondary:hover, .future .button.btn-secondary.danger-secondary:active, .future .button.btn-secondary.danger-secondary:focus, .future input[type=submit].btn-secondary.danger-secondary:hover, .future input[type=submit].btn-secondary.danger-secondary:active, .future input[type=submit].btn-secondary.danger-secondary:focus {
  color: var(--error-color-dark);
  border-color: var(--error-color-dark);
}
.future button.btn-outline, .future .button.btn-outline, .future input[type=submit].btn-outline {
  background-color: var(--white-color);
  color: var(--main-color-new);
}
.future button.btn[disabled], .future button.btn-disabled, .future .button.btn[disabled], .future .button.btn-disabled, .future input[type=submit].btn[disabled], .future input[type=submit].btn-disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.future button.no-upper, .future .button.no-upper, .future input[type=submit].no-upper {
  text-transform: none;
}
.future button.stretch, .future .button.stretch, .future input[type=submit].stretch {
  flex: 1;
}
.future button.toggle-button, .future .button.toggle-button, .future input[type=submit].toggle-button {
  display: flex;
  margin-bottom: 1em;
  padding: 0.5em;
}
@media screen and (max-width: 767px) {
  .future button, .future .button, .future input[type=submit] {
    font-size: 12px;
    padding: 0.3em 1.5em;
  }
}
.future .loading-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.future .loading {
  background-position: center;
  background-repeat: no-repeat;
  -webkit-mask: url("/images/sheep-loader-new.svg") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  cursor: wait !important;
}
.future .loading:before {
  display: none;
}
.future .loading-full {
  position: fixed;
  z-index: 9;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: 120px;
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.future .loading-large {
  height: 200px; /* Full-height */
  width: 200px; /* Full-width */
  background-size: 120px;
  background-color: var(--main-color-new) !important;
  color: transparent !important;
}
.future .loading-small {
  background-size: 40px;
  background-color: var(--main-color-new) !important;
  color: transparent !important;
}
.future .calendar {
  flex-basis: 55%;
  max-width: 580px;
  flex-grow: 1;
  /*@media screen and (max-width: $mobile-breakpoint) {
    flex-basis: 100%;
  }*/
}
.future .calendar .calendar-body.grid {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template-columns: repeat(7, 14.28%);
  grid-template-rows: 30px;
  grid-auto-rows: 5em;
}
@media screen and (max-width: 767px) {
  .future .calendar .calendar-body.grid {
    grid-auto-rows: 3em;
  }
}
.future .calendar .calendar-body.grid .header {
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  color: var(--main-color-new);
}
.future .calendar .calendar-body.grid div {
  border: 2px solid var(--white-color);
  cursor: pointer;
}
.future .calendar .calendar-body.grid div.open, .future .calendar .calendar-body.grid div.closed, .future .calendar .calendar-body.grid div.selected {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.5s, transform 0.2s;
}
.future .calendar .calendar-body.grid div.open span, .future .calendar .calendar-body.grid div.closed span, .future .calendar .calendar-body.grid div.selected span {
  font-size: 22px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .future .calendar .calendar-body.grid div.open span, .future .calendar .calendar-body.grid div.closed span, .future .calendar .calendar-body.grid div.selected span {
    font-size: 16px;
  }
}
.future .calendar .calendar-body.grid div.open:active, .future .calendar .calendar-body.grid div.closed:active, .future .calendar .calendar-body.grid div.selected:active {
  transform: scale(1.1);
}
.future .calendar .calendar-body.grid div.open {
  background-color: var(--main-color-lighter);
}
.future .calendar .calendar-body.grid div.empty, .future .calendar .calendar-body.grid div.header {
  cursor: default;
}
.future .calendar .calendar-body.grid div.closed {
  background-color: var(--main-color-lightest);
  color: var(--main-color-new);
  cursor: not-allowed;
  padding-bottom: 15px;
  padding-top: 15px;
}
.future .calendar .calendar-body.grid div.closed:active {
  transform: none;
}
.future .calendar .calendar-body.grid div.closed span {
  padding-bottom: 8px;
  position: absolute;
}
.future .calendar .calendar-body.grid div.closed::after {
  content: "";
  display: block;
  height: 1px;
  width: 60%;
  background-color: var(--main-color-new);
  transform: rotate(135deg);
  top: 50%;
  left: 20%;
}
.future .calendar .calendar-body.grid div.selected, .future .calendar .calendar-body.grid div.open:hover {
  background-color: var(--main-color-new);
  color: var(--white-color);
}
.future .calendar .calendar-header {
  display: flex;
  width: 100%;
  padding-bottom: 2em;
}
.future .calendar .calendar-prev, .future .calendar .calendar-next {
  flex-grow: 1;
}
.future .calendar .calendar-prev.disabled, .future .calendar .calendar-next.disabled {
  color: var(--main-color-lightest);
  cursor: not-allowed;
}
.future .calendar .calendar-prev.enabled i:hover, .future .calendar .calendar-next.enabled i:hover {
  color: var(--main-color-new);
  cursor: pointer;
}
.future .calendar .calendar-prev {
  text-align: left;
}
.future .calendar .calendar-next {
  text-align: right;
}
.future .calendar .calendar-title {
  flex-grow: 2;
  text-align: center;
}
.future .calendar .calendar-title span {
  margin: 0;
  font-weight: 400;
}
.future .calendar table {
  width: 100%;
  table-layout: fixed;
}
.future .calendar th, .future .calendar td {
  text-align: center;
}
.future .calendar td {
  position: relative;
}
.future .calendar td div {
  padding-bottom: 100%;
  cursor: pointer;
}
.future .calendar td.open div {
  background-color: var(--main-color-lighter);
}
.future .calendar td.closed div {
  background-color: var(--main-color-lightest);
  color: var(--main-color-new);
  cursor: not-allowed;
}
.future .calendar td.closed div:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 60%;
  background-color: var(--main-color-new);
  transform: rotate(135deg);
  top: 50%;
  left: 20%;
}
.future .calendar td.selected div, .future .calendar td.open div:hover {
  background-color: var(--main-color-new);
  color: var(--white-color);
}
.future .calendar td div span {
  font-size: 22px;
  font-weight: 400;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.future .datePicker {
  position: absolute;
  background: white;
  border-radius: 4px;
  padding: 0.3em;
  margin-top: 2px;
  right: 0;
  z-index: 1;
}
.future .datePicker .calendar .calendar-header {
  padding-bottom: 0;
}
.future .datePicker .calendar .calendar-body.grid {
  grid-auto-rows: auto;
}
.future .datePicker.top {
  margin-top: 20px;
  top: 100%;
}
.future .datePicker.top:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: white;
  border-width: 20px;
  margin-left: -20px;
}
.future .datePicker.datePicker-small {
  padding: 1em;
  width: 260px;
}
.future .datePicker.datePicker-small .calendar-title span {
  font-size: 1em;
}
.future .datePicker.datePicker-small .calendar-body.grid {
  grid-auto-rows: 1fr;
  grid-template-rows: repeat(7, 35px);
}
.future .datePicker.datePicker-small .calendar-body.grid .header {
  font-size: 10px;
}
.future .datePicker.datePicker-small .calendar-body.grid div.open span, .future .datePicker.datePicker-small .calendar-body.grid div.closed span, .future .datePicker.datePicker-small .calendar-body.grid div.selected span {
  font-size: 16px;
}
.future .datePicker.datePicker-small .calendar-body.grid div.closed {
  padding: 0;
}
.future .datePicker.datePicker-small .calendar-body.grid div.closed span {
  padding-bottom: 0;
}
.future .timeslot-list {
  align-items: stretch;
  display: flex;
  flex-basis: 40%;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 480px;
  padding-left: 10px;
  padding-top: 1.5em;
}
@media screen and (max-width: 767px) {
  .future .timeslot-list {
    flex-basis: 100%;
    padding-left: 0;
  }
}
.future .timeslot-list .top-row {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.future .timeslot-list .top-row .calendar-link {
  text-decoration: none;
  display: flex;
  font-size: 12px;
}
.future .timeslot-list .top-row .calendar-link i {
  margin-right: 6px;
}
.future .timeslot-list .dayString {
  display: inline-block;
}
.future .timeslot {
  align-items: center;
  border: 2px solid var(--main-color-lighter);
  border-radius: 4px;
  display: flex;
  max-width: 480px;
  margin-top: 10px;
  padding: 1.5em;
}
.future .timeslot p {
  margin: 0;
}
.future .timeslot p.h3 {
  margin-bottom: 5px;
}
.future .timeslot.unavailable {
  background-color: var(--main-color-lighter);
}
.future .timeslot.unavailable .disabled {
  background-color: transparent;
  color: var(--main-color-new);
}
.future .timeslot.empty {
  flex-direction: column;
}
.future .timeslot.empty img {
  width: 70%;
  height: auto;
  padding: 5%;
}
.future .timeslot-price,
.future .timeslot-button {
  flex-grow: 1;
  text-align: right;
}
.future .timeslot-price .button, .future .timeslot-price button,
.future .timeslot-button .button,
.future .timeslot-button button {
  width: 120px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.future .timeslot-button .timeslot-small {
  display: none;
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
  .future .timeslot-price, .future .timeslot-button .timeslot-large {
    display: none;
  }
  .future .timeslot-button .timeslot-small {
    display: inline-block;
  }
}
.future .timeslot-period {
  flex-grow: 2;
}
.future .chooser {
  flex: 1;
  position: relative;
  margin-right: 30px;
  min-width: 200px;
  cursor: pointer;
}
.future .chooser.default {
  margin-right: 0;
  min-width: auto;
}
.future .chooser .category-chooser .choices,
.future .chooser .category-chooser .title {
  background-color: var(--white-color);
  border: 1px solid var(--main-color-new);
  border-radius: 4px;
  font-weight: 600;
  padding: 1em;
  font-size: 14px;
  position: relative;
}
.future .chooser .category-chooser .choices {
  z-index: 2;
  position: absolute;
  top: 4em;
  width: 100%;
  display: none;
}
.future .chooser .category-chooser .choices.fixed250 {
  width: 250px;
}
.future .chooser .category-chooser .choices.right {
  right: 0.5em;
}
@media screen and (max-width: 767px) {
  .future .chooser .category-chooser .choices.right {
    right: -0.5em;
    top: 3em;
  }
}
.future .chooser .category-chooser .choices .choices-label {
  color: var(--main-color-lighter);
  position: relative;
  z-index: 1;
}
.future .chooser .category-chooser .choices .choice {
  text-transform: none;
}
.future .chooser .category-chooser .choices .choice:not(:first-child) {
  margin-top: 10px;
}
.future .chooser .category-chooser .choices .choice.selected, .future .chooser .category-chooser .choices .choice:hover {
  color: var(--main-color-new);
}
.future .chooser .category-chooser .choices .choice .direction-indicator {
  float: right;
}
.future .chooser .category-chooser .title::after {
  content: "expand_more";
  font-family: "Material Icons";
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  top: 16px;
  right: 9px;
  height: 24px;
  width: 24px;
  z-index: 0;
}
.future .chooser .category-chooser.open .choices {
  display: block;
}
.future .chooser.borderless .title {
  border: none;
}
.future .chooser.borderless .title::after {
  right: 18px;
}
.future .chooser.grid-table-chooser {
  max-width: 250px;
  margin-bottom: 1em;
  padding: 0;
}
.future .flex-column {
  flex-direction: column;
}
.future .align-start {
  align-items: flex-start;
}
.future .file-drop-area {
  border: 1px dashed var(--main-color-new);
}
.future .file-drop-area.is-active {
  background-color: var(--main-color-lighter);
}
.future .panel-holder-collapsed {
  display: flex;
  column-gap: 1em;
  flex-wrap: wrap;
}
.future .panel {
  border: 2px solid var(--main-color-lighter);
  border-radius: 4px;
  padding: 1.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1em;
}
.future .panel.panel-info {
  margin-top: 1.5em;
  background-color: var(--main-color-lightest);
}
.future .panel.panel-info label, .future .panel.panel-info .label, .future .panel.panel-wide label, .future .panel.panel-wide .label {
  flex-direction: column;
}
.future .panel.panel-info label small, .future .panel.panel-info .label small, .future .panel.panel-wide label small, .future .panel.panel-wide .label small {
  padding-top: 0.3em;
  padding-left: 0;
}
.future .panel.panel-tiny label small {
  padding-left: 0;
}
.future .panel.panel-grey {
  margin-top: 1.5em;
  background-color: var(--grey-lighter);
}
.future .panel .panel-inputs.with-checkbox {
  padding-left: 36px;
}
.future .panel.panel-link {
  cursor: pointer;
}
.future .panel.flex-column {
  flex-direction: column;
}
.future .panel.align-start {
  align-items: flex-start;
}
.future .panel.disabled {
  background-color: var(--grey-lightest);
}
.future .panel.disabled img {
  filter: opacity(0.4);
}
.future .panel.no-border {
  border: 0;
}
.future .panel.progress-panel {
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0 0 0 auto;
  max-width: 400px;
  background-color: var(--main-color-lighter);
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .future .panel.progress-panel {
    width: 100%;
    max-width: none;
  }
}
.future .panel.progress-panel img {
  width: 100%;
  max-height: 100%;
}
@media screen and (max-width: 767px) {
  .future .panel.progress-panel img {
    display: none;
  }
}
.future .panel.progress-panel .bottom {
  margin-top: auto;
}
.future .panel.progress-panel .item-details {
  display: flex;
  justify-content: flex-start;
  align-self: stretch;
  padding: 2em;
}
@media screen and (max-width: 767px) {
  .future .panel.progress-panel .item-details {
    padding: 1em;
    border-bottom: 5px solid var(--white-color);
  }
  .future .panel.progress-panel .item-details .item-details-total {
    width: 160px;
    text-align: right;
  }
}
.future .panel.progress-panel .item-details .section-title {
  flex-basis: 40%;
}
.future .panel.progress-panel .item-details .section-title a {
  display: block;
}
@media screen and (max-width: 767px) {
  .future .panel.progress-panel .item-details .section-title {
    display: flex;
    flex-basis: 100%;
    justify-content: space-between;
  }
}
.future .panel.progress-panel .item-details .show-as-rows {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .future .panel.progress-panel .item-details .show-as-rows {
    display: none;
  }
}
.future .panel.progress-panel .item-details .mobile-progress-bar {
  display: none;
}
@media screen and (max-width: 767px) {
  .future .panel.progress-panel .item-details .mobile-progress-bar {
    display: block;
    color: var(--main-color-new);
    font-weight: bold;
  }
}
.future .panel.progress-panel .item-details.additional {
  margin-top: 20px;
}
.future .panel.progress-panel .item-details .booking-detail-text {
  cursor: pointer;
  padding: 0.5em 1em;
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}
.future .panel.progress-panel .item-details .booking-detail-text small {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  margin-top: -5px;
}
.future .panel.progress-panel .item-details .booking-detail-text.text-complete {
  color: var(--main-color-new);
}
.future .panel.progress-panel .item-details .booking-detail-text.text-inprogress small {
  color: var(--grey-dark);
}
.future .panel.progress-panel .item-details .booking-detail-text.text-unstarted small {
  color: var(--grey-lighter);
}
.future .panel.progress-panel .item-details .booking-detail-text.no-entry {
  cursor: not-allowed;
}
.future .panel.progress-panel .item-details .booking-detail-text .booking-detail-text-container {
  display: flex;
  align-items: center;
}
.future .panel.progress-panel .item-details .booking-detail-text.text-active-step {
  border-radius: 4px;
  background-color: var(--main-color-new);
  color: var(--white-color);
}
.future .panel.progress-panel .item-details .booking-detail-text.text-active-step i {
  color: var(--white-color);
}
.future .panel.progress-panel .item-details .booking-detail-icon {
  display: flex;
  margin-bottom: 1em;
  align-items: center;
  font-weight: bold;
}
.future .panel.progress-panel .item-details .booking-detail-icon i {
  font-size: 20px;
  margin-right: 5px;
}
.future .panel.purchasedTicket {
  justify-content: space-between;
}
.future .panel .panel-actions {
  display: flex;
  flex-direction: column;
}
.future .panel .ticket-detail-block {
  align-self: flex-start;
  width: 50%;
}
@media screen and (max-width: 979px) {
  .future .panel .ticket-detail-block {
    width: 100%;
  }
}
.future .panel .ticket-detail-block .panel-row {
  font-size: 0.7em;
  display: flex;
  gap: 0.5em;
}
.future .panel .ticket-detail-block .panel-label {
  font-weight: bold;
}
.future .panel .ticket-attendee-block {
  width: 48%;
  align-self: flex-start;
}
@media screen and (max-width: 979px) {
  .future .panel .ticket-attendee-block {
    margin-top: 1em;
    width: 70%;
    border: 1px solid var(--main-color-lighter);
    border-radius: 4px;
  }
}
@media screen and (max-width: 490px) {
  .future .panel .ticket-attendee-block {
    width: 100%;
  }
}
.future .panel .ticket-attendee-block-title {
  font-weight: 500;
  font-size: 1em;
  background-color: var(--main-color-lighter);
  border-radius: 4px;
  width: 100%;
  text-align: center;
  padding: 0.3em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .future .panel .ticket-attendee-block-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.future .panel .ticket-attendee-block .attendee-row {
  font-size: 0.95em;
}
.future .panel.reminder-panel {
  border: 0;
  border-radius: 0;
  padding: 2em;
  margin: 0;
  background-color: var(--main-color-lighter);
  flex-grow: 1;
}
.future .panel.reminder-panel .form-group {
  margin: 0;
}
.future .panel.summary-panel {
  flex-wrap: wrap;
}
.future .panel.summary-panel .summary-date {
  margin-right: 20px;
  height: auto;
  align-self: end;
  justify-self: start;
  background-color: var(--main-color-new);
  border-radius: 4px;
  padding: 1em 1.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.future .panel.summary-panel .summary-date span {
  color: var(--white-color);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .future .panel.summary-panel .summary-date {
    margin: 0 0 0 10px;
    padding: 1em;
  }
}
.future .panel.summary-panel .summary-details p {
  margin: 0;
}
.future .panel.summary-panel .summary-details p.h3 {
  margin-bottom: 5px;
}
.future .panel.summary-panel .summary-exports {
  margin-top: 1.5em;
  flex-basis: 100%;
}
.future .panel.summary-panel .export-link {
  text-decoration: none;
  display: flex;
  font-size: 12px;
}
.future .panel.summary-panel .export-link i {
  margin-right: 6px;
}
.future .panel.summary-panel .export-link span {
  margin-left: 10px;
}
.future .panel.reservation-panel {
  padding: 0;
  font-size: 14px;
  display: block;
}
.future .panel.reservation-panel .reservation-details {
  align-self: stretch;
  display: flex;
  padding: 2em;
}
@media screen and (max-width: 767px) {
  .future .panel.reservation-panel .reservation-details {
    flex-direction: column;
  }
}
.future .panel.reservation-panel .reservation-details .section-title {
  flex-basis: 36%;
  flex-shrink: 0;
}
.future .panel.reservation-panel .reservation-details .show-as-rows {
  display: flex;
  flex-direction: column;
  min-width: 10px;
}
.future .panel.reservation-panel .reservation-details .show-as-rows span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.future .panel.reservation-panel .reservation-details.additional {
  margin-top: 20px;
}
.future .panel.reservation-panel .reservation-exports {
  flex-basis: 100%;
  padding: 0 2em 2em;
}
.future .panel.reservation-panel .export-link {
  text-decoration: none;
  display: flex;
  font-size: 12px;
}
.future .panel.reservation-panel .export-link i {
  margin-right: 6px;
}
.future .panel.text-complete {
  background-color: var(--main-color-lighter);
}
.future .panel.text-complete .panel-text {
  color: var(--main-color-new);
}
.future .panel.text-inprogress .panel-text {
  color: var(--grey-dark);
}
.future .panel.text-unstarted .panel-text {
  color: var(--grey-light);
}
.future .panel-checkbox {
  flex-grow: 1;
}
.future .panel-checkbox .field {
  margin: 0;
}
.future .panel-checkbox label,
.future .panel-checkbox .label {
  display: flex;
  margin: 0;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}
.future .panel-checkbox label small, .future .panel-checkbox label .small,
.future .panel-checkbox .label small,
.future .panel-checkbox .label .small {
  font-size: 100%;
  font-weight: normal;
  padding-left: 2em;
}
.future .panel-checkbox label small.pl-0, .future .panel-checkbox label .small.pl-0,
.future .panel-checkbox .label small.pl-0,
.future .panel-checkbox .label .small.pl-0 {
  padding-left: 0;
}
.future .panel-checkbox label strong, .future .panel-checkbox label .strong,
.future .panel-checkbox .label strong,
.future .panel-checkbox .label .strong {
  min-width: 140px;
  display: block;
}
.future .panel-checkbox label b,
.future .panel-checkbox .label b {
  font-weight: normal;
  display: block;
}
.future .panel-icon {
  flex-grow: 2;
  display: flex;
  flex: inherit;
}
.future .panel-icon.icon-active {
  color: var(--main-color-new);
}
.future .panel-icon-card {
  height: 34px;
  width: auto;
  padding-left: 0.5em;
}
.future .panel-text {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.future .container .top-progress-nav {
  max-width: none;
  padding: 0;
  border-bottom: 1px solid var(--main-color-new);
}
@media (max-height: 490px) {
  .future .container .top-progress-nav {
    height: 70px;
  }
}
.future .container .existing-applications {
  max-width: none;
  margin-top: -1em;
  margin-bottom: 1em;
  background-color: var(--main-color-lightest);
  padding: 0;
}
.future .container .existing-applications > div {
  padding: 2em;
  max-width: 1200px;
  margin: 0 auto;
}
.future .container .existing-applications > div .panel {
  background-color: var(--white-color);
}
@media screen and (max-width: 767px) {
  .future .container .existing-applications > div {
    padding: 1em;
  }
}
.future .top-progress-header {
  display: none;
}
@media screen and (max-width: 767px) {
  .future .top-progress-header {
    display: flex;
    padding: 1em;
    height: 99px;
    align-items: center;
    justify-content: space-between;
  }
  .future .top-progress-header h2 {
    margin: 0;
  }
}
@media (max-height: 490px) {
  .future .top-progress-header {
    height: 70px;
  }
}
.future .top-progress-bar {
  margin: 0 auto;
  padding: 2em;
  max-width: 1200px;
  display: flex;
  font-family: var(--header-new-font-family);
  text-transform: uppercase;
  font-size: 12px;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .future .top-progress-bar {
    display: none;
  }
}
.future .top-progress-bar.application-process {
  max-width: none;
  display: block;
  position: relative;
  padding: 0;
}
.future .top-progress-bar.application-process .progress {
  height: 30px;
  background-color: var(--grey-light);
}
.future .top-progress-bar.application-process .progress-bar {
  background-color: var(--main-color-new);
}
.future .top-progress-bar.application-process .percentage {
  position: absolute;
  top: 4px;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: var(--white-color);
  text-align: center;
}
.future .top-progress-bar .brand-logo {
  cursor: pointer;
  height: 50px;
  justify-self: flex-start;
  flex-grow: 1;
}
.future .top-progress-bar .brand-logo img {
  height: 100%;
  width: auto;
}
.future .top-progress-bar .brand-title {
  height: 48px;
  justify-self: flex-start;
  flex-grow: 1;
}
.future .top-progress-bar .brand-title * {
  margin: 0;
  width: auto;
}
.future .top-progress-bar .progress-step {
  cursor: pointer;
  display: flex;
  padding-left: 30px;
  padding-right: 10px;
  align-items: center;
}
.future .top-progress-bar .progress-step i {
  margin-right: 10px;
  font-size: 30px;
}
.future .top-progress-bar .progress-step.active, .future .top-progress-bar .progress-step.complete {
  color: var(--main-color-new);
  font-weight: 600;
}
.future .top-progress-bar .progress {
  width: 100%;
  background-color: var(--main-color-new);
}
.future .existing-applications .timeslot-period .h3 {
  margin-bottom: 0.25em;
}
.future .existing-applications .timeslot-period .h5 {
  margin-bottom: 0;
}
.future .tooltip-container {
  position: relative;
}
.future .tooltip-container.abs {
  position: absolute;
  min-width: 240px;
}
.future .tooltip-container .tooltip {
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 2;
}
.future .tooltip-container:hover .tooltip, .future .tooltip-container:focus .tooltip, .future .tooltip-container:focus-within .tooltip, .future .tooltip-container.force-open .tooltip, .future .tooltip-container.clicked .tooltip {
  opacity: 1;
  pointer-events: auto;
}
.future .tooltip {
  max-width: 240px;
  display: block;
  border: 0;
  padding: 0;
  position: absolute;
}
.future .tooltip div {
  position: relative;
  border-radius: 4px;
  background-color: var(--main-color-new);
  color: var(--white-color);
  padding: 0.8em 1em 1em;
}
.future .tooltip p {
  font-weight: 700;
  margin: 0;
}
.future .tooltip.top {
  padding-top: 20px;
  top: 100%;
}
.future .tooltip.top div:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: var(--main-color-new);
  border-width: 20px;
  margin-left: -20px;
}
.future .tooltip.down {
  padding-bottom: 20px;
  bottom: 100%;
}
.future .tooltip.down div:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: var(--main-color-new);
  border-width: 20px;
  margin-left: -20px;
}
.future .fixed-bar {
  background-color: var(--white-color);
  padding: 1em;
  width: 100%;
  position: fixed;
  left: 0;
  display: flex;
  align-items: center;
  z-index: 2;
}
.future .fixed-bar.fullwidth {
  margin: 0;
  max-width: 100%;
}
.future .fixed-bar.info {
  background-color: var(--main-color-new);
  color: var(--white-color);
}
.future .fixed-bar.info button {
  background-color: var(--white-color);
  color: var(--main-color-new);
}
.future .fixed-bar.info h3, .future .fixed-bar.info h4, .future .fixed-bar.info .h3, .future .fixed-bar.info .h4 {
  color: var(--white-color);
  font-weight: 600;
}
.future .fixed-bar.donate {
  background-color: var(--main-color-lightest);
  color: var(--black-color);
}
.future .fixed-bar.donate h3, .future .fixed-bar.donate h4, .future .fixed-bar.donate .h3, .future .fixed-bar.donate .h4 {
  color: var(--black-color);
  font-weight: 600;
}
.future .fixed-bar.donate .fixed-bar-button {
  align-self: center;
}
.future .fixed-bar.donate .fixed-bar-left-content {
  flex: 0 0 12em;
}
.future .fixed-bar.donate .fixed-bar-close {
  display: none;
}
@media screen and (max-width: 979px) {
  .future .fixed-bar.donate {
    position: fixed;
  }
  .future .fixed-bar.donate .fixed-bar-with-margin {
    flex-direction: column;
  }
  .future .fixed-bar.donate .fixed-bar-with-margin.details-hidden {
    flex-direction: row;
  }
  .future .fixed-bar.donate .fixed-bar-left-content {
    flex: initial;
    justify-content: start;
  }
  .future .fixed-bar.donate .fixed-bar-button {
    align-self: baseline;
  }
  .future .fixed-bar.donate .fixed-bar-close {
    display: block;
    position: absolute;
    right: 2em;
    top: 1em;
  }
  .future .fixed-bar.donate .fixed-bar-close:hover {
    cursor: pointer;
  }
}
.future .fixed-bar p {
  margin: 0;
}
.future .fixed-bar.bottom {
  bottom: 0;
  border-top: 2px solid var(--main-color-lighter);
}
.future .fixed-bar.bottom.donate {
  border-top: initial;
}
.future .fixed-bar.top {
  top: 0;
  border-bottom: 2px solid var(--main-color-lighter);
}
.future .fixed-bar-with-margin {
  flex-grow: 1;
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2em;
  gap: 1em;
}
@media screen and (max-width: 979px) {
  .future .fixed-bar-with-margin {
    padding: 0;
  }
}
.future .fixed-bar-details {
  flex-grow: 4;
  display: flex;
  align-items: center;
}
.future .fixed-bar-price,
.future .fixed-bar-link,
.future .fixed-bar-button {
  flex-grow: 1;
  text-align: right;
  white-space: nowrap;
}
.future .fixed-bar-image {
  border-radius: 4px;
  overflow: hidden;
  margin-right: 1em;
  background-color: var(--main-color-lighter);
}
.future .fixed-bar-image img {
  height: 60px;
  width: 60px;
  object-fit: cover;
}
.future .appeal-progress {
  padding: 2em 0;
}
.future .appeal-progress .progress {
  height: 15px;
  background-color: var(--main-color-lighter);
  border-radius: 12px;
  overflow: hidden;
}
.future .appeal-progress .progress-bar {
  box-shadow: none;
  background-color: var(--main-color-new);
}
.future .appeal-progress .totals {
  margin-top: 1.5em;
  display: flex;
}
.future .appeal-progress .totals > div:first-child {
  margin-right: 4em;
}
.future .appeal-progress .totals h3 {
  margin-bottom: 0.25em;
}
.future .appeal-progress .totals h4 {
  color: var(--grey);
}
@media screen and (max-width: 767px) {
  .future .fixed-bar-price,
  .future .fixed-bar-image {
    display: none;
  }
}
.future div.simple-page {
  max-width: 564px;
}
.future div.map-section {
  max-width: 100%;
}
.future div.map-section.fullwidth-map-section {
  padding: 0;
}
.future div.map-section .map-loading {
  display: block;
  position: absolute;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  top: 0;
  padding-top: 14vh;
}
.future div.detail-page {
  display: grid;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-template-columns: 1fr minmax(500px, 640px) 500px 1fr;
  grid-template-rows: 30px;
  grid-template-areas: ". header header ." ". hero extras ." ". detail-content detail-side ." "full full full full" "terms terms terms terms";
  height: auto;
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.future div.detail-page.no-image {
  grid-template-areas: ". header header ." ". detail-content detail-side ." "full full full full" "terms terms terms terms";
  grid-template-rows: 60px;
}
.future div.detail-page.no-image.no-header {
  grid-template-areas: ". detail-content detail-side ." "full full full full" "terms terms terms terms";
  grid-template-rows: auto;
}
.future div.detail-page.no-secondary-image {
  grid-template-areas: ". header header ." ". hero detail-side ." ". detail-content detail-side ." "full full full full" "terms terms terms terms";
}
.future div.detail-page.no-secondary-image .secondary-images {
  display: none;
}
.future div.detail-page.detail-above-secondary-image {
  grid-template-areas: ". header header ." ". hero detail-side ." ". detail-content detail-side . " ". detail-content extras ." ". detail-content . ." "full full full full" "terms terms terms terms";
}
.future div.detail-page.detail-above-secondary-image.no-map {
  grid-template-areas: ". header header ." ". hero detail-side ." ". detail-content extras ." "full full full full" "terms terms terms terms";
}
.future div.detail-page.course-page {
  grid-row-gap: 0;
  grid-template-areas: ". header header ." ". hero extras ." ". post-enroll detail-side ." ". detail-content detail-side ." ". important-info detail-side ." ". video-preview detail-side ." ". additional detail-side ." ". requirements detail-side ." ". deliverer detail-side .";
  grid-template-columns: 1fr minmax(400px, 764px) 350px 1fr;
}
@media screen and (max-width: 767px) {
  .future div.detail-page.course-page {
    grid-template-areas: ". header ." ". hero ." ". post-enroll ." ". detail-side ." ". detail-content ." ". important-info ." ". additional ." ". requirements ." "full full full" ". extras ." ". deliverer .";
  }
  .future div.detail-page.course-page.with-video .primary-image {
    display: none;
  }
}
.future div.detail-page.course-page.no-image {
  grid-template-rows: 30px;
  grid-template-areas: ". header header ." ". post-enroll detail-side ." ". video-preview detail-side ." ". detail-content detail-side ." ". important-info detail-side ." ". additional detail-side ." ". requirements detail-side ." ". deliverer detail-side .";
}
.future div.detail-page.course-page.no-image .detail-side {
  margin-top: 0;
}
.future div.detail-page.course-page.no-secondary-image {
  grid-template-areas: ". header header ." ". hero detail-side ." ". post-enroll detail-side ." ". detail-content detail-side ." ". important-info detail-side ." ". video-preview detail-side ." ". additional detail-side ." ". requirements detail-side ." ". deliverer detail-side .";
}
.future div.detail-page.course-page.no-secondary-image .secondary-images {
  display: none;
}
.future div.detail-page.course-page.no-secondary-image .detail-side {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .future div.detail-page.course-page.no-secondary-image {
    grid-template-areas: ". header ." ". hero ." ". post-enroll ." ". detail-side ." ". detail-content ." ". important-info ." ". additional ." ". requirements ." "full full full" ". deliverer .";
  }
}
.future div.detail-page.course-page .detail-side {
  margin-top: 20px;
}
.future div.detail-page.course-page .post-enrolment {
  grid-area: post-enroll;
  display: block;
}
.future div.detail-page.course-page .post-enrolment .NoticeSection {
  padding: 1.5em;
}
.future div.detail-page.course-page .video-preview {
  grid-area: video-preview;
  display: block;
}
@media screen and (max-width: 767px) {
  .future div.detail-page.course-page .video-preview {
    grid-area: hero;
  }
}
.future div.detail-page.course-page .important-information {
  grid-area: important-info;
  display: block;
}
.future div.detail-page.course-page .important-information .NoticeSection {
  padding: 1.5em;
}
.future div.detail-page.course-page .additional-info {
  grid-area: additional;
  display: block;
}
.future div.detail-page.course-page .requirements {
  grid-area: requirements;
  display: block;
}
.future div.detail-page.course-page .deliverer {
  grid-area: deliverer;
  display: block;
}
.future div.detail-page.course-page .deliverer img {
  max-width: 180px;
  height: 100%;
}
.future div.detail-page.member-vehicle-detail-page, .future div.detail-page.panel-left-page {
  grid-template-columns: 300px minmax(0, 2fr);
  grid-template-rows: 90px min-content;
  grid-template-areas: "header header" "detail-side detail-header" "detail-side detail-content";
  padding-left: 2em;
  padding-right: 2em;
}
.future div.detail-page.member-vehicle-detail-page.no-image, .future div.detail-page.panel-left-page.no-image {
  grid-template-areas: "header header" "detail-side detail-content";
}
.future div.detail-page.member-vehicle-detail-page.no-header, .future div.detail-page.panel-left-page.no-header {
  grid-template-areas: "detail-side detail-content";
}
.future div.detail-page.member-vehicle-detail-page.no-header, .future div.detail-page.panel-left-page.no-header {
  grid-template-rows: min-content;
  grid-template-areas: "detail-side detail-content";
}
.future div.detail-page.member-vehicle-detail-page.no-header.full-width, .future div.detail-page.panel-left-page.no-header.full-width {
  grid-template-areas: "detail-side detail-side";
}
.future div.detail-page.member-vehicle-detail-page.no-padding, .future div.detail-page.panel-left-page.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.future div.detail-page.member-vehicle-detail-page.with-divider, .future div.detail-page.panel-left-page.with-divider {
  grid-row-gap: 100px;
}
.future div.detail-page.member-vehicle-detail-page.with-divider .header, .future div.detail-page.panel-left-page.with-divider .header {
  position: relative;
}
.future div.detail-page.member-vehicle-detail-page.with-divider .header::after, .future div.detail-page.panel-left-page.with-divider .header::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--main-color-lighter);
}
.future div.detail-page.member-vehicle-detail-page .detail-header, .future div.detail-page.panel-left-page .detail-header {
  grid-area: detail-header;
}
.future div.detail-page.member-vehicle-detail-page .detail-content h3, .future div.detail-page.panel-left-page .detail-content h3 {
  line-height: 30px;
  font-weight: 400;
}
.future div.detail-page.member-vehicle-detail-page .detail-content img, .future div.detail-page.panel-left-page .detail-content img {
  max-width: 100%;
}
.future div.detail-page.member-vehicle-detail-page .detail-content .panel-content p, .future div.detail-page.panel-left-page .detail-content .panel-content p {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.future div.detail-page.member-vehicle-detail-page .detail-content .membership-card__status-message, .future div.detail-page.panel-left-page .detail-content .membership-card__status-message {
  margin: 0;
}
.future div.detail-page.member-vehicle-detail-page .detail-content .react-markdown.my-0 p, .future div.detail-page.panel-left-page .detail-content .react-markdown.my-0 p {
  margin-top: 0;
  margin-bottom: 0;
}
.future div.detail-page.member-vehicle-detail-page .detail-content .detail-content-gallery .secondary-images, .future div.detail-page.panel-left-page .detail-content .detail-content-gallery .secondary-images {
  overflow: auto;
  grid-template-rows: initial;
}
.future div.detail-page.member-vehicle-detail-page .detail-content .detail-content-gallery .secondary-images .secondary-image, .future div.detail-page.panel-left-page .detail-content .detail-content-gallery .secondary-images .secondary-image {
  width: 100%;
  height: auto;
  align-self: center;
}
.future div.detail-page.member-vehicle-detail-page .detail-content .NoticeSection p, .future div.detail-page.panel-left-page .detail-content .NoticeSection p {
  margin-top: 0;
  margin-bottom: 0;
}
.future div.detail-page.member-vehicle-detail-page .detail-side ul, .future div.detail-page.panel-left-page .detail-side ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.future div.detail-page.member-vehicle-detail-page .detail-side ul.meta-info, .future div.detail-page.panel-left-page .detail-side ul.meta-info {
  gap: 0.25em;
}
.future div.detail-page.member-vehicle-detail-page .detail-side ul.meta-info .btn, .future div.detail-page.panel-left-page .detail-side ul.meta-info .btn {
  margin-top: 0.75em;
}
.future div.detail-page.member-vehicle-detail-page .detail-side ul.meta-info.wide-gap, .future div.detail-page.panel-left-page .detail-side ul.meta-info.wide-gap {
  gap: 0.9em;
}
.future div.detail-page.member-vehicle-detail-page .detail-side ul.meta-info .purchase-document-cta, .future div.detail-page.panel-left-page .detail-side ul.meta-info .purchase-document-cta {
  padding: 1em 1em;
  width: max-content;
  border-radius: 0.25em;
}
.future div.detail-page.member-vehicle-detail-page .detail-side li, .future div.detail-page.panel-left-page .detail-side li {
  list-style: none;
}
.future div.detail-page.member-vehicle-detail-page .detail-side li span, .future div.detail-page.panel-left-page .detail-side li span {
  display: flex;
  gap: 0.5em;
}
.future div.detail-page.member-vehicle-detail-page.document-page, .future div.detail-page.panel-left-page.document-page {
  max-width: 1200px;
  grid-template-areas: "header header" "detail-side detail-content" "detail-side detail-content";
}
.future div.detail-page.member-vehicle-detail-page {
  grid-template-rows: 50px;
  max-width: 1200px;
}
.future div.detail-page.member-vehicle-detail-page .detail-header img {
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
  aspect-ratio: 16/9;
}
.future div.detail-page.member-vehicle-detail-page .detail-content-header {
  margin-bottom: 1.5em;
}
.future div.detail-page.member-vehicle-detail-page .detail-content-header.owner {
  margin-top: 1.5em;
  margin-bottom: 0;
}
.future div.detail-page.member-vehicle-detail-page .detail-content-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(max(22%, 130px), 1fr));
  grid-gap: 2em;
  word-break: break-all;
}
.future div.detail-page.member-vehicle-detail-page .detail-content-body.owner {
  grid-template-columns: repeat(auto-fit, minmax(max(44%, 260px), 1fr));
}
.future div.detail-page.member-vehicle-detail-page .detail-content-body h4 {
  color: var(--header-text-color);
}
.future div.detail-page.messages-page {
  grid-template-columns: minmax(0, 2fr);
  grid-template-rows: 90px min-content;
  grid-template-areas: "header" "detail-header" "detail-content";
}
.future div.detail-page.messages-page .detail-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 4em;
  row-gap: 0.5em;
  margin-bottom: 1em;
}
.future div.detail-page.messages-page .detail-header .form-group {
  flex: 0 0 255px;
  margin-bottom: 0;
}
.future div.detail-page.messages-page .detail-content h2 {
  margin-bottom: 1.5em;
}
.future div.detail-page.image-right-content {
  grid-template-columns: 1fr minmax(500px, 640px) 300px 1fr;
  grid-template-rows: min-content min-content;
  padding-left: 2em;
  padding-right: 2em;
  grid-template-areas: ". header header ." ". detail-content hero ." ". detail-content extras .";
}
.future div.detail-page.image-right-content.no-padding {
  grid-template-areas: "header header header header" "detail-content detail-content hero hero" "detail-content detail-content extras extras";
  padding-left: 0;
  padding-right: 0;
}
.future div.detail-page.image-right-content.in-flow {
  max-width: calc(1200px - 4em);
}
.future div.detail-page.image-right-content.wide-image {
  grid-template-columns: 1fr minmax(500px, 640px) minmax(300px, 450px) 1fr;
}
.future div.detail-page.wide-content {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: min-content;
  padding-left: 2em;
  padding-right: 2em;
  grid-template-areas: "detail-content";
}
.future div.detail-page.wide-content.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.future div.detail-page.wide-content.in-flow {
  max-width: calc(1200px - 4em);
}
.future div.detail-page.wide-content.with-image {
  grid-template-areas: ". header header ." ". detail-content hero ." ". detail-content extras .";
}
@media screen and (max-width: 1023px) {
  .future div.detail-page {
    grid-template-columns: 0 2fr 1fr 0;
  }
  .future div.detail-page.image-right-content.no-padding {
    grid-template-columns: 0 2fr 1fr 0;
  }
}
@media screen and (max-width: 979px) {
  .future div.detail-page.panel-left-page.collapse-early {
    grid-template-columns: 1fr;
    grid-template-rows: min-content;
    grid-template-areas: "header" "detail-header" "detail-side" "detail-content";
  }
  .future div.detail-page.panel-left-page.collapse-early.no-header {
    grid-template-rows: min-content;
    grid-template-areas: "detail-side" "detail-content";
  }
}
@media screen and (max-width: 767px) {
  .future div.detail-page {
    grid-template-areas: ". header ." ". hero ." ". detail-content ." ". detail-side ." ". rightbox ." "full full full" ". extras ." ". terms .";
    grid-template-columns: 0 minmax(0, 1fr) 0;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-template-rows: 30px;
  }
  .future div.detail-page.no-image {
    grid-template-columns: 0 1fr 0;
    grid-template-areas: ". header ." ". detail-content ." ". detail-side ." ". rightbox ." "full full full" ". terms .";
  }
  .future div.detail-page.no-secondary-image {
    grid-template-columns: 0 minmax(0, 1fr) 0;
    grid-template-areas: ". header ." ". hero ." ". detail-content ." ". detail-side ." "full full full" ". terms .";
  }
  .future div.detail-page.image-right-content, .future div.detail-page.image-right-content.no-padding, .future div.detail-page.detail-above-secondary-image {
    grid-template-columns: 0 minmax(0, 1fr) 0;
    grid-template-areas: ". header ." ". hero ." ". detail-content ." ". detail-side ." "full full full" ". extras ." ". terms .";
  }
  .future div.detail-page.member-vehicle-detail-page, .future div.detail-page.panel-left-page {
    grid-template-columns: 0 1fr 0;
    grid-template-rows: min-content;
    grid-template-areas: ". header ." ". detail-header ." ". detail-side ." ". detail-content .";
  }
  .future div.detail-page.member-vehicle-detail-page.no-image, .future div.detail-page.panel-left-page.no-image {
    grid-template-areas: ". header ." ". detail-side ." ". detail-content .";
  }
  .future div.detail-page.member-vehicle-detail-page.no-header, .future div.detail-page.panel-left-page.no-header {
    grid-template-areas: ". detail-side ." ". detail-content .";
  }
  .future div.detail-page.member-vehicle-detail-page.no-image.with-divider, .future div.detail-page.panel-left-page.no-image.with-divider {
    grid-row-gap: 40px;
    grid-template-areas: ". header ." ". detail-side ." ". detail-content .";
  }
  .future div.detail-page.member-vehicle-detail-page.no-image.with-divider .header::after, .future div.detail-page.panel-left-page.no-image.with-divider .header::after {
    bottom: -20px;
  }
  .future div.detail-page.member-vehicle-detail-page .detail-content h3, .future div.detail-page.panel-left-page .detail-content h3 {
    margin-top: 0.5em;
    line-height: 30px;
  }
  .future div.detail-page.member-vehicle-detail-page .detail-content p, .future div.detail-page.panel-left-page .detail-content p {
    font-size: 14px;
  }
  .future div.detail-page.member-vehicle-detail-page .detail-content .member-row h3, .future div.detail-page.panel-left-page .detail-content .member-row h3 {
    margin-top: 0;
  }
  .future div.detail-page.member-vehicle-detail-page .detail-side .side-nav, .future div.detail-page.panel-left-page .detail-side .side-nav {
    grid-template-areas: "back-link toggle" "menu menu";
    gap: 20px;
    border-bottom: 1px solid var(--main-color-lighter);
  }
  .future div.detail-page.member-vehicle-detail-page .detail-side .side-nav__toggle, .future div.detail-page.panel-left-page .detail-side .side-nav__toggle {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.5em;
    border: 1px solid var(--main-color-new);
    border-radius: 4px;
  }
  .future div.detail-page.member-vehicle-detail-page .detail-side .side-nav__menu, .future div.detail-page.panel-left-page .detail-side .side-nav__menu {
    visibility: hidden;
    opacity: 0;
    height: 0;
  }
  .future div.detail-page.member-vehicle-detail-page .detail-side .side-nav__menu.show-menu, .future div.detail-page.panel-left-page .detail-side .side-nav__menu.show-menu {
    visibility: visible;
    opacity: 1;
    height: auto;
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--main-color-lighter);
  }
  .future div.detail-page.member-vehicle-detail-page .detail-side .side-nav__back-link, .future div.detail-page.panel-left-page .detail-side .side-nav__back-link {
    margin: 0;
  }
  .future div.detail-page.member-vehicle-detail-page .member-details-page__header, .future div.detail-page.panel-left-page .member-details-page__header {
    grid-template-columns: min-content 1fr;
    grid-template-areas: "photo name" ". action";
  }
  .future div.detail-page.member-vehicle-detail-page .member-details-page__remove-member, .future div.detail-page.panel-left-page .member-details-page__remove-member {
    justify-self: flex-start;
  }
  .future div.detail-page.member-vehicle-detail-page.document-page, .future div.detail-page.panel-left-page.document-page {
    grid-row-gap: 1.5em;
    grid-template-areas: ". header ." ". detail-header ." ". detail-side ." ". detail-content .";
  }
  .future div.detail-page.messages-page {
    grid-template-rows: min-content;
  }
  .future div.detail-page.member-vehicle-detail-page .detail-header {
    max-height: 250px;
    overflow: hidden;
  }
  .future div.detail-page.member-vehicle-detail-page.no-image {
    grid-template-areas: ". header ." ". detail-side ." ". detail-content .";
  }
}
.future div.detail-page .detail-content {
  grid-area: detail-content;
  overflow-wrap: break-word;
  max-width: 100%;
}
.future div.detail-page .detail-content img {
  max-width: 100%;
}
.future div.detail-page .detail-content .file-preview-container {
  height: 800px;
}
.future div.detail-page .detail-content .file-preview-container .file-preview {
  object-fit: contain;
  object-position: top;
}
.future div.detail-page .detail-content .file-preview-container.thumbnail-only {
  display: grid;
  grid-template-areas: "preview";
  overflow: hidden;
  height: 100%;
}
.future div.detail-page .detail-content .file-preview-container .preview-image {
  grid-area: preview;
}
.future div.detail-page .detail-content .file-preview-container .preview-image img {
  border: solid 1px var(--grey-light);
  max-width: 100%;
  width: 100%;
  object-fit: cover;
}
.future div.detail-page .detail-content .file-preview-container .preview-image.banner {
  grid-area: preview;
  width: 210px;
  margin: 40px -50px 0 0;
  height: auto;
  align-self: start;
  justify-self: end;
  background-color: var(--main-color-new);
  padding: 0.5em 1.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: rotateZ(45deg);
  overflow: initial;
}
.future div.detail-page .detail-content .file-preview-container .preview-image.banner span {
  color: var(--white-color);
  margin: 0;
}
.future div.detail-page .detail-content .file-preview-container .preview-image.banner.grey {
  background-color: var(--main-color-new);
}
@media screen and (max-width: 767px) {
  .future div.detail-page .detail-content .file-preview-container .preview-image.banner {
    padding: 0.5em 4em;
  }
}
.future div.detail-page .detail-content .file-preview-container .primary-image {
  height: 80%;
}
.future div.detail-page .detail-content .file-preview-container .primary-image img {
  object-fit: contain;
}
.future div.detail-page .detail-content .overview-selection {
  border-bottom: 1px solid var(--main-color-lighter);
}
.future div.detail-page .detail-content .overview-selection .active {
  color: var(--main-color-new);
  font-weight: 700;
}
.future div.detail-page .detail-content .overview-selection :hover {
  color: var(--main-color-dark);
  font-weight: 700;
  cursor: pointer;
}
.future div.detail-page .detail-content .tab-header {
  display: flex;
  gap: 1em;
  border-bottom: 1px solid var(--main-color-lighter);
}
.future div.detail-page .detail-content .tab-header .item {
  color: var(--black-color);
  border-bottom: 2px solid transparent;
}
.future div.detail-page .detail-content .tab-header .item:hover {
  text-decoration: none;
  color: var(--main-color-new);
}
.future div.detail-page .detail-content .tab-header .item.selected {
  color: var(--main-color-new);
  border-bottom-color: var(--main-color-new);
}
.future div.detail-page .detail-side {
  grid-area: detail-side;
}
.future div.detail-page .detail-side .panel {
  position: sticky;
  top: 70px;
}
.future div.detail-page .detail-side ul i {
  color: var(--main-color-new);
}
.future div.detail-page .detail-side .detail-inherit-color i {
  color: inherit;
}
@media screen and (max-width: 767px) {
  .future div.detail-page .detail-side .btn.basis-60 {
    flex-basis: auto;
  }
}
.future div.detail-page .header {
  grid-area: header;
}
.future div.detail-page .primary-image {
  grid-area: hero;
  background-color: var(--main-color-lighter);
}
.future div.detail-page .primary-image.insert {
  align-self: end;
  justify-self: start;
  background-color: var(--main-color-new);
  padding: 1em 1.5em;
  border-radius: 4px 4px 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--white-color);
  font-size: 12px;
  text-transform: uppercase;
}
.future div.detail-page .primary-image.insert span {
  color: var(--white-color);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .future div.detail-page .primary-image.insert {
    padding: 1em;
  }
}
.future div.detail-page .primary-image.banner {
  height: auto;
  align-self: start;
  justify-self: end;
  background-color: transparent;
  padding: 4.5em 2.5em;
  overflow: hidden;
}
.future div.detail-page .primary-image.banner .banner-inner {
  margin: -28px -113px 0 0;
  background-color: var(--main-color-new);
  padding: 0.5em 5em;
  transform: rotateZ(45deg);
  font: 700 1em var(--main-new-font-family), sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .future div.detail-page .primary-image.banner .banner-inner {
    padding: 0.5em 4em;
  }
}
.future div.detail-page .primary-image.banner span {
  color: var(--white-color);
  margin: 0;
}
.future div.detail-page .secondary-images {
  grid-area: extras;
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 150px 150px;
  width: 100%;
}
.future div.detail-page .secondary-images.grid-row {
  grid-auto-flow: row;
}
.future div.detail-page .secondary-images .secondary-image {
  position: relative;
}
.future div.detail-page .secondary-images .secondary-image i {
  background-color: rgba(0, 0, 0, 0.6);
  top: -10%;
  right: 0;
  color: #fff;
  opacity: 0;
  position: absolute;
  transition: all 0.12s;
}
.future div.detail-page .secondary-images .secondary-image .secondary-image-info {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: -10%;
  color: #fff;
  left: 0;
  padding: 6px 10px;
  position: absolute;
  opacity: 0;
  transition: all 0.12s;
  width: 100%;
  z-index: 9;
}
.future div.detail-page .secondary-images .secondary-image:hover i {
  opacity: 1;
  top: 0;
  cursor: pointer;
}
.future div.detail-page .secondary-images .secondary-image:hover .secondary-image-info {
  opacity: 1;
  bottom: 0;
}
.future div.detail-page .detail-map {
  grid-area: detail-side;
}
.future div.detail-page .detail-map .detail-map-panel {
  border: 2px solid var(--main-color-lighter);
  border-radius: 4px;
}
.future div.detail-page .detail-map .map-container {
  height: 310px;
}
@media screen and (max-width: 767px) {
  .future div.detail-page .detail-map .map-container {
    height: 210px;
  }
}
.future div.detail-page .detail-map .panel {
  border: 0;
}
.future div.detail-page .detail-map p {
  margin: 0;
}
.future div.detail-page .detail-map p span {
  color: var(--black-color);
}
.future div.detail-page .detail-map button {
  margin-top: 2em;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .future div.detail-page .detail-map {
    display: flex;
    flex-direction: column;
    align-items: inherit;
    justify-self: inherit;
  }
  .future div.detail-page .detail-map .map-container {
    width: 100%;
  }
}
.future div.detail-page .detail-panel {
  grid-column: 2/4;
}
@media screen and (max-width: 767px) {
  .future div.detail-page .detail-panel {
    grid-column: auto;
    grid-row: auto;
  }
}
.future div.detail-page .additional-details-panel {
  grid-area: full;
  display: grid;
  grid-template-columns: 1fr minmax(1000px, 1160px) 1fr;
  grid-column-gap: 20px;
  padding-left: 0;
  padding-right: 0;
  --fade-color-start: hsla(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) * 2), 0);
  --fade-color-end: hsla(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) * 2), 1);
}
@media screen and (max-width: 1023px) {
  .future div.detail-page .additional-details-panel {
    grid-template-columns: 0 1fr 0;
  }
  .future div.detail-page .additional-details-panel div.grid-container {
    max-width: calc(100vw - 50px);
  }
}
.future div.detail-page .additional-details-panel div.grid-container {
  grid-column: 2;
}
.future div.detail-page .additional-details-panel .additional-details-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, 260px);
  justify-content: space-between;
}
.future div.detail-page .additional-details-panel .additional-details-item {
  font-weight: bold;
  text-decoration: none;
  display: flex;
  font-size: 14px;
  min-width: 260px;
  margin: 12px 18px 6px 0;
}
.future div.detail-page .additional-details-panel .additional-details-item i {
  margin-right: 6px;
}
.future div.detail-page .important-information {
  grid-area: terms;
  display: grid;
  grid-template-columns: 1fr minmax(1000px, 1160px) 1fr;
  grid-column-gap: 20px;
  --fade-color-start: rgba(255, 255, 255, 0);
  --fade-color-end: rgba(255, 255, 255, 1);
}
@media screen and (max-width: 1023px) {
  .future div.detail-page .important-information {
    grid-template-columns: 0 1fr 0;
  }
}
.future div.detail-page .important-information div.grid-container {
  grid-column: 2;
}
.future div.detail-page .important-information-box {
  max-width: 320px;
}
.future div.detail-page .title.horizontal {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .future div.detail-page .horizontal-block-nav {
    margin-right: 1em;
  }
}
.future div.detail-page .horizontal-block-nav span:hover {
  color: var(--main-color-dark);
}
.future div.detail-page .link-button {
  background: none;
  border: none;
  text-transform: capitalize;
  padding: 0;
}
.future div.detail-page .link-button:hover {
  text-decoration: underline;
}
.future div.member-page {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.future div.member-page .grid-panel {
  height: max-content;
}
.future div.member-page .featured-icon {
  color: #ED9C00;
}
.future .checkout-page {
  display: grid;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-template-columns: minmax(0, 2fr) 500px;
  height: auto;
  width: 100%;
  grid-template-areas: "details rightbox" "full full" "terms terms";
  grid-template-rows: auto;
}
.future .checkout-page.wide-column-gap {
  column-gap: 7.5em;
}
@media screen and (max-width: 1023px) {
  .future .checkout-page.wide-column-gap {
    column-gap: 1em;
  }
}
@media screen and (max-width: 1023px) {
  .future .checkout-page {
    grid-template-columns: 2fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .future .checkout-page {
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-template-areas: "rightbox" "details" "full" "terms";
  }
}
.future .checkout-page .detail-left {
  grid-area: details;
}
.future .checkout-page .detail-right {
  grid-area: rightbox;
}
.future .checkout-page .details-completed {
  margin-right: 5em;
}
.future .tags-container {
  height: 100%;
}
.future .tags-container.horizontal {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  height: 36px;
}
.future .tags-container.horizontal .tags-list {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.future .tags-container.horizontal .tags-list span:not(:first-child) {
  margin-left: 0.25em;
}
.future .tags-container .tags-list > .tag-item {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: 78px minmax(0, 2fr);
}
.future .tags-container .tags-list > .tag-item:not(:first-child) {
  margin-top: 1em;
}
.future .tags-container .tags-list.text-sm {
  font-size: 0.8em;
}
.future .tags-container .tags-list span {
  padding: 0.25em 0.75em;
  border-radius: 1.3em;
}
.future .tags-container .tags-list span.grey {
  background-color: var(--grey-light);
}
.future .tags-container .tags-list span.lighter {
  background-color: var(--main-color-lighter);
}
.future .tags-container .tags-list span.lighten {
  background-color: var(--main-color-lighten);
}
.future .tags-container .tags-list span.lightest {
  background-color: var(--main-color-lightest);
}
.future .ticket-page {
  min-height: calc(100vh - 244px);
}
.future .ticket-page .fixed-bar-price {
  display: block !important;
  margin-right: 3px;
}
.future .tickets-section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8em;
}
@media screen and (max-width: 490px) {
  .future .tickets-section {
    grid-template-columns: auto;
  }
}
.future .ticket-block {
  align-items: center;
  border: 2px solid var(--main-color-lighter);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  max-width: 480px;
  margin-top: 10px;
  padding: 1.5em;
  position: relative;
  /*.banner::before,
  .banner::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid var(--main-color-dark);
  }*/
  /*.banner::before,
  .banner::after {
    border-top-color: transparent;
    border-right-color: transparent;
  }
  .banner::before {
    top: 0;
    left: 0;
  }
  .banner::after {
    bottom: 0;
    right: 0;
  }*/
}
.future .ticket-block .ticket-block-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  gap: 1.5em;
}
.future .ticket-block .ticket-block-bottom {
  align-self: flex-start;
}
.future .ticket-block .ticket-block-header {
  overflow-wrap: anywhere;
}
.future .ticket-block .ticket-block-quantity {
  min-width: 80px;
}
.future .ticket-block .banner {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}
.future .ticket-block .banner span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 0.5em 0;
  background-color: var(--main-color-new);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  font: 700 0.7em var(--main-new-font-family), sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
  left: -10px;
  top: 30px;
  transform: rotate(45deg);
}
.future .detail-panel {
  display: flex;
  justify-content: space-between;
}
.future .detail-panel .details {
  margin-right: 20px;
}
.future .additional-details-panel {
  background-color: var(--main-color-lightest);
  border: 0;
  width: 100%;
  padding: 30px;
  align-items: unset;
}
.future .additional-details-panel .form-group-container button {
  padding: 0.75em 2.25em;
}
.future .additional-details-panel.wide {
  min-width: 500px;
}
@media screen and (max-width: 767px) {
  .future .additional-details-panel.wide {
    min-width: auto;
  }
}
.future .top-image-holder {
  display: grid;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-columns: 3fr 1fr 1fr;
  grid-template-rows: 250px 250px;
  grid-template-areas: "hero small1 small2" "hero small3 small4";
  height: auto;
  width: 100%;
}
.future .top-image-holder .primary-image {
  grid-area: hero;
}
.future .primary-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
  aspect-ratio: 16/9;
}
.future .primary-image img.contain {
  object-fit: contain;
}
.future .secondary-image {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.future .secondary-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.future .number-in-icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.future .number-in-icon .material-icons {
  position: absolute;
}
.future .number-in-icon .number {
  font-weight: 600;
  position: absolute;
  width: 30px;
  text-align: center;
  margin-top: 3px;
}
.future .number-in-icon-badge {
  display: grid;
  justify-items: center;
  align-items: center;
}
.future .number-in-icon-badge .material-icons {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.future .number-in-icon-badge .number {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.future .container .card-grid-filter {
  margin-bottom: 1em;
  max-width: none;
  padding: 0;
  background-color: var(--main-color-lighter);
}
.future .container .card-grid-filter > div {
  margin: 0 auto;
  max-width: 1200px;
  padding: 2em;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.future .container .card-grid-filter > div.flex-start {
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .future .container .card-grid-filter > div {
    display: block;
    padding: 1em;
  }
}
.future .container .card-grid-filter > div input {
  background-color: var(--white-color);
  border: 2px solid var(--white-color);
}
.future .container .card-grid-filter > div input:focus {
  border-color: var(--main-color-new);
}
.future .container .card-grid-filter .left_block {
  flex: 2;
}
.future .container .card-grid-filter .right_block {
  flex: 1;
  position: relative;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .future .container .card-grid-filter .right_block {
    text-align: left;
    margin-top: 2em;
  }
  .future .container .card-grid-filter .right_block button {
    width: 100%;
  }
}
.future .container .card-grid-filter .filter-group {
  flex-wrap: wrap;
  row-gap: 1em;
  column-gap: 1em;
  justify-content: flex-start;
  align-items: flex-end;
}
.future .container .card-grid-filter .filter-group .filter-field {
  flex: 0 1 calc(25% - 1em);
}
.future .container .card-grid-filter .filter-group .filter-field.wide {
  flex-basis: 49%;
}
.future .container .card-breadcrumb-filter .filter-group {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  display: grid;
  gap: 1em;
}
.future .container .card-breadcrumb-filter .filter-group.wide {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.future .container .card-breadcrumb-filter .filter-field.wide {
  grid-column: span 2;
}
.future .search {
  margin-bottom: 0.5em;
}
.future .card-grid-container {
  position: relative;
}
.future .card-grid-container:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 22px;
  left: -2px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  background: linear-gradient(90deg, var(--fade-color-end) 0%, var(--fade-color-start) 100%);
  z-index: 1;
}
.future .card-grid-container:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 32px;
  right: -2px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  background: linear-gradient(90deg, var(--fade-color-start) 0%, var(--fade-color-end) 100%);
  z-index: 1;
}
.future .card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(301px, 1fr));
  grid-row-gap: 1em;
  grid-column-gap: 1em;
}
.future .card-grid.card-grid-horizontal {
  grid-gap: 1em;
  grid-template-columns: 10px;
  grid-template-rows: minmax(150px, 1fr);
  grid-auto-flow: column;
  grid-auto-columns: minmax(300px, 1fr);
  overflow-x: scroll;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.future .card-grid.card-grid-horizontal::-webkit-scrollbar {
  display: none;
}
.future .card-grid.card-grid-horizontal:before {
  content: "";
  width: 10px;
}
.future .card-grid.card-grid-horizontal .panel {
  scroll-snap-align: center;
  min-width: 300px;
  max-width: 400px;
}
@media screen and (max-width: 767px) {
  .future .card-grid.card-grid-horizontal {
    grid-auto-columns: calc(50vw - 40px);
  }
}
@media screen and (max-width: 490px) {
  .future .card-grid.card-grid-horizontal {
    grid-auto-columns: calc(75vw - 50px);
  }
  .future .card-grid.card-grid-horizontal .panel {
    min-width: 220px;
    max-width: 90%;
  }
}
.future .card-grid.auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(301px, 1fr));
}
.future .card-grid .full-grid {
  grid-column: 1/-1;
}
.future .card-grid .full-grid > div {
  margin: auto;
}
.future .card-grid .full-grid > div.panel-content {
  width: 100%;
}
.future .card-grid .full-grid > div.panel-footer {
  width: 100%;
}
.future .card-grid .panel {
  margin: 0;
  position: relative;
}
.future .card-grid .panel.enquiry .date-box {
  background: repeating-linear-gradient(45deg, var(--main-color-new), var(--main-color-new) 5px, var(--main-color-lighter) 5px, var(--main-color-lighter) 10px);
}
.future .card-grid .panel.cancelled .timeslot-period * {
  color: var(--error-color-dark) !important;
}
.future .card-grid .panel.cancelled .date-box {
  background: var(--error-color-dark) !important;
}
.future .card-grid .panel .date-box {
  background-color: var(--main-color-new);
}
.future .card-grid .panel .banner {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.future .card-grid .panel .banner::before,
.future .card-grid .panel .banner::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid var(--main-color-dark);
}
.future .card-grid .panel .banner span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 0.5em 0;
  background-color: var(--main-color-new);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  font: 700 1em var(--main-new-font-family), sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}
.future .card-grid .panel .banner {
  top: 0px;
  right: 0px;
}
.future .card-grid .panel .banner::before,
.future .card-grid .panel .banner::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.future .card-grid .panel .banner::before {
  top: 0;
  left: 0;
}
.future .card-grid .panel .banner::after {
  bottom: 0;
  right: 0;
}
.future .card-grid .panel .banner span {
  left: -11px;
  top: -11px;
}
.future .card-grid .panel .oldbanner {
  width: 200px;
  margin: 45px -40px 0 0;
  height: auto;
  align-self: start;
  justify-self: end;
  padding: 0.5em 1.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: rotateZ(45deg);
}
.future .card-grid .panel .oldbanner span {
  color: var(--white-color);
  margin: 0;
}
.future .card-grid .panel .oldbanner.grey {
  background-color: var(--main-color-new);
}
@media screen and (max-width: 767px) {
  .future .card-grid .panel .oldbanner {
    padding: 0.5em 4em;
  }
}
.future .card-grid .panel-year {
  align-self: center;
  justify-self: center;
}
.future .half-panel {
  background: var(--main-color-lightest);
  color: var(--main-color-new);
  width: 150px;
  height: 150px;
  align-self: center;
  border: none;
}
.future .half-panel.half-panel-white {
  background: var(--white-color);
  color: var(--white-color);
}
.future .info-panel-wide {
  border-width: 1px;
  background-color: var(--white-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  justify-content: space-between;
  transition: transform 250ms, box-shadow 250ms;
  gap: 2.5em;
}
.future .info-panel-wide:hover {
  cursor: pointer;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.future .info-panel-wide.info-panel-green {
  border-left: 5px solid var(--green-color);
}
.future .info-panel-wide.info-panel-green span.info-status {
  color: var(--green-color);
}
.future .info-panel-wide.info-panel-amber {
  border-left: 5px solid var(--amber-color);
}
.future .info-panel-wide.info-panel-amber span.info-status {
  color: var(--amber-color);
}
.future .info-panel-wide.info-panel-red {
  border-left: 5px solid var(--red-color);
}
.future .info-panel-wide.info-panel-red span.info-status {
  color: var(--red-color);
}
.future .info-panel-wide.unclickable:hover {
  cursor: unset;
  transform: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.future .grid-panel {
  border-width: 1px;
  background-color: var(--white-color);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: grid;
  grid-template-areas: "image" "content" "footer";
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: [image] max-content [content] auto [footer] auto;
  margin: 0;
  max-width: 500px;
  overflow: hidden;
  padding: 0;
  align-items: start;
  transition: transform 250ms, box-shadow 250ms;
}
.future .grid-panel:hover {
  cursor: pointer;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.future .grid-panel.wide {
  max-width: none;
}
.future .grid-panel.full-grid {
  grid-template-areas: "content image" "footer image";
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto minmax(40px, 80px);
  max-width: 100%;
}
.future .grid-panel.full-grid.featured {
  grid-template-columns: 320px 2fr;
}
@media screen and (max-width: 490px) {
  .future .grid-panel.full-grid.featured {
    grid-template-columns: 1fr;
    grid-template-rows: 200px;
    grid-template-areas: "image" "content" "footer";
  }
}
.future .grid-panel.full-grid.no-footer {
  grid-template-areas: "content image";
  grid-template-rows: 250px;
}
.future .grid-panel.full-grid .panel-image {
  margin: 0;
  border-radius: 0 4px 4px 0;
}
@media screen and (max-width: 490px) {
  .future .grid-panel.full-grid {
    grid-template-columns: 1fr;
    grid-template-rows: [image] max-content [content] auto [footer] auto;
    grid-template-areas: "image" "content" "footer";
  }
}
.future .grid-panel.no-image {
  grid-template-areas: "content" "footer";
}
.future .grid-panel.no-image.featured {
  border-color: #ED9C00;
}
.future .grid-panel .panel-image {
  grid-area: image;
  background-color: #F6F7F9;
  height: 100%;
  margin: -1px -1px 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.future .grid-panel .panel-image.unavailable img {
  filter: grayscale(100%);
}
.future .grid-panel .panel-image img {
  /* Because obviously Safari when I say "the image height should be 100%" what I actually meant was
     "resize the parent grid container to the size of the image, losing anything below it" - who codes this piece of junk??
  //height: 100%;
  */
  height: auto;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.future .grid-panel .panel-image img.contain {
  object-fit: contain;
}
.future .grid-panel .panel-image img.contain.draggable {
  user-select: none;
  pointer-events: none;
}
.future .grid-panel .panel-image img.none {
  object-fit: none;
}
.future .grid-panel .panel-image img.none.draggable {
  user-select: none;
  pointer-events: none;
}
.future .grid-panel .panel-image.resize {
  align-self: start;
  height: auto;
}
.future .grid-panel .panel-image.resize img {
  aspect-ratio: 2/1;
}
.future .grid-panel .panel-image.insert {
  margin: 0 0 0 20px;
  height: auto;
  align-self: end;
  justify-self: start;
  background-color: var(--main-color-new);
  border-radius: 4px 4px 0px 0px;
  padding: 1em 1.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.future .grid-panel .panel-image.insert span {
  color: var(--white-color);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .future .grid-panel .panel-image.insert {
    margin: 0 0 0 10px;
    padding: 1em;
  }
}
.future .grid-panel .panel-image.banner {
  width: 200px;
  margin: 45px -40px 0 0;
  height: auto;
  align-self: start;
  justify-self: end;
  background-color: var(--main-color-new);
  padding: 0.5em 1.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: rotateZ(45deg);
  overflow: initial;
}
.future .grid-panel .panel-image.banner.danger {
  background-color: var(--error-color-dark);
}
.future .grid-panel .panel-image.banner.featured {
  background-color: #ED9C00;
}
.future .grid-panel .panel-image.banner span {
  color: var(--white-color);
  margin: 0;
}
.future .grid-panel .panel-image.banner.grey {
  background-color: var(--main-color-new);
}
@media screen and (max-width: 767px) {
  .future .grid-panel .panel-image.banner {
    padding: 0.5em 4em;
  }
}
.future .grid-panel .panel-content {
  grid-area: content;
  padding: 1em;
}
.future .grid-panel .panel-content h3 {
  overflow-wrap: break-word;
}
.future .grid-panel .panel-content p {
  margin: 0;
}
.future .grid-panel .panel-footer {
  grid-area: footer;
  min-height: 1.5em;
  padding: 1.6rem;
  align-self: end;
  align-items: end;
}
.future .grid-panel .panel-footer .ticket-note {
  font-size: 0.85em;
  display: flex;
  gap: 0.25em;
  font-weight: 700;
  align-items: center;
}
.future .grid-panel .member-panel-content {
  grid-template-rows: [header] auto [body] minmax(100px, auto) [footer] 40px;
  grid-area: content;
  gap: 1em;
}
.future .grid-panel .member-panel-content p {
  margin: 0;
}
.future .grid-panel .member-panel-content .tags-list {
  font-size: small;
}
.future .grid-panel .member-panel-content .new-card__content-footer {
  background-color: #F6F7F9;
}
.future .grid-panel .member-panel-content.panel-image.banner {
  margin: 24px -54px 0 0;
  z-index: 1;
}
.future .grid-panel.unclickable {
  box-shadow: none;
}
.future .grid-panel.unclickable:hover {
  cursor: unset;
  transform: none;
  box-shadow: none;
}
.future .dashboard-page-component {
  display: flex;
  flex-direction: column;
  max-width: 750px;
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: auto;
  margin-right: auto;
}
.future .dashboard-page,
.future .dashboard-page-component {
  display: flex;
  flex-direction: column;
}
.future .dashboard-page > .dashboard-section.dashboard-section-blowout-right .detail-content .card-grid-container,
.future .dashboard-page-component > .dashboard-section.dashboard-section-blowout-right .detail-content .card-grid-container {
  width: calc(900px + (100vw - 1200px) / 2 - 40px);
  left: -18px;
  --fade-color-start: hsla(var(--main-color-h), var(--main-color-s), calc(var(--main-color-l) * 2), 0);
  --fade-color-end: white;
}
.future .dashboard-page > .dashboard-section.dashboard-section-blowout-right .detail-content .card-grid-container:before,
.future .dashboard-page-component > .dashboard-section.dashboard-section-blowout-right .detail-content .card-grid-container:before {
  content: "";
  width: 20px;
}
.future .dashboard-page > .dashboard-section.dashboard-section-blowout-right .detail-content .card-grid-container:after,
.future .dashboard-page-component > .dashboard-section.dashboard-section-blowout-right .detail-content .card-grid-container:after {
  content: "";
  width: 100px;
  right: 0px;
  background-color: linear-gradient(90deg, var(--fade-color-start) 0%, var(--fade-color-end) 70%);
}
@media screen and (max-width: 1199px) {
  .future .dashboard-page > .dashboard-section.dashboard-section-blowout-right .detail-content .card-grid-container,
  .future .dashboard-page-component > .dashboard-section.dashboard-section-blowout-right .detail-content .card-grid-container {
    width: calc(100vw - 300px - 40px);
  }
}
@media screen and (max-width: 767px) {
  .future .dashboard-page > .dashboard-section.dashboard-section-blowout-right .detail-content .card-grid-container,
  .future .dashboard-page-component > .dashboard-section.dashboard-section-blowout-right .detail-content .card-grid-container {
    width: calc(100vw - 26px);
  }
}
.future .dashboard-page > .dashboard-section.dashboard-section-blowout-right .detail-content.horizontal-block-nav,
.future .dashboard-page-component > .dashboard-section.dashboard-section-blowout-right .detail-content.horizontal-block-nav {
  align-self: flex-end;
}
.future .dashboard-page > .dashboard-section.no-scroll-grid .card-grid-container:before, .future .dashboard-page > .dashboard-section.no-scroll-grid .card-grid-container:after,
.future .dashboard-page-component > .dashboard-section.no-scroll-grid .card-grid-container:before,
.future .dashboard-page-component > .dashboard-section.no-scroll-grid .card-grid-container:after {
  content: none;
}
@media screen and (max-width: 767px) {
  .future .dashboard-page > .dashboard-section.no-scroll-grid .card-grid-container,
  .future .dashboard-page-component > .dashboard-section.no-scroll-grid .card-grid-container {
    width: calc(100vw - 26px);
  }
}
.future .dashboard-page > .dashboard-section.no-scroll-grid .card-grid-container .card-grid-horizontal,
.future .dashboard-page-component > .dashboard-section.no-scroll-grid .card-grid-container .card-grid-horizontal {
  grid-template-columns: unset;
}
.future .dashboard-page > .dashboard-section.no-scroll-grid .card-grid-container .card-grid-horizontal:before,
.future .dashboard-page-component > .dashboard-section.no-scroll-grid .card-grid-container .card-grid-horizontal:before {
  content: none;
}
.future .dashboard-page > .dashboard-section h1,
.future .dashboard-page-component > .dashboard-section h1 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 0;
}
.future .dashboard-page > .dashboard-section h2,
.future .dashboard-page-component > .dashboard-section h2 {
  font-size: 24px;
  font-weight: 600;
  color: var(--black-color);
}
.future .dashboard-page > .dashboard-section .dashboard-section-header,
.future .dashboard-page-component > .dashboard-section .dashboard-section-header {
  display: flex;
  align-items: flex-start;
  gap: 1em;
}
.future .dashboard-page > .dashboard-section .dashboard-section-header i,
.future .dashboard-page-component > .dashboard-section .dashboard-section-header i {
  color: var(--main-color-new);
}
.future .dashboard-page > .dashboard-section .dashboard-section-header-avatar,
.future .dashboard-page-component > .dashboard-section .dashboard-section-header-avatar {
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 0.5em;
}
.future .dashboard-page > .dashboard-section .dashboard-section-action,
.future .dashboard-page-component > .dashboard-section .dashboard-section-action {
  gap: 0.5em;
}
.future .dashboard-page > .dashboard-section .dashboard-section-action:hover,
.future .dashboard-page-component > .dashboard-section .dashboard-section-action:hover {
  text-decoration: none;
}
.future .dashboard-page > .dashboard-section .dashboard-section-action:hover .dashboard-section-action-text,
.future .dashboard-page-component > .dashboard-section .dashboard-section-action:hover .dashboard-section-action-text {
  text-decoration: underline;
}
.future .dashboard-page > .dashboard-section:not(:last-of-type),
.future .dashboard-page-component > .dashboard-section:not(:last-of-type) {
  padding-bottom: 3em;
  border-bottom: 1px solid var(--main-color-lighter);
  margin-bottom: 3em;
}
@media screen and (min-width: 767px) {
  .future .dashboard-page > .dashboard-section.with-border,
  .future .dashboard-page-component > .dashboard-section.with-border {
    padding-bottom: 3em;
    border-bottom: 1px solid var(--main-color-lighter);
    margin-bottom: 3em;
  }
}
.future .dashboard-page .dashboard-notices,
.future .dashboard-page-component .dashboard-notices {
  position: relative;
}
.future .dashboard-page .dashboard-notices .dashboard-notice-holder,
.future .dashboard-page-component .dashboard-notices .dashboard-notice-holder {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.future .dashboard-page .dashboard-notices .dashboard-notice-holder::-webkit-scrollbar,
.future .dashboard-page-component .dashboard-notices .dashboard-notice-holder::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1023px) {
  .future .dashboard-page .dashboard-notices .dashboard-notice-holder,
  .future .dashboard-page-component .dashboard-notices .dashboard-notice-holder {
    max-width: calc(100vw - 50px);
  }
}
.future .dashboard-page .dashboard-notices .dashboard-notice-holder.hbounce .dashboard-action:first-child,
.future .dashboard-page-component .dashboard-notices .dashboard-notice-holder.hbounce .dashboard-action:first-child {
  animation: hbounce 3s ease 3;
}
.future .dashboard-page .dashboard-notices .dashboard-action,
.future .dashboard-page-component .dashboard-notices .dashboard-action {
  background-color: var(--main-color-new);
  color: var(--white-color);
  flex-shrink: 0;
  min-height: 175px;
  margin-right: 50px;
  border-radius: 5px;
  position: relative;
  padding: 1em;
  scroll-snap-align: start;
  width: 100%;
}
.future .dashboard-page .dashboard-notices .dashboard-action :first-child,
.future .dashboard-page-component .dashboard-notices .dashboard-action :first-child {
  margin-top: 0;
}
@media screen and (max-width: 1023px) {
  .future .dashboard-page .dashboard-notices .dashboard-action,
  .future .dashboard-page-component .dashboard-notices .dashboard-action {
    margin-right: 0;
  }
}
.future .dashboard-page .dashboard-notices .dashboard-action p, .future .dashboard-page .dashboard-notices .dashboard-action h1, .future .dashboard-page .dashboard-notices .dashboard-action h2, .future .dashboard-page .dashboard-notices .dashboard-action h3, .future .dashboard-page .dashboard-notices .dashboard-action h4, .future .dashboard-page .dashboard-notices .dashboard-action h5, .future .dashboard-page .dashboard-notices .dashboard-action h6,
.future .dashboard-page-component .dashboard-notices .dashboard-action p,
.future .dashboard-page-component .dashboard-notices .dashboard-action h1,
.future .dashboard-page-component .dashboard-notices .dashboard-action h2,
.future .dashboard-page-component .dashboard-notices .dashboard-action h3,
.future .dashboard-page-component .dashboard-notices .dashboard-action h4,
.future .dashboard-page-component .dashboard-notices .dashboard-action h5,
.future .dashboard-page-component .dashboard-notices .dashboard-action h6 {
  color: var(--white-color);
}
.future .dashboard-page .dashboard-notices .dashboard-action .dashboard-action-button,
.future .dashboard-page-component .dashboard-notices .dashboard-action .dashboard-action-button {
  bottom: 22px;
}
.future .dashboard-page .dashboard-notices .dashboard-action .dashboard-action-button button,
.future .dashboard-page-component .dashboard-notices .dashboard-action .dashboard-action-button button {
  background-color: var(--white-color);
  color: var(--main-color-new);
  border-color: var(--white-color);
}
.future .dashboard-page .dashboard-notices .dashboard-action .dashboard-action-button button:hover, .future .dashboard-page .dashboard-notices .dashboard-action .dashboard-action-button button:active,
.future .dashboard-page-component .dashboard-notices .dashboard-action .dashboard-action-button button:hover,
.future .dashboard-page-component .dashboard-notices .dashboard-action .dashboard-action-button button:active {
  background-color: var(--main-color-lighter);
}
.future .dashboard-page .dashboard-notices .dashboard-slider,
.future .dashboard-page-component .dashboard-notices .dashboard-slider {
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  z-index: 2;
}
.future .dashboard-page .dashboard-notices .dashboard-slider a,
.future .dashboard-page-component .dashboard-notices .dashboard-slider a {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: solid 3px var(--white-color);
  background-color: var(--white-color);
  border-radius: 50%;
  content: " ";
  margin-left: 3px;
}
.future .dashboard-page .dashboard-notices .dashboard-slider a.current-slide,
.future .dashboard-page-component .dashboard-notices .dashboard-slider a.current-slide {
  background-color: var(--main-color-new);
}
.future .dashboard-page .dashboard-notices .dashboard-slider a span,
.future .dashboard-page-component .dashboard-notices .dashboard-slider a span {
  font-size: 0;
}
@media screen and (max-width: 1023px) {
  .future .dashboard-page .dashboard-notices .dashboard-slider,
  .future .dashboard-page-component .dashboard-notices .dashboard-slider {
    margin-right: 1em;
  }
}
.future .dashboard-page .dashboard-notices.member-benefits .dashboard-action,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-action {
  background-color: var(--white-color);
  color: var(--black-color);
  border: solid 1px var(--black-color);
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 1em;
  max-height: 100%;
  height: auto;
}
.future .dashboard-page .dashboard-notices.member-benefits .dashboard-action p, .future .dashboard-page .dashboard-notices.member-benefits .dashboard-action h1, .future .dashboard-page .dashboard-notices.member-benefits .dashboard-action h2, .future .dashboard-page .dashboard-notices.member-benefits .dashboard-action h3, .future .dashboard-page .dashboard-notices.member-benefits .dashboard-action h4, .future .dashboard-page .dashboard-notices.member-benefits .dashboard-action h5, .future .dashboard-page .dashboard-notices.member-benefits .dashboard-action h6,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-action p,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-action h1,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-action h2,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-action h3,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-action h4,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-action h5,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-action h6 {
  color: var(--black-color);
}
.future .dashboard-page .dashboard-notices.member-benefits .dashboard-action .dashboard-action-button,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-action .dashboard-action-button {
  left: 22px;
}
.future .dashboard-page .dashboard-notices.member-benefits .dashboard-slider a,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-slider a {
  background-color: var(--main-color-new);
  border-color: var(--main-color-new);
}
.future .dashboard-page .dashboard-notices.member-benefits .dashboard-slider a.current-slide,
.future .dashboard-page-component .dashboard-notices.member-benefits .dashboard-slider a.current-slide {
  background-color: var(--white-color);
}
.future .donations-tax-year-select {
  width: 130px;
}
.future .donations-tax-year-select.chooser {
  flex-grow: 0;
  min-width: 130px;
}
.future .donations-tax-year-select.chooser .choices {
  width: auto;
}
.future .trunc {
  position: relative;
}
.future .trunc .trunc-toggle {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 24px;
}
.future .trunc.preview {
  height: 120px;
  overflow: hidden;
}
.future .notification {
  margin: 0;
  width: 100%;
  top: 52px;
  z-index: 9;
}
.future .notification .notification-row {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em 2em;
}
.future .notification .notification-row h3, .future .notification .notification-row button {
  margin: 0;
}
.future .notification .notification-row-right-area {
  display: flex;
  gap: 1em;
  align-items: center;
}
.future .notification .notification-row-right-area .close-icon {
  cursor: pointer;
  display: flex;
}
.future .notification.info {
  background-color: var(--white-color);
}
.future .notification.info button:hover {
  color: var(--error-color-dark);
}
.future .notification.success {
  background-color: var(--main-color-dark);
}
.future .notification.success h3 {
  color: white;
}
.future .notification.success button {
  background-color: transparent;
  border-color: var(--white-color);
  color: var(--white-color);
}
.future .notification.success button:hover {
  color: var(--main-color-dark);
  background-color: var(--white-color);
  border-color: var(--white-color);
}
.future .notification.success .close-icon {
  color: var(--white-color);
}
.future .notification.warning {
  background-color: var(--warning-color-dark);
}
.future .notification.warning h3 {
  color: white;
}
.future .notification.warning button {
  background-color: transparent;
  border-color: var(--white-color);
  color: var(--white-color);
}
.future .notification.warning button:hover {
  color: var(--warning-color-dark);
  background-color: var(--white-color);
  border-color: var(--white-color);
}
.future .notification.warning .close-icon {
  color: var(--white-color);
}
.future .notification.danger {
  background-color: var(--error-color-dark);
}
.future .notification.danger h3 {
  color: white;
}
.future .notification.danger button {
  background-color: transparent;
  border-color: var(--white-color);
  color: var(--white-color);
}
.future .notification.danger button:hover {
  color: var(--error-color-dark);
  background-color: var(--white-color);
  border-color: var(--white-color);
}
.future .notification.danger .close-icon {
  color: var(--white-color);
}
.future .header-highlight {
  display: none;
}
.future .app_nav {
  display: flex;
  position: fixed;
  width: 100%;
  top: 0;
  height: 52px;
  justify-content: space-between;
  align-items: center;
  background-color: var(--main-color-lighter);
  z-index: 4;
}
.future .app_nav .right_block {
  display: inline-flex;
  flex-wrap: wrap-reverse;
  justify-content: flex-end;
  position: relative;
  gap: 2em;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .future .app_nav .right_block {
    gap: 1em;
  }
}
.future .app_nav .right_block .DropdownMenu.badge-dropdown.badge-only {
  right: -39px;
  display: block;
}
.future .app_nav a {
  color: var(--app-nav-color);
  text-transform: uppercase;
  transition: color 0.2s;
}
.future .app_nav a.with-badge .btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3em;
}
.future .app_nav a.with-badge .message-badge {
  height: 29px;
  pointer-events: all;
}
.future .app_nav a.with-badge .number-in-icon-badge {
  color: var(--main-color-light);
}
.future .app_nav a.with-badge .number {
  color: var(--white-color);
  transition: color 0.2s;
}
.future .app_nav a.with-badge:hover .number, .future .app_nav a.with-badge:active .number {
  color: var(--main-color-lighter);
}
.future .app_nav a:focus, .future .app_nav a:active {
  text-decoration: none;
}
.future .app_nav a:hover {
  color: var(--main-color-dark);
  text-decoration: none;
}
.future .main_nav {
  display: flex;
  left: 0;
  justify-content: space-between;
  margin-top: 52px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0 !important;
  max-width: none;
  position: relative;
  background-color: var(--white-color);
  border-bottom: 1px solid var(--main-color-new);
  padding: 20px;
  align-items: center;
}
@media (max-height: 490px) {
  .future .main_nav {
    height: 70px !important;
    padding: 8px 20px;
  }
}
.future .main_nav.no-app-nav {
  margin-top: 0;
}
.future .main_nav .right_block {
  display: inline-flex;
  flex-wrap: wrap-reverse;
  justify-content: flex-end;
  position: relative;
  gap: 2em;
}
.future .main_nav .right_block a {
  align-self: center;
  margin-top: 0.3em;
  text-transform: uppercase;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.future .main_nav a {
  color: var(--black-color);
  text-transform: uppercase;
}
.future .main_nav .nav-logo {
  display: block;
}
.future .main_nav .nav-logo img {
  max-height: 80px;
  width: auto;
  max-width: 240px;
}
@media (max-width: 490px) {
  .future .main_nav .nav-logo img {
    max-width: 200px;
  }
}
@media (max-height: 490px) {
  .future .main_nav .nav-logo img {
    max-height: 50px;
  }
}
.future .main_nav .nav-link {
  display: none;
}
.future .main_nav .mobile-menu-button {
  color: var(--black);
  text-transform: uppercase;
  font-weight: 600;
  text-align: right;
  align-self: center;
  margin-top: 5px;
}
.future .main_nav .mobile-menu-button.with-number {
  margin-right: 1em;
}
.future .main_nav .mobile-menu-button.with-number i {
  margin-right: 0;
}
.future .main_nav .mobile-menu-button .number {
  color: var(--white-color);
}
.future .main_nav .mobile-menu-container {
  overflow: hidden;
  position: relative;
  max-height: 1.2em;
  flex: 1;
  align-self: center;
  text-align: right;
}
.future .main_nav .mobile-menu-container.menu-open {
  overflow: visible;
  z-index: 3;
}
.future .main_nav .mobile-menu-container li {
  display: inline-block;
  padding: 0 1em;
  text-transform: uppercase;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.future .main_nav .mobile-menu-container li.drop {
  display: block;
  position: absolute;
  right: -80px;
  background-color: white;
  min-width: 150px;
  padding-bottom: 1em;
  border-right: solid var(--main-color-new) 1px;
  border-left: solid var(--main-color-new) 1px;
  border-bottom: solid var(--main-color-new) 1px;
  padding-top: 1em;
}
.future .main_nav .mobile-menu-container li.drop:hover {
  background-color: var(--main-color-lighter);
}
.future .main_nav .mobile-menu-container li.drop.first {
  border-top: solid var(--main-color-new) 1px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.future .main_nav .mobile-menu-container li.drop.first:after, .future .main_nav .mobile-menu-container li.drop.first:before {
  left: 80%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.future .main_nav .mobile-menu-container li.drop.first:after {
  top: -30px;
  border-color: transparent;
  border-bottom-color: var(--white-color);
  border-width: 15px;
  margin-left: -15px;
}
.future .main_nav .mobile-menu-container li.drop.first:before {
  top: -32px;
  border-color: transparent;
  border-bottom-color: var(--main-color-new);
  border-width: 16px;
  margin-left: -16px;
}
.future .main_nav .mobile-menu-container li.drop:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  --custom-drop-height: 0;
}
.future .main_nav .mobile-menu-container li.drop:last-child:after {
  content: "";
  position: absolute;
  top: var(--custom-drop-height);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.12);
}
@media (max-width: 767px) {
  .future .main_nav .mobile-menu-container {
    border-color: var(--main-color-new);
  }
  .future .main_nav .mobile-menu-container:before {
    border-bottom-color: var(--main-color-new);
  }
  .future .main_nav .mobile-menu-container .btn {
    text-transform: none;
    margin: 5px 0;
  }
}
.future .detail-full {
  max-width: 980px;
}
.future .detail-full h1 {
  margin-top: 2em;
}
.future .detail-full h2 {
  margin-top: 1em;
}
.future .detail-section {
  max-width: none;
  background-color: var(--main-color-lighter);
}
.future .detail-section h2 {
  margin: 0;
}
.future .detail-data-grid {
  display: flex;
}
.future .detail-data-grid > div {
  width: 100%;
}
.future .data-panel {
  border: 2px solid var(--main-color-lighter);
  border-radius: 4px;
  padding: 1.5em;
  margin-top: 2em;
  margin-right: 2em;
}
.future .main_nav, .future .top-progress-nav {
  height: 99px;
}
.future .main_nav.teams-nav, .future .top-progress-nav.teams-nav {
  height: 30px;
}
.future .main_nav .right_block, .future .top-progress-nav .right_block {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: flex-end;
  position: relative;
  flex-grow: 1;
}
.future .error-holder {
  background-color: var(--main-color-lighter);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--main-color-new);
  text-align: center;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 40px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.future .stripeInput form {
  text-align: left;
}
.future .stripeInput form label {
  margin: 0;
}
.future .stripeInput form .StripeElement {
  background: var(--grey-lighter);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  margin: 0.5em 0 2em;
  max-width: none;
  padding: 1.15em 1.3em 1.1em;
  transition: border-color 0.3s ease;
}
.future .stripeInput form .StripeElement--focus {
  border-bottom: 1px solid var(--main-color-new);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.future .stripeInput form .stripeInput--number,
.future .stripeInput form .stripeInput--exp,
.future .stripeInput form .stripeInput--cvc {
  text-transform: none;
}
.future .stripeInput form .stripeInput--exp,
.future .stripeInput form .stripeInput--cvc {
  float: left;
  width: 100%;
}
.future .stripeInput form .stripeInput--exp {
  max-width: 160px;
  margin-right: 2em;
}
.future .stripeInput form .stripeInput--cvc {
  max-width: 90px;
}
.future .stripeInput form .stripeInput--pay {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 30%;
}
.future .stripeInput form .stripContainer--pay {
  float: left;
}
.future .stripeInput form button {
  margin: 0;
}
.future .feedback-message {
  margin: 2em 0;
  color: var(--main-color-new);
  font-weight: 700;
}
.future .feedback-message i {
  padding: 0 0.25em;
}
.future .feedback-box {
  margin: 2em 0;
  padding: 2em;
  border-radius: 4px;
  background-color: var(--main-color-lighter);
}
.future .feedback-box h4 {
  margin-top: 0;
  display: flex;
  align-items: center;
}
.future .feedback-box i {
  padding-left: 0.25em;
}
.future .feedback-box p {
  margin-bottom: 0;
}
.future .feedback-icon {
  padding-left: 0.25em;
  color: var(--main-color-new);
}
.future .form-group.with-helper .file-drop-area {
  margin-bottom: 0;
}
.future .form-group.with-helper .text-input:first-child, .future .form-group.with-helper select {
  border-radius: 0 0 4px 4px;
}
.future .form-limit-text {
  display: flex;
  justify-content: space-between;
}
.future .form-limit-text p:first-child {
  flex: 1;
}
.future .form-limit-text p {
  margin-top: 0.5em;
}
.future .form-helper-text {
  padding: 1em;
  font-size: 80%;
  background-color: var(--main-color-lighter);
  border-radius: 4px 4px 0 0;
}
.future .form-helper-text * {
  margin: 0;
}
.future .form-helper-text.no-stick {
  border-radius: 4px;
  margin-top: -4em;
  margin-bottom: 3em;
}
.future .form-helper-text.detached {
  border-radius: 4px;
}
.future .detail-page.with-fixed-bar ~ .footer-new {
  padding-bottom: 9em;
  /*&.with-logo {
    padding-bottom: 7em;
  }*/
}
div .future .footer-new {
  max-width: none;
  display: flex;
  justify-content: center;
  padding: 2em 0;
  border-top: 0;
  background-color: var(--main-color);
}
.future .footer-new-content {
  display: grid;
  grid-row-gap: 20px;
  grid-column-gap: 40px;
  grid-template-columns: repeat(2, minmax(min-content, 20%)) 1fr 200px;
  grid-template-rows: minmax(100px, 1fr) min-content;
  grid-template-areas: "email phone . logo" "copyright copyright copyright logo" "sheep sheep . logo";
  color: var(--footer-color);
  width: 1200px;
  padding: 0 2em;
}
.future .footer-new-content-email {
  grid-area: email;
  align-self: end;
}
.future .footer-new-content-email p {
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
}
.future .footer-new-content-phone {
  grid-area: phone;
  align-self: end;
}
.future .footer-new-content-phone p {
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
}
.future .footer-new-content-copyright {
  grid-area: copyright;
}
.future .footer-new-content-copyright p {
  margin-block: 0;
  font-size: 14px;
}
.future .footer-new-content-logo {
  grid-area: logo;
  align-self: center;
  justify-self: end;
}
.future .footer-new-content-logo img {
  max-width: 100%;
  object-fit: cover;
}
.future .footer-new-content-sheep {
  grid-area: sheep;
}
.future .footer-new-content-sheep a {
  color: var(--footer-color);
}
@media screen and (max-width: 767px) {
  .future .footer-new-content {
    grid-row-gap: 10px;
    grid-column-gap: 20px;
    grid-template-columns: 1fr;
    grid-template-rows: 150px repeat(2, min-content) 1fr;
    grid-template-areas: "logo" "email" "phone" "copyright" "sheep";
    justify-items: center;
    justify-content: center;
  }
  .future .footer-new-content-logo {
    align-self: normal;
    justify-self: center;
  }
  .future .footer-new-content-logo img {
    height: 100%;
    width: auto;
    object-fit: contain;
  }
  .future .footer-new-content-email p, .future .footer-new-content-phone p {
    font-size: 18px;
  }
  .future .footer-new-content-copyright p {
    font-size: 12px;
    text-align: center;
  }
}
.future .directory-header,
.future .directory-footer {
  display: flex;
  justify-content: center;
  width: 100%;
}
.future .directory-pager {
  justify-self: flex-end;
  display: flex;
  justify-content: space-between;
}
.future .directory-pager a {
  text-decoration: none;
}
.future .breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.5em;
  flex-wrap: wrap;
}
.future .breadcrumb a {
  color: var(--main-text-color);
}
.future .breadcrumb a.back {
  color: var(--main-color-new);
}
.future .breadcrumb a:hover {
  color: var(--main-color-dark);
}
.future .breadcrumb .chevron > .material-icons {
  font-size: 18px;
}
.future .breadcrumb-dropdown {
  display: inline-flex;
  flex-direction: column;
}
.future .breadcrumb-dropdown .chooser {
  min-width: 100%;
}
.future .breadcrumb-dropdown .chooser .choices {
  left: -1em;
  width: auto;
}
.future .breadcrumb-dropdown .chooser .title {
  padding-left: 0;
  font-size: 1em;
  color: var(--main-color-new);
}
.future .breadcrumb-children {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
}
.future .breadcrumb-children.flex-nowrap {
  flex-wrap: nowrap;
}
.future .breadcrumb-button {
  background-color: var(--main-color-lighter);
  border-color: var(--main-color-lighter);
  display: inline-flex;
  padding: 10px 14px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  align-items: center;
  color: var(--black-color);
  text-transform: none;
}
.future .breadcrumb-button.active {
  background-color: var(--main-color-new);
  color: var(--white-color);
  border-color: var(--main-color-new);
}
.future .account-nav-dropdown .chooser {
  min-width: 100%;
  margin-right: 0;
}
.future .account-nav-dropdown .chooser .choices {
  top: 2.5em;
  right: 0;
  width: auto;
}
.future .account-nav-dropdown .chooser .title {
  padding-left: 0;
  font-size: 1em;
  color: var(--main-color-new);
}
.future .account-nav-dropdown .chooser .selector .is-selected {
  color: var(--main-color-new);
}
.future .grid-table .grid-table-header-row,
.future .grid-table .grid-table-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
}
.future .grid-table .grid-table-header-row-with-action,
.future .grid-table .grid-table-row-with-action {
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)) [last-col] 40px;
}
.future .grid-table .grid-table-header-row {
  font-size: 0.875em;
  font-weight: 600;
}
.future .grid-table .grid-table-header-row .grid-table-header-item .header-item-text {
  text-overflow: initial;
  white-space: normal;
  overflow-wrap: break-word;
}
@media screen and (max-width: 1023px) {
  .future .grid-table .grid-table-header-row .grid-table-header-item .tablet-hide {
    display: none;
  }
}
.future .grid-table .grid-table-row {
  font-size: 0.875em;
  cursor: pointer;
}
.future .grid-table .grid-table-row:hover {
  background-color: var(--grey-lighter);
}
.future .grid-table .grid-table-row.no-hover {
  cursor: default;
}
.future .grid-table .grid-table-row.no-hover:hover {
  background-color: inherit;
}
.future .grid-table .grid-table-header-item,
.future .grid-table .grid-table-row-item {
  border-bottom: 1px solid var(--grey-medium);
  padding: 0.5em;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .future .grid-table .grid-table-header-item-mob-hide,
  .future .grid-table .grid-table-row-item-mob-hide {
    display: none;
  }
}
@media screen and (max-width: 979px) {
  .future .grid-table .grid-table-header-item,
  .future .grid-table .grid-table-row-item {
    font-size: 0.875em;
  }
}
.future .grid-table .grid-table-header-item-align-right .row-item-content,
.future .grid-table .grid-table-row-item-align-right .row-item-content {
  justify-content: flex-end;
  flex-grow: 1;
}
.future .grid-table .grid-table-header-item-align-left .row-item-content,
.future .grid-table .grid-table-row-item-align-left .row-item-content {
  justify-content: flex-start;
  flex-shrink: 1;
}
.future .grid-table .grid-table-header-item-align-left .row-item-content .row-item-text,
.future .grid-table .grid-table-row-item-align-left .row-item-content .row-item-text {
  column-gap: 0.5em;
}
.future .grid-table .grid-table-header-item .header-item-content,
.future .grid-table .grid-table-header-item .row-item-content,
.future .grid-table .grid-table-row-item .header-item-content,
.future .grid-table .grid-table-row-item .row-item-content {
  display: flex;
  align-items: center;
  gap: 0.5em;
  overflow: hidden;
}
.future .grid-table .grid-table-header-item .header-item-text,
.future .grid-table .grid-table-header-item .row-item-text,
.future .grid-table .grid-table-row-item .header-item-text,
.future .grid-table .grid-table-row-item .row-item-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.future .grid-table .grid-table-header-item .header-item-text.fixed-height,
.future .grid-table .grid-table-header-item .row-item-text.fixed-height,
.future .grid-table .grid-table-row-item .header-item-text.fixed-height,
.future .grid-table .grid-table-row-item .row-item-text.fixed-height {
  height: 0;
  margin-top: 16px;
}
.future .grid-table .grid-table-header-item .header-item-text.fixed-height .tip,
.future .grid-table .grid-table-header-item .row-item-text.fixed-height .tip,
.future .grid-table .grid-table-row-item .header-item-text.fixed-height .tip,
.future .grid-table .grid-table-row-item .row-item-text.fixed-height .tip {
  margin-left: -107px;
}
.future .grid-table .grid-table-header-item .row-item-file,
.future .grid-table .grid-table-row-item .row-item-file {
  pointer-events: all;
}
.future .grid-table .grid-table-row-item {
  align-items: flex-start;
}
.future .grid-table .grid-table-row-item-bold-upper {
  font-weight: 600;
  text-transform: uppercase;
}
.future .grid-table .grid-table-row-item-bold {
  font-weight: 600;
}
.future .grid-table .grid-table-header-item-last,
.future .grid-table .grid-table-row-item-last {
  justify-content: end;
  grid-column: last-col/span 1;
}
.future .grid-table .grid-table-header-group,
.future .grid-table .grid-table-row-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--column-width-min), 1fr));
}
.future .grid-table .grid-table-group-2 {
  --column-width-min: 2rem;
}
.future .grid-table .grid-table-group-4 {
  --column-width-min: 4rem;
}
.future .grid-table .grid-table-group-6 {
  --column-width-min: 6rem;
}
.future .grid-table .grid-table-group-8 {
  --column-width-min: 8rem;
}
.future .grid-table .grid-table-group-10 {
  --column-width-min: 10rem;
}
.future .grid-table .grid-table-group-12 {
  --column-width-min: 12rem;
}
.future .grid-table .grid-table-group-16 {
  --column-width-min: 16rem;
}
@media screen and (max-width: 979px) {
  .future .grid-table .grid-table-group-2 {
    --column-width-min: calc(0.8 * 2rem);
  }
  .future .grid-table .grid-table-group-4 {
    --column-width-min: calc(0.8 * 4rem);
  }
  .future .grid-table .grid-table-group-6 {
    --column-width-min: calc(0.8 * 6rem);
  }
  .future .grid-table .grid-table-group-8 {
    --column-width-min: calc(0.8 * 8rem);
  }
  .future .grid-table .grid-table-group-10 {
    --column-width-min: calc(0.8 * 10rem);
  }
  .future .grid-table .grid-table-group-12 {
    --column-width-min: calc(0.8 * 12rem);
  }
  .future .grid-table .grid-table-group-16 {
    --column-width-min: calc(0.8 * 16rem);
  }
}
.future .grid-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  row-gap: 1em;
  column-gap: 1em;
}
.future .grid-cards .grid-panel {
  overflow: initial;
}
.future .grid-cards .grid-document-panel {
  grid-template-rows: 390px;
  max-width: 310px;
}
.future .grid-cards .grid-document-panel .panel-image img {
  height: 100%;
}
.future .text-introduction.text-left {
  text-align: left;
  margin: 0 auto 0 0;
}
.future .big-box {
  cursor: pointer;
}
.future .big-box .text-square {
  top: 50%;
}
@media screen and (max-width: 979px) {
  .future .big-box .text-square {
    top: auto;
    height: 100%;
    padding: 2em;
  }
}
.future .big-box .text-square p {
  font-size: 14px;
  line-height: 1.3em;
}
@media screen and (max-width: 767px) {
  .future .big-box .text-square p {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .future .big-box .text-square h3 {
    font-size: 22px;
  }
}
.future .member-details {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.future .header-container.full-width.with-background {
  background-color: var(--main-color-lightest);
}
.future .header-container.full-width .header {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2em;
}
.future .header-container.full-width .header .subheader {
  display: grid;
  grid-template-columns: 300px minmax(0, 2fr);
  grid-template-areas: "avatar detail";
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .future .header-container.full-width .header .subheader {
    grid-template-areas: ". avatar ." ". detail .";
    grid-template-columns: unset;
    justify-items: center;
  }
}
.future .header-container.full-width .header .subheader .subheader-avatar {
  grid-area: avatar;
}
.future .header-container.full-width .header .subheader .subheader-detail {
  grid-area: detail;
}
@media screen and (max-width: 767px) {
  .future .header-container.full-width .header .subheader .subheader-detail {
    justify-content: center;
    align-items: center;
  }
}
.future .requested-ticket {
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 2em;
}
.future .requested-ticket-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.future .requested-ticket-status {
  color: var(--main-color-new);
}
.future .attendee-row {
  display: grid;
  gap: 2em;
  margin-bottom: 1em;
  grid-template-columns: minmax(0, 3fr) minmax(0, 5fr) minmax(0, 1fr);
}
@media screen and (max-width: 767px) {
  .future .attendee-row {
    gap: 0.5em;
    margin-left: 0.5em;
  }
}
.future .attendee-row.no-email {
  grid-template-columns: 3fr 1fr;
}
.future .attendee-row .attendee-row-name {
  font-weight: 400;
}
.future .attendee-row .attendee-row-name-empty {
  color: var(--warning-color-dark);
}
.future .attendee-row .attendee-row-email {
  font-weight: 400;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.future .attendee-row .attendee-row-email-empty {
  color: var(--warning-color-dark);
  font-style: italic;
}
.future .info-block {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.future .info-block.no-mb {
  margin-bottom: 0;
}
.future .info-block.info-block-inline {
  flex-direction: row;
  justify-content: space-between;
}
.future .info-block.info-block-inline.flex-start {
  justify-content: flex-start;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .future .info-block.info-block-inline {
    flex-wrap: wrap;
  }
}
.future .info-block .info-block-stack {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .future .info-block .info-block-stack {
    flex-direction: row;
    gap: 1rem;
  }
}
.future .info-block .info-title {
  font-weight: 600;
}
.future .info-block .info-value {
  margin-right: 1em;
  gap: 0.5em;
}
.future .info-block .info-value.info-value-primary {
  font-weight: 600;
  color: var(--main-color-new);
}
.future .info-block .info-value.info-value-green {
  color: var(--green-color);
}
.future .info-block .info-value.info-value-amber {
  color: var(--amber-color);
}
.future .member-details-page__header {
  display: grid;
  grid-template-columns: min-content 40% 1fr 20%;
  grid-template-areas: "photo name . action";
  column-gap: 1em;
  align-items: center;
}
.future .member-details-page__avatar {
  grid-area: photo;
}
.future .member-details-page__title {
  grid-area: name;
  margin-right: auto;
  width: 100%;
}
.future .member-details-page__remove-member {
  grid-area: action;
  justify-self: flex-end;
}
.future .side-nav {
  display: grid;
  grid-template-areas: "toggle" "menu" "back-link";
}
.future .side-nav__toggle {
  grid-area: toggle;
  display: none;
  cursor: pointer;
}
.future .side-nav__menu {
  grid-area: menu;
}
.future .side-nav__item {
  padding: 0.5em 1em;
  color: var(--black-color);
  border-left: 2px solid transparent;
}
.future .side-nav__item:hover, .future .side-nav__item:active, .future .side-nav__item:focus {
  color: var(--main-color-new);
  text-decoration: none;
}
.future .side-nav__item--selected {
  color: var(--main-color-new);
  border-left-color: var(--main-color-new);
}
.future .side-nav__item.disabled {
  color: var(--main-color-lighter);
}
.future .side-nav__item.disabled:hover, .future .side-nav__item.disabled:active, .future .side-nav__item.disabled:focus {
  color: var(--main-color-lighter);
}
.future .side-nav__item.disabled.side-nav__item--selected {
  border-left-color: transparent;
}
.future .side-nav__link-with-icon {
  gap: 0.5em;
}
.future .side-nav__link-with-icon:hover {
  text-decoration: none;
}
.future .side-nav__link-with-icon:hover .side-nav__link-text {
  text-decoration: underline;
}
.future .side-nav__back-link {
  grid-area: back-link;
  margin-top: 4em;
}
.future .next-btn,
.future .prev-btn {
  color: var(--main-color-new);
  cursor: pointer;
  user-select: none;
}
.future .next-btn:hover,
.future .prev-btn:hover {
  color: var(--main-color-dark);
}
.future .next-btn.disabled,
.future .prev-btn.disabled {
  color: var(--main-color-lightest);
  cursor: not-allowed;
}
.future .next-btn.disabled:hover,
.future .prev-btn.disabled:hover {
  color: var(--main-color-lightest);
}
.future .member-row {
  padding: 1.5em;
  background-color: var(--white-color);
  border: 1px solid var(--main-color-lighter);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
}
.future .member-row__image {
  width: 80px;
  height: 80px;
}
.future .member-row__image img {
  border-radius: 4px;
  width: 100%;
}
.future .member-row:not(:last-of-type) {
  margin-bottom: 2em;
}
.future .member-row__details {
  width: calc(100% - 80px - 1em);
}
.future .member-row__details-header {
  width: 100%;
  justify-content: flex-start;
  column-gap: 1.5em;
  row-gap: 0;
}
.future .member-row__details-body {
  width: 100%;
  column-gap: 1em;
  row-gap: 0.5em;
}
.future .member-row__details-item {
  flex: 1;
  flex-basis: 47%;
  overflow-wrap: anywhere;
}
.future .membership-card {
  align-items: flex-start;
  margin-bottom: 2em;
}
.future .membership-card:last-of-type {
  margin-bottom: 0;
}
.future .membership-card .panel-details,
.future .membership-card .panel-actions {
  flex: 1;
  flex-basis: 45%;
}
.future .membership-card .panel-actions {
  gap: 3rem;
}
.future .membership-card__other-info-area-header {
  font-size: 14px;
  border-radius: 4px;
  padding: 0.5em 1em;
  background-color: var(--main-color-lighter);
  display: flex;
  justify-content: space-between;
}
.future .membership-card__other-info-row {
  padding: 0.75em 1em;
  border-bottom: 1px solid var(--main-color-lighter);
  display: flex;
}
.future .membership-card__other-info-label {
  margin-right: 1em;
  flex: 1;
}
.future .membership-card__status-message {
  line-height: 1.5em;
}
.future .membership-card__button-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1em;
}
.future .membership-card__button-area .btn {
  flex: 1;
}
.future .mapboxgl-ctrl-top-left, .future .mapboxgl-ctrl-top-right, .future .mapboxgl-ctrl-bottom-left, .future .mapboxgl-ctrl-bottom-right {
  z-index: 0;
}
.future .mapboxgl-ctrl-top-left button.mapboxgl-ctrl-attrib-button, .future .mapboxgl-ctrl-top-right button.mapboxgl-ctrl-attrib-button, .future .mapboxgl-ctrl-bottom-left button.mapboxgl-ctrl-attrib-button, .future .mapboxgl-ctrl-bottom-right button.mapboxgl-ctrl-attrib-button {
  display: none;
}
.future .markdown p:first-of-type {
  margin-top: 0;
}
.future .markdown p:last-of-type {
  margin-bottom: 0;
}
.future .description-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.75em;
}
.future .description-item {
  width: 100%;
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .future .description-item {
    font-size: 0.8em;
  }
}
.future .description-label {
  overflow-wrap: anywhere;
  flex: 1;
  flex-basis: 30%;
}
.future .description-value {
  overflow-wrap: anywhere;
  flex: 1;
  flex-basis: 55%;
}
.future .description-value .meta-info {
  font-weight: 600;
}
.future .description-label, .future .description-value {
  display: flex;
  flex-direction: column;
}
.future .description-compact {
  flex: unset;
  flex-basis: 0%;
}
.future .description-compact i {
  width: 24px;
}
.future .BetterSelect ul {
  list-style-type: none;
  margin: 0;
  padding: 1em;
}
.future .BetterSelect .FieldComponent-dropdown__control {
  background-color: var(--grey-lighter);
  border: none;
  border-radius: 2px;
  min-height: 44.8px;
}
.future .BetterSelect .FieldComponent-dropdown__control--is-focused {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--main-color-new);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}
.future .BetterSelect .FieldComponent-dropdown__control--menu-is-open {
  border-top: none;
}
.future .BetterSelect .FieldComponent-dropdown__value-container {
  padding: 6px 16px;
}
.future .BetterSelect .FieldComponent-dropdown__value-container .FieldComponent-dropdown__multi-value {
  background-color: var(--white-color);
}
.future .BetterSelect .FieldComponent-dropdown__value-container .FieldComponent-dropdown__multi-value .option-item {
  padding: 0.25em;
  border: 0;
}
.future .BetterSelect .FieldComponent-dropdown__value-container .FieldComponent-dropdown__single-value {
  width: calc(100% - 2em);
}
.future .BetterSelect .FieldComponent-dropdown__control,
.future .BetterSelect .FieldComponent-dropdown__menu {
  color: var(--grey-darkest);
  border: 0;
  box-shadow: none;
}
.future .BetterSelect .FieldComponent-dropdown__value-container {
  padding: 3px 1em 2px;
}
.future .BetterSelect .FieldComponent-dropdown__menu {
  box-shadow: none;
  margin-top: 4px;
  border: 1px solid var(--grey-light);
  z-index: 3;
}
.future .BetterSelect .FieldComponent-dropdown__menu .FieldComponent-dropdown__menu-list.loqate {
  overflow-y: auto;
  max-height: 300px;
  position: inherit !important;
}
.future .BetterSelect .FieldComponent-dropdown__option {
  cursor: pointer;
}
.future .BetterSelect .FieldComponent-dropdown__option.loqate {
  padding: 0 1em;
}
.future .BetterSelect .FieldComponent-dropdown__option:first-child .option-item {
  border-top: 0;
}
.future .BetterSelect .FieldComponent-dropdown__option--is-focused,
.future .BetterSelect .FieldComponent-dropdown__option:hover,
.future .BetterSelect .option-item.loqate:hover {
  color: var(--main-color-new);
  background-color: transparent;
}
.future .BetterSelect .FieldComponent-dropdown__option--is-selected {
  color: var(--grey-darkest);
  background-color: var(--main-color-lightest);
}
.future .BetterSelect .FieldComponent-dropdown__option--is-selected.FieldComponent-dropdown__option--is-focused {
  color: var(--main-color-new);
}
.future .no-results {
  height: 50vh;
  min-height: 500px;
}
.future .maptip {
  position: absolute;
  padding: 1em;
  max-width: 300px;
  font-size: 12px;
  line-height: 16px;
  z-index: 1;
}
.future .maptip .county-header {
  flex-wrap: nowrap;
}
.future .maptip .county-header .county-thumbnail {
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.future .maptip .county-header .county-name {
  flex: 0 0 60%;
  margin: 0;
  min-width: 100px;
  padding-right: 1.5em;
}
.future .maptip .county-description {
  max-height: 8em;
  overflow-y: scroll;
  padding-right: 1em;
}
.future .maptip .attach-right {
  color: var(--black-color);
  position: absolute;
  right: 1em;
}
.future .maptip .attach-right:hover {
  cursor: pointer;
}
.future .maptip a {
  text-decoration: none;
}
.future .maptip a:hover {
  cursor: pointer;
}
.future .maptip .material-small > .material-icons {
  font-size: 1.5em;
}
.future .empty-container {
  background-color: #F6F7F9;
  border-radius: 0.3em;
}
.future .banner-ad {
  max-width: calc(1200px - 4em) !important;
  padding: 2em;
  background-color: #F6F7F9;
  border-radius: 0.3em;
  display: grid;
  grid-template-areas: "banner-content hero";
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2em;
}
.future .banner-ad .banner-content {
  grid-area: banner-content;
  align-self: center;
}
.future .banner-ad .primary-image {
  grid-area: hero;
  align-self: center;
}
.future .banner-ad .primary-image img {
  width: 100%;
  height: auto;
}
.future .highlighted {
  color: var(--main-color-new);
}
@media screen and (max-width: 1023px) {
  .future .p-m-1 {
    padding: 1em !important;
  }
}
.future .video-player {
  position: relative;
  padding-top: 56.25%; /* Player ratio: 100 / (1280 / 720) */
}
.future .video-player .rtl-controls-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.future .video-player .rtl-controls-container:hover .rtl-controls-bottom-bar {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0) 100%);
}
.future .video-player .rtl-controls-container:hover .rtl-controls-bottom-bar input[type=range] {
  --thumb-height: 1.125em;
}
.future .video-player .rtl-controls-container:hover .rtl-controls-top-bar {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0) 100%);
}
.future .video-player .rtl-controls-top-bar {
  background: none;
  display: flex;
  flex-direction: column;
  color: var(--white-color);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.future .video-player .rtl-controls-top-bar-title {
  width: 100%;
}
.future .video-player .rtl-controls-top-bar-subtitle {
  width: 100%;
}
.future .video-player .rtl-controls-bottom-bar {
  display: flex;
  flex-direction: column;
  transition: background 5s;
  background: none;
}
.future .video-player .rtl-controls-bottom-bar input[type=range] {
  padding: 10px 0;
  margin-bottom: -16px;
  background: rgba(0, 0, 0, 0);
  --thumb-height: 0.3em;
}
.future .video-player .rtl-controls-bottom-bar:hover input[type=range] {
  --thumb-height: 1.125em;
}
.future .video-player .rtl-controls-bottom-bar-buttons {
  display: flex;
  flex-direction: row;
}
.future .video-player .rtl-controls-bottom-bar-button:hover {
  filter: drop-shadow(0px 0px 6px var(--highlight-color));
  cursor: pointer;
}
.future .react-player {
  position: absolute;
  top: 0;
  left: 0;
}

.dashboard-page-component {
  display: flex;
  flex-direction: column;
  max-width: 750px;
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: auto;
  margin-right: auto;
}
.dashboard-page-component button, .dashboard-page-component .button, .dashboard-page-component input[type=submit] {
  outline: 0;
  border: 2px solid var(--main-color-new);
  display: inline-block;
  width: auto;
  border-radius: 4px;
  background-color: var(--main-color-new);
  font-size: 14px;
  line-height: inherit;
  font-family: var(--main-new-font-family);
  font-weight: 600;
  color: var(--white-color);
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.5s;
  padding: 0.6em 2.25em;
}
.dashboard-page-component button:hover, .dashboard-page-component button:active, .dashboard-page-component button:focus, .dashboard-page-component .button:hover, .dashboard-page-component .button:active, .dashboard-page-component .button:focus, .dashboard-page-component input[type=submit]:hover, .dashboard-page-component input[type=submit]:active, .dashboard-page-component input[type=submit]:focus {
  background-color: var(--main-color-dark);
  color: var(--white-color);
  border-color: var(--main-color-dark);
  cursor: pointer;
}

.dashboard-page,
.dashboard-page-component {
  display: flex;
  flex-direction: column;
}

.dashboard-notices {
  position: relative;
}
.dashboard-notices .dashboard-notice-holder {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}
.dashboard-notices .dashboard-notice-holder::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1023px) {
  .dashboard-notices .dashboard-notice-holder {
    max-width: calc(100vw - 50px);
  }
}
.dashboard-notices .dashboard-action {
  background-color: var(--main-color);
  color: var(--white-color);
  cursor: pointer;
  flex-shrink: 0;
  min-height: 175px;
  margin-right: 50px;
  border-radius: 5px;
  position: relative;
  padding: 1em;
  scroll-snap-align: start;
  width: 100%;
}
.dashboard-notices .dashboard-action :first-child {
  margin-top: 0;
}
.dashboard-notices .dashboard-action p, .dashboard-notices .dashboard-action h1, .dashboard-notices .dashboard-action h2, .dashboard-notices .dashboard-action h3, .dashboard-notices .dashboard-action h4, .dashboard-notices .dashboard-action h5, .dashboard-notices .dashboard-action h6 {
  color: var(--white-color);
}
.dashboard-notices .dashboard-action .dashboard-action-button {
  bottom: 22px;
}
.dashboard-notices .dashboard-action .dashboard-action-button button {
  background-color: var(--white-color);
  color: var(--main-color);
  border-color: var(--white-color);
}
.dashboard-notices .dashboard-action .dashboard-action-button button:hover, .dashboard-notices .dashboard-action .dashboard-action-button button:active {
  background-color: var(--main-color-lighter);
}
.dashboard-notices .dashboard-slider {
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  z-index: 2;
}
.dashboard-notices .dashboard-slider a {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: solid 3px var(--white-color);
  background-color: var(--white-color);
  border-radius: 50%;
  content: " ";
  margin-left: 3px;
}
.dashboard-notices .dashboard-slider a.current-slide {
  background-color: var(--main-color-new);
}
.dashboard-notices .dashboard-slider a span {
  font-size: 0;
}