/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/sass-loader/dist/cjs.js!./static/themes-v2/default/cusvis_mode/poster/mode_305/index.scss ***!
  \**********************************************************************************************************************************************************************************/
@media screen and (min-width: 1001px) {
  .ly_poster_305 {
    padding-top: 1.875vw;
  }
  .ly_poster_305 * {
    box-sizing: border-box;
  }
  .ly_poster_305 .wide {
    width: 1440px;
    padding-left: 3.125%;
    padding-right: 3.125%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1480px) {
  .ly_poster_305 .wide {
    width: 96%;
  }
}
@media screen and (min-width: 1001px) {
  .ly_poster_305 .mode-title {
    color: #1d2129;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    margin: 0;
  }
  .ly_poster_305 .swiper-box {
    position: relative;
  }
  .ly_poster_305 .swiper-box .swiper {
    margin: 0 -12px;
    margin-top: 40px;
  }
  .ly_poster_305 .swiper-box .swiper .swiper-slide {
    width: 12.5%;
  }
  .ly_poster_305 .swiper-box .swiper .swiper-slide .inner-box {
    width: 100%;
    padding: 0 12px;
    display: block;
  }
  .ly_poster_305 .swiper-box .swiper .swiper-slide .inner-box img {
    transition: all 0.3s ease-in-out;
    border-radius: 100%;
    aspect-ratio: 1;
    display: block;
    width: 100%;
  }
  .ly_poster_305 .swiper-box .swiper .swiper-slide .inner-box .tag-title {
    padding-top: 16px;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding-bottom: 0.1041666667vw;
  }
  .ly_poster_305 .swiper-box .swiper .swiper-slide .inner-box:hover img {
    box-shadow: 0 0 1px rgba(20, 20, 20, 0.1215686275), 0 4px 12px 2px rgba(20, 20, 20, 0.0784313725);
  }
  .ly_poster_305 .swiper-box .to-prev,
  .ly_poster_305 .swiper-box .to-next {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    z-index: 2;
    top: 0;
    --item-width: calc((100% / 8) - (24px * 7 / 8));
    margin-top: calc(var(--item-width) / 2);
    transition: all 0.3s ease-in-out;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #c9cdd4 inset;
  }
  .ly_poster_305 .swiper-box .to-prev:hover,
  .ly_poster_305 .swiper-box .to-next:hover {
    background-color: #f5f7fa;
  }
  .ly_poster_305 .swiper-box .to-prev.swiper-button-disabled,
  .ly_poster_305 .swiper-box .to-next.swiper-button-disabled {
    background-color: #e5e6eb;
    box-shadow: 0 0 0 1px #e5e6eb inset;
  }
  .ly_poster_305 .swiper-box .to-prev.swiper-button-disabled svg *,
  .ly_poster_305 .swiper-box .to-next.swiper-button-disabled svg * {
    fill: #ADAEB1;
  }
  .ly_poster_305 .swiper-box .to-prev {
    left: 0;
    transform: translate(-50%, -50%);
  }
  .ly_poster_305 .swiper-box .to-next {
    right: 0;
    transform: translate(50%, -50%);
  }
}
@media screen and (max-width: 1000px) {
  .ly_poster_305 {
    padding-top: 4.6511627907vw;
  }
  .ly_poster_305 * {
    box-sizing: border-box;
  }
  .ly_poster_305 .wide {
    width: 1440px;
    padding-left: 3.125%;
    padding-right: 3.125%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1000px) and (max-width: 1480px) {
  .ly_poster_305 .wide {
    width: auto;
  }
}
@media screen and (max-width: 1000px) {
  .ly_poster_305 .mode-title {
    color: #1d2129;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    margin: 0;
  }
  .ly_poster_305 .swiper-box {
    position: relative;
  }
  .ly_poster_305 .swiper-box .swiper {
    margin: 0 -12px;
    margin-top: 5.5813953488vw;
  }
  .ly_poster_305 .swiper-box .swiper .swiper-slide {
    width: 28.5714285714%;
  }
  .ly_poster_305 .swiper-box .swiper .swiper-slide .inner-box {
    width: 100%;
    padding: 0 6px;
    display: block;
  }
  .ly_poster_305 .swiper-box .swiper .swiper-slide .inner-box img {
    transition: all 0.3s ease-in-out;
    border-radius: 100%;
    aspect-ratio: 1;
    display: block;
  }
  .ly_poster_305 .swiper-box .swiper .swiper-slide .inner-box .tag-title {
    padding-top: 16px;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    padding-bottom: 0.4651162791vw;
  }
  .ly_poster_305 .swiper-box .swiper .swiper-slide .inner-box:hover img {
    box-shadow: 0 0 1px rgba(20, 20, 20, 0.1215686275), 0 4px 12px 2px rgba(20, 20, 20, 0.0784313725);
  }
  .ly_poster_305 .swiper-box .to-prev,
  .ly_poster_305 .swiper-box .to-next {
    display: none;
  }
}

/*# sourceMappingURL=entry-client.bf1077d14f312a9356fd.css.map*/