/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@font-face {
  font-family: 'Patron';
  src: url('../assets/fonts/PatronWEB-Light.woff2') format('woff2'), url('../assets/fonts/PatronWEB-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Patron';
  src: url('../assets/fonts/PatronWEB-Medium.woff2') format('woff2'), url('../assets/fonts/PatronWEB-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Patron", sans-serif;
    --font-serif: "Patron", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: #f7eaea;
    --color-red-100: #edd1d3;
    --color-red-200: #daa3a7;
    --color-red-400: #a94457;
    --color-red-500: #62161E;
    --color-red-600: #57131b;
    --color-red-700: #491017;
    --color-red-800: #3b0d13;
    --color-red-900: #2b090d;
    --color-orange-50: #fde8e4;
    --color-orange-100: #fbd6cd;
    --color-orange-200: #f7ad9b;
    --color-orange-500: #e85e42;
    --color-orange-600: #d1543c;
    --color-orange-700: #b44833;
    --color-orange-800: #8f392a;
    --color-yellow-100: #FEFDE8;
    --color-yellow-500: #FFF89E;
    --color-yellow-600: #e6df8e;
    --color-yellow-700: #ccc67d;
    --color-green-100: #d9e3e0;
    --color-green-200: #b3c7c0;
    --color-green-500: #03432d;
    --color-green-600: #033b28;
    --color-green-700: #023020;
    --color-green-800: #022519;
    --color-green-900: #011911;
    --color-blue-50: #E0F1FE;
    --color-blue-100: #cce3f1;
    --color-blue-200: #99c7e3;
    --color-blue-300: #66aad5;
    --color-blue-400: #338ec8;
    --color-blue-500: #0077C0;
    --color-blue-600: #006aab;
    --color-blue-700: #00578c;
    --color-blue-800: #00446e;
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: var(--color-black);
    --color-white: #ffffff;
    --spacing: 0.25rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-2xl: 1rem;
    --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);
    --blur-sm: 8px;
    --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);
    --color-light: var(--color-light);
    --color-dark: var(--color-dark);
    --color-primary: var(--color-blue-500);
    --spacing-small: var(--spacing-small);
    --spacing-medium: var(--spacing-medium);
    --spacing-large: var(--spacing-large);
    --spacing-xlarge: var(--spacing-xlarge);
  }
}
@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%;
    tab-size: 4;
    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: var(--default-font-feature-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: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-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;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .\!visible {
    visibility: visible !important;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .\!right-0 {
    right: calc(var(--spacing) * 0) !important;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-\[5px\] {
    right: 5px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-\[5px\] {
    bottom: 5px;
  }
  .\!left-0 {
    left: calc(var(--spacing) * 0) !important;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-\[5px\] {
    left: 5px;
  }
  .left-\[40px\] {
    left: 40px;
  }
  .z-1 {
    z-index: 1;
  }
  .z-\[200\] {
    z-index: 200;
  }
  .z-\[400\] {
    z-index: 400;
  }
  .z-\[500\] {
    z-index: 500;
  }
  .z-\[550\] {
    z-index: 550;
  }
  .z-\[600\] {
    z-index: 600;
  }
  .col-1 {
    grid-column: 1;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[180px\] {
    margin-top: 180px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .\!mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .\!mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-\[2px\] {
    margin-bottom: 2px;
  }
  .mb-small {
    margin-bottom: var(--spacing-small);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .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;
  }
  .table {
    display: table;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .\!h-6 {
    height: calc(var(--spacing) * 6) !important;
  }
  .\!h-full {
    height: 100% !important;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[240px\] {
    height: 240px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-\[160px\] {
    max-height: 160px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-6 {
    width: calc(var(--spacing) * 6) !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-1\/3 {
    width: calc(1/3 * 100%);
  }
  .w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[calc\(50\%-16px\)\] {
    width: calc(50% - 16px);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-\[90vw\] {
    max-width: 90vw;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[960px\] {
    max-width: 960px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-1\/2 {
    flex: calc(1/2 * 100%);
  }
  .flex-2 {
    flex: 2;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-1 {
    flex-shrink: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .grow-1 {
    flex-grow: 1;
  }
  .basis-1\/1 {
    flex-basis: calc(1/1 * 100%);
  }
  .basis-1\/2 {
    flex-basis: calc(1/2 * 100%);
  }
  .basis-1\/3 {
    flex-basis: calc(1/3 * 100%);
  }
  .basis-1\/4 {
    flex-basis: calc(1/4 * 100%);
  }
  .basis-2\/3 {
    flex-basis: calc(2/3 * 100%);
  }
  .basis-3\/4 {
    flex-basis: calc(3/4 * 100%);
  }
  .basis-\[30\%\] {
    flex-basis: 30%;
  }
  .basis-\[50\%\] {
    flex-basis: 50%;
  }
  .\!translate-x-\[90\%\] {
    --tw-translate-x: 90% !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[6px\] {
    --tw-translate-y: calc(6px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[50px\] {
    --tw-translate-y: 50px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-\[5\%\] {
    gap: 5%;
  }
  .gap-large {
    gap: var(--spacing-large);
  }
  .gap-medium {
    gap: var(--spacing-medium);
  }
  .gap-small {
    gap: var(--spacing-small);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .space-x-3 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .self-end {
    align-self: flex-end;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .rounded-l-full {
    border-top-left-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-blue-400 {
    border-color: var(--color-blue-400);
  }
  .border-blue-600 {
    border-color: var(--color-blue-600);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/50 {
    background-color: var(--color-black);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-blue-800\/50 {
    background-color: color-mix(in srgb, #00446e 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent);
    }
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-gray-600 {
    background-color: var(--color-gray-600);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-green-600 {
    background-color: var(--color-green-600);
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-\[length\:18px_auto\] {
    background-size: 18px auto;
  }
  .bg-\[length\:24px_auto\] {
    background-size: 24px auto;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .\!mask-size-\[18px\] {
    mask-size: 18px !important;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-\[5px\] {
    padding: 5px;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-\[15px\] {
    padding-top: 15px;
  }
  .\!pr-10 {
    padding-right: calc(var(--spacing) * 10) !important;
  }
  .\!pr-12 {
    padding-right: calc(var(--spacing) * 12) !important;
  }
  .\!pr-14 {
    padding-right: calc(var(--spacing) * 14) !important;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-18 {
    padding-bottom: calc(var(--spacing) * 18);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-top {
    vertical-align: top;
  }
  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-\[48px\] {
    --tw-leading: 48px;
    line-height: 48px;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-dark {
    color: var(--color-dark) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-200 {
    color: var(--color-blue-200);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-current {
    color: currentcolor;
  }
  .text-current\/50 {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
  .text-current\/80 {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 80%, transparent);
    }
  }
  .text-dark {
    color: var(--color-dark);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-light {
    color: var(--color-light);
  }
  .text-orange-600 {
    color: var(--color-orange-600);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .placeholder-blue-300 {
    &::placeholder {
      color: var(--color-blue-300);
    }
  }
  .accent-blue-600 {
    accent-color: var(--color-blue-600);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .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), var(--tw-shadow);
  }
  .shadow-centered {
    --tw-shadow: 0 0 30px var(--tw-shadow-color, rgba(0, 0, 0, .15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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), 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: 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: 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: 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: 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, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .delay-700 {
    transition-delay: 700ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  .group-hover\:translate-x-\[2px\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: 2px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:bg-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .group-hover\:\!text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary) !important;
      }
    }
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:top-\[-90px\] {
    &::before {
      content: var(--tw-content);
      top: -90px;
    }
  }
  .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .before\:h-\[90px\] {
    &::before {
      content: var(--tw-content);
      height: 90px;
    }
  }
  .before\:w-full {
    &::before {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .before\:bg-blue-500 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-blue-500);
    }
  }
  .before\:opacity-60 {
    &::before {
      content: var(--tw-content);
      opacity: 60%;
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:top-\[-180px\] {
    &::after {
      content: var(--tw-content);
      top: -180px;
    }
  }
  .after\:left-0 {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
  .after\:h-\[90px\] {
    &::after {
      content: var(--tw-content);
      height: 90px;
    }
  }
  .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .after\:bg-blue-500 {
    &::after {
      content: var(--tw-content);
      background-color: var(--color-blue-500);
    }
  }
  .after\:\!pr-1 {
    &::after {
      content: var(--tw-content);
      padding-right: calc(var(--spacing) * 1) !important;
    }
  }
  .after\:\!pl-1 {
    &::after {
      content: var(--tw-content);
      padding-left: calc(var(--spacing) * 1) !important;
    }
  }
  .after\:\!text-\[0\.625rem\] {
    &::after {
      content: var(--tw-content);
      font-size: 0.625rem !important;
    }
  }
  .after\:opacity-25 {
    &::after {
      content: var(--tw-content);
      opacity: 25%;
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .first\:border-l-0 {
    &:first-child {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .hover\:bg-black {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-blue-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-200);
      }
    }
  }
  .hover\:bg-gray-300 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-300);
      }
    }
  }
  .hover\:bg-gray-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-700);
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:text-blue-200 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-200);
      }
    }
  }
  .hover\:text-current {
    &:hover {
      @media (hover: hover) {
        color: currentcolor;
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-slate-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-600);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:border-transparent {
    &:focus {
      border-color: transparent;
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-gray-300 {
    &:disabled {
      background-color: var(--color-gray-300);
    }
  }
  .sm\:right-4 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 4);
    }
  }
  .sm\:right-6 {
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 6);
    }
  }
  .sm\:bottom-6 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-span-10 {
    @media (width >= 40rem) {
      grid-column: span 10 / span 10;
    }
  }
  .sm\:col-span-12 {
    @media (width >= 40rem) {
      grid-column: span 12 / span 12;
    }
  }
  .sm\:mt-0 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .sm\:mr-6 {
    @media (width >= 40rem) {
      margin-right: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:right-\[10px\] {
    @media (width >= 48rem) {
      right: 10px;
    }
  }
  .md\:right-auto {
    @media (width >= 48rem) {
      right: auto;
    }
  }
  .md\:bottom-\[10px\] {
    @media (width >= 48rem) {
      bottom: 10px;
    }
  }
  .md\:left-\[10px\] {
    @media (width >= 48rem) {
      left: 10px;
    }
  }
  .md\:mt-6 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:\!h-8 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 8) !important;
    }
  }
  .md\:h-10 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .md\:h-16 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 16);
    }
  }
  .md\:h-32 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 32);
    }
  }
  .md\:h-\[24px\] {
    @media (width >= 48rem) {
      height: 24px;
    }
  }
  .md\:h-\[40px\] {
    @media (width >= 48rem) {
      height: 40px;
    }
  }
  .md\:h-auto {
    @media (width >= 48rem) {
      height: auto;
    }
  }
  .md\:\!w-8 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 8) !important;
    }
  }
  .md\:\!w-\[40px\] {
    @media (width >= 48rem) {
      width: 40px !important;
    }
  }
  .md\:w-10 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 10);
    }
  }
  .md\:w-16 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 16);
    }
  }
  .md\:w-18 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 18);
    }
  }
  .md\:w-32 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 32);
    }
  }
  .md\:w-\[24px\] {
    @media (width >= 48rem) {
      width: 24px;
    }
  }
  .md\:w-\[40px\] {
    @media (width >= 48rem) {
      width: 40px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:\!mask-size-\[28px\] {
    @media (width >= 48rem) {
      mask-size: 28px !important;
    }
  }
  .md\:p-6 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:p-\[10px\] {
    @media (width >= 48rem) {
      padding: 10px;
    }
  }
  .md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:px-8 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .md\:py-10 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .md\:text-2xl {
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .md\:text-3xl {
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .md\:text-xl {
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .md\:shadow-sm {
    @media (width >= 48rem) {
      --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), var(--tw-shadow);
    }
  }
  .md\:backdrop-blur-sm {
    @media (width >= 48rem) {
      --tw-backdrop-blur: blur(var(--blur-sm));
      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    }
  }
  .md\:after\:\!text-\[0\.875rem\] {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        font-size: 0.875rem !important;
      }
    }
  }
  .lg\:absolute {
    @media (width >= 64rem) {
      position: absolute;
    }
  }
  .lg\:right-0 {
    @media (width >= 64rem) {
      right: calc(var(--spacing) * 0);
    }
  }
  .lg\:bottom-0 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:bottom-16 {
    @media (width >= 64rem) {
      bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:left-8 {
    @media (width >= 64rem) {
      left: calc(var(--spacing) * 8);
    }
  }
  .lg\:\!mb-6 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 6) !important;
    }
  }
  .lg\:w-\[40px\] {
    @media (width >= 64rem) {
      width: 40px;
    }
  }
  .lg\:basis-1\/3 {
    @media (width >= 64rem) {
      flex-basis: calc(1/3 * 100%);
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:gap-8 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-x-7 {
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 7);
    }
  }
  .lg\:self-end {
    @media (width >= 64rem) {
      align-self: flex-end;
    }
  }
  .lg\:border-b-0 {
    @media (width >= 64rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .lg\:border-l {
    @media (width >= 64rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:pt-16 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pb-26 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 26);
    }
  }
  .lg\:text-4xl {
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .xl\:bottom-20 {
    @media (width >= 80rem) {
      bottom: calc(var(--spacing) * 20);
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:col-span-3 {
    @media (width >= 80rem) {
      grid-column: span 3 / span 3;
    }
  }
  .xl\:col-span-7 {
    @media (width >= 80rem) {
      grid-column: span 7 / span 7;
    }
  }
  .xl\:mr-8 {
    @media (width >= 80rem) {
      margin-right: calc(var(--spacing) * 8);
    }
  }
  .xl\:\!h-10 {
    @media (width >= 80rem) {
      height: calc(var(--spacing) * 10) !important;
    }
  }
  .xl\:\!w-10 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 10) !important;
    }
  }
  .xl\:w-22 {
    @media (width >= 80rem) {
      width: calc(var(--spacing) * 22);
    }
  }
  .xl\:p-8 {
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .xl\:py-14 {
    @media (width >= 80rem) {
      padding-block: calc(var(--spacing) * 14);
    }
  }
  .xl\:pt-20 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 20);
    }
  }
  .xl\:pb-30 {
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }
  .xl\:after\:\!text-\[1rem\] {
    @media (width >= 80rem) {
      &::after {
        content: var(--tw-content);
        font-size: 1rem !important;
      }
    }
  }
  .\32 xl\:right-10 {
    @media (width >= 96rem) {
      right: calc(var(--spacing) * 10);
    }
  }
  .\32 xl\:p-4 {
    @media (width >= 96rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .\[\&_a\.page-numbers\]\:rounded-md {
    & a.page-numbers {
      border-radius: var(--radius-md);
    }
  }
  .\[\&_a\.page-numbers\]\:border {
    & a.page-numbers {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .\[\&_a\.page-numbers\]\:border-gray-200 {
    & a.page-numbers {
      border-color: var(--color-gray-200);
    }
  }
  .\[\&_a\.page-numbers\]\:px-3 {
    & a.page-numbers {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_a\.page-numbers\]\:py-1\.5 {
    & a.page-numbers {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&_a\.page-numbers\]\:text-gray-700 {
    & a.page-numbers {
      color: var(--color-gray-700);
    }
  }
  .hover\:\[\&_a\.page-numbers\]\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        & a.page-numbers {
          background-color: var(--color-gray-50);
        }
      }
    }
  }
  .\[\&_img\]\:rounded-t-md {
    & img {
      border-top-left-radius: var(--radius-md);
      border-top-right-radius: var(--radius-md);
    }
  }
  .\[\&_li\]\:m-0 {
    & li {
      margin: calc(var(--spacing) * 0);
    }
  }
  .\[\&_span\.page-numbers\.current\]\:rounded-md {
    & span.page-numbers.current {
      border-radius: var(--radius-md);
    }
  }
  .\[\&_span\.page-numbers\.current\]\:bg-gray-900 {
    & span.page-numbers.current {
      background-color: var(--color-gray-900);
    }
  }
  .\[\&_span\.page-numbers\.current\]\:px-3 {
    & span.page-numbers.current {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&_span\.page-numbers\.current\]\:py-1\.5 {
    & span.page-numbers.current {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .\[\&_span\.page-numbers\.current\]\:text-white {
    & span.page-numbers.current {
      color: var(--color-white);
    }
  }
  .\[\&_ul\.page-numbers\]\:m-0 {
    & ul.page-numbers {
      margin: calc(var(--spacing) * 0);
    }
  }
  .\[\&_ul\.page-numbers\]\:flex {
    & ul.page-numbers {
      display: flex;
    }
  }
  .\[\&_ul\.page-numbers\]\:list-none {
    & ul.page-numbers {
      list-style-type: none;
    }
  }
  .\[\&_ul\.page-numbers\]\:justify-center {
    & ul.page-numbers {
      justify-content: center;
    }
  }
  .\[\&_ul\.page-numbers\]\:gap-2 {
    & ul.page-numbers {
      gap: calc(var(--spacing) * 2);
    }
  }
}
:root {
  --color-white: #ffffff;
  --color-black: #1A1A1A;
  --color-light: #F9FAFB;
  --color-dark: #00131F;
  --color-primary: #0077C0;
}
:root {
  --spacing-small: 24px;
  --spacing-medium: 40px;
  --spacing-large: 80px;
  --spacing-xlarge: 120px;
}
:root {
  --reset-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='40px' height='40px' viewBox='-0.5 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21.32L21 3.32001' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3.32001L21 21.32' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --search-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='40px' height='40px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9536 14.9458L21 21M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --external-icon-light: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23FFFFFF; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-dark: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23000000; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --external-icon-primary: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 800 800'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %231E40AF; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M700,175l-275,275-75-75L625,100h-125V0h300v300h-100v-125ZM300,0v100H100v600h600v-200h100v300H0V0h300Z'/%3E%3C/svg%3E");
  --map-icon-light: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 18'%3E%3C!-- Generator: Adobe Illustrator 30.0.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 123) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M19.6.1c-.3-.2-.6-.2-.8,0l-5.7,2.9L7.3,0s0,0,0,0c-.1,0-.2,0-.3,0h0c-.1,0-.2,0-.3,0,0,0,0,0,0,0L.5,3.1c-.3.1-.5.4-.5.8v13.2c0,.3.2.6.4.7.1,0,.3.1.4.1s.3,0,.4,0l5.7-2.9,5.7,2.9s0,0,0,0c.1,0,.2,0,.4,0s.2,0,.4,0c0,0,0,0,0,0l6.1-3.1c.3-.1.5-.4.5-.8V.8c0-.3-.2-.6-.4-.7ZM7.8,2.2l4.4,2.2v11.3l-4.4-2.2V2.2ZM1.7,4.4l4.4-2.2v11.3l-4.4,2.2V4.4ZM18.3,13.6l-4.4,2.2V4.4l4.4-2.2v11.3Z'/%3E%3C/svg%3E");
  --map-icon-dark: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 18'%3E%3C!-- Generator: Adobe Illustrator 30.0.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 123) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %231A1A1A; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M19.6.1c-.3-.2-.6-.2-.8,0l-5.7,2.9L7.3,0s0,0,0,0c-.1,0-.2,0-.3,0h0c-.1,0-.2,0-.3,0,0,0,0,0,0,0L.5,3.1c-.3.1-.5.4-.5.8v13.2c0,.3.2.6.4.7.1,0,.3.1.4.1s.3,0,.4,0l5.7-2.9,5.7,2.9s0,0,0,0c.1,0,.2,0,.4,0s.2,0,.4,0c0,0,0,0,0,0l6.1-3.1c.3-.1.5-.4.5-.8V.8c0-.3-.2-.6-.4-.7ZM7.8,2.2l4.4,2.2v11.3l-4.4-2.2V2.2ZM1.7,4.4l4.4-2.2v11.3l-4.4,2.2V4.4ZM18.3,13.6l-4.4,2.2V4.4l4.4-2.2v11.3Z'/%3E%3C/svg%3E");
  --quote-icon: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.62231 6.78278C10.0546 6.43909 10.1265 5.81001 9.78277 5.3777C9.43908 4.94539 8.81001 4.87354 8.37769 5.21724C4.73471 8.11342 4 11.8784 4 16C4 17.6569 5.34315 19 7 19C8.65685 19 10 17.6569 10 16C10 14.3432 8.65685 13 7 13C6.71233 13 6.43412 13.0405 6.17076 13.1161C6.5162 10.5872 7.45738 8.50391 9.62231 6.78278ZM20 16C20 17.6569 18.6569 19 17 19C15.3431 19 14 17.6569 14 16C14 11.8784 14.7347 8.11342 18.3777 5.21724C18.81 4.87354 19.4391 4.94539 19.7828 5.3777C20.1265 5.81001 20.0546 6.43909 19.6223 6.78278C17.4574 8.50391 16.5162 10.5872 16.1708 13.1161C16.4341 13.0405 16.7123 13 17 13C18.6569 13 20 14.3432 20 16Z' fill='%23000000'/%3E%3C/svg%3E");
  --send-icon: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 21 21'%3E%3C!-- Generator: Adobe Illustrator 30.0.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 123) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M20.3,1c0,0,0-.2,0-.3,0,0,0,0,0,0,0,0,0-.2-.2-.3,0,0,0,0,0,0s0,0,0,0c0,0,0,0,0,0-.3-.3-.7-.4-1-.2L1,6.6s0,0-.1,0c-.3.2-.6.5-.7.8-.3.8,0,1.7.7,2l6.7,3.4,3.3,6.7c.2.3.4.6.8.8.2,0,.4.1.6.1.6,0,1.2-.3,1.4-.9,0,0,0,0,0,0L20.3,1.4c0-.1,0-.2,0-.3,0,0,0,0,0,0ZM15.5,3.4l-7.4,7.4-5.5-2.7L15.5,3.4ZM12.3,17.7l-2.7-5.4,7.3-7.3-4.6,12.8Z'/%3E%3C/svg%3E");
  --arrow-left-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18' /%3E%3C/svg%3E%0A");
  --arrow-right-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3' /%3E%3C/svg%3E%0A");
  --arrow-down-icon: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'%3E%3C!-- Generator: Adobe Illustrator 30.0.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 123) --%3E%3Cpath d='M12,21.8c-.1,0-.2,0-.3,0,0,0-.2,0-.2-.2l-7.5-7.5c-.3-.3-.3-.8,0-1.1s.8-.3,1.1,0l6.2,6.2V3c0-.4.3-.8.8-.8s.8.3.8.8v16.2l6.2-6.2c.3-.3.8-.3,1.1,0s.3.8,0,1.1l-7.5,7.5c0,0-.2.1-.2.2,0,0-.2,0-.3,0Z'/%3E%3C/svg%3E");
}
@layer utilities {
  .icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 16px;
    background-color: currentColor;
  }
  .icon-sm {
    mask-size: 16px;
  }
  .icon-md {
    mask-size: 24px;
  }
  .icon-lg {
    mask-size: 32px;
  }
  .icon-xl {
    mask-size: 48px;
  }
  .icon-arrow-left {
    mask-image: var(--arrow-left-icon);
  }
  .icon-arrow-right {
    mask-image: var(--arrow-right-icon);
  }
  .icon-search {
    mask-image: var(--search-icon);
  }
}
.page-theme--primary {
  .header-wrapper {
    background-color: var(--color-blue-500);
    color: var(--color-white);
    h1 {
      color: var(--color-white);
    }
  }
}
.page-theme--red {
  .header-wrapper {
    background-color: var(--color-red-500);
    color: var(--color-white);
    h1 {
      color: var(--color-white);
    }
  }
}
.page-theme--green {
  .header-wrapper {
    background-color: var(--color-green-500);
    color: var(--color-white);
    h1 {
      color: var(--color-white);
    }
  }
}
.page-theme--yellow {
  .header-wrapper {
    background-color: var(--color-yellow-500);
    color: var(--color-black);
    h1 {
      color: var(--color-black);
    }
  }
}
.page-theme--orange {
  .header-wrapper {
    background-color: var(--color-orange-500);
    color: var(--color-white);
    h1 {
      color: var(--color-white);
    }
  }
}
.header-wrapper {
  figure {
    img {
      width: 100%;
      height: auto;
      vertical-align: top;
      height: 100%;
      width: 50vw;
      -o-object-fit: cover;
      object-fit: cover;
      max-width: none;
    }
  }
}
:root {
  color-scheme: only light;
}
html {
  color-scheme: light;
  font-synthesis-weight: none;
  font-synthesis-style: none;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html, body {
  overscroll-behavior-y: contain;
}
body {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  color: var(--color-dark);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  @media (width >= 48rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  input {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
}
.container {
  margin-inline: auto;
  padding-inline: calc(var(--spacing) * 4);
}
:root {
  --vh: 1vh;
}
@supports (-webkit-appearance: none) {
  .ios-vh-fix {
    height: calc(var(--vh, 1vh) * 100) !important;
  }
}
.h-screen-fix {
  height: calc(var(--vh, 1vh) * 100);
}
[x-cloak] {
  display: none;
}
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.leaflet-tile::selection {
  background: transparent;
}
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block;
}
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}
.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}
.leaflet-pane {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-top, .leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 0;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
  transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}
.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane, .leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {
  pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}
.leaflet-container a {
  color: #0078A8;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255,255,255,0.5);
}
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0,0,0,0.65);
  border-radius: 4px;
}
.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover, .leaflet-bar a:focus {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}
.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}
.leaflet-default-icon-path {
  background-image: url(images/marker-icon.png);
}
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.leaflet-control-attribution, .leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus {
  text-decoration: underline;
}
.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0,0,0,0.2);
  background-clip: padding-box;
}
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}
.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}
.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}
.leaflet-popup-scrolled {
  overflow: auto;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
}
.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}
.leaflet-oldie .marker-cluster-small {
  background-color: rgb(181, 226, 140);
}
.leaflet-oldie .marker-cluster-small div {
  background-color: rgb(110, 204, 57);
}
.leaflet-oldie .marker-cluster-medium {
  background-color: rgb(241, 211, 87);
}
.leaflet-oldie .marker-cluster-medium div {
  background-color: rgb(240, 194, 12);
}
.leaflet-oldie .marker-cluster-large {
  background-color: rgb(253, 156, 115);
}
.leaflet-oldie .marker-cluster-large div {
  background-color: rgb(241, 128, 23);
}
.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}
.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster span {
  line-height: 30px;
}
.leaflet-control-geosearch *, .leaflet-control-geosearch *:before, .leaflet-control-geosearch *:after {
  box-sizing: border-box;
}
.leaflet-control-geosearch .leaflet-bar-part {
  border-radius: 4px;
  border-bottom: none;
}
.leaflet-control-geosearch a.leaflet-bar-part:before, .leaflet-control-geosearch a.leaflet-bar-part:after {
  position: absolute;
  display: block;
  content: '';
}
.leaflet-control-geosearch a.leaflet-bar-part:before {
  top: 17px;
  left: 15px;
  width: 6px;
  border-top: 2px solid #555;
  transform: rotateZ(45deg);
}
.leaflet-control-geosearch a.leaflet-bar-part:after {
  top: 10px;
  left: 10px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  border: 2px solid #555;
}
.leaflet-control-geosearch.error a.leaflet-bar-part:before, .leaflet-control-geosearch.pending a.leaflet-bar-part:before {
  display: none;
}
.leaflet-control-geosearch.pending a.leaflet-bar-part:after, .leaflet-control-geosearch.error a.leaflet-bar-part:after {
  left: 50%;
  top: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border-radius: 50%;
}
.leaflet-control-geosearch.pending a.leaflet-bar-part:after {
  content: '';
  border: 2px solid #555;
  border-top: 2px solid #f3f3f3;
  animation: spin 1s linear infinite;
}
.leaflet-control-geosearch.error a.leaflet-bar-part:after {
  content: '!';
  line-height: initial;
  font-weight: 600;
  font-size: 18px;
  border: none;
}
.leaflet-control-geosearch form {
  display: none;
  position: absolute;
  top: 0;
  left: 30px;
  border-radius: 0 4px 4px 0;
  background-color: #fff;
  background-clip: padding-box;
  z-index: -1;
  height: auto;
  margin: 0;
  padding: 0 8px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
}
.leaflet-geosearch-button form.open {
  border-radius: 0 4px 4px 4px;
}
.leaflet-control-geosearch.active form {
  display: block;
}
.leaflet-geosearch-button.active .leaflet-bar-part {
  border-radius: 4px 0 0 4px;
  width: 30px;
}
.leaflet-geosearch-button form {
  max-width: 350px;
}
.leaflet-control-geosearch form input {
  min-width: 200px;
  width: 100%;
  outline: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  height: 30px;
  border: none;
  border-radius: 0 4px 4px 0;
  text-indent: 8px;
}
.leaflet-touch .leaflet-geosearch-bar form {
  border: 2px solid rgba(0,0,0,0.2);
  box-shadow: none;
}
.leaflet-touch .leaflet-geosearch-bar form input {
  height: 30px;
}
.leaflet-control-geosearch .results {
  background: #fff;
}
.leaflet-control-geosearch .results > * {
  line-height: 24px;
  padding: 0 8px;
  border: 1px solid transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.leaflet-control-geosearch .results.active {
  padding: 8px 0;
  border-top: 1px solid #c6c6c6;
}
.leaflet-control-geosearch .results > .active, .leaflet-control-geosearch .results > :hover {
  background-color: #f8f8f8;
  border-color: #c6c6c6;
  cursor: pointer;
}
.leaflet-control-geosearch .results.active:after {
  content: '';
  display: block;
  width: 0;
  position: absolute;
  left: -2px;
  bottom: -2px;
  top: 30px;
}
.leaflet-touch .leaflet-control-geosearch .results.active:after {
  border-left: 2px solid rgba(0, 0, 0, .2);
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.leaflet-top .leaflet-geosearch-bar, .leaflet-bottom .leaflet-geosearch-bar {
  display: none;
}
.leaflet-geosearch-bar {
  position: relative;
  display: block;
  height: auto;
  width: 400px;
  max-width: calc(100% - 120px);
  margin: 10px auto 0;
  cursor: auto;
  z-index: 1000;
}
.leaflet-geosearch-bar form {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  border-radius: 4px;
}
.leaflet-geosearch-bar form input {
  min-width: 100%;
  width: 100%;
}
.leaflet-geosearch-bar .results.active:after {
  opacity: .2;
}
.leaflet-right .leaflet-control-geosearch form {
  right: 28px;
  left: initial;
  border-radius: 4px 0 0 4px;
  border-left: inherit;
  border-right: none;
}
.leaflet-bar-notfound {
  font-style: italic;
}
.leaflet-control-geosearch button.reset {
  color: black;
  font-weight: bold;
  position: absolute;
  line-height: 26px;
  padding: 0 8px;
  right: 0;
  top: 0;
  cursor: pointer;
  border: none;
  text-decoration: none;
  background-color: #fff;
  border-radius: 0 4px 4px 0;
}
.leaflet-touch .leaflet-control-geosearch button.reset {
  line-height: 30px;
}
.leaflet-control-geosearch button.reset:hover {
  background: #f5f5f5;
}
:root {
  --var-default-bg: #0077c0;
  --var-default-bg-hover: #005b93;
  --var-cluster-b: #c1eda4;
  --var-cluster-bg: #85d74f;
  --var-cluster-text: #3b5720;
  --var-top-b: #eeabb4;
  --var-top-bg: #c41129;
  --var-top-text: #efd6da;
  --var-var-b: #a4c5da;
  --var-var-bg: #0077c0;
  --var-boei-bg: #ee8d0e;
  --var-schade-bg: #c50000;
  --var-schade-bg-hover: #9d1b2f;
}
[x-cloak] {
  display: none !important;
}
.schade-location-marker {
  background: transparent !important;
  border: none !important;
}
.schade-marker-pin {
  width: 20px;
  height: 20px;
  background: var(--var-schade-bg);
  border: 3px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.leaflet-container {
  width: 100%;
  height: 100%;
}
.leaflet-container .leaflet-control-attribution {
  font-size: 11px;
  transform: translate3d(0, 10px, 0);
  padding: 0;
}
.leaflet-control-attribution svg {
  display: none;
  width: 0 !important;
  visibility: hidden;
}
.leaflet-pane, .leaflet-top, .leaflet-bottom {
  z-index: 400;
}
.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 300;
}
.leaflet-shadow-pane {
  z-index: 400;
}
.leaflet-marker-pane {
  z-index: 500;
}
.leaflet-popup-pane {
  z-index: 700;
}
.leaflet-top.leaflet-left, .leaflet-top.leaflet-right {
  margin-top: 10px;
}
.leaflet-bottom.leaflet-left, .leaflet-bottom.leaflet-right {
  margin-bottom: 10px;
}
.leaflet-top .leaflet-control, .leaflet-bottom .leaflet-control {
  margin: 0 10px 10px 10px !important;
}
.leaflet-bar {
  border: none !important;
}
.leaflet-control-zoom a {
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-weight: 700;
}
@media (pointer: coarse) {
  .leaflet-control-zoom a {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}
.leaflet-geosearch-button a {
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-weight: 700;
  background-position: center;
  background-size: 24px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='40px' height='40px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 24.57l-5.647-5.648a8.895 8.895 0 0 0 1.522-4.984C22.875 9.01 18.867 5 13.938 5 9.01 5 5 9.01 5 13.938c0 4.929 4.01 8.938 8.938 8.938a8.887 8.887 0 0 0 4.984-1.522L24.568 27 27 24.57zm-13.062-4.445a6.194 6.194 0 0 1-6.188-6.188 6.195 6.195 0 0 1 6.188-6.188 6.195 6.195 0 0 1 6.188 6.188 6.195 6.195 0 0 1-6.188 6.188z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.leaflet-geosearch-button a::before, .leaflet-geosearch-button a::after {
  content: '' !important;
  display: none !important;
}
@media (pointer: coarse) {
  .leaflet-geosearch-button a {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}
.leaflet-control-geosearch form input {
  font-size: 1rem !important;
  border: none;
  outline: none;
  height: 44px !important;
  line-height: 44px;
  width: 100%;
}
.leaflet-control-geosearch form {
  right: 40px;
  min-width: 320px !important;
  max-width: 90vw !important;
}
.home-button {
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  color: white;
  background-color: var(--var-default-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='40px' height='40px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 18.5H6.5V8.66667L3 11L12 5L21 11L17.5 8.66667V18.5H13.5M10.5 18.5V13.5H13.5V18.5M10.5 18.5H13.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  text-decoration: none;
  display: block;
  transition: background-color .35s ease-out;
  &:hover {
    background-color: var(--var-default-bg-hover);
  }
}
.schade-button {
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  color: white;
  background-color: var(--var-schade-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' width='40px' height='40px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Edamage_kinetic%3C/title%3E%3Cpath d='M30.83 30.773c-0.233 0.070-0.349-0.045-0.473-0.103-3.406-1.623-6.832-3.204-10.115-5.071-0.091-0.052-0.204-0.108-0.32-0.157l-0.023-0.009c-0.559-0.237-0.816-0.158-1.126 0.378-0.126 0.221-0.261 0.494-0.381 0.774l-0.022 0.057c-0.74 1.654-1.474 3.312-2.218 4.966-0.057 0.127-0.080 0.284-0.251 0.391-0.273-0.571-0.546-1.131-0.809-1.695q-0.958-2.044-1.913-4.091c-0.085-0.19-0.169-0.347-0.263-0.498l0.010 0.018c-0.263-0.417-0.558-0.517-1.019-0.334-0.212 0.095-0.387 0.187-0.555 0.288l0.023-0.013c-3.301 1.791-6.633 3.523-9.956 5.261-0.063 0.052-0.145 0.083-0.234 0.083-0.010 0-0.021-0-0.031-0.001l0.001 0c-0.121-0.129 0.028-0.23 0.072-0.328 1.607-3.452 3.185-6.92 5.092-10.223 0.045-0.079 0.090-0.158 0.127-0.241 0.29-0.655 0.116-1.128-0.546-1.42-0.614-0.27-1.242-0.508-1.856-0.785-1.351-0.608-2.697-1.238-4.045-1.859 0.062-0.218 0.249-0.226 0.387-0.292q2.621-1.253 5.259-2.493c0.082-0.039 0.166-0.074 0.247-0.109 0.805-0.399 0.914-0.724 0.476-1.506-1.044-1.879-2.038-3.776-3.025-5.675q-1.168-2.244-2.322-4.497c-0.052-0.102-0.166-0.194-0.12-0.337 0.166-0.076 0.282 0.050 0.402 0.109 3.435 1.643 6.88 3.268 10.206 5.132 0.015 0.009 0.028 0.022 0.045 0.031 0.848 0.455 1.158 0.359 1.565-0.531 0.835-1.83 1.658-3.668 2.486-5.502 0.073-0.161 0.102-0.348 0.293-0.494 0.347 0.764 0.689 1.512 1.026 2.263q0.793 1.762 1.579 3.526c0.029 0.067 0.059 0.133 0.090 0.199 0.429 0.914 0.764 1.024 1.659 0.52 3.286-1.856 6.661-3.544 10.026-5.251 0.091-0.046 0.175-0.129 0.299-0.109 0.073 0.161-0.053 0.275-0.109 0.394-1.604 3.434-3.193 6.88-5.051 10.185-0.009 0.016-0.022 0.030-0.029 0.046-0.442 0.835-0.358 1.136 0.507 1.529 1.849 0.842 3.664 1.754 5.485 2.652l0.302 0.156c-0.074 0.204-0.278 0.212-0.427 0.278-1.719 0.775-3.443 1.54-5.164 2.31-1.092 0.488-1.192 0.794-0.608 1.826 1.896 3.352 3.598 6.8 5.346 10.251zM7.572 7.754c-0.016-0.050-0.055-0.091-0.094-0.046s0.007 0.074 0.056 0.082c0.048 0.312 0.236 0.566 0.376 0.835 0.954 1.856 1.92 3.698 2.887 5.556-1.27 0.604-2.537 1.208-3.858 1.838 1.31 0.681 2.602 1.239 3.88 1.821-1.192 2.14-2.203 4.307-3.167 6.494l0.095 0.079c2.1-1.104 4.2-2.207 6.321-3.323l1.866 3.943 1.78-3.957c2.146 1.179 4.311 2.206 6.544 3.218-0.012-0.071-0.027-0.133-0.045-0.193l0.003 0.010c-0.988-1.981-1.973-3.962-3.040-5.897-0.218-0.398-0.218-0.399 0.211-0.592 0.828-0.369 1.659-0.733 2.484-1.107 0.287-0.131 0.596-0.218 0.915-0.463l-3.81-1.876q1.778-3.23 3.267-6.574c-2.218 1.052-4.383 2.141-6.536 3.336l-1.823-4.040c-0.624 1.377-1.22 2.691-1.824 4.024-1.92-1.064-3.853-1.983-5.788-2.893-0.227-0.104-0.439-0.259-0.701-0.276z'%3E%3C/path%3E%3Cpath d='M15.906 12.777c1.75 0.009 3.165 1.43 3.165 3.181 0 1.757-1.424 3.181-3.181 3.181s-3.181-1.424-3.181-3.181c0-0 0-0.001 0-0.001v0c0.006-1.758 1.432-3.18 3.191-3.18 0.002 0 0.005 0 0.007 0h-0zM16.799 15.935c-0.012-0.483-0.406-0.871-0.891-0.871-0.492 0-0.891 0.399-0.891 0.891 0 0.007 0 0.015 0 0.022l-0-0.001c0.019 0.48 0.413 0.863 0.896 0.863 0.015 0 0.030-0 0.044-0.001l-0.002 0c0.473-0.034 0.844-0.426 0.844-0.905 0 0 0-0 0-0v0z'%3E%3C/path%3E%3C/svg%3E");
  cursor: pointer;
  transition: background-color .35s ease-out;
  &:hover {
    background-color: var(--var-schade-bg-hover);
  }
}
.cluster-icon {
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--var-cluster-bg);
  color: var(--var-cluster-text);
  font-weight: 800;
  border: 3px solid var(--var-cluster-b);
  box-shadow: 0 0 0 2px rgba(0,0,0,0);
  transition: box-shadow .35s ease-out;
}
.cluster-icon:hover {
  box-shadow: 0 0 0 3px rgba(0,0,0,.2);
}
.custom-point-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  color: #000;
  border: 2px solid #333;
  font-size: 9px;
  font-weight: 700;
  box-shadow: 0 0 0 2px rgba(0,0,0,0);
  transition: box-shadow .35s ease-out;
}
.custom-point-icon span {
  display: inline-block;
  padding: 0 4px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 26px;
}
.custom-point-icon:hover {
  box-shadow: 0 0 0 3px rgba(0,0,0,.2);
}
.fkp-point {
  border-color: rgb(3, 60, 40);
  background: #e6f2ec;
}
.wnt-point {
  border-color: rgb(89, 18, 29);
  background: #f8ecee;
}
.var-point {
  border-color: var(--var-var-b);
  background: var(--var-var-bg);
  color: white;
  width: 34px;
  height: 34px;
}
.var-point span {
  max-width: 30px;
  padding: 0 2px;
}
.top-icon {
  background: var(--var-top-bg);
  color: var(--var-top-text);
  border: 2px solid var(--var-top-b);
  span {
    display: none;
  }
  &::before {
    content: 'TOP';
  }
}
.custom-point-icon .badge {
  position: absolute;
  top: -5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid var(--var-var-bg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.badge-vogel {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80px' height='80px' viewBox='0 0 564.377 564.377' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M563.473,528.105c-6.438-20.959-11-37.96-21.216-57.463c-9.764-18.638-17.532-38.213-29.441-55.867 c-8.907-13.199-15.12-28.214-22.55-42.412c-4.003-7.653-7.716-15.52-16.74-18.764c-7.896-2.836-15.773-5.704-23.652-8.58 c-3.721-1.718-7.613-3.142-11.64-4.256c-2.946-1.077-5.892-2.154-8.842-3.231c-15.794-5.765-31.012-12.778-44.823-22.415 c-8.809-6.148-17.078-13.064-25.63-19.588c-3.664-2.795-5.101-5.904-3.505-10.702c1.122-3.37,0.722-7.229,1.122-10.857 c0.473-4.28,0.759-8.629,1.787-12.783c0.42-1.697,2.321-3.48,3.998-4.325c4.129-2.068,8.604-3.431,12.783-5.414 c6.862-3.256,9.856-2.889,15.744,2.073c1.253,1.053,3.488,2.415,4.55,1.958c4.357-1.881,5.3-6.022,5.365-10.347 c0.004-0.2-0.025-0.375-0.033-0.567c0.208-2.163-0.502-4.407-2.13-6.03l-2.664-2.665c-1.208-1.208-2.75-1.897-4.35-2.093 c-1.22-0.465-2.443-0.91-3.696-1.024c-0.897-0.085-1.778-0.188-2.64-0.314l-1.347-0.53c-0.877-0.347-1.782-0.437-2.676-0.343 c-0.192-0.057-0.388-0.114-0.576-0.175c-0.534-0.286-1.102-0.514-1.692-0.665c-3.027-1.354-5.578-3.562-7.381-7.291 c-1.069-2.211-3.276-4.513-5.508-5.414c-11.824-4.762-23.819-4.982-34.938,1.729c-5.753,3.472-10.742,8.287-15.834,12.767 c-9.352,8.217-19.156,9.82-27.564,3.492c-7.014-5.275-14.399-10.481-20.029-17.075c-9.025-10.571-17.833-21.632-24.753-33.627 c-11.257-19.515-20.882-39.967-31.294-59.972c-1.199-2.301-2.591-4.929-4.639-6.295c-9.898-6.618-19.674-13.59-30.208-19.054 c-15.002-7.78-31.13-13.468-45.863-21.689C114.644,69.183,96.9,64.564,79.442,58.942c-11.004-3.542-22.648-5.247-33.411-9.335 C31.71,44.168,17.969,37.212,3.978,30.908H0c0.645,1.29,1.188,2.64,1.955,3.852c2.02,3.191,4.239,6.255,6.185,9.486 c1.342,2.228,2.26,4.708,3.566,6.96c0.751,1.293,2.048,2.264,2.856,3.533c4.712,7.405,9.021,15.121,16.887,19.877 c0.84,0.506,1.114,1.869,1.856,2.624c4.606,4.684,9.298,9.286,13.913,13.966c1.897,1.922,3.346,4.472,5.553,5.867 c5.524,3.493,11.31,6.589,17.099,9.637c2.02,1.061,6.104,1.24,6.267,2.289c0.885,5.639,6.564,5.039,9.229,6.014 c8.576,3.137,15.854,9.278,25.646,9.976c6.52,0.465,12.881,3.7,19.213,5.973c2.093,0.75,3.958,2.248,5.798,3.578 c4.941,3.578,9.474,7.919,14.827,10.673c4.182,2.15,5.932,5.304,7.495,9.094c1.347,3.264,2.677,6.532,4.035,9.788 c0.551,1.318,1.184,2.604,1.734,3.921c0.975,2.334,1.644,4.843,2.933,6.985c1.506,2.501,3.954,4.476,5.268,7.046 c3.452,6.773,6.304,13.856,9.788,20.612c0.445,0.857,0.918,1.701,1.379,2.55c1.436,4.558,3.762,8.67,6.916,12.081 c0.775,1.338,1.542,2.676,2.289,4.027c2.203,3.99,3.207,9.221,6.405,11.958c6.01,5.133,5.5,14.411,13.219,18.458 c2.317,1.216,2.473,6.283,4.007,9.396c0.689,1.404,2.33,2.342,3.537,3.493c0.379,1.546,1.31,2.815,2.105,4.166 c1.73,2.934,3.603,5.814,5.01,8.899c1.114,2.448,1.358,5.291,2.472,7.744c1.302,2.859,0.119,13.284-1.587,15.977 c-4.676,7.377-9.857,14.59-13.366,22.518c-9.314,21.062-21.069,39.548-43.676,48.564c-1.2,0.478-2.599,2.771-2.419,3.994 c0.693,4.688,1.995,9.29,3.076,13.966c-5.234,3.121-10.31,6.148-15.341,9.151c5.524,11.392,5.524,11.392,11.208,8.621 c2.693,2.778,5.128,5.292,8.095,8.352c3.692-2.146,8.017-3.822,11.244-6.724c0.437-0.392,0.881-0.747,1.326-1.085 c2.248-0.979,4.418-2.077,6.516-3.289c3.191-0.975,6.565-1.297,10.049-1.51c5.075-0.31,9.567-1.484,11.815-7.103 c3.15-7.866,8.527-13.896,16.806-16.659c8.952-2.986,17.878-6.152,27.018-8.438c11.102-2.774,21.726-6.475,30.348-14.12 c4.292-3.807,8.854-3.081,13.007-1.804c13.966,4.3,27.687,9.392,41.575,13.945c7.752,2.542,15.708,4.447,23.472,6.948 c9.535,3.072,18.948,6.516,28.454,9.678c2.746,0.914,5.716,1.184,8.434,2.158c4.019,1.444,7.76,3.949,11.869,4.778 c10.253,2.072,20.139,5.218,29.326,10.024c3.673,1.921,7.022,5.435,9.205,9.021c4.965,8.147,9.184,16.753,13.578,25.239 c4.309,8.311,8.335,16.769,12.762,25.019c1.277,2.374,3.428,4.312,5.32,6.319c1.845,1.955,3.896,3.709,5.807,5.61 c2.786,2.774,5.487,5.63,8.303,8.372c0.93,0.906,2.562,1.351,3.06,2.395c2.432,5.112,5.528,9.115,11.358,10.931 c2.285,0.71,3.986,3.452,5.822,5.394c1.702,1.8,2.995,4.048,4.876,5.603c6.769,5.589,13.709,10.967,20.388,16.267 c-0.045,0.216,0.131-0.648,0.388-1.918c2.9,5.912,2.35-0.656,3.811-0.905c1.326,5.896,4.097,10.481,9.939,12.57 c4.01,0.926,2.908-1.979,2.994-3.994C564.027,528.905,563.611,528.546,563.473,528.105z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-color: var(--var-var-bg);
}
.badge-winter {
  background-image: url("data:image/svg+xml,%0A%3Csvg fill='%23fff' width='40px' height='40px' viewBox='-1 0 19 19' xmlns='http://www.w3.org/2000/svg' class='cf-icon-svg'%3E%3Cpath d='M16.11 10.317a.554.554 0 0 1-.204.757l-1.83 1.053.943.545a.554.554 0 1 1-.554.96l-.953-.55-.003 2.13a.554.554 0 0 1-.554.553.554.554 0 0 1-.554-.555l.004-2.768-3.35-1.934v3.873l2.39 1.38a.554.554 0 0 1-.554.96l-1.837-1.06v1.094a.554.554 0 0 1-1.108 0V15.66l-1.837 1.06a.554.554 0 0 1-.554-.96l2.39-1.38v-3.873l-3.35 1.934.004 2.768a.554.554 0 0 1-.553.555h-.001a.554.554 0 0 1-.554-.553l-.003-2.13-.953.55a.554.554 0 1 1-.554-.96l.943-.545-1.83-1.054a.554.554 0 1 1 .553-.96l2.386 1.374 3.358-1.94L4.033 7.61 1.647 8.983a.554.554 0 1 1-.553-.961l1.83-1.053-.943-.545a.554.554 0 1 1 .554-.96l.953.55.003-2.13a.554.554 0 0 1 .554-.554.554.554 0 0 1 .554.555l-.004 2.768 3.35 1.935V4.715l-2.39-1.38a.554.554 0 0 1 .554-.96l1.837 1.06V2.341a.554.554 0 1 1 1.108 0v1.094l1.837-1.06a.554.554 0 0 1 .554.96l-2.39 1.38v3.873l3.35-1.935-.004-2.768a.554.554 0 0 1 .553-.554h.001a.554.554 0 0 1 .554.553l.003 2.13.953-.55a.554.554 0 1 1 .554.96l-.943.545 1.83 1.053a.554.554 0 1 1-.553.96L12.966 7.61 9.61 9.548l3.357 1.939 2.387-1.374a.554.554 0 0 1 .757.204z'/%3E%3C/svg%3E");
  background-color: var(--var-var-bg);
}
.badge-boei {
  top: -4px;
  width: 12px !important;
  height: 12px !important;
  background: var(--var-boei-bg);
}
.blocked-marker {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--var-schade-bg);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
}
.blocked-marker span {
  transform: translateY(-1px);
}
.leaflet-popup.blocked-popup .leaflet-popup-content {
  margin: 10px 12px;
}
.leaflet-popup.blocked-popup h3 {
  margin: 0 0 6px 0;
  font: inherit;
  font-weight: 700;
  color: #7f1d1d;
}
.leaflet-popup.blocked-popup table {
  border-collapse: collapse;
  width: 100%;
}
.leaflet-popup.blocked-popup td {
  padding: 3px 0;
  border-top: 1px solid #eee;
  vertical-align: top;
}
.leaflet-popup.blocked-popup td:first-child {
  padding-right: 8px;
  color: #7f1d1d;
  white-space: nowrap;
}
.leaflet-popup.var-popup .leaflet-popup-content {
  margin: 12px 14px;
}
.leaflet-popup.var-popup .var-heading {
  margin: 0 0 8px 0;
  font-weight: 700;
  color: #0c4a6e;
}
.leaflet-popup.var-popup small {
  font-weight: 400;
  color: #475569;
}
.leaflet-popup.var-popup table {
  border-collapse: collapse;
  width: 100%;
}
.leaflet-popup.var-popup td {
  padding: 4px 0;
  border-top: 1px solid #eef2f7;
  vertical-align: top;
}
.leaflet-popup.var-popup td:first-child {
  padding-right: 10px;
  color: #475569;
  white-space: nowrap;
}
.leaflet-popup {
  animation: none;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  animation: popupFadeIn .2s ease-out;
  will-change: transform, opacity;
}
@keyframes popupFadeIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.leaflet-popup-content-wrapper {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.kaart-filter {
  display: flex;
  align-items: center;
  gap: .25rem;
  padding: 0 .25rem;
  cursor: pointer;
  user-select: none;
}
.kaart-filter input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.kaart-filter img {
  width: 40px;
  height: 40px;
  transition: all .3s ease-in-out;
  opacity: .3;
  filter: grayscale(100%);
}
.kaart-filter span {
  font-size: 1rem;
  transition: opacity .3s ease-in-out;
  opacity: .5;
}
.kaart-filter input[type="checkbox"]:checked ~ img, .kaart-filter--active img {
  opacity: 1;
  filter: grayscale(0%);
}
.kaart-filter input[type="checkbox"]:checked ~ span, .kaart-filter--active span {
  opacity: 1;
}
.kaart-filter:hover img {
  opacity: .7;
  filter: grayscale(50%);
}
.kaart-filter input[type="checkbox"]:focus-visible ~ img {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
  border-radius: .375rem;
}
.kaart-filter--active {
  background-color: rgba(59, 130, 246, 0.1);
  border-radius: .375rem;
}
.leaflet-container a {
  color: inherit;
}
.leaflet-container .leaflet-control {
  backdrop-filter: saturate(120%) blur(6px);
}
@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: 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);
  -webkit-backface-visibility: hidden;
  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 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);
  }
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  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%;
  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: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  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: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  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: 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: var(--swiper-pagination-bottom, 8px);
  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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  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;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  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: 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 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: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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: 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: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-container {
  position: relative;
  overflow: hidden;
  ::-webkit-scrollbar {
    width: 0;
    background: transparent;
  }
  .swiper-slide {
    box-sizing: border-box;
  }
}
.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}
.vjs-svg-icon:hover, .vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}
.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}
.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}
.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}
.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}
.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}
.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}
.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}
.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}
.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}
.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}
.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}
.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}
.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}
.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *, .video-js *:before, .video-js *:after {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-9-16, .video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode), .video-js.vjs-16-9:not(.vjs-audio-only-mode), .video-js.vjs-4-3:not(.vjs-audio-only-mode), .video-js.vjs-9-16:not(.vjs-audio-only-mode), .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}
body.vjs-full-window, body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen, body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs), body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
.vjs-layout-tiny.vjs-pip-container .vjs-pip-text, .vjs-layout-x-small.vjs-pip-container .vjs-pip-text, .vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a, .vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover, .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}
.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover, .js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon, .vjs-menu li.vjs-selected:focus .vjs-svg-icon, .vjs-menu li.vjs-selected:hover .vjs-svg-icon, .js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible), .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}
.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}
.vjs-has-started .vjs-control-bar, .vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar, .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
  display: block;
}
.vjs-button > .vjs-svg-icon {
  display: inline-block;
}
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder {
  font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}
