.article-new__progress-bar{position:sticky;top:var(--header-height, 0px);left:0;right:0;height:3px;background-color:rgba(var(--color-foreground),.12);z-index:2;pointer-events:none;display:block!important;visibility:visible!important;opacity:1!important}.article-new__progress-bar-fill{height:100%;width:0;background-color:rgb(var(--color-button));transition:width .05s linear;will-change:width;display:block!important;visibility:visible!important;opacity:1!important}.article-new{--article-new-spacing: 2.4rem}.article-new>*:first-child{margin-top:4rem}@media screen and (min-width:750px){.article-new>*:first-child{margin-top:6rem}}.article-new__header{margin-bottom:var(--article-new-spacing);text-align:left;line-height:1.2}.article-new__title{margin:0 0 1.6rem;font-size:3.2rem;line-height:1.15}@media screen and (min-width:750px){.article-new__title{font-size:4.4rem}}.article-new__subheadline{margin:0 0 2rem;color:rgba(var(--color-foreground),.65);font-size:1.6rem;line-height:1.5}.article-new__subheadline p{margin:0}.article-new__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 2.4rem;margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid rgba(var(--color-foreground),.1);font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.article-new__meta-item{display:inline-flex;align-items:center;gap:.6rem;line-height:1;justify-content:center}.article-new__meta-item .icon{width:1.6rem;height:1.6rem;flex-shrink:0}.article-new__meta-author{font-weight:500;color:rgb(var(--color-foreground))}.article-new__meta-date{flex:1;text-align:center}.article-new__meta-reading-time{margin-left:auto}@media screen and (max-width:749px){.article-new__meta-reading-time{margin-left:0}}.article-new__hero-container{margin-top:var(--article-new-spacing);margin-bottom:var(--article-new-spacing);padding:0 48px}@media screen and (max-width:749px){.article-new__hero-container{padding:0 1.5rem}}.article-new__hero{position:relative;width:100%;overflow:hidden;border-radius:.8rem;background-color:rgba(var(--color-foreground),.04)}.article-new__hero--small{height:11rem}.article-new__hero--medium{height:22rem}.article-new__hero--large{height:33rem}@media screen and (min-width:750px)and (max-width:989px){.article-new__hero--small{height:22rem}.article-new__hero--medium{height:44rem}.article-new__hero--large{height:66rem}}@media screen and (min-width:990px){.article-new__hero--small{height:27.5rem}.article-new__hero--medium{height:55rem}.article-new__hero--large{height:82.5rem}}.article-new__hero img{display:block;width:100%;object-fit:cover}.article-new__audio-wrapper{margin-top:var(--article-new-spacing);margin-bottom:var(--article-new-spacing)}.article-new__audio{display:flex;align-items:center;gap:1.6rem;padding:1.2rem 1.6rem;border-top:1px solid rgba(var(--color-foreground),.12);border-bottom:1px solid rgba(var(--color-foreground),.12);font-size:1.4rem;color:rgba(var(--color-foreground),.85)}.article-new__audio-play{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.2);background-color:transparent;color:rgb(var(--color-foreground));cursor:pointer;flex-shrink:0;padding:0;transition:background-color .2s ease,color .2s ease}.article-new__audio-play:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.article-new__audio-icon{display:inline-flex;align-items:center;justify-content:center}.article-new__audio-icon svg{width:1.4rem;height:1.4rem}.article-new__audio-icon[hidden]{display:none}.article-new__audio-body{display:flex;flex-direction:column;gap:.6rem;flex:1;min-width:0}.article-new__audio-label{font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.article-new__audio-track{position:relative;width:100%;height:3px;background-color:rgba(var(--color-foreground),.12);border-radius:999px;overflow:hidden;cursor:pointer}.article-new__audio-progress{position:absolute;top:0;left:0;bottom:0;width:0;background-color:rgb(var(--color-foreground));transition:width .1s linear}.article-new__audio-time{display:inline-flex;align-items:center;gap:.4rem;font-variant-numeric:tabular-nums;font-size:1.3rem;color:rgba(var(--color-foreground),.6);flex-shrink:0}.article-new__audio-element{display:none}@media screen and (max-width:749px){.article-new__audio{gap:1.2rem;padding:1rem 1.2rem}.article-new__audio-time .article-new__audio-separator,.article-new__audio-time .article-new__audio-current{display:none}}.article-new__content{margin-top:var(--article-new-spacing)}
/*# sourceMappingURL=/cdn/shop/t/46/assets/section-article-new.css.map */