/* RIVER Design-System: Preload - CSS Variables */
:root {
  /* colors */
  --colors-white: white;
  --colors-black: #1a1a1a;
  --colors-base: white;
  --colors-reverse: #1a1a1a;
  --colors-primary-600: #48366e;
  --colors-primary-500: #695094;
  --colors-primary-400: #8f79c9;
  --colors-primary-300: #a094eb;
  --colors-primary-200: #c5c1f1;
  --colors-primary-dark: var(--colors-primary-600);
  --colors-primary-title: var(--colors-primary-600);
  --colors-primary-normal: var(--colors-primary-500);
  --colors-primary-light: var(--colors-primary-400);
  --colors-primary-border: var(--colors-primary-400);
  --colors-primary-bg: var(--colors-primary-200);
  --colors-primary-alpha: rgba(105, 80, 148, 0.5);
  --colors-secondary-600: #2382c2;
  --colors-secondary-500: #42b1e3;
  --colors-secondary-400: #8bcaf1;
  --colors-secondary-50: #fcfdff;
  --colors-secondary-dark: var(--colors-secondary-600);
  --colors-secondary-title: var(--colors-secondary-600);
  --colors-secondary-normal: var(--colors-secondary-500);
  --colors-secondary-light: var(--colors-secondary-400);
  --colors-secondary-border: var(--colors-secondary-400);
  --colors-secondary-bg: var(--colors-secondary-50);
  --colors-secondary-alpha: rgba(66, 177, 227, 0.5);
  --colors-gray-900: #1d1d1f;
  --colors-gray-800: #35363a;
  --colors-gray-700: #424349;
  --colors-gray-600: #606268;
  --colors-gray-500: #84858b;
  --colors-gray-400: #a7a9ac;
  --colors-gray-300: #cbccce;
  --colors-gray-200: #dfdfe1;
  --colors-gray-100: #efeff0;
  --colors-gray-50: #f8f8f9;
  --colors-gray-dark: var(--colors-gray-700);
  --colors-gray-title: var(--colors-gray-700);
  --colors-gray-normal: var(--colors-gray-600);
  --colors-gray-light: var(--colors-gray-400);
  --colors-gray-border: var(--colors-gray-400);
  --colors-gray-bg: var(--colors-gray-50);
  --colors-gray-alpha: rgba(96, 98, 104, 0.5);
  /* type */
  --type-font-normal: HK Nova, 'Helvetica Now Text', Helvetica, Verdana, sans-serif;
  --type-font-title: Asap, sans-serf;
  --type-size-x-small: 1.4693280768rem;
  --type-size-small: 1.5868743229rem;
  --type-size-normal: 1.7138242688rem;
  --type-size-large: 1.8509302103rem;
  --type-size-x-large: 2.1589249973rem;
  --type-size-title-1: 5.0338337154rem;
  --type-size-title-2: 2.9371936243rem;
  --type-size-title-3: 1.9990046271rem;
  --type-size-title-4: 1.8509302103rem;
  --type-size-title-5: 1.7138242688rem;
  --type-size-title-6: 1.5868743229rem;
  --type-weight-light: 300;
  --type-weight-normal: 400;
  --type-weight-bold: 600;
  --type-spacing-normal: 1em;
  --type-spacing-small: 0.5em;
  --type-spacing-title: 0.5em;
  --type-spacing-none: 0em;
  --type-line-height-normal: 1.5em;
  --type-line-height-title: 1.8em;
  --type-letter-spacing-normal: 0;
  --type-letter-spacing-title: 0.05em;
  /* sizes */
  --sizes-size-0: 0rem;
  --sizes-size-1: 0.5rem;
  --sizes-size-2: 1rem;
  --sizes-size-3: 1.5rem;
  --sizes-size-4: 2rem;
  --sizes-size-5: 2.5rem;
  --sizes-size-6: 3rem;
  --sizes-size-7: 3.5rem;
  --sizes-size-8: 4rem;
  --sizes-size-9: 4.5rem;
  --sizes-size-10: 5rem;
  --sizes-size-11: 5.5rem;
  --sizes-size-12: 6rem;
  --sizes-size-13: 6.5rem;
  --sizes-size-14: 7rem;
  --sizes-size-15: 7.5rem;
  --sizes-size-16: 8rem;
  --sizes-size-17: 8.5rem;
  --sizes-size-18: 9rem;
  --sizes-size-19: 9.5rem;
  --sizes-size-20: 10rem;
  --sizes-size-21: 10.5rem;
  --sizes-size-22: 11rem;
  --sizes-size-23: 11.5rem;
  --sizes-size-24: 12rem;
  --sizes-size-25: 12.5rem;
  --sizes-size-26: 13rem;
  --sizes-size-27: 13.5rem;
  --sizes-size-28: 14rem;
  --sizes-size-29: 14.5rem;
  --sizes-size-30: 15rem;
  --sizes-size-31: 15.5rem;
  --sizes-size-32: 16rem;
  --sizes-size-33: 16.5rem;
  --sizes-size-34: 17rem;
  --sizes-size-35: 17.5rem;
  --sizes-size-36: 18rem;
  --sizes-size-37: 18.5rem;
  --sizes-size-38: 19rem;
  --sizes-size-39: 19.5rem;
  --sizes-size-40: 20rem;
  --sizes-size-41: 20.5rem;
  --sizes-size-42: 21rem;
  --sizes-size-43: 21.5rem;
  --sizes-size-44: 22rem;
  --sizes-size-45: 22.5rem;
  --sizes-size-46: 23rem;
  --sizes-size-47: 23.5rem;
  --sizes-size-48: 24rem;
  --sizes-size-49: 24.5rem;
  --sizes-size-50: 25rem;
  --sizes-size-subtle: 0.2rem;
  --sizes-size-smallest: 0.5rem;
  --sizes-size-x-small: var(--sizes-size-2);
  --sizes-size-small: var(--sizes-size-4);
  --sizes-size-normal: var(--sizes-size-6);
  --sizes-size-large: var(--sizes-size-8);
  --sizes-size-x-large: var(--sizes-size-12);
  --sizes-size-layout-small: var(--sizes-size-16);
  --sizes-size-layout-normal: var(--sizes-size-24);
  --sizes-size-layout-x-large: var(--sizes-size-32);
  --sizes-padding-small: 0.5rem 1rem;
  --sizes-padding-normal: 1rem 2rem;
  --sizes-padding-large: 1.5rem 4rem;
  --sizes-gutter-small: var(--sizes-size-small);
  --sizes-gutter-normal: var(--sizes-size-normal);
  --sizes-gutter-large: var(--sizes-size-large);
  --sizes-multiplier-small: 0.8;
  --sizes-multiplier-small-subtle: 0.95;
  --sizes-multiplier-normal: 1;
  --sizes-multiplier-large-subtle: 1.05;
  --sizes-multiplier-large: 1.2;
  --sizes-ratio-vertical-small: 33%;
  --sizes-ratio-vertical-normal: 66%;
  --sizes-ratio-horizontal-small: 20%;
  --sizes-ratio-horizontal-normal: 40%;
  --sizes-ratio-square: 100%;
}

