.article-template{margin:1.8125rem auto}.article-template-wrap{background:rgb(var(--color-background));border-radius:var(--border-radius-container);overflow:hidden}.article-banner__content{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.article-banner{background:rgb(var(--color-background));min-height:calc(100px * var(--content-height));display:flex;position:relative;overflow:hidden}.article-banner:before{content:"";padding-bottom:calc(100% / var(--image-aspect-ratio));width:0;display:block}.article-banner-wrap{width:100%;height:100%;position:absolute;overflow:hidden}.article-banner__content{z-index:1;justify-content:center;align-items:center;width:80%;height:100%;margin:auto;padding:20px 0;display:flex;position:relative}.article-banner .media.placeholder{min-height:calc(18.75rem * var(--content-height));padding:1.25rem 0;display:flex}.article-banner .media.placeholder .article-banner__content{align-self:center;position:static}.article-template__title{font-size:calc(var(--font-heading-scale) * 3.625rem);color:rgb(var(--color-foreground));text-align:center;max-width:33.125rem;margin:1.0625rem 0}.article-template__content{padding:2.375rem}.article-template__content-header{display:flex}.article-template__article-info{flex:1;min-height:42px;margin-bottom:1.375rem;padding-right:60px}.article-template__author-content{line-height:calc(1 + .1 / var(--font-body-scale))}.article-template__date,.article-template__author{color:rgb(var(--color-foreground));text-transform:uppercase;font-size:.75rem;font-weight:300;display:inline-block}.article-template__article-info .btn{margin-top:1.375rem;padding:.9375rem 1.875rem}p.article-template__excerpt{font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 1.25rem);color:rgb(var(--color-foreground));margin-bottom:.25rem;font-weight:900}.article-template__social-sharing{order:1;width:50px;position:relative}.share-button{position:absolute;right:0}.share-button__button{color:rgb(var(--color-foreground));background:rgb(var(--color-background));text-align:center;border-radius:var(--border-radius-form-elements);border:1px solid #0000;padding:0;transition:width .24s ease-out;position:relative;overflow:hidden}.share-button__icon-share,.share-button__icon-close{transition:opacity .2s ease-out;position:absolute;top:0;right:0}.share-button__icon-share{opacity:1}.share-button__button .icon-share{height:35px}.share-button__icon-close{opacity:0;padding:12px;top:5px}.share-button__button .icon-close{width:1.25rem;height:1.25rem;color:rgb(var(--color-foreground-2));display:block}.share-button__social-content{opacity:0;transition:all .48s ease-out;display:flex}.share-button__social-content .share-button__icon-share{visibility:hidden;position:static}.share-button__button .social-sharing{opacity:0;justify-content:flex-start;align-items:center;max-width:0;height:100%;margin:0;transition:all .2s;display:flex;overflow:hidden}.social-links-container li{margin:0;display:inline}.share-button__button .social-sharing a{color:rgb(var(--color-foreground));pointer-events:none;margin:0;padding:12px}.share-button__button .btn--share .icon{margin:0}.share-button__button--open{border:1px solid}.share-button__button--open .social-sharing{opacity:1;max-width:220px}.share-button__button--open .share-button__social-content{opacity:1}.share-button__button--open .social-sharing a{pointer-events:initial}.share-button__button--open .share-button__icon-share{opacity:0}.share-button__button--open .share-button__icon-close{opacity:1}.share-button__label{font-family:var(--font-subheading-family);font-style:var(--font-subheading-style);font-weight:var(--font-subheading-weight);text-transform:uppercase;font-size:calc(var(--font-subheading-scale) * .75rem);text-align:center;width:100%;color:rgb(var(--color-foreground));margin-top:4px;display:block}.article-template__comment-wrapper{background:rgb(var(--color-background));border-radius:var(--border-radius-container);margin-top:3.125rem}.article-template__comment-wrapper>div{padding:2.375rem}.article-template__comment-wrapper details[open] .icon{transform:rotate(90deg)}.article-template__comment-summary{margin-bottom:.75rem}.article-template__comment-summary-title{color:rgb(var(--color-foreground));align-items:center;margin-bottom:29px;display:flex}.article-template__comment-summary-title .icon{margin-right:1.5625rem}.article-template__comment-summary-title img{border-radius:var(--border-radius-thumnails);margin-right:.5625rem}.article-template__comment-summary-title h4{font-size:calc(var(--font-heading-scale) * 1rem);margin-bottom:0}.article-template__comment-wrapper h3{font-size:calc(var(--font-heading-scale) * 1.5rem)}.article-template__comments-title{margin-bottom:1.625rem}.article-template__comments{margin-bottom:3.625rem}.article-template__comments p{color:rgb(var(--color-foreground));margin-bottom:.625rem;font-size:.875rem;font-weight:300}.article-template__comments .skeleton-view{margin:2.5rem 0;display:block}.article-template__comments-comment{border-bottom:solid 1px rgb(var(--color-secondary-background));margin-bottom:2.5rem;padding-bottom:2.5rem}.article-template__comments-comment:last-child{border:none;margin-bottom:0;padding-bottom:0}.article-template__comments-comment footer span{color:rgb(var(--color-foreground));display:block}.article-template__comments-author{font-size:calc(var(--font-heading-scale) * 1.25rem);font-family:var(--font-heading-family);font-weight:900}.article-template__comments-date{text-transform:uppercase;font-size:.75rem}.comment-form{max-width:30.625rem;margin:auto}@media screen and (width<=1024px){.article-template__title{font-size:calc(var(--font-heading-scale) * 3rem)}.article-template__content,.article-template__comment-wrapper>div{padding:2.25rem 2.125rem}.article-template__article-info{padding-right:20px}p.article-template__excerpt{font-size:1rem}}@media screen and (width<=768px){.article-banner .media.placeholder{min-height:12.5rem}.article-template__title{font-size:calc(var(--font-heading-scale) * 1.75rem)}.article-template__comment-wrapper{margin-top:3rem}.article-template__content,.article-template__comment-wrapper>div{padding:1.875rem .8125rem}.article-template__content-header{display:block}.article-template__article-info{padding-right:0}.article-template__social-sharing{float:right;height:50px;margin-bottom:20px;margin-left:8px}}@media screen and (width<=320px){.share-button__button--open .social-sharing{flex-wrap:wrap;min-width:111px;max-width:140px}}