.blog-banner{width:100%;padding:var(--blog-banner-pt) 48px var(--blog-banner-pb);background-color:var(--blog-banner-bg);letter-spacing:normal}.blog-banner__container{width:100%;max-width:1344px;margin:0 auto}.blog-banner__slider{position:relative;width:100%;aspect-ratio:var(--blog-banner-ratio-desktop);overflow:hidden;border-radius:24px;isolation:isolate}.blog-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.blog-banner__slide.is-active{z-index:1;opacity:1;visibility:visible}.blog-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.blog-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--blog-banner-position-desktop)}.blog-banner__image--mobile{display:none}.blog-banner__placeholder{background-color:#75816f26}.blog-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,var(--blog-banner-overlay) 0%,var(--blog-banner-overlay-0) 76%);pointer-events:none}.blog-banner__content{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;max-width:850px;margin:0 auto;padding:48px 64px 64px;color:var(--blog-banner-text);text-align:center}.blog-banner__title,.blog-banner__subtitle{width:100%;max-width:722px;margin:0;padding:0;color:var(--blog-banner-text);font-family:Google Sans,sans-serif;font-weight:400;font-style:normal;letter-spacing:normal;text-align:center}.blog-banner__title{font-size:30px;line-height:36px}.blog-banner__subtitle{font-size:18px;line-height:28px}.blog-banner__link{color:inherit;text-decoration:none}.blog-banner__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.blog-banner__link:focus-visible{outline:2px solid currentColor;outline-offset:4px}.blog-banner__dots{position:absolute;bottom:24px;left:50%;z-index:3;display:flex;align-items:center;gap:16px;transform:translate(-50%)}.blog-banner__dot{position:relative;display:block;width:28px;height:2px;margin:0;padding:0;border:0;border-radius:9999px;background-color:var(--blog-banner-dot);cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .3s ease}.blog-banner__dot:before{content:"";position:absolute;top:-10px;right:-4px;bottom:-10px;left:-4px}.blog-banner__dot.is-active{background-color:var(--blog-banner-text)}.blog-banner__dot:focus-visible{outline:2px solid var(--blog-banner-text);outline-offset:4px}@media screen and (min-width:750px)and (max-width:989px){.blog-banner__slider{min-height:280px}.blog-banner__content{padding:32px 40px 56px}}@media screen and (max-width:749px){.blog-banner{padding:var(--blog-banner-pt-mobile) 12px var(--blog-banner-pb-mobile)}.blog-banner__slider{aspect-ratio:var(--blog-banner-ratio-mobile);border-radius:16px}.blog-banner__image--desktop{display:none}.blog-banner__image--mobile{display:block;object-position:var(--blog-banner-position-mobile)}.blog-banner__content{gap:6px;max-width:none;padding:32px 16px 44px}.blog-banner__title{font-size:24px;line-height:32px}.blog-banner__subtitle{font-size:12px;line-height:16px}}@media(prefers-reduced-motion:reduce){.blog-banner__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-blog-banner.css.map */