.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}
.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}
.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}
.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}
.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}
.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}
.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip, .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip, .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster, .vjs-using-native-controls .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster, .vjs-has-started.vjs-audio-poster-mode .vjs-poster, .vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.video-js:not(.vjs-live) .vjs-live-control, .video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, .video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}
.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control, .vjs-live .vjs-time-divider, .video-js .vjs-current-time, .video-js .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control {
  display: flex;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.vjs-error .vjs-text-track-display {
  display: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display, .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display, .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}
.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}
@supports not (inset: 10px) {
  .video-js .vjs-text-track-display > div {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control, .vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control, .vjs-pip-window .vjs-fullscreen-control {
  display: none;
}
.vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-error .vjs-loading-spinner {
  display: none;
}
.vjs-loading-spinner:before, .vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}
.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}
.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before, .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time, .video-js.vjs-layout-small .vjs-time-divider, .video-js.vjs-layout-small .vjs-duration, .video-js.vjs-layout-small .vjs-remaining-time, .video-js.vjs-layout-small .vjs-playback-rate, .video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time, .video-js.vjs-layout-x-small .vjs-time-divider, .video-js.vjs-layout-x-small .vjs-duration, .video-js.vjs-layout-x-small .vjs-remaining-time, .video-js.vjs-layout-x-small .vjs-playback-rate, .video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time, .video-js.vjs-layout-tiny .vjs-time-divider, .video-js.vjs-layout-tiny .vjs-duration, .video-js.vjs-layout-tiny .vjs-remaining-time, .video-js.vjs-layout-tiny .vjs-playback-rate, .video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}
.vjs-error .vjs-text-track-settings {
  display: none;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}
