/* =========================
   VARIABLES
========================= */

:root {
  --peach: #FFC5AC;
  --pink: #80005A;
  --green: #004B28;
  --yellow: #FFE1A6;
  --blue: #DAF8FF;
  --shadow:
    rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;

  --container: 1200px;
  --gutter: 24px;

  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Breakpoints */
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1440px;
  --fs-xs: clamp(12px, 1.2vw, 14px);
  --fs-sm: clamp(14px, 1.4vw, 16px);
  --fs-base: clamp(16px, 1.6vw, 18px);
  --fs-lg: clamp(18px, 2vw, 20px);
  --fs-2lg: clamp(24px, 2vw, 26px);
  --fs-xl: clamp(28px, 3vw, 36px);
  --fs-2xl: clamp(40px, 5vw, 50px);
  --fs-2-5xl: clamp(45px, 5vw, 60px);
  --fs-3xl: clamp(70px, 5vw, 80px);

  /* Container max widths */
  --container-sm: 100%;
  --container-md: 720px;
  --container-lg: 1600px;
  --container-xl: 1600px;
  --container-2xl: 1800px;

  /* Gutter */
  --gutter: 16px;
  --gutter-lg: 24px;
}

/* =========================
   RESET
========================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

section {
  scroll-margin-top: 100px;

  @media (max-width: 1023px) {
    scroll-margin-top: 157px;
  }
}

body {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-text);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  max-width: 100vw;
  overflow-x: hidden;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
}

.skip-link:focus {
  top: 0;
}

/* =========================
   LAYOUT
========================= */

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--gutter);
}

@media (min-width: 640px) {
  .container {
    max-width: var(--container-sm);
  }
}

@media (min-width: 768px) {
  .container {
    max-width: var(--container-md);
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: var(--container-lg);
    padding: 0 100px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: var(--container-xl);
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: var(--container-2xl);
  }
}

/* =========================
   IMAGES
========================= */

img {
  max-width: 100%;
  display: block;
}

/* =========================
   LINKS / BUTTONS
========================= */

a {
  text-decoration: none;
  color: inherit;
}

button {
  font: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

/* =========================
   HEADER
========================= */

.site-header {
  background: var(--peach);
  padding: 19px 0;
  position: sticky;
  top: 0;
  z-index: 999;
  font-family: "trade-gothic-next";
  font-weight: 800;

  @media (max-width: 1023px) {
    padding: 16px 0;
  }

  .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;

    @media (max-width: 1023px) {
      display: block;
    }

    .logo {
      display: flex;
      align-items: center;

      @media (max-width: 1023px) {
        width: 100%;
        justify-content: space-between;
      }

      p {
        margin: 0 0 0 32px;
        font-weight: 800;
        font-size: var(--fs-base);
      }
    }

    nav {
      @media (max-width: 1023px) {
        margin-top: 16px;
        padding-top: 16px;
        border-top: 2px solid #000;
      }

      ul {
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        list-style-type: none;

         @media (max-width: 1023px) {
           justify-content: space-between;
         }

        li {
          margin-right: 32px;
          font-weight: 800;
          font-size: var(--fs-base);

          &:last-child {
            margin-right: 0;
          }
        }
      }
    }
  }
}

/* =========================
   HERO
========================= */

