/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/block/Links/style.css ***!
  \**************************************************************************************************************************************************************************************/
/**
 * Custom Media Queries
 * Works like Custom Properties, except for media queries.
 *
 * @link: https://drafts.csswg.org/mediaqueries-5/#custom-mq
 * @link: https://github.com/postcss/postcss-custom-media
 **/

/* Min-Width */

/* Customize based on project */

/* Max-Width */

/* Customize based on project */

/* Min-Max-Width */

[name='Links'] {

  /* Slider Mode */

  /* Stacked Mode */

  /* Slider desktop only / Stacked mobile only (when no mobile images) */
}

@media screen and (width >= 768px) {

[name='Links'] .wrapper {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: var(--gutter)
  }
    }

[name='Links'] [name='PreContent'] > :first-child {
    margin-block-start: 0;
    padding-block-start: 0;
  }

[name='Links'] [name='PreContent'] > :last-child:not([class*='button']) {
    margin-block-end: 0;
    padding-block-end: 0;
  }

[name='Links'] [name='PreContent'] > h2,
  [name='Links'] [name='PreContent'] > h3,
  [name='Links'] [name='PreContent'] > h4,
  [name='Links'] [name='PreContent'] > h5,
  [name='Links'] [name='PreContent'] > h6 {
    margin-block-start: 0;
  }

[name='Links'] [name='PreContent'] {

    margin-block-end: 0
}

@media screen and (width >= 768px) {

[name='Links'] [name='PreContent'] {
      grid-column: span 4
  }
    }

@media screen and (width >= 768px) {

[name='Links'].pre-content-above [name='PreContent'] {
        grid-column: span 12
    }
      }

@media screen and (width >= 768px) {

[name='Links'].pre-content-above .slider-wrapper,
    [name='Links'].pre-content-above .stacked-wrapper {
        grid-column: 1 / -1
    }
      }

@media screen and (width >= 768px) {

[name='Links'].pre-content-left.display-mode-slider .slider-wrapper {
        padding-inline: 24px
    }
      }

[name='Links'] .slider-wrapper,
  [name='Links'] .stacked-wrapper {
    position: relative;
  }

@media screen and (width < 768px) {

[name='Links'] .slider-wrapper,
  [name='Links'] .stacked-wrapper {
      margin-block-start: 32px
  }
    }

@media screen and (width >= 768px) {

[name='Links'] .slider-wrapper,
  [name='Links'] .stacked-wrapper {
      grid-column: 5 / -1
  }
    }

@media screen and (width >= 768px) {

[name='Links'] .stacked-wrapper {
      grid-column: 6 / -1
  }
    }

[name='Links'] .swiper {
    overflow: visible;
    padding-block-end: 24px;
  }

[name='Links'] .swiper .swiper-slide {
      height: auto;
      opacity: 0;
    }

[name='Links'] .swiper .swiper-slide.swiper-slide-visible {
        opacity: 1;
      }

[name='Links'] .swiper .swiper-scrollbar {
      --swiper-scrollbar-bg-color: rgb(0 0 0 / 16%);
      --swiper-scrollbar-size: 10px;
    }

[name='Links'] .swiper .swiper-scrollbar-drag {
      --swiper-scrollbar-drag-bg-color: rgb(18 18 18 / 38%);
    }

[name='Links'].display-mode-slider .slider-wrapper {
      position: relative;
      width: 100%;
      overflow-x: clip;
    }

[name='Links'].display-mode-slider .swiper {
      width: 100%;
    }

[name='Links'].display-mode-slider .swiper-slide {
      height: auto;
      flex-shrink: 0;
    }

[name='Links'].display-mode-stacked .stacked-wrapper {
      display: grid;
      grid-template-columns: 1fr;
      gap: var(--gutter);
      justify-items: start;
    }

[name='Links'].display-mode-stacked .stacked-wrapper .button-icon {
        align-items: center;
      }

[name='Links'].display-mode-stacked .stacked-item {
      min-width: 100%;
      grid-column: span 1;
    }

[name='Links'] .slider-desktop-only {
    display: none;
  }

@media screen and (width >= 768px) {

[name='Links'] .slider-desktop-only {
      display: block
  }
    }

[name='Links'] .stacked-mobile-only {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gutter);
    justify-items: start;
  }

@media screen and (width >= 768px) {

[name='Links'] .stacked-mobile-only {
      display: none
  }
    }

[name='Links'] .stacked-mobile-only .stacked-item {
      min-width: 100%;
      grid-column: span 1;
    }

[name='Links'] .stacked-mobile-only .button-icon {
      align-items: center;
    }


/*# sourceMappingURL=style.min.css.map*/