.section-article-banner{position:relative;isolation:isolate}.section-article-banner .article-banner__container{padding:1rem;position:relative;isolation:isolate}.section-article-banner .article-banner__wrapper{border-radius:1.6rem;overflow:hidden;background-image:var(--bg);background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;height:auto}@media screen and (min-width: 1024px){.section-article-banner .article-banner__wrapper{border-radius:2rem;overflow:hidden}}.section-article-banner .article-banner-content__wrapper{padding-top:9.6rem;padding-bottom:2rem}@media screen and (min-width: 1024px){.section-article-banner .article-banner-content__wrapper{padding-top:14.2rem;padding-bottom:6.4rem}}.section-article-banner .article-banner-content__wrapper .breadcrumb+.article-banner__heading{margin-top:9.2rem}@media screen and (min-width: 1024px){.section-article-banner .article-banner-content__wrapper .breadcrumb+.article-banner__heading{margin-top:15rem}}.section-article-banner .article-banner-content__wrapper .article-banner__heading{display:flex;flex-direction:column}.section-article-banner .article-banner-content__wrapper .article-banner__heading .post-category{display:inline-flex;padding:.8rem 1.6rem;font-size:1.4rem;font-weight:700;line-height:2.4rem;letter-spacing:.5px;color:var(--white);background-color:var(--blue-400);border-radius:8rem;width:fit-content}.section-article-banner .article-banner-content__wrapper .article-banner__heading .post-category+h2{margin-top:2.8rem}@media screen and (min-width: 1024px){.section-article-banner .article-banner-content__wrapper .article-banner__heading .post-category+h2{margin-top:2.4rem}}.section-article-banner .article-banner-content__wrapper .article-banner__heading h2{font-size:5rem;font-weight:700;line-height:6.2rem;letter-spacing:.5px;color:var(--white);margin:0;text-align:left;max-width:101.9rem}@media screen and (min-width: 1024px){.section-article-banner .article-banner-content__wrapper .article-banner__heading h2{font-size:6.4rem;line-height:8.2rem}}.section-article-banner .article-banner-content__wrapper .article-banner__heading+.article-banner__bottom{margin-top:2.8rem}@media screen and (min-width: 1024px){.section-article-banner .article-banner-content__wrapper .article-banner__heading+.article-banner__bottom{margin-top:3.2rem}}.section-article-banner .article-banner-content__wrapper .article-banner__bottom{display:flex;align-items:end;justify-content:space-between}@media screen and (max-width: 1023px){.section-article-banner .article-banner-content__wrapper .article-banner__bottom{flex-direction:column;align-items:start}}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author{display:flex;align-items:center}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author>svg{width:4.8rem;height:auto;flex-shrink:0}@media screen and (min-width: 1024px){.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author>svg{width:5.6rem}}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author>svg+.author__wrapper{margin-left:1.6rem}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author .author__wrapper{display:flex;flex-direction:column}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author .author__wrapper .name{font-size:1.8rem;font-weight:500;line-height:2.113rem;color:var(--white);margin:0}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author .author__wrapper .name+.article__info{margin-top:1rem}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author .author__wrapper .article__info{width:max-content;display:flex;align-items:center}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author .author__wrapper .article__info .created-at,.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author .author__wrapper .article__info .read-time{font-size:1.4rem;font-weight:300;line-height:1.644rem;color:var(--white)}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author .author__wrapper .article__info .created-at+.read-time{margin-left:.8rem;border-left:1px solid var(--grey-300);padding-left:.8rem}@media screen and (max-width: 1023px){.section-article-banner .article-banner-content__wrapper .article-banner__bottom .author+.share{margin-top:11.6rem}}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .share{display:flex;align-items:end;justify-content:end}@media screen and (max-width: 1023px){.section-article-banner .article-banner-content__wrapper .article-banner__bottom .share{width:100%}}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .share .share-list{display:flex;align-items:center;justify-content:end;list-style:none;margin:0}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .share .share-list__item+.share-list__item{margin-left:1rem}@media screen and (min-width: 1024px){.section-article-banner .article-banner-content__wrapper .article-banner__bottom .share .share-list__item+.share-list__item{margin-left:1.6rem}}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .share .share-list__link{display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;flex-shrink:0;background-color:#ffffff1a;border-radius:100%}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .share .share-list__link svg{width:2.4rem;height:auto;flex-shrink:0}.section-article-banner .article-banner-content__wrapper .article-banner__bottom .share .share-list__link svg path{fill:var(--white)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-article-banner.css.map */