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

@layer properties;

@layer theme, base, components, utilities;

@layer theme {

  :root, :host {

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

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

    --spacing: 1px;

    --font-weight-light: 300;

    --font-weight-medium: 500;

    --font-weight-bold: 700;

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

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

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

    --default-transition-duration: 150ms;

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

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

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

    --design-width: 1440;

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

    --color-white: #FFFFFF;

    --color-black: #000000;

    --color-gray: #C8C8C8;

    --color-gray-medium: #e8e8e8;

    --color-gray-extra-light: #FAFAFA;

    --color-gray-light: #F5F5F5;

    --color-gray-dark: #454545;

    --font-body: 'Helvetica Neue', sans-serif;

    --text-12: 12px;

    --text-14: 14px;

    --text-16: 16px;

    --text-18: 18px;

    --text-20: 20px;

    --text-24: 24px;

    --text-28: 28px;

    --text-32: 32px;

    --text-48: 48px;

    --text-56: 56px;

    --text-60: 60px;

    --text-80: 80px;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    --spacing-mw: 1440px;

    --spacing-0_41vw: 0.41vw;

    --spacing-0_55vw: 0.55vw;

    --spacing-0_83vw: 0.83vw;

    --spacing-1_11vw: 1.11vw;

    --spacing-1_38vw: 1.38vw;

    --spacing-1_52vw: 1.52vw;

    --spacing-1_66vw: 1.66vw;

    --spacing-2_22vw: 2.22vw;

    --spacing-2_77vw: 2.77vw;

    --spacing-3_33vw: 3.33vw;

    --spacing-3_61vw: 3.61vw;

    --spacing-4_44vw: 4.44vw;

    --spacing-5vw: 5vw;

    --spacing-5_55vw: 5.55vw;

    --spacing-6_11vw: 6.11vw;

    --spacing-7_22vw: 7.22vw;

    --spacing-8_61vw: 8.61vw;

    --spacing-11_11vw: 11.11vw;

    --spacing-13_61vw: 13.61vw;

    --spacing-20_83vw: 20.83vw;

    --spacing-23_05vw: 23.05vw;

    --spacing-29_17vw: 29.17vw;

    --spacing-34_16vw: 34.16vw;

    --spacing-35_83vw: 35.83vw;

    --spacing-40_97vw: 40.97vw;

    --spacing-59_72vw: 59.72vw;

    --spacing-80_28vw: 80.28vw;

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

    --radius-8: 8px;

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

@layer base {

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

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0 solid;
  }

  html, :host {

    line-height: 1.5;

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

    -moz-tab-size: 4;

      -o-tab-size: 4;

         tab-size: 4;

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

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

    font-feature-settings: normal;

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

    font-variation-settings: normal;

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

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

  hr {

    height: 0;

    color: inherit;

    border-top-width: 1px;
  }

  abbr:where([title]) {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;
  }

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

    font-size: inherit;

    font-weight: inherit;
  }

  a {

    color: inherit;

    -webkit-text-decoration: inherit;

    text-decoration: inherit;
  }

  b, strong {

    font-weight: bolder;
  }

  code, kbd, samp, pre {

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

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

    font-feature-settings: normal;

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

    font-variation-settings: normal;

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

    font-size: 1em;
  }

  small {

    font-size: 80%;
  }

  sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;
  }

  sub {

    bottom: -0.25em;
  }

  sup {

    top: -0.5em;
  }

  table {

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse;
  }

  :-moz-focusring {

    outline: auto;
  }

  progress {

    vertical-align: baseline;
  }

  summary {

    display: list-item;
  }

  ol, ul, menu {

    list-style: none;
  }

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

    display: block;

    vertical-align: middle;
  }

  img, video {

    max-width: 100%;

    height: auto;
  }

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

    font: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    letter-spacing: inherit;

    color: inherit;

    border-radius: 0;

    background-color: transparent;

    opacity: 1;
  }

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

    font-weight: bolder;
  }

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

    padding-inline-start: 20px;
  }

  ::file-selector-button {

    margin-inline-end: 4px;
  }

  ::-moz-placeholder {

    opacity: 1;
  }

  ::placeholder {

    opacity: 1;
  }

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

    ::-moz-placeholder {

      color: currentcolor;
    }

    ::placeholder {

      color: currentcolor;
    }

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

      ::-moz-placeholder {

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

      ::placeholder {

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

  textarea {

    resize: vertical;
  }

  ::-webkit-search-decoration {

    -webkit-appearance: none;
  }

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

    min-height: 1lh;

    text-align: inherit;
  }

  ::-webkit-datetime-edit {

    display: inline-flex;
  }

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

    padding: 0;
  }

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

    padding-block: 0;
  }

  :-moz-ui-invalid {

    box-shadow: none;
  }

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

    -webkit-appearance: button;

       -moz-appearance: button;

            appearance: button;
  }

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

    height: auto;
  }

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

    display: none !important;
  }
}