/* RIVER Design-System: Preload - Reset */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

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

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}

/* RIVER Design-System: Preload - Base */
html, body {
  min-height: 100vh;
}

html {
  font-size: 62.5%;
}

body {
  font-family: var(--type-font-normal);
  font-size: var(--type-size-normal);
  font-weight: var(--type-weight-normal);
  color: var(--colors-gray-normal);
  background-color: var(--colors-base);
  line-height: var(--type-line-height-normal);
  letter-spacing: var(--type-letter-spacing-normal);
  overflow: auto;
}

/* RIVER Support / Javascript */
.js-preload-transitions * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

.js-hero-parallax {
  position: relative;
  overflow: hidden;
}
.js-hero-parallax .js-hero-parallax__bg,
.js-hero-parallax .js-hero-parallax__content {
  transition: transform 5ms linear;
}

/* RIVER Support / Animations */
@media (prefers-reduced-motion: no-preference) {
  .animate-none {
    transition: none;
  }
  .animate-fadein {
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity;
  }
  .animate-fadein.js-animate-animated {
    opacity: 1;
  }
  .animate-slidein-down {
    transform: translateY(-2rem);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity, transform;
  }
  .animate-slidein-down--small {
    transform: translateY(-1rem);
  }
  .animate-slidein-down--large {
    transform: translateY(-5rem);
  }
  .animate-slidein-down.js-animate-animated {
    transform: translateY(0);
    opacity: 1;
  }
  .animate-slidein-up {
    transform: translateY(2rem);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity, transform;
  }
  .animate-slidein-up--small {
    transform: translateY(1rem);
  }
  .animate-slidein-up--large {
    transform: translateY(5rem);
  }
  .animate-slidein-up.js-animate-animated {
    transform: translateY(0);
    opacity: 1;
  }
  .animate-slidein-left {
    transform: translateX(3rem);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity, transform;
  }
  .animate-slidein-left--small {
    transform: translateX(2rem);
  }
  .animate-slidein-left--large {
    transform: translateX(6rem);
  }
  .animate-slidein-left.js-animate-animated {
    transform: translateX(0);
    opacity: 1;
  }
  .animate-slidein-right {
    transform: translateX(-3rem);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity, transform;
  }
  .animate-slidein-right--small {
    transform: translateX(-2rem);
  }
  .animate-slidein-right--large {
    transform: translateX(-6rem);
  }
  .animate-slidein-right.js-animate-animated {
    transform: translateX(0);
    opacity: 1;
  }
}
/* Content Blocks / Common */
:where(.content-blocks > .content-block + .content-block) {
  margin-top: var(--sizes-size-normal);
}

