/** Shopify CDN: Minification failed

Line 399:21 Expected identifier but found whitespace
Line 399:23 Unexpected "{"
Line 399:32 Expected ":"
Line 400:10 Expected identifier but found whitespace
Line 400:12 Unexpected "{"
Line 400:21 Expected ":"
Line 401:12 Expected identifier but found whitespace
Line 401:14 Unexpected "{"
Line 401:23 Expected ":"
Line 401:50 Unexpected "24px"
... and 18 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:faq (INDEX:16) */
.faq-section {
    background-color: var(--rf-black);
    color: var(--rf-white);
    padding: 100px 24px;
  }

  .faq-section__inner {
    max-width: 860px;
    margin: 0 auto;
  }

  .faq-section__header {
    text-align: center;
    margin-bottom: 72px;
  }

  .faq-section__eyebrow {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
    margin: 0 0 16px;
  }

  .faq-section__title {
    font-size: clamp(36px, 5vw, 56px);
    letter-spacing: -0.01em;
    line-height: 1.05;
    color: var(--rf-white);
    margin: 0 0 20px;
  }

  .faq-section__subtitle {
    font-size: 17px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.55);
    max-width: 560px;
    margin: 0 auto;
  }

  .faq-section__list {
    display: flex;
    flex-direction: column;
  }

  .faq-item {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }

  .faq-item:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  .faq-item__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 0;
    cursor: pointer;
    list-style: none;
    user-select: none;
    color: var(--rf-white);
    transition: color 0.2s ease;
  }

  .faq-item__question::-webkit-details-marker {
    display: none;
  }

  .faq-item__question:hover {
    color: var(--rf-magenta-mist);
  }

  .faq-item__question-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.47;
    letter-spacing: -0.01em;
    flex: 1;
  }

  .faq-item__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.55);
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  }

  .faq-item__question:hover .faq-item__icon {
    background: var(--rf-uv-magenta);
    color: var(--rf-white);
    box-shadow: var(--rf-glow-magenta);
  }

  .faq-icon__vertical {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    transform-origin: center;
  }

  .faq-item[open] .faq-icon__vertical {
    transform: rotate(90deg);
    opacity: 0;
  }

  .faq-item[open] .faq-item__icon {
    background: var(--rf-uv-magenta);
    color: var(--rf-white);
    box-shadow: var(--rf-glow-magenta);
  }

  .faq-item__answer-wrapper {
    overflow: hidden;
  }

  .faq-item__answer {
    font-size: 15px;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.55);
    padding: 0 48px 28px 0;
    margin: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    .faq-icon__vertical,
    .faq-item__icon {
      transition: none;
    }
  }

  @media (max-width: 600px) {
    .faq-section {
      padding: 72px 20px;
    }

    .faq-section__header {
      margin-bottom: 48px;
    }

    .faq-item__question-text {
      font-size: 15px;
    }

    .faq-item__answer {
      font-size: 14px;
      padding-right: 16px;
    }
  }
/* END_SECTION:faq */

