html.night-mode .dark-img[data-v-f702d2c9] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-f702d2c9] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-f702d2c9] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-f702d2c9] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-f702d2c9] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-f702d2c9] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-f702d2c9] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-f702d2c9] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-f702d2c9] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-f702d2c9] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-f702d2c9] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-f702d2c9] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-f702d2c9] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-f702d2c9] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-f702d2c9] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-f702d2c9] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-f702d2c9] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-f702d2c9] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-f702d2c9] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-f702d2c9] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-f702d2c9] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.category[data-v-f702d2c9] {
  margin: -16px 0 48px;
}
@media (max-width: 887px) {
  .category[data-v-f702d2c9] {
    margin: 0 0 64px;
  }
}
.category .section-title[data-v-f702d2c9] {
  display: none;
  margin-bottom: 16px;
  height: 38px;
}
.category .section-title__text[data-v-f702d2c9] {
  line-height: 38px;
}
@media (max-width: 887px) {
  .category .section-title[data-v-f702d2c9] {
    display: flex;
  }
}
.category__container[data-v-f702d2c9] {
  display: flex;
  background: #ffffff;
  border-radius: 8px;
}
@media (max-width: 887px) {
  .category__container[data-v-f702d2c9] {
    display: none;
  }
}
.category__container--small[data-v-f702d2c9] {
  display: none;
  margin-bottom: 16px;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}
