.video-section{padding:4rem 2rem;margin:0 auto}.video-section__controls{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;position:relative;width:100%;gap:1.6rem;z-index:5;pointer-events:auto}@media(prefers-reduced-motion:reduce){.video-section__controls:not(:has(.transcript-toggle)){display:none}}.video-section__controls:empty{display:none}.video-section__audio-toggle{display:flex;align-items:center;gap:.8rem}.hls-loading .video-section__audio-toggle{opacity:.5;pointer-events:none}@media(prefers-reduced-motion:reduce){.video-section__audio-toggle{display:none}}.video-section__audio-toggle-button{min-width:unset;height:initial;padding:.9rem 1.2rem;border:2px solid var(--color-starbucks-green);font-size:1.2rem;white-space:nowrap}.video-section__audio-toggle-button:active{border:2px solid var(--color-starbucks-green)}.video-section__audio-toggle-button[hidden],.video-section__audio-toggle-button:before,.video-section__audio-toggle-button:after{display:none;content:none}.product-page--reserve-exclusives .video-section__audio-toggle-button{color:var(--color-gold-reward);border:2px solid var(--color-gold-reward)}.product-page--reserve-exclusives .video-section__audio-toggle-button:hover{color:var(--color-rewards-gold-light);border-color:var(--color-rewards-gold-light)}.product-page--reserve-exclusives .video-section__audio-toggle-button:focus-visible{color:var(--color-rewards-gold-light);border:2px solid var(--color-rewards-gold-light);box-shadow:0 0 0 .3rem var(--color-black-coffee),0 0 0 .5rem var(--color-rewards-gold-light)}.video-section__audio-toggle-button:not(.button--primary-on-light){transition:background-color .2s ease,color .2s ease,border-color .2s ease}.video-section__audio-toggle-button:focus-visible{outline:.2rem solid rgba(var(--color-starbucks-green),.85);outline-offset:.2rem}.article-template__featured_video .video-section__audio-toggle-button{height:initial;padding:.9rem 1.2rem;font-size:1.2rem}.video-section .video-section__media-shell{--media-border-radius: var(--stbx-radius-medium);position:relative;width:100%;z-index:0;overflow:hidden;border-radius:var(--media-border-radius);height:42rem}.video-section .video-section__media-shell .deferred-media,.video-section .video-section__media-shell .hls-video-wrapper{display:block;height:inherit}.video-section .video-section__media-shell .deferred-media>video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.video-section .video-section__media-shell:hover .video-section__image{transform:scale(1)}.video-section .video-section__media-shell--minimal .deferred-media.playing>.deferred-media__poster .video-section__image{opacity:0;pointer-events:none}.video-section .video-section__media-shell--minimal .deferred-media>.deferred-media__poster{z-index:3}.video-section .video-section__media-shell--minimal .deferred-media>.deferred-media__poster .deferred-media__poster-button{pointer-events:auto}.video-section .video-section__media-shell:not(.video-section__media-shell--minimal) .deferred-media>.deferred-media__poster{z-index:3}.video-section .video-section__media-shell:not(.video-section__media-shell--minimal) .deferred-media.thumbnail-hidden>.deferred-media__poster .deferred-media__poster-button{display:none}.video-section__wrapper{position:relative;height:42rem;overflow:hidden;width:100%;--media-border-radius: var(--stbx-radius-medium);border-radius:var(--media-border-radius)}.video-section__wrapper.card--standard{--media-border-radius: var(--card-border-radius);height:unset}.video-section__wrapper .deferred-media,.video-section__wrapper .hls-video-wrapper{height:inherit}.video-section__wrapper .video-section__native{width:100%;height:62rem;object-fit:cover}.video-section__wrapper .video-section__native:focus-visible{outline:none}.dynamic-content-wrapper .video-section__wrapper{display:inline-block;margin:5.6rem 0;height:fit-content;max-height:62rem}.dynamic-content-wrapper .video-section__wrapper .video-section__poster{max-height:62rem}.video-section__wrapper:hover .video-section__image{transform:scale(1)}.video-section__wrapper--hls{display:block;height:auto;overflow:hidden}.video-section__wrapper--hls .video-section__native{height:100%}.video-section .video-section__media-shell+.video-section__controls{margin-top:2.4rem}.video-section__overlay:empty{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.video-section__media-shell--minimal .video-section__overlay:empty{background:rgba(var(--color-black),.5)}.video-section__content{position:absolute;bottom:2rem;left:2rem;z-index:3;display:flex;flex-direction:column;gap:3.2rem;pointer-events:none}.video-section__content>*{pointer-events:auto}.video-section .video-section__media-shell--minimal .video-section__content{z-index:21}.video-section__overlay-heading{color:var(--color-white);font-size:2.4rem;line-height:120%;max-width:52rem;margin:0}.video-section__cta.button.button--primary-on-dark{display:inline-block;align-content:center;width:fit-content;padding:1.2rem 2.4rem;border-radius:var(--stbx-radius-full);background:var(--color-white);color:var(--color-starbucks-green);font-size:1.5rem;text-decoration:none}.video-section__cta.button.button--primary-on-dark:hover{color:var(--color-house-green)}.video-section__cta.button.button--primary-on-dark:active{color:var(--color-house-green-dark)}.video-section__cta.button.button--primary-on-dark:focus-visible{color:var(--color-starbucks-green);box-shadow:0 0 0 .3rem rgba(var(--color-black),.85),0 0 0 .5rem var(--color-white)}.video-section__badge{position:absolute;top:2rem;left:2rem;padding:.2rem 1rem;background:var(--color-white);color:var(--color-grey-dark);font-size:1.1rem;font-weight:600;letter-spacing:-.016rem;border-radius:var(--stbx-radius-small);z-index:3}.video-section--reserve .video-section__cta.button.button--primary-on-dark{color:var(--color-roast)}.video-section--reserve .video-section__cta.button.button--primary-on-dark:hover{color:var(--color-grey-dark)}.video-section--reserve .video-section__cta.button.button--primary-on-dark:active,.video-section--reserve .video-section__cta.button.button--primary-on-dark:focus-visible{color:var(--color-roast)}.two-product-wrapper .video-section__wrapper,.two-product-wrapper .video-section__wrapper .video-section__native{height:unset}@media screen and (min-width:768px){.template-collection__card-item .video-section__wrapper{height:unset}}.scroll-trigger:where(.gradient.video-section__media){background:#0000}.video-section__media{position:relative}.video-section__media.global-media-settings--full-width{padding-bottom:var(--ratio-percent)}.video-section__media.deferred-media{box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.video-section__media .deferred-media{box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));height:100%}.video-section__media iframe{background-color:rgba(var(--color-foreground),.03);border:0}.video-section__media video{object-fit:cover}.video-section__poster .deferred-media__poster:focus{outline-offset:.3rem}.video-section__poster,.video-section__media iframe,.video-section__media video{position:absolute;left:0;width:100%;height:100%;border-radius:var(--media-border-radius)}.js-youtube,.js-vimeo{width:100%;height:inherit;border:none}.s7videoelement{display:flex;justify-content:center;align-items:center}.s7videoviewer.s7mouseinput .s7playpausebutton{left:14px!important}.s7videoviewer.s7mouseinput .s7videoscrubber{left:55px!important}.s7videotime{right:107px!important}.s7closedcaptionbutton{right:77px!important}.s7mutablevolume{right:45px!important}.s7fullscreenbutton{right:15px!important}.s7videoviewer.s7mouseinput .s7playpausebutton,.s7videotime,.s7closedcaptionbutton,.s7fullscreenbutton{border-radius:.5rem}.s7mutebutton{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.s7verticalvolume{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.vjs-tech{position:relative!important}.s7videoviewer-vertical-video .s7videoelement{position:relative!important;display:flex;justify-content:center;align-items:center;top:initial!important;left:initial!important;width:auto!important}.s7videoviewer-vertical-video .s7videoelement .vjs-tech{width:revert-layer!important}.s7videoviewer div:empty{display:block}.s7videoviewer .s7videoplayer div[style*="position: absolute; visibility: inherit; overflow: hidden;"]{width:min-content!important;left:50%!important;transform:translate(-50%)!important;top:initial!important;bottom:10%!important}.s7videoviewer .s7videoplayer .s7caption{font-size:2.5rem}.s7videoviewer .s7videoplayer .s7caption,.s7videoviewer div[style*="visibility: inherit; overflow: hidden; width:"]{width:50vw!important;min-width:20rem!important;max-width:80%!important;overflow:visible!important;height:auto!important;line-height:130%;text-wrap-style:balance}.s7videoviewer .s7videoplayer .s7caption>div{width:auto!important;height:auto!important;text-align:center!important;display:inline-block!important;max-width:100%!important}.vjs-tech{min-height:fit-content;min-width:fit-content}@media screen and (max-width:767px){.video-section__badge{font-size:1.1rem}.dynamic-content-wrapper .video-section__wrapper{display:inline-flex;margin:3.2rem 0}.video-section__wrapper .deferred-media{display:flex;justify-content:center}.video-section__wrapper .video-section__native{height:100%;width:100%;object-fit:cover;border-radius:var(--media-border-radius)}[data-namespace=s7classic].s7container{height:62rem!important}.vjs-tech{position:relative!important;height:62rem!important}}@media screen and (min-width:768px){.video-section .video-section__media-shell,.video-section__wrapper{--media-border-radius: var(--stbx-radius-large)}.video-section__wrapper.card--standard{--media-border-radius: var(--card-border-radius)}.video-section__badge{font-size:1.6rem}}@media screen and (max-width:1023px){.video-section__content{bottom:2rem;left:2rem}.video-section__overlay-heading{font-size:2.4rem}.dynamic-content-wrapper .video-section__wrapper--hls{max-height:calc((100vw - var(--stbx-side-padding-mobile)*2)*9/16);width:calc(100vw - var(--stbx-side-padding-mobile)*2)}.repeater-video.video-section__wrapper .deferred-media{height:auto}.repeater-video.video-section__wrapper .deferred-media.hls-video-wrapper{height:calc((100vw - var(--stbx-side-padding-mobile)*2)*9/16);width:calc(100vw - var(--stbx-side-padding-mobile)*2);margin:0;justify-self:center}}@media screen and (min-width:768px)and (max-width:1023px){.video-section{padding:4rem 4.8rem}.video-section .video-section__media-shell,.video-section__wrapper{height:42rem}.dynamic-content-wrapper .video-section__wrapper{max-height:47rem;height:47rem;margin:3.2rem 0}.video-section__wrapper .video-section__native{max-height:42rem}[data-namespace=s7classic].s7container{height:42rem!important}.dynamic-content-wrapper .video-section__wrapper--hls{max-height:calc((100vw - var(--stbx-side-padding-tablet)*2)*9/16);width:calc(100vw - var(--stbx-side-padding-tablet)*2)}.repeater-video.video-section__wrapper .deferred-media{height:auto}.repeater-video.video-section__wrapper .deferred-media.hls-video-wrapper{height:calc((100vw - var(--stbx-side-padding-tablet)*2)*9/16);width:calc(100vw - var(--stbx-side-padding-tablet)*2);margin:0;justify-self:center}}@media screen and (min-width:1024px){.video-section{padding:5.6rem 4rem}.video-section .video-section__media-shell,.video-section__wrapper{height:62rem}.video-section__content{bottom:4rem;left:4rem}.video-section__overlay-heading{font-size:3.2rem}[data-namespace=s7classic].s7container{height:62rem!important}}.video-transcript{display:none;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;padding:4.8rem;overflow-y:auto;background:rgba(var(--color-black),.85);border-radius:var(--stbx-radius-large);color:var(--color-white);font-size:1.6rem;line-height:1.6;pointer-events:none}.video-transcript:focus,.video-transcript:focus-visible{outline:.2rem solid var(--color-starbucks-green);outline-offset:.2rem;box-shadow:inset 0 0 0 .2rem var(--color-starbucks-green)}.video-transcript[open]{display:block;z-index:20;pointer-events:auto}.article-template .video-transcript[open]{position:absolute;z-index:30;height:calc(100% - 13.6rem)}tabbed-block .video-transcript{height:calc((100vw - var(--stbx-side-padding-mobile)*2)*3/4)}@media screen and (min-width:768px){tabbed-block .video-transcript{height:calc((100vw - var(--stbx-side-padding-tablet)*2)*3/4);max-height:62rem}}@media screen and (min-width:1024px){tabbed-block .video-transcript{height:calc(100% - 6.1rem)}}.video-transcript h1,.video-transcript h2,.video-transcript h3,.video-transcript h4{color:var(--color-white)}.video-transcript p{margin:0 0 1.6rem}@media screen and (max-width:767px){.video-transcript{padding:2rem;border-radius:var(--stbx-radius-medium)}}@media screen and (min-width:768px)and (max-width:1023px){.video-transcript{padding:3.6rem;border-radius:var(--stbx-radius-large)}}.transcript-toggle{position:static;display:inline-flex;align-items:center;justify-content:center;height:initial;padding:.9rem 1.2rem;font-size:1.2rem;transform:none;pointer-events:auto;flex-shrink:0}.transcript-toggle:active{border-width:2px}.transcript-toggle:before{content:none}.product-page--reserve-exclusives .transcript-toggle.button--secondary-on-light{color:var(--color-gold-reward);border:2px solid var(--color-gold-reward)}.product-page--reserve-exclusives .transcript-toggle.button--secondary-on-light:hover{color:var(--color-rewards-gold-light);border-color:var(--color-rewards-gold-light)}.product-page--reserve-exclusives .transcript-toggle.button--secondary-on-light:focus-visible{color:var(--color-rewards-gold-light);border:2px solid var(--color-rewards-gold-light);box-shadow:0 0 0 .3rem var(--color-black-coffee),0 0 0 .5rem var(--color-rewards-gold-light)}.video-section__controls--vertical{gap:.8rem}.video-section__controls--vertical .video-section__audio-toggle-button,.video-section__controls--vertical .transcript-toggle{padding:.7rem 1.2rem}.video-transcript:has(+.playing){max-height:calc(100% - 12.8rem)}.video-transcript:has(+.playing):where(.tabbed-block *){max-height:calc(100% - 12.8rem);z-index:30}.transcript-close-hint-mobile,.transcript-title-mobile{display:none}@media screen and (max-width:767px){.video-transcript:has(+.playing):where(.tabbed-block *){max-height:calc((100vw - var(--stbx-side-padding-mobile)*2)*3/4*5/6)}.article-template .video-transcript[open]{height:calc((100vw - var(--stbx-side-padding-mobile)*2)*9/16)}.article-template .video-transcript[open]:has(+.playing){max-height:calc((100vw - var(--stbx-side-padding-mobile)*2)*9/16*5/6)}.article-template__featured_video--vertical .video-transcript[open]{height:calc(100% - 13.6rem)}.article-template__featured_video--vertical .video-transcript[open]:has(+.playing){max-height:calc(100% - 13.6rem)}}@media screen and (max-width:1023px){.transcript-close-hint-mobile,.transcript-title-mobile{display:block}.transcript-close-hint,.transcript-title{display:none}}@media screen and (min-width:768px)and (max-width:1023px){.video-transcript:has(+.playing):where(.tabbed-block *){max-height:calc(100% - 14rem)}}.article-template__featured_video,.tabbed-block__media,.aem-video-wrapper{display:flex;flex-direction:column;position:relative;gap:2.4rem;height:auto}.article-template__featured_video:focus-within,.tabbed-block__media:focus-within,.aem-video-wrapper:focus-within{outline:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-section.css.map */