/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/codekrakers/components/cardlist/src/cardlist.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 1024px) {
  .row:has(.twz-cardlist--slider-mobile) {
    width: 100%;
    max-width: none;
  }
}

.row:has(.twz-cardlist--has-slider) {
  width: 100%;
  max-width: none;
}

.twz-cardlist {
  --cardlist-gap: 2rem;
  --cardlist-item-min-width: 28rem;
  --cardlist-slider-item-width: 32rem;
  --cardlist-align: start;
  --cardlist-section-gap: 2rem;
  --cardlist-button-margin-inline: 0;
  position: relative;
  container-type: inline-size;
  container-name: twz_cardlist;
}
.twz-cardlist__wrapper > .twz-text {
  margin-block-end: var(--cardlist-section-gap);
}
.twz-cardlist__wrapper > .btn {
  margin-block-start: var(--cardlist-section-gap);
  margin-inline: var(--cardlist-button-margin-inline);
  position: relative;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .twz-cardlist__wrapper > .btn {
    display: none;
  }
}
.twz-cardlist__wrapper .twz-text + .twz-cardlist__slider-wrapper,
.twz-cardlist__wrapper .twz-text + .twz-cardlist__items {
  margin-block-start: 1.2rem;
}
.twz-cardlist__slider-wrapper {
  position: relative;
  width: 100%;
}
.row:where([style*="--backgroundColor"]):not(.row--full_bg) .twz-cardlist__slider-wrapper {
  --cardlist-slider-inset: 3rem;
  margin-inline: calc(-1 * var(--cardlist-slider-inset));
  width: auto;
}
.row:where([style*="--backgroundColor"]):not(.row--full_bg) .twz-cardlist__slider-wrapper .flickity-slider {
  margin-inline-start: var(--cardlist-slider-inset);
}
.twz-cardlist__items:not(.flickity-enabled) {
  display: grid;
  gap: var(--cardlist-gap);
  grid-template-columns: repeat(auto-fill, minmax(min(var(--cardlist-item-min-width), 100%), 1fr));
}
.twz-cardlist__items:not(.flickity-enabled) > .twz-cardlist__slider-start,
.twz-cardlist__items:not(.flickity-enabled) > .twz-cardlist__slider-end {
  display: none;
  scroll-snap-align: none;
  pointer-events: none;
}
.twz-cardlist__items.flickity-enabled {
  display: block;
  overflow-x: auto;
  overflow-y: visible;
}
.twz-cardlist__items.flickity-enabled .flickity-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  min-height: var(--cardlist-slide-height, auto);
  scrollbar-width: none;
}
.twz-cardlist__items.flickity-enabled .flickity-viewport::-webkit-scrollbar {
  display: none;
}
.twz-cardlist__items.flickity-enabled .flickity-slider > :not(.twz-cardlist__slider-start, .twz-cardlist__slider-end) {
  width: min(var(--cardlist-slider-item-width), 82.5%);
  height: auto;
  min-height: var(--cardlist-slide-height, var(--cardlist-item-min-height, auto));
  margin-inline-end: var(--cardlist-gap);
}
.twz-cardlist__items.flickity-enabled .flickity-slider > .twz-cardlist__slide {
  display: flex;
  flex-direction: column;
  gap: var(--cardlist-slide-row-gap, var(--cardlist-gap));
  min-height: var(--cardlist-slide-height, auto);
}
.twz-cardlist__items.flickity-enabled .flickity-slider > .twz-cardlist__slide > .twz-cardlist__placeholder {
  flex: 1 1 auto;
  min-height: var(--cardlist-item-min-height, auto);
}
.twz-cardlist__items.flickity-enabled .flickity-slider > .twz-cardlist__slide > .twz-cardlist__placeholder {
  visibility: hidden;
  pointer-events: none;
}
.twz-cardlist__items.flickity-enabled .flickity-slider > :is(.twz-cardlist__slider-start, .twz-cardlist__slider-end) {
  width: var(--cardlist-slider-inset, 3rem);
  margin-inline-end: 0;
  height: 0.1rem;
  min-height: 0;
  pointer-events: none;
  visibility: hidden;
  scroll-snap-align: none;
}
@media (max-width: 1024px) {
  .twz-cardlist[data-slider=mobile] .twz-cardlist__items:after {
    content: "flickity";
    display: none;
  }
}
@media (min-width: 1025px) {
  .twz-cardlist:is([data-slider=all], [data-slider=true]) {
    --cardlist-content-width: min(var(--row-width), var(--row-maxwidth));
    --cardlist-desktop-inset: calc((100% - var(--cardlist-content-width)) / 2);
  }
  .twz-cardlist:is([data-slider=all], [data-slider=true]) .twz-cardlist__wrapper > :is(.info, .twz-cardlist__controls, .twz-cardlist__pagination, .twz-cardlist__progress, .twz-slider__controls) {
    width: var(--cardlist-content-width);
    max-width: 100%;
    margin-inline: auto;
  }
  .twz-cardlist:is([data-slider=all], [data-slider=true]) .twz-cardlist__wrapper > .btn {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  .twz-cardlist:is([data-slider=all], [data-slider=true]) .twz-cardlist__slider-wrapper:has(.twz-cardlist__items.flickity-enabled) {
    width: calc(100% + var(--cardlist-desktop-inset));
    margin-inline-end: calc(-1 * var(--cardlist-desktop-inset));
    margin-inline-start: 0;
  }
  .twz-cardlist:is([data-slider=all], [data-slider=true]) .twz-cardlist__slider-wrapper:has(.twz-cardlist__items.flickity-enabled) .twz-cardlist__items.flickity-enabled .flickity-slider > :is(.twz-cardlist__slider-start, .twz-cardlist__slider-end) {
    width: var(--cardlist-desktop-inset);
    min-width: var(--cardlist-desktop-inset);
    margin-inline-end: 0;
    height: 0.1rem;
    min-height: 0;
    pointer-events: none;
    visibility: hidden;
    scroll-snap-align: none;
  }
  .row:where([style*="--backgroundColor"]):not(.row--full_bg) .twz-cardlist:is([data-slider=all], [data-slider=true]) .twz-cardlist__slider-wrapper:has(.twz-cardlist__items.flickity-enabled) {
    margin-inline: 0;
    width: calc(100% + var(--cardlist-desktop-inset));
    margin-inline-end: calc(-1 * var(--cardlist-desktop-inset));
  }
  .row:where([style*="--backgroundColor"]):not(.row--full_bg) .twz-cardlist:is([data-slider=all], [data-slider=true]) .twz-cardlist__slider-wrapper:has(.twz-cardlist__items.flickity-enabled) .flickity-slider {
    margin-inline-start: 0;
  }
}
@media (min-width: 1025px) {
  .twz-cardlist--slider-mobile .twz-cardlist__slider-wrapper:has(.twz-cardlist__items:not(.flickity-enabled)) {
    margin-inline: 0;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .twz-cardlist:is(.twz-cardlist--slider-mobile, [data-slider=all], [data-slider=true]) {
    --cardlist-content-width: min(var(--row-width), var(--row-maxwidth));
    --cardlist-mobile-inset: calc((100% - var(--cardlist-content-width)) / 2);
    --cardlist-mobile-bleed-end: var(--cardlist-mobile-inset);
  }
  .twz-cardlist:is(.twz-cardlist--slider-mobile, [data-slider=all], [data-slider=true]) .twz-cardlist__wrapper > :is(.info, .twz-cardlist__controls, .twz-cardlist__pagination, .twz-cardlist__progress, .twz-slider__controls) {
    width: var(--cardlist-content-width);
    max-width: 100%;
    margin-inline: auto;
  }
  .twz-cardlist:is(.twz-cardlist--slider-mobile, [data-slider=all], [data-slider=true]) .twz-cardlist__wrapper > .btn {
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  .twz-cardlist:is(.twz-cardlist--slider-mobile, [data-slider=all], [data-slider=true]) .twz-cardlist__slider-wrapper:has(.twz-cardlist__items.flickity-enabled) {
    box-sizing: border-box;
    width: calc(100% + var(--cardlist-mobile-bleed-end));
    margin-inline-end: calc(-1 * var(--cardlist-mobile-bleed-end));
    margin-inline-start: 0;
    padding-inline-start: var(--cardlist-mobile-inset);
  }
  .twz-cardlist:is(.twz-cardlist--slider-mobile, [data-slider=all], [data-slider=true]) .twz-cardlist__slider-wrapper:has(.twz-cardlist__items.flickity-enabled) .twz-cardlist__items.flickity-enabled .flickity-slider > :is(.twz-cardlist__slider-start, .twz-cardlist__slider-end) {
    width: var(--cardlist-mobile-inset);
    min-width: var(--cardlist-mobile-inset);
    margin-inline-end: 0;
    height: 0.1rem;
    min-height: 0;
    pointer-events: none;
    visibility: hidden;
    scroll-snap-align: none;
  }
  .row:where([style*="--backgroundColor"]):not(.row--full_bg) .twz-cardlist:is(.twz-cardlist--slider-mobile, [data-slider=all], [data-slider=true]) .twz-cardlist__slider-wrapper:has(.twz-cardlist__items.flickity-enabled) {
    margin-inline: 0;
    width: calc(100% + var(--cardlist-mobile-bleed-end));
    margin-inline-end: calc(-1 * var(--cardlist-mobile-bleed-end));
  }
  .row:where([style*="--backgroundColor"]):not(.row--full_bg) .twz-cardlist:is(.twz-cardlist--slider-mobile, [data-slider=all], [data-slider=true]) .twz-cardlist__slider-wrapper:has(.twz-cardlist__items.flickity-enabled) .flickity-slider {
    margin-inline-start: 0;
  }
}
.twz-cardlist .info {
  display: flex;
  align-items: flex-end;
  justify-content: var(--cardlist-align);
  gap: 3rem;
  margin-block-end: var(--cardlist-section-gap);
  text-align: var(--cardlist-align);
}
@media (max-width: 767px) {
  .twz-cardlist .info > .btn {
    display: none;
  }
}
@media (min-width: 768px) {
  .twz-cardlist .info > .twz-text:has(+ .btn) {
    margin-block-end: 1.7rem;
  }
}
.twz-cardlist .info :where(h1, h2, h3, h4, h5, h6):not(:has(+ *)) {
  margin: 0;
}
.twz-cardlist__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.twz-cardlist__controls {
  display: flex;
  align-items: flex-end;
  gap: 1.6rem;
  margin-block-end: 2rem;
}
@media (max-width: 767px) {
  .twz-cardlist__controls {
    flex-direction: column;
  }
}
.twz-cardlist__sort {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-inline-start: auto;
}
.twz-cardlist__sort-form {
  margin: 0;
}
.twz-cardlist__filter {
  display: inline-flex;
  align-items: center;
  padding: 0.8rem 1.3rem;
  border-radius: 0.8rem;
  background: var(--beige-200, #f2ece1);
  color: var(--black, #151312);
  border: 0.1rem solid var(--beige-200, #f2ece1);
  font-size: 1.2rem;
  line-height: 1.4;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
@media (max-width: 767px) {
  .twz-cardlist__filter {
    font-size: 1rem;
    padding: 0.5rem 0.9rem;
  }
}
.twz-cardlist__filter:is(:hover, :focus-visible) {
  border-color: var(--gold-500, #d1ad59);
}
.twz-cardlist__filter.is-active {
  background: var(--orange-500, #e67025);
  border-color: var(--orange-500, #e67025);
  color: var(--black, #151312);
}
.twz-cardlist__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-block-start: 3rem;
}
.twz-cardlist__pagination-list {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.twz-cardlist__pagination-link, .twz-cardlist__pagination-current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.2rem;
  min-height: 3.2rem;
  border-radius: 0.2rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}
.twz-cardlist__pagination-link {
  --twz-icon-fill: currentColor;
  --twz-icon-stroke: transparent;
  color: var(--text-color, #faf7f2);
  background-color: var(--grey-600, #22211f);
}
.twz-cardlist__pagination-link--prev {
  rotate: 180deg;
}
.twz-cardlist__pagination-link:has(.twz-icon) {
  background: var(--grey-600, #22211f);
  color: var(--text-color, #faf7f2);
}
.twz-cardlist__pagination-current {
  font-weight: 700;
  color: var(--gold-500, #d1ad59);
}
.twz-cardlist__empty {
  margin: 0;
  font-size: 1.8rem;
}
.twz-cardlist--is-loading {
  opacity: 0.6;
  pointer-events: none;
}
.twz-cardlist--align-center {
  --cardlist-align: center;
  --cardlist-button-margin-inline: auto;
}
@media (min-width: 768px) {
  .twz-cardlist--align-center .twz-cardlist__wrapper > .btn {
    display: flex;
  }
}
.twz-cardlist--align-end {
  --cardlist-align: end;
  --cardlist-button-margin-inline: auto 0;
}