.hero {
  overflow: hidden;

  .inner {
    display: flex;
    max-width: 1920px;
    margin: auto;

    @media (max-width: 719px) {
      display: block;
    }
  }

  &.hero--1 {
    .hero__left {
      &::before {
        background: var(--blue) !important;
      }
    }

    .hero__right {
      &::before {
        background: var(--green) !important;
      }

      .hero__title,
      .hero__text {
        color: var(--blue) !important;
      }

      .hero__scroll svg path {
        stroke: var(--blue) !important;
      }
    }
  }

  &.hero--2 {
    .hero__left {
      &::before {
        background: var(--peach) !important;
      }
    }

    .hero__right {
      &::before {
        background: var(--green) !important;
      }

      .hero__title,
      .hero__text {
        color: var(--peach) !important;
      }

      .hero__scroll svg path {
        stroke: var(--peach) !important;
      }
    }
  }

  &.hero--3 {
    .hero__left {
      &::before {
        background: var(--blue) !important;
      }
    }
    .hero__right {
      &::before {
        background: var(--pink) !important;
      }

      .hero__title,
      .hero__text {
        color: var(--blue) !important;
      }

      .hero__scroll svg path {
        stroke: var(--blue) !important;
      }
    }
  }

  .hero__left {
    width: 60%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    &::before {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 100vw;
      background: var(--peach);
      z-index: -1;
      transition: all ease .2s;
    }

    @media (max-width: 1439px) {
      width: 60%;
    }

    @media (max-width: 1279px) {
      width: 55%;
    }

    @media (max-width: 719px) {
      width: 100%;
    }

    .hero__slider {
      width: 100%;
      max-width: 1100px;
      position: relative;
      margin-left: auto;
      margin-right: inherit;

      .swiper-slide {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;

        img {
          width: 100%;
        }
      }

      .hero__inner__nav {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        width: 100%;
        z-index: 9;

        .hero__nav {
          display: flex;
          justify-content: space-between;
          margin: 0 40px;

          .hero__prev,
          .hero__next {
            background: white;
            padding: 10px;
            display: flex;
            align-items: center;
          }
        }
      }
    }
  }

  .hero__right {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 75px 120px;
    text-align: center;
    position: relative;

    @media (max-width: 1439px) {
      padding: 75px;
      width: 40%;
    }

    @media (max-width: 1279px) {
      width: 45%;
    }

    @media (max-width: 719px) {
      padding: 75px 32px;
    }

    &::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100vw;
      background: var(--pink);
      z-index: -1;
      transition: all ease .2s;
    }

    @media (max-width: 1439px) {
      width: 45%;
    }

    @media (max-width: 1279px) {
      width: 50%;
    }

    @media (max-width: 719px) {
      width: 100%;
    }

    .hero__content {
      .hero__title {
        font-size: var(--fs-2xl);
        text-transform: uppercase;
        line-height: 130%;
        color: var(--peach);
        font-family: "trade-gothic-next-condensed";
        font-weight: 800;
        transition: all ease .2s;
        margin: 0;

        strong {
          font-size: var(--fs-3xl);
        }
      }

      .hero__text {
        font-size: var(--fs-lg);
        line-height: 140%;
        color: var(--peach);
        font-weight: 400;
        font-family: "trade-gothic-next";
        margin-top: 46px;
        transition: all ease .2s;

        strong {
          font-weight: 800;
        }
      }

      .hero__scroll svg path {
        transition: all ease .2s;
      }

      .hero__scroll {
        transition: all ease .2s;
        width: fit-content;
        margin: 46px auto 0;
        display: block;
        cursor: pointer;

        &:hover {
          
        }
      }
    }
  }
}

/* =========================
   NOISES
========================= */

