.main-visual{position:relative}.main-visual .swiper-wrapper{transform-style:preserve-3d}.main-visual__inner{display:block}.main-visual__media{display:block;position:relative;width:100%;font-size:0;aspect-ratio:375/500}@media(min-width:768px){.main-visual__media{aspect-ratio:1920/720}}.main-visual__media:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none;transform:translateZ(0);backface-visibility:hidden}.main-visual__media .main-visual__media--video,.main-visual__media .main-visual__media--img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.main-visual__media--poster{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.main-visual__media--btn{position:absolute;bottom:16px;right:16px;height:auto;padding:0;border:0;border-radius:0;z-index:30}@media(min-width:768px){.main-visual__media--btn{bottom:32px;right:64px}}@media(min-width:1204px){.main-visual__media--btn{right:128px}}.main-visual__media--btn .is-play{display:block}.main-visual__media--btn .is-pause,.main-visual__media--btn.s-playing .is-play{display:none}.main-visual__media--btn.s-playing .is-pause{display:block}.main-visual__text{position:absolute;bottom:82px;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-gray-000);text-align:center;z-index:30;transform:translateZ(0);backface-visibility:hidden}@media(min-width:768px){.main-visual__text{bottom:84px;gap:16px}}.main-visual__text div{max-width:72%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.main-visual__text div{max-width:424px}}.main-visual__text div:first-child{-webkit-line-clamp:3;line-clamp:3;text-wrap:balance}@media(min-width:768px){.main-visual__text div:first-child{max-width:640px}}.main-visual__text p{margin:0}.main-visual__controller{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:8px;z-index:30}@media(min-width:768px){.main-visual__controller{gap:12px}}.main-visual__controller button{height:auto;padding:0;border:0;border-radius:0}.main-visual__controller-pagination{display:flex;align-items:center}.main-visual__controller-pagination{font:var(--typo-inter-info-2);color:var(--color-gray-000)}.main-visual__controller-pagination .swiper-pagination-current,.main-visual__controller-pagination .swiper-pagination-total{display:inline-flex;justify-content:center;width:18px}.main-visual .swiper-slide[data-color-mode=dark] .main-visual__media:before{background:linear-gradient(180deg,#0000 48%,#0000008a 67%)}.main-visual .swiper-slide[data-color-mode=light] .main-visual__media:before{background:linear-gradient(180deg,#fff0 48%,#ffffff8a 67%)}.main-visual .swiper-slide[data-color-mode=light] .main-visual__text,.main-visual__controller.is-light .main-visual__controller-pagination{color:var(--color-gray-100)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/hurom-main-visual.css.map */