/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/style.css ***!
  \***********************************************************************************************************************************************************************/
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */

@layer properties;

@layer theme, base, components, utilities;

@layer theme {

  :root, :host {

    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;

    --spacing: 1px;

    --font-weight-normal: 400;

    --font-weight-medium: 500;

    --font-weight-semibold: 600;

    --font-weight-bold: 700;

    --ease-in: cubic-bezier(0.4, 0, 1, 1);

    --ease-out: cubic-bezier(0, 0, 0.2, 1);

    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    --default-transition-duration: 150ms;

    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    --default-font-family: var(--font-sans);

    --default-mono-font-family: var(--font-mono);

    --design-width: 1512;

    --px-to-vw: calc(100 / var( --design-width ));

    --color-white: #FFF;

    --color-black: #000;

    --color-gray: #808080;

    --color-gray-light: #F1F1F1;

    --color-turquoise: #3AFDFF;

    --color-turquoise-dark: #33D7D9;

    --color-turquoise-light: #E9FDFF;

    --color-red: #FF2250;

    --color-green: #8CD867;

    --color-yellow: #FFDC40;

    --font-display: MonumentExtended, sans-serif;

    --font-body: InstrumentSans, sans-serif;

    --text-12: 12px;

    --text-14: 14px;

    --text-16: 16px;

    --text-18: 18px;

    --text-20: 20px;

    --text-24: 24px;

    --text-26: 26px;

    --text-28: 28px;

    --text-32: 32px;

    --text-12vw: calc(12 * var(--px-to-vw) * 1vw);

    --text-14vw: calc(14 * var(--px-to-vw) * 1vw);

    --text-16vw: calc(16 * var(--px-to-vw) * 1vw);

    --text-18vw: calc(18 * var(--px-to-vw) * 1vw);

    --text-20vw: calc(20 * var(--px-to-vw) * 1vw);

    --text-24vw: calc(24 * var(--px-to-vw) * 1vw);

    --text-28vw: calc(28 * var(--px-to-vw) * 1vw);

    --text-32vw: calc(32 * var(--px-to-vw) * 1vw);

    --leading-16vw: calc(16 * var(--px-to-vw) * 1vw);

    --leading-18vw: calc(18 * var(--px-to-vw) * 1vw);

    --leading-20vw: calc(20 * var(--px-to-vw) * 1vw);

    --leading-24vw: calc(24 * var(--px-to-vw) * 1vw);

    --leading-28vw: calc(28 * var(--px-to-vw) * 1vw);

    --leading-38vw: calc(38 * var(--px-to-vw) * 1vw);

    --spacing-mw: 1512px;

    --spacing-0_39vw: 0.39vw;

    --spacing-0_52vw: 0.52vw;

    --spacing-1_05vw: 1.05vw;

    --spacing-1_58vw: 1.58vw;

    --spacing-1_65vw: 1.65vw;

    --spacing-2_11vw: 2.11vw;

    --spacing-2_51vw: 2.51vw;

    --spacing-2_64vw: 2.64vw;

    --spacing-3_17vw: 3.17vw;

    --spacing-4_23vw: 4.23vw;

    --spacing-5_29vw: 5.29vw;

    --spacing-6_87vw: 6.87vw;

    --spacing-7_93vw: 7.93vw;

    --spacing-8_46vw: 8.46vw;

    --spacing-8_99vw: 8.99vw;

    --spacing-9_52vw: 9.52vw;

    --spacing-20_89vw: 20.89vw;

    --spacing-30_29vw: 30.29vw;

    --spacing-37_03vw: 37.03vw;

    --spacing-40_74vw: 40.74vw;

    --spacing-1\/2: 50%;

    --spacing-1\/2-12: calc(50% - 12px);

    --spacing-1\/2-12vw: calc(50% - 0.79vw);

    --spacing-85vh: 85vh;

    --spacing-95vh: 95vh;

    --spacing-100vh-89: calc(100vh - 89px);

    --radius-8: 8px;

    --radius-35: 35px;

    --radius-1\/2: 50%;
  }
}