@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.noises {
  background: var(--yellow);
  padding: 100px 0;
  overflow: hidden;
  max-width: 100vw;

  @media (max-width: 1023px) {
    padding-bottom: 0;
  }

  .inner {
    position: relative;
  }

  .noises__content {
    width: 65%;
    background: var(--green);
    padding: 40px 200px 40px 40px;
    display: flex;
    align-items: flex-start;

    @media (max-width: 1279px) {
      display: block;
    }

    @media (max-width: 1023px) {
      width: 100%;
      padding: 40px;
    }

    .noises__content__left {
      h2 {
        font-size: var(--fs-2-5xl);
        text-transform: uppercase;
        line-height: 100%;
        color: var(--yellow);
        font-family: "trade-gothic-next-condensed";
        font-weight: 800;
        margin: 0;
      }

      p {
        font-size: var(--fs-base);
        line-height: 140%;
        color: var(--yellow);
        font-family: "trade-gothic-next";
        font-weight: 700;
        margin: 32px 0 0 0;
      }

      ul {
        margin: 0;

        li {
          font-size: var(--fs-base);
          line-height: 140%;
          font-family: "trade-gothic-next";
          color: var(--yellow);
          font-weight: 700;
          margin-top: 0;
        }
      }
    }

    .noises__content__right {
      display: flex;
      align-items: center;

      @media (max-width: 1279px) {
        margin-top: 32px;
      }

      svg {
        margin-right: 16px;
      }

      span {
        display: block;
        font-size: var(--fs-base);
        line-height: 120%;
        font-family: "trade-gothic-next";
        color: var(--yellow);
        font-weight: 800;
        max-width: 120px;
        min-width: 120px;
      }
    }
  }

  .noises__items {
    z-index: 9;

    @media (max-width: 1023px) {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      min-width: 585px;
      max-width: 100%;
      margin: auto;
    }

    @media (max-width: 585px) {
      min-width: 100%;
      flex-wrap: nowrap;
      flex-direction: column;
      height: 375px;
    }

    .noise-item {
      position: relative;
      width: 255px;
      height: 255px;
      min-width: 255px;
      min-height: 255px;
      background: var(--yellow);
      z-index: 9;
      border-radius: 50%;
      transition: all ease .2s;
      cursor: pointer;

      @media (max-width: 1439px) {
        transform: scale(0.9);
      }

      @media (max-width: 585px) {
        transform: scale(0.7);
      }

      @media (max-width: 1023px) {
        position: relative !important;
        left: inherit !important;
        right: inherit !important;
        top: inherit !important;
        bottom: inherit !important;
      }

      @media (min-width: 1024px) {
        &:hover {
          transform: scale(1.1) !important;
          cursor: pointer;

          .noise-item__text {
            animation: spin 8s linear infinite;
          }
        }
      }

      &:first-child {
        position: absolute;
        top: -40px;
        left: calc(60% - 90px);

        @media (max-width: 1279px) {
          left: calc(60% - 80px);
        }

        @media (max-width: 1023px) {
          order: 2;
          top: -150px !important;
          right: -0 !important;
          left: inherit;
        }

        @media (max-width: 585px) {
          top: -100px !important;
          right: inherit !important;
          left: calc(100% - 160px) !important;
        }
      }

      &:nth-child(2n) {
        position: absolute;
        top: -60px;
        left: calc(60% + 200px);

        @media (max-width: 1023px) {
          order: 3;
          top: -20px !important;
          left: -40px !important;
        }

        @media (max-width: 585px) {
          top: -80px !important;
          left: -60px !important;
        }
      }

      &:nth-child(3n) {
        position: absolute;
        top: 240px;
        left: calc(60% - 260px);

        @media (max-width: 1439px) {
          left: calc(60% - 200px);
        }

        @media (max-width: 1279px) {
          left: calc(60% - 120px);
        }

        @media (max-width: 1023px) {
          order: 1;
          top: -40px !important;
          left: -80px !important;
        }

        @media (max-width: 585px) {
          top: 250px !important;
        }
      }

      &:nth-child(4n) {
        width: 320px;
        height: 320px;
        position: absolute;
        top: 200px;
        left: calc(60% + 40px);

        @media (max-width: 1439px) {
          left: calc(60% + 80px);
        }

        @media (max-width: 1279px) {
          left: calc(60% + 120px);
        }

        @media (max-width: 1023px) {
          order: 4;
          top: -150px !important;
          right: -40px !important;
        }

        @media (max-width: 585px) {
          top: -400px !important;
          left: calc(100% - 240px) !important;
        }

        .noise-item__circle {
          .noise-item__text {
            width: 320px;
          }
        }
      }

      .noise-item__btn {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        transition: all ease .2s;
      }

      .noise-item__circle {
        .noise-item__text {
          width: 255px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);

          img {
            width: 100%;
          }
        }

        .noise-item__img {
          width: 165px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          display: flex;
          justify-content: center;
          transition: all ease .2s;
        }
      }
    }
  }
}

.f-html {
  background: var(--blue);
  position: relative;

  @media (max-width: 585px) {
    max-height: 400px !important;
  }

  &::before {
    content: "";
    position: absolute;
    width: calc(100% + 40px);
    height: calc(100% + 200px);
    left: -20px;
    top: -46px;
    background: var(--blue);
    border-radius: 16px;
  }

  .f-button,
  .f-html5video {
    z-index: 9;
    position: relative;
  }
}

.fancybox__carousel {
  margin-top: -150px;
}

.fancybox__thumbs {
  position: absolute !important;
  top: calc(50% + 215px);
  left: 0;
  width: 100%;
  height: 123px;
  min-height: 123px;
  z-index: 9999 !important;

  @media (max-width: 585px) {
    top: calc(50% + 160px) !important;
  }

  .f-thumbs__slide {
    img {
      z-index: 99999;
      position: relative;
    }
  }
}

