.blog-banner{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-bottom:var(--mobile-aspect-ratio, 56.25%);height:0}@media screen and (min-width: 750px){.blog-banner{padding-bottom:var(--desktop-aspect-ratio, 56.25%)}}.blog-banner__media-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.blog-banner__media{position:absolute;top:0;left:0;width:100%;height:100%}.blog-banner__media--desktop{display:none}.blog-banner__media--mobile{display:block}.blog-banner__heading{margin:0 0 1rem;font-size:28px;font-family:Haskoy,sans-serif;font-weight:400;text-transform:uppercase;line-height:30px}.blog-banner__heading *{margin:0}.blog-banner__description{margin:0 0 1.5rem}.blog-banner__description p{margin:0}.blog-banner__button{margin-top:12px}.blog-banner__media-item{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.blog-banner__media-item>*{position:absolute;top:0;left:0;width:100%;height:100%}.blog-banner__video.deferred-media{position:absolute;top:0;left:0;width:100%;height:100%}.blog-banner__video.deferred-media:before{content:"";display:block;padding-bottom:var(--ratio-percent, 56.25%)}.blog-banner__content{padding:1.7rem 4rem}.blog-banner__media-item{position:relative;width:100%;height:100%;overflow:hidden}.blog-banner__media-item--image{display:block}.blog-banner__media-item--image img,.blog-banner__media-item--image picture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.blog-banner__media-item--video{display:block}.blog-banner__video{position:absolute;top:0;left:0;width:100%;height:100%}.blog-banner__video video,.blog-banner__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.blog-banner__video-poster{position:absolute;top:0;left:0;width:100%;height:100%}.blog-banner__video-poster img{width:100%;height:100%;object-fit:cover}.blog-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1}.blog-banner__content{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.blog-banner__content-inner{pointer-events:auto}.blog-banner__content-inner{max-width:100%;width:fit-content;text-align:center}.blog-banner__button-link{padding:9px 21px;background-color:#ebfc68;font-weight:800;font-size:12px;line-height:120%;color:#1c1c1c;text-decoration:none;font-family:Haskoy,sans-serif;text-transform:uppercase;box-shadow:2px 2px #00000026;letter-spacing:4px;cursor:pointer}@media screen and (min-width: 750px){.blog-banner--desktop-top-left .blog-banner__content{align-items:flex-start;justify-content:flex-start}.blog-banner--desktop-top-center .blog-banner__content{align-items:flex-start;justify-content:center}.blog-banner--desktop-top-right .blog-banner__content{align-items:flex-start;justify-content:flex-end}.blog-banner--desktop-middle-left .blog-banner__content{align-items:center;justify-content:flex-start}.blog-banner--desktop-middle-center .blog-banner__content{align-items:center;justify-content:center}.blog-banner--desktop-middle-right .blog-banner__content{align-items:center;justify-content:flex-end}.blog-banner--desktop-bottom-left .blog-banner__content{align-items:flex-end;justify-content:flex-start}.blog-banner--desktop-bottom-center .blog-banner__content{align-items:flex-end;justify-content:center}.blog-banner--desktop-bottom-right .blog-banner__content{align-items:flex-end;justify-content:flex-end}.blog-banner__button-link{font-size:16px}.blog-banner__media--desktop{display:block}.blog-banner__media--mobile{display:none}.blog-banner__content{padding:2rem 19rem}}@media screen and (max-width: 749px){.blog-banner--mobile-top-left .blog-banner__content{align-items:flex-start;justify-content:flex-start}.blog-banner--mobile-top-center .blog-banner__content{align-items:flex-start;justify-content:center}.blog-banner--mobile-top-right .blog-banner__content{align-items:flex-start;justify-content:flex-end}.blog-banner--mobile-middle-left .blog-banner__content{align-items:center;justify-content:flex-start}.blog-banner--mobile-middle-center .blog-banner__content{align-items:center;justify-content:center}.blog-banner--mobile-middle-right .blog-banner__content{align-items:center;justify-content:flex-end}.blog-banner--mobile-bottom-left .blog-banner__content{align-items:flex-end;justify-content:flex-start}.blog-banner--mobile-bottom-center .blog-banner__content{align-items:flex-end;justify-content:center}.blog-banner--mobile-bottom-right .blog-banner__content{align-items:flex-end;justify-content:flex-end}}.blog-banner__content-inner{text-align:center;max-width:100%}@media screen and (min-width: 750px){.blog-banner--desktop-top-left .blog-banner__content-inner,.blog-banner--desktop-middle-left .blog-banner__content-inner,.blog-banner--desktop-bottom-left .blog-banner__content-inner{text-align:left}.blog-banner--desktop-top-center .blog-banner__content-inner,.blog-banner--desktop-middle-center .blog-banner__content-inner,.blog-banner--desktop-bottom-center .blog-banner__content-inner{text-align:center}.blog-banner--desktop-top-right .blog-banner__content-inner,.blog-banner--desktop-middle-right .blog-banner__content-inner,.blog-banner--desktop-bottom-right .blog-banner__content-inner{text-align:right}.blog-banner__content-inner{max-width:385px}.blog-banner__button{margin-top:24px}.blog-banner__heading{font-size:42px;line-height:46px}}@media screen and (max-width: 749px){.blog-banner--mobile-top-left .blog-banner__content-inner,.blog-banner--mobile-middle-left .blog-banner__content-inner,.blog-banner--mobile-bottom-left .blog-banner__content-inner{text-align:left}.blog-banner--mobile-top-center .blog-banner__content-inner,.blog-banner--mobile-middle-center .blog-banner__content-inner,.blog-banner--mobile-bottom-center .blog-banner__content-inner{text-align:center}.blog-banner--mobile-top-right .blog-banner__content-inner,.blog-banner--mobile-middle-right .blog-banner__content-inner,.blog-banner--mobile-bottom-right .blog-banner__content-inner{text-align:right}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/blog-banner-stylesheet.css.map */