.bso-article-banner{padding-top:var(--bso-banner-section-pt, 0);padding-bottom:var(--bso-banner-section-pb, 0);color:var(--bso-text-color, var(--color-body-text, inherit))}.bso-article-banner.has-bg{background-color:var(--bso-bg-color)}.bso-article-banner .article-banner{position:relative;padding-top:var(--bso-banner-pt, 0);padding-bottom:var(--bso-banner-pb, 0)}.bso-article-banner .article-banner__content{display:flex;flex-direction:column;gap:.5rem 1rem;z-index:2}.bso-article-banner .article-banner__title{margin:-5px 0 0;line-height:1.2;color:var(--bso-heading-color, var(--bso-text-color, var(--color-body-text, inherit)));font-weight:600}.bso-article-banner .article-banner__image{width:100%}.bso-article-banner .article-banner__image .aspect-ratio{position:relative;overflow:hidden;border-radius:var(--bso-banner-radius, 16px);box-shadow:var(--bso-banner-shadow, none)}.bso-article-banner .article-banner__image .aspect-ratio:before{content:"";display:block;padding-bottom:calc(100% / var(--aspect-ratio-mobile, 1.5))}.bso-article-banner .article-banner__image .aspect-ratio img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--bso-img-fit-mobile, cover)}.bso-article-banner .article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}.bso-article-banner .article__meta--muted{opacity:.75}.bso-article-banner .article__meta .text-with-icon{display:inline-flex;align-items:center;gap:.35rem;margin:0}.bso-article-banner .article__meta .text-with-icon svg{flex:none;width:15px;height:15px}.bso-article-banner .article-author,.bso-article-banner .article-comment-count{display:inline-flex;align-items:center;gap:.3rem;color:inherit;text-decoration:none;line-height:1}.bso-article-banner .article-author:hover,.bso-article-banner .article-comment-count:hover{text-decoration:underline}.bso-article-banner .bso-badge{display:inline-block;padding:4px 10px;border-radius:20px;background-color:var(--bso-badge-bg, #002443);color:var(--bso-badge-text, #ffffff);font-weight:700;text-decoration:none;line-height:1}.bso-article-banner .bso-badge:hover{opacity:.85}.bso-article-banner .tooltip{position:relative;display:inline-block}.bso-article-banner .tooltip .tooltiptext{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;z-index:3;width:130px;margin-left:-65px;padding:5px 3px;border-radius:6px;background-color:#555;color:#fff;text-align:center;transition:opacity .3s}.bso-article-banner .tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.bso-article-banner .tooltip:hover .tooltiptext{visibility:visible;opacity:1}@media screen and (max-width:999px){.bso-article-banner .article-banner__content{text-align:var(--bso-text-align-mobile, start);align-items:var(--bso-align-items-mobile, flex-start)}.bso-article-banner .article-banner__title{font-size:var(--bso-heading-size-mobile, 32px)}.bso-article-banner .mobile-layout--image_first,.bso-article-banner .mobile-layout--content_first{display:flex;flex-direction:column;gap:1.5rem}.bso-article-banner .mobile-layout--image_first .article-banner__image{order:1}.bso-article-banner .mobile-layout--content_first .article-banner__content{order:2}.bso-article-banner .mobile-layout--overlay{display:grid;grid-template-columns:1fr;position:relative;border-radius:var(--bso-banner-radius, 16px);overflow:hidden}.bso-article-banner .mobile-layout--overlay .article-banner__image,.bso-article-banner .mobile-layout--overlay .article-banner__content{grid-column:1 / -1;grid-row:1 / -1}.bso-article-banner .mobile-layout--overlay .article-banner__image .aspect-ratio{border-radius:0;box-shadow:none}.bso-article-banner .mobile-layout--overlay .article-banner__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:var(--bso-overlay-color, #000);opacity:var(--bso-overlay-opacity, .3)}.bso-article-banner .mobile-layout--overlay .article-banner__content{z-index:2;padding:2.5rem 1.5rem;justify-content:flex-end;color:var(--bso-overlay-text-color, #fff)}.bso-article-banner .mobile-layout--overlay .article-banner__content .article-banner__title,.bso-article-banner .mobile-layout--overlay .article__meta,.bso-article-banner .mobile-layout--overlay .article-author,.bso-article-banner .mobile-layout--overlay .article-comment-count{color:inherit;opacity:1}}@media screen and (min-width:1000px){.bso-article-banner .article-banner__content{text-align:var(--bso-text-align-desktop, start);align-items:var(--bso-align-items-desktop, flex-start)}.bso-article-banner .article-banner__title{font-size:var(--bso-heading-size-desktop, 48px)}.bso-article-banner .article-banner__image .aspect-ratio:before{padding-bottom:calc(100% / var(--aspect-ratio-desktop, 1.7778))}.bso-article-banner .article-banner__image .aspect-ratio img{object-fit:var(--bso-img-fit-desktop, cover)}.bso-article-banner .article-banner.image-left-text-right,.bso-article-banner .article-banner.image-right-text-left{display:grid;align-items:center;column-gap:var(--bso-banner-gap, 40px)}.bso-article-banner .article-banner.image-left-text-right{grid-template-columns:1fr 380px;grid-template-areas:"image content"}.bso-article-banner .article-banner.image-right-text-left{grid-template-columns:380px 1fr;grid-template-areas:"content image"}.bso-article-banner .article-banner.image-left-text-right .article-banner__image,.bso-article-banner .article-banner.image-right-text-left .article-banner__image{grid-area:image}.bso-article-banner .article-banner.image-left-text-right .article-banner__content,.bso-article-banner .article-banner.image-right-text-left .article-banner__content{grid-area:content;width:100%}.bso-article-banner .article-banner.content-first{display:flex;flex-direction:column;gap:var(--bso-banner-gap, 40px)}.bso-article-banner .article-banner.image-text-overlay{display:grid;grid-template-columns:1fr;position:relative;border-radius:var(--bso-banner-radius, 16px);overflow:hidden}.bso-article-banner .article-banner.image-text-overlay .article-banner__image,.bso-article-banner .article-banner.image-text-overlay .article-banner__content{grid-column:1 / -1;grid-row:1 / -1}.bso-article-banner .article-banner.image-text-overlay .article-banner__image .aspect-ratio{border-radius:0;box-shadow:none}.bso-article-banner .article-banner.image-text-overlay .article-banner__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:var(--bso-overlay-color, #000);opacity:var(--bso-overlay-opacity, .3)}.bso-article-banner .article-banner.image-text-overlay .article-banner__content{z-index:2;justify-content:flex-end;padding:3rem;color:var(--bso-overlay-text-color, #fff)}.bso-article-banner .article-banner.image-text-overlay .article-banner__content .article-banner__title,.bso-article-banner .article-banner.image-text-overlay .article__meta,.bso-article-banner .article-banner.image-text-overlay .article-author,.bso-article-banner .article-banner.image-text-overlay .article-comment-count{color:inherit;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/495/assets/component-blogpost-banner.css.map */