/** Shopify CDN: Minification failed

Line 238:0 Unexpected "}"

**/
.helmet-view-container {
  position: relative;
  --header-height: 70px;
  --header-height-mobile: 60px;
  font-weight: 700;
  font-size: 36px;
  text-align: center;
  font-family: 'Nobel-bold', sans-serif;
  
  .helmet-view--see-more-container,
  .helmet-view--integral-sun-visor-container,
  .helmet-view--anti-fog-container {
    display: grid;
    place-content: center;
    height: calc(100vh - var(--header-height));
    overflow-x: hidden;
  }
  .helmet-view--integral-sun-visor-container {
    height: calc(50vh - var(--header-height));
  }

  .helmet-view--see-more-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;

    .helmet-view--see-more-content-arrow-right,
    .helmet-view--see-more-content-arrow-left {
      position: absolute;
      top: 50%;
      transform: translateY(calc(-50% + 15px));
      overflow: hidden;
    }
    .helmet-view--see-more-content-arrow-right {
      left: calc(100% + 20px);
    }
    .helmet-view--see-more-content-arrow-left {
      right: calc(100% + 20px);
    }
    .helmet-view--see-more-content-small {
      font-size: 12px;
      font-weight: 400;
      font-family: 'Inter', sans-serif;
    }
  }

  .helmet-view--integral-sun-visor-content,
  .helmet-view--anti-fog-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .helmet-view--images-container {
    position: absolute;
    inset: 0;
    bottom: 100vh; /* prevent images to overflow to the section below */
    z-index: -1;
  }

  .helmet-view--images-sticky-container {
    position: sticky;
    top: 0;
  }

  .helmet-view--sun-image,
  .helmet-view--rain-image {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
  }

  .helmet-view--static-overlays-top {
    position: absolute;
    inset: 0;
    bottom: 100vh;
    z-index: 1;
  }

  .helmet-view--static-overlay-top-sticky-container {
    position: sticky;
    top: 0;
  }


  .helmet-view--static-overlay-top {
    position: absolute;
    top: -6px;
    left: 0;
    height: 17vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 1);
    border-radius: 0 0 100% 100%;
    filter: blur(4px);
  }

  .helmet-view--static-overlays-bottom {
    position: absolute;
    inset: 0;
    bottom: 100vh;
    z-index: 1;
  }

  .helmet-view--static-overlay-bottom-sticky-container {
    position: sticky;
    top: 0;
  }

  .helmet-view--static-overlay-bottom {
    position: absolute;
    bottom: -101vh;
    left: 0;
    right: 0;
    height: 20vh;
    background-color: rgba(0, 0, 0, 1);
    border-radius: 60% 60% 0 0;
    filter: blur(4px);
  }

  .helmet-view--static-overlay-bottom-center {
    position: absolute;
    bottom: -95vh;
    left: 50%;
    height: 14.5vh;
    width: 5vw;
    min-width: 105px;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 1);
    border-radius: 10px;
    filter: blur(4px);
  }

  .helmet-view--static-overlay-bottom-left {
    position: absolute;
    bottom: -95vh;
    left: 50%;
    height: 14vh;
    width: 100px;
    min-width: 180px;
    transform: translate(-60px, -26px) rotate(-45deg);
    border-radius: 25px;
    background-color: rgba(0, 0, 0, 1);
    filter: blur(4px);
  }

  .helmet-view--static-overlay-bottom-right {
    position: absolute;
    bottom: -95vh;
    right: 50%;
    height: 14vh;
    width: 100px;
    min-width: 180px;
    transform: translate(60px, -26px) rotate(45deg);
    border-radius: 25px;
    background-color: rgba(0, 0, 0, 1);
    filter: blur(4px);
  }

  .helmet-view--dynamic-overlays-top {
    position: absolute;
    inset: 0;
    bottom: 100vh;
    z-index: -1;
  }

  .helmet-view--dynamic-overlay-top-sticky-container {
    position: sticky;
    top: 0;
  }

  .helmet-view--dynamic-overlay-top {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
  }

  .helmet-view--dynamic-overlay-top-integral-sun-square {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100vw;
    background-color: rgba(0, 0, 0, .7);
    filter: blur(4px);
  }

  .helmet-view--dynamic-overlay-top-integral-sun-angle {
    position: absolute;
    top: 0;
    left: 0;
    height: 17vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 0 0 100% 100%;
    filter: blur(4px);
  }

  @media (max-width: 768px) {
    font-size: 20px;
    .helmet-view--static-overlay-top {
      height: 150px;
      border-radius: 0 0 45% 45%;
    }


    .helmet-view--static-overlay-bottom-center {
      min-width: 70px;

    }
    .helmet-view--static-overlay-bottom-left {
      transform: translate(-75px, -26px) rotate(-45deg);
      }
    .helmet-view--static-overlay-bottom-right {
      transform: translate(75px, -26px) rotate(45deg);
      }
    }

    .helmet-view--see-more-content {
      .helmet-view--see-more-content-arrow-right,
      .helmet-view--see-more-content-arrow-left {
        top: 20%;
      }
    }
  }
}