@media (max-width: 887px) {
  .category__container--small[data-v-f702d2c9] {
    display: grid;
  }
}
.category__container--small li[data-v-f702d2c9] {
  padding: 11px 0;
  font-size: 14px;
  color: #666;
  text-align: center;
  line-height: 18px;
  font-weight: 400;
  background: #ffffff;
  border-radius: 8px;
  cursor: pointer;
}
.category__more[data-v-f702d2c9] {
  display: block;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/icon_circle_arrow-105f9280.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.category__section[data-v-f702d2c9] {
  margin: 24px 0;
  padding: 0 40px;
  border-right: 1px solid rgba(153, 153, 153, 0.3);
}
@media (min-width: 888px) {
  .category__section[data-v-f702d2c9]:nth-child(1) {
    max-width: 22%;
  }
  .category__section[data-v-f702d2c9]:nth-child(2) {
    max-width: 30%;
  }
  .category__section[data-v-f702d2c9]:nth-child(3) {
    max-width: 26%;
  }
  .category__section[data-v-f702d2c9]:nth-child(4) {
    max-width: 22%;
  }
}
@media (min-width: 1280px) {
  .category__section[data-v-f702d2c9]:nth-child(1) {
    max-width: 16%;
  }
  .category__section[data-v-f702d2c9]:nth-child(2) {
    max-width: 32%;
  }
  .category__section[data-v-f702d2c9]:nth-child(3) {
    max-width: 28%;
  }
  .category__section[data-v-f702d2c9]:nth-child(4) {
    max-width: 24%;
  }
}
@media (min-width: 1366px) {
  .category__section[data-v-f702d2c9]:nth-child(1) {
    max-width: 16%;
  }
  .category__section[data-v-f702d2c9]:nth-child(2) {
    max-width: 30%;
  }
  .category__section[data-v-f702d2c9]:nth-child(3) {
    max-width: 28%;
  }
  .category__section[data-v-f702d2c9]:nth-child(4) {
    max-width: 26%;
  }
}
@media (min-width: 1920px) {
  .category__section[data-v-f702d2c9]:nth-child(1) {
    max-width: 11%;
  }
  .category__section[data-v-f702d2c9]:nth-child(2) {
    max-width: 38%;
  }
  .category__section[data-v-f702d2c9]:nth-child(3) {
    max-width: 21%;
  }
  .category__section[data-v-f702d2c9]:nth-child(4) {
    max-width: 30%;
  }
}
.category__section[data-v-f702d2c9]:last-child {
  border-right: none;
}
.category__header[data-v-f702d2c9] {
  display: inline-flex;
}
.category__header:hover .category__title[data-v-f702d2c9] {
  color: #4c93ff;
}
.category__header:hover .category__icon[data-v-f702d2c9] {
  background-color: transparent;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/icon_arrow_category_hover-56b61e9b.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.category__title[data-v-f702d2c9] {
  font-size: 16px;
  color: #333;
  line-height: 24px;
  font-weight: 700;
  word-break: break-word;
}
.category__icon[data-v-f702d2c9] {
  flex: none;
  width: 24px;
  height: 24px;
  margin-inline-start: 4px;
  background-color: transparent;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/icon_arrow_category-e7c6888a.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.category__list[data-v-f702d2c9] {
  margin: 8px 0 -8px;
  display: flex;
  flex-wrap: wrap;
}
.category__item[data-v-f702d2c9] {
  margin-inline-end: 16px;
  margin-bottom: 8px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  font-weight: 400;
  cursor: pointer;
}
.category__item[data-v-f702d2c9]:hover {
  color: #4c93ff;
}
.category__item[data-v-f702d2c9]:last-child {
  margin-inline-end: 0;
}
.category--mobile[data-v-f702d2c9] {
  margin: 0 16px 24px;
}
.category--mobile .section-title[data-v-f702d2c9] {
  margin-bottom: 8px;
}
.category--mobile .category__more[data-v-f702d2c9] {
  background-color: transparent;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/icon_arrow_left-dfc24df4.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  transform: rotate(180deg);
}
[dir="rtl"] .category--mobile .category__more[data-v-f702d2c9] {
  transform: rotate(0);
}
.category--mobile .category__container--small[data-v-f702d2c9] {
  margin-bottom: 0;
}
.category--mobile .category__container--small li[data-v-f702d2c9] {
  padding: 12px 0;
  background: rgba(153, 153, 153, 0.1);
  border-radius: 6px;
}
.anime-category__skeleton[data-v-f702d2c9] {
  flex: 1;
  height: 96px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin: -16px 0 48px;
}
@media (max-width: 887px) {
  .anime-category__skeleton[data-v-f702d2c9] {
    margin: 0 0 64px;
  }
}
.anime-category__skeleton--mobile[data-v-f702d2c9] {
  margin: 0 16px 24px;
}
html.night-mode .dark-img[data-v-d65ca650] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-d65ca650] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-d65ca650] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-d65ca650] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-d65ca650] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-d65ca650] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-d65ca650] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-d65ca650] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-d65ca650] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-d65ca650] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-d65ca650] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-d65ca650] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-d65ca650] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-d65ca650] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-d65ca650] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-d65ca650] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-d65ca650] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-d65ca650] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-d65ca650] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-d65ca650] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-d65ca650] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.timeline__empty[data-v-d65ca650] {
  margin: 104px 0 181px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #999;
}
@media (max-width: 1279px) {
  .timeline__empty[data-v-d65ca650] {
    margin: 48px 0 116px;
  }
}
.timeline:not(.timeline--mobile) .timeline__subtitle[data-v-d65ca650] {
  height: 38px;
  margin-inline-start: 24px;
  flex: 1;
}
.timeline--mobile .timeline__subtitle[data-v-d65ca650] {
  height: 38px;
  position: relative;
  display: flex;
  flex: 1;
  width: 100%;
}
.timeline--mobile[data-v-d65ca650] .section-title.section-title--mobile {
  height: auto;
  flex-direction: column;
  align-items: flex-start;
}
.timeline--mobile[data-v-d65ca650]
  .section-title.section-title--mobile
  .section-title__text {
  height: 38px;
  line-height: 38px;
}
.timeline--mobile.card-section[data-v-d65ca650] .card-section--skeleton-header {
  height: auto;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 8px;
}
.timeline--mobile.card-section[data-v-d65ca650]
  .card-section--skeleton-header
  .card-section--skeleton__title {
  margin-bottom: 8px;
}
.timeline--mobile .anime-timeline__title-skeleton[data-v-d65ca650] {
  margin-inline-start: 0;
  width: 100%;
}
.timeline--mobile .anime-timeline__title-skeleton--calendar[data-v-d65ca650] {
  display: flex;
  width: 100%;
}
.timeline--mobile .anime-timeline__title-skeleton--more[data-v-d65ca650] {
  position: absolute;
  right: 0;
  top: -30px;
}
html.night-mode .dark-img[data-v-c37f05d3] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-c37f05d3] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-c37f05d3] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-c37f05d3] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-c37f05d3] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-c37f05d3] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-c37f05d3] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-c37f05d3] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-c37f05d3] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-c37f05d3] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-c37f05d3] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-c37f05d3] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-c37f05d3] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-c37f05d3] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-c37f05d3] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-c37f05d3] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-c37f05d3] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-c37f05d3] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-c37f05d3] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-c37f05d3] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-c37f05d3] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.anime[data-v-c37f05d3] {
  padding-top: 24px;
}
.anime[data-v-c37f05d3]:not(.anime--mobile) {
  padding: 24px 16px 0;
}
@media (min-width: 512px) {
  .anime[data-v-c37f05d3]:not(.anime--mobile) {
    padding: 24px 24px 0;
  }
}
@media (min-width: 1280px) {
  .anime[data-v-c37f05d3]:not(.anime--mobile) {
    padding: 24px 32px 0;
  }
}
@media (min-width: 1920px) {
  .anime[data-v-c37f05d3]:not(.anime--mobile) {
    padding: 24px 40px 0;
  }
}
@media (min-width: 2318px) {
  .anime[data-v-c37f05d3]:not(.anime--mobile) {
    padding: 24px 48px 0;
  }
}
.anime--mobile[data-v-c37f05d3] {
  padding-top: 8px;
}
html.night-mode .dark-img[data-v-dc3c63fb] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-dc3c63fb] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-dc3c63fb] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-dc3c63fb] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-dc3c63fb] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-dc3c63fb] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-dc3c63fb] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-dc3c63fb] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-dc3c63fb] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-dc3c63fb] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-dc3c63fb] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-dc3c63fb] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-dc3c63fb] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-dc3c63fb] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-dc3c63fb] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-dc3c63fb] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-dc3c63fb] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-dc3c63fb] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-dc3c63fb] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-dc3c63fb] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-dc3c63fb] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.banner[data-v-dc3c63fb] {
  width: 100vw;
  position: relative;
  padding-top: 10%;
  --banner-height: calc(30% + 450px);
}
.banner .banner-bg[data-v-dc3c63fb] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding-top: var(--banner-height);
}
[dir="rtl"] .banner .banner-bg[data-v-dc3c63fb] {
  right: auto;
  left: 0;
}
.banner .banner-bg .banner-image[data-v-dc3c63fb] {
  width: calc(var(--banner-height) * 1.333);
  padding-top: var(--banner-height);
  position: absolute;
  right: 0;
  top: 0;
  background: no-repeat center right / cover;
  mask: linear-gradient(-90deg, #ffffff 80%, transparent 100%);
}
html.night-mode .banner .banner-bg .banner-image[data-v-dc3c63fb] {
  mask: linear-gradient(-90deg, #000000 80%, transparent 100%);
}
[dir="rtl"] .banner .banner-bg .banner-image[data-v-dc3c63fb] {
  left: 0;
  right: auto;
  transform: scaleX(-1);
}
.banner .banner-bg .banner-left-bg[data-v-dc3c63fb] {
  width: var(--banner-height);
  padding-top: var(--banner-height);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
[dir="rtl"] .banner .banner-bg .banner-left-bg[data-v-dc3c63fb] {
  left: auto;
  right: 0;
}
.banner .banner-bg .banner-bottom-bg[data-v-dc3c63fb] {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 400px;
  --banner-card-bg-color: var(--6d120dd0);
  mask: linear-gradient(0deg, #ffffff 30%, transparent 100%);
  background-image: linear-gradient(
    180deg,
    var(--banner-card-bg-color) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.9) 80%,
    #ffffff 100%
  );
}
html.night-mode .banner .banner-bg .banner-bottom-bg[data-v-dc3c63fb] {
  mask: linear-gradient(0deg, #000000 30%, transparent 100%);
}
html.night-mode .banner .banner-bg .banner-bottom-bg[data-v-dc3c63fb] {
  background-image: linear-gradient(
    180deg,
    var(--banner-card-bg-color) 0%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0.9) 80%,
    #000000 100%
  );
}
.banner .banner-content[data-v-dc3c63fb] {
  position: relative;
  z-index: 1;
  width: 32.5%;
  margin-inline-start: var(--page-distance);
  min-width: 380px;
}
.banner .banner-logo[data-v-dc3c63fb] {
  width: 100%;
  max-width: 624px;
  padding-top: min(38.46%, 240px);
  display: flex;
  align-items: center;
  position: relative;
}
.banner .banner-logo .image[data-v-dc3c63fb] {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
}
.banner .banner-logo .logo-error[data-v-dc3c63fb] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.15) no-repeat center / 10% auto;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOdSURBVHgB7ZqBbtMwEIavtGVQSkZVDYZgQrz/Q6FpEkJAta0dbF0Z3f3LVetSn+MklzZZ/UlWNjtxfWf7fD6bKBKJRCIRE5bLZZ/TC6oJ1I3fIEM6ZIA06gOngWRdcvrV6XT+kxH8G8f8SOTfBaczrv8fVcSqt8b0KDw45HRMRrDwR/QoPOhb1W+lgMSRN5SGV4LrgHJHjqKBxXSzUoA21EfcyBGVRL4da+UWU8xKAb89ZUcsyBsqCH9zgG89r0zIABMFcE9c8GPqeeUjC5RQIPwu7MmJ55Ur/k0TBZisAkDm42dOrzyvYXWYceP/KnVA8ITcNmUFVoBTqxWmsAKkkRieLym1xhC8K8VdCh9Vi8z/Zb69o9T+IF1zmmvK1QhWgAxhGCRTR6QGoJwJK2Ia8nKuAhxOTlsIcpa8ChDhMa+b3usauUpQ59wzEB6g7Sc+h8lndNow30OADKo/0XNlSu/nLUVTeSLBCt/Rdll1DjoRS29CeocdskxTngrX2YKe8oHqflJqYU2ckIqsz+s/nCayb9DaPqR0qXyCNgVeK/mXDRHeibTtXCkeujI3FCAGQxtKjRV+Da2NCNZsjHjXCNBc2blFAKJuxEVeKMXdbIZLAZpvsG0jVwVNAQfZDJcCuuTGLLy1BYJHapHtcJtGQDA9MkaMKCwuRlLh3VlOfTNrO2SqAG4sls9PtDayOO+GH9/LNNyxriO6ZOqHmMXwxXt8IryAVaVwBHdt+51lXCXOmMXyECPx1DdwrcEB9Wm8IyMsFdCvWF7kfbNNWm3HWG0hKoD2nKgA2nOiAmjPsVTANjdLZjtTSwVcecoWroBkDr6TnRkZYaYAEVBr9E8qDmJ7rsDGw9EXGWG6G2Ql/GCfH9vfVYgaf19w/pwKgtAW13VK6e0Q7DLRWYj+nlvePTKPB8ihZNDBZEBdELTWQGxcBQq826X2EDyyXQrQlrPncE64YVRdCrglN7XeArWC24iHdraxYTw3BGLDsyC3o7EKTjYWEV6NTLlWI61Hb5T89yVCW7UDwUV4TFPtcNQZndYUoC1jeB8XDpJdK2IltAiOdkHwL6TbKqdMHc8PfKV8w4epcku7OzVC+0Jul8EV/+Yq8CkA3pfvsmKbONP2Iqrm5IM2HIfnMfFtxEKuyfluXTSd3FOkoIuSLbwxBos/CdmCF7oqK7e+31K6O2uaMuC/QPBpkdhD6cvSa1dpdu0dPjhullvkSCQS2RvuAYNkOONBlc/vAAAAAElFTkSuQmCC);
}
.banner .banner-tag[data-v-dc3c63fb] {
  margin: 24px 0;
  display: flex;
  align-items: center;
}
.banner .banner-tag-corner-mark[data-v-dc3c63fb] {
  position: relative;
  right: auto;
  top: auto;
  margin-inline-end: 8px;
}
.banner .banner-tag .type-one[data-v-dc3c63fb] {
  display: block;
}
.banner .banner-tag .types[data-v-dc3c63fb] {
  margin-inline-end: 4px;
  height: 24px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.85);
  flex: 0 1 auto;
}
.banner .banner-tag .type[data-v-dc3c63fb] {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  line-height: 18px;
  padding: 3px 6px;
  border-radius: 2px;
  display: inline-block;
  margin-inline-end: 4px;
  white-space: nowrap;
}
.banner .banner-tag .time[data-v-dc3c63fb] {
  color: rgba(255, 255, 255, 0.85);
  line-height: 16px;
  font-size: 14px;
  max-width: 100%;
  flex: 0 0 auto;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.banner .banner-tag .time[data-v-dc3c63fb]:before {
  content: " ";
  height: 16px;
  padding-inline-start: 12px;
  border-left: solid 1px rgba(255, 255, 255, 0.25);
}
[dir="rtl"] .banner .banner-tag .time[data-v-dc3c63fb]:before {
  border-right: solid 1px rgba(255, 255, 255, 0.25);
  border-left: none;
}
.banner .banner-tag .time.hide-line[data-v-dc3c63fb]:before {
  display: none;
}
.banner .banner-desc[data-v-dc3c63fb] {
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.85);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  word-break: break-word;
  height: 72px;
}
@media (max-width: 1280px) {
  .banner .banner-desc[data-v-dc3c63fb] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-word;
    height: 36px;
  }
}
@media (max-width: 888px) {
  .banner .banner-desc[data-v-dc3c63fb] {
    display: none;
  }
}
.banner .banner-buttons[data-v-dc3c63fb] {
  margin-top: 40px;
  white-space: nowrap;
}
.banner .banner-buttons .btn[data-v-dc3c63fb] {
  padding: 8px 16px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
}
.banner .banner-buttons .btn span[data-v-dc3c63fb] {
  display: inline-block;
  margin-inline-end: 8px;
  width: 20px;
  font-size: 20px;
}
.banner .banner-buttons .video-play[data-v-dc3c63fb] {
  background-color: #fff;
  color: #000;
  margin-inline-end: 16px;
}
.banner .banner-buttons .video-mylist[data-v-dc3c63fb] {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.banner .banner-buttons .video-mylist.selected[data-v-dc3c63fb] {
  background-color: #06b6f2;
}
html.night-mode .dark-img[data-v-fa8d8ede] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-fa8d8ede] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-fa8d8ede] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-fa8d8ede] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-fa8d8ede] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-fa8d8ede] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-fa8d8ede] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-fa8d8ede] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-fa8d8ede] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-fa8d8ede] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-fa8d8ede] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-fa8d8ede] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-fa8d8ede] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-fa8d8ede] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-fa8d8ede] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-fa8d8ede] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-fa8d8ede] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-fa8d8ede] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-fa8d8ede] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-fa8d8ede] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-fa8d8ede] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.area-arrow[data-v-fa8d8ede] {
  position: absolute;
  z-index: 5;
  top: 50%;
  margin-top: calc(0px - var(--page-distance) / 2);
  cursor: pointer;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.area-arrow:hover > span[data-v-fa8d8ede] {
  color: #fff;
}
.area-arrow > span[data-v-fa8d8ede] {
  width: var(--page-distance);
  height: var(--page-distance);
  line-height: var(--page-distance);
  font-size: var(--page-distance);
  color: rgba(255, 255, 255, 0.85);
  overflow: hidden;
  display: block;
}
@media (min-width: 889px) {
  .area-arrow > span[data-v-fa8d8ede] {
    font-size: 48px;
    text-align: center;
  }
}
.area-arrow.prev[data-v-fa8d8ede] {
  transform: rotate(180deg);
}
html.night-mode .dark-img[data-v-4c2e8664] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-4c2e8664] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-4c2e8664] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-4c2e8664] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-4c2e8664] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-4c2e8664] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-4c2e8664] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-4c2e8664] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-4c2e8664] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-4c2e8664] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-4c2e8664] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-4c2e8664] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-4c2e8664] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-4c2e8664] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-4c2e8664] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-4c2e8664] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-4c2e8664] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-4c2e8664] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-4c2e8664] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-4c2e8664] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-4c2e8664] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.banner-entry[data-v-4c2e8664] {
  position: relative;
  z-index: 0;
}
.banner-entry .banner-top-bg[data-v-4c2e8664] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 7;
  height: 160px;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.4) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}