@layer utilities {

  .\@container {

    container-type: inline-size;
  }

  .pointer-events-auto {

    pointer-events: auto;
  }

  .pointer-events-none {

    pointer-events: none;
  }

  .\!visible {

    visibility: visible !important;
  }

  .collapse {

    visibility: collapse;
  }

  .invisible {

    visibility: hidden;
  }

  .visible {

    visibility: visible;
  }

  .visible\! {

    visibility: visible !important;
  }

  .\!sticky {

    position: sticky !important;
  }

  .absolute {

    position: absolute;
  }

  .fixed {

    position: fixed;
  }

  .relative {

    position: relative;
  }

  .static {

    position: static;
  }

  .sticky {

    position: sticky;
  }

  .top-0 {

    top: calc(1px * 0);

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

  .top-10 {

    top: calc(1px * 10);

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

  .top-100 {

    top: calc(1px * 100);

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

  .left-0 {

    left: calc(1px * 0);

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

  .isolate {

    isolation: isolate;
  }

  .z-0 {

    z-index: 0;
  }

  .z-2 {

    z-index: 2;
  }

  .z-5 {

    z-index: 5;
  }

  .z-50 {

    z-index: 50;
  }

  .col-span-2 {

    grid-column: span 2 / span 2;
  }

  .col-span-3 {

    grid-column: span 3 / span 3;
  }

  .container {

    width: 100%;
  }

  @media (min-width: 768px) {

    .container {

      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {

    .container {

      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {

    .container {

      max-width: 1280px;
    }
  }

  @media (min-width: 1440px) {

    .container {

      max-width: 1440px;
    }
  }

  .container\! {

    width: 100% !important;
  }

  @media (min-width: 768px) {

    .container\! {

      max-width: 768px !important;
    }
  }

  @media (min-width: 1024px) {

    .container\! {

      max-width: 1024px !important;
    }
  }

  @media (min-width: 1280px) {

    .container\! {

      max-width: 1280px !important;
    }
  }

  @media (min-width: 1440px) {

    .container\! {

      max-width: 1440px !important;
    }
  }

  .m-729 {

    margin: calc(1px * 729);

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

  .mx-auto {

    margin-inline: auto;
  }

  .mt-4 {

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

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

  .mt-8 {

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

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

  .mt-32 {

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

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

  .mb-8 {

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

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

  .mb-16 {

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

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

  .mb-32 {

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

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

  .\!hidden {

    display: none !important;
  }

  .\!inline {

    display: inline !important;
  }

  .block {

    display: block;
  }

  .block\! {

    display: block !important;
  }

  .contents {

    display: contents;
  }

  .flex {

    display: flex;
  }

  .grid {

    display: grid;
  }

  .hidden {

    display: none;
  }

  .inline {

    display: inline;
  }

  .inline-block {

    display: inline-block;
  }

  .inline-flex {

    display: inline-flex;
  }

  .inline-grid {

    display: inline-grid;
  }

  .inline-table {

    display: inline-table;
  }

  .list-item {

    display: list-item;
  }

  .table {

    display: table;
  }

  .table-caption {

    display: table-caption;
  }

  .table-cell {

    display: table-cell;
  }

  .table-column {

    display: table-column;
  }

  .table-column-group {

    display: table-column-group;
  }

  .table-footer-group {

    display: table-footer-group;
  }

  .table-header-group {

    display: table-header-group;
  }

  .table-row {

    display: table-row;
  }

  .table-row-group {

    display: table-row-group;
  }

  .aspect-412\/237 {

    aspect-ratio: 412/237;
  }

  .size-full {

    width: 100%;

    height: 100%;
  }

  .h-4 {

    height: calc(1px * 4);

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

  .h-23_05vw {

    height: 23.05vw;

    height: var(--spacing-23_05vw);
  }

  .h-full {

    height: 100%;
  }

  .w-1\/2 {

    width: 50%;

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

  .w-1\/3 {

    width: calc(1/3 * 100%);
  }

  .w-29_17vw {

    width: 29.17vw;

    width: var(--spacing-29_17vw);
  }

  .w-full {

    width: 100%;
  }

  .max-w-240 {

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

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

  .max-w-580 {

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

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

  .max-w-mw {

    max-width: 1440px;

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

  .flex-shrink {

    flex-shrink: 1;
  }

  .shrink {

    flex-shrink: 1;
  }

  .flex-grow {

    flex-grow: 1;
  }

  .grow {

    flex-grow: 1;
  }

  .border-collapse {

    border-collapse: collapse;
  }

  .transform {

    transform:          ;

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

  .cursor-pointer {

    cursor: pointer;
  }

  .cursor-zoom-in {

    cursor: zoom-in;
  }

  .resize {

    resize: both;
  }

  .columns-1 {

    -moz-columns: 1;

         columns: 1;
  }

  .columns-2 {

    -moz-columns: 2;

         columns: 2;
  }

  .grid-cols-3 {

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

  .flex-col {

    flex-direction: column;
  }

  .flex-wrap {

    flex-wrap: wrap;
  }

  .items-center {

    align-items: center;
  }

  .items-end {

    align-items: flex-end;
  }

  .justify-between {

    justify-content: space-between;
  }

  .justify-center {

    justify-content: center;
  }

  .justify-end {

    justify-content: flex-end;
  }

  .gap-16 {

    gap: calc(1px * 16);

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

  .gap-x-8 {

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

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

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

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

  .gap-x-16 {

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

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

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

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

  .self-end {

    align-self: flex-end;
  }

  .self-start {

    align-self: flex-start;
  }

  .truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
  }

  .overflow-hidden {

    overflow: hidden;
  }

  .overflow-visible {

    overflow: visible;
  }

  .rounded {

    border-radius: 0.25rem;
  }

  .border {

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

    border-width: 1px;
  }

  .border-2 {

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

    border-width: 2px;
  }

  .border-x-2 {

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

    border-inline-width: 2px;
  }

  .border-t-1 {

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

    border-top-width: 1px;
  }

  .border-b-1 {

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

    border-bottom-width: 1px;
  }

  .border-b-2 {

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

    border-bottom-width: 2px;
  }

  .border-l-4 {

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

    border-left-width: 4px;
  }

  .border-solid {

    --tw-border-style: solid;

    border-style: solid;
  }

  .border-black {

    border-color: #000000;

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

  .border-gray {

    border-color: #C8C8C8;

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

  .border-gray-light {

    border-color: #F5F5F5;

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

  .bg-black {

    background-color: #000000;

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

  .bg-black\/50 {

    background-color: color-mix(in srgb, #000000 50%, transparent);
  }

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

    .bg-black\/50 {

      background-color: color-mix(in oklab, #000000 50%, transparent);
    }

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

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

  .bg-gray {

    background-color: #C8C8C8;

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

  .bg-gray-extra-light {

    background-color: #FAFAFA;

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

  .bg-gray-light {

    background-color: #F5F5F5;

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

  .bg-white {

    background-color: #FFFFFF;

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

  .object-cover {

    -o-object-fit: cover;

       object-fit: cover;
  }

  .object-center {

    -o-object-position: center;

       object-position: center;
  }

  .p-1 {

    padding: calc(1px * 1);

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

  .p-16 {

    padding: calc(1px * 16);

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

  .px-2 {

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

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

  .px-16 {

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

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

  .py-16 {

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

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

  .pt-2 {

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

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

  .pl-16 {

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

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

  .pl-32 {

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

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

  .text-center {

    text-align: center;
  }

  .text-justify {

    text-align: justify;
  }

  .text-12 {

    font-size: 12px;

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

  .text-14 {

    font-size: 14px;

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

  .font-bold {

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

    font-weight: 700;

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

  .font-light {

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

    font-weight: 300;

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

  .font-medium {

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

    font-weight: 500;

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

  .text-wrap {

    text-wrap: wrap;
  }

  .break-all {

    word-break: break-all;
  }

  .text-black {

    color: #000000;

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

  .text-gray {

    color: #C8C8C8;

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

  .text-gray-dark {

    color: #454545;

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

  .text-white {

    color: #FFFFFF;

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

  .capitalize {

    text-transform: capitalize;
  }

  .lowercase {

    text-transform: lowercase;
  }

  .uppercase {

    text-transform: uppercase;
  }

  .italic {

    font-style: italic;
  }

  .diagonal-fractions {

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

    font-feature-settings:         diagonal-fractions;

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

    font-variant-numeric:         diagonal-fractions;

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

  .lining-nums {

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

    font-feature-settings:     lining-nums    ;

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

    font-variant-numeric:     lining-nums    ;

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

  .oldstyle-nums {

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

    font-feature-settings:     oldstyle-nums    ;

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

    font-variant-numeric:     oldstyle-nums    ;

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

  .ordinal {

    --tw-ordinal: ordinal;

    font-feature-settings: ordinal        ;

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

    font-variant-numeric: ordinal        ;

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

  .proportional-nums {

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

    font-feature-settings:       proportional-nums  ;

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

    font-variant-numeric:       proportional-nums  ;

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

  .slashed-zero {

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

    font-feature-settings:   slashed-zero      ;

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

    font-variant-numeric:   slashed-zero      ;

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

  .stacked-fractions {

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

    font-feature-settings:         stacked-fractions;

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

    font-variant-numeric:         stacked-fractions;

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

  .tabular-nums {

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

    font-feature-settings:       tabular-nums  ;

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

    font-variant-numeric:       tabular-nums  ;

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

  .line-through {

    text-decoration-line: line-through;
  }

  .overline {

    text-decoration-line: overline;
  }

  .underline {

    text-decoration-line: underline;
  }

  .antialiased {

    -webkit-font-smoothing: antialiased;

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

  .subpixel-antialiased {

    -webkit-font-smoothing: auto;

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

  .opacity-0 {

    opacity: 0%;
  }

  .opacity-5 {

    opacity: 5%;
  }

  .opacity-25 {

    opacity: 25%;
  }

  .shadow {

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

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

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

  .ring {

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

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

  .outline {

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

    outline-width: 1px;
  }

  .blur {

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

    filter: blur(8px)                ;

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

  .drop-shadow {

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

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

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

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

  .grayscale {

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

    filter:       grayscale(100%)          ;

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

  .invert {

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

    filter:           invert(100%)      ;

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

  .\!filter {

    filter:                   !important;

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

  .filter {

    filter:                  ;

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

  .transition {

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

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

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

    transition-duration: 150ms;

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

  .transition-all {

    transition-property: all;

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

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

    transition-duration: 150ms;

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

  .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: cubic-bezier(0.4, 0, 0.2, 1);

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

    transition-duration: 150ms;

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

  .transition-opacity {

    transition-property: opacity;

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

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

    transition-duration: 150ms;

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

  .transition-transform {

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

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

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

    transition-duration: 150ms;

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

  .duration-200 {

    --tw-duration: 200ms;

    transition-duration: 200ms;
  }

  .duration-300 {

    --tw-duration: 300ms;

    transition-duration: 300ms;
  }

  .duration-350 {

    --tw-duration: 350ms;

    transition-duration: 350ms;
  }

  .ease-in {

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

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

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

  .ease-in-out {

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

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

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

  .ease-linear {

    --tw-ease: linear;

    transition-timing-function: linear;
  }

  .ease-out {

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

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

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

  .outline-none {

    --tw-outline-style: none;

    outline-style: none;
  }

  .select-all {

    -webkit-user-select: all;

    -moz-user-select: all;

         user-select: all;
  }

  .\[hostname\:port\] {

    hostname: port;
  }

  .placeholder\:text-gray::-moz-placeholder {

    color: #C8C8C8;

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

  .placeholder\:text-gray::placeholder {

    color: #C8C8C8;

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

  .placeholder\:text-white::-moz-placeholder {

    color: #FFFFFF;

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

  .placeholder\:text-white::placeholder {

    color: #FFFFFF;

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

  .before\:absolute::before {

    content: var(--tw-content);

    position: absolute;
  }

  .before\:top-0::before {

    content: var(--tw-content);

    top: calc(1px * 0);

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

  .before\:left-0::before {

    content: var(--tw-content);

    left: calc(1px * 0);

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

  .before\:h-full::before {

    content: var(--tw-content);

    height: 100%;
  }

  .before\:w-full::before {

    content: var(--tw-content);

    width: 100%;
  }

  .before\:bg-black::before {

    content: var(--tw-content);

    background-color: #000000;

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

  .before\:opacity-50::before {

    content: var(--tw-content);

    opacity: 50%;
  }

  .before\:content-\[\'\'\]::before {

    content: '';

    content: var(--tw-content);

    --tw-content: '';

    content: var(--tw-content);
  }

  @media (hover: hover) {

    .hover\:scale-105:hover {

      --tw-scale-x: 105%;

      --tw-scale-y: 105%;

      --tw-scale-z: 105%;

      scale: 105% 105%;

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

  @media (hover: hover) {

    .hover\:bg-black:hover {

      background-color: #000000;

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

  @media (hover: hover) {

    .hover\:bg-gray-dark:hover {

      background-color: #454545;

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

  @media (hover: hover) {

    .hover\:text-black:hover {

      color: #000000;

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

  @media (hover: hover) {

    .hover\:text-white:hover {

      color: #FFFFFF;

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

  @media (hover: hover) {

    .hover\:underline:hover {

      text-decoration-line: underline;
    }
  }

  .focus\:border-black:focus {

    border-color: #000000;

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

  .focus\:outline-none:focus {

    --tw-outline-style: none;

    outline-style: none;
  }

  .disabled\:cursor-not-allowed:disabled {

    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {

    opacity: 50%;
  }

  @media (min-width: 1024px) {

    .lg\:pointer-events-none {

      pointer-events: none;
    }
  }

  @media (min-width: 1024px) {

    .lg\:top-2_22vw {

      top: 2.22vw;

      top: var(--spacing-2_22vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:right-5_55vw {

      right: 5.55vw;

      right: var(--spacing-5_55vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:left-1_11vw {

      left: 1.11vw;

      left: var(--spacing-1_11vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mt-1_11vw {

      margin-top: 1.11vw;

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

  @media (min-width: 1024px) {

    .lg\:mb-0_55vw {

      margin-bottom: 0.55vw;

      margin-bottom: var(--spacing-0_55vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-1_11vw {

      margin-bottom: 1.11vw;

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

  @media (min-width: 1024px) {

    .lg\:mb-1_66vw {

      margin-bottom: 1.66vw;

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

  @media (min-width: 1024px) {

    .lg\:mb-2_22vw {

      margin-bottom: 2.22vw;

      margin-bottom: var(--spacing-2_22vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-2_77vw {

      margin-bottom: 2.77vw;

      margin-bottom: var(--spacing-2_77vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-3_61vw {

      margin-bottom: 3.61vw;

      margin-bottom: var(--spacing-3_61vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:mb-4_44vw {

      margin-bottom: 4.44vw;

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

  @media (min-width: 1024px) {

    .lg\:mb-8_61vw {

      margin-bottom: 8.61vw;

      margin-bottom: var(--spacing-8_61vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:block {

      display: block;
    }
  }

  @media (min-width: 1024px) {

    .lg\:flex {

      display: flex;
    }
  }

  @media (min-width: 1024px) {

    .lg\:hidden {

      display: none;
    }
  }

  @media (min-width: 1024px) {

    .lg\:h-3_33vw {

      height: 3.33vw;

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

  @media (min-width: 1024px) {

    .lg\:w-2_77vw {

      width: 2.77vw;

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

  @media (min-width: 1024px) {

    .lg\:w-13_61vw {

      width: 13.61vw;

      width: var(--spacing-13_61vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-20_83vw {

      width: 20.83vw;

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

  @media (min-width: 1024px) {

    .lg\:w-34_16vw {

      width: 34.16vw;

      width: var(--spacing-34_16vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-35_83vw {

      width: 35.83vw;

      width: var(--spacing-35_83vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:w-40_97vw {

      width: 40.97vw;

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

  @media (min-width: 1024px) {

    .lg\:max-w-13_61vw {

      max-width: 13.61vw;

      max-width: var(--spacing-13_61vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:min-w-11_11vw {

      min-width: 11.11vw;

      min-width: var(--spacing-11_11vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:items-end {

      align-items: flex-end;
    }
  }

  @media (min-width: 1024px) {

    .lg\:justify-between {

      justify-content: space-between;
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-x-0_55vw {

      -moz-column-gap: 0.55vw;

           column-gap: 0.55vw;

      -moz-column-gap: var(--spacing-0_55vw);

           column-gap: var(--spacing-0_55vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-x-1_11vw {

      -moz-column-gap: 1.11vw;

           column-gap: 1.11vw;

      -moz-column-gap: var(--spacing-1_11vw);

           column-gap: var(--spacing-1_11vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-x-1_66vw {

      -moz-column-gap: 1.66vw;

           column-gap: 1.66vw;

      -moz-column-gap: var(--spacing-1_66vw);

           column-gap: var(--spacing-1_66vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-1_11vw {

      row-gap: 1.11vw;

      row-gap: var(--spacing-1_11vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-4_44vw {

      row-gap: 4.44vw;

      row-gap: var(--spacing-4_44vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:gap-y-16 {

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

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

  @media (min-width: 1024px) {

    .lg\:p-0_55vw {

      padding: 0.55vw;

      padding: var(--spacing-0_55vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-1_11vw {

      padding: 1.11vw;

      padding: var(--spacing-1_11vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:p-1_52vw {

      padding: 1.52vw;

      padding: var(--spacing-1_52vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-0_55vw {

      padding-inline: 0.55vw;

      padding-inline: var(--spacing-0_55vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-0_83vw {

      padding-inline: 0.83vw;

      padding-inline: var(--spacing-0_83vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-1_11vw {

      padding-inline: 1.11vw;

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

  @media (min-width: 1024px) {

    .lg\:px-1_66vw {

      padding-inline: 1.66vw;

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

  @media (min-width: 1024px) {

    .lg\:px-5_55vw {

      padding-inline: 5.55vw;

      padding-inline: var(--spacing-5_55vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:px-5vw {

      padding-inline: 5vw;

      padding-inline: var(--spacing-5vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-0_55vw {

      padding-block: 0.55vw;

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

  @media (min-width: 1024px) {

    .lg\:py-1_11vw {

      padding-block: 1.11vw;

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

  @media (min-width: 1024px) {

    .lg\:py-1_38vw {

      padding-block: 1.38vw;

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

  @media (min-width: 1024px) {

    .lg\:py-1_66vw {

      padding-block: 1.66vw;

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

  @media (min-width: 1024px) {

    .lg\:py-2_22vw {

      padding-block: 2.22vw;

      padding-block: var(--spacing-2_22vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:py-2_77vw {

      padding-block: 2.77vw;

      padding-block: var(--spacing-2_77vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-0_83vw {

      padding-top: 0.83vw;

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

  @media (min-width: 1024px) {

    .lg\:pt-1_11vw {

      padding-top: 1.11vw;

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

  @media (min-width: 1024px) {

    .lg\:pt-1_66vw {

      padding-top: 1.66vw;

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

  @media (min-width: 1024px) {

    .lg\:pt-2_22vw {

      padding-top: 2.22vw;

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

  @media (min-width: 1024px) {

    .lg\:pt-3_33vw {

      padding-top: 3.33vw;

      padding-top: var(--spacing-3_33vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-4_44vw {

      padding-top: 4.44vw;

      padding-top: var(--spacing-4_44vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pt-6_11vw {

      padding-top: 6.11vw;

      padding-top: var(--spacing-6_11vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-0_41vw {

      padding-bottom: 0.41vw;

      padding-bottom: var(--spacing-0_41vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-0_55vw {

      padding-bottom: 0.55vw;

      padding-bottom: var(--spacing-0_55vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pb-1_66vw {

      padding-bottom: 1.66vw;

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

  @media (min-width: 1024px) {

    .lg\:pb-2_22vw {

      padding-bottom: 2.22vw;

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

  @media (min-width: 1024px) {

    .lg\:pb-3_33vw {

      padding-bottom: 3.33vw;

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

  @media (min-width: 1024px) {

    .lg\:pb-4_44vw {

      padding-bottom: 4.44vw;

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

  @media (min-width: 1024px) {

    .lg\:pb-5_55vw {

      padding-bottom: 5.55vw;

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

  @media (min-width: 1024px) {

    .lg\:pb-7_22vw {

      padding-bottom: 7.22vw;

      padding-bottom: var(--spacing-7_22vw);
    }
  }

  @media (min-width: 1024px) {

    .lg\:pl-1_66vw {

      padding-left: 1.66vw;

      padding-left: var(--spacing-1_66vw);
    }
  }

  @media (min-width: 1024px) {

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

      font-size: 12px;

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

      line-height: calc(12 * calc(100 / 1440) * 1vw);

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

  @media (min-width: 1024px) {

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

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

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

      line-height: calc(12 * calc(100 / 1440) * 1vw);

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

  @media (min-width: 1024px) {

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

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

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

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

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

  @media (min-width: 1024px) {

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

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

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

      line-height: calc(14 * calc(100 / 1440) * 1vw);

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

  @media (min-width: 1024px) {

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

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

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

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

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

  @media (min-width: 1024px) {

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

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

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

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

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

  @media (min-width: 1024px) {

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

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

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

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

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

  @media (min-width: 1024px) {

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

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

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

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

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

  @media (min-width: 1024px) {

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

      font-size: calc(22 * calc(100 / 1440) * 1vw);

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

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

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

  @media (min-width: 1024px) {

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

      font-size: calc(22 * calc(100 / 1440) * 1vw);

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

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

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

  @media (min-width: 1024px) {

    .lg\:text-24\/32 {

      font-size: 24px;

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

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

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

  @media (min-width: 1024px) {

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

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

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

      line-height: calc(32 * calc(100 / 1440) * 1vw);

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

  @media (min-width: 1024px) {

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

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

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

      line-height: calc(32 * calc(100 / 1440) * 1vw);

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

  @media (min-width: 1024px) {

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

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

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

      line-height: calc(40 * calc(100 / 1440) * 1vw);

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

  @media (min-width: 1024px) {

    .lg\:text-48vw\/54vw {

      font-size: calc(48 * calc(100 / 1440) * 1vw);

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

      line-height: calc(54 * calc(100 / 1440) * 1vw);

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

  @media (min-width: 1024px) {

    .lg\:text-80vw\/80vw {

      font-size: calc(80 * calc(100 / 1440) * 1vw);

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

      line-height: calc(80 * calc(100 / 1440) * 1vw);

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

  @media (min-width: 1024px) {

    .lg\:text-12vw {

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

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

  @media (min-width: 1024px) {

    .lg\:text-16vw {

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

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

  @media (min-width: 1024px) {

    .lg\:text-24vw {

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

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

  @media (min-width: 1024px) {

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

      font-size: calc(22 * calc(100 / 1440) * 1vw);

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

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

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

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

      font-size: calc(22 * calc(100 / 1440) * 1vw);

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

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

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

  @media (min-width: 1024px) {

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

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

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

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

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

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

  @media (hover: hover) {

    @media (min-width: 1024px) {

      .hover\:lg\:bg-black:hover {

        background-color: #000000;

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

  @media (hover: hover) {

    @media (min-width: 1024px) {

      .hover\:lg\:bg-white:hover {

        background-color: #FFFFFF;

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

  @media (hover: hover) {

    @media (min-width: 1024px) {

      .hover\:lg\:text-black:hover {

        color: #000000;

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

  @media (hover: hover) {

    @media (min-width: 1024px) {

      .hover\:lg\:text-white:hover {

        color: #FFFFFF;

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

  @media (min-width: 1440px) {

    .mw\:top-32 {

      top: calc(1px * 32);

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

  @media (min-width: 1440px) {

    .mw\:right-80 {

      right: calc(1px * 80);

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

  @media (min-width: 1440px) {

    .mw\:left-16 {

      left: calc(1px * 16);

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

  @media (min-width: 1440px) {

    .mw\:mt-16 {

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

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

  @media (min-width: 1440px) {

    .mw\:mb-8 {

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

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

  @media (min-width: 1440px) {

    .mw\:mb-16 {

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

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

  @media (min-width: 1440px) {

    .mw\:mb-24 {

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

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

  @media (min-width: 1440px) {

    .mw\:mb-32 {

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

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

  @media (min-width: 1440px) {

    .mw\:mb-40 {

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

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

  @media (min-width: 1440px) {

    .mw\:mb-52 {

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

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

  @media (min-width: 1440px) {

    .mw\:mb-64 {

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

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

  @media (min-width: 1440px) {

    .mw\:mb-124 {

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

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

  @media (min-width: 1440px) {

    .mw\:h-36 {

      height: calc(1px * 36);

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

  @media (min-width: 1440px) {

    .mw\:h-48 {

      height: calc(1px * 48);

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

  @media (min-width: 1440px) {

    .mw\:h-332 {

      height: calc(1px * 332);

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

  @media (min-width: 1440px) {

    .mw\:w-40 {

      width: calc(1px * 40);

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

  @media (min-width: 1440px) {

    .mw\:w-196 {

      width: calc(1px * 196);

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

  @media (min-width: 1440px) {

    .mw\:w-300 {

      width: calc(1px * 300);

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

  @media (min-width: 1440px) {

    .mw\:w-420 {

      width: calc(1px * 420);

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

  @media (min-width: 1440px) {

    .mw\:w-492 {

      width: calc(1px * 492);

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

  @media (min-width: 1440px) {

    .mw\:w-516 {

      width: calc(1px * 516);

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

  @media (min-width: 1440px) {

    .mw\:w-590 {

      width: calc(1px * 590);

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

  @media (min-width: 1440px) {

    .mw\:max-w-196 {

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

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

  @media (min-width: 1440px) {

    .mw\:max-w-492 {

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

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

  @media (min-width: 1440px) {

    .mw\:min-w-160 {

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

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

  @media (min-width: 1440px) {

    .mw\:min-w-196 {

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

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

  @media (min-width: 1440px) {

    .mw\:gap-x-8 {

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

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

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

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

  @media (min-width: 1440px) {

    .mw\:gap-x-16 {

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

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

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

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

  @media (min-width: 1440px) {

    .mw\:gap-x-24 {

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

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

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

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

  @media (min-width: 1440px) {

    .mw\:gap-y-16 {

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

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

  @media (min-width: 1440px) {

    .mw\:gap-y-64 {

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

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

  @media (min-width: 1440px) {

    .mw\:rounded-8 {

      border-radius: 8px;

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

  @media (min-width: 1440px) {

    .mw\:p-8 {

      padding: calc(1px * 8);

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

  @media (min-width: 1440px) {

    .mw\:p-16 {

      padding: calc(1px * 16);

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

  @media (min-width: 1440px) {

    .mw\:p-22 {

      padding: calc(1px * 22);

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

  @media (min-width: 1440px) {

    .mw\:px-8 {

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

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

  @media (min-width: 1440px) {

    .mw\:px-12 {

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

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

  @media (min-width: 1440px) {

    .mw\:px-16 {

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

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

  @media (min-width: 1440px) {

    .mw\:px-24 {

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

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

  @media (min-width: 1440px) {

    .mw\:px-72 {

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

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

  @media (min-width: 1440px) {

    .mw\:px-80 {

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

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

  @media (min-width: 1440px) {

    .mw\:py-1_38vw {

      padding-block: 1.38vw;

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

  @media (min-width: 1440px) {

    .mw\:py-8 {

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

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

  @media (min-width: 1440px) {

    .mw\:py-16 {

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

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

  @media (min-width: 1440px) {

    .mw\:py-20 {

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

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

  @media (min-width: 1440px) {

    .mw\:py-24 {

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

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

  @media (min-width: 1440px) {

    .mw\:py-32 {

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

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

  @media (min-width: 1440px) {

    .mw\:py-40 {

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

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

  @media (min-width: 1440px) {

    .mw\:pt-12 {

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

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

  @media (min-width: 1440px) {

    .mw\:pt-16 {

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

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

  @media (min-width: 1440px) {

    .mw\:pt-24 {

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

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

  @media (min-width: 1440px) {

    .mw\:pt-32 {

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

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

  @media (min-width: 1440px) {

    .mw\:pt-48 {

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

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

  @media (min-width: 1440px) {

    .mw\:pt-64 {

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

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

  @media (min-width: 1440px) {

    .mw\:pt-88 {

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

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

  @media (min-width: 1440px) {

    .mw\:pb-6 {

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

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

  @media (min-width: 1440px) {

    .mw\:pb-8 {

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

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

  @media (min-width: 1440px) {

    .mw\:pb-24 {

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

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

  @media (min-width: 1440px) {

    .mw\:pb-32 {

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

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

  @media (min-width: 1440px) {

    .mw\:pb-48 {

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

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

  @media (min-width: 1440px) {

    .mw\:pb-64 {

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

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

  @media (min-width: 1440px) {

    .mw\:pb-80 {

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

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

  @media (min-width: 1440px) {

    .mw\:pb-104 {

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

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

  @media (min-width: 1440px) {

    .mw\:pl-24 {

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

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

  @media (min-width: 1440px) {

    .mw\:text-12\/12 {

      font-size: 12px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-12\/16 {

      font-size: 12px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-14\/14 {

      font-size: 14px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-14\/18 {

      font-size: 14px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-16\/16 {

      font-size: 16px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-16\/20 {

      font-size: 16px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-16\/22 {

      font-size: 16px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-16\/24 {

      font-size: 16px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-18\/22 {

      font-size: 18px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-18\/24 {

      font-size: 18px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-20\/20 {

      font-size: 20px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-20\/24 {

      font-size: 20px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-24\/32 {

      font-size: 24px;

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

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

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

  @media (min-width: 1440px) {

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

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

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

      line-height: calc(32 * calc(100 / 1440) * 1vw);

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

  @media (min-width: 1440px) {

    .mw\:text-28\/32 {

      font-size: 28px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-32\/40 {

      font-size: 32px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-48\/52 {

      font-size: 48px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-48\/54 {

      font-size: 48px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-48\/56 {

      font-size: 48px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-56\/60 {

      font-size: 56px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-60\/60 {

      font-size: 60px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-80\/80 {

      font-size: 80px;

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

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

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

  @media (min-width: 1440px) {

    .mw\:text-12 {

      font-size: 12px;

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

  @media (min-width: 1440px) {

    .mw\:text-16 {

      font-size: 16px;

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

  @media (min-width: 1440px) {

    .mw\:text-24 {

      font-size: 24px;

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

  @media (min-width: 1440px) {

    .placeholder\:mw\:text-20\/24::-moz-placeholder {

      font-size: 20px;

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

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

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

    .placeholder\:mw\:text-20\/24::placeholder {

      font-size: 20px;

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

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

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

  @media (min-width: 1440px) {

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

      font-size: 24px;

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

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

      font-size: 24px;

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

@layer components;

@layer components;

.glightbox-container {

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 999999 !important;

  overflow: hidden;

  touch-action: none;

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

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

  text-size-adjust: 100%;

  backface-visibility: hidden;

  outline: 0;
}

.glightbox-container.inactive {

  display: none;
}

.glightbox-container .gcontainer {

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 9999;

  overflow: hidden;
}

.glightbox-container .gslider {

  transition: transform .4s ease;

  height: 100%;

  left: 0;

  top: 0;

  width: 100%;

  position: relative;

  overflow: hidden;

  display: flex !important;

  justify-content: center;

  align-items: center;

  transform: translate3d(0,0,0);
}

.glightbox-container .gslide {

  width: 100%;

  position: absolute;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;
}

.glightbox-container .gslide.current {

  opacity: 1;

  z-index: 99999;

  position: relative;
}

.glightbox-container .gslide.prev {

  opacity: 1;

  z-index: 9999;
}

.glightbox-container .gslide-inner-content {

  width: 100%;
}

.glightbox-container .ginner-container {

  position: relative;

  width: 100%;

  display: flex;

  justify-content: center;

  flex-direction: column;

  max-width: 100%;

  margin: auto;

  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {

  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top {

  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right {

  max-width: 100% !important;
}

.gslide iframe,.gslide video {

  outline: 0 !important;

  border: none;

  min-height: 165px;

  -webkit-overflow-scrolling: touch;

  touch-action: auto;
}

.gslide:not(.current) {

  pointer-events: none;
}

.gslide-image {

  align-items: center;
}

.gslide-image img {

  max-height: 100vh;

  display: block;

  padding: 0;

  float: none;

  outline: 0;

  border: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none;

  max-width: 100vw;

  width: auto;

  height: auto;

  -o-object-fit: cover;

  object-fit: cover;

  touch-action: none;

  margin: auto;

  min-width: 200px;
}

.desc-bottom .gslide-image img,.desc-top .gslide-image img {

  width: auto;
}

.desc-left .gslide-image img,.desc-right .gslide-image img {

  width: auto;

  max-width: 100%;
}

.gslide-image img.zoomable {

  position: relative;
}

.gslide-image img.dragging {

  cursor: grabbing !important;

  transition: none;
}

.gslide-video {

  position: relative;

  max-width: 100vh;

  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {

  display: none;
}

.gslide-video .gvideo-wrapper {

  width: 100%;

  margin: auto;
}

.gslide-video::before {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  background: rgba(255,0,0,.34);

  display: none;
}

.gslide-video.playing::before {

  display: none;
}

.gslide-video.fullscreen {

  max-width: 100% !important;

  min-width: 100%;

  height: 75vh;
}

.gslide-video.fullscreen video {

  max-width: 100% !important;

  width: 100% !important;
}

.gslide-inline {

  background: #fff;

  text-align: left;

  max-height: calc(100vh - 40px);

  overflow: auto;

  max-width: 100%;

  margin: auto;
}

.gslide-inline .ginlined-content {

  padding: 20px;

  width: 100%;
}

.gslide-inline .dragging {

  cursor: grabbing !important;

  transition: none;
}

.ginlined-content {

  overflow: auto;

  display: block !important;

  opacity: 1;
}

.gslide-external {

  display: flex;

  width: 100%;

  min-width: 100%;

  background: #fff;

  padding: 0;

  overflow: auto;

  max-height: 75vh;

  height: 100%;
}

.gslide-media {

  display: flex;

  width: auto;
}

.zoomed .gslide-media {

  box-shadow: none !important;
}

.desc-bottom .gslide-media,.desc-top .gslide-media {

  margin: 0 auto;

  flex-direction: column;
}

.gslide-description {

  position: relative;

  flex: 1 0 100%;
}

.gslide-description.description-left,.gslide-description.description-right {

  max-width: 100%;
}

.gslide-description.description-bottom,.gslide-description.description-top {

  margin: 0 auto;

  width: 100%;
}

.gslide-description p {

  margin-bottom: 12px;
}

.gslide-description p:last-child {

  margin-bottom: 0;
}

.zoomed .gslide-description {

  display: none;
}

.glightbox-button-hidden {

  display: none;
}

.glightbox-mobile .glightbox-container .gslide-description {

  height: auto !important;

  width: 100%;

  position: absolute;

  bottom: 0;

  padding: 19px 11px;

  max-width: 100vw !important;

  order: 2 !important;

  max-height: 78vh;

  overflow: auto !important;

  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);

  transition: opacity .3s linear;

  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {

  color: #fff;

  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {

  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {

  color: #fff;

  font-weight: 700;
}

.glightbox-mobile .glightbox-container .gslide-desc * {

  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {

  color: #fff;

  opacity: .4;
}

.gdesc-open .gslide-media {

  transition: opacity .5s ease;

  opacity: .4;
}

.gdesc-open .gdesc-inner {

  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {

  transition: opacity .5s ease;

  opacity: 1;
}

.greset {

  transition: all .3s ease;
}

.gabsolute {

  position: absolute;
}

.grelative {

  position: relative;
}

.glightbox-desc {

  display: none !important;
}

.glightbox-open {

  overflow: hidden;
}

.gloader {

  height: 25px;

  width: 25px;

  animation: lightboxLoader .8s infinite linear;

  border: 2px solid #fff;

  border-right-color: transparent;

  border-radius: 50%;

  position: absolute;

  display: block;

  z-index: 9999;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 47%;
}

.goverlay {

  width: 100%;

  height: calc(100vh + 1px);

  position: fixed;

  top: -1px;

  left: 0;

  background: #000;

  will-change: opacity;
}

.glightbox-mobile .goverlay {

  background: #000;
}

.gclose,.gnext,.gprev {

  z-index: 99999;

  cursor: pointer;

  width: 26px;

  height: 44px;

  border: none;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;
}

.gclose svg,.gnext svg,.gprev svg {

  display: block;

  width: 25px;

  height: auto;

  margin: 0;

  padding: 0;
}

.gclose.disabled,.gnext.disabled,.gprev.disabled {

  opacity: .1;
}

.gclose .garrow,.gnext .garrow,.gprev .garrow {

  stroke: #fff;
}

.gbtn.focused {

  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {

  opacity: 0;
}

.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev {

  opacity: 0 !important;
}

.glightbox-clean .gslide-description {

  background: #fff;
}

.glightbox-clean .gdesc-inner {

  padding: 22px 20px;
}

.glightbox-clean .gslide-title {

  font-size: 1em;

  font-weight: 400;

  font-family: arial;

  color: #000;

  margin-bottom: 19px;

  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {

  font-size: .86em;

  margin-bottom: 0;

  font-family: arial;

  line-height: 1.4em;
}

.glightbox-clean .gslide-video {

  background: #000;
}

.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev {

  background-color: rgba(0,0,0,.75);

  border-radius: 4px;
}

.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path {

  fill: #fff;
}

.glightbox-clean .gprev {

  position: absolute;

  top: -100%;

  left: 30px;

  width: 40px;

  height: 50px;
}

.glightbox-clean .gnext {

  position: absolute;

  top: -100%;

  right: 30px;

  width: 40px;

  height: 50px;
}

.glightbox-clean .gclose {

  width: 35px;

  height: 35px;

  top: 15px;

  right: 10px;

  position: absolute;
}

.glightbox-clean .gclose svg {

  width: 18px;

  height: auto;
}

.glightbox-clean .gclose:hover {

  opacity: 1;
}

.gfadeIn {

  animation: gfadeIn .5s ease;
}

.gfadeOut {

  animation: gfadeOut .5s ease;
}

.gslideOutLeft {

  animation: gslideOutLeft .3s ease;
}

.gslideInLeft {

  animation: gslideInLeft .3s ease;
}

.gslideOutRight {

  animation: gslideOutRight .3s ease;
}

.gslideInRight {

  animation: gslideInRight .3s ease;
}

.gzoomIn {

  animation: gzoomIn .5s ease;
}

.gzoomOut {

  animation: gzoomOut .5s ease;
}

@keyframes lightboxLoader {

  0% {

    transform: rotate(0);
  }

  100% {

    transform: rotate(360deg);
  }
}

@keyframes gfadeIn {

  from {

    opacity: 0;
  }

  to {

    opacity: 1;
  }
}

@keyframes gfadeOut {

  from {

    opacity: 1;
  }

  to {

    opacity: 0;
  }
}

@keyframes gslideInLeft {

  from {

    opacity: 0;

    transform: translate3d(-60%,0,0);
  }

  to {

    visibility: visible;

    transform: translate3d(0,0,0);

    opacity: 1;
  }
}

@keyframes gslideOutLeft {

  from {

    opacity: 1;

    visibility: visible;

    transform: translate3d(0,0,0);
  }

  to {

    transform: translate3d(-60%,0,0);

    opacity: 0;

    visibility: hidden;
  }
}

@keyframes gslideInRight {

  from {

    opacity: 0;

    visibility: visible;

    transform: translate3d(60%,0,0);
  }

  to {

    transform: translate3d(0,0,0);

    opacity: 1;
  }
}

@keyframes gslideOutRight {

  from {

    opacity: 1;

    visibility: visible;

    transform: translate3d(0,0,0);
  }

  to {

    transform: translate3d(60%,0,0);

    opacity: 0;
  }
}

@keyframes gzoomIn {

  from {

    opacity: 0;

    transform: scale3d(.3,.3,.3);
  }

  to {

    opacity: 1;
  }
}

@keyframes gzoomOut {

  from {

    opacity: 1;
  }

  50% {

    opacity: 0;

    transform: scale3d(.3,.3,.3);
  }

  to {

    opacity: 0;
  }
}

@media (min-width:769px) {

  .glightbox-container .ginner-container {

    width: auto;

    height: auto;

    flex-direction: row;
  }

  .glightbox-container .ginner-container.desc-top .gslide-description {

    order: 0;
  }

  .glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img {

    order: 1;
  }

  .glightbox-container .ginner-container.desc-left .gslide-description {

    order: 0;
  }

  .glightbox-container .ginner-container.desc-left .gslide-image {

    order: 1;
  }

  .gslide-image img {

    max-height: 97vh;

    max-width: 100%;
  }

  .gslide-image img.zoomable {

    cursor: zoom-in;
  }

  .zoomed .gslide-image img.zoomable {

    cursor: grab;
  }

  .gslide-inline {

    max-height: 95vh;
  }

  .gslide-external {

    max-height: 100vh;
  }

  .gslide-description.description-left,.gslide-description.description-right {

    max-width: 275px;
  }

  .glightbox-open {

    height: auto;
  }

  .goverlay {

    background: rgba(0,0,0,.92);
  }

  .glightbox-clean .gslide-media {

    box-shadow: 1px 2px 9px 0 rgba(0,0,0,.65);
  }

  .glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner {

    position: absolute;

    height: 100%;

    overflow-y: auto;
  }

  .glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev {

    background-color: rgba(0,0,0,.32);
  }

  .glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover {

    background-color: rgba(0,0,0,.7);
  }

  .glightbox-clean .gprev {

    top: 45%;
  }

  .glightbox-clean .gnext {

    top: 45%;
  }
}

@media (min-width:992px) {

  .glightbox-clean .gclose {

    opacity: .7;

    right: 20px;
  }
}

@media screen and (max-height:420px) {

  .goverlay {

    background: #000;
  }
}

@layer utilities;

@layer utilities;

@layer utilities {

  .btn--back-hover-arrow {

    transition-property: all;

    transition-timing-function: linear;

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

    transition-duration: 150ms;

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

    --tw-duration: 150ms;

    transition-duration: 150ms;

    --tw-ease: linear;

    transition-timing-function: linear;
  }

  .btn--back-hover:hover .btn--back-hover-arrow {

    animation: arrow-x-bounce 1s infinite;
  }

  .btn--dropdown-hover, .btn--dropdown-hover span, .btn--dropdown-hover svg path {

    transition-property: all;

    transition-timing-function: linear;

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

    transition-duration: 150ms;

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

    --tw-duration: 150ms;

    transition-duration: 150ms;

    --tw-ease: linear;

    transition-timing-function: linear;
  }

  .btn--dropdown-hover:hover:not(.active) svg path {

    stroke: #fff;
  }

  .btn--dropdown-hover.active {

    background-color: #000000;

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

    color: #FFFFFF;

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

  .btn--dropdown-hover.active svg {

    rotate: 180deg;
  }

  .btn--dropdown-hover.active svg path {

    stroke: #fff;
  }

  .btn--download-hover svg path {

    transition-property: all;

    transition-timing-function: linear;

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

    transition-duration: 150ms;

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

    --tw-duration: 150ms;

    transition-duration: 150ms;

    --tw-ease: linear;

    transition-timing-function: linear;
  }

  .btn--download-hover:hover:not(.active) svg path {

    stroke: #fff;
  }

  .btn--download-hover:hover:not(.active) .btn--download-arrow {

    animation: arrow-bounce 1s infinite;
  }

  .btn--download-hover:hover:not(.active) .btn--download-line {

    animation: line-bounce 1s infinite;
  }

  .btn--download-hover.active {

    background-color: #000000;

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

    color: #FFFFFF;

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

  .btn--download-hover.active svg {

    opacity: 0%;
  }

  .btn--download-hover.active span {

    --tw-translate-x: calc(var(--spacing) * -10);

    translate: calc(1px * -10) var(--tw-translate-y);

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

  @keyframes arrow-bounce {

    0%, 100% {

      transform: translateY(0);
    }

    25% {

      transform: translateY(3px);
    }

    50% {

      transform: translateY(0);
    }

    75% {

      transform: translateY(1px);
    }
  }

  @keyframes line-bounce {

    0%, 100% {

      transform: translateY(0);

      opacity: 0;
    }

    25% {

      transform: translateY(3px);
    }

    50% {

      transform: translateY(0);
    }

    75% {

      transform: translateY(1px);
    }
  }

  @keyframes arrow-x-bounce {

    0%, 100% {

      transform: translateX(0);
    }

    25% {

      transform: translateX(3px);
    }

    50% {

      transform: translateX(0);
    }

    75% {

      transform: translateX(1px);
    }
  }
}

@layer utilities {

  * {

    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    line-height: 1.1em;

    box-sizing: border-box;
  }

  html, body {

    font-family: 'Helvetica Neue', sans-serif;

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

  @media (min-width: 1024px) {

    html, body {

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

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

  @media (min-width: 1024px) {

    html, body {

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

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

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

  @media (min-width: 1440px) {

    html, body {

      font-size: 16px;

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

  @media (min-width: 1440px) {

    html, body {

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

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

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

  html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

    font-family: 'Helvetica Neue', sans-serif;

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

  @media (min-width: 1024px) {

    html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

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

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

  @media (min-width: 1024px) {

    html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

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

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

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

  @media (min-width: 1440px) {

    html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

      font-size: 16px;

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

  @media (min-width: 1440px) {

    html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

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

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

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

  html, body, h1, h2, h3, h4, h5, h6, p, input, textarea, a, span {

    -webkit-font-smoothing: antialiased;

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

  button, button:focus {

    outline: 0;
  }

  input, textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    outline: 0;

    border-radius: 0;
  }

  *:focus {

    outline: none;
  }

  strong, b {

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

    font-weight: 700;

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

  .lightbox--content {

    margin-inline: auto;

    background-color: #FFFFFF;

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

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

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

  @media (min-width: 1024px) {

    .lightbox--content {

      height: 59.72vw;

      height: var(--spacing-59_72vw);
    }
  }

  @media (min-width: 1024px) {

    .lightbox--content {

      width: 80.28vw;

      width: var(--spacing-80_28vw);
    }
  }

  @media (min-width: 1440px) {

    .lightbox--content {

      height: calc(1px * 860);

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

  @media (min-width: 1440px) {

    .lightbox--content {

      width: calc(1px * 1156);

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

  .lightbox--media {

    position: relative;
  }

  .lightbox--media img, .lightbox--media video {

    display: block;

    -o-object-fit: contain;

       object-fit: contain;

    max-height: 60vh;

    width: 100%;

    height: 609px;
  }

  .glightbox-clean .gslide-description {

    background: none !important;

    padding: 0 !important;
  }

  .glightbox-clean .gslide-media {

    background: none !important;

    box-shadow: none !important;

    padding: 0 !important;

    border: none !important;

    border-radius: 0 !important;

    max-width: 100% !important;
  }

  .glightbox-clean .goverlay {

    background-color: rgba( 0, 0, 0, 0.25) !important;
  }

  .glightbox-clean .custom-btn.custom-btn {

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

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

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

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

    transform-origin: center !important;

    border-radius: 50% !important;

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

    background-color: #FFFFFF !important;

    background-color: var(--color-white) !important;

    color: #000000 !important;

    color: var(--color-black) !important;

    transition-property: all;

    transition-timing-function: linear;

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

    transition-duration: 150ms;

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

    --tw-duration: 150ms;

    transition-duration: 150ms;

    --tw-ease: linear;

    transition-timing-function: linear;
  }

  .glightbox-clean .custom-btn.custom-btn svg {

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

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

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

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

    transition-property: all;

    transition-timing-function: linear;

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

    transition-duration: 150ms;

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

    --tw-duration: 150ms;

    transition-duration: 150ms;

    --tw-ease: linear;

    transition-timing-function: linear;
  }

  .glightbox-clean .custom-btn.custom-btn svg path {

    fill: transparent !important;

    transition-property: all;

    transition-timing-function: linear;

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

    transition-duration: 150ms;

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

    --tw-duration: 150ms;

    transition-duration: 150ms;

    --tw-ease: linear;

    transition-timing-function: linear;
  }

  body.no-mobile .custom-btn:hover {

    --tw-scale-x: 90%;

    --tw-scale-y: 90%;

    --tw-scale-z: 90%;

    scale: 90% 90%;

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

    background-color: #000000 !important;

    background-color: var(--color-black) !important;

    color: #FFFFFF !important;

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

  body.no-mobile .custom-btn:hover svg {

    --tw-scale-x: 140%;

    --tw-scale-y: 140%;

    --tw-scale-z: 140%;

    scale: 140% 140%;

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

  body.no-mobile .custom-btn:hover svg path {

    stroke: #FFFFFF !important;

    stroke: var(--color-white) !important;
  }

  @media (min-width: 1024px) {

    body.no-mobile .custom-btn:hover.gnext svg {

      --tw-translate-x: calc(var(--spacing) * 3);

      translate: calc(1px * 3) var(--tw-translate-y);

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

  @media (min-width: 1024px) {

    body.no-mobile .custom-btn:hover.gprev svg {

      --tw-translate-x: calc(var(--spacing) * -3);

      translate: calc(1px * -3) var(--tw-translate-y);

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

  body.no-mobile .sub-album .sub-album-folder-icon:hover .sub-album-closed {

    opacity: 0%;
  }

  body.no-mobile .sub-album .sub-album-folder-icon:hover .sub-album-opened {

    opacity: 100%;
  }

  body.no-mobile .sub-album .sub-album-folder-icon:hover.opened .sub-album-closed {

    opacity: 100%;
  }

  body.no-mobile .sub-album .sub-album-folder-icon:hover.opened .sub-album-opened {

    opacity: 0%;
  }

  body.no-mobile .list--atachment, body.no-mobile .list--atachment p, body.no-mobile .list--atachment, body.no-mobile .list--atachment h2, body.no-mobile .list--atachment-tags, body.no-mobile .albums--list-item, body.no-mobile .albums--list-item p, body.no-mobile .albums--list-item, body.no-mobile .albums--list-item h2, body.no-mobile .albums--list-item-tags {

    transition: all 0.3s ease;
  }

  body.no-mobile .list--atachment:hover, body.no-mobile .albums--list-item:hover {

    background-color: #F5F5F5;

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

  body.no-mobile .list--atachment:hover h2, body.no-mobile .list--atachment:hover p, body.no-mobile .list--atachment:hover .list--atachment-tags, body.no-mobile .albums--list-item:hover h2, body.no-mobile .albums--list-item:hover p, body.no-mobile .albums--list-item:hover .list--atachment-tags {

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

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

  body.no-mobile .list--atachment:hover .list--atachment-tags a, body.no-mobile .albums--list-item:hover .list--atachment-tags a {

    background-color: #e8e8e8;

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

  body.no-mobile .list--atachment:hover .list--atachment-tags a:hover, body.no-mobile .albums--list-item:hover .list--atachment-tags a:hover {

    background-color: #454545;

    background-color: var(--color-gray-dark);

    color: #FFFFFF;

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

  .gslide-inline {

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;
  }

  .custom-loader {

    display: inline-block;

    width: 20px;

    height: 20px;

    border: 2px solid rgba(255,255,255,0.3);

    border-radius: 50%;

    border-top-color: white;

    animation: spin 1s linear infinite;
  }

  @keyframes spin {

    to {

      transform: rotate(360deg);
    }
  }
}

@layer utilities {

  .form--chkbx input[type=checkbox] + span {

    position: relative;

    display: block;

    color: #000000;

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

  .form--chkbx input[type=checkbox] + span:before {

    position: absolute;

    top: calc(1px * 0);

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

    left: calc(1px * 0);

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

    display: block;

    height: calc(1px * 24);

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

    width: calc(1px * 24);

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

    border-style: solid;

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

    border-width: 2px;

    --tw-border-style: solid;

    border-style: solid;

    border-color: #000000;

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

    content: "";
  }

  .form--chkbx input[type=checkbox] + span:after {

    position: absolute;

    top: calc(1px * 0);

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

    left: calc(1px * 0);

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

    display: flex;

    height: calc(1px * 24);

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

    width: calc(1px * 24);

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

    align-items: center;

    justify-content: center;

    opacity: 0%;

    content: url( "data:image/svg+xml,%3Csvg width=%2712%27 height=%279%27 viewBox=%270 0 12 9%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27m1 5 3 3 7-7%27 stroke=%27%23000%27 stroke-linecap=%27round%27/%3E%3C/svg%3E" );
  }

  .form--chkbx input[type=checkbox] + span:hover:after {

    opacity: 40%;
  }

  .form--chkbx input[type=checkbox]:checked + span:after {

    opacity: 100%;
  }

  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {

    -webkit-appearance: none;
  }
}

@property --tw-rotate-x {

  syntax: "*";

  inherits: false;
}

@property --tw-rotate-y {

  syntax: "*";

  inherits: false;
}

@property --tw-rotate-z {

  syntax: "*";

  inherits: false;
}

@property --tw-skew-x {

  syntax: "*";

  inherits: false;
}

@property --tw-skew-y {

  syntax: "*";

  inherits: false;
}

@property --tw-border-style {

  syntax: "*";

  inherits: false;

  initial-value: solid;
}

@property --tw-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-scale-x {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-y {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-scale-z {

  syntax: "*";

  inherits: false;

  initial-value: 1;
}

@property --tw-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-leading {

  syntax: "*";

  inherits: false;
}

@keyframes spin {

  to {

    transform: rotate(360deg);
  }
}

@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-rotate-x: initial;

      --tw-rotate-y: initial;

      --tw-rotate-z: initial;

      --tw-skew-x: initial;

      --tw-skew-y: initial;

      --tw-border-style: solid;

      --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-scale-x: 1;

      --tw-scale-y: 1;

      --tw-scale-z: 1;

      --tw-translate-x: 0;

      --tw-translate-y: 0;

      --tw-translate-z: 0;

      --tw-leading: initial;
    }
  }
}