.yg-swiper-banner-list{width:100%}.yg-swiper-banner-list .swiper-slide{position:relative;width:100%;aspect-ratio:var(--aspect-ratio);background:var(--background-image) no-repeat;background-size:cover;background-position:center}.yg-swiper-banner-list .yg-swiper-content{height:100%}.yg-swiper-banner-list .yg-swiper-media-video{position:absolute;top:0;z-index:-1}.yg-swiper-banner-list .swiper-pagination{display:flex;flex-direction:column;left:max(var(--calculated-section-spacing-inline),50% - var(--container-max-width) / 2);bottom:60px;width:auto;height:75px;overflow:hidden;color:#fff}.yg-swiper-banner-list .swiper-pagination .swiper-pagination-bullet{background:transparent;width:100%;height:auto;font-size:14px;line-height:1.2em;transition:margin-top .3s;display:flex;align-items:center;padding-bottom:6px;padding-top:6px;padding-left:20px;border-radius:0;font-weight:400;position:relative;color:#9a9b9e;margin-left:20px}.yg-swiper-banner-list .swiper-pagination .swiper-pagination-bullet:first-child{padding-top:0}.yg-swiper-banner-list .swiper-pagination .swiper-pagination-bullet:last-child{padding-bottom:0}.yg-swiper-banner-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{font-size:16px;font-weight:600;color:#fff}.yg-swiper-banner-list .swiper-pagination .swiper-pagination-bullet:before{content:"";display:inline-block;height:calc(100% + 12px);width:3px;background:transparent;margin-right:20px;background:#bec1c7;position:absolute;left:0;top:0}.yg-swiper-banner-list .swiper-pagination .swiper-pagination-bullet:first-child:before,.yg-swiper-banner-list .swiper-pagination .swiper-pagination-bullet:last-child:before{height:calc(100% + 6px)}.yg-swiper-banner-list .swiper-pagination .swiper-pagination-bullet:first-child:before{border-top-left-radius:50px;border-top-right-radius:50px}.yg-swiper-banner-list .swiper-pagination .swiper-pagination-bullet:last-child:before{border-bottom-left-radius:50px;border-bottom-right-radius:50px}.yg-swiper-banner-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background:#8523bf}.yg-swiper-banner-list .swiper-button-prev{left:0;border-radius:0 12px 12px 0}.yg-swiper-banner-list .swiper-button-next{right:0;border-radius:12px 0 0 12px}.yg-swiper-banner-list .swiper-button-prev.swiper-button-disabled,.yg-swiper-banner-list .swiper-button-next.swiper-button-disabled{opacity:0}.yg-swiper-banner-list:hover .swiper-button-prev,.yg-swiper-banner-list:hover .swiper-button-next{display:flex}.yg-swiper-banner-list .swiper-button-prev,.yg-swiper-banner-list .swiper-button-next{display:none;height:96px;width:48px;transition:background-color .4s;transform:translateY(-50%)}.yg-swiper-banner-list .swiper-button-prev:hover,.yg-swiper-banner-list .swiper-button-next:hover{background-color:#0000004d}.yg-swiper-banner-list .swiper-button-prev:after,.yg-swiper-banner-list .swiper-button-next:after{font-size:20px;font-weight:700;color:#fff}.yg-swiper-banner-list .swiper-slide .yg-swiper-content{text-align:center;line-height:1.4em;opacity:0;padding-inline:max(var(--calculated-section-spacing-inline),50% - var(--container-max-width) / 2);transform:translateY(80px);transition:transform .5s ease-in-out,opacity .3s ease-in-out}.yg-swiper-banner-list .swiper-slide .yg-swiper-content>*{max-width:600px}.yg-swiper-banner-list .swiper-slide.swiper-slide-active .yg-swiper-content{transform:translateY(0);opacity:1}.yg-swiper-banner-list .swiper-slide .yg-top-content,.yg-swiper-banner-list .swiper-slide .yg-banner-name,.yg-swiper-banner-list .swiper-slide .banner-slogan,.yg-swiper-banner-list .swiper-slide .yg-banner-btn-box{color:var(--color);font-size:var(--size)}.yg-swiper-banner-list .swiper-slide .yg-banner-name{margin:16px 0}.yg-swiper-banner-list .swiper-slide .yg-banner-btn-box{display:flex;align-items:center;justify-content:center;margin:24px 0 0}.yg-swiper-banner-list .swiper-slide .yg-banner-btn-box .yg-button{margin:0 8px;font-size:var(--size);line-height:var(--yg-line-height)}.yg-swiper-banner-list .swiper-slide .yg-banner-btn-box .yg-button .button{font-size:var(--size)}@media (min-width: 768px){.yg-swiper-banner-list .swiper-slide{display:flex;justify-content:var(--position)}.yg-swiper-banner-list .swiper-slide .yg-swiper-content{display:flex;flex-direction:column;justify-content:center;max-width:400px;width:fit-content;box-sizing:content-box;margin-inline:calc(.25 * var(--offset))}}@media (min-width: 999px){.yg-swiper-banner-list .swiper-slide .yg-swiper-content{margin-inline:calc(.5 * var(--offset))}}@media (min-width: 1199px){.yg-swiper-banner-list .swiper-slide .yg-swiper-content{margin-inline:calc(.75 * var(--offset))}}@media (min-width: 1399px){.yg-swiper-banner-list .swiper-slide .yg-swiper-content{margin-inline:var(--offset)}}@media (max-width: 767px){.yg-swiper-banner-list .swiper-slide{background:var(--background-image-mobile) no-repeat;background-size:cover;background-position:center;aspect-ratio:var(--aspect-ratio-mobile)}.yg-swiper-banner-list .swiper-slide .yg-swiper-content{padding-block:48px}.yg-swiper-banner-list .swiper-slide .yg-swiper-content.yg-content-bottom-mobile{display:flex;flex-direction:column;justify-content:flex-end}.yg-swiper-banner-list .swiper-slide .yg-banner-name{margin:8px 0}.yg-swiper-banner-list .swiper-slide .yg-banner-btn-box{margin-top:16px}.yg-swiper-banner-list .swiper-slide .yg-top-content,.yg-swiper-banner-list .swiper-slide .yg-banner-name,.yg-swiper-banner-list .swiper-slide .banner-slogan,.yg-swiper-banner-list .swiper-slide .yg-banner-btn-box .yg-button .button{font-size:var(--size-mobile)}.yg-swiper-banner-list .swiper-button-prev,.yg-swiper-banner-list .swiper-button-next{display:flex}.yg-swiper-banner-list .swiper-pagination{left:15%;bottom:48px}}@media screen and (max-width: 1536px) and (min-width: 999px){.yg-swiper-banner-list .swiper-slide .yg-swiper-content{padding-inline:96px}}.yg-swiper-banner-list2 .yg-swiper-content{display:flex;height:100%;justify-content:center;align-items:center}.yg-swiper-banner-list2 .swiper-slide{aspect-ratio:16/9;overflow:hidden}.yg-swiper-banner-list2 .swiper-slide .yg-swiper-content{transform:scale(1.2);transition:transform .6s cubic-bezier(.25,.39,.25,1),opacity .6s ease-in-out}.yg-swiper-banner-list2 .swiper-slide.swiper-slide-active .yg-swiper-content{transform:scale(1)}.yg-swiper-banner-list2 .yg-swiper-media-image{background:var(--background-image) no-repeat;background-size:auto 100%;background-position:center}.yg-swiper-banner-list2 .swiper-button-prev{left:16%}.yg-swiper-banner-list2 .swiper-button-next{right:16%}.yg-swiper-banner-list2 .swiper-button-prev.swiper-button-disabled,.yg-swiper-banner-list2 .swiper-button-next.swiper-button-disabled{opacity:0}.yg-swiper-banner-list2 .swiper-button-prev,.yg-swiper-banner-list2 .swiper-button-next{height:48px;width:48px;border-radius:30px;transition:background-color .4s}.yg-swiper-banner-list2 .swiper-button-prev:hover,.yg-swiper-banner-list2 .swiper-button-next:hover{background-color:#0000004d}.yg-swiper-banner-list2 .swiper-button-prev:after,.yg-swiper-banner-list2 .swiper-button-next:after{font-size:16px;font-weight:700;color:#fff}.yg-swiper-banner-list2 .swiper-pagination{bottom:30px}.yg-swiper-banner-list2 .swiper-pagination .swiper-pagination-bullet{background:#fff;width:40px;border-radius:6px;height:4px}.yg-swiper-banner-text{position:absolute;top:40px;left:50%;transform:translate(-50%);max-width:70vw;text-align:center;pointer-events:none}.yg-swiper-banner-text .swiper-slide .yg-banner-name,.yg-swiper-banner-text .swiper-slide .banner-slogan{transform:translateY(100%);opacity:0;transition:opacity .5s,transform .5s}.yg-swiper-banner-text .swiper-slide .yg-banner-btn-box{transform:translateY(100%);opacity:0;transition:opacity .5s .2s,transform .5s .2s}.yg-swiper-banner-text .swiper-slide.swiper-slide-prev .yg-banner-name,.yg-swiper-banner-text .swiper-slide.swiper-slide-prev .banner-slogan,.yg-swiper-banner-text .swiper-slide.swiper-slide-prev .yg-banner-btn-box{transform:translateY(-100%);opacity:0}.yg-swiper-banner-text .swiper-slide.swiper-slide-active .yg-banner-name,.yg-swiper-banner-text .swiper-slide.swiper-slide-active .banner-slogan,.yg-swiper-banner-text .swiper-slide.swiper-slide-active .yg-banner-btn-box{transform:translateY(0);opacity:1}.yg-swiper-banner-text .swiper-slide.swiper-slide-next .yg-banner-name,.yg-swiper-banner-text .swiper-slide.swiper-slide-next .banner-slogan,.yg-swiper-banner-text .swiper-slide.swiper-slide-next .yg-banner-btn-box{transform:translateY(100%);opacity:0}.yg-swiper-banner-text .swiper-slide .yg-top-content,.yg-swiper-banner-text .swiper-slide .yg-banner-name,.yg-swiper-banner-text .swiper-slide .banner-slogan,.yg-swiper-banner-text .swiper-slide .yg-banner-btn-box{color:var(--color);font-size:var(--size);padding:0 12px}.yg-swiper-banner-text .swiper-slide .yg-banner-btn-box{display:flex;align-items:center;justify-content:center;margin:24px 0 0}.yg-swiper-banner-text .swiper-slide .yg-banner-btn-box .yg-button{display:flex;align-items:center;gap:8px;padding:5px 16px;margin:0 8px;background-color:#fff0;transition:background-color .4s}.yg-swiper-banner-text .swiper-slide .yg-banner-btn-box .yg-button svg{width:10px;height:10px}.yg-swiper-banner-text .swiper-slide .yg-banner-btn-box .yg-button:hover{text-decoration:underline}@media (max-width: 767px){.yg-swiper-banner-list2 .yg-swiper-media-image{background:var(--background-image-mobile) no-repeat;background-size:auto 100%;background-position:center}.yg-swiper-banner-list2 .swiper-slide{aspect-ratio:1/1}.yg-swiper-banner-list2 .swiper-button-prev,.yg-swiper-banner-list2 .swiper-button-next{display:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/yg-swiper-banner.css.map */