.article-banner{grid:var(--article-banner-grid);column-gap:var(--article-banner-column-gap);align-items:var(--article-banner-horizontal-alignement, center);box-sizing:content-box;justify-items:center;margin-inline-start:auto;margin-inline-end:auto;padding-block-start:var(--article-banner-padding-block-start, 0);display:grid;position:relative;row-gap:20px;--banner-text-size: 14px;--banner-text-line-height: 22px;--bpb-heading-text-color: #1E1E1D;--bpb-text-color: #0E0E0E}.article-banner-container{position:relative}.article-banner-container:before{content:"";width:calc((100vw - var(--scrollbar-width, 0px)));pointer-events:none;background-color:rgb(var(--article-banner-background));position:absolute;height:100%;top:0}.article-banner__image{z-index:1;width:100%}.article-banner__image>img{width:100%}.article-banner__content{gap:1.5rem;padding:var(--article-banner-content-padding-block-start) var(--article-banner-content-padding-inline) var(--article-banner-content-padding-block-end);justify-items:var(--article-banner-vertical-alignement, self-start);text-align:var(--article-banner-vertical-alignement, left);z-index:2;display:grid}.article-banner__content h1{color:var(--bpb-heading-text-color);font-size:24px;line-height:normal;text-transform:uppercase;font-weight:700;margin:0 0 5px}.article-banner__content>.badge{--badge-background: var(--article-banner-badge-background);padding:.25rem .75rem;display:inline-block}.article__meta{justify-content:var(--article-banner-meta-vertical-alignment, center);row-gap:.5rem;column-gap:1rem;flex-wrap:wrap;display:flex;color:rgb(var(--text-color))}.article__meta .text-with-icon{gap:.5rem;margin:0;display:flex;align-items:center;color:rgb(var(--text-color))}.article__meta .article-comment-count,.article__meta .article-author{color:rgb(var(--text-color));text-decoration:none;display:flex;align-items:center;gap:0 .3rem;cursor:pointer;font-size:var(--banner-text-size);line-height:var(--banner-text-line-height)}.article__meta.meta-tag{align-items:center;font-size:14px;background-color:#edf4be;border-radius:13.5px;padding:0 4px;font-weight:500}.article__meta .tag{line-height:1;border-radius:13.5px;text-decoration:none;line-height:26px;display:flex;align-self:center;background:#fff;padding:0 15px;margin:4px 0}.article__meta.meta-tag .link-faded{padding:0 10px 0 5px}.article-banner__summary{font-size:16px;line-height:24px;color:var(--bpb-text-color);font-weight:300}.article__meta .text-with-icon-global{display:flex;margin:0;align-items:center;gap:0 .3rem;width:max-content}.article__meta .text-with-icon-global .icon{display:flex}.article-banner__image .aspect-ratio{position:relative;max-width:100%}.article-banner__image .aspect-ratio:before{padding-bottom:calc(100% / (var(--aspect-ratio)));content:"";display:block}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:130px;background-color:#555;color:#fff;text-align:center;padding:5px 3px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-75px;opacity:0;transition:opacity .3s}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media screen and (min-width: 1150px){.article-banner__content h1{font-size:30px;line-height:38px}.article-banner__content{grid-area:var(--article-banner-grid-area, content)}.article-banner__image{grid-area:var(--article-banner-grid-area, image);position:relative}.article-banner__image:before{content:"";background:rgb(var(--article-banner-image-overlay));border-radius:inherit;z-index:1;pointer-events:none;transition:background .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.article__meta{column-gap:1.5rem}.article__meta .text-with-icon,.article__meta .article-comment-count{gap:0 .3rem}}@media screen and (max-width: 1600px){#main .article-banner-wrapper.container{padding-left:0;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-blogpost-banner.css.map */