.article-template{color:var(--color-grey-light);padding:0;line-height:150%}.article-template__author{margin-top:4rem}.article-template__hero-header-block{display:flex;flex-direction:column;align-items:center;max-width:89.6rem;margin:11.2rem 0 7.2rem;text-align:center}.article-template__hero-header-block .article-tags{margin-bottom:1.6rem}.article-template__hero-header-block .article-tags a:focus-visible{padding:.7rem;margin:0 -.7rem;border-radius:.5rem}.article-template__hero-header-block .article-blog-title{font-size:1.4rem;color:var(--color-starbucks-green);text-decoration:none}.article-template__hero-header-block .article-blog-title:hover{text-decoration:underline;text-decoration-skip-ink:none}.article-template__hero-header-block .article-blog-title:after{content:"\2022";margin-left:.8rem;display:inline-block;color:var(--color-grey-dark)}.article-template__hero-header-block .article-blog-title--no-trailing-dot:after{content:none}.article-template__hero-header-block .article-publishing-date{font-size:1.4rem;color:var(--color-grey-dark);margin-left:.8rem}.article-template__hero-header-block .article-introduction{color:var(--color-grey-dark);max-width:66.2rem}.article-template__hero-container{display:flex;flex-direction:column;align-items:center;margin:0 auto;background-color:var(--color-warm-white);max-width:initial}.article-template__hero-container-image{width:100%;height:auto;max-width:136rem;object-fit:cover}.article-template__hero-container .article-image-badge{position:absolute;left:2rem;top:2rem;background:var(--color-white);color:var(--color-grey-dark);padding:.3rem 1.2rem;font-size:1.6rem;font-weight:600;border-radius:var(--stbx-radius-small)}.article-template .article-template__title{padding:0;color:var(--color-house-green);background-color:initial}.article-template .article-template__title:after{display:none}.article-template__author{font-weight:600;color:var(--color-house-green)}.article-template__image-container{width:100%;max-width:136rem;aspect-ratio:68/31;display:flex;position:relative;margin-bottom:11.2rem;border-radius:var(--stbx-radius-large);overflow:hidden}.article-template__featured_video.video-section__media{margin-bottom:5.6rem;max-width:112.8rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative}.article-template__featured_video.video-section__media .article-template__featured_video-frame{width:100%}.article-template__featured_video.video-section__media .deferred-media{width:100%;max-height:62rem;aspect-ratio:16/9;position:relative;display:block}.article-template__featured_video.video-section__media .deferred-media.thumbnail-hidden>.deferred-media__poster{display:none}.article-template__featured_video.video-section__media .deferred-media.thumbnail-hidden>.deferred-media__poster .pause,.article-template__featured_video.video-section__media .deferred-media.thumbnail-hidden>.deferred-media__poster .play{display:none}.article-template__featured_video--vertical.video-section__media{width:100%;max-width:33.5rem}.article-template__featured_video--vertical.video-section__media .article-template__featured_video-frame{width:100%;max-width:27.8rem;margin:0 auto;aspect-ratio:var(--hls-video-frame-aspect-ratio, .5625);position:relative;overflow:hidden;border-radius:var(--media-border-radius)}.article-template__featured_video--vertical.video-section__media .article-template__featured_video-frame .hls-video-wrapper__frame>hls-video-player{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media screen and (max-width:767px){.article-template__featured_video--vertical.video-section__media .article-template__featured_video-frame{max-width:29.5rem}}.article-template__featured_video--vertical.video-section__media .deferred-media{width:100%;max-height:none;aspect-ratio:auto}.article-template__featured_video--vertical.video-section__media .video-section__controls{justify-content:center}.article-template__content{margin:0 auto;min-width:89.6rem;font-size:1.8rem}.article-template__content--intro{margin:11.2rem auto 5.6rem}.article-template__content p{margin:0 0 2.4rem;font-family:var(--font-sodo);font-size:1.6rem;font-weight:400;line-height:1.5;letter-spacing:-.01em}@media screen and (min-width:1024px){.article-template__content p{font-family:var(--font-sodo);font-size:1.8rem;font-weight:400;line-height:1.5;letter-spacing:-.01em}}.article-template__content p:last-of-type{margin:0}.article-template__content ol,.article-template__content ul{padding-left:1.433em}.article-template__content li{position:relative;list-style:none}.article-template__content li:before{content:"\2022";display:inline-flex;width:1.433em;font-size:1em;position:absolute;left:-1.433em;justify-content:center;color:var(--color-starbucks-green)}.article-template__content h2{margin-bottom:2.4rem;color:var(--color-house-green);font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}@media screen and (min-width:1024px){.article-template__content h2{font-family:var(--font-heading-family);font-size:3.2rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}}.article-template .highlight{font-family:var(--font-sodo);font-size:1.8rem;font-weight:400;line-height:1.5;letter-spacing:-.01em}@media screen and (min-width:1024px){.article-template .highlight{font-family:var(--font-sodo);font-size:2.2rem;font-weight:400;line-height:1.5;letter-spacing:-.01em}}.article-template .metafield-rich_text_field>*{margin:0 0 2.4rem}.article-template .metafield-rich_text_field>h3{margin:0}.article-template .metafield-rich_text_field>p,.article-template .metafield-rich_text_field ul{margin:0 0 2.4rem}.article-template .metafield-rich_text_field>p:last-child,.article-template .metafield-rich_text_field ul:last-child{margin:0}.article-template .metafield-rich_text_field ol,.article-template .metafield-rich_text_field ul{padding-left:1.433em}.article-template .metafield-rich_text_field li{position:relative;list-style:none}.article-template .metafield-rich_text_field li:before{content:"\2022";display:inline-flex;width:1.433em;font-size:1em;position:absolute;left:-1.433em;justify-content:center;color:var(--color-starbucks-green)}.article-template--repeater-block{padding:5.6rem 0}.article-template--repeater-block li{text-indent:0rem;line-height:150%}.article-template--repeater-block h1{font-size:5.6rem}.article-template--repeater-block h3{color:var(--core-starbucks-green, #006241);font-family:SoDo Sans;font-size:2.2rem;font-style:normal;font-weight:600;line-height:150%}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width:768px)and (max-width:1023px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width:1024px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template__title{margin:0}.article-template__title:not(:only-child){margin-bottom:1.2rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width:768px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width:768px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width:768px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width:768px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width:1024px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}@media screen and (max-width:767px){.article-template__hero-header-block,.article-template__hero-container{padding:0 2rem}.article-template__hero-container .article-image-badge{padding:.2rem 1rem}.article-template__image-container{justify-content:center;width:100%;aspect-ratio:335/280;margin-bottom:6.4rem;border-radius:var(--stbx-radius-medium)}.article-template__featured_video{margin-bottom:6.4rem}.article-template__content{margin-top:6.4rem;padding:0;font-size:1.6rem}.article-template__content--intro{margin:6.4rem auto 3.2rem;padding:0 3.2rem}.article-template__content h2{margin-bottom:1.2rem}.article-template .metafield-rich_text_field>p,.article-template .metafield-rich_text_field ul{margin:0 0 3.2rem}.article-template .video-transcript .metafield-rich_text_field>p{margin-bottom:1.2rem}.article-template--repeater-block{padding:3.2rem 0}}@media screen and (max-width:1023px){.article-template>*:first-child:not(.article-template__hero-container){margin:4rem 1.2rem}.article-template__author{margin-top:3.2rem}.article-template__hero-header-block{margin:6.4rem 0 4.8rem}.article-template__hero-header-block .article-tags{margin-bottom:2.4rem}.article-template__image-container,.article-template__featured_video{margin-bottom:6.4rem}.article-template__content{min-width:initial}.article-template__content--intro{margin:6.4rem auto 3.2rem}.article-template__content p{margin:0 0 3.2rem}.article-template--repeater-block{padding:0}}.article-template__content--main-article-section{width:100%;margin-inline:auto;padding-inline:calc(var(--stbx-side-padding-mobile) + 1.2rem);max-width:var(--stbx-container-max)}@media screen and (min-width:768px){.article-template__content--main-article-section{padding-inline:calc(var(--stbx-side-padding-tablet) + 1.2rem);max-width:calc(89.6rem + 2*var(--stbx-side-padding-tablet))}}@media screen and (min-width:1024px){.article-template__content--main-article-section{padding-inline:0;max-width:89.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-blog-post.css.map */