.f-thumbs__viewport {
  display: flex !important;
  justify-content: center;
}

.f-thumbs__slide {
  width: 123px !important; 
  min-width: 123px !important;
  height: 123px !important;
  flex: 0 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transform: none !important;
  position: !important;
  grid-area: unset !important;
   --clip-shift: 0px !important;
  --clip-path: inset(0 0 0 0 round 0) !important;
  left: 0 !important;
  margin: 0 10px !important;

  @media (max-width: 585px) {
      width: 95px !important; 
      min-width: 95px !important;
      height: 95px !important;
      margin: 0 !important;
  }

  button {
    min-width: 123px !important; 

    @media (max-width: 585px) {
        min-width: 95px !important;
    }
  }

  &::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    transform: translate(-50%, -50%);
    z-index: 2;

    background-image: url('../img/icon-play-green.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    @media (max-width: 585px) {
        width: 20px;
        height: 20px;
    }
  }
}

.f-iframe {
  position: relative;
  z-index: 9;
}

.f-thumbs__slide img {
  width: 85% !important;
  left: 7.5%;
  height: 85% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.f-button.is-close-button svg path {
  stroke: var(--green) !important;
  stroke-width: 3px;
}

/* =========================
   FACTS
========================= */

.facts {
  background: var(--yellow);
  padding: 46px 0 82px 0;
  position: relative;
  max-width: 1600px;
  margin: auto;

  @media (max-width: 1023px) {
    padding: 46px 0 0 0;
  }

  &::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 100vw;
    background: var(--yellow);
    transform: translate(-50%, 0);
    z-index: -1;
  }

  .inner {
    .facts__img-left {
      position: absolute;
      left: -80px;
      bottom: 0;

      @media (max-width: 1319px) {
        img {
          width: 300px;
        }
      }

      @media (max-width: 1023px) {
        position: relative;
        left: inherit;
        bottom: inherit;
        margin: auto;
        display: flex;
        justify-content: center;

        img {
          width: 300px;
        }
      }

      @media (max-width: 719px) {
        img {
          width: 170px;
        }
      }
    }

    .facts__img-right {
      position: absolute;
      right: -122px;
      bottom: 80px;

      @media (max-width: 1319px) {
        img {
          width: 300px;
        }
      }

      @media (max-width: 1023px) {
        display: none;
      }
    }
  }

  .facts__title {
    font-size: var(--fs-2-5xl);
    text-transform: uppercase;
    font-family: "trade-gothic-next-condensed";
    line-height: 100%;
    color: var(--green);
    font-weight: 800;
    text-align: center;
    margin: 0;
  }

  .facts__slider {
    max-width: 420px;
    margin: 32px auto 0;

    .swiper-wrapper {
      .swiper-slide {
        text-align: center;

        .facts__stat {
          font-size: var(--fs-2lg);
          color: var(--green);
          font-weight: 800;
          line-height: 140%;
          font-family: "trade-gothic-next-condensed";
          margin: 0;

          strong {
            font-size: var(--fs-xl);
          }
        }

        .facts__desc {
          font-size: var(--fs-base);
          color: var(--green);
          font-weight: 400;
          font-family: "trade-gothic-next";
          margin: 8px 0 0 0;

          strong {
            font-size: var(--fs-xl);
          }
        }

        .facts__source {
          font-size: var(--fs-sm);
          color: var(--green);
          font-weight: 400;
          margin: 16px 0 0 0;
          font-family: "trade-gothic-next-compressed";

          strong {
            font-size: var(--fs-sm);
          }
        }
      }
    }

    .facts__inner__nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 32px;

      .facts__nav {
        display: flex;
        align-items: center;

        .facts__prev,
        .facts__next {
          padding: 0;
          color: var(--green);
          display: flex;
          align-items: center;
        }

        .facts__prev {
          margin-right: 20px;
        }
      }

      .facts__pagination {
        width: fit-content;
        margin: 0;

        .swiper-pagination-bullet {
          width: 10px;
          height: 10px;
          opacity: 1;
          background: transparent;
          border: 1px solid var(--green);

          &.swiper-pagination-bullet-active {
            background: var(--green);
          }
        }
      }
    }
  }
}

/* =========================
   QUIZZ
========================= */

