/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/component/film-filters/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.has-wrapper .film-filters .has-filters {
  padding-top: 0;
}

.bg-black .film-filters,
.bg-dark .film-filters {
  --film-filter-active-bg: #575757;
  --film-filter-bg-hover: #000000;
  --film-filter-text-hover: #ffffff;
  --film-filter-icon: var(--filter-light);
  --film-filter-icon-hover: var(--filter-light);
  --film-filter-inactive-bg: #f7f7f7;
  --film-filter-gap: clamp(8px * var(--min-font-size-controler), 0.5780346821 * 1vw, 10px * var(--max-font-size-controler));
  --film-filter-date-border: #575757;
  --film-filter-date-text: #131313;
  --film-filter-display-type-bg: transparent;
  --film-filter-display-type-active-bg: #575757;
  --film-filter-display-type-border: #575757;
  --film-filter-display-type-icon: #efefef;
  --film-filter-results-text: #a2a2a2;
  --film-filter-results-count: #131313;
  --film-filter-search-bg: transparent;
}

.film-filters {
  --film-filter-active-bg: #e1e1e1;
  --film-filter-bg-hover: #212121;
  --film-filter-text-hover: #ffffff;
  --film-filter-icon: none;
  --film-filter-icon-hover: var(--filter-light);
  --film-filter-inactive-bg: #f7f7f7;
  --film-filter-gap: clamp(8px * var(--min-font-size-controler), 0.5780346821 * 1vw, 10px * var(--max-font-size-controler));
  --film-filter-date-border: #e1e1e1;
  --film-filter-date-text: #131313;
  --film-filter-display-type-bg: transparent;
  --film-filter-display-type-active-bg: #e1e1e1;
  --film-filter-display-type-border: #e1e1e1;
  --film-filter-display-type-icon: #efefef;
  --film-filter-results-text: #a2a2a2;
  --film-filter-results-count: #131313;
  --film-filter-search-bg: transparent;
}
.film-filters .l__fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--film-filter-gap);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.film-filters .l__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--film-filter-gap);
  padding-top: var(--spacers-lg);
  padding-bottom: var(--spacers-lg);
}
@media (min-width: 768px) {
  .film-filters .l__wrapper {
    padding-top: var(--spacers-sm);
    padding-bottom: var(--spacers-sm);
  }
}
@media (max-width: 767.98px) {
  .film-filters .l__wrapper + .l__wrapper {
    padding-top: 0;
  }
}
.film-filters .l__wrapper:has(.l__item--search.is-open) {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}
.film-filters .l__wrapper:has(.l__item--search.is-open) > .l__col:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
  min-width: 0;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 0;
  margin: 0;
}
.film-filters .l__wrapper:has(.l__item--search.is-open) > .l__col:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.film-filters .l__wrapper:has(.l__item--search.is-open) .l__item--date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
  min-width: 0;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  margin: 0;
  padding: 0;
}
.film-filters .l__wrapper:has(.l__item--search.is-open) .l__item--search.is-open {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.film-filters .l__wrapper:has(.l__item--search.is-open) .l__item--display-type {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.film-filters .l__catalogue-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: var(--spacers-sm);
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767.98px) {
  .film-filters .l__catalogue-head .l__catalogue-head-main {
    display: none;
  }
  .film-filters .l__catalogue-head .l__filter-bar {
    width: 100%;
  }
}
.film-filters .l__catalogue-head-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(16px * var(--min-font-size-controler), 1.1560693642 * 1vw, 20px * var(--max-font-size-controler));
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.film-filters .l__catalogue-title {
  margin: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.film-filters .l .js-pills-container {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.film-filters .l__catalogue-pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(12px * var(--min-font-size-controler), 1.1560693642 * 1vw, 20px * var(--max-font-size-controler));
  margin: 0;
  padding: 0;
  list-style: none;
}
.film-filters .l__catalogue-pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(4px * var(--min-font-size-controler), 0.2312138728 * 1vw, 4px * var(--max-font-size-controler));
  margin: 0;
  padding: 0;
}
.film-filters .l__catalogue-pill-label {
  margin: 0;
  padding: 0;
  color: #a2a2a2;
  font-size: clamp(24px * var(--min-font-size-controler), 1.8497109827 * 1vw, 32px * var(--max-font-size-controler));
  line-height: var(--title-xl-line-height);
  letter-spacing: var(--title-xl-letter-spacing);
  font-family: "trade-gothic-next-condensed", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: uppercase;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media (min-width: 768px) {
  .film-filters .l__catalogue-pill-label {
    font-size: var(--title-lg);
    line-height: var(--title-lg-line-height);
    letter-spacing: var(--title-lg-letter-spacing);
    font-family: "trade-gothic-next-condensed", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-transform: uppercase;
  }
}
.film-filters .l__catalogue-pill-remove {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  margin-top: clamp(4px * var(--min-font-size-controler), 0.3468208092 * 1vw, 6px * var(--max-font-size-controler));
  padding: 0;
  border: 0;
  background: transparent;
  color: #a2a2a2;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1;
}
.film-filters .l__catalogue-pill-remove:focus-visible {
  outline: 2px solid #212121;
  outline-offset: 2px;
}
@media (hover: hover) {
  .film-filters .l__catalogue-pill-remove:hover {
    color: #212121;
  }
}
.film-filters .l__catalogue-pill-remove:hover .l__catalogue-pill-remove-icon {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M18.707 6.21582L13.4141 11.5088L18.707 16.8018L17.293 18.2158L12 12.9229L6.70703 18.2158L5.29297 16.8018L10.5859 11.5088L5.29297 6.21582L6.70703 4.80176L12 10.0947L17.293 4.80176L18.707 6.21582Z' fill='%23212121'/></svg>");
}
.film-filters .l__catalogue-pill-remove-icon {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(15px * var(--min-font-size-controler), 0.9826589595 * 1vw, 17px * var(--max-font-size-controler));
  height: clamp(15px * var(--min-font-size-controler), 0.9826589595 * 1vw, 17px * var(--max-font-size-controler));
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M18.707 6.21582L13.4141 11.5088L18.707 16.8018L17.293 18.2158L12 12.9229L6.70703 18.2158L5.29297 16.8018L10.5859 11.5088L5.29297 6.21582L6.70703 4.80176L12 10.0947L17.293 4.80176L18.707 6.21582Z' fill='%23a2a2a2'/></svg>");
  background-size: contain;
}
.film-filters .l__filter-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: clamp(10px * var(--min-font-size-controler), 0.5780346821 * 1vw, 10px * var(--max-font-size-controler)) clamp(20px * var(--min-font-size-controler), 1.4450867052 * 1vw, 25px * var(--max-font-size-controler));
  border: 1px solid var(--film-filter-date-border);
  height: clamp(50px * var(--min-font-size-controler), 3.4682080925 * 1vw, 60px * var(--max-font-size-controler));
  border-radius: 0;
  background-color: #ffffff;
  color: var(--film-filter-underline-color);
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  gap: 0;
  font-size: var(--input-custom-font-size) !important;
  min-width: clamp(175px * var(--min-font-size-controler), 10.1156069364 * 1vw, 175px * var(--max-font-size-controler));
}
.film-filters .l__filter-bar:focus-visible {
  outline: 1px solid var(--film-filter-underline-color);
  outline-offset: 1px;
}
.film-filters .l__filter-bar:active, .film-filters .l__filter-bar:focus {
  background: var(--film-filter-bg-hover) !important;
  border-color: var(--film-filter-bg-hover) !important;
  color: var(--film-filter-text-hover) !important;
}
.film-filters .l__filter-bar:active .l__filter-bar-icon, .film-filters .l__filter-bar:focus .l__filter-bar-icon {
  -webkit-filter: var(--film-filter-icon-hover) !important;
          filter: var(--film-filter-icon-hover) !important;
}
@media (hover: hover) {
  .film-filters .l__filter-bar:hover {
    background: var(--film-filter-bg-hover) !important;
    border-color: var(--film-filter-bg-hover) !important;
    color: var(--film-filter-text-hover) !important;
  }
  .film-filters .l__filter-bar:hover .l__filter-bar-icon {
    -webkit-filter: var(--film-filter-icon-hover) !important;
            filter: var(--film-filter-icon-hover) !important;
  }
}
.film-filters .l__filter-bar-leading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px * var(--min-font-size-controler), 0.5780346821 * 1vw, 10px * var(--max-font-size-controler));
  min-width: 0;
}
.film-filters .l__filter-bar-label {
  font-family: "trade-gothic-next-compressed", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: clamp(0.35px * var(--min-font-size-controler), 0.0231213873 * 1vw, 0.4px * var(--max-font-size-controler));
}
.film-filters .l__filter-bar-count {
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0 clamp(4px * var(--min-font-size-controler), 0.289017341 * 1vw, 5px * var(--max-font-size-controler));
  min-width: clamp(18px * var(--min-font-size-controler), 1.0404624277 * 1vw, 18px * var(--max-font-size-controler));
  min-height: clamp(18px * var(--min-font-size-controler), 1.0404624277 * 1vw, 18px * var(--max-font-size-controler));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Platelet";
  font-weight: 500;
  font-size: clamp(15px * var(--min-font-size-controler), 0.9826589595 * 1vw, 17px * var(--max-font-size-controler));
  line-height: 1;
  letter-spacing: 0;
  color: #ffffff;
  background-color: #d00426;
  text-align: center;
}
@media (max-width: 767.98px) {
  .film-filters .l__filter-bar-count {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .film-filters .l__filter-bar-count.is-empty {
    display: none;
  }
}
.film-filters .l__filter-bar-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(24px * var(--min-font-size-controler), 1.387283237 * 1vw, 24px * var(--max-font-size-controler));
  height: clamp(24px * var(--min-font-size-controler), 1.387283237 * 1vw, 24px * var(--max-font-size-controler));
  background-repeat: no-repeat;
  background-position: center;
  background-size: clamp(20px * var(--min-font-size-controler), 1.1560693642 * 1vw, 20px * var(--max-font-size-controler));
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M12 3V21M21 12H3' stroke='%23000000' stroke-width='2'/></svg>");
  -webkit-filter: var(--film-filter-icon);
          filter: var(--film-filter-icon);
}
.film-filters .l__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--film-filter-gap);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.film-filters .l__item--radio {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: clamp(50px * var(--min-font-size-controler), 3.4682080925 * 1vw, 60px * var(--max-font-size-controler));
  background-color: var(--film-filter-inactive-bg);
  cursor: pointer;
}
.film-filters .l__item--radio input[type=radio] {
  position: absolute;
  padding: 0;
  border: 0;
  left: 0;
  top: 0;
  opacity: 0;
}
.film-filters .l__item--radio label {
  font-size: var(--title-sm);
  line-height: var(--title-sm-line-height);
  letter-spacing: var(--title-sm-letter-spacing);
  padding: clamp(16px * var(--min-font-size-controler), 1.0404624277 * 1vw, 18px * var(--max-font-size-controler)) clamp(15px * var(--min-font-size-controler), 1.1560693642 * 1vw, 20px * var(--max-font-size-controler));
  text-transform: uppercase;
  font-weight: 800;
  color: #212121;
  cursor: pointer;
  font-family: "trade-gothic-next-compressed", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.film-filters .l__item--radio label span {
  display: block;
  padding-top: 1px;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.film-filters .l__item--radio:has(input:checked) {
  background-color: var(--film-filter-active-bg);
}
.film-filters .l__item--radio:has(input:checked) span {
  border-color: var(--film-filter-underline-color);
}
.film-filters .l__item-content--date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--spacers-xs);
}
.film-filters .l__date-input-wrap {
  background-color: var(--btn-bg-color) !important;
  border: 1px solid var(--btn-border-color) !important;
  color: var(--btn-color) !important;
  font-size: var(--input-btn-font-size) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  font-family: "trade-gothic-next-compressed", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  padding: var(--input-btn-padding-y) var(--input-btn-padding-x) calc(var(--input-btn-padding-y) + 1px) var(--input-btn-padding-x) !important;
  text-decoration: none !important;
  position: relative;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  text-transform: uppercase;
  min-width: clamp(158px * var(--min-font-size-controler), 9.1329479769 * 1vw, 158px * var(--max-font-size-controler));
  letter-spacing: clamp(0.4px * var(--min-font-size-controler), 0.0231213873 * 1vw, 0.4px * var(--max-font-size-controler));
  font-size: var(--input-custom-font-size) !important;
  line-height: var(--input-custom-font-size-line-height) !important;
  padding: calc(var(--input-custom-padding-y)) var(--input-custom-padding-x) var(--input-custom-padding-y) var(--input-custom-padding-x) !important;
  height: clamp(50px * var(--min-font-size-controler), 3.4682080925 * 1vw, 60px * var(--max-font-size-controler));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(20px * var(--min-font-size-controler), 1.7341040462 * 1vw, 30px * var(--max-font-size-controler));
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  color: var(--film-filter-date-text);
}
@media (hover: hover) {
  .film-filters .l__date-input-wrap:hover {
    background: var(--btn-bg-color-hover) !important;
    border-color: var(--btn-border-color-hover) !important;
    color: var(--btn-color-hover) !important;
  }
  .film-filters .l__date-input-wrap:hover::after {
    -webkit-filter: var(--btn-filter-hover) !important;
            filter: var(--btn-filter-hover) !important;
  }
}
.film-filters .l__date-input-wrap::after {
  content: "";
  width: 18px;
  height: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='black' d='M4.5 3.75L13.5 3.75V0.75L15 0.75V3.75H16.5C16.9142 3.75 17.25 4.08579 17.25 4.5V16.5C17.25 16.9142 16.9142 17.25 16.5 17.25H1.5C1.08579 17.25 0.75 16.9142 0.75 16.5L0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H3V0.75H4.5V3.75ZM2.25 9L2.25 15.75H15.75V9H2.25ZM2.25 7.5H15.75V5.25H2.25V7.5Z'/%3E%3C/svg%3E") no-repeat center;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='black' d='M4.5 3.75L13.5 3.75V0.75L15 0.75V3.75H16.5C16.9142 3.75 17.25 4.08579 17.25 4.5V16.5C17.25 16.9142 16.9142 17.25 16.5 17.25H1.5C1.08579 17.25 0.75 16.9142 0.75 16.5L0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H3V0.75H4.5V3.75ZM2.25 9L2.25 15.75H15.75V9H2.25ZM2.25 7.5H15.75V5.25H2.25V7.5Z'/%3E%3C/svg%3E") no-repeat center;
  mask-size: 18px 18px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='black' d='M4.5 3.75L13.5 3.75V0.75L15 0.75V3.75H16.5C16.9142 3.75 17.25 4.08579 17.25 4.5V16.5C17.25 16.9142 16.9142 17.25 16.5 17.25H1.5C1.08579 17.25 0.75 16.9142 0.75 16.5L0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H3V0.75H4.5V3.75ZM2.25 9L2.25 15.75H15.75V9H2.25ZM2.25 7.5H15.75V5.25H2.25V7.5Z'/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask-size: 18px 18px;
  -webkit-filter: var(--film-filter-icon);
          filter: var(--film-filter-icon);
}
.film-filters .l__date-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  font: inherit;
  color: transparent;
  caret-color: transparent;
  background: transparent;
  border: none;
  padding: 0;
}
.film-filters .l__date-display {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  pointer-events: none;
}
.film-filters .l__date-clear {
  font-size: var(--title-sm);
  line-height: var(--title-sm-line-height);
  letter-spacing: var(--title-sm-letter-spacing);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 var(--spacers-sm);
  background: transparent;
  border: 1px solid var(--block-border-color);
  cursor: pointer;
  font-family: "trade-gothic-next-condensed", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: uppercase;
  letter-spacing: clamp(0.28px * var(--min-font-size-controler), 0.0231213873 * 1vw, 0.4px * var(--max-font-size-controler));
  color: #575757;
}
.film-filters .l__date-clear:hover {
  color: #212121;
}
.film-filters .l__results-text {
  font-size: var(--text-sm);
  line-height: var(--text-sm-line-height);
  letter-spacing: var(--text-sm-letter-spacing);
  font-weight: 800;
  text-transform: uppercase;
  font-family: "trade-gothic-next-condensed", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: var(--film-filter-results-count);
}
.film-filters .l__results-text__text {
  color: var(--film-filter-results-text);
}
.film-filters .l__item--search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--film-filter-gap);
}
.film-filters .l__search-toggle {
  position: relative;
  width: clamp(50px * var(--min-font-size-controler), 3.4682080925 * 1vw, 60px * var(--max-font-size-controler));
  height: clamp(50px * var(--min-font-size-controler), 3.4682080925 * 1vw, 60px * var(--max-font-size-controler));
  padding: 0;
  border: 1px solid var(--film-filter-date-border);
  border-radius: 0;
  background-color: var(--film-filter-search-bg);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (hover: hover) {
  .film-filters .l__search-toggle:hover {
    background-color: var(--film-filter-bg-hover);
  }
  .film-filters .l__search-toggle:hover .l__search-toggle-icon {
    -webkit-filter: var(--film-filter-icon-hover);
            filter: var(--film-filter-icon-hover);
  }
}
.film-filters .l__search-toggle-icon {
  position: absolute;
  width: 1.1875rem;
  height: 1.1875rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.film-filters .l__search-toggle-icon--search {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='%23000000' d='M23.043 20.922l7.518 7.518-2.121 2.121-7.518-7.518 2.121-2.121z'></path><path fill='%23000000' d='M14.973 27.886c-7.12 0-12.913-5.793-12.913-12.913s5.793-12.913 12.913-12.913 12.913 5.793 12.913 12.913-5.793 12.913-12.913 12.913zM14.973 5.060c-5.466 0-9.913 4.447-9.913 9.913s4.447 9.913 9.913 9.913c5.466 0 9.913-4.447 9.913-9.913s-4.447-9.913-9.913-9.913z'></path></svg>");
}
.film-filters .l__search-toggle-icon--close {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'><path d='M14 1.5L2 13.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/><path d='M2 1.5L14 13.5' stroke='%23000000' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/></svg>");
  display: none;
}
.film-filters .l__item--search.is-open .l__search-toggle-icon--search {
  display: none;
}
.film-filters .l__item--search.is-open .l__search-toggle-icon--close {
  display: block;
}
.film-filters .l__item--search.is-open .l__search-input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: clamp(16px * var(--min-font-size-controler), 1.1560693642 * 1vw, 20px * var(--max-font-size-controler));
  height: clamp(50px * var(--min-font-size-controler), 3.4682080925 * 1vw, 60px * var(--max-font-size-controler));
  min-height: clamp(50px * var(--min-font-size-controler), 3.4682080925 * 1vw, 60px * var(--max-font-size-controler));
  max-height: clamp(50px * var(--min-font-size-controler), 3.4682080925 * 1vw, 60px * var(--max-font-size-controler));
  padding: 0 clamp(14px * var(--min-font-size-controler), 1.1560693642 * 1vw, 20px * var(--max-font-size-controler));
  border: 1px solid var(--film-filter-date-border);
  background-color: var(--film-filter-search-bg);
}
.film-filters .l__search-input-wrap {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.film-filters .l__search-field-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1.1875rem;
  height: 1.1875rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='%23000000' d='M22.332 21.098c2.021-2.312 3.142-5.281 3.142-8.371 0-7.033-5.723-12.727-12.737-12.727s-12.737 5.719-12.737 12.727c0 7.033 5.723 12.727 12.737 12.727 3.069 0 6.040-1.119 8.353-3.139l9.693 9.685 1.218-1.217-0.146-0.146zM12.737 23.726c-6.064 0-10.983-4.916-10.983-10.975s4.919-10.975 10.983-10.975c6.064 0 10.983 4.916 10.983 10.975s-4.944 10.975-10.983 10.975z'></path></svg>");
}
.film-filters .l__search-input {
  width: 100%;
  min-width: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: clamp(44px * var(--min-font-size-controler), 2.5433526012 * 1vw, 44px * var(--max-font-size-controler));
  min-height: clamp(44px * var(--min-font-size-controler), 2.5433526012 * 1vw, 44px * var(--max-font-size-controler));
  max-height: clamp(44px * var(--min-font-size-controler), 2.5433526012 * 1vw, 44px * var(--max-font-size-controler));
  padding: 0;
  border: 0;
  background-color: transparent;
  font-family: "trade-gothic-next", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  color: var(--film-filter-date-text);
}
.film-filters .l__search-input:focus {
  outline: none;
}
.film-filters .l__search-input::-webkit-input-placeholder {
  color: #a2a2a2;
  opacity: 1;
}
.film-filters .l__search-input::-moz-placeholder {
  color: #a2a2a2;
  opacity: 1;
}
.film-filters .l__search-input:-ms-input-placeholder {
  color: #a2a2a2;
  opacity: 1;
}
.film-filters .l__search-input::-ms-input-placeholder {
  color: #a2a2a2;
  opacity: 1;
}
.film-filters .l__search-input::placeholder {
  color: #a2a2a2;
  opacity: 1;
}
.film-filters .l__item--display-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.film-filters .l__display-type-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
.film-filters .l__display-type-btn {
  width: clamp(50px * var(--min-font-size-controler), 3.4682080925 * 1vw, 60px * var(--max-font-size-controler));
  height: clamp(50px * var(--min-font-size-controler), 3.4682080925 * 1vw, 60px * var(--max-font-size-controler));
  padding: 0;
  border: 1px solid var(--film-filter-display-type-border);
  border-radius: 0;
  background-color: var(--film-filter-display-type-bg);
  color: var(--film-filter-display-type-icon);
  font-size: 0;
  cursor: pointer;
  position: relative;
}
@media (hover: hover) {
  .film-filters .l__display-type-btn:hover {
    background-color: var(--film-filter-bg-hover);
  }
  .film-filters .l__display-type-btn:hover::after {
    -webkit-filter: var(--film-filter-icon-hover);
            filter: var(--film-filter-icon-hover);
  }
}
.film-filters .l__display-type-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: clamp(18px * var(--min-font-size-controler), 1.0404624277 * 1vw, 18px * var(--max-font-size-controler));
  height: clamp(15px * var(--min-font-size-controler), 0.8670520231 * 1vw, 15px * var(--max-font-size-controler));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='15' viewBox='0 0 18 15' fill='none'%3E%3Cpath d='M1.5 12C2.32843 12 3 12.6716 3 13.5C3 14.3284 2.32843 15 1.5 15C0.67157 15 0 14.3284 0 13.5C0 12.6716 0.67157 12 1.5 12ZM18 14.5H5V12.5H18V14.5ZM1.5 6C2.32843 6 3 6.6716 3 7.5C3 8.3284 2.32843 9 1.5 9C0.67157 9 0 8.3284 0 7.5C0 6.6716 0.67157 6 1.5 6ZM18 8.5H5V6.5H18V8.5ZM1.5 0C2.32843 0 3 0.67157 3 1.5C3 2.32843 2.32843 3 1.5 3C0.67157 3 0 2.32843 0 1.5C0 0.67157 0.67157 0 1.5 0ZM18 2.5H5V0.5H18V2.5Z' fill='%23131313'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-filter: var(--film-filter-icon);
          filter: var(--film-filter-icon);
}
.film-filters .l__display-type-btn.active {
  background-color: var(--film-filter-display-type-active-bg);
  pointer-events: none;
}
.film-filters .l__display-type-btn[data-value=list]::after {
  top: 51%;
}
.film-filters .l__display-type-btn[data-value=grid]::after {
  width: clamp(20px * var(--min-font-size-controler), 1.1560693642 * 1vw, 20px * var(--max-font-size-controler));
  height: clamp(20px * var(--min-font-size-controler), 1.1560693642 * 1vw, 20px * var(--max-font-size-controler));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 3H9V0H11V3H15V0H17V3H20V5H17V9H20V11H17V15H20V17H17V20H15V17H11V20H9V17H5V20H3V17H0V15H3V11H0V9H3V5H0V3H3V0H5V3ZM5 15H9V11H5V15ZM11 15H15V11H11V15ZM5 9H9V5H5V9ZM11 9H15V5H11V9Z' fill='%23131313'/%3E%3C/svg%3E");
}