/* START_SECTION:hero (INDEX:23) */
.hero-wrapper {
    --hero-height-offset: 0px;
  }

  body:has(> #header-group > .header-section > #header-component[transparent]):not(
      :has(> #header-group > .header-section + .shopify-section)
    )
    .hero-wrapper:first-child {
    --hero-height-offset: var(--header-group-height, 0);
  }

  .hero {
    position: relative;
    min-height: calc(var(--hero-min-height) - var(--hero-height-offset));
  }

  .hero[data-shopify-visual-preview] {
    --hero-min-height: 600px;
    min-height: 600px;
  }

  .hero__container {
    position: relative;
    overflow: hidden;
    border: var(--hero-border-width) var(--hero-border-style)
      rgba(from var(--color-border) r g b / var(--hero-border-opacity));
    min-height: inherit;
    align-items: var(--vertical-alignment-mobile);
    justify-content: var(--horizontal-alignment);
    z-index: var(--layer-base);

    @media screen and (width >= 750px) {
      align-items: var(--vertical-alignment);
    }
  }

  .hero__content-wrapper.page-width {
    grid-column: 2 / 3;
  }

  .hero__content-wrapper {
    position: relative;
    inset: 0;
    z-index: var(--layer-flat);
  }

  .hero__content-wrapper .group-block-content {
    position: relative;
  }

  .hero__media-wrapper {
    position: absolute;
    inset: 0;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(var(--hero-media-count, 1), 1fr);
    
    @media screen and (width < 750px) {
        display: flex;
        flex-direction: column;
    }
    
  }
  .placeholder-image {
      @media screen and (width < 750px) {
        display: none;
    }
  }

  .hero--auto .hero__image,
  .hero--auto .hero__video {
    aspect-ratio: var(--hero-media-aspect-ratio);
  }

  .hero--no-blocks-auto-height {
    :is(.hero__image, .hero__video) {
      width: 100%;
      aspect-ratio: auto;
    }
    .hero__media-wrapper {
      /* When there are no blocks and the height is auto, allow the image to appear. */
      position: relative;
    }
  }

  .hero__image,
  .hero__video {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: var(--layer-base);
    overflow: hidden;
  }

  /* Mobile media visibility */
  .hero__image--mobile,
  .hero__video--mobile {
    display: block;
  }

  .hero__image--desktop,
  .hero__video--desktop {
    display: none;
  }

  /* Desktop media visibility */
  @media screen and (width >= 750px) {
    .hero__image--mobile,
    .hero__video--mobile {
      display: none;
    }

    .hero__image--desktop,
    .hero__video--desktop {
      display: block;
    }
  }

  .hero__link {
    position: absolute;
    inset: 0;
    grid-column: 1 / -1;
  }

  .hero__media-wrapper,
  .hero__content-wrapper {
    pointer-events: none;
    a,
    button,
    input,
    textarea,
    select {
      pointer-events: auto;
    }
  }

  .hero__content-wrapper--design-mode {
    pointer-events: auto;
  }

  .hero[data-blur-shadow='true'] {
    --blurred-reflection-filter-saturate: saturate(1.5);
    --blurred-reflection-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);
    --blurred-reflection-box-shadow: rgb(0 0 0 / 5%) 0 0 1rem;
    --blurred-reflection-filter-blur: blur(20px);
    --blurred-reflection-scale: scale(2, 1.25);
    --blurred-reflection-padding-block-end: 60px;
  }

  .hero[data-blur-shadow='true'] .hero__container {
    overflow: inherit;
  }

  .hero[data-blur-shadow='true'] .hero__container::before {
    content: '';
    position: absolute;
    inset: 0;
    box-shadow: var(--blurred-reflection-box-shadow);
    mix-blend-mode: overlay;
    pointer-events: none;
    z-index: -1;
  }

  .hero__blurred-image {
    position: absolute;
    inset: 0;
    z-index: -1;
    mask-image: var(--blurred-reflection-mask-image);
    filter: var(--blurred-reflection-filter-saturate);
    pointer-events: none;
    transform: translateY(50%);
    overflow: hidden;
  }

  .hero__blurred-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    filter: var(--blurred-reflection-filter-blur);
    opacity: var(--blur-opacity);
    transform: var(--blurred-reflection-scale);
    padding-block-end: var(--blurred-reflection-padding-block-end);

    &:not(:only-child) {
      width: 50%;

      &:last-child {
        right: 0;
        left: auto;
      }
    }
  }

  /* Mobile blurred image visibility */
  .hero__blurred-image .hero__image--mobile {
    display: block;
  }

  .hero__blurred-image .hero__image--desktop {
    display: none;
  }

  @media screen and (width >= 750px) {
    .hero__blurred-image .hero__image--mobile {
      display: none;
    }

    .hero__blurred-image .hero__image--desktop {
      display: block;
    }
  }
/* END_SECTION:hero */