.quiz {
  padding: 64px 0;
  background: var(--pink);
  overflow: hidden;

  .quiz__title {
    font-size: var(--fs-2xl);
    text-transform: uppercase;
    font-family: "trade-gothic-next-condensed";
    line-height: 100%;
    color: var(--peach);
    font-weight: 800;
    text-align: center;
    margin: 0;
  }

  .quiz__subtitle {
    font-size: var(--fs-base);
    line-height: 140%;
    color: var(--yellow);
    font-family: "trade-gothic-next";
    font-weight: 400;
    margin-top: 16px;
    text-align: center;
  }

  .quiz__score-block {
    align-items: center;
    background: var(--blue);
    width: 100%;
    max-width: 700px;
    margin: 36px auto 0;
    display: none;

    @media (max-width: 767px) {
      max-width: 300px;
    }

    @media (max-width: 450px) {
      max-width: 270px;
    }

    &.is-visible {
      display: flex;

      @media (max-width: 575px) {
        flex-direction: column-reverse;
      }
    }

    .quiz__score-block__left {
      width: 60%;
      padding: 40px;

      @media (max-width: 575px) {
        width: 100%;
      }

      .quiz__score-title {
        font-size: var(--fs-xl);
        font-family: "trade-gothic-next-condensed";
        text-transform: uppercase;
        line-height: 100%;
        color: var(--green);
        font-weight: 800;
        margin: 0;
        text-align: center;
      }

      .quiz__score-value {
        font-size: var(--fs-2xl);
        text-transform: uppercase;
        font-family: "trade-gothic-next-condensed";
        line-height: 100%;
        color: var(--green);
        font-weight: 800;
        text-align: center;
        margin: 16px 0 0 0;
      }

      .quiz__score-tagline {
        font-size: var(--fs-base);
        color: var(--green);
        font-weight: 800;
        text-align: center;
        font-family: "trade-gothic-next";
        margin: 16px 0 0 0;
      }

      .card__cta {
        margin: 46px auto 0;
        display: flex;
        align-items: center;
        background: var(--green);
        color: white;
        font-family: "trade-gothic-next";
        font-weight: 800;
        font-size: var(--fs-sm);
        padding: 2px 8px;
        width: fit-content;

        svg {
          margin-left: 8px;
        }
      }
    }

    .quiz__score-block__right {
      width: 40%;

      img {
        width: 100%;
      }
    }
  }

  .quiz__slider {
    margin-top: 36px !important;
    max-width: 700px;
    margin: auto;
    overflow: visible;

    @media (max-width: 767px) {
      max-width: 300px;
    }

    @media (max-width: 450px) {
      max-width: 270px;
    }

    &.is-hidden {
      .swiper-wrapper {
        display: none;
      }
    }

    .swiper-wrapper {
      transform: none !important;

      .swiper-slide-fallen {
        transform: translateX(-15%) translateY(200%)  rotate(-10deg) !important;
        z-index: 99;

        @media (max-width: 767px) {
          
        }
      }

      .swiper-slide:not(.swiper-slide-active) {
        pointer-events: none;
        position: absolute;
      }

      .swiper-slide.swiper-slide-active {
        z-index: 10 !important;
      }

      .swiper-slide {
        transition: transform 0.4s ease-in, opacity 0.4s ease-in;
        height: auto;

        @media (max-width: 767px) {
          transition: transform 0.8s ease-in, opacity 0.8s ease-in;
        }

        &:nth-child(1n) { 
          .quiz__card { 
            background: var(--peach); 

            .quiz__btn {
              &.is-selected {
                svg path {
                  stroke: var(--pink);
                }
              }
            }
          } 
        }
        &:nth-child(2n) { 
          .quiz__card { 
            background: var(--blue);

            .quiz__btn {
              color: var(--blue) !important;

              &.is-selected {
                color: var(--pink) !important;

                svg path {
                  stroke: var(--pink) !important;
                }
              }

              svg path {
                stroke: var(--blue);
              }
            }
          } 
        }
        &:nth-child(4n) { 
          .quiz__card { 
            background: var(--yellow);

            .quiz__btn {
              color: var(--yellow) !important;

              &.is-selected {
                color: var(--pink) !important;

                svg path {
                  stroke: var(--pink) !important;
                }
              }

              svg path {
                stroke: var(--yellow);
              }
            }
          } 
        }
        &:nth-child(5n) { 
          .quiz__card { 
            background: var(--blue);

            .quiz__btn {
              color: var(--blue) !important;

              &.is-selected {
                color: var(--pink) !important;

                svg path {
                  stroke: var(--pink) !important;
                }
              }

              svg path {
                stroke: var(--blue);
              }
            }
          } 
        }
        &:nth-child(3n) { .quiz__card { background: var(--peach); } }

        &.is-answered {
          .quiz__result {
            padding: 16px;
          }
          .quiz__result-title,
          .quiz__result-text {
            opacity: 1 !important;
            transform: translateY(0) !important;
          }
        }

        .quiz__card {
          padding: 32px;

          @media (max-width: 450px) {
            min-height: 500px;
          }

          @media (max-width: 767px) {
            min-height: 500px;
          }

          .quiz__step {
            font-size: var(--fs-sm);
            font-family: "trade-gothic-next";
            color: var(--pink);
            font-weight: 800;
            text-align: center;
            margin-bottom: 16px;
          }

          .quiz__question {
            font-size: var(--fs-2lg);
            color: var(--pink);
            line-height: 120%;
            font-family: "trade-gothic-next-condensed";
            font-weight: 800;
            text-align: center;
          }

          .quiz__actions {
            margin-top: 32px;
            display: flex;
            align-items: center;
            justify-content: center;

            @media (max-width: 767px) {
              flex-direction: column;
            }

            .quiz__btn {
              font-size: 30px;
              font-weight: 800;
              color: var(--peach);
              padding: 0 20px;
              background: var(--pink);
              display: flex;
              font-family: "trade-gothic-next-condensed";
              align-items: center;
              margin: 0 15px;
              text-transform: uppercase;

              @media (max-width: 767px) {
                margin: 4px 0;
              }

              &.is-selected {
                background: white;
                color: var(--pink);

                svg {
                  stroke: var(--pink);
                }
              }

              svg {
                width: 22px;
                margin-right: 12px;
              }
            }
          }

          .quiz__result {
            background: white;
            text-align: center;
            margin-top: 32px;
            transition: all ease .4s;

            .quiz__result-title {
              font-size: 30px;
              font-weight: 800;
              line-height: 100%;
              color: var(--pink);
              font-family: "trade-gothic-next-condensed";
              text-transform: uppercase;
              margin: 0;
              opacity: 0;
              transform: translateY(10px);
              transition: opacity 0.4s ease, transform 0.4s ease;
            }

            .quiz__result-text {
              font-size: 16px;
              font-weight: 800;
              font-family: "trade-gothic-next";
              color: var(--pink);
              margin: 16px 0 0 0;
              opacity: 0;
              transform: translateY(10px);
              transition: opacity 0.4s ease, transform 0.4s ease;
            }
          }
        }
      }
    }

    .quiz__restart {
      display: none !important;

      &.is-visible {
        display: block !important;
        opacity: 1 !important;
      }
    }

    .quiz__next,
    .quiz__restart {
      font-size: 16px;
      font-weight: 800;
      font-family: "trade-gothic-next";
      color: var(--pink);
      padding: 4px 8px;
      background: var(--peach);
      opacity: 0;
      display: flex;
      align-items: center;
      margin: 70px auto 0;

      @media (max-width: 767px) {
        margin: 16px auto 0;
      }

      svg {
        width: 10px;
        margin-left: 12px;
      }
    }
  }
}

