.yuan-hero-slider{--hero-controls-color: #fff;--hero-controls-bg: rgba(0, 0, 0, .55);--hero-controls-bg-hover: rgba(0, 0, 0, .75);--hero-control-size: 4.4rem;position:relative;display:block;isolation:isolate}.yuan-hero-slider .banner{flex-direction:row;flex-wrap:nowrap;margin:0;gap:0}.yuan-hero-slider .banner__content{z-index:3}.yuan-hero-slider .slideshow__slide{flex:0 0 100%;max-width:100%}.yuan-hero-slider .slideshow__media{position:absolute;top:0;right:0;bottom:0;left:0}.yuan-hero-slider .slideshow__media img{display:block;width:100%;height:100%;object-fit:cover}.yuan-hero-slider .slideshow__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-slider-overlay, #000);z-index:1}.yuan-hero-slider .banner__box{position:relative;z-index:2;width:100%;padding:4rem 1.5rem;word-wrap:break-word}.yuan-hero-slider .banner__box>*+*{margin-top:1.5rem}.yuan-hero-slider .banner__heading{margin:0}.yuan-hero-slider .banner__text{margin:0;max-width:100%}.yuan-hero-slider .banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem}.yuan-hero-slider .banner__buttons--center{justify-content:center}.yuan-hero-slider .banner__buttons--right{justify-content:flex-end}.yuan-hero-slider .banner__buttons--multiple>*{min-width:22rem}@media screen and (min-width:750px){.yuan-hero-slider .banner__buttons--left{justify-content:flex-start}.yuan-hero-slider .banner__buttons--center{justify-content:center}.yuan-hero-slider .banner__buttons--right{justify-content:flex-end}.yuan-hero-slider .banner__box{padding:4rem 3.5rem}.yuan-hero-slider .banner--desktop-transparent .banner__box{padding:4rem 0}}@media screen and (max-width:749px){.yuan-hero-slider .banner__buttons--left-mobile{justify-content:flex-start}.yuan-hero-slider .banner__buttons--center-mobile{justify-content:center}.yuan-hero-slider .banner__buttons--right-mobile{justify-content:flex-end}.yuan-hero-slider .banner__buttons--multiple>*{flex-grow:1}.yuan-hero-slider .banner__box.banner--content-align-mobile-left{text-align:left;align-items:flex-start}.yuan-hero-slider .banner__box.banner--content-align-mobile-center{text-align:center;align-items:center}.yuan-hero-slider .banner__box.banner--content-align-mobile-right{text-align:right;align-items:flex-end}}@media screen and (min-width:750px){.yuan-hero-slider .banner__box.banner--content-align-left{text-align:left;align-items:flex-start}.yuan-hero-slider .banner__box.banner--content-align-center{text-align:center;align-items:center}.yuan-hero-slider .banner__box.banner--content-align-right{text-align:right;align-items:flex-end}}@media screen and (max-width:749px){.yuan-hero-slider .banner--content-position-mobile-top-left{align-items:flex-start;justify-content:flex-start}.yuan-hero-slider .banner--content-position-mobile-top-center{align-items:flex-start;justify-content:center}.yuan-hero-slider .banner--content-position-mobile-top-right{align-items:flex-start;justify-content:flex-end}.yuan-hero-slider .banner--content-position-mobile-middle-left{align-items:center;justify-content:flex-start}.yuan-hero-slider .banner--content-position-mobile-middle-center{align-items:center;justify-content:center}.yuan-hero-slider .banner--content-position-mobile-middle-right{align-items:center;justify-content:flex-end}.yuan-hero-slider .banner--content-position-mobile-bottom-left{align-items:flex-end;justify-content:flex-start}.yuan-hero-slider .banner--content-position-mobile-bottom-center{align-items:flex-end;justify-content:center}.yuan-hero-slider .banner--content-position-mobile-bottom-right{align-items:flex-end;justify-content:flex-end}}.yuan-hero-slider .slideshow__controls{display:flex;align-items:center;justify-content:center;gap:0;z-index:4;pointer-events:none}.yuan-hero-slider .slideshow__controls>*{pointer-events:auto}.yuan-hero-slider .slider-button.yuan-hero__control--hidden{display:none}.yuan-hero-slider .slider-button{display:inline-flex;align-items:center;justify-content:center;width:var(--hero-control-size);height:var(--hero-control-size);padding:0;border:none;border-radius:50%;background:var(--hero-controls-bg);color:var(--hero-controls-color);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.yuan-hero-slider .slider-button:hover{background:var(--hero-controls-bg-hover)}.yuan-hero-slider .slider-button .svg-wrapper{width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center}.yuan-hero-slider .slider-button .svg-wrapper svg{width:100%;height:100%}.yuan-hero-slider .slider-button--prev{margin-right:.8rem}.yuan-hero-slider .slider-button--next{margin-left:.8rem}.yuan-hero-slider .slider-counter{display:flex;align-items:center;gap:.6rem;padding:0 .6rem;color:var(--hero-controls-color)}.yuan-hero-slider .slideshow__control-wrapper{display:flex;gap:.8rem;align-items:center}.yuan-hero-slider .slider-counter__link{display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--hero-controls-color);border:none;background:none}.yuan-hero-slider .slider-counter__link--dots .dot{display:block;width:.8rem;height:.8rem;border-radius:50%;background:var(--hero-controls-color);opacity:.4;transition:opacity .15s ease,transform .15s ease}.yuan-hero-slider .slider-counter__link--dots.slider-counter__link--active .dot,.yuan-hero-slider .slider-counter__link--dots:hover .dot{opacity:1;transform:scale(1.3)}.yuan-hero-slider .yuan-hero__autoplay-hook{display:none}.yuan-hero-slider .slideshow--placeholder{height:auto}.yuan-hero-slider .banner--desktop-transparent .banner__box{background:transparent;border:none;border-radius:0;box-shadow:none}.yuan-hero-slider .page-width .banner__box{border:none}@media screen and (max-width:749px){.yuan-hero-slider .banner--mobile-bottom:after,.yuan-hero-slider .banner--mobile-bottom .slideshow__media:after{display:none}.yuan-hero-slider .banner--mobile-bottom .slideshow__media{position:relative}.yuan-hero-slider .banner--mobile-bottom .banner__content{order:2}}@media screen and (max-width:749px){.yuan-hero-slider .banner--small-mobile:not(.banner--adapt){min-height:28rem}.yuan-hero-slider .banner--small-mobile:not(.banner--adapt) .slideshow__media{height:28rem}.yuan-hero-slider .banner--medium-mobile:not(.banner--adapt){min-height:34rem}.yuan-hero-slider .banner--medium-mobile:not(.banner--adapt) .slideshow__media{height:34rem}.yuan-hero-slider .banner--large-mobile:not(.banner--adapt){min-height:39rem}.yuan-hero-slider .banner--large-mobile:not(.banner--adapt) .slideshow__media{height:39rem}.yuan-hero-slider .banner--hero-small-mobile:not(.banner--adapt){min-height:48rem}.yuan-hero-slider .banner--hero-small-mobile:not(.banner--adapt) .slideshow__media{height:48rem}.yuan-hero-slider .banner--hero-large-mobile:not(.banner--adapt){min-height:60rem}.yuan-hero-slider .banner--hero-large-mobile:not(.banner--adapt) .slideshow__media{height:60rem}.yuan-hero-slider .banner--hero-xl-mobile:not(.banner--adapt){min-height:100vh}.yuan-hero-slider .banner--hero-xl-mobile:not(.banner--adapt) .slideshow__media{height:100vh}}@media screen and (min-width:750px){.yuan-hero-slider .banner--small:not(.banner--adapt){min-height:36rem}.yuan-hero-slider .banner--medium:not(.banner--adapt){min-height:56rem}.yuan-hero-slider .banner--large:not(.banner--adapt){min-height:72rem}.yuan-hero-slider .banner--hero-small:not(.banner--adapt){min-height:48rem}.yuan-hero-slider .banner--hero-large:not(.banner--adapt){min-height:85rem}.yuan-hero-slider .banner--hero-xl:not(.banner--adapt){min-height:100vh}}.yuan-hero-slider .slideshow__slide .banner__heading{opacity:0;transform:translateY(2rem);transition:opacity var(--hero-anim-duration, .6s) ease,transform var(--hero-anim-duration, .6s) ease;transition-delay:var(--hero-anim-delay, 0s)}.yuan-hero-slider .slideshow__slide .banner__text{opacity:0;transform:translateY(2rem);transition:opacity var(--hero-anim-duration, .6s) ease,transform var(--hero-anim-duration, .6s) ease;transition-delay:calc(var(--hero-anim-delay, 0s) + .1s)}.yuan-hero-slider .slideshow__slide .banner__buttons{opacity:0;transform:translateY(2rem);transition:opacity var(--hero-anim-duration, .6s) ease,transform var(--hero-anim-duration, .6s) ease;transition-delay:calc(var(--hero-anim-delay, 0s) + .2s)}.yuan-hero-slider .slideshow__slide[aria-hidden=false] .banner__heading,.yuan-hero-slider .slideshow__slide[aria-hidden=false] .banner__text,.yuan-hero-slider .slideshow__slide[aria-hidden=false] .banner__buttons{opacity:1;transform:translateY(0)}.yuan-hero-slider .slideshow__slide .hero-anim--fade .banner__heading,.yuan-hero-slider .slideshow__slide .hero-anim--fade .banner__text,.yuan-hero-slider .slideshow__slide .hero-anim--fade .banner__buttons{transform:none}.yuan-hero-slider .slideshow__slide .hero-anim--slide .banner__heading,.yuan-hero-slider .slideshow__slide .hero-anim--slide .banner__text,.yuan-hero-slider .slideshow__slide .hero-anim--slide .banner__buttons{transform:translate(-3rem)}.yuan-hero-slider .slideshow__slide[aria-hidden=false] .hero-anim--slide .banner__heading,.yuan-hero-slider .slideshow__slide[aria-hidden=false] .hero-anim--slide .banner__text,.yuan-hero-slider .slideshow__slide[aria-hidden=false] .hero-anim--slide .banner__buttons{transform:translate(0)}@media(prefers-reduced-motion:reduce){.yuan-hero-slider .slideshow__slide .banner__heading,.yuan-hero-slider .slideshow__slide .banner__text,.yuan-hero-slider .slideshow__slide .banner__buttons{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-yuan-hero-slider.css.map */