.banner-entry .banner-arrow[data-v-4c2e8664] {
  z-index: 5;
}
.banner-entry .banner-arrow.banner-prev[data-v-4c2e8664] {
  left: 0;
}
.banner-entry .banner-arrow.banner-next[data-v-4c2e8664] {
  right: 0;
}
.banner-entry .banner-warp[data-v-4c2e8664] {
  position: relative;
  display: grid;
  grid-template-areas: "content";
}
.banner-entry .banner-warp .banner-item[data-v-4c2e8664] {
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
  grid-area: content;
}
.banner-entry .banner-warp .banner-item.hide[data-v-4c2e8664] {
  display: none;
}
.banner-entry .banner-warp .banner-item.active[data-v-4c2e8664] {
  opacity: 1;
  z-index: 1;
}
.banner-entry .hero-carousel[data-v-4c2e8664] {
  position: relative;
  z-index: 2;
  display: flex;
  column-gap: 6px;
  margin-inline-start: var(--page-distance);
  margin-top: 56px;
  margin-bottom: 60px;
}
[dir="rtl"] .banner-entry .hero-carousel[data-v-4c2e8664] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
@media (max-width: 888px) {
  .banner-entry .hero-carousel[data-v-4c2e8664] {
    margin-top: 40px;
    margin-bottom: 0;
  }
}
.banner-entry .hero-carousel > span[data-v-4c2e8664] {
  width: 6px;
  height: 6px;
  transition: width 0.3s;
  border-radius: 3px;
  display: block;
  background-color: rgba(255, 255, 255, 0.4);
  overflow: hidden;
  cursor: pointer;
}
.banner-entry .hero-carousel > span.active[data-v-4c2e8664] {
  width: 24px;
}
.banner-entry .hero-carousel > span.active > span[data-v-4c2e8664] {
  background-color: #fff;
  height: 100%;
  display: block;
}
html.night-mode .dark-img[data-v-d7d492ad] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-d7d492ad] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-d7d492ad] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-d7d492ad] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-d7d492ad] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-d7d492ad] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-d7d492ad] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-d7d492ad] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-d7d492ad] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-d7d492ad] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-d7d492ad] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-d7d492ad] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-d7d492ad] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-d7d492ad] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-d7d492ad] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-d7d492ad] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-d7d492ad] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-d7d492ad] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-d7d492ad] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-d7d492ad] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-d7d492ad] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.scroll-cards-section[data-v-d7d492ad] {
  position: relative;
  width: 100%;
  z-index: 1;
  --card-width: calc(
    (
        var(--ec591708) - var(--page-distance) * 2 - var(--card-distance) *
          (var(--card-col-num) - 1)
      ) /
      var(--card-col-num)
  );
  --card-height: calc(var(--card-width) / var(--93401db4));
}
.scroll-cards-section .scroll-arrow[data-v-d7d492ad] {
  position: absolute;
  width: calc(var(--page-distance) - var(--card-distance));
  height: 100%;
  z-index: 10;
}
.scroll-cards-section .scroll-arrow.hide[data-v-d7d492ad] {
  opacity: 0;
}
.scroll-cards-section
  .scroll-arrow.hide
  .scroll-arrow-clickarea[data-v-d7d492ad],