/* =========================
   RESSOURCES
========================= */

.resources {
  padding: 64px 0;
  background: var(--yellow);

  .resources__title {
    font-size: var(--fs-2xl);
    font-family: "trade-gothic-next-condensed";
    text-transform: uppercase;
    line-height: 100%;
    color: var(--pink);
    font-weight: 800;
    text-align: center;
    max-width: 930px;
    margin: auto;
  }

  .resources__subtitle {
    font-size: var(--fs-base);
    line-height: 140%;
    font-family: "trade-gothic-next";
    color: var(--pink);
    font-weight: 800;
    margin-top: 16px;
    text-align: center;
  }

  .resources__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 64px;

    @media (max-width: 1023px) {
      display: block;
    }

    .filter {
      padding: 0;
      margin: 0 15px 10px;
      font-size: var(--fs-base);
      color: var(--pink);
      font-weight: 400;
      font-family: "trade-gothic-next";
      text-transform: uppercase;
      padding-bottom: 10px;
      position: relative;
      cursor: pointer;

      @media (max-width: 1023px) {
        width: 100%;
        text-align: left;
        margin: 0 0 10px;
      }

      &:before {
        content: "";
        position: absolute;
        width: 0;
        height: 3px;
        background: var(--pink);
        bottom: 0;
        left: 0;
      }

      &.is-active {
        font-weight: 800;

        &:before {
          width: 100%;
        }
      }
    }
  }

  .resources__grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 6px;

    .card {
      margin: 10px;
      padding: 16px;
      width: calc(33.333333% - 20px);
      background: white;
      display: flex;
      flex-direction: column;

      @media (max-width: 639px) {
        width: 100% !important;
        margin: 10px 0 !important;
      }

      @media (max-width: 1279px) {
        width: calc(50% - 20px);
      }

      &.is-hidden {
        display: none;
      }

      &.outil {
        background: var(--peach);

        .card__tag {
          .card__tag-icon {
            background: var(--pink);
          }

          .card__tag-label {
            background: white;
          }
        }
      }

      .card__tag {
        display: flex;
        align-items: center;

        .card__tag-icon {
          width: 27px;
          height: 27px;
          background: var(--peach);
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .card__tag-label {
          font-size: 16px;
          color: var(--pink);
          font-weight: 700;
          font-family: "trade-gothic-next";
          text-transform: uppercase;
          background: var(--peach);
          padding: 0 8px;
          height: 27px;
          display: flex;
          align-items: center;
          margin-left: 8px;
        }
      }

      .card__title {
        margin-top: 16px;
        font-family: "trade-gothic-next";
        color: var(--pink);
        font-weight: 800;
        font-size: var(--fs-2lg);
        line-height: 100%;
      }

      .card__text {
        margin-top: 16px;
        font-family: "trade-gothic-next";
        color: var(--pink);
        font-weight: 800;
        font-size: var(--fs-base);
        margin: 0;
      }

      .card__ref {
        margin-top: 8px;
        color: var(--pink);
        font-weight: 400;
        font-size: var(--fs-base);
        margin-bottom: 16px;
        font-family: "trade-gothic-next";
      }

      .card__cta {
        margin-top: auto;
        display: flex;
        align-items: center;
        background: var(--pink);
        color: white;
        font-weight: 800;
        font-family: "trade-gothic-next";
        font-size: var(--fs-sm);
        padding: 2px 8px;
        width: fit-content;

        svg {
          margin-left: 8px;
          margin-top: 2px;
        }
      }
    }
  }
}