/* START_SECTION:tech-specs (INDEX:77) */
.tech-specs {
    background-color: {{ section.settings.background_color }};
    color: {{ section.settings.text_color }};
    padding: {{ section.settings.padding_top }}px 24px {{ section.settings.padding_bottom }}px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  }

  .tech-specs__inner {
    max-width: 980px;
    margin: 0 auto;
  }

  .tech-specs__header {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 60px;
  }

  .tech-specs__eyebrow {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: {{ section.settings.eyebrow_color }};
    margin: 0 0 12px;
    text-transform: none;
  }

  .tech-specs__title {
    font-size: clamp(36px, 6vw, 64px);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.05;
    margin: 0 0 20px;
    color: {{ section.settings.title_color }};
  }

  .tech-specs__subtitle {
    font-size: 17px;
    line-height: 1.6;
    color: {{ section.settings.subtitle_color }};
    margin: 0;
  }

  .tech-specs__hero-image {
    text-align: center;
    margin-bottom: 64px;
  }

  .tech-specs__hero-img {
    max-width: 100%;
    height: auto;
    display: inline-block;
  }

  .tech-specs__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 32px;
  }

  .tech-specs__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .tech-specs__item-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .tech-specs__icon-img {
    width: 40px;
    height: 40px;
    object-fit: contain;
  }

  .tech-specs__item-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .tech-specs__feature-title {
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    color: {{ section.settings.text_color }};
  }

  .tech-specs__feature-text {
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
    color: {{ section.settings.text_color }};
    opacity: 0.85;
  }

  @media screen and (max-width: 768px) {
    .tech-specs__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 32px 20px;
    }

    .tech-specs__header {
      margin-bottom: 40px;
    }

    .tech-specs__hero-image {
      margin-bottom: 40px;
    }
  }

  @media screen and (max-width: 480px) {
    .tech-specs__grid {
      grid-template-columns: 1fr;
      gap: 28px;
    }
  }
/* END_SECTION:tech-specs */

/* CSS from block stylesheet tags */
/* START_BLOCK:_marquee (INDEX:81) */
marquee-component {
    display: block;
    width: 100%;
    overflow: hidden;
    background-color: var(--color-background);
  }

  .marquee__wrapper {
    display: flex;
    gap: var(--marquee-gap);
    width: fit-content;
    white-space: nowrap;
  }

  .marquee__content {
    min-width: max-content;
    display: flex;
    gap: var(--marquee-gap);
  }

  .marquee__content :is(p, h1, h2, h3, h4, h5, h6) {
    white-space: nowrap;
  }

  .marquee__content .marquee__repeated-items * {
    max-width: none;
  }

  .marquee__repeated-items {
    min-width: max-content;
    display: flex;
    gap: var(--marquee-gap);
    align-items: center;
    justify-content: center;
  }

  .marquee__repeated-items > * {
    align-content: center;
  }

  .hero__content-wrapper.layout-panel-flex--column marquee-component {
    --margin-inline: var(--full-page-margin-inline-offset);
    width: -webkit-fill-available;
    min-height: max-content;
  }

  @media (prefers-reduced-motion: no-preference) {
    marquee-component:not([data-disabled]) .marquee__wrapper {
      animation: marquee-motion var(--marquee-speed) linear infinite var(--marquee-direction);
    }
  }

  @keyframes marquee-motion {
    to {
      transform: translate3d(calc(-50% - (var(--marquee-gap) / 2)), 0, 0);
    }
  }
/* END_BLOCK:_marquee */