.scroll-cards-section
  .scroll-arrow.hide
  .scroll-arrow-clickarea
  .area-arrow[data-v-d7d492ad] {
  cursor: auto;
}
.scroll-cards-section .scroll-arrow .scroll-arrow-clickarea[data-v-d7d492ad] {
  width: 100%;
  height: var(--card-height);
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.scroll-cards-section .scroll-arrow.scroll-prev[data-v-d7d492ad] {
  left: 0;
  top: 0;
}
.scroll-cards-section
  .scroll-arrow.scroll-prev
  .scroll-arrow-clickarea
  .area-arrow[data-v-d7d492ad] {
  left: 0;
}
.scroll-cards-section
  .scroll-arrow.scroll-prev
  .scroll-arrow-clickarea[data-v-d7d492ad]:hover {
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.scroll-cards-section .scroll-arrow.scroll-next[data-v-d7d492ad] {
  top: 0;
  right: 0;
}
.scroll-cards-section
  .scroll-arrow.scroll-next
  .scroll-arrow-clickarea
  .area-arrow[data-v-d7d492ad] {
  right: 0;
}
.scroll-cards-section
  .scroll-arrow.scroll-next
  .scroll-arrow-clickarea[data-v-d7d492ad]:hover {
  background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.scroll-cards-section .scroll-cards[data-v-d7d492ad] {
  position: relative;
  transition: all 0.4s;
  transform: translate(var(--4478176c));
}
.scroll-cards-section .scroll-cards .scroll-cards-warp[data-v-d7d492ad] {
  margin: 0 var(--scroll-warpper-distance);
  display: grid;
  grid-auto-columns: calc(100% / var(--card-col-num));
  grid-auto-flow: column;
  grid-template-rows: repeat(1, auto);
  scroll-padding: 0 var(--scroll-warpper-distance);
  overscroll-behavior-x: none;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  position: relative;
}
.scroll-cards-section .scroll-cards .card-item[data-v-d7d492ad] {
  box-sizing: border-box;
  scroll-snap-align: start;
  transform: translateZ(0);
  padding: 0 calc(var(--card-distance) / 2);
}
html.night-mode .dark-img[data-v-67fb50d0] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-67fb50d0] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-67fb50d0] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-67fb50d0] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-67fb50d0] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-67fb50d0] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-67fb50d0] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-67fb50d0] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-67fb50d0] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-67fb50d0] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-67fb50d0] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-67fb50d0] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-67fb50d0] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-67fb50d0] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-67fb50d0] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-67fb50d0] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-67fb50d0] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-67fb50d0] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-67fb50d0] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-67fb50d0] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-67fb50d0] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.trending[data-v-67fb50d0] {
  position: relative;
  z-index: 10;
  margin-top: 8px;
}
.trending .trending-title[data-v-67fb50d0] {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: #fff;
  margin: 0 0 16px;
}
html.night-mode .dark-img[data-v-b93e3286] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-b93e3286] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-b93e3286] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-b93e3286] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-b93e3286] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-b93e3286] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-b93e3286] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-b93e3286] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-b93e3286] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-b93e3286] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-b93e3286] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-b93e3286] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-b93e3286] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-b93e3286] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-b93e3286] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-b93e3286] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-b93e3286] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-b93e3286] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-b93e3286] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-b93e3286] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-b93e3286] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.watching .watching-title[data-v-b93e3286] {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: rgba(0, 0, 0, 0.85);
  margin: 0 0 16px;
}
.watching .video-label[data-v-b93e3286] {
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 3px 6px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 3px;
}
.watching .inert .bstar-video-card__cover-link:after {
  width: 100%;
  height: 100%;
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.55);
}
.watching .bstar-video-card__title:hover {
  color: #06b6f2 !important;
}
html.night-mode .dark-img[data-v-f4d800c9] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-f4d800c9] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-f4d800c9] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-f4d800c9] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-f4d800c9] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-f4d800c9] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-f4d800c9] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-f4d800c9] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-f4d800c9] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-f4d800c9] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-f4d800c9] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-f4d800c9] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-f4d800c9] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-f4d800c9] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-f4d800c9] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-f4d800c9] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-f4d800c9] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-f4d800c9] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-f4d800c9] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-f4d800c9] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-f4d800c9] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.calendar-time[data-v-f4d800c9] {
  display: flex;
}
.calendar-time .recent-updates[data-v-f4d800c9] {
  height: 48px;
  min-width: 123px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.55);
  display: inline-flex;
  column-gap: 10px;
  margin-inline-end: 4px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  cursor: pointer;
}
html.night-mode .calendar-time .recent-updates[data-v-f4d800c9] {
  background-color: rgba(255, 255, 255, 0.1);
}
html.night-mode .calendar-time .recent-updates[data-v-f4d800c9] {
  color: rgba(255, 255, 255, 0.55);
}
.calendar-time .recent-updates[data-v-f4d800c9]:before {
  content: " ";
  width: 32px;
  height: 32px;
  background-color: transparent;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/calendar-b01c9098.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}
