.banner-slider{width:100%;height:52.5rem;overflow:hidden;flex-shrink:0}@media (max-width: 768px){.banner-slider{height:50rem}}.banner-slider .splide__track,.banner-slider .splide__track ul.splide__list,.banner-slider .splide__track ul.splide__list li.banner-slider-item{height:100%}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner{background-color:#000;position:relative;width:100%;height:100%;overflow:hidden}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content{padding-left:15.25rem;color:var(--white);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media (max-width: 768px){.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content{padding-left:0;height:auto;aspect-ratio:4 / 3;align-items:center;justify-content:center;padding-top:0}}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-tag{display:inline-block;background:linear-gradient(117deg,#ff9345 -2.66%,#ff1a0a 104.81%);border-radius:999px;padding:1rem 2.25rem;margin-bottom:2.06rem}@media (max-width: 768px){.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-tag{padding:.375rem .75rem;margin-bottom:1rem}}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-title span{font-weight:400;margin-left:1.25rem}@media (max-width: 768px){.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-title span{margin-left:.5rem}}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-subtitle{margin-top:.82rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.62rem}@media (max-width: 768px){.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-subtitle{align-items:center;margin-top:.25rem;gap:0}}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-subtitle .banner-subtitle-highlight{background:linear-gradient(117deg,#ff9345 -2.66%,#ff1a0a 104.81%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}@media (max-width: 768px){.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-subtitle .banner-subtitle-highlight{font-weight:400}}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-subtitle .banner-subtitle-date{background:linear-gradient(90deg,#faeeee,#dbffff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-button-group{margin-top:2.25rem;display:flex;gap:1.5rem}@media (max-width: 768px){.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-button-group{position:absolute;bottom:0;width:100%;justify-content:center;gap:1.25rem;padding-bottom:3.06rem}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content-wrapper .banner-content .banner-button-group button{width:9.375rem;padding-inline:0}}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-image{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(270.34deg,#0000 53.83%,#000)}@media (max-width: 768px){.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-image:before{background:linear-gradient(180deg,#0000 74.79%,#000),linear-gradient(180deg,#000,#0000 46.94%)}}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-image img{width:100%;height:100%;object-fit:cover;vertical-align:middle}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-image img.banner-image-mobile{display:none}@media (max-width: 768px){.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-image img.banner-image-mobile{display:block}}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-image img.banner-image-web{display:block}@media (max-width: 768px){.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-image img.banner-image-web{display:none}}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content>*{display:block;opacity:1;transform:translateY(0)}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content>*:nth-child(1){transition:transform 1.2s 0s cubic-bezier(.2,.8,.2,1),opacity .6s 0s cubic-bezier(.2,.8,.2,1)}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content>*:nth-child(2){transition:transform 1.4s .1s cubic-bezier(.2,.8,.2,1),opacity .8s .1s cubic-bezier(.2,.8,.2,1)}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content>*:nth-child(3){transition:transform 1.6s .2s cubic-bezier(.2,.8,.2,1),opacity 1s .2s cubic-bezier(.2,.8,.2,1)}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content>*:nth-child(4){transition:transform 1.8s .3s cubic-bezier(.2,.8,.2,1),opacity 1.2s .3s cubic-bezier(.2,.8,.2,1)}.banner-slider .splide__track ul.splide__list li.banner-slider-item .banner .banner-content>*:nth-child(5){transition:transform 2s .4s cubic-bezier(.2,.8,.2,1),opacity 1.4s .4s cubic-bezier(.2,.8,.2,1)}.banner-slider .splide__track ul.splide__list li.banner-slider-item[aria-hidden=true] .banner-content>*{opacity:0;transition:none!important}.banner-slider .splide__track ul.splide__list li.banner-slider-item[aria-hidden=true] .banner-content>*:nth-child(1){transform:translateY(5rem)}.banner-slider .splide__track ul.splide__list li.banner-slider-item[aria-hidden=true] .banner-content>*:nth-child(2){transform:translateY(5rem)}.banner-slider .splide__track ul.splide__list li.banner-slider-item[aria-hidden=true] .banner-content>*:nth-child(3){transform:translateY(5rem)}.banner-slider .splide__track ul.splide__list li.banner-slider-item[aria-hidden=true] .banner-content>*:nth-child(4){transform:translateY(5rem)}.banner-slider .splide__track ul.splide__list li.banner-slider-item[aria-hidden=true] .banner-content>*:nth-child(5){transform:translateY(5rem)}.banner-slider .banner-slider-pagination{left:17.25rem;right:auto;top:auto;bottom:3.75rem;justify-content:flex-start;align-items:flex-start;padding:0}@media (max-width: 768px){.banner-slider .banner-slider-pagination{display:none}}.banner-slider .banner-slider-pagination .banner-slider-pagination-page{width:auto;height:auto;background-color:transparent;color:var(--white);opacity:.5;margin:0;outline:none!important}.banner-slider .banner-slider-pagination .banner-slider-pagination-page span{margin-left:.4rem}.banner-slider .banner-slider-pagination .banner-slider-pagination-page.is-active{transform:none!important;opacity:1;font-weight:700}.banner-slider .splide__progress{position:absolute;z-index:1;bottom:5.1925rem;left:14.6875rem;right:auto;top:auto;width:1.25rem;height:.125rem;justify-content:flex-start;align-items:flex-start;border-radius:999px;overflow:hidden;background-color:#ffffff1a;transform:rotate(90deg);transform-origin:center center}@media (max-width: 768px){.banner-slider .splide__progress{display:none}}.banner-slider .splide__progress .splide__progress__bar{background:var(--white);height:.25rem}
/*# sourceMappingURL=/cdn/shop/t/55/assets/theme-version-2026/css/layout-banner-slider.css.map */