/* START_BLOCK:image-pair (INDEX:84) */
.image-pair {
    display: block;
    max-width: 100%;
    box-sizing: border-box;
  }

  .image-pair__link {
    display: block;
    color: inherit;
    text-decoration: none;
  }

  .image-pair__inner {
    display: flex;
    flex-direction: var(--ip-direction, row);
    justify-content: var(--ip-justify, flex-start);
    align-items: var(--ip-align, center);
    gap: var(--ip-gap, 16px);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .image-pair__item {
    display: block;
    flex: 0 1 auto;
    max-width: 100%;
    line-height: 0;
    box-sizing: border-box;
  }

  .image-pair__item--1 {
    position: relative;
    z-index: 1;
    width: var(--ip-w1, auto);
    transform: translate(var(--ip-offset-1-x, 0px), var(--ip-offset-1-y, 0px));
  }

  .image-pair__item--2 {
    position: relative;
    z-index: 0;
    width: var(--ip-w2, auto);
    transform: translateY(var(--ip-offset-2-y, 0px));
    margin-left: var(--ip-offset-2-x, 0px);
  }

  .image-pair__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: var(--ip-fit, contain);
    object-position: center;
  }

  .image-pair__item--1 .image-pair__img {
    height: var(--ip-h1, auto);
  }

  .image-pair__item--2 .image-pair__img {
    height: var(--ip-h2, auto);
  }

  .image-pair__img--placeholder {
    width: 120px;
    height: 120px;
    background: rgba(0, 0, 0, 0.06);
  }

  @media screen and (min-width: 750px) and (max-width: 989px) {
    .image-pair__inner {
      flex-direction: var(--ip-direction-tablet, var(--ip-direction, row));
      justify-content: var(--ip-justify-tablet, var(--ip-justify, flex-start));
      align-items: var(--ip-align-tablet, var(--ip-align, center));
      gap: var(--ip-gap-tablet, var(--ip-gap, 16px));
    }

    .image-pair__item--1 {
      width: var(--ip-w1-tablet, var(--ip-w1, auto));
      transform: translate(
        var(--ip-offset-1-x-tablet, var(--ip-offset-1-x, 0px)),
        var(--ip-offset-1-y-tablet, var(--ip-offset-1-y, 0px))
      );
    }

    .image-pair__item--1 .image-pair__img {
      height: var(--ip-h1-tablet, var(--ip-h1, auto));
    }

    .image-pair__item--2 {
      width: var(--ip-w2-tablet, var(--ip-w2, auto));
      transform: translateY(
        var(--ip-offset-2-y-tablet, var(--ip-offset-2-y, 0px))
      );
      margin-left: var(--ip-offset-2-x-tablet, var(--ip-offset-2-x, 0px));
    }

    .image-pair__item--2 .image-pair__img {
      height: var(--ip-h2-tablet, var(--ip-h2, auto));
    }
  }

  @media screen and (max-width: 749px) {
    .image-pair__inner {
      flex-direction: var(--ip-direction-mobile, var(--ip-direction, row));
      justify-content: var(--ip-justify-mobile, var(--ip-justify, flex-start));
      align-items: var(--ip-align-mobile, var(--ip-align, center));
      gap: var(--ip-gap-mobile, var(--ip-gap, 16px));
    }

    .image-pair__item--1 {
      width: var(--ip-w1-mobile, var(--ip-w1, auto));
      transform: translate(
        var(--ip-offset-1-x-mobile, var(--ip-offset-1-x, 0px)),
        var(--ip-offset-1-y-mobile, var(--ip-offset-1-y, 0px))
      );
    }

    .image-pair__item--1 .image-pair__img {
      height: var(--ip-h1-mobile, var(--ip-h1, auto));
    }

    .image-pair__item--2 {
      width: var(--ip-w2-mobile, var(--ip-w2, auto));
      transform: translateY(
        var(--ip-offset-2-y-mobile, var(--ip-offset-2-y, 0px))
      );
      margin-left: var(--ip-offset-2-x-mobile, var(--ip-offset-2-x, 0px));
    }

    .image-pair__item--2 .image-pair__img {
      height: var(--ip-h2-mobile, var(--ip-h2, auto));
    }
  }
/* END_BLOCK:image-pair */

/* START_BLOCK:logo (INDEX:86) */
.logo-block {
    width: calc(var(--logo-width) + var(--padding-inline-start) + var(--padding-inline-end));
    max-width: 100%;
    max-height: calc(var(--logo-height, 100%) + var(--padding-block-start) + var(--padding-block-end));
    font-size: var(--logo-height);
    display: flex;

    @media screen and (max-width: 750px) {
      max-height: calc(
        var(--logo-height-mobile, var(--logo-height, 100%)) + var(--padding-block-start) + var(--padding-block-end)
      );
      font-size: var(--logo-height-mobile, var(--logo-height));
      width: calc(
        var(--logo-width-mobile, var(--logo-width)) + var(--padding-inline-start) + var(--padding-inline-end)
      );
    }
  }

  .logo-block__image-wrapper {
    display: flex;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }

  .logo-block__image {
    object-fit: contain;
    width: 100%;
  }
/* END_BLOCK:logo */

/* START_BLOCK:spacer (INDEX:89) */
/* Fill opposite direction */
  .layout-panel-flex--column > .spacer-block {
    width: 100%;
  }

  .layout-panel-flex--row > .spacer-block {
    height: 100%;
  }

  /* Flex - Percent */
  :is(.layout-panel-flex--row, .layout-panel-flex--column) > .spacer-block--size-percent {
    flex: var(--spacer-size);
  }

  /* Flex - Pixel */
  .layout-panel-flex--row > .spacer-block--size-pixel {
    width: var(--spacer-size);
  }

  .layout-panel-flex--column > .spacer-block--size-pixel {
    height: var(--spacer-size);
  }

  /* Mobile */
  @media screen and (max-width: 750px) {
    /* Percent */
    .layout-panel-flex--row:not(.mobile-column) > .spacer-block--size-mobile-percent {
      flex: var(--spacer-size-mobile);
      height: 100%;
    }

    .layout-panel-flex--column > .spacer-block--size-mobile-percent,
    .mobile-column > .spacer-block--size-percent:not(.spacer-block--size-mobile-pixel) {
      width: 100%;
      flex: var(--spacer-size-mobile);
    }

    /* Pixel */
    .layout-panel-flex--row:not(.mobile-column) > .spacer-block--size-mobile-pixel {
      width: var(--spacer-size-mobile);
      height: 100%;
    }

    .layout-panel-flex--column > .spacer-block--size-mobile-pixel,
    .mobile-column > .spacer-block--size-mobile-pixel {
      width: 100%;
      flex: 0;
      height: var(--spacer-size-mobile);
    }
  }