.calendar-time .recent-updates.active[data-v-f4d800c9] {
  background-color: #000;
  color: #fff;
  font-weight: 700;
}
html.night-mode .calendar-time .recent-updates.active[data-v-f4d800c9] {
  background-color: #fff;
}
html.night-mode .calendar-time .recent-updates.active[data-v-f4d800c9] {
  color: #000;
}
.calendar-time .recent-updates.active[data-v-f4d800c9]:before {
  background-color: transparent;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/calendar-active-6fb4b45a.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.calendar-time .recent-updates > span[data-v-f4d800c9] {
  font-size: 14px;
  line-height: 18px;
}
.calendar-time .recent-time[data-v-f4d800c9] {
  width: 52px;
  height: 48px;
  margin: 0 2px;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.55);
}
html.night-mode .calendar-time .recent-time[data-v-f4d800c9] {
  color: rgba(255, 255, 255, 0.55);
}
.calendar-time .recent-time.today[data-v-f4d800c9]:after {
  content: " ";
  width: 4px;
  height: 4px;
  line-height: 0;
  font-size: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.85);
  position: absolute;
  left: 50%;
  margin-inline-start: -2px;
  bottom: -6px;
}
html.night-mode .calendar-time .recent-time.today[data-v-f4d800c9]:after {
  background-color: rgba(255, 255, 255, 0.85);
}
.calendar-time .recent-time.active[data-v-f4d800c9] {
  background-color: #000;
  color: #fff;
  margin: 0;
  width: 56px;
}
html.night-mode .calendar-time .recent-time.active[data-v-f4d800c9] {
  background-color: #fff;
}
html.night-mode .calendar-time .recent-time.active[data-v-f4d800c9] {
  color: #000;
}
.calendar-time .recent-time span[data-v-f4d800c9] {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  display: block;
}
html.night-mode .dark-img {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width {
    width: 1640px;
  }
}
.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list {
  display: grid;
}
@media (max-width: 511px) {
  .card-list {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding {
    padding: 0 48px;
  }
}
.filter-primary {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.time-outer {
  display: none;
  margin-bottom: 16px;
  margin-inline-start: var(--page-distance);
}
@media (max-width: 910px) {
  .calendar-header .title {
    grid-area: a;
  }
  .calendar-header .area-content {
    grid-area: b;
  }
  .calendar-header .view-all {
    grid-area: c;
  }
  .calendar-header {
    grid-template-areas: "a . c" "b b b";
  }
}
html.night-mode .dark-img[data-v-49cfa5fb] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-49cfa5fb] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-49cfa5fb] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-49cfa5fb] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-49cfa5fb] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-49cfa5fb] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-49cfa5fb] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-49cfa5fb] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-49cfa5fb] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-49cfa5fb] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-49cfa5fb] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-49cfa5fb] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-49cfa5fb] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-49cfa5fb] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-49cfa5fb] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-49cfa5fb] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-49cfa5fb] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-49cfa5fb] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-49cfa5fb] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-49cfa5fb] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-49cfa5fb] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.calendar[data-v-49cfa5fb] {
  margin-top: 8px;
  --point-distance: 20px;
  --videocard-hover-top: calc(5px - var(--point-distance));
}
@media (max-width: 888px) {
  .calendar[data-v-49cfa5fb] {
    --point-distance: 12px;
  }
}
.calendar .calendar-content[data-v-49cfa5fb] {
  background-color: rgba(6, 182, 242, 0.1);
  padding: calc(63px + var(--point-distance)) 0 32px;
  position: relative;
}
.calendar .calendar-content .calendar-scroll-mask[data-v-49cfa5fb] {
  position: absolute;
  left: 0;
  top: 0;
  height: 63px;
  width: 100%;
  z-index: 2;
}
[dir="rtl"] .calendar .calendar-content .calendar-scroll-mask[data-v-49cfa5fb] {
  right: 0;
  left: auto;
}
.calendar .calendar-content .card-item[data-v-49cfa5fb] {
  position: relative;
}
.calendar .calendar-content .card-item:hover .card-title[data-v-49cfa5fb] {
  color: #06b6f2;
}
.calendar
  .calendar-content
  .card-item:hover
  .card-title[data-v-49cfa5fb]:after {
  background-color: #06b6f2;
}
.calendar .calendar-content .card-title[data-v-49cfa5fb] {
  text-align: center;
  line-height: 18px;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  top: calc(-31px - var(--point-distance));
  left: 0;
  width: 100%;
  color: rgba(0, 0, 0, 0.85);
}
html.night-mode .calendar .calendar-content .card-title[data-v-49cfa5fb] {
  color: rgba(255, 255, 255, 0.85);
}
.calendar .calendar-content .card-title[data-v-49cfa5fb]:after {
  content: " ";
  display: block;
  margin: 8px auto 0;
  width: 8px;
  height: 5px;
  border-radius: 2px;
  background-color: #ccc;
}
.calendar .calendar-content .calendar-scroll-line[data-v-49cfa5fb] {
  position: absolute;
  border-bottom: 1px solid;
  width: calc(
    (var(--428fa407) / var(--card-col-num)) * 100% - var(--card-distance)
  );
  top: calc(-3px - var(--point-distance));
  left: calc(var(--card-distance) / 2);
  border-color: rgba(0, 0, 0, 0.1);
}
html.night-mode
  .calendar
  .calendar-content
  .calendar-scroll-line[data-v-49cfa5fb] {
  border-color: rgba(255, 255, 255, 0.15);
}
[dir="rtl"] .calendar .calendar-content .calendar-scroll-line[data-v-49cfa5fb] {
  left: auto;
  right: calc(var(--card-distance) / 2);
}
.calendar .calendar-content .timeline-empty[data-v-49cfa5fb] {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(30px + var(--point-distance));
}
html.night-mode .calendar .calendar-content .timeline-empty[data-v-49cfa5fb] {
  color: rgba(255, 255, 255, 0.4);
}
html.night-mode .dark-img[data-v-190da646] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-190da646] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-190da646] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-190da646] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-190da646] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-190da646] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-190da646] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-190da646] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-190da646] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-190da646] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-190da646] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-190da646] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-190da646] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-190da646] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-190da646] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-190da646] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-190da646] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-190da646] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-190da646] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-190da646] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-190da646] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.recommended-container[data-v-190da646] {
  padding: 0 var(--scroll-warpper-distance);
  display: grid;
  grid-template-columns: repeat(var(--card-col-num), 1fr);
  grid-template-rows: 2fr;
  row-gap: 40px;
}
.recommended-container .card-item[data-v-190da646] {
  padding: 0 calc(var(--card-distance) / 2);
}
.recommended-container .card-item.hide[data-v-190da646] {
  display: none;
}
html.night-mode .dark-img[data-v-334fefc7] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-334fefc7] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-334fefc7] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-334fefc7] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-334fefc7] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-334fefc7] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-334fefc7] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-334fefc7] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-334fefc7] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-334fefc7] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-334fefc7] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-334fefc7] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-334fefc7] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-334fefc7] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-334fefc7] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-334fefc7] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-334fefc7] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-334fefc7] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-334fefc7] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-334fefc7] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-334fefc7] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.recommended[data-v-334fefc7] {
  position: relative;
  width: 100%;
}
html.night-mode .dark-img[data-v-8342bed7] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-8342bed7] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-8342bed7] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-8342bed7] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-8342bed7] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-8342bed7] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-8342bed7] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-8342bed7] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-8342bed7] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-8342bed7] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-8342bed7] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-8342bed7] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-8342bed7] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-8342bed7] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-8342bed7] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-8342bed7] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-8342bed7] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-8342bed7] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-8342bed7] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-8342bed7] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-8342bed7] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.card__container[data-v-8342bed7] {
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.card__container .card__image[data-v-8342bed7] {
  border-radius: 0;
}
.card__container .card__title[data-v-8342bed7] {
  height: 68px;
  font-size: 14px;
  line-height: 18px;
  padding: 16px 20px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
}
html.night-mode .card__container .card__title[data-v-8342bed7] {
  color: rgba(255, 255, 255, 0.85);
}
html.night-mode .card__container .card__title[data-v-8342bed7] {
  background-color: rgba(0, 0, 0, 0.85);
}
.card__container .card__title[data-v-8342bed7]:hover {
  color: #06b6f2 !important;
}
.card__container .card__title-text[data-v-8342bed7] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
html.night-mode .dark-img[data-v-fccdcfb5] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-fccdcfb5] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-fccdcfb5] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-fccdcfb5] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-fccdcfb5] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-fccdcfb5] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-fccdcfb5] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-fccdcfb5] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-fccdcfb5] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-fccdcfb5] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-fccdcfb5] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-fccdcfb5] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-fccdcfb5] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-fccdcfb5] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-fccdcfb5] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-fccdcfb5] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-fccdcfb5] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-fccdcfb5] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-fccdcfb5] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-fccdcfb5] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-fccdcfb5] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.card__container[data-v-fccdcfb5] {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.card__container .card__image[data-v-fccdcfb5] {
  border-radius: 0;
}
.card__container .card__bottom[data-v-fccdcfb5] {
  position: relative;
  width: 100%;
}
.card__container .card__bottom .card__mask[data-v-fccdcfb5] {
  position: absolute;
  left: 0;
  top: -145px;
  width: 100%;
  height: 160px;
}
[dir="rtl"] .card__container .card__bottom .card__mask[data-v-fccdcfb5] {
  left: auto;
  right: 0;
}
.card__container .card__bottom .card__mask-bg[data-v-fccdcfb5] {
  height: 100%;
  background-image: linear-gradient(
    360deg,
    #ffffff 0%,
    #ffffff 17.62%,
    rgba(255, 255, 255, 0.8) 35%,
    rgba(255, 255, 255, 0.2) 65%,
    rgba(255, 255, 255, 0) 100%
  );
}
html.night-mode .card__container .card__bottom .card__mask-bg[data-v-fccdcfb5] {
  background-image: linear-gradient(
    360deg,
    #000000 0%,
    #000000 17.62%,
    rgba(0, 0, 0, 0.8) 35%,
    rgba(0, 0, 0, 0.2) 65%,
    rgba(0, 0, 0, 0) 100%
  );
}
.card__container .card__bottom .card__title[data-v-fccdcfb5] {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
  background: #ffffff;
  padding: 16px 20px;
}
html.night-mode .card__container .card__bottom .card__title[data-v-fccdcfb5] {
  color: rgba(255, 255, 255, 0.85);
}
html.night-mode .card__container .card__bottom .card__title[data-v-fccdcfb5] {
  background: #000000;
}
.card__container .card__bottom .card__title-text[data-v-fccdcfb5] {
  height: 36px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
}
.card__container .card__bottom .card__title-text[data-v-fccdcfb5]:hover {
  color: #06b6f2 !important;
}
.card__container .card__bottom .card__rank[data-v-fccdcfb5] {
  position: absolute;
  right: 10px;
  width: 112px;
  height: 80px;
  bottom: 20px;
  overflow: hidden;
}
.card__container .card__bottom .card__rank > svg[data-v-fccdcfb5] {
  width: 100%;
}
[dir="rtl"] .card__container .card__bottom .card__rank[data-v-fccdcfb5] {
  right: auto;
  width: 100%;
}
html.night-mode .dark-img[data-v-ae532772] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-ae532772] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-ae532772] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-ae532772] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-ae532772] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-ae532772] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-ae532772] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-ae532772] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-ae532772] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-ae532772] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-ae532772] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-ae532772] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-ae532772] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-ae532772] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-ae532772] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-ae532772] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-ae532772] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-ae532772] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-ae532772] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-ae532772] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-ae532772] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.aggregation[data-v-ae532772] {
  padding: 57px 0;
  position: relative;
}
.aggregation .mask-bg[data-v-ae532772] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
[dir="rtl"] .aggregation .mask-bg[data-v-ae532772] {
  left: auto;
  right: 0;
}
.aggregation .mask-bg[data-v-ae532772]:before {
  content: " ";
  position: absolute;
  display: block;
  height: 115%;
  background: center / cover;
  background-image: var(--74a3c67e);
  mask: linear-gradient(90deg, var(--3f97dfcb) 80%, transparent 100%);
  min-width: 50%;
  aspect-ratio: auto 16/9;
}
[dir="rtl"] .aggregation .mask-bg[data-v-ae532772]:before {
  mask: linear-gradient(270deg, var(--3f97dfcb) 80%, transparent 100%);
}
.aggregation .mask-bg[data-v-ae532772]:after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  content: " ";
  position: absolute;
  display: block;
  background: linear-gradient(
    90deg,
    var(--3f97dfcb) 0%,
    var(--bec45c80) 16%,
    var(--bec45cb4) 50%,
    var(--bec45c80) 86%,
    var(--3f97dfcb) 100%
  );
}
[dir="rtl"] .aggregation .mask-bg[data-v-ae532772]:after {
  right: 0;
  left: auto;
  background: linear-gradient(
    270deg,
    var(--3f97dfcb) 0%,
    var(--bec45c80) 16%,
    var(--bec45cb4) 50%,
    var(--bec45c80) 86%,
    var(--3f97dfcb) 100%
  );
}
html.night-mode .dark-img[data-v-289055f4] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-289055f4] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-289055f4] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-289055f4] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-289055f4] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-289055f4] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-289055f4] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-289055f4] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-289055f4] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-289055f4] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-289055f4] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-289055f4] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-289055f4] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-289055f4] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-289055f4] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-289055f4] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-289055f4] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-289055f4] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-289055f4] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-289055f4] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-289055f4] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.view-all[data-v-289055f4] {
  background: no-repeat center top / cover;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/viewall-c97855c8.png);
  height: 456px;
  display: flex;
  justify-content: center;
  align-items: center;
}
html.night-mode .view-all[data-v-289055f4] {
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/viewall-dark-4b676555.png);
}
.view-all__text[data-v-289055f4] {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
  display: block;
  margin: auto;
  color: #000;
}
html.night-mode .view-all__text[data-v-289055f4] {
  color: #fff;
}
.view-all__button[data-v-289055f4] {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin: 40px auto 0;
  cursor: pointer;
  width: 352px;
  height: 40px;
  border-radius: 4px;
  background-color: #000;
  color: #fff;
  display: block;
  overflow: hidden;
}
html.night-mode .view-all__button[data-v-289055f4] {
  background-color: #fff;
}
html.night-mode .view-all__button[data-v-289055f4] {
  color: #000;
}
.view-all__button > span[data-v-289055f4] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-all__button > span[data-v-289055f4]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
html.night-mode .view-all__button > span[data-v-289055f4]:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
html.night-mode .dark-img[data-v-04837f1f] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-04837f1f] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-04837f1f] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-04837f1f] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-04837f1f] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-04837f1f] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-04837f1f] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-04837f1f] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-04837f1f] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-04837f1f] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-04837f1f] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-04837f1f] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-04837f1f] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-04837f1f] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-04837f1f] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-04837f1f] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-04837f1f] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-04837f1f] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-04837f1f] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-04837f1f] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-04837f1f] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.anime[data-v-04837f1f] {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  row-gap: var(--page-row-gap);
  min-height: 100vh;
  background: #ffffff;
  --card-col-num: 7;
  --page-distance: 80px;
  --card-distance: 32px;
  --page-row-gap: 56px;
  --scroll-warpper-distance: 64px;
}
.anime.not-banner[data-v-04837f1f] {
  padding-top: 128px;
}
html.night-mode .anime[data-v-04837f1f] {
  background: #000000;
}
@media (max-width: 1920px) {
  .anime[data-v-04837f1f] {
    --card-col-num: 6;
    --page-distance: 80px;
    --card-distance: 32px;
    --page-row-gap: 56px;
    --scroll-warpper-distance: 64px;
  }
}
@media (max-width: 1366px) {
  .anime[data-v-04837f1f] {
    --card-col-num: 5;
    --page-distance: 64px;
    --card-distance: 32px;
    --page-row-gap: 40px;
    --scroll-warpper-distance: 48px;
  }
}
@media (max-width: 888px) {
  .anime[data-v-04837f1f] {
    --card-col-num: 4;
    --page-distance: 40px;
    --card-distance: 16px;
    --page-row-gap: 40px;
    --scroll-warpper-distance: 32px;
  }
}
@media (max-width: 512px) {
  .anime[data-v-04837f1f] {
    --card-col-num: 3;
    --page-distance: 24px;
    --card-distance: 8px;
    --page-row-gap: 24px;
    --scroll-warpper-distance: 20px;
  }
}
.anime .scroll-loading[data-v-04837f1f] {
  margin-bottom: 50px;
}