/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.106.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.10_webpack@5.106.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_webpack@5.106.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/cell-window/style.sass ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.knast-cell-window__gallery {
  padding: var(--cell-window-border-width);
}
.knast-cell-window__gallery .knast-cell-window__images {
  background: rgba(0, 0, 0, 0.5);
  padding: 1px 0;
  --skew-length: var(--cell-images-skew-length);
}
.knast-cell-window__gallery .swiper-slide {
  height: 100%;
}
.knast-cell-window__gallery .swiper-slide, .knast-cell-window__gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.knast-cell-window__gallery .swiper-pagination {
  display: flex;
  --swiper-pagination-bullet-size: 0.5em;
  --swiper-pagination-color: var(--wp--preset--color--light);
  --swiper-pagination-bullet-inactive-color: var(--wp--preset--color--light);
  --swiper-pagination-bullet-inactive-opacity: 35%;
}
@media (min-width: 769px) {
  .knast-cell-window__gallery {
    contain: size;
  }
  .knast-cell-window__images {
    width: 100%;
    height: 100%;
  }
  .wp-block-knast-cell-window:nth-child(odd) .knast-cell-window__gallery, .wp-block-knast-cell-window:nth-child(odd) .knast-cell-window__images {
    clip-path: polygon(0 0, calc(100% - var(--skew-length)) 0%, 100% var(--skew-length), 100% calc(100% - var(--skew-length)), calc(100% - var(--skew-length)) 100%, 0 100%);
  }
  .wp-block-knast-cell-window:nth-child(odd) .swiper-pagination {
    padding-right: var(--skew-length);
    justify-content: flex-end;
  }
  .wp-block-knast-cell-window:nth-child(even) .knast-cell-window__gallery, .wp-block-knast-cell-window:nth-child(even) .knast-cell-window__images {
    clip-path: polygon(100% 0, calc(0% + var(--skew-length)) 0%, 0% var(--skew-length), 0% calc(100% - var(--skew-length)), calc(0% + var(--skew-length)) 100%, 100% 100%);
  }
  .wp-block-knast-cell-window:nth-child(even) .swiper-pagination {
    padding-left: var(--skew-length);
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .knast-cell-window__gallery {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    background: var(--wp--preset--color--semidark);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--skew-length)), calc(100% - var(--skew-length)) 100%, calc(0% + var(--skew-length)) 100%, 0 calc(100% - var(--skew-length)));
    padding-top: 0 !important;
  }
  .knast-cell-window__images {
    width: 100%;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--skew-length)), calc(100% - var(--skew-length)) 100%, calc(0% + var(--skew-length)) 100%, 0 calc(100% - var(--skew-length)));
  }
  .swiper-pagination {
    padding: 0 var(--skew-length);
    justify-content: center;
  }
}
.wp-block-knast-cell-window-slider__content {
  transform: none;
  transition: 0.25s ease-in-out;
  transition-property: transform;
}
.wp-block-knast-cell-window .knast-cell-window__images {
  filter: brightness(0.65);
  transition: 0.25s ease-in-out;
  transition-property: filter;
}
@media (pointer: coarse) and (min-width: 769px) {
  .knast-cell-window__gallery.focus .knast-cell-window__images {
    filter: brightness(1);
  }
  .wp-block-knast-cell-window:nth-child(odd) .knast-cell-window__gallery.focus ~ .wp-block-knast-cell-window-slider .wp-block-knast-cell-window-slider__content {
    transform: translateX(calc(-1 * var(--slider-shift)));
  }
  .wp-block-knast-cell-window:nth-child(even) .knast-cell-window__gallery.focus ~ .wp-block-knast-cell-window-slider .wp-block-knast-cell-window-slider__content {
    transform: translateX(calc(1 * var(--slider-shift)));
  }
}
@media (pointer: coarse) and (max-width: 768px) {
  .knast-cell-window__gallery.show ~ .wp-block-knast-cell-window-slider .wp-block-knast-cell-window-slider__content {
    transform: translateY(calc(-1 * (var(--slider-shift) - var(--cell-window-skew-length))));
  }
  .knast-cell-window__gallery.show .knast-cell-window__images {
    filter: brightness(1);
  }
}
@media (pointer: fine) and (min-width: 769px) {
  .knast-cell-window__gallery:hover .knast-cell-window__images {
    filter: brightness(1);
  }
  .wp-block-knast-cell-window:nth-child(odd) .knast-cell-window__gallery:hover ~ .wp-block-knast-cell-window-slider .wp-block-knast-cell-window-slider__content {
    transform: translateX(calc(-1 * var(--slider-shift)));
  }
  .wp-block-knast-cell-window:nth-child(even) .knast-cell-window__gallery:hover ~ .wp-block-knast-cell-window-slider .wp-block-knast-cell-window-slider__content {
    transform: translateX(calc(1 * var(--slider-shift)));
  }
}
@media (pointer: fine) and (max-width: 768px) {
  .knast-cell-window__gallery:hover ~ .wp-block-knast-cell-window-slider .wp-block-knast-cell-window-slider__content {
    transform: translateY(calc(-1 * (var(--slider-shift) - var(--cell-window-skew-length))));
  }
  .knast-cell-window__gallery:hover .knast-cell-window__images {
    filter: brightness(1);
  }
}
.wp-block-knast-cell-window {
  --cell-window-skew-length: 5em;
  --cell-window-border-width: 0.5em;
  --cell-window-gallery-width: 22.5%;
  --cell-images-skew-length: calc(var(--cell-window-skew-length) - var(--cell-window-border-width) / 2);
  display: grid;
  isolation: isolate;
  --skew-length: var(--cell-window-skew-length);
}
.wp-block-knast-cell-window .knast-cell-window__gallery {
  position: relative;
  z-index: 1;
}
.wp-block-knast-cell-window .wp-block-knast-cell-window-slider__background {
  z-index: 0;
}
.wp-block-knast-cell-window .wp-block-knast-cell-window-slider__content {
  position: relative;
  z-index: 2;
}
@media (min-width: 769px) {
  .wp-block-knast-cell-window {
    --slider-shift: 3em;
    grid-template-rows: auto minmax(20em, auto);
  }
  .wp-block-knast-cell-window:nth-child(odd) {
    grid-template-columns: 1fr var(--cell-window-gallery-width) var(--cell-window-skew-length);
  }
  .wp-block-knast-cell-window:nth-child(odd) .wp-block-knast-cell-window-heading {
    grid-area: 1/1/span 1/span 2;
  }
  .wp-block-knast-cell-window:nth-child(odd) .knast-cell-window__gallery {
    grid-area: 2/2/span 1/span 2;
  }
  .wp-block-knast-cell-window:nth-child(odd) .wp-block-knast-cell-window-slider {
    grid-area: 2/1/span 1/span 3;
  }
  .wp-block-knast-cell-window:nth-child(even) {
    grid-template-columns: var(--cell-window-skew-length) var(--cell-window-gallery-width) 1fr;
  }
  .wp-block-knast-cell-window:nth-child(even) .wp-block-knast-cell-window-heading {
    grid-area: 1/2/span 1/span 2;
  }
  .wp-block-knast-cell-window:nth-child(even) .knast-cell-window__gallery {
    grid-area: 2/1/span 1/span 2;
  }
  .wp-block-knast-cell-window:nth-child(even) .wp-block-knast-cell-window-slider {
    grid-area: 2/1/span 1/span 3;
  }
}
@media (max-width: 768px) {
  .wp-block-knast-cell-window {
    --slider-shift: 15em;
    grid-template-columns: 100%;
    grid-template-rows: auto auto var(--slider-shift) auto;
  }
  .wp-block-knast-cell-window .wp-block-knast-cell-window-heading {
    grid-area: 1/1/span 1/span 1;
  }
  .wp-block-knast-cell-window .wp-block-knast-cell-window-slider {
    grid-area: 2/1/span 2/span 1;
  }
  .wp-block-knast-cell-window .knast-cell-window__gallery {
    grid-area: 3/1/span 2/span 1;
  }
}

/*# sourceMappingURL=style-index.css.map*/