.o-multicolumn {
  --grid-column-gap: var(--column-gap-mobile);
  --grid-row-gap: var(--row-gap-mobile);
}
@media screen and (min-width: 768px) {
  .o-multicolumn {
    --grid-column-gap: var(--column-gap-desktop);
    --grid-row-gap: var(--row-gap-desktop);
  }
}
.o-multicolumn__content {
  margin-bottom: 3rem;
}
.o-multicolumn__footer {
  margin-top: 3rem;
}
.o-multicolumn__title {
  margin-bottom: 1rem;
}
.o-multicolumn__image {
  margin-bottom: 0;
}
.o-multicolumn__image:has(+ .o-multicolumn__content) {
  margin-bottom: 3rem;
}
.o-multicolumn__image img {
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}
.o-multicolumn__video video {
  border-radius: var(--border-radius);
}
.o-multicolumn__items:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-row-gap) var(--grid-column-gap);
}
.o-multicolumn__items:not(.swiper-initialized) .o-multicolumn__item {
  position: relative;
  --flex-items: 1;
  width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--grid-column-gap));
}
.o-multicolumn__items:not(.swiper-initialized) .o-multicolumn__item--card {
  padding: 2.4rem;
  border-radius: 3rem;
  background: var(--color-background-gradient, rgb(var(--color-background)));
  min-height: 2.8rem;
}
@media screen and (min-width: 768px) {
  .o-multicolumn__items:not(.swiper-initialized) .o-multicolumn__item--card {
    min-height: 35rem;
  }
}
.o-multicolumn__items:not(.swiper-initialized) .o-multicolumn__item--card .o-multicolumn__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 75%;
}
.o-multicolumn__items:not(.swiper-initialized) .o-multicolumn__item--card .o-multicolumn__content.u-text-right {
  margin-left: auto;
  margin-right: 0;
}
.o-multicolumn__items:not(.swiper-initialized) .o-multicolumn__item--card .o-multicolumn__content.u-text-center {
  margin-left: auto;
  margin-right: auto;
}
.o-multicolumn__items:not(.swiper-initialized) .o-multicolumn__item .o-multicolumn__badge {
  display: flex;
  align-items: center;
  width: fit-content;
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 2;
}
.o-multicolumn__items:not(.swiper-initialized) .o-multicolumn__item .o-multicolumn__badge-icon {
  display: inline-flex;
  margin-right: 0.8rem;
}
.o-multicolumn__items:not(.swiper-initialized) .o-multicolumn__item .o-multicolumn__badge-icon img {
  width: 2.4rem;
  height: auto;
}
.o-multicolumn__items.swiper:not(.swiper-initialized) {
  overflow: hidden;
}
.o-multicolumn__items.swiper:not(.swiper-initialized) > .swiper-wrapper {
  flex-wrap: nowrap;
}
.o-multicolumn__items.swiper.swiper-initialized.swiper-free-mode .o-multicolumn__item {
  cursor: grab;
}
.o-multicolumn__mobile-columns--1 .o-multicolumn__item {
  --flex-items: 1;
}
.o-multicolumn__mobile-columns--2 .o-multicolumn__item {
  --flex-items: 2;
}
.o-multicolumn__mobile-columns--3 .o-multicolumn__item {
  --flex-items: 3;
}
.o-multicolumn__mobile-columns--4 .o-multicolumn__item {
  --flex-items: 4;
}
.o-multicolumn__mobile-columns--5 .o-multicolumn__item {
  --flex-items: 5;
}
.o-multicolumn__mobile-columns--6 .o-multicolumn__item {
  --flex-items: 6;
}
@media screen and (min-width: 1100px) {
  .o-multicolumn__columns--1:not(.swiper-initialized) .o-multicolumn__item {
    --flex-items: 1;
  }
}
@media screen and (min-width: 1100px) {
  .o-multicolumn__columns--2:not(.swiper-initialized) .o-multicolumn__item {
    --flex-items: 2;
  }
}
@media screen and (min-width: 1100px) {
  .o-multicolumn__columns--3:not(.swiper-initialized) .o-multicolumn__item {
    --flex-items: 3;
  }
}
@media screen and (min-width: 1100px) {
  .o-multicolumn__columns--4:not(.swiper-initialized) .o-multicolumn__item {
    --flex-items: 4;
  }
}
@media screen and (min-width: 1100px) {
  .o-multicolumn__columns--5:not(.swiper-initialized) .o-multicolumn__item {
    --flex-items: 5;
  }
}
@media screen and (min-width: 1100px) {
  .o-multicolumn__columns--6:not(.swiper-initialized) .o-multicolumn__item {
    --flex-items: 6;
  }
}
@media screen and (min-width: 1100px) {
  .o-multicolumn__columns--3-5:not(.swiper-initialized) .o-multicolumn__item {
    --flex-items: 3.5;
  }
}
@media screen and (min-width: 1100px) {
  .o-multicolumn__columns--4-5:not(.swiper-initialized) .o-multicolumn__item {
    --flex-items: 4.5;
  }
}