.block-expandable-content {
  position: relative;
  margin-bottom: var(--sizes-size-normal);
}
.block-expandable-content .block-expandable-content__title {
  display: flex;
  align-items: center;
  padding: var(--sizes-size-small);
  font-weight: var(--type-weight-bold);
  background-color: var(--colors-gray-bg);
  cursor: pointer;
}
.block-expandable-content .block-expandable-content__body {
  position: relative;
  overflow: hidden;
  border: solid 2px ghostwhite;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.block-expandable-content .block-expandable-content__content {
  padding: var(--sizes-size-small);
}
.block-expandable-content .block-expandable-content__content > *:last-child {
  margin-bottom: 0;
}

.block-expandable-content.is-open .block-expandable-content__arrow {
  transform: scaleY(-1);
}

/* Universal Content / Common */
.ucm-tools {
  display: flex;
  justify-content: space-between;
  padding: var(--sizes-size-small) 0;
  border-bottom: solid 2px var(--colors-gray-bg);
}

.ucm-tools__category {
  align-items: center;
}

.ucm-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  margin: auto;
  text-decoration: none;
  min-height: 100%;
  color: var(--colors-gray-normal);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: transform;
}

.ucm-card:hover,
.ucm-card:active, .ucm-card.is-active {
  transform: translateY(-0.2rem);
}

.ucm-card__img {
  overflow: hidden;
  background-color: var(--colors-gray-bg);
  flex-shrink: 0;
  display: block;
  position: relative;
  height: 0;
  padding-top: var(--sizes-ratio-vertical-normal);
}

.ucm-card__body {
  padding-top: var(--sizes-size-small);
  padding-bottom: 0;
}

.ucm-card__caption {
  font-size: var(--type-size-small);
  color: var(--colors-gray-light);
}

.ucm-card__title {
  margin-bottom: 0;
}

.ucm-card__summary {
  margin-bottom: 0;
}

/**
 * Swiper 8.4.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 12, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, 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");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.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;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .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-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

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

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .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: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet: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-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .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 .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

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

:root {
  --swiper-theme-color: var(--colors-base);
  --swiper-pagination-bullet-size: 10px;
}

.swiper-container {
  position: relative;
  width: 100%;
}

.swiper-container:not(.swiper-relative) {
  height: 0;
  padding-top: 56%;
  background-color: var(--colors-gray-bg);
}

.swiper-container:not(.swiper-relative) .swiper {
  position: absolute;
  inset: 0;
}

.swiper-button-prev,
.swiper-button-next,
.swiper-pagination {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: opacity;
}

.swiper-button-prev,
.swiper-button-next {
  font-style: normal;
  opacity: 0.6;
}

.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-pagination {
  opacity: 1;
}

.swiper-container:has(.swiper-pagination-bullets.swiper-pagination-horizontal) {
  margin-bottom: 4rem;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -3.5rem;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}

.swiper-pagination-bullet {
  border-radius: 8px;
  background: initial;
  background-color: black;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color, opacity, width;
}

.swiper-pagination-bullet-active {
  background-color: var(--colors-primary-normal);
  width: 20px;
}

.swiper-pagination.scope-reverse .swiper-pagination-bullet-active {
  background-color: var(--colors-base);
}

.gallery-slider__slide {
  display: flex;
  flex-direction: column;
}

.gallery-slider__image {
  flex-grow: 1;
  position: relative;
}

.gallery-slider__title, .gallery-slider__caption {
  text-align: center;
  padding: 1rem;
}

.gallery-slider__caption {
  padding-bottom: 4rem;
}

.gallery-slider__image .style-image {
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 20%;
     object-position: 50% 20%;
  width: 100%;
  height: 100%;
}

.gallery-slider__image a {
  display: block;
  position: absolute;
  inset: 0;
  cursor: pointer;
}

.gallery-slider__image a img {
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 20%;
     object-position: 50% 20%;
  width: 100%;
  height: 100%;
}

.gallery-slider--contain .gallery-slider__image .style-image,
.gallery-slider--contain .gallery-slider__image a img {
  -o-object-fit: contain;
     object-fit: contain;
}
