.jxs-banner-s3 .banner-s3__container{max-width:var(--max-width);margin-inline:auto}.jxs-banner-s3 .section-heading__wrapper{margin-block-end:42px}.jxs-banner-s3 .section-heading__wrapper,.jxs-banner-s3 .banner-s3__block,.jxs-banner-s3 .banner-s3__bottom-text{opacity:0;transform:translateY(36px);filter:blur(8px);will-change:opacity,transform,filter}.jxs-banner-s3[data-inview=true] .section-heading__wrapper,.jxs-banner-s3[data-inview=true] .banner-s3__block,.jxs-banner-s3[data-inview=true] .banner-s3__bottom-text{animation:bannerS3AppleReveal .86s cubic-bezier(.2,.65,.2,1) both}@keyframes bannerS3AppleReveal{0%{opacity:0;transform:translateY(42px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.jxs-banner-s3[data-inview=true] .banner-s3__block:nth-child(1){animation-delay:.22s}.jxs-banner-s3[data-inview=true] .banner-s3__block:nth-child(2){animation-delay:.36s}.jxs-banner-s3[data-inview=true] .banner-s3__block:nth-child(3){animation-delay:.5s}.jxs-banner-s3[data-inview=true] .banner-s3__bottom-text{animation-delay:.66s}.jxs-banner-s3.jxs-hot-reveal .section-heading__wrapper,.jxs-banner-s3.jxs-hot-reveal .banner-s3__block,.jxs-banner-s3.jxs-hot-reveal .banner-s3__bottom-text{transform:none;filter:none;will-change:opacity}.jxs-banner-s3.jxs-hot-reveal[data-inview=true] .section-heading__wrapper,.jxs-banner-s3.jxs-hot-reveal[data-inview=true] .banner-s3__block,.jxs-banner-s3.jxs-hot-reveal[data-inview=true] .banner-s3__bottom-text{animation-name:bannerS3HotFadeReveal;animation-duration:.98s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@keyframes bannerS3HotFadeReveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.jxs-banner-s3 .section-heading__wrapper,.jxs-banner-s3 .banner-s3__block,.jxs-banner-s3 .banner-s3__bottom-text{opacity:1;transform:none;filter:none;animation:none}}.jxs-banner-s3 .section-title-wrapper{max-width:900px;margin-inline:auto}.jxs-banner-s3 .heading--subtitle.tag-subtitle{min-height:24px;padding:4px 18px;font-size:12px;font-weight:700;line-height:1;letter-spacing:0}.jxs-banner-s3 .heading--title{font-size:clamp(40px,4.1vw,62px)!important;line-height:1.08;font-weight:800!important;letter-spacing:0}.jxs-banner-s3 .heading--description{max-width:840px;margin-inline:auto;margin-block-start:18px;font-size:clamp(18px,1.55vw,24px);line-height:1.18}.jxs-banner-s3 .banner-s3__media{width:100%;max-width:var(--media-max-width);height:auto;margin-inline:auto;aspect-ratio:var(--media-ratio);border-radius:var(--media-radius);overflow:hidden}.jxs-banner-s3 .banner-s3__media>img,.jxs-banner-s3 .banner-s3__media>video{width:100%;height:100%;display:block;object-fit:cover}.banner-s3__content{display:flex;flex-direction:column;gap:24px;margin-block-start:42px}.banner-s3__content .banner-s3__block img,.banner-s3__content .banner-s3__block svg{width:auto;height:20px;display:block;fill:currentColor}.banner-s3__content .banner-s3__text-title{margin-block-start:10px;font-size:20px;font-weight:800;line-height:1.08;letter-spacing:0}.banner-s3__content .banner-s3__text-desc{margin-block-start:6px;font-size:15px;line-height:1.22;opacity:.84}.banner-s3__bottom-text{font-size:12px;color:rgb(var(--color-bottom-text));border:solid 1px rgb(var(--color-bottom-text));background-color:rgb(var(--color-bottom-text-background));border-radius:30px;margin-block-start:20px;padding-inline:15px;padding-block:5px;line-height:1.2}.banner-s3__media img+control-video{display:none}@media(min-width:768px){.jxs-banner-s3 .banner-s3__media img{display:none}.jxs-banner-s3 .banner-s3__media control-video{display:block}.banner-s3__content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:64px;row-gap:24px}.banner-s3__content .banner-s3__block img,.banner-s3__content .banner-s3__block svg{height:30px}.banner-s3__bottom-text{width:fit-content;max-width:760px;margin-inline:auto;margin-block-start:70px;font-size:13px}}@media(max-width:767px){.template-hot .jxs-banner-s3 .heading--subtitle.tag-subtitle{font-size:var(--section-heading-mobile-subtitle-size, 12px)}.template-hot .jxs-banner-s3 .heading--title{font-size:var(--section-heading-mobile-title-size, clamp(40px, 4.1vw, 62px))!important}.template-hot .jxs-banner-s3 .heading--description{margin-block-start:var(--section-heading-mobile-description-gap, 18px);font-size:var(--section-heading-mobile-description-size, clamp(18px, 1.55vw, 24px))}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/jxs-banner-s3.css.map */