html.night-mode .dark-img[data-v-182b2f64] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-182b2f64] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-182b2f64] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-182b2f64] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-182b2f64] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-182b2f64] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-182b2f64] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-182b2f64] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-182b2f64] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-182b2f64] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-182b2f64] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-182b2f64] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-182b2f64] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-182b2f64] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-182b2f64] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-182b2f64] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-182b2f64] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-182b2f64] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-182b2f64] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-182b2f64] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-182b2f64] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.search-bar[data-v-182b2f64] {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
  padding: 12px 16px;
  background-color: #fff;
}
.search-bar__back-icon[data-v-182b2f64] {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/icon-back-b18e0732.svg);
}
[dir="rtl"] .search-bar__back-icon[data-v-182b2f64] {
  transform: scale(-1);
}
.search-bar-wrapper[data-v-182b2f64] {
  display: flex;
  align-items: center;
  height: 40px;
  border: 1px solid rgba(153, 153, 153, 0.3);
  border-radius: 20px;
  overflow: hidden;
  margin-inline-start: 16px;
}
.search-bar__input[data-v-182b2f64] {
  flex: 1;
  padding-inline-start: 24px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-bar__input[data-v-182b2f64] :focus {
  overflow: scroll;
}
.search-bar__operate[data-v-182b2f64] {
  flex: 0 0 auto;
}
.search-bar__clear-icon[data-v-182b2f64] {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/icon_search_close-f5dd9108.svg);
  background-size: cover;
  margin: 0 16px;
}
.search-bar__split[data-v-182b2f64] {
  width: 1px;
  height: 20px;
  display: inline-block;
  background: rgba(153, 153, 153, 0.3);
}
.search-bar__search-icon[data-v-182b2f64] {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/icon_search_btn-a065d97e.svg);
  background-size: cover;
  margin: 0 16px;
}
.card-container[data-v-c4923a12] {
  margin-bottom: 40px;
}
.card-container__title[data-v-c4923a12] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 18px;
  color: #333;
  height: 38px;
  line-height: 38px;
  font-weight: 700;
}
.card-container__more-btn[data-v-c4923a12] {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/icon_circle_arrow-105f9280.svg);
  background-size: cover;
  cursor: pointer;
}
.card-container--mobile[data-v-c4923a12] {
  margin-bottom: 24px;
}
.card-container--mobile .card-container__title[data-v-c4923a12] {
  margin-bottom: 4px;
}
.card-container--mobile .card-container__more-btn[data-v-c4923a12] {
  width: 22px;
  height: 22px;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/icon_arrow_left-dfc24df4.svg);
  transform: rotate(180deg);
}
html.night-mode .dark-img[data-v-22837235] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-22837235] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-22837235] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-22837235] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-22837235] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-22837235] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-22837235] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-22837235] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-22837235] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-22837235] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-22837235] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-22837235] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-22837235] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-22837235] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-22837235] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-22837235] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-22837235] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-22837235] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-22837235] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-22837235] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-22837235] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.meta[data-v-22837235] {
  margin-top: 16px;
}
.meta--mobile[data-v-22837235] {
  margin-top: 5px;
  color: #666;
}
.meta--mobile .meta__tips-text[data-v-22837235] {
  font-size: 12px;
}
.meta__tips[data-v-22837235] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.meta__tips-text[data-v-22837235] {
  position: relative;
  color: #999;
  font-size: 14px;
  font-weight: 400;
}
.meta__tips-text[data-v-22837235]:not(.meta__tips-text:first-child):before {
  content: "";
  margin: 0 8px;
  transform: translateY(1px);
  display: inline-block;
  width: 0.5px;
  height: 12px;
  background-color: #979797;
}
.meta__tips-vip[data-v-22837235] {
  display: inline-flex;
  align-items: center;
  vertical-align: bottom;
  color: #f56a8c;
}
.meta__tips-icon[data-v-22837235] {
  position: relative;
  width: 22px;
  height: 22px;
  display: block;
  transition: transform 0.3s ease-in-out;
}
.meta__tips-icon--vip[data-v-22837235] {
  margin-inline-end: 2px;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/vip_icon-9a28d8f5.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.meta__tags[data-v-22837235] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.meta__tags > a[data-v-22837235] {
  margin: 8px 8px 0 0;
}
.meta__tags > a[data-v-22837235]:last-child {
  margin-inline-end: 0;
}
.meta__desc[data-v-22837235] {
  margin-bottom: 0;
  line-height: 20px;
  font-weight: 400;
  word-break: break-word;
  transition: all 0.3s ease-in-out;
  white-space: pre-wrap;
}
.meta__alias[data-v-22837235],
.meta__origin-name[data-v-22837235] {
  display: flex;
  line-height: 20px;
}
.meta__alias-label[data-v-22837235],
.meta__origin-name-label[data-v-22837235] {
  margin-inline-end: 4px;
  color: #999;
}
.meta__alias-content[data-v-22837235],
.meta__origin-name-content[data-v-22837235] {
  flex: 1;
}
.meta__alias-item[data-v-22837235],
.meta__origin-name-item[data-v-22837235] {
  margin-bottom: 9px;
}
.meta__alias-item[data-v-22837235]:last-child,
.meta__origin-name-item[data-v-22837235]:last-child {
  margin-bottom: 0;
}
.meta--mobile .meta__alias-label[data-v-22837235],
.meta--mobile .meta__origin-name-label[data-v-22837235] {
  color: #333;
}
.meta__type-area[data-v-22837235],
.meta__create-time[data-v-22837235] {
  line-height: 20px;
  display: flex;
  align-items: center;
}
.meta__area[data-v-22837235] {
  display: flex;
  align-items: center;
}
.meta__area[data-v-22837235]:before {
  content: "|";
  color: #999;
  margin: 0 7px;
}
.meta__type[data-v-22837235] {
  display: flex;
  align-items: center;
}
html.night-mode .dark-img[data-v-9606bc3d] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-9606bc3d] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-9606bc3d] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-9606bc3d] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-9606bc3d] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-9606bc3d] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-9606bc3d] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-9606bc3d] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-9606bc3d] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-9606bc3d] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-9606bc3d] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-9606bc3d] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-9606bc3d] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-9606bc3d] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-9606bc3d] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-9606bc3d] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-9606bc3d] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-9606bc3d] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-9606bc3d] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-9606bc3d] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-9606bc3d] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.cover-mask[data-v-9606bc3d] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px;
  height: 40px;
  background-image: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 57%,
    rgba(0, 0, 0, 0.5) 99%
  );
  transform: scaleY(-1);
  z-index: 3;
  pointer-events: none;
}
.cover-mask-text[data-v-9606bc3d] {
  display: block;
  text-align: end;
  line-height: 1;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  transform: scaleY(-1);
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.cover-mask-text--bold[data-v-9606bc3d] {
  font-weight: 700;
}
.cover-mask--mobile[data-v-9606bc3d] {
  padding: 8px;
}
html.night-mode .dark-img[data-v-f6e63aaa] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-f6e63aaa] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-f6e63aaa] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-f6e63aaa] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-f6e63aaa] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-f6e63aaa] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-f6e63aaa] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-f6e63aaa] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-f6e63aaa] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-f6e63aaa] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-f6e63aaa] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-f6e63aaa] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-f6e63aaa] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-f6e63aaa] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-f6e63aaa] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-f6e63aaa] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-f6e63aaa] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-f6e63aaa] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-f6e63aaa] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-f6e63aaa] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-f6e63aaa] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.highlights__text[data-v-f6e63aaa] {
  font-style: normal;
  color: #333;
  font-weight: 700;
}
.highlights__text--active[data-v-f6e63aaa] {
  color: #4c93ff;
}
html.night-mode .dark-img[data-v-56d5d330] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-56d5d330] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-56d5d330] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-56d5d330] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-56d5d330] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-56d5d330] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-56d5d330] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-56d5d330] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-56d5d330] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-56d5d330] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-56d5d330] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-56d5d330] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-56d5d330] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-56d5d330] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-56d5d330] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-56d5d330] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-56d5d330] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-56d5d330] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-56d5d330] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-56d5d330] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-56d5d330] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.ogv[data-v-56d5d330] {
  display: flex;
}
.ogv__cover-wrap[data-v-56d5d330] {
  width: 240px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.ogv__cover[data-v-56d5d330] {
  position: relative;
  padding-top: 133.33%;
}
.ogv__cover-img[data-v-56d5d330] {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
}
.ogv__content[data-v-56d5d330] {
  margin-inline-start: 16px;
}
.ogv__content-title[data-v-56d5d330] {
  font-size: 18px;
  color: #333;
  line-height: 22px;
  font-weight: 700;
  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;
}
.ogv__content-title[data-v-56d5d330] p {
  font-weight: 700;
}
.ogv__content-desc[data-v-56d5d330] {
  margin-top: 12px;
  font-size: 14px;
  color: #333;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  word-break: break-word;
}
.ogv__content-btn[data-v-56d5d330] {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 155px;
  height: 44px;
  background: #4c93ff;
  border-radius: 4px;
}
.ogv__content-btn-text[data-v-56d5d330] {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.ogv__content-btn-text[data-v-56d5d330]:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-inline-start: 6px;
  background-image: url(//p.bstarstatic.com/fe-static/bstar-web-new/client/assets/icon_play-0f801720.svg);
  background-size: cover;
  content: "";
}
.ogv--mobile.ogv--season[data-v-56d5d330] {
  flex-direction: column;
}
.ogv--mobile.ogv--season .ogv__cover-wrap[data-v-56d5d330] {
  width: 100%;
}
.ogv--mobile.ogv--season .ogv__content[data-v-56d5d330] {
  margin-inline-start: 0;
  margin-top: 7px;
}
.ogv--mobile.ogv--season .ogv__content-title[data-v-56d5d330] {
  line-height: 18px;
  font-weight: 400;
}
.ogv--mobile.ogv--season .ogv__content-title[data-v-56d5d330] p {
  font-weight: 400;
}
.ogv--mobile .ogv__cover-wrap[data-v-56d5d330] {
  width: 92px;
}
.ogv--mobile .ogv__content-title[data-v-56d5d330] {
  font-size: 14px;
}
.ogv--mobile .ogv__content-btn[data-v-56d5d330] {
  margin-top: 16px;
  width: 103px;
  height: 32px;
}
.ogv--mobile .ogv__content-btn-text[data-v-56d5d330] {
  font-size: 14px;
}
.ogv--mobile .ogv__content-btn-text[data-v-56d5d330]:before {
  margin-inline-start: 3px;
}
@media (max-width: 887px) {
  .ogv:not(.ogv--mobile) .ogv__cover-wrap[data-v-56d5d330] {
    width: 149px;
  }
  .ogv:not(.ogv--mobile) .ogv__content-desc[data-v-56d5d330] {
    max-width: 512px;
  }
}
@media (min-width: 888px) {
  .ogv:not(.ogv--mobile) .ogv__cover-wrap[data-v-56d5d330] {
    width: 245px;
  }
  .ogv:not(.ogv--mobile) .ogv__content-desc[data-v-56d5d330] {
    max-width: 512px;
  }
}
@media (min-width: 1280px) {
  .ogv:not(.ogv--mobile) .ogv__cover-wrap[data-v-56d5d330] {
    width: 268px;
  }
  .ogv:not(.ogv--mobile) .ogv__content-desc[data-v-56d5d330] {
    max-width: 860px;
  }
}
@media (min-width: 1366px) {
  .ogv:not(.ogv--mobile) .ogv__cover-wrap[data-v-56d5d330] {
    width: 240px;
  }
  .ogv:not(.ogv--mobile) .ogv__content-desc[data-v-56d5d330] {
    max-width: 774px;
  }
}
@media (min-width: 1920px) {
  .ogv:not(.ogv--mobile) .ogv__cover-wrap[data-v-56d5d330] {
    width: 241px;
  }
  .ogv:not(.ogv--mobile) .ogv__content-desc[data-v-56d5d330] {
    max-width: 780px;
  }
}
@media (min-width: 2318px) {
  .ogv:not(.ogv--mobile) .ogv__cover-wrap[data-v-56d5d330] {
    width: 258px;
  }
  .ogv:not(.ogv--mobile) .ogv__content-desc[data-v-56d5d330] {
    max-width: 830px;
  }
}
html.night-mode .dark-img[data-v-9c3796ce] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-9c3796ce] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-9c3796ce] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-9c3796ce] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-9c3796ce] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-9c3796ce] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-9c3796ce] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-9c3796ce] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-9c3796ce] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-9c3796ce] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-9c3796ce] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-9c3796ce] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-9c3796ce] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-9c3796ce] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-9c3796ce] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-9c3796ce] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-9c3796ce] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-9c3796ce] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-9c3796ce] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-9c3796ce] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-9c3796ce] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.ogv-card__list[data-v-9c3796ce] {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 24px;
}
.ogv-card--mobile .ogv-card__list[data-v-9c3796ce] {
  grid-row-gap: 13px;
}
html.night-mode .dark-img[data-v-0baeb6ce] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-0baeb6ce] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-0baeb6ce] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-0baeb6ce] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-0baeb6ce] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-0baeb6ce] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-0baeb6ce] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-0baeb6ce] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-0baeb6ce] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-0baeb6ce] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-0baeb6ce] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-0baeb6ce] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-0baeb6ce] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-0baeb6ce] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-0baeb6ce] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-0baeb6ce] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-0baeb6ce] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-0baeb6ce] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-0baeb6ce] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-0baeb6ce] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-0baeb6ce] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.season-card__wrapper[data-v-0baeb6ce] {
  padding: 24px 24px 32px;
  background: #ffffff;
  border-radius: 8px;
}
.season-card__title[data-v-0baeb6ce] {
  font-size: 24px;
  color: #333;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 24px;
}
.season-card__list[data-v-0baeb6ce] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 64px;
  grid-row-gap: 40px;
}
.season-card--mobile .season-card__wrapper[data-v-0baeb6ce] {
  padding: 20px 8px 16px;
  background-image: linear-gradient(
    180deg,
    rgba(76, 147, 255, 0.1) 1%,
    rgba(161, 198, 255, 0) 48%,
    rgba(76, 147, 255, 0.08) 100%
  );
}
.season-card--mobile .season-card__title[data-v-0baeb6ce] {
  font-size: 18px;
  color: #333;
  margin-bottom: 12px;
}
.season-card--mobile .season-card__list[data-v-0baeb6ce] {
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 8px;
  grid-row-gap: 17px;
}
@media (max-width: 1279px) {
  .season-card[data-v-0baeb6ce]:not(.season-card--mobile) {
    width: 1160px;
  }
}
@media (max-width: 887px) {
  .season-card[data-v-0baeb6ce]:not(.season-card--mobile) {
    width: 888px;
  }
  .season-card[data-v-0baeb6ce]:not(.season-card--mobile) .ogv__cover-wrap {
    width: 245px;
  }
}
html.night-mode .dark-img[data-v-6d108005] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-6d108005] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-6d108005] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-6d108005] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-6d108005] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-6d108005] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-6d108005] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-6d108005] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-6d108005] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-6d108005] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-6d108005] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-6d108005] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-6d108005] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-6d108005] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-6d108005] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-6d108005] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-6d108005] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-6d108005] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-6d108005] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-6d108005] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-6d108005] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.ugc-card[data-v-6d108005] .card-section--mobile {
  margin: 0;
}
.ugc-card[data-v-6d108005] p {
  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;
}
.ugc-card--mobile[data-v-6d108005] p {
  font-size: 14px;
}
html.night-mode .dark-img[data-v-443f4008] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-443f4008] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-443f4008] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-443f4008] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-443f4008] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-443f4008] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-443f4008] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-443f4008] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-443f4008] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-443f4008] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-443f4008] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-443f4008] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-443f4008] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-443f4008] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-443f4008] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-443f4008] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-443f4008] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-443f4008] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-443f4008] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-443f4008] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-443f4008] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.creator-card[data-v-443f4008] {
  padding: 12px 32px 12px 24px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
}
@media (max-width: 512px) {
  .creator-card[data-v-443f4008] {
    padding: 8px 16px;
  }
}
.creator-card__avatar[data-v-443f4008] {
  margin-inline-end: 16px;
  flex: none;
}
.creator-card__info[data-v-443f4008] {
  flex: 1;
  overflow: hidden;
  margin-inline-end: 64px;
}
.creator-card__name[data-v-443f4008] {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  font-size: 22px;
  line-height: 26px;
}
.creator-card__name > p[data-v-443f4008] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
  font-weight: 700;
}
.creator-card__certificate[data-v-443f4008] {
  display: inline-block;
  margin-inline-start: 2px;
  width: 22px;
  height: 22px;
  vertical-align: bottom;
}
.creator-card__stat-wrap[data-v-443f4008] {
  display: flex;
}
.creator-card__stat[data-v-443f4008] {
  font-size: 14px;
  color: #666;
  line-height: 18px;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.creator-card__stat-item[data-v-443f4008]:first-of-type:before {
  display: none;
}
.creator-card__stat-item[data-v-443f4008]:before {
  content: "·";
  margin: 0 4px;
  font-size: 14px;
  color: #333;
  line-height: 18px;
}
.creator-card__num[data-v-443f4008] {
  margin-inline-end: 4px;
  font-size: 14px;
  color: #333;
  line-height: 18px;
  font-weight: 700;
  font-style: normal;
}
.creator-card--mobile[data-v-443f4008] {
  padding: 8px 0;
}
.creator-card--mobile .creator-card__avatar[data-v-443f4008] {
  margin-inline-end: 8px;
}
.creator-card--mobile .creator-card__info[data-v-443f4008] {
  margin-inline-end: 16px;
}
.creator-card--mobile .creator-card__name[data-v-443f4008] {
  font-size: 16px;
  line-height: 20px;
}
.creator-card--mobile .creator-card__certificate[data-v-443f4008] {
  width: 16px;
  height: 16px;
}
.creator-card--mobile .creator-card__stat[data-v-443f4008],
.creator-card--mobile .creator-card__num[data-v-443f4008] {
  font-size: 12px;
  line-height: 12px;
}
html.night-mode .dark-img[data-v-89c5eb7f] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-89c5eb7f] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-89c5eb7f] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-89c5eb7f] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-89c5eb7f] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-89c5eb7f] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-89c5eb7f] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-89c5eb7f] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-89c5eb7f] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-89c5eb7f] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-89c5eb7f] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-89c5eb7f] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-89c5eb7f] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-89c5eb7f] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-89c5eb7f] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-89c5eb7f] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-89c5eb7f] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-89c5eb7f] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-89c5eb7f] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-89c5eb7f] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-89c5eb7f] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.recommand-card[data-v-89c5eb7f] .card-section--mobile {
  margin: 0;
}
.recommand-card[data-v-89c5eb7f] p {
  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-e1e37455] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-e1e37455] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-e1e37455] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-e1e37455] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-e1e37455] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-e1e37455] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-e1e37455] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-e1e37455] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-e1e37455] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-e1e37455] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-e1e37455] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-e1e37455] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-e1e37455] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-e1e37455] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-e1e37455] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-e1e37455] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-e1e37455] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-e1e37455] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-e1e37455] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-e1e37455] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-e1e37455] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.all-sheet[data-v-e1e37455] {
  width: fit-content;
}
@media (max-width: 887px) {
  .all-sheet__item[data-v-e1e37455] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .all-sheet__item[data-v-e1e37455] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .all-sheet__item[data-v-e1e37455] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .all-sheet__item[data-v-e1e37455] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .all-sheet__item[data-v-e1e37455] {
    padding: 0 48px;
  }
}
.all-sheet__uploader[data-v-e1e37455] {
  max-width: 496px;
  box-sizing: content-box;
}
.all-sheet__empty[data-v-e1e37455] {
  margin-bottom: 64px;
}
.all-sheet__empty[data-v-e1e37455] .empty-container__img {
  margin: 35px auto 24px;
  height: 204px;
  width: auto;
}
.all-sheet__empty--mobile[data-v-e1e37455] {
  margin-bottom: 48px;
}
.all-sheet__error[data-v-e1e37455] {
  margin-top: -20px;
}
.all-sheet--mobile[data-v-e1e37455] {
  width: auto;
}
html.night-mode .dark-img[data-v-fa6aca27] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-fa6aca27] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-fa6aca27] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-fa6aca27] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-fa6aca27] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-fa6aca27] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-fa6aca27] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-fa6aca27] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-fa6aca27] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-fa6aca27] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-fa6aca27] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-fa6aca27] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-fa6aca27] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-fa6aca27] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-fa6aca27] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-fa6aca27] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-fa6aca27] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-fa6aca27] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-fa6aca27] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-fa6aca27] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-fa6aca27] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
@media (max-width: 887px) {
  .ogv-sheet[data-v-fa6aca27] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .ogv-sheet[data-v-fa6aca27] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .ogv-sheet[data-v-fa6aca27] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .ogv-sheet[data-v-fa6aca27] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .ogv-sheet[data-v-fa6aca27] {
    padding: 0 48px;
  }
}
.ogv-sheet__tips[data-v-fa6aca27] {
  margin: 48px 0 64px;
}
.ogv-sheet__tips--empty[data-v-fa6aca27] {
  margin: -20px 0 0;
}
html.night-mode .dark-img[data-v-4967b832] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-4967b832] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-4967b832] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-4967b832] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-4967b832] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-4967b832] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-4967b832] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-4967b832] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-4967b832] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-4967b832] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-4967b832] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-4967b832] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-4967b832] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-4967b832] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-4967b832] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-4967b832] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-4967b832] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-4967b832] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-4967b832] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-4967b832] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-4967b832] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
@media (max-width: 887px) {
  .creator-sheet[data-v-4967b832] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .creator-sheet[data-v-4967b832] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .creator-sheet[data-v-4967b832] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .creator-sheet[data-v-4967b832] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .creator-sheet[data-v-4967b832] {
    padding: 0 48px;
  }
}
.creator-sheet__wrap[data-v-4967b832] {
  display: grid;
  grid-template-columns: repeat(2, calc((100% - 24px) / 2));
  column-gap: 24px;
  row-gap: 24px;
}
@media (max-width: 888px) {
  .creator-sheet__wrap[data-v-4967b832] {
    grid-template-columns: 100%;
  }
}
.creator-sheet__tips[data-v-4967b832] {
  margin: 48px 0 64px;
}
.creator-sheet__tips--empty[data-v-4967b832] {
  margin: -20px 0 0;
}
.creator-sheet--mobile[data-v-4967b832] {
  margin-top: 12px;
}
.creator-sheet--mobile .creator-sheet__wrap[data-v-4967b832] {
  row-gap: 12px;
}
html.night-mode .dark-img[data-v-4accd2ec] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-4accd2ec] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-4accd2ec] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-4accd2ec] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-4accd2ec] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-4accd2ec] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-4accd2ec] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-4accd2ec] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-4accd2ec] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-4accd2ec] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-4accd2ec] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-4accd2ec] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-4accd2ec] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-4accd2ec] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-4accd2ec] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-4accd2ec] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-4accd2ec] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-4accd2ec] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-4accd2ec] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-4accd2ec] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-4accd2ec] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.search-panel[data-v-4accd2ec] {
  width: 400px;
  padding: 12px 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
  font-size: 14px;
}
@media (max-width: 512px) {
  .search-panel[data-v-4accd2ec] {
    width: 100%;
    padding-bottom: 30px;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  }
}
.option-item[data-v-4accd2ec] {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 24px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}
@media (max-width: 512px) {
  .option-item[data-v-4accd2ec] {
    padding: 0 16px;
  }
}
.option-item[data-v-4accd2ec]:hover {
  background: rgba(0, 0, 0, 0.05);
}
.option-item.selected[data-v-4accd2ec] {
  background: transparent;
}
.section-title[data-v-4accd2ec] {
  color: rgba(0, 0, 0, 0.55);
  font-size: 14px;
}
.section-title[data-v-4accd2ec]:hover {
  background: #fff;
}
.icon[data-v-4accd2ec] {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  font-size: 24px;
}
.finish-icon[data-v-4accd2ec] {
  width: 24px;
  height: 24px;
  margin-left: auto;
  font-size: 24px;
  color: #06b6f2;
}
html.night-mode .dark-img[data-v-88ccb6b1] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-88ccb6b1] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-88ccb6b1] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-88ccb6b1] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-88ccb6b1] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-88ccb6b1] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-88ccb6b1] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-88ccb6b1] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-88ccb6b1] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-88ccb6b1] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-88ccb6b1] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-88ccb6b1] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-88ccb6b1] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-88ccb6b1] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-88ccb6b1] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-88ccb6b1] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-88ccb6b1] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-88ccb6b1] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-88ccb6b1] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-88ccb6b1] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-88ccb6b1] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.search-panel[data-v-88ccb6b1] {
  width: 400px;
  padding: 5px 0;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
  font-size: 14px;
}
@media (max-width: 512px) {
  .search-panel[data-v-88ccb6b1] {
    width: 100%;
    padding-bottom: 30px;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  }
}
.option-item[data-v-88ccb6b1] {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 24px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}
@media (max-width: 512px) {
  .option-item[data-v-88ccb6b1] {
    padding: 0 16px;
  }
}
.option-item[data-v-88ccb6b1]:hover {
  background: rgba(0, 0, 0, 0.05);
}
.option-item.selected[data-v-88ccb6b1] {
  background: transparent;
}
.icon[data-v-88ccb6b1] {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  font-size: 24px;
}
.finish-icon[data-v-88ccb6b1] {
  width: 24px;
  height: 24px;
  margin-left: auto;
  font-size: 24px;
  color: #06b6f2;
}
html.night-mode .dark-img[data-v-bea4c503] {
  filter: saturate(85%) brightness(97%);
  will-change: filter;
}
@media (max-width: 1279px) {
  .content-width[data-v-bea4c503] {
    width: 360px;
  }
}
@media (min-width: 1280px) {
  .content-width[data-v-bea4c503] {
    width: 896px;
  }
}
@media (min-width: 1366px) {
  .content-width[data-v-bea4c503] {
    width: 1268px;
  }
}
@media (min-width: 1920px) {
  .content-width[data-v-bea4c503] {
    width: 1640px;
  }
}
.text-ellipsis[data-v-bea4c503] {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  white-space: nowrap;
}
.card-list[data-v-bea4c503] {
  display: grid;
}
@media (max-width: 511px) {
  .card-list[data-v-bea4c503] {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }
}
@media (min-width: 512px) {
  .card-list[data-v-bea4c503] {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (min-width: 888px) {
  .card-list[data-v-bea4c503] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .card-list[data-v-bea4c503] {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}
@media (min-width: 1920px) {
  .card-list[data-v-bea4c503] {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 2318px) {
  .card-list[data-v-bea4c503] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 887px) {
  .layout-padding[data-v-bea4c503] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .layout-padding[data-v-bea4c503] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .layout-padding[data-v-bea4c503] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .layout-padding[data-v-bea4c503] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .layout-padding[data-v-bea4c503] {
    padding: 0 48px;
  }
}
.filter-primary[data-v-bea4c503] {
  filter: invert(46%) sepia(82%) saturate(585%) hue-rotate(185deg)
    brightness(103%) contrast(104%);
}
.filter-text-primary[data-v-bea4c503] {
  filter: invert(26%) sepia(93%) saturate(23%) hue-rotate(314deg)
    brightness(73%) contrast(112%);
}
.filter-text-secondary[data-v-bea4c503] {
  filter: invert(74%) sepia(4%) saturate(35%) hue-rotate(1deg) brightness(82%)
    contrast(91%);
}
.search-result[data-v-bea4c503] {
  padding: 12px 0 1px;
}
@media (max-width: 887px) {
  .search-result__tabs[data-v-bea4c503] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .search-result__tabs[data-v-bea4c503] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .search-result__tabs[data-v-bea4c503] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .search-result__tabs[data-v-bea4c503] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .search-result__tabs[data-v-bea4c503] {
    padding: 0 48px;
  }
}
.search-result--mobile[data-v-bea4c503] {
  padding-top: 8px;
}
.search-result__tabs-wrapper[data-v-bea4c503] {
  height: 56px;
  width: 100%;
}
.search-result__tabs[data-v-bea4c503] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  width: 100%;
}
.search-result__tabs--sticky[data-v-bea4c503] {
  position: fixed;
  z-index: 100;
  top: 64px;
  left: 0;
  right: 0;
  background: #ffffff;
}
@media (max-width: 887px) {
  .search-result__tabs--sticky[data-v-bea4c503] {
    padding: 0 16px;
  }
}
@media (min-width: 888px) {
  .search-result__tabs--sticky[data-v-bea4c503] {
    padding: 0 24px;
  }
}
@media (min-width: 1280px) {
  .search-result__tabs--sticky[data-v-bea4c503] {
    padding: 0 32px;
  }
}
@media (min-width: 1920px) {
  .search-result__tabs--sticky[data-v-bea4c503] {
    padding: 0 40px;
  }
}
@media (min-width: 2318px) {
  .search-result__tabs--sticky[data-v-bea4c503] {
    padding: 0 48px;
  }
}
.search-result__main[data-v-bea4c503] {
  margin: 15px 0 24px;
}
.search-result__tabs-icon[data-v-bea4c503] {
  position: relative;
  cursor: pointer;
}
.search-result__tabs-icon-img[data-v-bea4c503] {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.search-result .search-sheet-mask[data-v-bea4c503] {
  display: none;
}
@media (max-width: 512px) {
  .search-result .search-sheet-mask[data-v-bea4c503] {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
  }
}
.search-result .search-sheet-wrapper[data-v-bea4c503] {
  z-index: 9999;
  position: absolute;
  right: 0;
}
@media (max-width: 512px) {
  .search-result .search-sheet-wrapper[data-v-bea4c503] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}