.bg-black .film-filters,
.bg-dark .film-filters {
  --film-filter-date-border: #575757;
  --film-filter-date-text: #ffffff;
  --film-filter-search-bg: #212121;
  --film-filter-display-type-bg: #212121;
  --film-filter-display-type-active-bg: #575757;
  --film-filter-display-type-border: #575757;
  --film-filter-display-type-icon: #f2f2f2;
  --film-filter-results-text: #a2a2a2;
  --film-filter-results-count: #ffffff;
}
.bg-black .film-filters .l__search-toggle-icon--search,
.bg-dark .film-filters .l__search-toggle-icon--search {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='%23ffffff' d='M22.332 21.098c2.021-2.312 3.142-5.281 3.142-8.371 0-7.033-5.723-12.727-12.737-12.727s-12.737 5.719-12.737 12.727c0 7.033 5.723 12.727 12.737 12.727 3.069 0 6.040-1.119 8.353-3.139l9.693 9.685 1.218-1.217-0.146-0.146zM12.737 23.726c-6.064 0-10.983-4.916-10.983-10.975s4.919-10.975 10.983-10.975c6.064 0 10.983 4.916 10.983 10.975s-4.944 10.975-10.983 10.975z'></path></svg>");
}
.bg-black .film-filters .l__search-toggle-icon--close,
.bg-dark .film-filters .l__search-toggle-icon--close {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'><path d='M14 1.5L2 13.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/><path d='M2 1.5L14 13.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/></svg>");
}
.bg-black .film-filters .l__search-field-icon,
.bg-dark .film-filters .l__search-field-icon {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='%23ffffff' d='M22.332 21.098c2.021-2.312 3.142-5.281 3.142-8.371 0-7.033-5.723-12.727-12.737-12.727s-12.737 5.719-12.737 12.727c0 7.033 5.723 12.727 12.737 12.727 3.069 0 6.040-1.119 8.353-3.139l9.693 9.685 1.218-1.217-0.146-0.146zM12.737 23.726c-6.064 0-10.983-4.916-10.983-10.975s4.919-10.975 10.983-10.975c6.064 0 10.983 4.916 10.983 10.975s-4.944 10.975-10.983 10.975z'></path></svg>");
}
.bg-black .film-filters .l__filter-bar,
.bg-dark .film-filters .l__filter-bar {
  background-color: transparent;
  color: #ffffff;
}
.bg-black .film-filters .l__filter-bar__label,
.bg-dark .film-filters .l__filter-bar__label {
  color: #ffffff;
}
.bg-black .film-filters .l__filter-bar__icon,
.bg-dark .film-filters .l__filter-bar__icon {
  background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><g><g><path d='M10 0L10 20' stroke='%23ffffff'/><path d='M20 10L-8.34465e-07 10' stroke='%23ffffff'/></g></g></svg>");
}