.article-template__hero{position:relative;min-height:70vh;padding-block:96px;display:flex;align-items:flex-end}@media screen and (max-width:1024px){.article-template__hero{padding-block:72px}}@media screen and (max-width:768px){.article-template__hero{padding-block:64px}}.article-template__hero-image{position:absolute;top:0;left:0;width:100%;height:100%}.article-template__hero-image:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#0000004d 0% 100%)}.article-template__hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.article-template__hero-content{display:flex;gap:32px;position:relative;color:#fff}.hero-content__left{display:flex;flex-direction:column;gap:32px;max-width:1145px}@media screen and (max-width:768px){.hero-content__left{gap:24px}}.hero-content__left-tag{text-transform:uppercase}.hero-content__left h1{margin-block:0;color:#fff}.hero-content__date-author{display:flex;align-items:center;gap:24px;color:#fafafa}.article-template__content{padding-block-start:72px;padding-block-end:96px;display:flex;justify-content:center;align-items:center;gap:48px}@media screen and (max-width:1024px){.article-template__content{padding-block-start:72px;padding-block-end:72px;flex-direction:column}}@media screen and (max-width:768px){.article-template__content{padding-block-start:64px;padding-block-end:64px;gap:40px}}.article-template__content-left{width:100%;max-width:1000px}.article-template__content-left p:first-child,.article-template__content-left h1:first-child,.article-template__content-left h2:first-child,.article-template__content-left h3:first-child,.article-template__content-left h4:first-child,.article-template__content-left h5:first-child,.article-template__content-left h6:first-child{margin-block-start:0}.article-template__content-left h1,.article-template__content-left h2,.article-template__content-left h3,.article-template__content-left h4,.article-template__content-left h5,.article-template__content-left h6{margin-block-start:48px;margin-block-end:24px}@media screen and (max-width:768px){.article-template__content-left h1,.article-template__content-left h2,.article-template__content-left h3,.article-template__content-left h4,.article-template__content-left h5,.article-template__content-left h6{margin-block-start:40px}}.article-template__content-left p{margin-block:16px}.article-template__content-left p:has(img){margin-block:48px}@media screen and (max-width:768px){.article-template__content-left p:has(img){margin-block:40px}}.article-template__content-left a{color:currentColor}.article-template__content-left img,.article-template__content-left iframe{display:block;width:100%;height:auto;max-height:600px;aspect-ratio:1 / 1;object-fit:cover;border-radius:6px}@media screen and (max-width:1024px){.article-template__content-left img,.article-template__content-left iframe{max-height:416px}}@media screen and (max-width:768px){.article-template__content-left img,.article-template__content-left iframe{max-height:210px}}.article-template__content-left ul,.article-template__content-left ol{padding-left:20px;margin-left:0}.article-template__content-right{width:100%;max-width:417px;position:sticky;top:calc(var(--header-height) + 10px)}@media screen and (max-width:1024px){.article-template__content-right{max-width:100%}}.article-template__content-right-banner{position:relative;height:417px;display:flex}@media screen and (max-width:768px){.article-template__content-right-banner{height:350px}}.article-template__content-right-banner .banner-image{position:absolute;top:0;left:0;width:100%}.article-template__content-right-banner .banner-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;background:linear-gradient(0deg,#0003 0% 100%)}.article-template__content-right-banner .banner-image img{display:block;width:100%;height:417px;object-fit:cover;border-radius:6px}@media screen and (max-width:768px){.article-template__content-right-banner .banner-image img{height:350px}}.banner-content{position:relative;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:auto}@media screen and (max-width:768px){.banner-content{padding:24px}}.banner-content h5{margin-block:0;color:#fff}.banner-content a{background-color:rgb(var(--color-button-text))}.banner-content a span{color:rgb(var(--color-button))}.article-template__content-right-wrapper{display:flex;flex-direction:column;gap:24px}.article-template__content-right-subscription{display:flex;width:100%;padding:32px;flex-direction:column;align-items:flex-start;gap:24px;border-radius:6px;background:#f6f6f3}@media screen and (max-width:768px){.article-template__content-right-subscription{padding:24px}}.article-template__content-right-subscription h5{color:rgb(var(--color-title));margin-block:0}.article-template__content-right-subscription p{margin-block:0}.content-right-subscription__text{display:flex;flex-direction:column;gap:10px}.content-right-subscription .newsletter-form__field-wrapper input{padding:14px 20px;height:5rem}.content-right-subscription .newsletter-form__field-wrapper label{top:calc(50% - 12px)}.content-right-subscription .newsletter-form__field-wrapper .field__input:focus~.field__label{top:calc(var(--inputs-border-width) + .5rem)}.content-right-subscription{width:100%}.content-right-subscription .newsletter-form__field-wrapper{display:flex;flex-direction:column;position:relative;width:100%}.content-right-subscription .newsletter-form__field-wrapper button{position:absolute;right:20px;top:calc(50% - 11px);background:transparent;border:0;z-index:10;cursor:pointer;padding:0;height:22px}.content-right-subscription .newsletter-form__field-wrapper button:before{display:none}.content-right-subscription .newsletter-form__field-wrapper button span{display:flex}.content-right-subscription .newsletter-form__field-wrapper button.loading .loading__spinner{display:flex!important}.content-right-subscription .newsletter-form__field-wrapper .button.loading>.loading__spinner .path{stroke:rgb(var(--color-button))}.newsletter-form__message#ArticleSubscription-error:empty,.newsletter-form__message#ArticleSubscription-success:empty{display:none}.newsletter-form__message#ArticleSubscription-error,.newsletter-form__message#ArticleSubscription-success{display:none;align-items:center;gap:10px}.newsletter-form__message#ArticleSubscription-error.active,.newsletter-form__message#ArticleSubscription-success.active{display:flex}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-blog-post.css.map */