/* Native HTML/CSS controls for the static copy. No JavaScript required. */
.static-toggle {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

body:has(#menu-toggle:checked) {
  overflow: hidden;
}

body:has(#menu-toggle:checked) .isCloseBurger {
  transform: translateX(0);
  visibility: visible;
}

.isCloseBurger {
  visibility: hidden;
}

.burgerHeader .burger img,
.header__left_burger > div {
  pointer-events: none;
}

.contents summary {
  list-style: none;
}

.contents summary::-webkit-details-marker {
  display: none;
}

.contents details[open] .burgerMenuContents {
  max-height: 300px;
  opacity: 1;
  padding-top: 40px;
  pointer-events: auto;
}

.contents details[open] .line1 {
  display: none;
}

#menu-toggle:focus-visible ~ .container .header__left_burger,
.root:has(#category-scroll:focus-visible) .swiper-button-next,
.root:has(#category-scroll:focus-visible) .swiper-button-prev {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

.header .wrapperLang__current {
  pointer-events: auto;
  list-style: none;
}

.header .wrapperLang__current::-webkit-details-marker {
  display: none;
}

.header .wrapperLang[open] .langModal {
  max-height: 110px;
  opacity: 1;
  pointer-events: auto;
}

.root .main_wrapper .cayegoryList {
  width: 100%;
}

.root .cayegoryList .swiper {
  container-type: inline-size;
}

.root .cayegoryList .swiper-wrapper {
  width: max-content;
  transition: transform .3s ease;
}

.root .cayegoryList .swiper-slide {
  flex: 0 0 auto;
}

.root .cayegoryList .swiper-button-prev {
  opacity: 0;
  pointer-events: none;
}

.root .cayegoryList:has(#category-scroll:checked) .swiper-wrapper {
  transform: translateX(min(0px, calc(100cqi - 100% - 20px))) !important;
}

.root .cayegoryList:has(#category-scroll:checked) .swiper-button-prev {
  opacity: 1;
  pointer-events: auto;
}

.root .cayegoryList:has(#category-scroll:checked) .swiper-button-next {
  opacity: 0;
  pointer-events: none;
}

.root:has(#category-0:checked) label[for="category-0"],
.root:has(#category-7:checked) label[for="category-7"],
.root:has(#category-6:checked) label[for="category-6"],
.root:has(#category-5:checked) label[for="category-5"],
.root:has(#category-8:checked) label[for="category-8"],
.root:has(#category-3:checked) label[for="category-3"],
.root:has(#category-2:checked) label[for="category-2"],
.root:has(#category-4:checked) label[for="category-4"] {
  --background: #e41a4b;
}

.root:has(#category-7:checked) .channelList__item:not([data-categories~="7"]),
.root:has(#category-6:checked) .channelList__item:not([data-categories~="6"]),
.root:has(#category-5:checked) .channelList__item:not([data-categories~="5"]),
.root:has(#category-8:checked) .channelList__item:not([data-categories~="8"]),
.root:has(#category-3:checked) .channelList__item:not([data-categories~="3"]),
.root:has(#category-2:checked) .channelList__item:not([data-categories~="2"]),
.root:has(#category-4:checked) .channelList__item:not([data-categories~="4"]) {
  display: none;
}

.root:has(.category-input:focus-visible) .cayegoryList {
  outline: 1px solid #fff;
  outline-offset: 3px;
}

/* The source hides its slider arrows on phones. Native scrolling replaces swiping. */
@media (max-width: 575.98px) {
  .root .cayegoryList .swiper {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .root .cayegoryList .swiper::-webkit-scrollbar {
    display: none;
  }

  .root .cayegoryList .swiper-button-next,
  .root .cayegoryList .swiper-button-prev {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }
}