/* END_BLOCK:spacer */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:background-video (INDEX:94) */
@media (prefers-reduced-motion: reduce) {
    video-background-component video {
      display: none;
    }
  }
/* END_SNIPPET:background-video */

/* START_SNIPPET:button (INDEX:96) */
.link {
    text-decoration: none;
    text-decoration-color: currentcolor;

    &:hover {
      color: var(--color-primary-hover);
      text-decoration-color: transparent;
    }
  }
/* END_SNIPPET:button */

/* START_SNIPPET:divider (INDEX:105) */
.divider {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: var(--divider-justify-content);
  }

  .divider__line {
    border-bottom: var(--divider-border-thickness) solid var(--color-border);
    border-right: var(--divider-border-thickness) solid var(--color-border);
    border-radius: calc(var(--style-border-radius-sm) * var(--divider-border-rounded));
    flex-basis: var(--divider-flex-basis);
    min-height: var(--divider-flex-basis);
  }
/* END_SNIPPET:divider */

/* START_SNIPPET:group (INDEX:110) */
.group-block__link {
    position: absolute;
    inset: 0;
  }

  .group-block__link ~ :is(.group-block-content, .group-block__media-wrapper) {
    pointer-events: none;
    a,
    button,
    input,
    textarea,
    select {
      pointer-events: auto;
    }
  }

  /* Needs the .group-block__link ~ to be specific enough to take effect. */
  .group-block__link ~ .group-block-content--design-mode {
    pointer-events: auto;
  }
/* END_SNIPPET:group */

/* START_SNIPPET:jumbo-text (INDEX:150) */
.jumbo-text__container {
    width: 100%;
  }

  jumbo-text {
    display: block;
    font-family: var(--font-family, inherit);
    font-style: var(--font-style, normal);
    color: var(--color, inherit);
    font-weight: var(--font-weight, inherit);
    letter-spacing: var(--letter-spacing, -0.02em);
    line-height: var(--line-height, 1);
    opacity: 0;
    text-align: var(--text-align);
    text-box: var(--text-trim, trim-end cap text);
    text-transform: var(--text-transform, none);
    transition: opacity 0.3s ease;
    white-space: pre;
    width: 100%;
    will-change: font-size;
    margin-left: var(--margin-left-nudge, 0);
    margin-right: var(--margin-right-nudge, 0);
    overflow: visible;
  }

  jumbo-text.ready {
    opacity: 1;
  }

  jumbo-text[data-cap-text='true'] {
    text-box-edge: cap text;
  }

  .jumbo-text-space {
    display: inline-flex;
    width: 0.5ch;
  }

  :is(.jumbo-text-char, .jumbo-text-line) {
    display: inline-flex;
  }

  @media (prefers-reduced-motion: no-preference) {
    /* Blur effect */
    [data-text-effect='blur'] {
      filter: blur(20px);
      opacity: 0.5;
      scale: 1.05;
      transition: filter 1.6s var(--animation-timing-fade-in), opacity 1.3s var(--animation-timing-fade-in),
        scale 1.6s var(--animation-timing-fade-in);
    }

    .jumbo-text-visible[data-text-effect='blur'] {
      filter: blur(0);
      opacity: 1;
      scale: 1;
    }

    /* Reveal effect */
    .ready[data-text-effect='reveal'],
    .ready[data-text-effect='reveal'] .jumbo-text-line {
      overflow: hidden;
    }

    .ready[data-text-effect='reveal'] .jumbo-text-char {
      transform: translateY(100%);
    }

    .jumbo-text-visible[data-text-effect='reveal'] .jumbo-text-char {
      transition: transform 0.5s var(--animation-timing-fade-in) calc(var(--line-index) * 0.05s);
      transform: translateY(0);
    }

    .jumbo-text-visible[data-text-effect='reveal'],
    .jumbo-text-visible[data-text-effect='reveal'] .jumbo-text-line {
      overflow: visible;
      transition: overflow 0s linear 0.75s;
    }
  }