.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}
.vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.vjs-error .vjs-title-bar {
  display: none;
}
.vjs-title-bar-title, .vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}
.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}
.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
.video-js .vjs-transient-button {
  position: absolute;
  height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(50, 50, 50, 0.5);
  cursor: pointer;
  opacity: 1;
  transition: opacity 1s;
}
.video-js:not(.vjs-has-started) .vjs-transient-button {
  display: none;
}
.video-js.not-hover .vjs-transient-button:not(.force-display), .video-js.vjs-user-inactive .vjs-transient-button:not(.force-display) {
  opacity: 0;
}
.video-js .vjs-transient-button span {
  padding: 0 0.5em;
}
.video-js .vjs-transient-button.vjs-left {
  left: 1em;
}
.video-js .vjs-transient-button.vjs-right {
  right: 1em;
}
.video-js .vjs-transient-button.vjs-top {
  top: 1em;
}
.video-js .vjs-transient-button.vjs-near-top {
  top: 4em;
}
.video-js .vjs-transient-button.vjs-bottom {
  bottom: 4em;
}
.video-js .vjs-transient-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}
.video-js *:focus:not(:focus-visible) {
  outline: none;
}
.video-js-wrapper.as-header {
  [data-setup] {
    height: auto;
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  .video-js {
    object-fit: cover;
  }
}
.otgs-development-site-front-end {
  display: none;
  visibility: hidden;
}
figure.image-fit-cover {
  width: 100%;
  height: 100%;
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
img.image-fit-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gform_wrapper p, .gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3, .gform_wrapper h4, .gform_wrapper h5, .gform_wrapper h6 {
  padding: calc(var(--spacing) * 0);
}
.gform_wrapper p {
  margin-bottom: calc(var(--spacing) * 8);
}
.gform_heading .gform_required_legend {
  display: none;
}
.gform_body .gform_fields .gfield p, .gform_body .gform_fields .gfield h1, .gform_body .gform_fields .gfield h2, .gform_body .gform_fields .gfield h3, .gform_body .gform_fields .gfield h4, .gform_body .gform_fields .gfield h5, .gform_body .gform_fields .gfield h6 {
  padding: calc(var(--spacing) * 0);
}
.gform_body .gform_fields .gfield p {
  margin-bottom: calc(var(--spacing) * 8);
}
.gfield_label {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.ginput_container_consent input[type="checkbox"] {
  float: left;
  margin-top: calc(var(--spacing) * 1);
  width: auto;
  appearance: none;
}
.ginput_container_consent .gfield_consent_label {
  float: left;
  display: block;
  width: 95%;
  padding-left: calc(var(--spacing) * 2);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.gfield_consent_description {
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding-left: calc(var(--spacing) * 0);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.gfield_consent_description a:hover {
  text-decoration-line: none;
}
.gfield_error .gfield_validation_message {
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing) * 0);
  padding-bottom: calc(var(--spacing) * 2.5);
}
.gform_validation_errors {
  margin-bottom: calc(var(--spacing) * 8);
  border-radius: 0;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.gform_validation_errors h2 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: 1.325rem;
  line-height: 1.325rem;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.gform_footer .gform_button {
  cursor: pointer;
}
.advanced-columns {
  display: grid;
  @media (max-width: 639px) {
    grid-template-columns: 1fr !important;
  }
  &.columns-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  &.columns-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  &.gap-small {
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  &.gap-medium {
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  &.gap-large {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .advanced-column {
    display: flex;
    flex-direction: column;
    hyphens: auto;
  }
}
.advanced-container {
  margin-left: calc(-50vw + 50%);
  width: 100vw;
  background-size: cover;
  background-repeat: no-repeat;
  .container {
    margin-inline: auto;
  }
  &.padding-medium {
    .container {
      .inner-container {
        padding: calc(var(--spacing) * 6) !important;
        @media (width >= 48rem) {
          padding: calc(var(--spacing) * 8) !important;
        }
        @media (width >= 64rem) {
          padding: calc(var(--spacing) * 10) !important;
        }
        @media (width >= 80rem) {
          padding: calc(var(--spacing) * 16) !important;
        }
        @media (max-width: 1623px) {
          width: 100%;
          margin-left: 0 !important;
        }
      }
    }
  }
  &.container-fullscreen {
    &.padding-none {
      > .container {
        max-width: 100%;
        padding: calc(var(--spacing) * 0);
      }
      .inner-container {
        padding-inline: calc(var(--spacing) * 4);
        @media (width >= 48rem) {
          padding: calc(var(--spacing) * 0);
        }
        .wp-block-video {
          margin-left: -16px;
          width: calc(100% + 32px);
          @media (width >= 48rem) {
            margin-left: calc(var(--spacing) * 0);
          }
          @media (width >= 48rem) {
            width: 100%;
          }
        }
      }
    }
    &.padding-medium {
      > .container {
        max-width: 100%;
        padding: calc(var(--spacing) * 0);
      }
    }
    .advanced-media-text {
      width: 100%;
      @media (width >= 40rem) {
        max-width: 40rem;
      }
      @media (width >= 48rem) {
        max-width: 48rem;
      }
      @media (width >= 64rem) {
        max-width: 64rem;
      }
      @media (width >= 80rem) {
        max-width: 80rem;
      }
      @media (width >= 96rem) {
        max-width: 96rem;
      }
      margin-inline: auto;
      padding-right: 16px;
      padding-left: 16px;
    }
  }
  &.image-size-contain {
    background-size: contain;
    background-repeat: no-repeat;
  }
  &.image-position-center {
    background-position: center;
  }
  &.image-position-right {
    background-position: right;
  }
  &.container-contained {
    &.padding-none {
      .inner-container {
        width: calc(100% + 64px);
        margin-left: -32px;
        padding: 32px;
        @media (max-width: 1749px) {
          width: calc(100% + 32px);
          margin-left: -16px;
          padding: 16px;
        }
        @media (max-width: 640px) {
          width: 100%;
          margin-left: 0;
          padding: 16px;
        }
      }
    }
  }
  &.image-text-color-dark {
    h1, h2, h3, h4, h5, h6, p {
      color: var(--color-dark) !important;
    }
  }
  &.image-text-color-light {
    h1, h2, h3, h4, h5, h6, p {
      color: var(--color-light) !important;
    }
  }
  &.theme-light {
    color: var(--color-black);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-white);
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-dark {
    background-color: var(--color-black);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-black);
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-primary {
    background-color: var(--color-blue-500);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-blue-500);
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-light-blue {
    background-color: var(--color-blue-50);
    color: var(--color-dark);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-blue-50);
          color: var(--color-dark);
        }
      }
    }
  }
  &.theme-yellow {
    background-color: var(--color-yellow-500);
    color: var(--color-dark);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-yellow-500);
          color: var(--color-dark);
        }
      }
    }
  }
  &.theme-light-yellow {
    background-color: var(--color-yellow-100);
    color: var(--color-dark);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-yellow-100);
          color: var(--color-dark);
        }
      }
    }
  }
  &.theme-green {
    background-color: var(--color-green-500);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-green-500);
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-light-green {
    background-color: var(--color-green-100);
    color: var(--color-dark);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-green-100);
          color: var(--color-dark);
        }
      }
    }
  }
  &.theme-red {
    background-color: var(--color-red-500);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-red-500);
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-orange {
    background-color: var(--color-orange-500);
    color: var(--color-white);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-orange-500);
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-light-orange {
    background-color: var(--color-orange-100);
    color: var(--color-black);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-orange-100);
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-light-gray {
    background-color: var(--color-gray-100);
    color: var(--color-dark);
    &.container-contained {
      background-color: transparent;
      .container {
        .inner-container {
          background-color: var(--color-gray-100);
          color: var(--color-dark);
        }
      }
    }
  }
}
.advanced-media-text {
  display: grid;
  background-color: transparent;
  .advanced-media-text__content {
    position: relative;
    height: 100%;
    &:before, &:after {
      position: absolute;
      top: -40px;
      right: auto;
      left: calc(var(--spacing) * 0);
      display: block;
      height: 40px;
      width: 100%;
      background-color: var(--color-white);
      opacity: 60%;
      @media (width >= 48rem) {
        top: calc(var(--spacing) * 0);
      }
      @media (width >= 48rem) {
        left: -12.5%;
      }
      @media (width >= 48rem) {
        height: 100%;
      }
      @media (width >= 48rem) {
        width: 12.5%;
      }
      content: '';
    }
    &:after {
      top: -80px;
      right: auto;
      left: calc(var(--spacing) * 0);
      opacity: 25%;
      @media (width >= 48rem) {
        top: calc(var(--spacing) * 0);
      }
      @media (width >= 48rem) {
        left: -25%;
      }
    }
  }
  &.no-gradient {
    .advanced-media-text__content {
      &:before, &:after {
        display: none !important;
      }
    }
  }
  &.image-full {
    .advanced-media-text__media {
      height: 100%;
      width: 100%;
      img, video {
        height: 100%;
        width: 100%;
        object-fit: cover;
        vertical-align: top;
      }
    }
  }
  &.image-cover {
    .advanced-media-text__media {
      position: relative;
      overflow: hidden;
      img, video {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
        vertical-align: top;
      }
    }
  }
  &.image-top {
    .advanced-media-text__media {
      img {
        object-position: top;
      }
    }
  }
  &.image-center {
    .advanced-media-text__media {
      img {
        object-position: center;
      }
    }
  }
  &.image-bottom {
    .advanced-media-text__media {
      img {
        object-position: bottom;
      }
    }
  }
  &__content {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}
.advanced-media-text.padding-none {
  gap: calc(var(--spacing) * 0);
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 10);
  }
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 14);
  }
  @media (width >= 80rem) {
    gap: calc(var(--spacing) * 16);
  }
}
.advanced-media-text.padding-medium {
  padding: 0;
  .advanced-media-text__content {
    padding: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
    @media (width >= 96rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
}
.advanced-media-text.media-size-25-75.padding-none {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: calc(25% - 32px) calc(75% - 32px);
  }
}
.advanced-media-text.media-size-33-66.padding-none {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: calc(33.3333% - 32px) calc(66.6666% - 32px);
  }
}
.advanced-media-text.media-size-50-50.padding-none {
  grid-template-columns: 1fr;
  @media (width >= 40rem) {
    grid-template-columns: 1fr 1fr;
  }
}
.advanced-media-text.media-size-66-33.padding-none {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: calc(66.6666% - 32px) calc(33.3333% - 32px);
  }
}
.advanced-media-text.media-size-75-25.padding-none {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: calc(75% - 32px) calc(25% - 32px);
  }
}
.advanced-media-text.media-size-25-75.padding-medium {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: 25% 75%;
  }
}
.advanced-media-text.media-size-33-66.padding-medium {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: 33.3333% 66.6666%;
  }
}
.advanced-media-text.media-size-50-50.padding-medium {
  grid-template-columns: 1fr;
  @media (width >= 40rem) {
    grid-template-columns: 1fr 1fr;
  }
}
.advanced-media-text.media-size-66-33.padding-medium {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: 66.6666% 33.3333%;
  }
}
.advanced-media-text.media-size-75-25.padding-medium {
  grid-template-columns: 1fr;
  @media (width >= 48rem) {
    grid-template-columns: 75% 25%;
  }
}
.advanced-media-text.media-left {
  .advanced-media-text__media {
    order: 0;
    margin-bottom: calc(var(--spacing) * 0);
    height: auto;
    @media (width >= 40rem) {
      height: 100%;
    }
  }
  .advanced-media-text__content {
    order: 1;
  }
}
.advanced-media-text.media-right {
  .advanced-media-text__media {
    order: 1;
  }
  .advanced-media-text__content {
    order: 0;
    &:before, &:after {
      top: auto;
      bottom: -40px;
      left: calc(var(--spacing) * 0);
      @media (width >= 48rem) {
        top: calc(var(--spacing) * 0);
      }
      @media (width >= 48rem) {
        right: -12.5%;
      }
      @media (width >= 48rem) {
        left: auto;
      }
    }
    &:after {
      top: auto;
      bottom: -80px;
      left: calc(var(--spacing) * 0);
      @media (width >= 48rem) {
        top: calc(var(--spacing) * 0);
      }
      @media (width >= 48rem) {
        right: -25%;
      }
      @media (width >= 48rem) {
        left: auto;
      }
    }
  }
}
.advanced-media-text.media-top {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  gap: calc(var(--spacing) * 0) !important;
  .advanced-media-text__media {
    position: relative;
    height: calc(var(--spacing) * 0);
    width: 100%;
    padding-bottom: 65%;
    img, video {
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center;
      vertical-align: top;
    }
  }
  .advanced-media-text__content {
    order: 0;
    width: 100%;
    &:before, &:after {
      top: -40px;
      right: auto;
      left: calc(var(--spacing) * 0);
      height: 40px;
      width: 100%;
      @media (width >= 64rem) {
        top: -50px;
      }
      @media (width >= 64rem) {
        height: 50px;
      }
    }
    &:after {
      top: -80px;
      right: auto;
      left: calc(var(--spacing) * 0);
      @media (width >= 64rem) {
        top: -100px;
      }
    }
  }
  &.padding-medium {
    .advanced-media-text__content {
      padding: calc(var(--spacing) * 5);
      @media (width >= 48rem) {
        padding: calc(var(--spacing) * 6);
      }
    }
  }
}
.advanced-media-text.content-align-center {
  align-items: center;
  .advanced-media-text__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.advanced-media-text.content-align-bottom {
  align-items: flex-end;
  .advanced-media-text__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
.advanced-media-text.show-illustration {
  .advanced-media-text__content {
    background-image: url('../../assets/images/riet.svg');
    background-repeat: no-repeat;
    background-position: right 30px bottom 0;
    background-size: auto 90%;
  }
}
.advanced-media-text.theme-none {
  background-color: transparent !important;
  .advanced-media-text__content {
    &:before, &:after {
      display: none;
    }
  }
}
.advanced-media-text.theme-light {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-white);
    color: var(--color-black);
    &:before, &:after {
      background-color: var(--color-white);
    }
  }
  &.show-illustration {
    .advanced-media-text__content {
      background-image: url('../../assets/images/riet-dark.svg');
      background-repeat: no-repeat;
    }
  }
}
.advanced-media-text.theme-dark {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-black);
    color: var(--color-white);
    h1,h2,h3,h4,h5,h6 {
      color: var(--color-yellow-500);
    }
    p a {
      color: var(--color-white);
    }
    &:before, &:after {
      background-color: var(--color-black);
    }
  }
}
.advanced-media-text.theme-primary {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-blue-500);
    color: var(--color-white);
    h1,h2,h3,h4,h5,h6 {
      color: var(--color-yellow-500);
    }
    p a {
      color: var(--color-white);
    }
    &:before, &:after {
      background-color: var(--color-blue-500);
    }
  }
}
.advanced-media-text.theme-light-blue {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-blue-50);
    color: var(--color-black);
    &:before, &:after {
      background-color: var(--color-blue-50);
    }
  }
  &.show-illustration {
    .advanced-media-text__content {
      background-image: url('../../assets/images/riet-dark.svg');
      background-repeat: no-repeat;
    }
  }
}
.advanced-media-text.theme-yellow {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-yellow-500);
    color: var(--color-black);
    h1,h2,h3,h4,h5,h6 {
      color: var(--color-black);
    }
    p a {
      color: var(--color-black);
    }
    &:before, &:after {
      background-color: var(--color-yellow-500);
    }
  }
  &.show-illustration {
    .advanced-media-text__content {
      background-image: url('../../assets/images/riet-dark.svg');
      background-repeat: no-repeat;
    }
  }
}
.advanced-media-text.theme-light-yellow {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-yellow-100);
    color: var(--color-black);
    &:before, &:after {
      background-color: var(--color-yellow-100);
    }
  }
  &.show-illustration {
    .advanced-media-text__content {
      background-image: url('../../assets/images/riet-dark.svg');
      background-repeat: no-repeat;
    }
  }
}
.advanced-media-text.theme-green {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-green-500);
    color: var(--color-white);
    h1,h2,h3,h4,h5,h6 {
      color: var(--color-yellow-500);
    }
    p a {
      color: var(--color-white);
    }
    &:before, &:after {
      background-color: var(--color-green-500);
    }
  }
}
.advanced-media-text.theme-light-green {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-green-100);
    color: var(--color-black);
    &:before, &:after {
      background-color: var(--color-green-100);
    }
  }
  &.show-illustration {
    .advanced-media-text__content {
      background-image: url('../../assets/images/riet-dark.svg');
      background-repeat: no-repeat;
    }
  }
}
.advanced-media-text.theme-red {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-red-500);
    color: var(--color-white);
    h1,h2,h3,h4,h5,h6 {
      color: var(--color-yellow-500);
    }
    p a {
      color: var(--color-white);
    }
    &:before, &:after {
      background-color: var(--color-red-500);
    }
  }
}
.advanced-media-text.theme-orange {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-orange-500);
    color: var(--color-white);
    h1,h2,h3,h4,h5,h6 {
      color: var(--color-white);
    }
    p a {
      color: var(--color-white);
    }
    &:before, &:after {
      background-color: var(--color-orange-500);
    }
  }
}
.advanced-media-text.theme-light-orange {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-orange-100);
    color: var(--color-black);
    h1,h2,h3,h4,h5,h6 {
      color: var(--color-black);
    }
    p a {
      color: var(--color-black);
    }
    &:before, &:after {
      background-color: var(--color-orange-100);
    }
  }
  &.show-illustration {
    .advanced-media-text__content {
      background-image: url('../../assets/images/riet-dark.svg');
      background-repeat: no-repeat;
    }
  }
}
.advanced-media-text.theme-light-gray {
  background-color: transparent !important;
  .advanced-media-text__content {
    background-color: var(--color-gray-100);
    color: var(--color-black);
    &:before, &:after {
      background-color: var(--color-gray-100);
    }
  }
  &.show-illustration {
    .advanced-media-text__content {
      background-image: url('../../assets/images/riet-dark.svg');
      background-repeat: no-repeat;
    }
  }
}
.button {
  &-primary {
    background-color: var(--brand);
    color: var(--light);
  }
}
.buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 3);
  &.align-center {
    justify-content: center;
  }
  &.align-right {
    justify-content: flex-end;
  }
  &.direction-horizontal {
    align-items: center;
  }
  &.direction-vertical {
    flex-direction: column;
    .button {
      align-self: flex-start;
    }
    &.align-center {
      .button {
        align-self: center;
      }
    }
    &.align-right {
      .button {
        align-self: flex-end;
      }
    }
  }
}
.button, .wp-block-file__button {
  position: relative;
  display: inline-block;
  border-radius: 0.25rem;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 3);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  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);
  &::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  &::after {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &::after {
    content: var(--tw-content);
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 8);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 4);
  }
  @media (width >= 80rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  &.button-small {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  &.button-large {
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  &.theme-light {
    border-color: var(--color-white);
    background-color: var(--color-white);
    color: var(--color-black);
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-black);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-white);
      background-color: transparent;
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-white);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-dark {
    border-color: var(--color-dark);
    background-color: var(--color-dark);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-dark);
      background-color: transparent;
      color: var(--color-black);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-black);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-primary {
    border-color: var(--color-blue-500);
    background-color: var(--color-blue-500);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-700);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-blue-500);
      background-color: transparent;
      color: var(--color-blue-500);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-500);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-yellow {
    border-color: var(--color-yellow-500);
    background-color: var(--color-yellow-500);
    color: var(--color-black);
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-yellow-600);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-600);
      }
    }
    &.icon-map {
      &::after {
        content: var(--tw-content);
        background-image: var(--map-icon-dark);
      }
    }
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-yellow-500);
      background-color: transparent;
      color: var(--color-yellow-500);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-yellow-500);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-black);
        }
      }
    }
  }
  &.theme-green {
    border-color: var(--color-green-500);
    background-color: var(--color-green-500);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-700);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green-700);
      }
    }
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-green-500);
      background-color: transparent;
      color: var(--color-green-500);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-green-500);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-red {
    border-color: var(--color-red-500);
    background-color: var(--color-red-500);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-700);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-red-500);
      background-color: transparent;
      color: var(--color-red-500);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-red-500);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.theme-orange {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-orange-500);
    background-color: var(--color-orange-500);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-orange-700);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-700);
      }
    }
    &.button-border {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-orange-500);
      background-color: transparent;
      color: var(--color-orange-500);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-500);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
  }
  &.icon {
    width: auto;
    padding-left: calc(var(--spacing) * 12);
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 4);
    }
    &::after {
      content: var(--tw-content);
      height: 100%;
    }
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 4);
    }
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-light);
    }
    &::after {
      content: var(--tw-content);
      background-size: 14px auto;
    }
    &::after {
      content: var(--tw-content);
      background-position: center;
    }
    &::after {
      content: var(--tw-content);
      background-repeat: no-repeat;
    }
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
    &.button-small {
      padding-left: calc(var(--spacing) * 10);
      &::after {
        content: var(--tw-content);
        right: calc(var(--spacing) * 3);
      }
      &::after {
        content: var(--tw-content);
        background-size: 12px auto;
      }
    }
    &.button-large {
      padding-left: calc(var(--spacing) * 14);
      &::after {
        content: var(--tw-content);
        right: calc(var(--spacing) * 6);
      }
    }
  }
  &.icon-map {
    padding-left: calc(var(--spacing) * 14);
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 6);
    }
    &::after {
      content: var(--tw-content);
      background-image: var(--map-icon-light);
    }
    &::after {
      content: var(--tw-content);
      background-size: 20px auto;
    }
  }
}
.button[target="_blank"] {
  padding-left: calc(var(--spacing) * 12);
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
  &::after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
  &::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 4);
  }
  &::after {
    content: var(--tw-content);
    height: 100%;
  }
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }
  &::after {
    content: var(--tw-content);
    background-image: var(--external-icon-dark);
  }
  &::after {
    content: var(--tw-content);
    background-size: 14px auto;
  }
  &::after {
    content: var(--tw-content);
    background-position: center;
  }
  &::after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
  &::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  &.button-small {
    padding-left: calc(var(--spacing) * 10);
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 3);
    }
    &::after {
      content: var(--tw-content);
      background-size: 12px auto;
    }
  }
  &.button-large {
    padding-left: calc(var(--spacing) * 14);
    &::after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 6);
    }
  }
  &.theme-light {
    &:hover {
      @media (hover: hover) {
        &::after {
          content: var(--tw-content);
          background-image: var(--external-icon-light);
        }
      }
    }
    &.button-border {
      &::after {
        content: var(--tw-content);
        background-image: var(--external-icon-light);
      }
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            background-image: var(--external-icon-dark);
          }
        }
      }
    }
  }
  &.theme-dark {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-light);
    }
    &.button-border {
      &::after {
        content: var(--tw-content);
        background-image: var(--external-icon-dark);
      }
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            background-image: var(--external-icon-light);
          }
        }
      }
    }
  }
  &.theme-primary {
    &::after {
      content: var(--tw-content);
      background-image: var(--external-icon-light);
    }
    &.button-border {
      &::after {
        content: var(--tw-content);
        background-image: var(--external-icon-primary);
      }
      &:hover {
        @media (hover: hover) {
          &::after {
            content: var(--tw-content);
            background-image: var(--external-icon-light);
          }
        }
      }
    }
  }
}
article .wp-block-embed {
  .video-media {
    position: relative;
    height: calc(var(--spacing) * 0);
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    text-align: center;
    iframe {
      position: absolute;
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      height: 100%;
      width: 100%;
    }
  }
}
.fietsen-varen-wandelen {
  figure {
    &:after {
      content: '';
      position: absolute;
      right: calc(var(--spacing) * 0);
      bottom: calc(var(--spacing) * 0);
      height: 50px;
      width: 60px;
      background-repeat: no-repeat;
      background-size: 40px auto;
      background-position: center center;
    }
  }
  .fietsen {
    figure {
      &:after {
        background-color: var(--color-green-500);
        background-image: url("data:image/svg+xml,%3Csvg id='Laag_1' data-name='Laag 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 150 76'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bfill:%23fff;%7D.cls-4%7Bclip-path:url(%23clip-path-2);%7D.cls-5%7Bopacity:0.05;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' x='15.01' y='1.31' width='132.55' height='72.98'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect class='cls-1' x='-0.62' y='127.59' width='1280' height='507.41'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Elogo-fietsen%3C/title%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M90.66,60.81,80,60.3a13,13,0,0,0,10.69,9.41,11.57,11.57,0,0,0,1.41.09,10,10,0,0,0,10.11-10.2A13,13,0,0,0,91.14,47.11a10.64,10.64,0,0,0-5.35.67l4.81,8.27h0a2.79,2.79,0,0,1,2.5,2.64,2.14,2.14,0,0,1-2.48,2.11'/%3E%3Cpath class='cls-3' d='M83,49.52a9.83,9.83,0,0,0-3,4.81l8.3,1.35L84.2,48.61a9.87,9.87,0,0,0-1.21.91'/%3E%3Cpath class='cls-3' d='M61,47.27c.16-.33.7-1.37,1-1.84a11.18,11.18,0,0,0-4.63-1.7,9.27,9.27,0,0,0-10.62,9.41A12,12,0,0,0,56.91,64.75a10.58,10.58,0,0,0,1.3.08,9.24,9.24,0,0,0,6.19-2.3,9.42,9.42,0,0,0,3.13-7.19,11.89,11.89,0,0,0-4.21-8.87c-.22.42-.72,1.36-.81,1.56a25.7,25.7,0,0,1-4.89,6.82.86.86,0,0,1-1.21-1.22A24,24,0,0,0,61,47.27'/%3E%3Cpath class='cls-3' d='M92.35,31.7c12.17,1.59,19.94-2.46,13.3-4.72-14.36-4.88-1-8.17,3.71-6.05-2.85-.88-9.28,1.89-1.5,4.13,15.65,4.52,2.71,13-15.51,6.63M75.28,23H75.1a2.93,2.93,0,0,1-2.23-1,5.18,5.18,0,0,1-1.1-3.19,3.68,3.68,0,0,1,.82-3,3.43,3.43,0,0,1,2.26-.8c1.52-.08,3.29.23,3.46,3.41s-1.46,4.45-3,4.54m72.25.3c-.05-.06-.51.14-1,.42a5,5,0,0,0,0-1.65c-.08-.06-.57.23-1.14.6a.89.89,0,0,0-.37.21,2.72,2.72,0,0,0,0-1.19c-.2-.13-1.37.94-2.17,2.25a2.15,2.15,0,0,0,0,2.48,97.9,97.9,0,0,0-6.1,12.08c1.58-9.9-.5-15.45-.89-15.3S135,32.78,132,40.44l-.07-.26C126.29,18,102.52,1.31,74.11,1.31c-32.61,0-59.1,22-59.1,49a40.6,40.6,0,0,0,7.68,23.58.89.89,0,0,0,.71.35H77.13c7.13,0-1.11-3.95-22-6.72-36.91-4.9-34.29-31-12.54-38.24,5-1.67,13.84-1.93,20.56-1.4-4,.28-10.29,1.26-11,4.89-.43,2.23,1.22,4.28,6.75,5.88a3.06,3.06,0,0,0-.19,1.06A3.56,3.56,0,0,0,61,43a3.34,3.34,0,0,0,.86.22h.11a.9.9,0,0,0,.9-.91.93.93,0,0,0-.82-.88,1.54,1.54,0,0,1-.37-.1,1.8,1.8,0,0,1-1.11-1.59,1.21,1.21,0,0,1,.16-.6q1.06.25,2.27.49l.34,0c.27,0,.59,0,1,0h.29l.31,0,.32,0,.33-.06a6.89,6.89,0,0,0,1.38-.4,6.22,6.22,0,0,0,2.54-1.93,8.36,8.36,0,0,0,.94-1.48,12.67,12.67,0,0,0,.67-1.68,17.51,17.51,0,0,0,.44-1.74c.11-.58.2-1.14.25-1.68,0-.27.06-.53.07-.79s0-.51,0-.75c0-.48,0-.92,0-1.31s0-.78,0-1.06c0-.56,0-.93,0-.93,8-3.59,11.88-3.41,14.35,10.91-2.65,2.09-7.72,1.71-7.72,1.71l-3.14-6c-.08.26-.17.53-.26.8a21,21,0,0,1-.84,2,16.18,16.18,0,0,1-1.17,2,10.21,10.21,0,0,1-3.43,3.18l-.31.16q2.44.29,5.3.53c-2.8,2.34-4.8,4-4.8,4a77.22,77.22,0,0,0,3.36,12.33L69.91,58V59.6l7.87.37a49.08,49.08,0,0,1-2-12.46c4.68-2.25,7.73-3.7,9.36-5.47,19.86,2.17,31,7.38,37.31,12.4a.08.08,0,0,0,.12-.08,34.19,34.19,0,0,0-1.46-5.29.06.06,0,0,1,.08-.06c.71.52,3.72,3,4.94,8.92,0,0,0,.07.05.07s.05-.07.05-.07a15.21,15.21,0,0,1,4.26-8.49.06.06,0,0,1,.09.05c-.29,1.32-2,9.58-.38,15.45a.09.09,0,0,0,.16,0c.09-.2.18-.4.26-.61l0-.1c.09-.24.18-.48.26-.72l.22-.7c4.72-13.08,12.34-14.61,12.36-14.94s-3.21-.79-7.82,1.25c5.15-10.23,10.17-12.15,10-12.39s-3.93.11-8.17,4.17a97.5,97.5,0,0,1,6.65-13.47,2.12,2.12,0,0,0,2.28-1.14,5.91,5.91,0,0,0,1-3'/%3E%3C/g%3E%3Cg class='cls-4'%3E%3Cpath class='cls-5' d='M582.05,1015.44S571.32,418.74-33.53,36c545.2,523,522.66,1016.13,618,1310.21Z'/%3E%3Cpath class='cls-5' d='M511.86,579.92S634.09,158.65,69.18-480.52C226.47-187.62,417.33,192.71,511.86,579.92'/%3E%3Cpath class='cls-5' d='M426.18-502.84C454-516.58,469-543.35,459.58-563L178.81-1145c-8.2-16.7-31.79-22.42-56.07-15L-32.63-1454.79,95.7-1145.32c-17.7,14.57-25.9,34.71-18.4,50.28L358-513c8.54,17.57,33.92,22.85,59.3,13.82,400.34,854,364,1804.91,291.55,2161.6C803.15,1289.6,860.4,364.86,426.18-502.84'/%3E%3C/g%3E%3C/svg%3E");
      }
    }
  }
  .varen {
    figure {
      &:after {
        background-color: var(--color-blue-500);
        background-image: url("data:image/svg+xml,%3Csvg id='Laag_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 136 76'%3E%3C!-- Generator: Adobe Illustrator 30.0.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 123) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B fill: %23fff; %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' x='1' y='1' width='134' height='73.9'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st2'%3E%3Cg%3E%3Cpath class='st1' d='M63.4,42.4c-.8-.2-1.7-.2-2.4.2-.9.6-1.5,1.6-1.6,2.7-.3,1.1-.2,2.3.2,3.4.4.8,1.2,1.4,2.1,1.6.2,0,.4,0,.7,0,.7,0,1.3-.2,1.9-.7.9-.8,1.4-1.9,1.6-3,.3-1,.2-2.1-.3-3.1-.5-.6-1.3-1-2.1-1.2'/%3E%3Cpath class='st1' d='M92.2,57.9c-.1.2-.3.3-.5.3h0c-8.3-1.1-15.9-2-22.8-2.6,0-.4.1-.7.1-1.1,0-1-.6-1.9-1.5-2.4-2.1-1.2-8.2-.5-11.9.8-.2,0-.3.2-.4.4-.2.4-.4.8-.6,1.2-4.8-.3-8.8-.5-12.1-.6.7-4.7,1.6-9.8,2.6-14.8l-2.3,2.4c-.8,4.2-1.5,8.4-2.1,12.3-4.8-.2-7.5-.1-7.6-.1-.4,0-.6-.3-.6-.7,0-.1,0-.3.2-.4,3.2-3.8,6.7-7.5,10.1-11.1,0,0,4.6-23.5,4.6-23.7,0-.2.2-.5.4-.6.3-.2.6-.2.9-.1.5.2.6.6.5,1.2v.4c0,0,7.7,1,7.7,1,.3,0,.5.2.5.5,0,.3-.1.5-.4.6l-9,3.3c-1.4,7.1-2.9,15-2.9,15,15.1-15.4,30-27.8,30.2-28,.2-.1.4-.2.6-.1.2,0,.4.3.4.5,0,.2,3.6,24.7,16,45.8.1.2.1.5,0,.7M134.8,20.4c-.3-.4-.9-.5-1.3-.2,0,0-.1,0-.2.2-.3.4-.7.9-1,1.3-.6,0-1.3.2-1.6.8-1.4,2-2.8,4.2-4.1,6.5-.3.6-.3,1.2,0,1.8-1.4,2.6-2.7,5.3-3.9,7.9,1.6-10.1-.5-15.8-.9-15.6s-.7,9.6-3.7,17.3C112.6,17.9,88.8,1.1,60.3,1h0C27.6,1.1,1,23.3,1,50.7c0,8.6,2.7,16.9,7.7,23.9.2.2.4.4.7.4h24.3c.1,0,.2-.1.2-.2,0,0,0-.2-.1-.2-6.9-2.5-12.3-6.2-15.3-10.9-.5-.8-.9-1.7-1.2-2.7,0-.2,0-.4,0-.5.1-.2.3-.3.5-.3,0,0,7.5-.6,27.6.1,15,.5,26.7,1.7,48.2,3.8.2,0,.3.1.4.2.1.1.2.3.1.5-.3,2-.8,4-1.4,5.9-4.3,1.3-8.9,1.2-13.2-.2-.3-.1-.6-.1-.9,0-4,2.1-10.1,3.2-16.8,3.5-.6,1,8.7,1.9,17.6-1.3,5.5,2.4,12.2,2.1,18.5-.8,1.1-.5,2.2-1.1,3.2-1.8h0c.6-.4,1-.6,1.3-.3.5.4-.6,2,0,3.4s2.6,1.7,4,.5c2.8-2.4,2.3-7.3,0-11-.5-.7-.3-1.5.5-1.1,3.5,1.7,6.4,4.5,8.4,7.8.4-.8.8-1.7,1.1-2.5h0c.5-1.1.9-2.3,1.2-3.4,5.5-14.1,12.2-15,12.2-15.3s-3.2-.8-7.9,1.3c5.2-10.4,10.2-12.3,10-12.5s-3.9.1-8.2,4.2c1.3-3.2,2.9-6.2,4.5-9.2h0c.6,0,1.2-.4,1.6-.9,1.3-2.2,2.6-4.3,3.9-6.2.4-.5.4-1.2.2-1.8l.9-1.2c.3-.3.3-.8,0-1.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      }
    }
  }
  .wandelen {
    figure {
      &:after {
        background-color: var(--color-red-500);
        background-image: url("data:image/svg+xml,%3Csvg id='Laag_1' data-name='Laag 1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 150 76'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bclip-path:url(%23clip-path);%7D.cls-3%7Bfill:%23fff;%7D.cls-4%7Bclip-path:url(%23clip-path-2);%7D.cls-5%7Bopacity:0.05;%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Crect class='cls-1' x='13.05' y='0.89' width='134.34' height='73.11'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Crect class='cls-1' x='-401.95' y='127.59' width='1280' height='507.41'/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Elogo-wandelen%3C/title%3E%3Cg class='cls-2'%3E%3Cpath class='cls-3' d='M74.81,22.66a4.23,4.23,0,0,0-4.6.25,3.69,3.69,0,0,0-.82,3,5.19,5.19,0,0,0,1.1,3.2,2.93,2.93,0,0,0,2.23,1h.17a2.94,2.94,0,0,0,2.29-1.25,5.18,5.18,0,0,0,.76-3.3,3.69,3.69,0,0,0-1.13-2.85'/%3E%3Cpath class='cls-3' d='M88.22,25.66a.16.16,0,0,0,.11.3,15.92,15.92,0,0,1,9.08,1.22,1,1,0,0,0,.84,0s-.66-1-.94-1.43c-2.54-2-6.75-1.77-9.09-.11'/%3E%3Cpath class='cls-3' d='M59.37,47.21h0c.22-.07.45-.13.69-.23l.74-.28.78-.34a17.75,17.75,0,0,0,1.63-.87,18.1,18.1,0,0,0,1.64-1.11c.27-.2.53-.42.79-.64s.52-.45.76-.69.5-.48.72-.73l.35-.37.33-.38c.41-.47.78-.95,1.12-1.42l0,.15c.09.45.18.93.28,1.41l.34,1.44.21.87-.53.55-.87.93c-.29.33-.59.65-.88,1s-.58.66-.85,1-.54.68-.79,1-.5.65-.72,1-.44.61-.62.9l-.5.77-.37.61-.31.53h0a45.74,45.74,0,0,0,3,10.37l-2.95.65Zm12.54,4c.16.48.33,1,.49,1.43s.37,1.08.57,1.61l.6,1.57.3.78.31.76.61,1.48c.42,1,.82,1.89,1.22,2.76s.78,1.69,1.15,2.43.7,1.41,1,2l-2.77,1.12-4.65-1.48-.08,0a40.42,40.42,0,0,1-2.26-11.58l.16-.14.72-.61c.25-.22.53-.44.82-.67.57-.46,1.21-.93,1.83-1.41M143.36,26c2.15,2.77,4,2.77,4,2.77L144,22.91a4.5,4.5,0,0,0-.23-.45c-.78-1.32-2.08-2-2.91-1.51a1.42,1.42,0,0,0-.63,1.09l-1.15.84,1.25.33a3.9,3.9,0,0,0,.14.41,2.25,2.25,0,0,0-.44,2.2,2.14,2.14,0,0,0,.28.55l1.41-1a95,95,0,0,0-6.86,12.81c1.58-9.91-.5-15.46-.89-15.32s-.72,9.57-3.72,17.24l-.07-.26C124.52,17.59,100.72.89,72.25.89,39.58.89,13,22.89,13,50a40.66,40.66,0,0,0,7.69,23.62.89.89,0,0,0,.71.35H92.74c1.28,0,1.37-.64.22-1-3.13-1.1-7.14-2.43-12.87-4.27l2.56-.56-.79-2.24c-.15-.44-.32-1-.52-1.61s-.41-1.33-.62-2.11-.45-1.62-.68-2.52-.45-1.85-.68-2.83L79,55.31l-.16-.76-.15-.78-.3-1.57c-.1-.52-.17-1.06-.26-1.58S78,49.56,77.89,49l-.21-1.58c-.06-.52-.15-1-.19-1.55l-.15-1.51c0-.32-.06-.63-.09-.94a16,16,0,0,0,2.21-5.32c.43-2.14.7-5.14-1.91-6.5-1.62-.84-6.33-1.09-10,.44a.64.64,0,0,0-.37.42.63.63,0,0,0,0,.22h0c0,.11-.05.28-.1.5a17,17,0,0,1-.55,1.88,19,19,0,0,1-1.13,2.58c-.24.45-.51.92-.81,1.37l-.22.34-.24.33c-.16.23-.33.44-.5.65s-.35.42-.53.63-.37.4-.56.59a14.88,14.88,0,0,1-1.19,1.06,14.17,14.17,0,0,1-1.22.87l-.59.36-.58.31-.27.14-1-4-1.75.44L57,45l-.82.25.64,2.55.85-.16,3.89,15.4c-20.74-5.28-34.29-4.3-34.77-4.24a.16.16,0,0,1-.15-.25c.42-.43,7.29-1.59,18.49-.78a30.69,30.69,0,0,1,52.23-32l.57-.32c2.26-1.33,6.92-1.78,9.66.25a.15.15,0,0,1-.11.27,15.88,15.88,0,0,0-9.18,1.24,30.68,30.68,0,0,1-8.18,41c11.06,3.54,17.23,5.66,22.57,5.78h.9c6.56,0,10-2.35,10-6.28-.17-5.07-5.39-7-5.37-7.13s2.94-.48,5.63,1.75c-2.06-6.73-5.15-8.61-5-8.73s4.25,1.15,6.86,6.76l.26.47c-.12-6.12,3-9.11,3.26-9s-1.8,5.69-.27,11.81a.07.07,0,0,0,.14,0q.18-.54.36-1.08c4.73-13.21,12.41-14.75,12.42-15.08s-3.21-.79-7.84,1.25c5.16-10.24,10.19-12.17,10-12.41s-4,.11-8.25,4.24a94.66,94.66,0,0,1,7.47-14.28.88.88,0,0,0,.13-.37'/%3E%3C/g%3E%3Cg class='cls-4'%3E%3Cpath class='cls-5' d='M180.72,1015.44S170,418.74-434.86,36c545.2,523,522.66,1016.13,618,1310.21Z'/%3E%3Cpath class='cls-5' d='M110.53,579.92S232.75,158.65-332.15-480.52C-174.87-187.62,16,192.71,110.53,579.92'/%3E%3Cpath class='cls-5' d='M24.85-502.84c27.82-13.74,42.78-40.51,33.4-60.13l-280.77-582c-8.2-16.7-31.79-22.42-56.07-15L-434-1454.79l128.33,309.46c-17.7,14.57-25.9,34.71-18.4,50.28L-43.3-513c8.54,17.57,33.92,22.85,59.3,13.82,400.34,854,364,1804.91,291.55,2161.6C401.82,1289.6,459.07,364.86,24.85-502.84'/%3E%3C/g%3E%3C/svg%3E");
      }
    }
  }
}
article {
  .wp-block-file {
    position: relative;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300);
    padding: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
    a {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
      @media (width >= 40rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
      &:first-child {
        display: block;
        border-radius: var(--radius-sm);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-300);
        padding: calc(var(--spacing) * 3);
        padding-right: 130px;
        @media (width >= 40rem) {
          padding-right: 160px;
        }
        @media (width >= 48rem) {
          padding: calc(var(--spacing) * 4);
        }
        @media (width >= 48rem) {
          padding-right: 200px;
        }
      }
      &:last-child {
        position: absolute;
        top: calc(1/2 * 100%);
        right: calc(var(--spacing) * 0);
        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        @media (width >= 40rem) {
          right: calc(var(--spacing) * 4);
        }
        @media (width >= 48rem) {
          right: 30px;
        }
      }
    }
    .wp-block-file__button {
      border-radius: 0.25rem;
      background-color: var(--color-blue-500);
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-700);
        }
      }
      &:hover {
        @media (hover: hover) {
          opacity: 100%;
        }
      }
    }
    &:hover {
      a {
        &:first-child {
          background-color: var(--color-gray-50);
        }
      }
      .wp-block-file__button {
        background-color: var(--color-blue-700) !important;
      }
    }
  }
}
.gform_heading {
  .gform_required_legend {
    display: none;
  }
}
.gform_wrapper {
  width: 100%;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  border-radius: var(--radius-2xl);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.gform_wrapper .gfield_label {
  margin-bottom: calc(var(--spacing) * 1);
  display: block;
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.gform_wrapper .gform-field-label--type-sub {
  margin-bottom: calc(var(--spacing) * 1);
  font-size: var(--text-base) !important;
  line-height: var(--tw-leading, var(--text-base--line-height)) !important;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea, .gform_wrapper select {
  width: 100%;
  appearance: none;
  border-radius: var(--radius-sm);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300);
  padding: calc(var(--spacing) * 2) !important;
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-gray-900);
  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, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing) * 3) !important;
  }
}
.gform_wrapper input[type="text"]:focus-visible, .gform_wrapper input[type="email"]:focus-visible, .gform_wrapper input[type="url"]:focus-visible, .gform_wrapper input[type="tel"]:focus-visible, .gform_wrapper input[type="number"]:focus-visible, .gform_wrapper input[type="password"]:focus-visible, .gform_wrapper textarea:focus-visible, .gform_wrapper select:focus-visible {
  background-color: var(--color-blue-50);
  --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));
  --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);
  --tw-ring-color: var(--color-blue-200);
  --tw-outline-style: none;
  outline-style: none;
}
.gform_wrapper .gfield_description {
  margin-top: calc(var(--spacing) * 1);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray-500);
  @media (prefers-color-scheme: dark) {
    color: var(--color-gray-400);
  }
}
.gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"] {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 5);
  color: var(--color-gray-600);
  &:focus-visible {
    --tw-ring-color: var(--color-gray-500);
  }
  @media (prefers-color-scheme: dark) {
    color: var(--color-gray-400);
  }
  @media (prefers-color-scheme: dark) {
    &:focus {
      --tw-ring-color: var(--color-gray-400);
    }
  }
}
.gform_wrapper input[type="checkbox"] {
  appearance: auto !important;
}
.gform_wrapper .gfield_checkbox label, .gform_wrapper .gfield_radio label {
  margin-left: calc(var(--spacing) * 2);
}
.gform_wrapper .ginput_container_consent {
  display: flex;
  align-items: center;
  input {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  label {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
}
.gform_wrapper .gfield_consent_description {
  margin-top: calc(var(--spacing) * 2) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  padding-inline: calc(var(--spacing) * 0) !important;
  a {
    color: var(--color-blue-700);
    text-decoration-line: underline;
    opacity: 60%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 250ms;
    transition-duration: 250ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
}
.gform_wrapper .ginput_container_select {
  select {
    background-image: var(--arrow-down-icon);
    background-size: 1rem 1rem;
    background-position: right 16px center;
    background-repeat: no-repeat;
    padding-right: calc(var(--spacing) * 10) !important;
  }
}
.gform_wrapper .gform_footer {
  position: relative;
}
.gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input[type="submit"] {
  position: relative;
  width: auto;
  cursor: pointer;
  background-color: var(--color-blue-500);
  background-image: var(--send-icon);
  background-size: 14px auto;
  background-position: left 16px center;
  background-repeat: no-repeat;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 3);
  padding-left: calc(var(--spacing) * 10);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-white);
  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, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-700);
    }
  }
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  }
  &:focus-visible {
    --tw-ring-color: var(--color-gray-500);
  }
  &:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
  border-color: var(--color-red-500);
  --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);
  --tw-ring-color: var(--color-red-500);
}
.gform_wrapper .validation_message {
  margin-top: calc(var(--spacing) * 1);
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  background-color: transparent !important;
  padding: calc(var(--spacing) * 0) !important;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-red-600);
}
.gform_wrapper .gform_validation_errors {
  margin-bottom: calc(var(--spacing) * 8) !important;
  display: none;
  border-radius: var(--radius-md) !important;
  border-left-style: var(--tw-border-style) !important;
  border-left-width: 4px !important;
  border-color: var(--color-red-500) !important;
  background-color: var(--color-red-50) !important;
  padding: calc(var(--spacing) * 4) !important;
  font-size: var(--text-sm) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  color: var(--color-red-700) !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), var(--tw-shadow) !important;
  .gform-icon {
    display: none !important;
  }
  p {
    margin-bottom: calc(var(--spacing) * 2) !important;
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  ul {
    list-style-position: inside !important;
    list-style-type: disc !important;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;
    }
    li {
      margin: calc(var(--spacing) * 0) !important;
    }
  }
  ol {
    margin: calc(var(--spacing) * 0) !important;
  }
}
.gform_wrapper .gsection_title {
  margin-top: calc(var(--spacing) * 6);
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-900);
  @media (prefers-color-scheme: dark) {
    color: var(--color-white);
  }
}
.gform_wrapper .gf_progressbar {
  height: calc(var(--spacing) * 2);
  border-radius: 0.25rem;
  background-color: var(--color-gray-200);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-gray-700);
  }
}
.gform_wrapper .gf_progressbar_percentage {
  height: 100%;
  border-radius: 0.25rem;
  background-color: var(--color-gray-600);
  text-align: center;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-white);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-gray-500);
  }
}
.gform_wrapper .gform_fields {
  display: grid;
  gap: calc(var(--spacing) * 6);
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.gform_wrapper .gfield {
  grid-column: span 2 / span 2;
  @media (width >= 40rem) {
    grid-column: span 1 / span 1;
  }
}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
  margin-bottom: calc(var(--spacing) * 2);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.gform_confirmation_message {
  border-radius: var(--radius-md);
  background-color: var(--color-green-100);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-green-800);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-green-900);
  }
  @media (prefers-color-scheme: dark) {
    color: var(--color-green-200);
  }
}
.gform_validation_errors {
  border-radius: var(--radius-md);
  background-color: var(--color-red-100);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-red-800);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-red-900);
  }
  @media (prefers-color-scheme: dark) {
    color: var(--color-red-200);
  }
}
.gform_wrapper .gform_fields {
  display: grid;
  gap: calc(var(--spacing) * 6) !important;
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 8) !important;
  }
}
.gform_wrapper .gfield {
  grid-column: span 2 / span 2;
  @media (width >= 40rem) {
    grid-column: span 1 / span 1;
  }
}
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
  margin-bottom: calc(var(--spacing) * 2);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
