.main-article{width:100%;position:relative}.main-article__wrapper{width:100%;display:flex;flex-direction:column}.main-article__blocks{width:100%;max-width:60rem;margin:2.4rem auto 0;display:flex;flex-direction:column;gap:2.4rem}.article-hero{display:block;width:100%}.article-hero__blocks{width:100%;gap:1.2rem}@media screen and (min-width:750px){.article-hero__blocks{gap:2.4rem}}.article-hero__blocks>:is(h1,h2,h3,h4,h5,h6){max-width:75.6rem}.article-hero__blocks .article-metadata__tags{order:-1;margin-bottom:auto}.article-hero__blocks .article-metadata__excerpt{order:1}.article-hero__card{position:relative;width:100%;display:grid;grid-template-columns:1fr;border-radius:var(--border-radius-block);overflow:hidden;background:var(--gradient-background, rgb(var(--color-background)))}.article-hero__card:before{content:"";grid-area:1/1;padding-top:calc(100% / (var(--card-aspect-ratio-mobile, 4 / 5)))}@media screen and (min-width:750px){.article-hero__card:before{padding-top:calc(100% / (var(--card-aspect-ratio, 16 / 9)))}}@media screen and (min-width:990px){.article-hero__card{max-width:66%;margin-inline:auto}}.article-hero__card-media{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-hero__media-overlay{z-index:2;pointer-events:none}.article-hero__layout{position:relative;z-index:3;grid-area:1/1;min-width:0;justify-content:flex-end;padding:2.4rem;pointer-events:none}@media screen and (min-width:750px){.article-hero__layout{padding:3.6rem}}.article-hero__layout a{pointer-events:auto}.article-hero .article-metadata__author,.article-hero .article-metadata__date,.article-hero .article-metadata__dot,.article-hero .article-metadata__excerpt{color:rgb(var(--color-foreground))}[data-blured-effect=true] .article-metadata__tag-link{background-color:rgba(var(--badge-article-bg),.4);color:rgb(var(--badge-article-color));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.article-metadata{max-width:53rem;display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.article-metadata__author,.article-metadata__date,.article-metadata__dot{color:rgba(var(--color-foreground-secondary))}.article-metadata__dot{display:inline-block;flex-shrink:0;width:.2rem;height:.2rem;border-radius:50%;background-color:currentColor}.article-metadata__tags{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.article-metadata__tag-link{display:inline-flex;align-items:center;padding:.6rem 1.2rem;border-radius:var(--border-radius-badge, 100px);background-color:rgb(var(--article-tag-bg));color:rgb(var(--article-tag-color));text-decoration:none}.article-metadata__tag-link .header-roll__text{color:inherit}@media(hover:hover){.article-metadata__tag-link:hover .header-roll__text{transform:translateY(-100%)}}.article-metadata__tag-link:focus-visible .header-roll__text{transform:translateY(-100%)}.article-metadata__excerpt{max-width:53rem;margin:0;color:rgba(var(--color-foreground-secondary))}.article-metadata__excerpt-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.article-content{width:100%;margin:7.2rem auto 0}.article-comments{display:block;padding:2.4rem;border-radius:var(--border-radius-block);overflow:hidden}.article-comments__wrapper{display:flex;flex-direction:column;gap:2.4rem}.article-comments__list{display:flex;flex-direction:column;gap:1.6rem}.article-comments__item{color:rgba(var(--color-foreground));background-color:rgb(var(--color-background-secondary));padding:2rem;border-radius:var(--border-radius-block)}.article-comments__meta{color:rgba(var(--color-foreground-secondary));display:flex;align-items:center;justify-content:flex-end;gap:.8rem;margin:1rem 0 0}.article-comments__fields{margin:2.4rem 0}.article-comments__fields-row>*{margin:0 0 1.6rem}@media screen and (min-width:990px){.article-comments__fields-row{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:.8rem}}.article-comments__warning{margin:1.6rem 0 2.4rem}.article-comments .form-message--success{margin-bottom:1.6rem}@media(hover:hover){.article-comments .field__input:hover:not(:focus):not([aria-invalid=true]):not(.is-invalid){border-color:transparent}.article-comments .field__input:hover:not(:focus):not([aria-invalid=true]):not(.is-invalid)+.field__label{color:rgb(var(--input-color-text))}.article-comments .field:has(>textarea.field__input:hover:not(:focus):not([aria-invalid=true]):not(.is-invalid)):after{border-color:transparent}}.article-comments .field__input:focus:not([aria-invalid=true]):not(.is-invalid){border-color:transparent}.article-comments .field:has(>textarea.field__input:focus:not([aria-invalid=true]):not(.is-invalid)):after{border-color:transparent}.article-footer{width:100%;display:flex;flex-direction:column;margin-block:2.4rem;margin-bottom:0}.article-footer__row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem 1.6rem;min-height:8rem;padding:1.6rem 0;border-top:.1rem solid rgba(var(--color-border))}.article-footer__row:last-child{border-bottom:.1rem solid rgba(var(--color-border))}.article-footer__label{color:rgba(var(--color-foreground-secondary))}.article-footer__info{display:inline-flex;align-items:center;gap:.8rem;color:rgb(var(--color-foreground))}.article-footer .article-metadata__dot{color:rgb(var(--color-foreground))}.article-footer .block-share{width:auto;margin:0}.article-footer__tags{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}.article-footer__tag-link{display:inline-flex;align-items:center;padding:.6rem 1.2rem;border-radius:var(--border-radius-badge, 100px);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));text-decoration:none}.article-footer__tag-link .header-roll__text{color:inherit}@media(hover:hover){.article-footer__tag-link:hover .header-roll__text{transform:translateY(-100%)}}.article-footer__tag-link:focus-visible .header-roll__text{transform:translateY(-100%)}.article-group{width:100%;display:grid;grid-template-columns:1fr;gap:.8rem}.article-group>*{margin:0}@media screen and (min-width:990px){.article-group{grid-template-columns:repeat(2,1fr)}.article-group>*:nth-child(odd){justify-self:start}.article-group>*:nth-child(2n){justify-self:end}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-article.css.map */