/* END_SNIPPET:jumbo-text */

/* START_SNIPPET:overlay (INDEX:153) */
.overlay {
    position: absolute;
    inset: 0;
    z-index: var(--overlay-layer);
    pointer-events: none;
    border-radius: var(--overlay-border-radius, 0px);
  }

  .overlay--solid {
    background: var(--overlay-color);
  }

  .overlay--gradient {
    background: linear-gradient(var(--overlay-direction), var(--overlay-color), var(--overlay-color--end));
  }
/* END_SNIPPET:overlay */

/* START_SNIPPET:price-button (INDEX:155) */
.link {
    text-decoration: none;
    text-decoration-color: currentcolor;

    &:hover {
      color: var(--color-primary-hover);
      text-decoration-color: transparent;
    }
  }
/* END_SNIPPET:price-button */

/* START_SNIPPET:text (INDEX:166) */
:root {
    --text-align-default: left;
  }

  [style*='--horizontal-alignment: center'] .text-block {
    --text-align-default: center;
  }

  [style*='--horizontal-alignment: flex-end'] .text-block {
    --text-align-default: right;
  }

  [style*='--horizontal-alignment: flex-start'] > .text-block {
    --text-align-default: left;
  }

  [style*='--horizontal-alignment: center'] > .text-block {
    --text-align-default: center;
  }

  [style*='--horizontal-alignment: flex-end'] > .text-block {
    --text-align-default: right;
  }

  .text-block {
    width: var(--width);
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: var(--horizontal-alignment);
  }

  .text-block > * {
    width: var(--width);
    max-width: var(--max-width, 100%);
    text-align: var(--text-align, var(--text-align-default));
    text-wrap: var(--text-wrap);
  }

  .text-block:not(.text-block--full-width).rte,
  .text-block:not(.text-block--full-width).paragraph {
    /* Safari doesn't support pretty, so fallback to balance */
    text-wrap: balance;
    text-wrap: pretty;
  }

  .text-block:not(.text-block--full-width):is(.h1, .h2, .h3, .h4, .h5, .h6) {
    text-wrap: balance;
  }

  /* Hide underline unless text is using paragraph styles. */
  .text-block:is(.h1, .h2, .h3, .h4, .h5, .h6) a {
    text-decoration-color: transparent;
  }

  .text-block h1,
  .text-block.h1 > * {
    margin-block: var(--font-h1--spacing);
  }

  .text-block h2,
  .text-block.h2 > * {
    margin-block: var(--font-h2--spacing);
  }

  .text-block h3,
  .text-block.h3 > * {
    margin-block: var(--font-h3--spacing);
  }

  .text-block h4,
  .text-block.h4 > * {
    margin-block: var(--font-h4--spacing);
  }

  .text-block h5,
  .text-block.h5 > * {
    margin-block: var(--font-h5--spacing);
  }

  .text-block h6,
  .text-block.h6 > * {
    margin-block: var(--font-h6--spacing);
  }

  .text-block p,
  .text-block.p > * {
    margin-block: var(--font-paragraph--spacing);
  }

  .text-block > *:first-child {
    margin-block-start: 0;
  }

  .text-block > *:last-child {
    margin-block-end: 0;
  }

  .text-block--align-center,
  .text-block--align-center > * {
    margin-inline: auto;
  }

  .text-block--align-right,
  .text-block--align-right > * {
    margin-inline-start: auto;
  }

  .text-block--background {
    background-color: var(--text-background-color);
    border-radius: var(--text-corner-radius);

    /* To avoid text being cropped when using a border radius we add a minimum padding. */
    padding-block-start: max(var(--text-padding), var(--padding-block-start, 0));
    padding-block-end: max(var(--text-padding), var(--padding-block-end, 0));
    padding-inline-start: max(var(--text-padding), var(--padding-inline-start, 0));
    padding-inline-end: max(var(--text-padding), var(--padding-inline-end, 0));
  }

  .custom-color,
  .custom-color > :is(h1, h2, h3, h4, h5, h6, p, *) {
    color: var(--color);
  }
/* END_SNIPPET:text */