@layer base {

  *, ::after, ::before, ::backdrop, ::file-selector-button {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0 solid;
  }

  html, :host {

    line-height: 1.5;

    -webkit-text-size-adjust: 100%;

    -moz-tab-size: 4;

      -o-tab-size: 4;

         tab-size: 4;

    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");

    font-feature-settings: normal;

    font-feature-settings: var(--default-font-feature-settings, normal);

    font-variation-settings: normal;

    font-variation-settings: var(--default-font-variation-settings, normal);

    -webkit-tap-highlight-color: transparent;
  }

  hr {

    height: 0;

    color: inherit;

    border-top-width: 1px;
  }

  abbr:where([title]) {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {

    font-size: inherit;

    font-weight: inherit;
  }

  a {

    color: inherit;

    -webkit-text-decoration: inherit;

    text-decoration: inherit;
  }

  b, strong {

    font-weight: bolder;
  }

  code, kbd, samp, pre {

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;

    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);

    font-feature-settings: normal;

    font-feature-settings: var(--default-mono-font-feature-settings, normal);

    font-variation-settings: normal;

    font-variation-settings: var(--default-mono-font-variation-settings, normal);

    font-size: 1em;
  }

  small {

    font-size: 80%;
  }

  sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;
  }

  sub {

    bottom: -0.25em;
  }

  sup {

    top: -0.5em;
  }

  table {

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse;
  }

  :-moz-focusring {

    outline: auto;
  }

  progress {

    vertical-align: baseline;
  }

  summary {

    display: list-item;
  }

  ol, ul, menu {

    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {

    display: block;

    vertical-align: middle;
  }

  img, video {

    max-width: 100%;

    height: auto;
  }

  button, input, select, optgroup, textarea, ::file-selector-button {

    font: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    letter-spacing: inherit;

    color: inherit;

    border-radius: 0;

    background-color: transparent;

    opacity: 1;
  }

  :where(select:is([multiple], [size])) optgroup {

    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {

    padding-inline-start: 20px;
  }

  ::file-selector-button {

    margin-inline-end: 4px;
  }

  ::-moz-placeholder {

    opacity: 1;
  }

  ::placeholder {

    opacity: 1;
  }

  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {

    ::-moz-placeholder {

      color: currentcolor;
    }

    ::placeholder {

      color: currentcolor;
    }

    @supports (color: color-mix(in lab, red, red)) {

      ::-moz-placeholder {

        color: color-mix(in oklab, currentcolor 50%, transparent);
      }

      ::placeholder {

        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {

    resize: vertical;
  }

  ::-webkit-search-decoration {

    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {

    min-height: 1lh;

    text-align: inherit;
  }

  ::-webkit-datetime-edit {

    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {

    padding: 0;
  }

  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {

    padding-block: 0;
  }

  :-moz-ui-invalid {

    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {

    -webkit-appearance: button;

       -moz-appearance: button;

            appearance: button;
  }

  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {

    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {

    display: none !important;
  }
}

@layer utilities {

  .\@container {

    container-type: inline-size;
  }

  .pointer-events-auto {

    pointer-events: auto;
  }

  .pointer-events-none {

    pointer-events: none;
  }

  .\!visible {

    visibility: visible !important;
  }

  .collapse {

    visibility: collapse;
  }

  .invisible {

    visibility: hidden;
  }

  .visible {

    visibility: visible;
  }

  .visible\! {

    visibility: visible !important;
  }

  .\!sticky {

    position: sticky !important;
  }

  .absolute {

    position: absolute;
  }

  .fixed {

    position: fixed;
  }

  .relative {

    position: relative;
  }

  .static {

    position: static;
  }

  .sticky {

    position: sticky;
  }

  .inset-0 {

    inset: calc(1px * 0);

    inset: calc(var(--spacing) * 0);
  }

  .-top-9 {

    top: calc(1px * -9);

    top: calc(var(--spacing) * -9);
  }

  .top-0 {

    top: calc(1px * 0);

    top: calc(var(--spacing) * 0);
  }

  .top-1\/2 {

    top: 50%;

    top: var(--spacing-1\/2);
  }

  .top-4 {

    top: calc(1px * 4);

    top: calc(var(--spacing) * 4);
  }

  .top-10 {

    top: calc(1px * 10);

    top: calc(var(--spacing) * 10);
  }

  .top-14 {

    top: calc(1px * 14);

    top: calc(var(--spacing) * 14);
  }

  .top-100 {

    top: calc(1px * 100);

    top: calc(var(--spacing) * 100);
  }

  .right-0 {

    right: calc(1px * 0);

    right: calc(var(--spacing) * 0);
  }

  .right-8 {

    right: calc(1px * 8);

    right: calc(var(--spacing) * 8);
  }

  .bottom-0 {

    bottom: calc(1px * 0);

    bottom: calc(var(--spacing) * 0);
  }

  .left-0 {

    left: calc(1px * 0);

    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {

    left: 50%;

    left: var(--spacing-1\/2);
  }

  .left-24 {

    left: calc(1px * 24);

    left: calc(var(--spacing) * 24);
  }

  .isolate {

    isolation: isolate;
  }

  .z-0 {

    z-index: 0;
  }

  .z-1 {

    z-index: 1;
  }

  .z-2 {

    z-index: 2;
  }

  .z-3 {

    z-index: 3;
  }

  .z-10 {

    z-index: 10;
  }

  .z-99 {

    z-index: 99;
  }

  .container {

    width: 100%;
  }

  @media (min-width: 768px) {

    .container {

      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {

    .container {

      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {

    .container {

      max-width: 1280px;
    }
  }

  @media (min-width: 1512px) {

    .container {

      max-width: 1512px;
    }
  }

  .m-24 {

    margin: calc(1px * 24);

    margin: calc(var(--spacing) * 24);
  }

  .mx-18 {

    margin-inline: calc(1px * 18);

    margin-inline: calc(var(--spacing) * 18);
  }

  .mx-auto {

    margin-inline: auto;
  }

  .my-80 {

    margin-block: calc(1px * 80);

    margin-block: calc(var(--spacing) * 80);
  }

  .mt-8 {

    margin-top: calc(1px * 8);

    margin-top: calc(var(--spacing) * 8);
  }

  .mt-16 {

    margin-top: calc(1px * 16);

    margin-top: calc(var(--spacing) * 16);
  }

  .mt-24 {

    margin-top: calc(1px * 24);

    margin-top: calc(var(--spacing) * 24);
  }

  .mt-32 {

    margin-top: calc(1px * 32);

    margin-top: calc(var(--spacing) * 32);
  }

  .mt-48 {

    margin-top: calc(1px * 48);

    margin-top: calc(var(--spacing) * 48);
  }

  .mt-64 {

    margin-top: calc(1px * 64);

    margin-top: calc(var(--spacing) * 64);
  }

  .mt-89 {

    margin-top: calc(1px * 89);

    margin-top: calc(var(--spacing) * 89);
  }

  .mt-auto {

    margin-top: auto;
  }

  .mr-8 {

    margin-right: calc(1px * 8);

    margin-right: calc(var(--spacing) * 8);
  }

  .mr-auto {

    margin-right: auto;
  }

  .-mb-1 {

    margin-bottom: calc(1px * -1);

    margin-bottom: calc(var(--spacing) * -1);
  }

  .-mb-24 {

    margin-bottom: calc(1px * -24);

    margin-bottom: calc(var(--spacing) * -24);
  }

  .mb-4 {

    margin-bottom: calc(1px * 4);

    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-16 {

    margin-bottom: calc(1px * 16);

    margin-bottom: calc(var(--spacing) * 16);
  }

  .mb-24 {

    margin-bottom: calc(1px * 24);

    margin-bottom: calc(var(--spacing) * 24);
  }

  .mb-28 {

    margin-bottom: calc(1px * 28);

    margin-bottom: calc(var(--spacing) * 28);
  }

  .mb-32 {

    margin-bottom: calc(1px * 32);

    margin-bottom: calc(var(--spacing) * 32);
  }

  .mb-40 {

    margin-bottom: calc(1px * 40);

    margin-bottom: calc(var(--spacing) * 40);
  }

  .mb-48 {

    margin-bottom: calc(1px * 48);

    margin-bottom: calc(var(--spacing) * 48);
  }

  .mb-64 {

    margin-bottom: calc(1px * 64);

    margin-bottom: calc(var(--spacing) * 64);
  }

  .mb-80 {

    margin-bottom: calc(1px * 80);

    margin-bottom: calc(var(--spacing) * 80);
  }

  .-ml-12 {

    margin-left: calc(1px * -12);

    margin-left: calc(var(--spacing) * -12);
  }

  .\!hidden {

    display: none !important;
  }

  .\!inline {

    display: inline !important;
  }

  .block {

    display: block;
  }

  .block\! {

    display: block !important;
  }

  .contents {

    display: contents;
  }

  .flex {

    display: flex;
  }

  .grid {

    display: grid;
  }

  .hidden {

    display: none;
  }

  .inline {

    display: inline;
  }

  .inline-block {

    display: inline-block;
  }

  .inline-flex {

    display: inline-flex;
  }

  .inline-grid {

    display: inline-grid;
  }

  .inline-table {

    display: inline-table;
  }

  .list-item {

    display: list-item;
  }

  .table {

    display: table;
  }

  .table-caption {

    display: table-caption;
  }

  .table-cell {

    display: table-cell;
  }

  .table-column {

    display: table-column;
  }

  .table-column-group {

    display: table-column-group;
  }

  .table-footer-group {

    display: table-footer-group;
  }

  .table-header-group {

    display: table-header-group;
  }

  .table-row {

    display: table-row;
  }

  .table-row-group {

    display: table-row-group;
  }

  .aspect-9\/11 {

    aspect-ratio: 9/11;
  }

  .aspect-324\/234 {

    aspect-ratio: 324/234;
  }

  .\!size-24 {

    width: calc(1px * 24) !important;

    width: calc(var(--spacing) * 24) !important;

    height: calc(1px * 24) !important;

    height: calc(var(--spacing) * 24) !important;
  }

  .size-24 {

    width: calc(1px * 24);

    width: calc(var(--spacing) * 24);

    height: calc(1px * 24);

    height: calc(var(--spacing) * 24);
  }

  .size-40 {

    width: calc(1px * 40);

    width: calc(var(--spacing) * 40);

    height: calc(1px * 40);

    height: calc(var(--spacing) * 40);
  }

  .size-48 {

    width: calc(1px * 48);

    width: calc(var(--spacing) * 48);

    height: calc(1px * 48);

    height: calc(var(--spacing) * 48);
  }

  .size-full {

    width: 100%;

    height: 100%;
  }

  .\!h-full {

    height: 100% !important;
  }

  .h-6 {

    height: calc(1px * 6);

    height: calc(var(--spacing) * 6);
  }

  .h-10 {

    height: calc(1px * 10);

    height: calc(var(--spacing) * 10);
  }

  .h-24 {

    height: calc(1px * 24);

    height: calc(var(--spacing) * 24);
  }

  .h-33 {

    height: calc(1px * 33);

    height: calc(var(--spacing) * 33);
  }

  .h-40 {

    height: calc(1px * 40);

    height: calc(var(--spacing) * 40);
  }

  .h-88 {

    height: calc(1px * 88);

    height: calc(var(--spacing) * 88);
  }

  .h-95vh {

    height: 95vh;

    height: var(--spacing-95vh);
  }

  .h-100vh-89 {

    height: calc(100vh - 89px);

    height: var(--spacing-100vh-89);
  }

  .h-auto {

    height: auto;
  }

  .h-fit {

    height: -moz-fit-content;

    height: fit-content;
  }

  .h-full {

    height: 100%;
  }

  .max-h-48 {

    max-height: calc(1px * 48);

    max-height: calc(var(--spacing) * 48);
  }

  .max-h-510 {

    max-height: calc(1px * 510);

    max-height: calc(var(--spacing) * 510);
  }

  .max-h-800 {

    max-height: calc(1px * 800);

    max-height: calc(var(--spacing) * 800);
  }

  .max-h-full {

    max-height: 100%;
  }

  .min-h-48 {

    min-height: calc(1px * 48);

    min-height: calc(var(--spacing) * 48);
  }

  .min-h-80 {

    min-height: calc(1px * 80);

    min-height: calc(var(--spacing) * 80);
  }

  .w-6 {

    width: calc(1px * 6);

    width: calc(var(--spacing) * 6);
  }

  .w-24 {

    width: calc(1px * 24);

    width: calc(var(--spacing) * 24);
  }

  .w-32 {

    width: calc(1px * 32);

    width: calc(var(--spacing) * 32);
  }

  .w-38 {

    width: calc(1px * 38);

    width: calc(var(--spacing) * 38);
  }

  .w-54 {

    width: calc(1px * 54);

    width: calc(var(--spacing) * 54);
  }

  .w-72 {

    width: calc(1px * 72);

    width: calc(var(--spacing) * 72);
  }

  .w-80 {

    width: calc(1px * 80);

    width: calc(var(--spacing) * 80);
  }

  .w-142 {

    width: calc(1px * 142);

    width: calc(var(--spacing) * 142);
  }

  .w-auto {

    width: auto;
  }

  .w-fit {

    width: -moz-fit-content;

    width: fit-content;
  }

  .w-full {

    width: 100%;
  }

  .max-w-316 {

    max-width: calc(1px * 316);

    max-width: calc(var(--spacing) * 316);
  }

  .max-w-372 {

    max-width: calc(1px * 372);

    max-width: calc(var(--spacing) * 372);
  }

  .max-w-400 {

    max-width: calc(1px * 400);

    max-width: calc(var(--spacing) * 400);
  }

  .max-w-458 {

    max-width: calc(1px * 458);

    max-width: calc(var(--spacing) * 458);
  }

  .max-w-533 {

    max-width: calc(1px * 533);

    max-width: calc(var(--spacing) * 533);
  }

  .max-w-616 {

    max-width: calc(1px * 616);

    max-width: calc(var(--spacing) * 616);
  }

  .max-w-747 {

    max-width: calc(1px * 747);

    max-width: calc(var(--spacing) * 747);
  }

  .max-w-783 {

    max-width: calc(1px * 783);

    max-width: calc(var(--spacing) * 783);
  }

  .max-w-900 {

    max-width: calc(1px * 900);

    max-width: calc(var(--spacing) * 900);
  }

  .max-w-mw {

    max-width: 1512px;

    max-width: var(--spacing-mw);
  }

  .min-w-224 {

    min-width: calc(1px * 224);

    min-width: calc(var(--spacing) * 224);
  }

  .flex-shrink {

    flex-shrink: 1;
  }

  .flex-shrink-0 {

    flex-shrink: 0;
  }

  .shrink {

    flex-shrink: 1;
  }

  .flex-grow {

    flex-grow: 1;
  }

  .grow {

    flex-grow: 1;
  }

  .border-collapse {

    border-collapse: collapse;
  }

  .-translate-x-1\/2 {

    --tw-translate-x: calc(var(--spacing-1\/2) * -1);

    translate: calc(50% * -1) var(--tw-translate-y);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {

    --tw-translate-y: calc(var(--spacing-1\/2) * -1);

    translate: var(--tw-translate-x) calc(50% * -1);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-100 {

    --tw-scale-x: 100%;

    --tw-scale-y: 100%;

    --tw-scale-z: 100%;

    scale: 100% 100%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .rotate-90 {

    rotate: 90deg;
  }

  .rotate-270 {

    rotate: 270deg;
  }

  .transform {

    transform:          ;

    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }

  .cursor-pointer {

    cursor: pointer;
  }

  .resize {

    resize: both;
  }

  .list-disc {

    list-style-type: disc;
  }

  .columns-1 {

    -moz-columns: 1;

         columns: 1;
  }

  .columns-2 {

    -moz-columns: 2;

         columns: 2;
  }

  .grid-flow-col {

    grid-auto-flow: column;
  }

  .grid-cols-2 {

    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-rows-9 {

    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .flex-col {

    flex-direction: column;
  }

  .flex-wrap {

    flex-wrap: wrap;
  }

  .items-center {

    align-items: center;
  }

  .items-end {

    align-items: flex-end;
  }

  .items-start {

    align-items: flex-start;
  }

  .justify-between {

    justify-content: space-between;
  }

  .justify-center {

    justify-content: center;
  }

  .justify-end {

    justify-content: flex-end;
  }

  .justify-start {

    justify-content: flex-start;
  }

  .gap-8 {

    gap: calc(1px * 8);

    gap: calc(var(--spacing) * 8);
  }

  .gap-16 {

    gap: calc(1px * 16);

    gap: calc(var(--spacing) * 16);
  }

  .gap-20 {

    gap: calc(1px * 20);

    gap: calc(var(--spacing) * 20);
  }

  .gap-24 {

    gap: calc(1px * 24);

    gap: calc(var(--spacing) * 24);
  }

  .gap-32 {

    gap: calc(1px * 32);

    gap: calc(var(--spacing) * 32);
  }

  .gap-40 {

    gap: calc(1px * 40);

    gap: calc(var(--spacing) * 40);
  }

  .gap-48 {

    gap: calc(1px * 48);

    gap: calc(var(--spacing) * 48);
  }

  .gap-80 {

    gap: calc(1px * 80);

    gap: calc(var(--spacing) * 80);
  }

  .gap-x-40 {

    -moz-column-gap: calc(1px * 40);

         column-gap: calc(1px * 40);

    -moz-column-gap: calc(var(--spacing) * 40);

         column-gap: calc(var(--spacing) * 40);
  }

  .gap-x-80 {

    -moz-column-gap: calc(1px * 80);

         column-gap: calc(1px * 80);

    -moz-column-gap: calc(var(--spacing) * 80);

         column-gap: calc(var(--spacing) * 80);
  }

  .gap-y-40 {

    row-gap: calc(1px * 40);

    row-gap: calc(var(--spacing) * 40);
  }

  .gap-y-48 {

    row-gap: calc(1px * 48);

    row-gap: calc(var(--spacing) * 48);
  }

  .self-end {

    align-self: flex-end;
  }

  .self-start {

    align-self: flex-start;
  }

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .overflow-hidden {

    overflow: hidden;
  }

  .overflow-visible {

    overflow: visible;
  }

  .overflow-y-auto {

    overflow-y: auto;
  }

  .rounded {

    border-radius: 0.25rem;
  }

  .rounded-1\/2 {

    border-radius: 50%;

    border-radius: var(--radius-1\/2);
  }

  .rounded-35 {

    border-radius: 35px;

    border-radius: var(--radius-35);
  }

  .border {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-1 {

    border-style: var(--tw-border-style);

    border-width: 1px;
  }

  .border-b {

    border-bottom-style: var(--tw-border-style);

    border-bottom-width: 1px;
  }

  .border-solid {

    --tw-border-style: solid;

    border-style: solid;
  }

  .border-black {

    border-color: #000;

    border-color: var(--color-black);
  }

  .border-white {

    border-color: #FFF;

    border-color: var(--color-white);
  }

  .bg-black {

    background-color: #000;

    background-color: var(--color-black);
  }

  .bg-black\/70 {

    background-color: color-mix(in srgb, #000 70%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {

    .bg-black\/70 {

      background-color: color-mix(in oklab, #000 70%, transparent);
    }

@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/70 {

        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
}
  }

  .bg-gray-light {

    background-color: #F1F1F1;

    background-color: var(--color-gray-light);
  }

  .bg-green {

    background-color: #8CD867;

    background-color: var(--color-green);
  }

  .bg-turquoise {

    background-color: #3AFDFF;

    background-color: var(--color-turquoise);
  }

  .bg-white {

    background-color: #FFF;

    background-color: var(--color-white);
  }

  .bg-yellow {

    background-color: #FFDC40;

    background-color: var(--color-yellow);
  }

  .to-yellow {

    --tw-gradient-to: var(--color-yellow);

    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .object-contain {

    -o-object-fit: contain;

       object-fit: contain;
  }

  .object-cover {

    -o-object-fit: cover;

       object-fit: cover;
  }

  .object-center {

    -o-object-position: center;

       object-position: center;
  }

  .object-top {

    -o-object-position: top;

       object-position: top;
  }

  .p-1 {

    padding: calc(1px * 1);

    padding: calc(var(--spacing) * 1);
  }

  .px-4 {

    padding-inline: calc(1px * 4);

    padding-inline: calc(var(--spacing) * 4);
  }

  .px-16 {

    padding-inline: calc(1px * 16);

    padding-inline: calc(var(--spacing) * 16);
  }

  .px-18 {

    padding-inline: calc(1px * 18);

    padding-inline: calc(var(--spacing) * 18);
  }

  .px-32 {

    padding-inline: calc(1px * 32);

    padding-inline: calc(var(--spacing) * 32);
  }

  .px-70 {

    padding-inline: calc(1px * 70);

    padding-inline: calc(var(--spacing) * 70);
  }

  .py-4 {

    padding-block: calc(1px * 4);

    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {

    padding-block: calc(1px * 6);

    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {

    padding-block: calc(1px * 8);

    padding-block: calc(var(--spacing) * 8);
  }

  .py-16 {

    padding-block: calc(1px * 16);

    padding-block: calc(var(--spacing) * 16);
  }

  .py-26 {

    padding-block: calc(1px * 26);

    padding-block: calc(var(--spacing) * 26);
  }

  .py-40 {

    padding-block: calc(1px * 40);

    padding-block: calc(var(--spacing) * 40);
  }

  .py-64 {

    padding-block: calc(1px * 64);

    padding-block: calc(var(--spacing) * 64);
  }

  .\!pt-40 {

    padding-top: calc(1px * 40) !important;

    padding-top: calc(var(--spacing) * 40) !important;
  }

  .\!pt-80 {

    padding-top: calc(1px * 80) !important;

    padding-top: calc(var(--spacing) * 80) !important;
  }

  .pt-4 {

    padding-top: calc(1px * 4);

    padding-top: calc(var(--spacing) * 4);
  }

  .pt-8 {

    padding-top: calc(1px * 8);

    padding-top: calc(var(--spacing) * 8);
  }

  .pt-24 {

    padding-top: calc(1px * 24);

    padding-top: calc(var(--spacing) * 24);
  }

  .pt-32 {

    padding-top: calc(1px * 32);

    padding-top: calc(var(--spacing) * 32);
  }

  .pt-40 {

    padding-top: calc(1px * 40);

    padding-top: calc(var(--spacing) * 40);
  }

  .pt-80 {

    padding-top: calc(1px * 80);

    padding-top: calc(var(--spacing) * 80);
  }

  .pt-85 {

    padding-top: calc(1px * 85);

    padding-top: calc(var(--spacing) * 85);
  }

  .pt-124 {

    padding-top: calc(1px * 124);

    padding-top: calc(var(--spacing) * 124);
  }

  .pr-18 {

    padding-right: calc(1px * 18);

    padding-right: calc(var(--spacing) * 18);
  }

  .pr-32 {

    padding-right: calc(1px * 32);

    padding-right: calc(var(--spacing) * 32);
  }

  .\!pb-40 {

    padding-bottom: calc(1px * 40) !important;

    padding-bottom: calc(var(--spacing) * 40) !important;
  }

  .\!pb-80 {

    padding-bottom: calc(1px * 80) !important;

    padding-bottom: calc(var(--spacing) * 80) !important;
  }

  .\!pb-120 {

    padding-bottom: calc(1px * 120) !important;

    padding-bottom: calc(var(--spacing) * 120) !important;
  }

  .pb-8 {

    padding-bottom: calc(1px * 8);

    padding-bottom: calc(var(--spacing) * 8);
  }

  .pb-16 {

    padding-bottom: calc(1px * 16);

    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-24 {

    padding-bottom: calc(1px * 24);

    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-32 {

    padding-bottom: calc(1px * 32);

    padding-bottom: calc(var(--spacing) * 32);
  }

  .pb-40 {

    padding-bottom: calc(1px * 40);

    padding-bottom: calc(var(--spacing) * 40);
  }

  .pb-48 {

    padding-bottom: calc(1px * 48);

    padding-bottom: calc(var(--spacing) * 48);
  }

  .pb-80 {

    padding-bottom: calc(1px * 80);

    padding-bottom: calc(var(--spacing) * 80);
  }

  .pl-18 {

    padding-left: calc(1px * 18);

    padding-left: calc(var(--spacing) * 18);
  }

  .pl-28 {

    padding-left: calc(1px * 28);

    padding-left: calc(var(--spacing) * 28);
  }

  .text-center {

    text-align: center;
  }

  .text-justify {

    text-align: justify;
  }

  .text-left {

    text-align: left;
  }

  .font-body {

    font-family: InstrumentSans, sans-serif;

    font-family: var(--font-body);
  }

  .font-display {

    font-family: MonumentExtended, sans-serif;

    font-family: var(--font-display);
  }

  .text-12\/16 {

    font-size: 12px;

    font-size: var(--text-12);

    line-height: calc(1px * 16);

    line-height: calc(var(--spacing) * 16);
  }

  .text-14\/14 {

    font-size: 14px;

    font-size: var(--text-14);

    line-height: calc(1px * 14);

    line-height: calc(var(--spacing) * 14);
  }

  .text-14\/18 {

    font-size: 14px;

    font-size: var(--text-14);

    line-height: calc(1px * 18);

    line-height: calc(var(--spacing) * 18);
  }

  .text-16\/20 {

    font-size: 16px;

    font-size: var(--text-16);

    line-height: calc(1px * 20);

    line-height: calc(var(--spacing) * 20);
  }

  .text-16\/22 {

    font-size: 16px;

    font-size: var(--text-16);

    line-height: calc(1px * 22);

    line-height: calc(var(--spacing) * 22);
  }

  .text-18\/24 {

    font-size: 18px;

    font-size: var(--text-18);

    line-height: calc(1px * 24);

    line-height: calc(var(--spacing) * 24);
  }

  .text-20\/24 {

    font-size: 20px;

    font-size: var(--text-20);

    line-height: calc(1px * 24);

    line-height: calc(var(--spacing) * 24);
  }

  .text-20\/26 {

    font-size: 20px;

    font-size: var(--text-20);

    line-height: calc(1px * 26);

    line-height: calc(var(--spacing) * 26);
  }

  .text-24\/28 {

    font-size: 24px;

    font-size: var(--text-24);

    line-height: calc(1px * 28);

    line-height: calc(var(--spacing) * 28);
  }

  .text-26\/32 {

    font-size: 26px;

    font-size: var(--text-26);

    line-height: calc(1px * 32);

    line-height: calc(var(--spacing) * 32);
  }

  .text-32\/38 {

    font-size: 32px;

    font-size: var(--text-32);

    line-height: calc(1px * 38);

    line-height: calc(var(--spacing) * 38);
  }

  .text-12 {

    font-size: 12px;

    font-size: var(--text-12);
  }

  .text-14 {

    font-size: 14px;

    font-size: var(--text-14);
  }

  .text-16 {

    font-size: 16px;

    font-size: var(--text-16);
  }

  .text-18 {

    font-size: 18px;

    font-size: var(--text-18);
  }

  .text-20 {

    font-size: 20px;

    font-size: var(--text-20);
  }

  .text-24 {

    font-size: 24px;

    font-size: var(--text-24);
  }

  .text-32 {

    font-size: 32px;

    font-size: var(--text-32);
  }

  .leading-24 {

    --tw-leading: calc(var(--spacing) * 24);

    line-height: calc(1px * 24);

    line-height: calc(var(--spacing) * 24);
  }

  .leading-none {

    --tw-leading: 1;

    line-height: 1;
  }

  .\!font-bold {

    --tw-font-weight: var(--font-weight-bold) !important;

    font-weight: 700 !important;

    font-weight: var(--font-weight-bold) !important;
  }

  .font-bold {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .font-medium {

    --tw-font-weight: var(--font-weight-medium);

    font-weight: 500;

    font-weight: var(--font-weight-medium);
  }

  .font-normal {

    --tw-font-weight: var(--font-weight-normal);

    font-weight: 400;

    font-weight: var(--font-weight-normal);
  }

  .font-semibold {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);
  }

  .text-wrap {

    text-wrap: wrap;
  }

  .break-words {

    overflow-wrap: break-word;
  }

  .break-all {

    word-break: break-all;
  }

  .text-black {

    color: #000;

    color: var(--color-black);
  }

  .text-gray {

    color: #808080;

    color: var(--color-gray);
  }

  .text-gray-light {

    color: #F1F1F1;

    color: var(--color-gray-light);
  }

  .text-red {

    color: #FF2250;

    color: var(--color-red);
  }

  .text-turquoise {

    color: #3AFDFF;

    color: var(--color-turquoise);
  }

  .text-turquoise-dark {

    color: #33D7D9;

    color: var(--color-turquoise-dark);
  }

  .text-white {

    color: #FFF;

    color: var(--color-white);
  }

  .capitalize {

    text-transform: capitalize;
  }

  .lowercase {

    text-transform: lowercase;
  }

  .uppercase {

    text-transform: uppercase;
  }

  .italic {

    font-style: italic;
  }

  .diagonal-fractions {

    --tw-numeric-fraction: diagonal-fractions;

    font-feature-settings:         diagonal-fractions;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:         diagonal-fractions;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .lining-nums {

    --tw-numeric-figure: lining-nums;

    font-feature-settings:     lining-nums    ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:     lining-nums    ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .oldstyle-nums {

    --tw-numeric-figure: oldstyle-nums;

    font-feature-settings:     oldstyle-nums    ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:     oldstyle-nums    ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .ordinal {

    --tw-ordinal: ordinal;

    font-feature-settings: ordinal        ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric: ordinal        ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .proportional-nums {

    --tw-numeric-spacing: proportional-nums;

    font-feature-settings:       proportional-nums  ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:       proportional-nums  ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .slashed-zero {

    --tw-slashed-zero: slashed-zero;

    font-feature-settings:   slashed-zero      ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:   slashed-zero      ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .stacked-fractions {

    --tw-numeric-fraction: stacked-fractions;

    font-feature-settings:         stacked-fractions;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:         stacked-fractions;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .tabular-nums {

    --tw-numeric-spacing: tabular-nums;

    font-feature-settings:       tabular-nums  ;

    font-feature-settings: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);

    font-variant-numeric:       tabular-nums  ;

    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }

  .\!no-underline {

    text-decoration-line: none !important;
  }

  .line-through {

    text-decoration-line: line-through;
  }

  .overline {

    text-decoration-line: overline;
  }

  .underline {

    text-decoration-line: underline;
  }

  .antialiased {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
  }

  .subpixel-antialiased {

    -webkit-font-smoothing: auto;

    -moz-osx-font-smoothing: auto;
  }

  .opacity-0 {

    opacity: 0%;
  }

  .opacity-100 {

    opacity: 100%;
  }

  .shadow {

    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {

    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {

    outline-style: var(--tw-outline-style);

    outline-width: 1px;
  }

  .blur {

    --tw-blur: blur(8px);

    filter: blur(8px)                ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .contrast-1 {

    --tw-contrast: contrast(1%);

    filter:     contrast(1%)            ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .contrast-2 {

    --tw-contrast: contrast(2%);

    filter:     contrast(2%)            ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .contrast-3 {

    --tw-contrast: contrast(3%);

    filter:     contrast(3%)            ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .drop-shadow {

    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));

    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));

    filter:                 drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .grayscale {

    --tw-grayscale: grayscale(100%);

    filter:       grayscale(100%)          ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .invert {

    --tw-invert: invert(100%);

    filter:           invert(100%)      ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .\!filter {

    filter:                   !important;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }

  .filter {

    filter:                  ;

    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }

  .transition {

    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {

    transition-property: opacity;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {

    transition-property: transform, translate, scale, rotate;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 150ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-200 {

    transition-delay: 200ms;
  }

  .duration-300 {

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  .ease-in {

    --tw-ease: var(--ease-in);

    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {

    --tw-ease: var(--ease-in-out);

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {

    --tw-ease: var(--ease-out);

    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

    transition-timing-function: var(--ease-out);
  }

  .outline-none {

    --tw-outline-style: none;

    outline-style: none;
  }

  .select-all {

    -webkit-user-select: all;

    -moz-user-select: all;

         user-select: all;
  }

  .\[hostname\:port\] {

    hostname: port;
  }

  .backface-hidden {

    backface-visibility: hidden;
  }

  .first\:pt-0:first-child {

    padding-top: calc(1px * 0);

    padding-top: calc(var(--spacing) * 0);
  }

  .last\:pb-0:last-child {

    padding-bottom: calc(1px * 0);

    padding-bottom: calc(var(--spacing) * 0);
  }

  @media (hover: hover) {

    .hover\:text-turquoise:hover {

      color: #3AFDFF;

      color: var(--color-turquoise);
    }
  }

  @media (min-width: 768px) {

    .md\:w-fit {

      width: -moz-fit-content;

      width: fit-content;
    }
  }

  @media (min-width: 768px) {

    .md\:grid-cols-2 {

      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 768px) {

    .md\:grid-cols-3 {

      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 768px) {

    .md\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 768px) {

    .md\:gap-48 {

      gap: calc(1px * 48);

      gap: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 768px) {

    .md\:gap-88 {

      gap: calc(1px * 88);

      gap: calc(var(--spacing) * 88);
    }
  }

  @media (min-width: 768px) {

    .md\:pt-183 {

      padding-top: calc(1px * 183);

      padding-top: calc(var(--spacing) * 183);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pointer-events-none {

      pointer-events: none;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!absolute {

      position: absolute !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:absolute {

      position: absolute;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bottom-0 {

      bottom: calc(1px * 0);

      bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:left-1\/2 {

      left: 50%;

      left: var(--spacing-1\/2);
    }
  }

  @media (min-width: 1024px) {

    .lg\:left-1\/2-12vw {

      left: calc(50% - 0.79vw);

      left: var(--spacing-1\/2-12vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:order-first {

      order: -9999;
    }
  }

  @media (min-width: 1024px) {

    .lg\:m-1_58vw {

      margin: 1.58vw;

      margin: var(--spacing-1_58vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:m-5_29vw {

      margin: 5.29vw;

      margin: var(--spacing-5_29vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mx-8_46vw {

      margin-inline: 8.46vw;

      margin-inline: var(--spacing-8_46vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-0 {

      margin-top: calc(1px * 0);

      margin-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-1_05vw {

      margin-top: 1.05vw;

      margin-top: var(--spacing-1_05vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-1_58vw {

      margin-top: 1.58vw;

      margin-top: var(--spacing-1_58vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-4_23vw {

      margin-top: 4.23vw;

      margin-top: var(--spacing-4_23vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mr-0_52vw {

      margin-right: 0.52vw;

      margin-right: var(--spacing-0_52vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:-mb-1_58vw {

      margin-bottom: calc(1.58vw * -1);

      margin-bottom: calc(var(--spacing-1_58vw) * -1);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-0 {

      margin-bottom: calc(1px * 0);

      margin-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-1_05vw {

      margin-bottom: 1.05vw;

      margin-bottom: var(--spacing-1_05vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-1_58vw {

      margin-bottom: 1.58vw;

      margin-bottom: var(--spacing-1_58vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-4_23vw {

      margin-bottom: 4.23vw;

      margin-bottom: var(--spacing-4_23vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-5_29vw {

      margin-bottom: 5.29vw;

      margin-bottom: var(--spacing-5_29vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-7_93vw {

      margin-bottom: 7.93vw;

      margin-bottom: var(--spacing-7_93vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-24 {

      margin-bottom: calc(1px * 24);

      margin-bottom: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-32 {

      margin-bottom: calc(1px * 32);

      margin-bottom: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 1024px) {

    .lg\:block {

      display: block;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex {

      display: flex;
    }
  }

  @media (min-width: 1024px) {

    .lg\:hidden {

      display: none;
    }
  }

  @media (min-width: 1024px) {

    .lg\:aspect-392\/234 {

      aspect-ratio: 392/234;
    }
  }

  @media (min-width: 1024px) {

    .lg\:aspect-auto {

      aspect-ratio: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:size-1_58vw {

      width: 1.58vw;

      width: var(--spacing-1_58vw);

      height: 1.58vw;

      height: var(--spacing-1_58vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:size-3_17vw {

      width: 3.17vw;

      width: var(--spacing-3_17vw);

      height: 3.17vw;

      height: var(--spacing-3_17vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:size-4_23vw {

      width: 4.23vw;

      width: var(--spacing-4_23vw);

      height: 4.23vw;

      height: var(--spacing-4_23vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-24 {

      height: calc(1px * 24);

      height: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-h-800 {

      max-height: calc(1px * 800);

      max-height: calc(var(--spacing) * 800);
    }
  }

  @media (min-width: 1024px) {

    .lg\:min-h-95vh {

      min-height: 95vh;

      min-height: var(--spacing-95vh);
    }
  }

  @media (min-width: 1024px) {

    .lg\:min-h-auto {

      min-height: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-1\/2 {

      width: 50%;

      width: var(--spacing-1\/2);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-1_58vw {

      width: 1.58vw;

      width: var(--spacing-1_58vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-2_11vw {

      width: 2.11vw;

      width: var(--spacing-2_11vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-20_89vw {

      width: 20.89vw;

      width: var(--spacing-20_89vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-24 {

      width: calc(1px * 24);

      width: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-30_29vw {

      width: 30.29vw;

      width: var(--spacing-30_29vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-37_03vw {

      width: 37.03vw;

      width: var(--spacing-37_03vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-40_74vw {

      width: 40.74vw;

      width: var(--spacing-40_74vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-80 {

      width: calc(1px * 80);

      width: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-auto {

      width: auto;
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-max {

      width: -moz-max-content;

      width: max-content;
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-230 {

      max-width: calc(1px * 230);

      max-width: calc(var(--spacing) * 230);
    }
  }

  @media (min-width: 1024px) {

    .lg\:max-w-560 {

      max-width: calc(1px * 560);

      max-width: calc(var(--spacing) * 560);
    }
  }

  @media (min-width: 1024px) {

    .lg\:-translate-x-1\/2 {

      --tw-translate-x: calc(var(--spacing-1\/2) * -1);

      translate: calc(50% * -1) var(--tw-translate-y);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1024px) {

    .lg\:-translate-y-1\/2 {

      --tw-translate-y: calc(var(--spacing-1\/2) * -1);

      translate: var(--tw-translate-x) calc(50% * -1);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1024px) {

    .lg\:rotate-0 {

      rotate: 0deg;
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-2 {

      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-3 {

      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {

    .lg\:grid-cols-4 {

      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex-row {

      flex-direction: row;
    }
  }

  @media (min-width: 1024px) {

    .lg\:items-center {

      align-items: center;
    }
  }

  @media (min-width: 1024px) {

    .lg\:items-start {

      align-items: flex-start;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-between {

      justify-content: space-between;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-start {

      justify-content: flex-start;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-0_52vw {

      gap: 0.52vw;

      gap: var(--spacing-0_52vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-1_05vw {

      gap: 1.05vw;

      gap: var(--spacing-1_05vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-2_64vw {

      gap: 2.64vw;

      gap: var(--spacing-2_64vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-9_52vw {

      gap: 9.52vw;

      gap: var(--spacing-9_52vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-48 {

      gap: calc(1px * 48);

      gap: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-x-2_64vw {

      -moz-column-gap: 2.64vw;

           column-gap: 2.64vw;

      -moz-column-gap: var(--spacing-2_64vw);

           column-gap: var(--spacing-2_64vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-3_17vw {

      row-gap: 3.17vw;

      row-gap: var(--spacing-3_17vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-56 {

      row-gap: calc(1px * 56);

      row-gap: calc(var(--spacing) * 56);
    }
  }

  @media (min-width: 1024px) {

    .lg\:overflow-y-visible {

      overflow-y: visible;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bg-transparent {

      background-color: transparent;
    }
  }

  @media (min-width: 1024px) {

    .lg\:bg-turquoise-light {

      background-color: #E9FDFF;

      background-color: var(--color-turquoise-light);
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-3_17vw {

      padding: 3.17vw;

      padding: var(--spacing-3_17vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-0 {

      padding-inline: calc(1px * 0);

      padding-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-1_05vw {

      padding-inline: 1.05vw;

      padding-inline: var(--spacing-1_05vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-2_11vw {

      padding-inline: 2.11vw;

      padding-inline: var(--spacing-2_11vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-8_46vw {

      padding-inline: 8.46vw;

      padding-inline: var(--spacing-8_46vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-0 {

      padding-block: calc(1px * 0);

      padding-block: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-0_39vw {

      padding-block: 0.39vw;

      padding-block: var(--spacing-0_39vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-1_05vw {

      padding-block: 1.05vw;

      padding-block: var(--spacing-1_05vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!pt-2_64vw {

      padding-top: 2.64vw !important;

      padding-top: var(--spacing-2_64vw) !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!pt-5_29vw {

      padding-top: 5.29vw !important;

      padding-top: var(--spacing-5_29vw) !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-0 {

      padding-top: calc(1px * 0);

      padding-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-0_52vw {

      padding-top: 0.52vw;

      padding-top: var(--spacing-0_52vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-1_58vw {

      padding-top: 1.58vw;

      padding-top: var(--spacing-1_58vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-2_51vw {

      padding-top: 2.51vw;

      padding-top: var(--spacing-2_51vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-2_64vw {

      padding-top: 2.64vw;

      padding-top: var(--spacing-2_64vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-5_29vw {

      padding-top: 5.29vw;

      padding-top: var(--spacing-5_29vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-100 {

      padding-top: calc(1px * 100);

      padding-top: calc(var(--spacing) * 100);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-5_29vw {

      padding-right: 5.29vw;

      padding-right: var(--spacing-5_29vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pr-8_99vw {

      padding-right: 8.99vw;

      padding-right: var(--spacing-8_99vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!pb-2_64vw {

      padding-bottom: 2.64vw !important;

      padding-bottom: var(--spacing-2_64vw) !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:\!pb-5_29vw {

      padding-bottom: 5.29vw !important;

      padding-bottom: var(--spacing-5_29vw) !important;
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-0 {

      padding-bottom: calc(1px * 0);

      padding-bottom: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-1_05vw {

      padding-bottom: 1.05vw;

      padding-bottom: var(--spacing-1_05vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-1_58vw {

      padding-bottom: 1.58vw;

      padding-bottom: var(--spacing-1_58vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-2_64vw {

      padding-bottom: 2.64vw;

      padding-bottom: var(--spacing-2_64vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-3_17vw {

      padding-bottom: 3.17vw;

      padding-bottom: var(--spacing-3_17vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-4_23vw {

      padding-bottom: 4.23vw;

      padding-bottom: var(--spacing-4_23vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-5_29vw {

      padding-bottom: 5.29vw;

      padding-bottom: var(--spacing-5_29vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-6_87vw {

      padding-bottom: 6.87vw;

      padding-bottom: var(--spacing-6_87vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-16 {

      padding-bottom: calc(1px * 16);

      padding-bottom: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-24 {

      padding-bottom: calc(1px * 24);

      padding-bottom: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-48 {

      padding-bottom: calc(1px * 48);

      padding-bottom: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-8_46vw {

      padding-left: 8.46vw;

      padding-left: var(--spacing-8_46vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-12vw\/16vw {

      font-size: calc(12 * calc(100 / 1512) * 1vw);

      font-size: var(--text-12vw);

      line-height: calc(16 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-16vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-14vw\/18vw {

      font-size: calc(14 * calc(100 / 1512) * 1vw);

      font-size: var(--text-14vw);

      line-height: calc(18 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-18vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-16vw\/20vw {

      font-size: calc(16 * calc(100 / 1512) * 1vw);

      font-size: var(--text-16vw);

      line-height: calc(20 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-20vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-18vw\/24vw {

      font-size: calc(18 * calc(100 / 1512) * 1vw);

      font-size: var(--text-18vw);

      line-height: calc(24 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-24vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-20vw\/24vw {

      font-size: calc(20 * calc(100 / 1512) * 1vw);

      font-size: var(--text-20vw);

      line-height: calc(24 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-24vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-24vw\/28vw {

      font-size: calc(24 * calc(100 / 1512) * 1vw);

      font-size: var(--text-24vw);

      line-height: calc(28 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-28vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-24vw\/32 {

      font-size: calc(24 * calc(100 / 1512) * 1vw);

      font-size: var(--text-24vw);

      line-height: calc(1px * 32);

      line-height: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-32vw\/38 {

      font-size: calc(32 * calc(100 / 1512) * 1vw);

      font-size: var(--text-32vw);

      line-height: calc(1px * 38);

      line-height: calc(var(--spacing) * 38);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-32vw\/38vw {

      font-size: calc(32 * calc(100 / 1512) * 1vw);

      font-size: var(--text-32vw);

      line-height: calc(38 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-38vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-12vw {

      font-size: calc(12 * calc(100 / 1512) * 1vw);

      font-size: var(--text-12vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-16vw {

      font-size: calc(16 * calc(100 / 1512) * 1vw);

      font-size: var(--text-16vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-18vw {

      font-size: calc(18 * calc(100 / 1512) * 1vw);

      font-size: var(--text-18vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-20vw {

      font-size: calc(20 * calc(100 / 1512) * 1vw);

      font-size: var(--text-20vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-24vw {

      font-size: calc(24 * calc(100 / 1512) * 1vw);

      font-size: var(--text-24vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-28vw {

      font-size: calc(28 * calc(100 / 1512) * 1vw);

      font-size: var(--text-28vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-32vw {

      font-size: calc(32 * calc(100 / 1512) * 1vw);

      font-size: var(--text-32vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:leading-24vw {

      --tw-leading: var(--leading-24vw);

      line-height: calc(24 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-24vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:whitespace-nowrap {

      white-space: nowrap;
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-turquoise {

      color: #3AFDFF;

      color: var(--color-turquoise);
    }
  }

  @media (min-width: 1024px) {

    .lg\:text-white {

      color: #FFF;

      color: var(--color-white);
    }
  }

  @media (min-width: 1024px) {

    .lg\:underline-offset-1 {

      text-underline-offset: 1px;
    }
  }

  @media (min-width: 1024px) {

    .lg\:opacity-100 {

      opacity: 100%;
    }
  }

  @media (min-width: 1024px) {

    .lg\:transition-all {

      transition-property: all;

      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

      transition-duration: 150ms;

      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (min-width: 1024px) {

    .lg\:duration-300 {

      --tw-duration: 300ms;

      transition-duration: 300ms;
    }
  }

  @media (min-width: 1024px) {

    .placeholder\:lg\:text-18vw::-moz-placeholder {

      font-size: calc(18 * calc(100 / 1512) * 1vw);

      font-size: var(--text-18vw);
    }

    .placeholder\:lg\:text-18vw::placeholder {

      font-size: calc(18 * calc(100 / 1512) * 1vw);

      font-size: var(--text-18vw);
    }
  }

  @media (min-width: 1024px) {

    .last\:lg\:pb-24:last-child {

      padding-bottom: calc(1px * 24);

      padding-bottom: calc(var(--spacing) * 24);
    }
  }

  @media (hover: hover) {

    @media (min-width: 1024px) {

      .hover\:lg\:scale-90:hover {

        --tw-scale-x: 90%;

        --tw-scale-y: 90%;

        --tw-scale-z: 90%;

        scale: 90% 90%;

        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }

  @media (hover: hover) {

    @media (min-width: 1024px) {

      .hover\:lg\:scale-110:hover {

        --tw-scale-x: 110%;

        --tw-scale-y: 110%;

        --tw-scale-z: 110%;

        scale: 110% 110%;

        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }

  @media (hover: hover) {

    @media (min-width: 1024px) {

      .hover\:lg\:underline:hover {

        text-decoration-line: underline;
      }
    }
  }

  @media (hover: hover) {

    @media (min-width: 1024px) {

      .hover\:lg\:underline-offset-4:hover {

        text-underline-offset: 4px;
      }
    }
  }

  @media (min-width: 1512px) {

    .mw\:left-1\/2-12 {

      left: calc(50% - 12px);

      left: var(--spacing-1\/2-12);
    }
  }

  @media (min-width: 1512px) {

    .mw\:m-24 {

      margin: calc(1px * 24);

      margin: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:m-80 {

      margin: calc(1px * 80);

      margin: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mx-128 {

      margin-inline: calc(1px * 128);

      margin-inline: calc(var(--spacing) * 128);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mt-8 {

      margin-top: calc(1px * 8);

      margin-top: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mt-16 {

      margin-top: calc(1px * 16);

      margin-top: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mt-24 {

      margin-top: calc(1px * 24);

      margin-top: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mt-64 {

      margin-top: calc(1px * 64);

      margin-top: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mr-8 {

      margin-right: calc(1px * 8);

      margin-right: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1512px) {

    .mw\:-mb-56 {

      margin-bottom: calc(1px * -56);

      margin-bottom: calc(var(--spacing) * -56);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mb-16 {

      margin-bottom: calc(1px * 16);

      margin-bottom: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mb-24 {

      margin-bottom: calc(1px * 24);

      margin-bottom: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mb-64 {

      margin-bottom: calc(1px * 64);

      margin-bottom: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mb-80 {

      margin-bottom: calc(1px * 80);

      margin-bottom: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 1512px) {

    .mw\:mb-120 {

      margin-bottom: calc(1px * 120);

      margin-bottom: calc(var(--spacing) * 120);
    }
  }

  @media (min-width: 1512px) {

    .mw\:size-24 {

      width: calc(1px * 24);

      width: calc(var(--spacing) * 24);

      height: calc(1px * 24);

      height: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:size-48 {

      width: calc(1px * 48);

      width: calc(var(--spacing) * 48);

      height: calc(1px * 48);

      height: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 1512px) {

    .mw\:size-64 {

      width: calc(1px * 64);

      width: calc(var(--spacing) * 64);

      height: calc(1px * 64);

      height: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 1512px) {

    .mw\:h-72 {

      height: calc(1px * 72);

      height: calc(var(--spacing) * 72);
    }
  }

  @media (min-width: 1512px) {

    .mw\:w-24 {

      width: calc(1px * 24);

      width: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:w-32 {

      width: calc(1px * 32);

      width: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 1512px) {

    .mw\:w-300 {

      width: calc(1px * 300);

      width: calc(var(--spacing) * 300);
    }
  }

  @media (min-width: 1512px) {

    .mw\:w-400 {

      width: calc(1px * 400);

      width: calc(var(--spacing) * 400);
    }
  }

  @media (min-width: 1512px) {

    .mw\:w-full {

      width: 100%;
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-8 {

      gap: calc(1px * 8);

      gap: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-16 {

      gap: calc(1px * 16);

      gap: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-24 {

      gap: calc(1px * 24);

      gap: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-36 {

      gap: calc(1px * 36);

      gap: calc(var(--spacing) * 36);
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-40 {

      gap: calc(1px * 40);

      gap: calc(var(--spacing) * 40);
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-48 {

      gap: calc(1px * 48);

      gap: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-80 {

      gap: calc(1px * 80);

      gap: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-130 {

      gap: calc(1px * 130);

      gap: calc(var(--spacing) * 130);
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-144 {

      gap: calc(1px * 144);

      gap: calc(var(--spacing) * 144);
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-x-40 {

      -moz-column-gap: calc(1px * 40);

           column-gap: calc(1px * 40);

      -moz-column-gap: calc(var(--spacing) * 40);

           column-gap: calc(var(--spacing) * 40);
    }
  }

  @media (min-width: 1512px) {

    .mw\:gap-y-48 {

      row-gap: calc(1px * 48);

      row-gap: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 1512px) {

    .mw\:p-48 {

      padding: calc(1px * 48);

      padding: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 1512px) {

    .mw\:px-16 {

      padding-inline: calc(1px * 16);

      padding-inline: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1512px) {

    .mw\:px-32 {

      padding-inline: calc(1px * 32);

      padding-inline: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 1512px) {

    .mw\:px-96 {

      padding-inline: calc(1px * 96);

      padding-inline: calc(var(--spacing) * 96);
    }
  }

  @media (min-width: 1512px) {

    .mw\:px-128 {

      padding-inline: calc(1px * 128);

      padding-inline: calc(var(--spacing) * 128);
    }
  }

  @media (min-width: 1512px) {

    .mw\:py-6 {

      padding-block: calc(1px * 6);

      padding-block: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 1512px) {

    .mw\:py-16 {

      padding-block: calc(1px * 16);

      padding-block: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1512px) {

    .mw\:py-23 {

      padding-block: calc(1px * 23);

      padding-block: calc(var(--spacing) * 23);
    }
  }

  @media (min-width: 1512px) {

    .mw\:\!pt-40 {

      padding-top: calc(1px * 40) !important;

      padding-top: calc(var(--spacing) * 40) !important;
    }
  }

  @media (min-width: 1512px) {

    .mw\:\!pt-80 {

      padding-top: calc(1px * 80) !important;

      padding-top: calc(var(--spacing) * 80) !important;
    }
  }

  @media (min-width: 1512px) {

    .mw\:pt-8 {

      padding-top: calc(1px * 8);

      padding-top: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pt-24 {

      padding-top: calc(1px * 24);

      padding-top: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pt-38 {

      padding-top: calc(1px * 38);

      padding-top: calc(var(--spacing) * 38);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pt-40 {

      padding-top: calc(1px * 40);

      padding-top: calc(var(--spacing) * 40);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pt-80 {

      padding-top: calc(1px * 80);

      padding-top: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pr-80 {

      padding-right: calc(1px * 80);

      padding-right: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pr-136 {

      padding-right: calc(1px * 136);

      padding-right: calc(var(--spacing) * 136);
    }
  }

  @media (min-width: 1512px) {

    .mw\:\!pb-40 {

      padding-bottom: calc(1px * 40) !important;

      padding-bottom: calc(var(--spacing) * 40) !important;
    }
  }

  @media (min-width: 1512px) {

    .mw\:\!pb-80 {

      padding-bottom: calc(1px * 80) !important;

      padding-bottom: calc(var(--spacing) * 80) !important;
    }
  }

  @media (min-width: 1512px) {

    .mw\:pb-16 {

      padding-bottom: calc(1px * 16);

      padding-bottom: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pb-24 {

      padding-bottom: calc(1px * 24);

      padding-bottom: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pb-40 {

      padding-bottom: calc(1px * 40);

      padding-bottom: calc(var(--spacing) * 40);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pb-48 {

      padding-bottom: calc(1px * 48);

      padding-bottom: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pb-64 {

      padding-bottom: calc(1px * 64);

      padding-bottom: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pb-80 {

      padding-bottom: calc(1px * 80);

      padding-bottom: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pb-104 {

      padding-bottom: calc(1px * 104);

      padding-bottom: calc(var(--spacing) * 104);
    }
  }

  @media (min-width: 1512px) {

    .mw\:pl-128 {

      padding-left: calc(1px * 128);

      padding-left: calc(var(--spacing) * 128);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-12\/16 {

      font-size: 12px;

      font-size: var(--text-12);

      line-height: calc(1px * 16);

      line-height: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-14\/18 {

      font-size: 14px;

      font-size: var(--text-14);

      line-height: calc(1px * 18);

      line-height: calc(var(--spacing) * 18);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-16\/20 {

      font-size: 16px;

      font-size: var(--text-16);

      line-height: calc(1px * 20);

      line-height: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-16\/22 {

      font-size: 16px;

      font-size: var(--text-16);

      line-height: calc(1px * 22);

      line-height: calc(var(--spacing) * 22);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-18\/24 {

      font-size: 18px;

      font-size: var(--text-18);

      line-height: calc(1px * 24);

      line-height: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-20\/24 {

      font-size: 20px;

      font-size: var(--text-20);

      line-height: calc(1px * 24);

      line-height: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-24\/28 {

      font-size: 24px;

      font-size: var(--text-24);

      line-height: calc(1px * 28);

      line-height: calc(var(--spacing) * 28);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-24\/32 {

      font-size: 24px;

      font-size: var(--text-24);

      line-height: calc(1px * 32);

      line-height: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-32\/38 {

      font-size: 32px;

      font-size: var(--text-32);

      line-height: calc(1px * 38);

      line-height: calc(var(--spacing) * 38);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-12 {

      font-size: 12px;

      font-size: var(--text-12);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-16 {

      font-size: 16px;

      font-size: var(--text-16);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-18 {

      font-size: 18px;

      font-size: var(--text-18);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-20 {

      font-size: 20px;

      font-size: var(--text-20);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-24 {

      font-size: 24px;

      font-size: var(--text-24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-28 {

      font-size: 28px;

      font-size: var(--text-28);
    }
  }

  @media (min-width: 1512px) {

    .mw\:text-32 {

      font-size: 32px;

      font-size: var(--text-32);
    }
  }

  @media (min-width: 1512px) {

    .mw\:leading-24 {

      --tw-leading: calc(var(--spacing) * 24);

      line-height: calc(1px * 24);

      line-height: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 1512px) {

    .mw\:placeholder\:text-18::-moz-placeholder {

      font-size: 18px;

      font-size: var(--text-18);
    }

    .mw\:placeholder\:text-18::placeholder {

      font-size: 18px;

      font-size: var(--text-18);
    }
  }

  .\[role\=\"menuitem\"\]\:visible:is(role="menuitem") {

    visibility: visible;
  }
}

@layer components {

  @font-face {

    font-family: 'MonumentExtended';

    src: url(..//fonts/monumentextended-regular-webfont.woff2) format('woff2'), url(..//fonts/monumentextended-regular-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal;
  }

  @font-face {

    font-family: 'MonumentExtended';

    src: url(..//fonts/monumentextended-light-webfont.woff2) format('woff2'), url(..//fonts/monumentextended-light-webfont.woff) format('woff');

    font-weight: 300;

    font-style: normal;
  }

  @font-face {

    font-family: 'InstrumentSans';

    src: url(..//fonts/InstrumentSans-Regular.woff2) format('woff2'), url(..//fonts/InstrumentSans-Regular.woff) format('woff');

    font-weight: 400;

    font-style: normal;
  }

  @font-face {

    font-family: 'InstrumentSans';

    src: url(..//fonts/InstrumentSans-Medium.woff2) format('woff2'), url(..//fonts/InstrumentSans-Medium.woff) format('woff');

    font-weight: 500;

    font-style: normal;
  }

  @font-face {

    font-family: 'InstrumentSans';

    src: url(..//fonts/InstrumentSans-Bold.woff2) format('woff2'), url(..//fonts/InstrumentSans-Bold.woff) format('woff');

    font-weight: 700;

    font-style: normal;
  }

  @font-face {

    font-family: 'Ramidots';

    src: url(..//fonts/ramidots-webfont.woff2) format('woff2'), url(..//fonts/ramidots-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal;
  }

  @font-face {

    font-family: 'Ramidots';

    src: url(..//fonts/ramidotsitalic-webfont.woff2) format('woff2'), url(..//fonts/ramidotsitalic-webfont.woff) format('woff');

    font-weight: 400;

    font-style: italic;
  }
}

@layer components;

@layer utilities {

  .mapboxgl-map {

    font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;

    overflow: hidden;

    position: relative;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .mapboxgl-canvas {

    position: absolute;

    left: 0;

    top: 0;
  }

  .mapboxgl-map:-webkit-full-screen {

    width: 100%;

    height: 100%;
  }

  .mapboxgl-canary {

    background-color: salmon;
  }

  .mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {

    cursor: grab;

    -moz-user-select: none;

    -webkit-user-select: none;

    user-select: none;
  }

  .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {

    cursor: pointer;
  }

  .mapboxgl-canvas-container.mapboxgl-interactive:active, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {

    cursor: grabbing;
  }

  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {

    touch-action: pan-x pan-y;
  }

  .mapboxgl-canvas-container.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {

    touch-action: pinch-zoom;
  }

  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {

    touch-action: none;
  }

  .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right, .mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right {

    position: absolute;

    pointer-events: none;

    z-index: 2;
  }

  .mapboxgl-ctrl-top-left {

    top: 0;

    left: 0;
  }

  .mapboxgl-ctrl-top-right {

    top: 0;

    right: 0;
  }

  .mapboxgl-ctrl-bottom-left {

    bottom: 0;

    left: 0;
  }

  .mapboxgl-ctrl-bottom-right {

    right: 0;

    bottom: 0;
  }

  .mapboxgl-ctrl {

    clear: both;

    pointer-events: auto;

    transform: translate(0, 0);
  }

  .mapboxgl-ctrl-top-left .mapboxgl-ctrl {

    margin: 10px 0 0 10px;

    float: left;
  }

  .mapboxgl-ctrl-top-right .mapboxgl-ctrl {

    margin: 10px 10px 0 0;

    float: right;
  }

  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {

    margin: 0 0 10px 10px;

    float: left;
  }

  .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {

    margin: 0 10px 10px 0;

    float: right;
  }

  .mapboxgl-ctrl-group {

    border-radius: 4px;

    background: #fff;
  }

  .mapboxgl-ctrl-group:not(:empty) {

    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  }

  @media (-ms-high-contrast: active) {

    .mapboxgl-ctrl-group:not(:empty) {

      box-shadow: 0 0 0 2px ButtonText;
    }
  }

  .mapboxgl-ctrl-group button {

    width: 29px;

    height: 29px;

    display: block;

    padding: 0;

    outline: none;

    border: 0;

    box-sizing: border-box;

    background-color: transparent;

    cursor: pointer;
  }

  .mapboxgl-ctrl-group button + button {

    border-top: 1px solid #ddd;
  }

  .mapboxgl-ctrl button .mapboxgl-ctrl-icon {

    display: block;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center center;
  }

  @media (-ms-high-contrast: active) {

    .mapboxgl-ctrl-icon {

      background-color: transparent;
    }

    .mapboxgl-ctrl-group button + button {

      border-top: 1px solid ButtonText;
    }
  }

  .mapboxgl-ctrl button::-moz-focus-inner {

    border: 0;

    padding: 0;
  }

  .mapboxgl-ctrl-group button:focus {

    box-shadow: 0 0 2px 2px rgba(0, 150, 255, 1);
  }

  .mapboxgl-ctrl button:disabled {

    cursor: not-allowed;
  }

  .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {

    opacity: 0.25;
  }

  .mapboxgl-ctrl button:not(:disabled):hover {

    background-color: rgba(0, 0, 0, 0.05);
  }

  .mapboxgl-ctrl-group button:focus:focus-visible {

    box-shadow: 0 0 2px 2px rgba(0, 150, 255, 1);
  }

  .mapboxgl-ctrl-group button:focus:not(:focus-visible) {

    box-shadow: none;
  }

  .mapboxgl-ctrl-group button:focus:first-child {

    border-radius: 4px 4px 0 0;
  }

  .mapboxgl-ctrl-group button:focus:last-child {

    border-radius: 0 0 4px 4px;
  }

  .mapboxgl-ctrl-group button:focus:only-child {

    border-radius: inherit;
  }

  @media (-ms-high-contrast: active) {

    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {

      background-image: svg-inline(ctrl-compass-white);
    }
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {

    animation: mapboxgl-spin 2s infinite linear;
  }

  @keyframes mapboxgl-spin {

    0% {

      transform: rotate(0deg);
    }

    100% {

      transform: rotate(360deg);
    }
  }

  a.mapboxgl-ctrl-logo {

    width: 88px;

    height: 23px;

    margin: 0 0 -4px -4px;

    display: block;

    background-repeat: no-repeat;

    cursor: pointer;

    overflow: hidden;
  }

  a.mapboxgl-ctrl-logo.mapboxgl-compact {

    width: 23px;
  }

  @media (-ms-high-contrast: active) {

    a.mapboxgl-ctrl-logo {

      background-color: transparent;

      background-image: svg-inline(ctrl-logo-white);
    }
  }

  @media (-ms-high-contrast: black-on-white) {

    a.mapboxgl-ctrl-logo {

      background-image: svg-inline(ctrl-logo-black);
    }
  }

  .mapboxgl-ctrl.mapboxgl-ctrl-attrib {

    padding: 0 5px;

    background-color: rgba(255, 255, 255, 0.5);

    margin: 0;
  }

  @media screen {

    .mapboxgl-ctrl-attrib.mapboxgl-compact {

      min-height: 20px;

      padding: 0;

      margin: 10px;

      position: relative;

      background-color: #fff;

      border-radius: 3px 12px 12px 3px;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {

      padding: 2px 24px 2px 4px;

      visibility: visible;

      margin-top: 6px;
    }

    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover, .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {

      padding: 2px 4px 2px 24px;

      border-radius: 12px 3px 3px 12px;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {

      display: none;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {

      display: block;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact::after {

      content: '';

      cursor: pointer;

      position: absolute;

      background-color: rgba(255, 255, 255, 0.5);

      width: 24px;

      height: 24px;

      box-sizing: border-box;

      border-radius: 12px;
    }

    .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {

      bottom: 0;

      right: 0;
    }

    .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {

      top: 0;

      right: 0;
    }

    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {

      top: 0;

      left: 0;
    }

    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {

      bottom: 0;

      left: 0;
    }
  }

  .mapboxgl-ctrl-attrib a {

    color: rgba(0, 0, 0, 0.75);

    text-decoration: none;
  }

  .mapboxgl-ctrl-attrib a:hover {

    color: inherit;

    text-decoration: underline;
  }

  .mapboxgl-ctrl-attrib .mapbox-improve-map {

    font-weight: bold;

    margin-left: 2px;
  }

  .mapboxgl-attrib-empty {

    display: none;
  }

  .mapboxgl-ctrl-scale {

    background-color: rgba(255, 255, 255, 0.75);

    font-size: 10px;

    border-width: medium 2px 2px;

    border-style: none solid solid;

    border-color: #333;

    padding: 0 5px;

    color: #333;

    box-sizing: border-box;
  }

  .mapboxgl-popup {

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    will-change: transform;

    pointer-events: none;
  }

  .mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right {

    flex-direction: column;
  }

  .mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-bottom-left, .mapboxgl-popup-anchor-bottom-right {

    flex-direction: column-reverse;
  }

  .mapboxgl-popup-anchor-left {

    flex-direction: row;
  }

  .mapboxgl-popup-anchor-right {

    flex-direction: row-reverse;
  }

  .mapboxgl-popup-tip {

    width: 0;

    height: 0;

    border: 10px solid transparent;

    z-index: 1;
  }

  .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {

    align-self: center;

    border-top: none;

    border-bottom-color: #fff;
  }

  .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {

    align-self: flex-start;

    border-top: none;

    border-left: none;

    border-bottom-color: #fff;
  }

  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {

    align-self: flex-end;

    border-top: none;

    border-right: none;

    border-bottom-color: #fff;
  }

  .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {

    align-self: center;

    border-bottom: none;

    border-top-color: #fff;
  }

  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {

    align-self: flex-start;

    border-bottom: none;

    border-left: none;

    border-top-color: #fff;
  }

  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {

    align-self: flex-end;

    border-bottom: none;

    border-right: none;

    border-top-color: #fff;
  }

  .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {

    align-self: center;

    border-left: none;

    border-right-color: #fff;
  }

  .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {

    align-self: center;

    border-right: none;

    border-left-color: #fff;
  }

  .mapboxgl-popup-close-button {

    position: absolute;

    right: 0;

    top: 0;

    border: 0;

    border-radius: 0 3px 0 0;

    cursor: pointer;

    background-color: transparent;
  }

  .mapboxgl-popup-close-button:hover {

    background-color: rgba(0, 0, 0, 0.05);
  }

  .mapboxgl-popup-content {

    position: relative;

    background: #fff;

    border-radius: 3px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    padding: 10px 10px 15px;

    pointer-events: auto;
  }

  .mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {

    border-top-left-radius: 0;
  }

  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {

    border-top-right-radius: 0;
  }

  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {

    border-bottom-left-radius: 0;
  }

  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {

    border-bottom-right-radius: 0;
  }

  .mapboxgl-popup-track-pointer {

    display: none;
  }

  .mapboxgl-popup-track-pointer * {

    pointer-events: none;

    -webkit-user-select: none;

       -moz-user-select: none;

            user-select: none;
  }

  .mapboxgl-map:hover .mapboxgl-popup-track-pointer {

    display: flex;
  }

  .mapboxgl-map:active .mapboxgl-popup-track-pointer {

    display: none;
  }

  .mapboxgl-marker {

    position: absolute;

    top: 0;

    left: 0;

    will-change: transform;
  }

  .mapboxgl-user-location-dot {

    background-color: #1da1f2;

    width: 15px;

    height: 15px;

    border-radius: 50%;
  }

  .mapboxgl-user-location-dot::before {

    background-color: #1da1f2;

    content: '';

    width: 15px;

    height: 15px;

    border-radius: 50%;

    position: absolute;

    animation: mapboxgl-user-location-dot-pulse 2s infinite;
  }

  .mapboxgl-user-location-dot::after {

    border-radius: 50%;

    border: 2px solid #fff;

    content: '';

    height: 19px;

    left: -2px;

    position: absolute;

    top: -2px;

    width: 19px;

    box-sizing: border-box;

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  }

  @keyframes mapboxgl-user-location-dot-pulse {

    0% {

      transform: scale(1);

      opacity: 1;
    }

    70% {

      transform: scale(3);

      opacity: 0;
    }

    100% {

      transform: scale(1);

      opacity: 0;
    }
  }

  .mapboxgl-user-location-dot-stale {

    background-color: #aaa;
  }

  .mapboxgl-user-location-dot-stale::after {

    display: none;
  }

  .mapboxgl-user-location-accuracy-circle {

    background-color: #1da1f233;

    width: 1px;

    height: 1px;

    border-radius: 100%;
  }

  .mapboxgl-crosshair, .mapboxgl-crosshair .mapboxgl-interactive, .mapboxgl-crosshair .mapboxgl-interactive:active {

    cursor: crosshair;
  }

  .mapboxgl-boxzoom {

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    background: #fff;

    border: 2px dotted #202020;

    opacity: 0.5;
  }

  @media print {

    .mapbox-improve-map {

      display: none;
    }
  }
}

@layer utilities {

  .mapboxgl-ctrl-geocoder, .mapboxgl-ctrl-geocoder *, .mapboxgl-ctrl-geocoder *:after, .mapboxgl-ctrl-geocoder *:before {

    box-sizing: border-box;
  }

  .mapboxgl-ctrl-geocoder {

    font-size: 18px;

    line-height: 24px;

    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;

    position: relative;

    background-color: #fff;

    width: 100%;

    min-width: 240px;

    z-index: 1;

    border-radius: 4px;

    transition: width .25s, min-width .25s;
  }

  .mapboxgl-ctrl-geocoder--input {

    font: inherit;

    width: 100%;

    border: 0;

    background-color: transparent;

    margin: 0;

    height: 50px;

    color: #404040;

    color: rgba(0, 0, 0, 0.75);

    padding: 6px 45px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;
  }

  .mapboxgl-ctrl-geocoder--input::-ms-clear {

    display: none;
  }

  .mapboxgl-ctrl-geocoder--input:focus {

    color: #404040;

    color: rgba(0, 0, 0, 0.75);

    box-shadow: none;

    outline: thin dotted;
  }

  .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {

    z-index: 2;

    position: absolute;

    right: 8px;

    top: 7px;

    display: none;
  }

  .mapboxgl-ctrl-geocoder, .mapboxgl-ctrl-geocoder .suggestions {

    box-shadow: none;
  }

  .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {

    width: 50px;

    min-width: 50px;

    transition: width .25s, min-width .25s;
  }

  .mapboxgl-ctrl-geocoder .suggestions {

    background-color: #fff;

    border-radius: 4px;

    left: 0;

    list-style: none;

    margin: 0;

    padding: 0;

    position: absolute;

    width: 100%;

    top: 110%;

    top: calc(100% + 6px);

    z-index: 1000;

    overflow: hidden;

    font-size: 15px;
  }

  .mapboxgl-ctrl-bottom-left .suggestions, .mapboxgl-ctrl-bottom-right .suggestions {

    top: auto;

    bottom: 100%;
  }

  .mapboxgl-ctrl-geocoder .suggestions > li > a {

    cursor: default;

    display: block;

    padding: 6px 12px;

    color: #404040;
  }

  .mapboxgl-ctrl-geocoder .suggestions > .active > a, .mapboxgl-ctrl-geocoder .suggestions > li > a:hover {

    color: #404040;

    background-color: #f3f3f3;

    text-decoration: none;

    cursor: pointer;
  }

  .mapboxgl-ctrl-geocoder--suggestion-title {

    font-weight: bold;
  }

  .mapboxgl-ctrl-geocoder--suggestion-title, .mapboxgl-ctrl-geocoder--suggestion-address {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;
  }

  .mapboxgl-ctrl-geocoder--icon {

    display: inline-block;

    vertical-align: middle;

    speak: none;

    fill: #757575;

    top: 15px;
  }

  .mapboxgl-ctrl-geocoder--icon-search {

    position: absolute;

    top: 13px;

    left: 12px;

    width: 23px;

    height: 23px;
  }

  .mapboxgl-ctrl-geocoder--button {

    padding: 0;

    margin: 0;

    border: none;

    cursor: pointer;

    background: #fff;

    line-height: 1;
  }

  .mapboxgl-ctrl-geocoder--icon-close {

    width: 20px;

    height: 20px;

    margin-top: 8px;

    margin-right: 3px;
  }

  .mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close {

    fill: #909090;
  }

  .mapboxgl-ctrl-geocoder--icon-loading {

    width: 26px;

    height: 26px;

    margin-top: 5px;

    margin-right: 0px;

    animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
  }

  @keyframes rotate {

    from {

      transform: rotate(0);
    }

    to {

      transform: rotate(360deg);
    }
  }

  @media screen and (min-width: 640px) {

    .mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed {

      width: 36px;

      min-width: 36px;
    }

    .mapboxgl-ctrl-geocoder {

      width: 1005;

      font-size: 15px;

      line-height: 20px;

      max-width: 360px;
    }

    .mapboxgl-ctrl-geocoder .suggestions {

      font-size: 13px;
    }

    .mapboxgl-ctrl-geocoder--icon {

      top: 8px;
    }

    .mapboxgl-ctrl-geocoder--icon-close {

      width: 16px;

      height: 16px;

      margin-top: 3px;

      margin-right: 0;
    }

    .mapboxgl-ctrl-geocoder--icon-search {

      left: 7px;

      width: 20px;

      height: 20px;
    }

    .mapboxgl-ctrl-geocoder--input {

      height: 36px;

      padding: 6px 35px;
    }

    .mapboxgl-ctrl-geocoder--icon-loading {

      width: 26px;

      height: 26px;

      margin-top: -2px;

      margin-right: -5px;
    }

    .mapbox-gl-geocoder--error {

      color: #909090;

      padding: 6px 12px;

      font-size: 16px;

      text-align: center;
    }
  }

  .mapbox-container {

    height: 450px;

    width: 100%;

    position: relative;

    margin-bottom: 40px;
  }

  .mapbox-map {

    width: 100%;

    height: 100%;
  }

  .mapbox-geocoder {

    position: absolute;

    top: 0;

    left: 0;

    margin: 8px;

    width: 400px;

    z-index: 9;
  }

  .mapbox-geocoder .mapboxgl-ctrl-geocoder {

    width: 400px;

    background-color: transparent;
  }

  .mapbox-geocoder .mapboxgl-ctrl-geocoder--input {

    background-color: #FFF !important;

    padding-left: 35px !important;

    box-shadow: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;
  }

  .mapbox-geocoder .mapboxgl-ctrl-geocoder--input:focus {

    background-color: #FFF !important;

    outline: 0;
  }
}

@layer utilities {

  @font-face {

    font-family: 'swiper-icons';

    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");

    font-weight: 400;

    font-style: normal;
  }

  :root {

    --swiper-theme-color: #007aff;
  }

  :host {

    position: relative;

    display: block;

    margin-left: auto;

    margin-right: auto;

    z-index: 1;
  }

  .swiper {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

    display: block;
  }

  .swiper-vertical > .swiper-wrapper {

    flex-direction: column;
  }

  .swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: flex;

    transition-property: transform;

    transition-timing-function: ease;

    transition-timing-function: initial;

    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);

    box-sizing: content-box;
  }

  .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {

    transform: translate3d(0px, 0, 0);
  }

  .swiper-horizontal {

    touch-action: pan-y;
  }

  .swiper-vertical {

    touch-action: pan-x;
  }

  .swiper-slide {

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    transition-property: transform;

    display: block;
  }

  .swiper-slide-invisible-blank {

    visibility: hidden;
  }

  .swiper-autoheight, .swiper-autoheight .swiper-slide {

    height: auto;
  }

  .swiper-autoheight .swiper-wrapper {

    align-items: flex-start;

    transition-property: transform, height;
  }

  .swiper-backface-hidden .swiper-slide {

    transform: translateZ(0);

    backface-visibility: hidden;
  }

  .swiper-3d.swiper-css-mode .swiper-wrapper {

    perspective: 1200px;
  }

  .swiper-3d .swiper-wrapper {

    transform-style: preserve-3d;
  }

  .swiper-3d {

    perspective: 1200px;
  }

  .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {

    transform-style: preserve-3d;
  }

  .swiper-css-mode > .swiper-wrapper {

    overflow: auto;

    scrollbar-width: none;

    -ms-overflow-style: none;
  }

  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {

    display: none;
  }

  .swiper-css-mode > .swiper-wrapper > .swiper-slide {

    scroll-snap-align: start start;
  }

  .swiper-css-mode.swiper-horizontal > .swiper-wrapper {

    scroll-snap-type: x mandatory;
  }

  .swiper-css-mode.swiper-vertical > .swiper-wrapper {

    scroll-snap-type: y mandatory;
  }

  .swiper-css-mode.swiper-free-mode > .swiper-wrapper {

    scroll-snap-type: none;
  }

  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {

    scroll-snap-align: none;
  }

  .swiper-css-mode.swiper-centered > .swiper-wrapper::before {

    content: '';

    flex-shrink: 0;

    order: 9999;
  }

  .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {

    scroll-snap-align: center center;

    scroll-snap-stop: always;
  }

  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {

    margin-inline-start: var(--swiper-centered-offset-before);
  }

  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {

    height: 100%;

    min-height: 1px;

    width: var(--swiper-centered-offset-after);
  }

  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {

    margin-block-start: var(--swiper-centered-offset-before);
  }

  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {

    width: 100%;

    min-width: 1px;

    height: var(--swiper-centered-offset-after);
  }

  .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10;
  }

  .swiper-3d .swiper-slide-shadow {

    background: rgba(0, 0, 0, 0.15);
  }

  .swiper-3d .swiper-slide-shadow-left {

    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }

  .swiper-3d .swiper-slide-shadow-right {

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }

  .swiper-3d .swiper-slide-shadow-top {

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }

  .swiper-3d .swiper-slide-shadow-bottom {

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }

  .swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    transform-origin: 50%;

    box-sizing: border-box;

    border: 4px solid #007aff;

    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));

    border-radius: 50%;

    border-top-color: transparent;
  }

  .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {

    animation: swiper-preloader-spin 1s infinite linear;
  }

  .swiper-lazy-preloader-white {

    --swiper-preloader-color: #fff;
  }

  .swiper-lazy-preloader-black {

    --swiper-preloader-color: #000;
  }

  @keyframes swiper-preloader-spin {

    0% {

      transform: rotate(0deg);
    }

    100% {

      transform: rotate(360deg);
    }
  }

  .swiper-virtual .swiper-slide {

    -webkit-backface-visibility: hidden;

    transform: translateZ(0);
  }

  .swiper-virtual.swiper-css-mode .swiper-wrapper::after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;
  }

  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {

    height: 1px;

    width: var(--swiper-virtual-size);
  }

  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {

    width: 1px;

    height: var(--swiper-virtual-size);
  }

  :root {

    --swiper-navigation-size: 44px;
  }

  .swiper-button-prev, .swiper-button-next {

    position: absolute;

    top: 50%;

    top: var(--swiper-navigation-top-offset, 50%);

    width: calc(44px / 44 * 27);

    width: calc(var(--swiper-navigation-size) / 44 * 27);

    height: 44px;

    height: var(--swiper-navigation-size);

    margin-top: calc(0px - (44px / 2));

    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));

    z-index: 10;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #007aff;

    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }

  .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {

    opacity: 0.35;

    cursor: auto;

    pointer-events: none;
  }

  .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden {

    opacity: 0;

    cursor: auto;

    pointer-events: none;
  }

  .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {

    display: none !important;
  }

  .swiper-button-prev svg, .swiper-button-next svg {

    width: 100%;

    height: 100%;

    -o-object-fit: contain;

       object-fit: contain;

    transform-origin: center;
  }

  .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {

    transform: rotate(180deg);
  }

  .swiper-button-prev, .swiper-rtl .swiper-button-next {

    left: 10px;

    left: var(--swiper-navigation-sides-offset, 10px);

    right: auto;
  }

  .swiper-button-next, .swiper-rtl .swiper-button-prev {

    right: 10px;

    right: var(--swiper-navigation-sides-offset, 10px);

    left: auto;
  }

  .swiper-button-lock {

    display: none;
  }

  .swiper-button-prev:after, .swiper-button-next:after {

    font-family: swiper-icons;

    font-size: 44px;

    font-size: var(--swiper-navigation-size);

    text-transform: none !important;

    letter-spacing: 0;

    font-feature-settings: ;

    font-variant: normal;

    font-variant: initial;

    line-height: 1;
  }

  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {

    content: 'prev';
  }

  .swiper-button-next, .swiper-rtl .swiper-button-prev {

    right: 10px;

    right: var(--swiper-navigation-sides-offset, 10px);

    left: auto;
  }

  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {

    content: 'next';
  }

  .swiper-pagination {

    position: absolute;

    text-align: center;

    transition: 300ms opacity;

    transform: translate3d(0, 0, 0);

    z-index: 10;
  }

  .swiper-pagination.swiper-pagination-hidden {

    opacity: 0;
  }

  .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {

    display: none !important;
  }

  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: 8px;

    bottom: var(--swiper-pagination-bottom, 8px);

    top: auto;

    top: var(--swiper-pagination-top, auto);

    left: 0;

    width: 100%;
  }

  .swiper-pagination-bullets-dynamic {

    overflow: hidden;

    font-size: 0;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transform: scale(0.33);

    position: relative;
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    transform: scale(1);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

    transform: scale(1);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    transform: scale(0.66);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    transform: scale(0.33);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    transform: scale(0.66);
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    transform: scale(0.33);
  }

  .swiper-pagination-bullet {

    width: 8px;

    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));

    height: 8px;

    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));

    display: inline-block;

    border-radius: 50%;

    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);

    background: #000;

    background: var(--swiper-pagination-bullet-inactive-color, #000);

    opacity: 0.2;

    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  }

  button.swiper-pagination-bullet {

    border: none;

    margin: 0;

    padding: 0;

    box-shadow: none;

    -webkit-appearance: none;

    -moz-appearance: none;

         appearance: none;
  }

  .swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer;
  }

  .swiper-pagination-bullet:only-child {

    display: none !important;
  }

  .swiper-pagination-bullet-active {

    opacity: 1;

    opacity: var(--swiper-pagination-bullet-opacity, 1);

    background: #007aff;

    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }

  .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {

    right: 8px;

    right: var(--swiper-pagination-right, 8px);

    left: auto;

    left: var(--swiper-pagination-left, auto);

    top: 50%;

    transform: translate3d(0px, -50%, 0);
  }

  .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 6px 0;

    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;

    display: block;
  }

  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    top: 50%;

    transform: translateY(-50%);

    width: 8px;
  }

  .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    display: inline-block;

    transition: 200ms transform, 200ms top;
  }

  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 4px;

    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }

  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    left: 50%;

    transform: translateX(-50%);

    white-space: nowrap;
  }

  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transition: 200ms transform, 200ms left;
  }

  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    transition: 200ms transform, 200ms right;
  }

  .swiper-pagination-fraction {

    color: inherit;

    color: var(--swiper-pagination-fraction-color, inherit);
  }

  .swiper-pagination-progressbar {

    background: rgba(0, 0, 0, 0.25);

    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));

    position: absolute;
  }

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #007aff;

    background: var(--swiper-pagination-color, var(--swiper-theme-color));

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transform: scale(0);

    transform-origin: left top;
  }

  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    transform-origin: right top;
  }

  .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {

    width: 100%;

    height: 4px;

    height: var(--swiper-pagination-progressbar-size, 4px);

    left: 0;

    top: 0;
  }

  .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {

    width: 4px;

    width: var(--swiper-pagination-progressbar-size, 4px);

    height: 100%;

    left: 0;

    top: 0;
  }

  .swiper-pagination-lock {

    display: none;
  }

  .swiper-scrollbar {

    border-radius: 10px;

    border-radius: var(--swiper-scrollbar-border-radius, 10px);

    position: relative;

    touch-action: none;

    background: rgba(0, 0, 0, 0.1);

    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  }

  .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {

    display: none !important;
  }

  .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {

    position: absolute;

    left: 1%;

    left: var(--swiper-scrollbar-sides-offset, 1%);

    bottom: 4px;

    bottom: var(--swiper-scrollbar-bottom, 4px);

    top: auto;

    top: var(--swiper-scrollbar-top, auto);

    z-index: 50;

    height: 4px;

    height: var(--swiper-scrollbar-size, 4px);

    width: calc(100% - 2 * 1%);

    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }

  .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {

    position: absolute;

    left: auto;

    left: var(--swiper-scrollbar-left, auto);

    right: 4px;

    right: var(--swiper-scrollbar-right, 4px);

    top: 1%;

    top: var(--swiper-scrollbar-sides-offset, 1%);

    z-index: 50;

    width: 4px;

    width: var(--swiper-scrollbar-size, 4px);

    height: calc(100% - 2 * 1%);

    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }

  .swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0, 0, 0, 0.5);

    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));

    border-radius: 10px;

    border-radius: var(--swiper-scrollbar-border-radius, 10px);

    left: 0;

    top: 0;
  }

  .swiper-scrollbar-cursor-drag {

    cursor: move;
  }

  .swiper-scrollbar-lock {

    display: none;
  }

  .swiper-zoom-container {

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;
  }

  .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

       object-fit: contain;
  }

  .swiper-slide-zoomed {

    cursor: move;

    touch-action: none;
  }

  .swiper .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000;
  }

  .swiper-free-mode > .swiper-wrapper {

    transition-timing-function: ease-out;

    margin: 0 auto;
  }

  .swiper-grid > .swiper-wrapper {

    flex-wrap: wrap;
  }

  .swiper-grid-column > .swiper-wrapper {

    flex-wrap: wrap;

    flex-direction: column;
  }

  .swiper-fade.swiper-free-mode .swiper-slide {

    transition-timing-function: ease-out;
  }

  .swiper-fade .swiper-slide {

    pointer-events: none;

    transition-property: opacity;
  }

  .swiper-fade .swiper-slide .swiper-slide {

    pointer-events: none;
  }

  .swiper-fade .swiper-slide-active {

    pointer-events: auto;
  }

  .swiper-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;
  }

  .swiper.swiper-cube {

    overflow: visible;
  }

  .swiper-cube .swiper-slide {

    pointer-events: none;

    backface-visibility: hidden;

    z-index: 1;

    visibility: hidden;

    transform-origin: 0 0;

    width: 100%;

    height: 100%;
  }

  .swiper-cube .swiper-slide .swiper-slide {

    pointer-events: none;
  }

  .swiper-cube.swiper-rtl .swiper-slide {

    transform-origin: 100% 0;
  }

  .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;
  }

  .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible;
  }

  .swiper-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0px;

    width: 100%;

    height: 100%;

    opacity: 0.6;

    z-index: 0;
  }

  .swiper-cube .swiper-cube-shadow:before {

    content: '';

    background: #000;

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    filter: blur(50px);
  }

  .swiper-cube .swiper-slide-next + .swiper-slide {

    pointer-events: auto;

    visibility: visible;
  }

  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {

    z-index: 0;

    backface-visibility: hidden;
  }

  .swiper.swiper-flip {

    overflow: visible;
  }

  .swiper-flip .swiper-slide {

    pointer-events: none;

    backface-visibility: hidden;

    z-index: 1;
  }

  .swiper-flip .swiper-slide .swiper-slide {

    pointer-events: none;
  }

  .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;
  }

  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {

    z-index: 0;

    backface-visibility: hidden;
  }

  .swiper-creative .swiper-slide {

    backface-visibility: hidden;

    overflow: hidden;

    transition-property: transform, opacity, height;
  }

  .swiper.swiper-cards {

    overflow: visible;
  }

  .swiper-cards .swiper-slide {

    transform-origin: center bottom;

    backface-visibility: hidden;

    overflow: hidden;
  }
}

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;
}

.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden;
}

.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  box-sizing: border-box;
}

.mfp-container:before {

  content: "";

  display: inline-block;

  height: 100%;

  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {

  display: none;
}

.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto;
}

.mfp-ajax-cur {

  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: zoom-out;
}

.mfp-zoom {

  cursor: pointer;

  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {

  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;
}

.mfp-loading.mfp-figure {

  display: none;
}

.mfp-hide {

  display: none !important;
}

.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044;
}

.mfp-preloader a {

  color: #CCC;
}

.mfp-preloader a:hover {

  color: #FFF;
}

.mfp-s-ready .mfp-preloader {

  display: none;
}

.mfp-s-error .mfp-content {

  display: none;
}

button.mfp-close, button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  box-shadow: none;

  touch-action: manipulation;
}

button::-moz-focus-inner {

  padding: 0;

  border: 0;
}

.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {

  opacity: 1;
}

.mfp-close:active {

  top: 1px;
}

.mfp-close-btn-in .mfp-close {

  color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {

  color: #FFF;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%;
}

.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap;
}

.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {

  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {

  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

  margin-top: 35px;

  margin-left: 35px;

  border: medium inset transparent;
}

.mfp-arrow:after {

  border-top-width: 13px;

  border-bottom-width: 13px;

  top: 8px;
}

.mfp-arrow:before {

  border-top-width: 21px;

  border-bottom-width: 21px;

  opacity: 0.7;
}

.mfp-arrow-left {

  left: 0;
}

.mfp-arrow-left:after {

  border-right: 17px solid #FFF;

  margin-left: 31px;
}

.mfp-arrow-left:before {

  margin-left: 25px;

  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {

  right: 0;
}

.mfp-arrow-right:after {

  border-left: 17px solid #FFF;

  margin-left: 39px;
}

.mfp-arrow-right:before {

  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {

  line-height: 0;

  width: 100%;

  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {

  top: -40px;
}

.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {

  position: absolute;

  display: block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #000;
}

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto;
}

.mfp-figure {

  line-height: 0;
}

.mfp-figure:after {

  content: "";

  position: absolute;

  left: 0;

  top: 40px;

  bottom: 40px;

  display: block;

  right: 0;

  width: auto;

  height: auto;

  z-index: -1;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

  background: #444;
}

.mfp-figure small {

  color: #BDBDBD;

  display: block;

  font-size: 12px;

  line-height: 14px;
}

.mfp-figure figure {

  margin: 0;
}

.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto;
}

.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #F3F3F3;

  word-wrap: break-word;

  padding-right: 36px;
}

.mfp-image-holder .mfp-content {

  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {

    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {

    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px;
  }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0;
  }
}

@media all and (max-width: 900px) {

  .mfp-arrow {

    transform: scale(0.75);
  }

  .mfp-arrow-left {

    transform-origin: 0;
  }

  .mfp-arrow-right {

    transform-origin: 100%;
  }

  .mfp-container {

    padding-left: 6px;

    padding-right: 6px;
  }
}

@layer utilities {

  #nav-menu.-open {

    pointer-events: auto;

    position: fixed;

    top: calc(1px * 0);

    top: calc(var(--spacing) * 0);

    left: calc(1px * 0);

    left: calc(var(--spacing) * 0);

    display: block;

    height: 100%;

    width: 100%;

    opacity: 100%;
  }

  #nav-menu:has(.nav--item-subnav.-open) .menu {

    height: 100%;
  }

  .nav--wrap {

    position: fixed;

    top: calc(1px * 0);

    top: calc(var(--spacing) * 0);

    display: none;

    width: 100%;

    opacity: 0%;
  }

  @media (min-width: 1024px) {

    .nav--wrap {

      overflow: hidden;
    }
  }

  .nav--wrap {

    overflow-x: hidden;

    overflow-y: auto;

    height: calc( 100vh - 70px );
  }

  .nav--btn-mobile {

    position: relative;

    cursor: pointer;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;

    width: 34px;

    height: 34px;
  }

  .nav--btn-mobile .icon {

    transition-duration: 0.5s;

    height: 2px;

    width: 24px;

    top: 10px;

    left: 0px;

    background-color: #fff;
  }

  .nav--btn-mobile .icon:before {

    transition-duration: 0.5s;

    position: absolute;

    width: 24px;

    height: 2px;

    background-color: #fff;

    content: "";

    top: -7px;
  }

  .nav--btn-mobile .icon:after {

    transition-duration: 0.5s;

    position: absolute;

    width: 24px;

    height: 2px;

    background-color: #fff;

    content: "";

    top: 7px;
  }

  .nav--btn-mobile.open .icon {

    transition-duration: 0.5s;

    background: transparent;
  }

  .nav--btn-mobile.open .icon:before {

    transform: rotateZ(45deg) scaleX(1.05) translate(6.5px, 3.5px);
  }

  .nav--btn-mobile.open .icon:after {

    transform: rotateZ(-45deg) scaleX(1.05) translate(6px, -3px);
  }

  .nav--icon-open {

    opacity: 100%;

    transition: all 0.2s cubic-bezier(.99,.29,0,.68) 0s;

    transform: translateX( 0 );
  }

  .nav--icon-open.hide {

    opacity: 0%;

    transform: translateX( -16px );

    transition: all 0.2s cubic-bezier(.99,.29,0,.68);
  }

  .nav--icon-close {

    opacity: 0%;

    transition: all 0.2s cubic-bezier(.99,.29,0,.68) 0s;

    transform: translateX( 16px );
  }

  .nav--icon-close.show {

    opacity: 100%;

    transform: translateX( 0 );
  }

  .nav--item-subnav .nav--item-submenu {

    transition: all 0.3s ease-in-out;
  }

  .nav--item-subnav.-open .nav--item-submenu {

    position: relative;
  }

  @media (min-width: 1024px) {

    .nav--item-subnav.-open .nav--item-submenu {

      position: absolute;
    }
  }

  .nav--item-subnav.-open .nav--item-submenu {

    opacity: 1;

    pointer-events: auto;
  }

  @media (min-width: 1024px) {

    .nav--item-subnav-arrow path {

      stroke: #fff;
    }
  }

  @media (min-width: 1024px) {

    .nav--item-subnav-arrow.-active path {

      stroke: #3AFDFF;
    }
  }

  .has-submenu-open .subnav {

    display: block;
  }

  .subnav {

    transform: translateX( 100% );

    transition: all 0.3s ease-in-out;
  }

  .subnav.-open {

    display: block;

    transform: translateX( 0% );
  }

  body.no-mobile .nav--item-subnav > .nav--item-link > .nav--item-arrow {

    --tw-translate-y: calc(var(--spacing) * 80);

    translate: var(--tw-translate-x) calc(1px * 80);

    translate: var(--tw-translate-x) var(--tw-translate-y);

    transition: all 0.3s ease-in-out 0s;
  }

  body.no-mobile .nav--item-subnav > .nav--item-submenu {

    height: 0;

    top: 2px;

    transform: translate( -50%, 26px );

    transition: all 0.3s ease-in-out 0.2s;
  }

  body.no-mobile .nav--item-subnav .nav--item-subnav-arrow {

    transition-property: transform, translate, scale, rotate;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;

    --tw-ease: var(--ease-in-out);

    transition-timing-function: var(--ease-in-out);
  }

  body.no-mobile .nav--item-subnav:hover > .nav--item-link > .nav--item-arrow {

    --tw-translate-y: calc(var(--spacing) * 25);

    translate: var(--tw-translate-x) calc(1px * 25);

    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  @media (min-width: 1024px) {

    body.no-mobile .nav--item-subnav:hover > .nav--item-link > .nav--item-arrow {

      --tw-translate-y: var(--spacing-1_65vw);

      translate: var(--tw-translate-x) 1.65vw;

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 1512px) {

    body.no-mobile .nav--item-subnav:hover > .nav--item-link > .nav--item-arrow {

      --tw-translate-y: calc(var(--spacing) * 25);

      translate: var(--tw-translate-x) calc(1px * 25);

      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  body.no-mobile .nav--item-subnav:hover > .nav--item-link > .nav--item-arrow {

    opacity: 1;

    transition-delay: 0.2s;
  }

  body.no-mobile .nav--item-subnav:hover > .nav--item-submenu {

    height: 100%;

    opacity: 1;

    pointer-events: auto;

    transform: translate( -50%, 0px );

    transition-delay: 0s;
  }

  body.no-mobile .nav--item-subnav:hover .nav--item-subnav-arrow {

    rotate: 180deg;
  }
}

@layer utilities;

@layer utilities {

  body.no-mobile .hover--anim {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover--anim-image {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover--anim-image img {

    --tw-scale-x: 100%;

    --tw-scale-y: 100%;

    --tw-scale-z: 100%;

    scale: 100% 100%;

    scale: var(--tw-scale-x) var(--tw-scale-y);

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover--anim-image h2, body.no-mobile .hover--anim-image p, body.no-mobile .hover--anim-image a, body.no-mobile .hover--anim-image .img-btn {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover--anim-image:hover img {

    --tw-scale-x: 110%;

    --tw-scale-y: 110%;

    --tw-scale-z: 110%;

    scale: 110% 110%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  body.no-mobile .hover--anim-image:hover h2, body.no-mobile .hover--anim-image:hover p {

    color: #3AFDFF;

    color: var(--color-turquoise);
  }

  body.no-mobile .hover--anim-image:hover a {

    background-color: #000;

    background-color: var(--color-black);
  }

  body.no-mobile .hover--anim-image:hover .img-btn {

    background-color: #000;

    background-color: var(--color-black);

    color: #3AFDFF;

    color: var(--color-turquoise);
  }

  body.no-mobile .hover--button {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover--button span {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover--button.-blue:hover {

    background-color: #000;

    background-color: var(--color-black);

    color: #3AFDFF;

    color: var(--color-turquoise);
  }

  body.no-mobile .hover--button.-blue:hover span {

    color: #3AFDFF;

    color: var(--color-turquoise);
  }

  body.no-mobile .hover--button.-blue:hover path {

    fill: #3AFDFF;
  }

  body.no-mobile .hover--button.-blue:hover select {

    color: #3AFDFF;

    color: var(--color-turquoise);

    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%233AFDFF%27 d=%27M12 17 5 7h14l-7 10Z%27/%3E%3C/svg%3E");
  }

  body.no-mobile .hover--button.-blue-black {

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;
  }

  body.no-mobile .hover--button.-blue-black:hover {

    border-color: #3AFDFF;

    border-color: var(--color-turquoise);

    background-color: #000;

    background-color: var(--color-black);

    color: #3AFDFF;

    color: var(--color-turquoise);
  }

  body.no-mobile .hover--button.-blue-black:hover span {

    color: #3AFDFF;

    color: var(--color-turquoise);
  }

  body.no-mobile .hover--button.-blue-black:hover path {

    fill: #3AFDFF;
  }

  body.no-mobile .hover--button.-blue-black:hover select {

    color: #3AFDFF;

    color: var(--color-turquoise);

    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%233AFDFF%27 d=%27M12 17 5 7h14l-7 10Z%27/%3E%3C/svg%3E");
  }

  body.no-mobile .hover--button.-blue-icon:hover path {

    fill: #3AFDFF;
  }

  body.no-mobile .hover--button.-nav:hover svg {

    animation: wobbleX 2s ease infinite;
  }

  body.no-mobile .hover.cards-links--btn, body.no-mobile .hover.theme-cards--btn {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover.cards-links--btn p, body.no-mobile .hover.cards-links--btn span, body.no-mobile .hover.theme-cards--btn p, body.no-mobile .hover.theme-cards--btn span {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover.cards-links--btn svg, body.no-mobile .hover.theme-cards--btn svg {

    --tw-scale-x: 100%;

    --tw-scale-y: 100%;

    --tw-scale-z: 100%;

    scale: 100% 100%;

    scale: var(--tw-scale-x) var(--tw-scale-y);

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover.cards-links--btn:hover, body.no-mobile .hover.theme-cards--btn:hover {

    background-color: #000;

    background-color: var(--color-black);
  }

  body.no-mobile .hover.cards-links--btn:hover p, body.no-mobile .hover.theme-cards--btn:hover p {

    color: #3AFDFF;

    color: var(--color-turquoise);
  }

  body.no-mobile .hover.cards-links--btn:hover span, body.no-mobile .hover.theme-cards--btn:hover span {

    background-color: #3AFDFF;

    background-color: var(--color-turquoise);

    color: #000;

    color: var(--color-black);
  }

  body.no-mobile .hover.cards-links--btn:hover svg, body.no-mobile .hover.theme-cards--btn:hover svg {

    --tw-scale-x: 120%;

    --tw-scale-y: 120%;

    --tw-scale-z: 120%;

    scale: 120% 120%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  body.no-mobile .hover--resources img, body.no-mobile .hover--video-grid img, body.no-mobile .hover--action img, body.no-mobile .hover--video img {

    --tw-scale-x: 100%;

    --tw-scale-y: 100%;

    --tw-scale-z: 100%;

    scale: 100% 100%;

    scale: var(--tw-scale-x) var(--tw-scale-y);

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover--resources div, body.no-mobile .hover--resources path, body.no-mobile .hover--resources a, body.no-mobile .hover--video-grid div, body.no-mobile .hover--video-grid path, body.no-mobile .hover--video-grid a, body.no-mobile .hover--action div, body.no-mobile .hover--action path, body.no-mobile .hover--action a, body.no-mobile .hover--video div, body.no-mobile .hover--video path, body.no-mobile .hover--video a {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  body.no-mobile .hover--resources:hover img, body.no-mobile .hover--video-grid:hover img, body.no-mobile .hover--action:hover img, body.no-mobile .hover--video:hover img {

    --tw-scale-x: 110%;

    --tw-scale-y: 110%;

    --tw-scale-z: 110%;

    scale: 110% 110%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  body.no-mobile .hover--resources:hover .popup-video div, body.no-mobile .hover--resources:hover .btn-video div, body.no-mobile .hover--video-grid:hover .popup-video div, body.no-mobile .hover--video-grid:hover .btn-video div, body.no-mobile .hover--action:hover .popup-video div, body.no-mobile .hover--action:hover .btn-video div, body.no-mobile .hover--video:hover .popup-video div, body.no-mobile .hover--video:hover .btn-video div {

    background-color: #000;

    background-color: var(--color-black);
  }

  body.no-mobile .hover--resources:hover .popup-video path, body.no-mobile .hover--resources:hover .btn-video path, body.no-mobile .hover--video-grid:hover .popup-video path, body.no-mobile .hover--video-grid:hover .btn-video path, body.no-mobile .hover--action:hover .popup-video path, body.no-mobile .hover--action:hover .btn-video path, body.no-mobile .hover--video:hover .popup-video path, body.no-mobile .hover--video:hover .btn-video path {

    fill: #3AFDFF;

    fill: var(--color-turquoise);
  }

  body.no-mobile .hover--resources:hover .dwnld-btn a, body.no-mobile .hover--video-grid:hover .dwnld-btn a, body.no-mobile .hover--action:hover .dwnld-btn a, body.no-mobile .hover--video:hover .dwnld-btn a {

    background-color: #000;

    background-color: var(--color-black);

    color: #3AFDFF;

    color: var(--color-turquoise);
  }

  body.no-mobile .hover--resources:hover .see-more-btn span, body.no-mobile .hover--video-grid:hover .see-more-btn span, body.no-mobile .hover--action:hover .see-more-btn span, body.no-mobile .hover--video:hover .see-more-btn span {

    background-color: #000;

    background-color: var(--color-black);

    color: #3AFDFF;

    color: var(--color-turquoise);
  }

  body.no-mobile .hover.back-btn:hover svg {

    animation: wobbleX 2s ease infinite;
  }

  body.no-mobile .collapsible.-btn:hover:after, body.no-mobile .collapsible.-btn-glossary:hover:after, body.no-mobile .collapsible.-btn-map:hover:after {

    animation: wobbleY 2s ease infinite;
  }

  body.no-mobile .dossier-link:hover .dwnld-arrow {

    animation: wobbleY 2s ease infinite;
  }

  @keyframes wobbleX {

    0% {

      transform: translateX(0%);
    }

    15% {

      transform: translateX(-25%);
    }

    30% {

      transform: translateX(20%);
    }

    45% {

      transform: translateX(-15%);
    }

    60% {

      transform: translateX(10%);
    }

    75% {

      transform: translateX(-5%);
    }

    100% {

      transform: translateX(0%);
    }
  }

  @keyframes wobbleY {

    0% {

      transform: translateY(0%);
    }

    15% {

      transform: translateY(-25%);
    }

    30% {

      transform: translateY(10%);
    }

    45% {

      transform: translateY(-15%);
    }

    60% {

      transform: translateY(10%);
    }

    75% {

      transform: translateY(-5%);
    }

    100% {

      transform: translateY(0%);
    }
  }
}

@layer utilities {

  * {

    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    line-height: 1.1em;

    box-sizing: border-box;
  }

  html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

    font-family: InstrumentSans, sans-serif;

    font-family: var(--font-body);

    font-size: 18px;

    font-size: var(--text-18);

    line-height: calc(1px * 24);

    line-height: calc(var(--spacing) * 24);
  }

  @media (min-width: 1024px) {

    html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

      font-size: calc(18 * calc(100 / 1512) * 1vw);

      font-size: var(--text-18vw);

      line-height: calc(24 * calc(100 / 1512) * 1vw);

      line-height: var(--leading-24vw);
    }
  }

  @media (min-width: 1512px) {

    html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

      font-size: 18px;

      font-size: var(--text-18);

      line-height: calc(1px * 24);

      line-height: calc(var(--spacing) * 24);
    }
  }

  html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;
  }

  button, button:focus {

    outline: 0;
  }

  input, textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    outline: 0;

    border-radius: 0;
  }

  *:focus {

    outline: none;
  }

  strong, b {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .module--title-info .info a {

    color: #33D7D9;

    color: var(--color-turquoise-dark);
  }

  .module--title-info .info strong {

    --tw-font-weight: var(--font-weight-semibold);

    font-weight: 600;

    font-weight: var(--font-weight-semibold);

    color: #000;

    color: var(--color-black);
  }

  .module--title-info .info a:has(strong) {

    text-decoration-color: #000;

    text-decoration-color: var(--color-black);
  }

  .single-pais .module--title-info .info a {

    color: #000;

    color: var(--color-black);
  }

  @media (min-width: 1024px) {

    .cols--two {

      -moz-columns: 2;

           columns: 2;
    }
  }

  .sw--rsc {

    margin-inline: auto !important;

    max-width: 1512px !important;

    max-width: var(--spacing-mw) !important;

    padding-inline: calc(1px * 18) !important;

    padding-inline: calc(var(--spacing) * 18) !important;

    padding-top: calc(1px * 32) !important;

    padding-top: calc(var(--spacing) * 32) !important;
  }

  @media (min-width: 1024px) {

    .sw--rsc {

      padding-inline: 8.46vw !important;

      padding-inline: var(--spacing-8_46vw) !important;
    }
  }

  @media (min-width: 1024px) {

    .sw--rsc {

      padding-top: 2.11vw !important;

      padding-top: var(--spacing-2_11vw) !important;
    }
  }

  @media (min-width: 1512px) {

    .sw--rsc {

      padding-inline: calc(1px * 128) !important;

      padding-inline: calc(var(--spacing) * 128) !important;
    }
  }

  @media (min-width: 1512px) {

    .sw--rsc {

      padding-top: calc(1px * 32) !important;

      padding-top: calc(var(--spacing) * 32) !important;
    }
  }

  .sw--rsc .swiper-slide {

    width: auto !important;

    border-radius: 35px !important;

    border-radius: var(--radius-35) !important;

    border-style: var(--tw-border-style) !important;

    border-width: 1px !important;

    border-color: #000 !important;

    border-color: var(--color-black) !important;

    padding-inline: calc(1px * 16) !important;

    padding-inline: calc(var(--spacing) * 16) !important;

    padding-block: calc(1px * 8);

    padding-block: calc(var(--spacing) * 8);

    font-size: 18px !important;

    font-size: var(--text-18) !important;

    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;

    transition-duration: 300ms !important;

    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;

    --tw-duration: 300ms !important;

    transition-duration: 300ms !important;
  }

  @media (min-width: 1024px) {

    .sw--rsc .swiper-slide {

      padding-block: calc(1px * 2) !important;

      padding-block: calc(var(--spacing) * 2) !important;
    }
  }

  @media (min-width: 1024px) {

    .sw--rsc .swiper-slide {

      font-size: calc(18 * calc(100 / 1512) * 1vw) !important;

      font-size: var(--text-18vw) !important;
    }
  }

  @media (min-width: 1512px) {

    .sw--rsc .swiper-slide {

      font-size: 18px !important;

      font-size: var(--text-18) !important;
    }
  }

  .sw--rsc .swiper-slide.-selected {

    background-color: #000 !important;

    background-color: var(--color-black) !important;

    color: #FFF !important;

    color: var(--color-white) !important;
  }

  .swiper-pagination {

    position: relative;
  }

  .swiper-pagination-bullet {

    border-style: solid;

    border-style: var(--tw-border-style);

    border-width: 1px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #FFF;

    border-color: var(--color-white);

    background-color: transparent !important;

    opacity: 100% !important;
  }

  .swiper-pagination-bullet-active {

    background-color: #FFF !important;

    background-color: var(--color-white) !important;
  }

  .content {

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.2s ease-out;
  }

  @media (min-width: 1024px) {

    .collapsible.-btn-map + .content {

      max-height: none !important;

      overflow: visible;
    }
  }

  .collapsible.active {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .collapsible.-btn:after, .collapsible.-btn-glossary:after, .collapsible.-btn-map:after {

    position: relative;

    right: calc(1px * 0);

    right: calc(var(--spacing) * 0);

    display: block;

    min-width: calc(1px * 40);

    min-width: calc(var(--spacing) * 40);
  }

  @media (min-width: 1024px) {

    .collapsible.-btn:after, .collapsible.-btn-glossary:after, .collapsible.-btn-map:after {

      min-width: 2.64vw;

      min-width: var(--spacing-2_64vw);
    }
  }

  @media (min-width: 1512px) {

    .collapsible.-btn:after, .collapsible.-btn-glossary:after, .collapsible.-btn-map:after {

      min-width: calc(1px * 40);

      min-width: calc(var(--spacing) * 40);
    }
  }

  .collapsible.-btn:after, .collapsible.-btn-glossary:after, .collapsible.-btn-map:after {

    content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 40 40%27%3E%3Cpath stroke=%27%23000%27 stroke-width=%272%27 d=%27M30 15 20 25 10 15%27/%3E%3C/svg%3E");
  }

  @media (min-width: 1024px) {

    .collapsible.-btn.-btn-map:after, .collapsible.-btn-glossary.-btn-map:after, .collapsible.-btn-map.-btn-map:after {

      display: none;
    }
  }

  .collapsible.-btn.active, .collapsible.-btn-glossary.active, .collapsible.-btn-map.active {

    --tw-font-weight: var(--font-weight-bold);

    font-weight: 700;

    font-weight: var(--font-weight-bold);
  }

  .collapsible.-btn.active:after, .collapsible.-btn-glossary.active:after, .collapsible.-btn-map.active:after {

    rotate: 180deg;
  }

  .collapsible.-btn:after {

    top: calc(1px * 32);

    top: calc(var(--spacing) * 32);
  }

  @media (min-width: 1024px) {

    .collapsible.-btn:after {

      top: calc(1px * 26);

      top: calc(var(--spacing) * 26);
    }
  }

  .collapsible.-btn-tabs-info:after {

    top: calc(1px * -2);

    top: calc(var(--spacing) * -2);
  }

  .mfp-wrap {

    top: 50% !important;

    top: var(--spacing-1\/2) !important;

    left: 50% !important;

    left: var(--spacing-1\/2) !important;

    margin-inline: auto !important;

    max-width: 1512px !important;

    max-width: var(--spacing-mw) !important;

    --tw-translate-x: calc(var(--spacing-1\/2) * -1) !important;

    translate: calc(50% * -1) calc(50% * -1) !important;

    translate: var(--tw-translate-x) var(--tw-translate-y) !important;

    --tw-translate-y: calc(var(--spacing-1\/2) * -1) !important;

    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .mfp-bg {

    overflow: hidden !important;
  }

  .mfp-container {

    position: relative !important;

    top: 50% !important;

    top: var(--spacing-1\/2) !important;

    display: block !important;

    height: auto !important;

    width: 100% !important;

    --tw-translate-y: calc(var(--spacing-1\/2) * -1) !important;

    translate: var(--tw-translate-x) calc(50% * -1) !important;

    translate: var(--tw-translate-x) var(--tw-translate-y) !important;

    padding-inline: calc(1px * 18) !important;

    padding-inline: calc(var(--spacing) * 18) !important;
  }

  @media (min-width: 1024px) {

    .mfp-container {

      padding-inline: 8.46vw !important;

      padding-inline: var(--spacing-8_46vw) !important;
    }
  }

  @media (min-width: 1512px) {

    .mfp-container {

      padding-inline: calc(1px * 128) !important;

      padding-inline: calc(var(--spacing) * 128) !important;
    }
  }

  .mfp-content {

    height: 85vh !important;

    height: var(--spacing-85vh) !important;

    width: 100% !important;

    max-width: calc(1px * 1512) !important;

    max-width: calc(var(--spacing) * 1512) !important;
  }

  .mfp-figure {

    margin-inline: auto !important;

    display: flex !important;

    height: 100% !important;

    max-height: 85vh !important;

    max-height: var(--spacing-85vh) !important;

    width: 100% !important;

    flex-direction: column !important;

    justify-content: center !important;

    overflow: hidden !important;
  }

  .mfp-figure:after {

    background-color: transparent !important;

    --tw-shadow: 0 0 #0000 !important;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000 !important;

    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .mfp-bottom-bar {

    display: none;
  }

  button.mfp-close {

    height: calc(1px * 40) !important;

    height: calc(var(--spacing) * 40) !important;

    width: calc(1px * 40) !important;

    width: calc(var(--spacing) * 40) !important;

    background-size: cover !important;
  }

  @media (min-width: 1024px) {

    button.mfp-close {

      margin: calc(1px * 40) !important;

      margin: calc(var(--spacing) * 40) !important;
    }
  }

  @media (min-width: 1024px) {

    button.mfp-close {

      height: calc(1px * 56) !important;

      height: calc(var(--spacing) * 56) !important;
    }
  }

  @media (min-width: 1024px) {

    button.mfp-close {

      width: calc(1px * 56) !important;

      width: calc(var(--spacing) * 56) !important;
    }
  }

  button.mfp-close {

    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 fill=%27none%27 viewBox=%270 0 40 40%27%3E%3Cpath fill=%27url%28%23a%29%27 d=%27M0 0h40v40H0z%27/%3E%3Cdefs%3E%3Cpattern id=%27a%27 width=%271%27 height=%271%27 patternContentUnits=%27objectBoundingBox%27%3E%3Cuse xlink:href=%27%23b%27 transform=%27scale%28.01%29%27/%3E%3C/pattern%3E%3Cimage xlink:href=%27data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAACIklEQVR4nO3cu24UMRhAYUvQ0MKLBKiAHgh0IETBtYSEm6gCBGh5DiTgJXgFxIskSNAEcclBqxApWo3DaNgZ/2ufr8/E0ZE3Mzu2U5IkSZIkSZIkSZIkSZIkSaoScAR4C9xIwQErwEfgRKo4xnv2/IocBTgJbP0d6+cqoxyIse8ncD0FA5wGvsyN9RNwLNUEuAr8mPtDZzPlZoo5Mw56nWoEXMlEuRUkxnYzMXpEuV1wTKcyMV6lFgCXge8dUe4UGEvbMf4R5feUUYzRP8rdgjFeppYBlzqi7AL3Rr61NcaAKPcnes5wZpSIQj7G5qJ+R1WA1UyUtQVc2xhRopCP8WLoNVuMstMRZX3Atc4AX40xXpQHxigEuJiJ8rDHz57NzIzn04y+UgyIYoxyUR5lYnxzZpSL8rhHjGdjj69JwIVMlCfAOWPEuvva6ZgZT0uMsTl0z5R5G6XH2RTg/CFRjBFslmxMPqCW0e8jyzuriWKs+k99CZ5F8Bkk3tM6fn8VJ8Y+o4wMv1ys450IvpiK99YQo4z+Xn19wLVc3LBEixw2/2uwDa/NWlvAtY0SdKHcdsdMaXs9b89F17tjrO91kXXAFfC48j3eHhHcqBNvFxVGibfPkFY3e0beiUurUQ7Zqx5lW/RWM1GW/OCAN6k2Hq0R8/CZd0ty+MxK9YfPzABHgQ/AtRQce7fEs+OZjpceiyRJkiRJkiRJkiRJkiRJUhrFH/C+MBCk1KBDAAAAAElFTkSuQmCC%27 id=%27b%27 width=%27100%27 height=%27100%27/%3E%3C/defs%3E%3C/svg%3E");
  }

  .mapboxgl-popup.mapboxgl-popup-anchor-bottom {

    top: calc(1px * -16) !important;

    top: calc(var(--spacing) * -16) !important;
  }

  .mapboxgl-popup.mapboxgl-popup-anchor-top {

    top: calc(1px * 16) !important;

    top: calc(var(--spacing) * 16) !important;
  }

  .mapboxgl-popup.mapboxgl-popup-anchor-left {

    left: calc(1px * 16) !important;

    left: calc(var(--spacing) * 16) !important;
  }

  .mapboxgl-popup.mapboxgl-popup-anchor-right {

    left: calc(1px * -16) !important;

    left: calc(var(--spacing) * -16) !important;
  }

  .mapboxgl-popup-tip {

    display: none !important;
  }

  .mapboxgl-popup-close-button {

    display: none !important;
  }

  .custom-marker svg {

    transition-property: transform, translate, scale, rotate;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 300ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    transition-delay: 100ms;

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  .custom-marker:not( .for-migration ):hover svg {

    --tw-scale-x: 150%;

    --tw-scale-y: 150%;

    --tw-scale-z: 150%;

    scale: 150% 150%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .custom-marker.marker-selected {

    transition-delay: 0ms;
  }

  .custom-marker.marker-selected svg {

    --tw-scale-x: 150%;

    --tw-scale-y: 150%;

    --tw-scale-z: 150%;

    scale: 150% 150%;

    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .custom-marker.for-migration {

    pointer-events: none;
  }

  .custom-marker.for-migration svg, .custom-marker.for-migration .marker-label {

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

    transition-duration: 500ms;

    transition-duration: var(--tw-duration, var(--default-transition-duration));

    transition-delay: 100ms;

    --tw-duration: 500ms;

    transition-duration: 500ms;
  }

  .mapboxgl-popup-content {

    border-radius: 8px !important;

    border-radius: var(--radius-8) !important;

    border-style: solid !important;

    border-style: var(--tw-border-style) !important;

    border-width: 2px !important;

    --tw-border-style: solid !important;

    border-style: solid !important;

    border-color: #808080 !important;

    border-color: var(--color-gray) !important;

    background-color: rgba(0, 0, 0, 0.3) !important;
  }

  .info-content {

    overflow: hidden;

    max-height: 3lh;

    transition: all 0.3s ease;
  }

  .info-content.expanded {

    max-height: 500lh;

    transition: all 1.3s ease;
  }
}

@layer utilities;

@property --tw-translate-x {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-y {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-translate-z {

  syntax: "*";

  inherits: false;

  initial-value: 0;
}

@property --tw-scale-x {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-y {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-z {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-rotate-x {

  syntax: "*";

  inherits: false;
}

@property --tw-rotate-y {

  syntax: "*";

  inherits: false;
}

@property --tw-rotate-z {

  syntax: "*";

  inherits: false;
}

@property --tw-skew-x {

  syntax: "*";

  inherits: false;
}

@property --tw-skew-y {

  syntax: "*";

  inherits: false;
}

@property --tw-border-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-gradient-position {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-from {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-via {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-to {

  syntax: "<color>";

  inherits: false;

  initial-value: #0000;
}

@property --tw-gradient-stops {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-via-stops {

  syntax: "*";

  inherits: false;
}

@property --tw-gradient-from-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 0%;
}

@property --tw-gradient-via-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 50%;
}

@property --tw-gradient-to-position {

  syntax: "<length-percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-leading {

  syntax: "*";

  inherits: false;
}

@property --tw-font-weight {

  syntax: "*";

  inherits: false;
}

@property --tw-ordinal {

  syntax: "*";

  inherits: false;
}

@property --tw-slashed-zero {

  syntax: "*";

  inherits: false;
}

@property --tw-numeric-figure {

  syntax: "*";

  inherits: false;
}

@property --tw-numeric-spacing {

  syntax: "*";

  inherits: false;
}

@property --tw-numeric-fraction {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-inset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {

  syntax: "*";

  inherits: false;
}

@property --tw-inset-ring-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {

  syntax: "*";

  inherits: false;
}

@property --tw-ring-offset-width {

  syntax: "<length>";

  inherits: false;

  initial-value: 0px;
}

@property --tw-ring-offset-color {

  syntax: "*";

  inherits: false;

  initial-value: #fff;
}

@property --tw-ring-offset-shadow {

  syntax: "*";

  inherits: false;

  initial-value: 0 0 #0000;
}

@property --tw-outline-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-blur {

  syntax: "*";

  inherits: false;
}

@property --tw-brightness {

  syntax: "*";

  inherits: false;
}

@property --tw-contrast {

  syntax: "*";

  inherits: false;
}

@property --tw-grayscale {

  syntax: "*";

  inherits: false;
}

@property --tw-hue-rotate {

  syntax: "*";

  inherits: false;
}

@property --tw-invert {

  syntax: "*";

  inherits: false;
}

@property --tw-opacity {

  syntax: "*";

  inherits: false;
}

@property --tw-saturate {

  syntax: "*";

  inherits: false;
}

@property --tw-sepia {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-color {

  syntax: "*";

  inherits: false;
}

@property --tw-drop-shadow-alpha {

  syntax: "<percentage>";

  inherits: false;

  initial-value: 100%;
}

@property --tw-drop-shadow-size {

  syntax: "*";

  inherits: false;
}

@property --tw-duration {

  syntax: "*";

  inherits: false;
}

@property --tw-ease {

  syntax: "*";

  inherits: false;
}

@layer properties {

  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

    *, ::before, ::after, ::backdrop {

      --tw-translate-x: 0;

      --tw-translate-y: 0;

      --tw-translate-z: 0;

      --tw-scale-x: 1;

      --tw-scale-y: 1;

      --tw-scale-z: 1;

      --tw-rotate-x: initial;

      --tw-rotate-y: initial;

      --tw-rotate-z: initial;

      --tw-skew-x: initial;

      --tw-skew-y: initial;

      --tw-border-style: solid;

      --tw-gradient-position: initial;

      --tw-gradient-from: #0000;

      --tw-gradient-via: #0000;

      --tw-gradient-to: #0000;

      --tw-gradient-stops: initial;

      --tw-gradient-via-stops: initial;

      --tw-gradient-from-position: 0%;

      --tw-gradient-via-position: 50%;

      --tw-gradient-to-position: 100%;

      --tw-leading: initial;

      --tw-font-weight: initial;

      --tw-ordinal: initial;

      --tw-slashed-zero: initial;

      --tw-numeric-figure: initial;

      --tw-numeric-spacing: initial;

      --tw-numeric-fraction: initial;

      --tw-shadow: 0 0 #0000;

      --tw-shadow-color: initial;

      --tw-shadow-alpha: 100%;

      --tw-inset-shadow: 0 0 #0000;

      --tw-inset-shadow-color: initial;

      --tw-inset-shadow-alpha: 100%;

      --tw-ring-color: initial;

      --tw-ring-shadow: 0 0 #0000;

      --tw-inset-ring-color: initial;

      --tw-inset-ring-shadow: 0 0 #0000;

      --tw-ring-inset: initial;

      --tw-ring-offset-width: 0px;

      --tw-ring-offset-color: #fff;

      --tw-ring-offset-shadow: 0 0 #0000;

      --tw-outline-style: solid;

      --tw-blur: initial;

      --tw-brightness: initial;

      --tw-contrast: initial;

      --tw-grayscale: initial;

      --tw-hue-rotate: initial;

      --tw-invert: initial;

      --tw-opacity: initial;

      --tw-saturate: initial;

      --tw-sepia: initial;

      --tw-drop-shadow: initial;

      --tw-drop-shadow-color: initial;

      --tw-drop-shadow-alpha: 100%;

      --tw-drop-shadow-size: initial;

      --tw-duration: initial;

      --tw-ease: initial;
    }
  }
}