.gform_confirmation_message {
  border-radius: var(--radius-md);
  background-color: var(--color-green-100);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-green-800);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-green-900);
  }
  @media (prefers-color-scheme: dark) {
    color: var(--color-green-200);
  }
}
.gform_validation_errors {
  border-radius: var(--radius-md);
  background-color: var(--color-red-100);
  padding: calc(var(--spacing) * 4);
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  color: var(--color-red-800);
  @media (prefers-color-scheme: dark) {
    background-color: var(--color-red-900);
  }
  @media (prefers-color-scheme: dark) {
    color: var(--color-red-200);
  }
}
.image-carousel {
  position: relative;
  left: calc(1/2 * 100%);
  margin-left: calc(50vw * -1);
  width: 100vw;
  .swiper {
    position: relative;
    height: auto;
    padding-bottom: calc(var(--spacing) * 0);
    .swiper-wrapper {
      padding-top: calc(var(--spacing) * 10);
      @media (width >= 48rem) {
        padding-top: calc(var(--spacing) * 12);
      }
      @media (width >= 64rem) {
        padding-top: calc(var(--spacing) * 14);
      }
      @media (width >= 80rem) {
        padding-top: calc(var(--spacing) * 15);
      }
      @media (width >= 96rem) {
        padding-top: 70px;
      }
      .swiper-slide {
        position: relative;
        display: inline-block;
        height: 190px;
        width: auto;
        @media (width >= 48rem) {
          height: 310px;
        }
        @media (width >= 64rem) {
          height: 340px;
        }
        @media (width >= 80rem) {
          height: 380px;
        }
        @media (width >= 96rem) {
          height: 600px;
        }
        figure {
          height: 100%;
          width: 100%;
        }
        img {
          height: 100%;
          width: auto;
          object-fit: contain;
          vertical-align: top;
        }
      }
    }
  }
}
.wp-block-image img {
  margin-inline: auto;
  height: auto;
  width: 100%;
  vertical-align: top;
}
.introduction {
  p {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
article ul {
  margin-bottom: calc(var(--spacing) * 6);
  list-style-type: disc;
  padding-left: 18px;
}
article ol {
  margin-bottom: calc(var(--spacing) * 6);
  list-style-type: decimal;
  padding-left: 20px;
}
.narrow-column.offset-25 {
  @media (width >= 40rem) {
    padding-inline: 8.3333%;
  }
  @media (width >= 48rem) {
    padding-inline: 12.5%;
  }
  @media (width >= 64rem) {
    padding-inline: 16.6666%;
  }
  @media (width >= 80rem) {
    padding-inline: 25%;
  }
}
.narrow-column.offset-16 {
  @media (width >= 48rem) {
    padding-inline: 5%;
  }
  @media (width >= 64rem) {
    padding-inline: 8.3333%;
  }
  @media (width >= 80rem) {
    padding-inline: 16.6666%;
  }
}
.narrow-column.offset-8 {
  @media (width >= 64rem) {
    padding-inline: 8.3333%;
  }
}
.narrow-column {
  .advanced-container {
    margin-inline: auto;
    width: 100%;
    .container {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
}
article blockquote {
  position: relative;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-blue-500);
  background-color: var(--color-blue-500);
  padding-inline: calc(var(--spacing) * 10);
  padding-block: calc(var(--spacing) * 8);
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
  &::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 3);
  }
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 3);
  }
  &::before {
    content: var(--tw-content);
    height: 80px;
  }
  &::before {
    content: var(--tw-content);
    width: 80px;
  }
  &::before {
    content: var(--tw-content);
    background-image: var(--quote-icon);
  }
  &::before {
    content: var(--tw-content);
    background-size: 100% auto;
  }
  &::before {
    content: var(--tw-content);
    background-position: center;
  }
  &::before {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
  &::before {
    content: var(--tw-content);
    opacity: 20%;
  }
  &::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  p {
    margin-bottom: calc(var(--spacing) * 4);
    font-family: var(--font-serif);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
    color: var(--color-yellow-500);
    font-style: italic;
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  cite {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-yellow-700);
    font-style: normal;
  }
}
.wp-block-table {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-blue-100);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 4);
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 5);
  }
  @media (max-width: 640px) {
    width: 100%;
    overflow-x: scroll;
    display: block;
  }
  table {
    min-width: max-content;
    table-layout: auto;
  }
  tr {
    td, th {
      min-width: 300px;
      padding: calc(var(--spacing) * 2);
      @media (width >= 48rem) {
        padding-inline: calc(var(--spacing) * 0);
      }
      @media (width >= 48rem) {
        padding-block: calc(var(--spacing) * 3);
      }
    }
  }
  thead {
    border-style: var(--tw-border-style);
    border-width: 0px;
    tr {
      th {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
        border-right-style: var(--tw-border-style);
        border-right-width: 0px;
        border-left-style: var(--tw-border-style);
        border-left-width: 0px;
        border-color: var(--color-gray-300);
        text-align: left;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
      }
    }
  }
  tbody {
    tr {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-100);
        }
      }
      td {
        border-right-style: var(--tw-border-style);
        border-right-width: 0px;
        border-left-style: var(--tw-border-style);
        border-left-width: 0px;
        border-color: var(--color-gray-300);
      }
    }
  }
  tfoot {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-gray-300);
    tr {
      td {
        border-right-style: var(--tw-border-style);
        border-right-width: 0px;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
        border-left-style: var(--tw-border-style);
        border-left-width: 0px;
        border-color: var(--color-gray-300);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
      }
    }
  }
  figcaption {
    margin-top: calc(var(--spacing) * 2) !important;
    display: block;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-100);
  }
  &.is-style-stripes {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
    border-color: var(--color-blue-100) !important;
    table {
      thead {
        tr {
          th {
            padding-inline: calc(var(--spacing) * 4);
            padding-block: calc(var(--spacing) * 3);
          }
        }
      }
      tbody {
        tr {
          td {
            padding-inline: calc(var(--spacing) * 4);
            padding-block: calc(var(--spacing) * 3);
          }
        }
      }
      tbody tr:nth-child(odd) {
        background-color: var(--color-blue-50);
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-blue-100);
          }
        }
      }
      tfoot {
        tr {
          td {
            padding-inline: calc(var(--spacing) * 4);
            padding-block: calc(var(--spacing) * 3);
          }
        }
      }
    }
  }
}
h1 {
  margin-bottom: calc(var(--spacing) * 4);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-500);
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  @media (width >= 64rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
  @media (width >= 64rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  @media (width >= 80rem) {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  &:only-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
h2 {
  margin-bottom: calc(var(--spacing) * 3);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-500);
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  @media (width >= 64rem) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  @media (width >= 80rem) {
    font-size: 2.5rem;
  }
}
h3 {
  margin-bottom: calc(var(--spacing) * 2);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-500);
  @media (width >= 64rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  @media (width >= 80rem) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
}
h4 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-500);
  @media (width >= 48rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  @media (width >= 80rem) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
}
h5 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-500);
  @media (width >= 80rem) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
h6 {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-blue-500);
}
p {
  margin-bottom: calc(var(--spacing) * 6);
}
p:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
p a {
  text-decoration-line: underline;
}
p a:hover {
  text-decoration-line: none;
}
strong, b {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
article cite {
  padding-top: calc(var(--spacing) * 2);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-style: italic;
}
article figcaption {
  margin: calc(var(--spacing) * 0) !important;
  padding-top: calc(var(--spacing) * 2);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-style: italic;
}
.wp-block-video {
  margin-bottom: calc(var(--spacing) * 0) !important;
}
.whitespace {
  &.whitespace-small {
    height: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 6);
    }
  }
  &.whitespace-medium {
    height: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  &.whitespace-large {
    height: calc(var(--spacing) * 12);
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 15);
    }
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 20);
    }
  }
  &.whitespace-xlarge {
    height: calc(var(--spacing) * 15);
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 20);
    }
    @media (width >= 64rem) {
      height: calc(var(--spacing) * 30);
    }
  }
}
@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-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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --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;
      --tw-content: "";
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}