/* =========================
   FOOTER
========================= */

.footer {
  padding: 46px 0 80px 0;
  background: var(--peach);

  .footer__grid {
    display: flex;
    margin: 0 -100px;

    @media (max-width: 1023px) {
      display: block;
      margin: 0;
    }

    .footer__col {
      width: calc(33.333333% - 20px);
      margin: 0 100px;

      @media (max-width: 1023px) {
        width: 100%;
        max-width: 300px;
        margin: 0 0 32px;
      }

      .footer__logo {
        margin-bottom: 32px;
      }

      .footer__description {
        font-size: var(--fs-base);
        line-height: 140%;
        font-family: "trade-gothic-next";
        color: #000;
        font-weight: 800;
        padding-left: 14px;
        border-left: 6px solid #000;
      }

      .footer__title {
        font-size: var(--fs-base);
        color: #000;
        font-weight: 800;
        font-family: "trade-gothic-next";
        text-transform: uppercase;
        padding-left: 14px;
        border-left: 6px solid #000;
      }

      .footer__list {
        list-style-type: none;
        margin: 0;
        padding: 0;

        li {
          margin-top: 10px;
          font-size: var(--fs-base);
          color: #000;
          font-family: "trade-gothic-next";
          font-weight: 400;

          a {
            display: flex;
            align-items: center;

            svg {
              margin-right: 10px;
            }
          }
        }
      }
    }
  }

  .footer__bottom {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;

    p {
      font-size: var(--fs-base);
      color: #000;
      font-weight: 700;
      font-family: "trade-gothic-next";
      margin: 0;
    }
  }
}/**
 * Swiper 12.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 24, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}
:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}