.deferred-media{overflow:hidden;--media-border-radius: var(--stbx-radius-medium)}@media screen and (min-width:768px){.deferred-media{--media-border-radius: var(--stbx-radius-large)}}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media[loaded]>.deferred-media__poster{display:none}.deferred-media.thumbnail-hidden>.deferred-media__poster .video-section__image{display:none}.deferred-media.playing:not(hls-video-player)>.deferred-media__poster .pause{display:block}.deferred-media.playing:not(hls-video-player)>.deferred-media__poster .play{display:none}.card-wrapper:has(a[href]) .deferred-media{pointer-events:none;z-index:2}.card-wrapper:has(a[href]) .deferred-media .deferred-media__poster-button{pointer-events:auto}.deferred-media__poster{background-color:#0000;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden;border-radius:var(--media-border-radius)}.deferred-media__poster:focus-visible{outline:none}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}.deferred-media__poster img{width:auto;max-width:100%;height:100%}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center}.deferred-media>.deferred-media__poster .pause{display:none}.deferred-media>.deferred-media__poster .play{display:block}.deferred-media>.deferred-media__poster:focus-visible .deferred-media__poster-button{outline:.2rem solid var(--color-white);outline-offset:.3rem;background:rgba(var(--color-black),.6);box-shadow:0 0 0 .4rem rgba(var(--color-black),.6)}tabbed-block .deferred-media>.deferred-media__poster:focus-visible .deferred-media__poster-button{background:var(--color-white)}.product-page--reserve-exclusives tabbed-block .deferred-media>.deferred-media__poster:focus-visible .deferred-media__poster-button{background:var(--color-rewards-gold-light)}.product-page--reserve-exclusives .deferred-media>.deferred-media__poster:focus-visible .deferred-media__poster-button{outline:.2rem solid var(--color-rewards-gold-light)}.repeater-video .hls-video-wrapper.deferred-media>.deferred-media__poster:focus-visible .deferred-media__poster-button{background-color:rgba(var(--color-black),.45);box-shadow:none}.deferred-media__poster-button,.rich-text-video .deferred-media__poster-button{color:var(--color-white);border:.2rem solid var(--color-white);border-radius:var(--stbx-radius-full);display:flex;align-items:center;justify-content:center;height:3.2rem;width:3.2rem;position:absolute;left:auto;top:auto;right:2.4rem;bottom:2.4rem;transition:transform var(--duration-short) ease,color var(--duration-short) ease;z-index:1}.deferred-media__poster-button .icon,.rich-text-video .deferred-media__poster-button .icon{width:2rem;height:2rem}.deferred-media__poster-button .icon-play,.rich-text-video .deferred-media__poster-button .icon-play{margin-left:.2rem}.deferred-media__poster-button:hover,.rich-text-video .deferred-media__poster-button:hover{color:var(--color-green-light);border-color:var(--color-green-light)}.deferred-media__poster-button:focus-visible,.rich-text-video .deferred-media__poster-button:focus-visible{outline:.3rem solid var(--color-white);outline-offset:.5rem;background:rgba(var(--color-black),.6)}@media screen and (min-width:768px){.deferred-media__poster-button,.rich-text-video .deferred-media__poster-button{height:4rem;width:4rem}}@media screen and (min-width:1024px){.deferred-media__poster-button,.rich-text-video .deferred-media__poster-button{height:4.8rem;width:4.8rem}}.reserve-theme .deferred-media__poster-button{color:var(--color-light-roast, #ffebcf);border:.2rem solid var(--color-light-roast, #ffebcf)}.reserve-theme .deferred-media__poster-button:hover{color:var(--color-white, #ffffff);border-color:var(--color-white, #ffffff)}.reserve-theme .deferred-media__poster-button:focus-visible{outline:.3rem solid var(--color-light-roast, #ffebcf);outline-offset:.5rem}.rich-text-video .deferred-media__poster-button,.product-page--reserve .deferred-media__poster-button{color:var(--color-light-roast);border:.2rem solid var(--color-light-roast)}.rich-text-video .deferred-media__poster-button:hover,.product-page--reserve .deferred-media__poster-button:hover{color:var(--color-white);border:.2rem solid var(--color-white)}.rich-text-video .deferred-media>.deferred-media__poster:focus-visible .deferred-media__poster-button,.product-page--reserve .deferred-media>.deferred-media__poster:focus-visible .deferred-media__poster-button{color:var(--color-warm-white);border-color:var(--color-warm-white)}.product-page--reserve-exclusives .deferred-media>.deferred-media__poster:focus-visible .deferred-media__poster-button{color:var(--color-rewards-gold-light);border-color:var(--color-rewards-gold-light)}@media(forced-colors:active){.deferred-media__poster:focus{outline:rgba(0,0,0,0) solid 1px}}@media screen and (min-width:768px)and (max-width:1023px){.video-section .deferred-media__poster-button{width:4rem;height:4rem;padding:0}}.deferred-media__poster-button{position:absolute;top:50%;left:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);z-index:10;background-color:rgba(var(--color-black),.45);border-radius:var(--stbx-radius-full);transition:all .3s ease}.image-with-text__video .deferred-media__poster-button,.repeater-video .deferred-media__poster-button,.rich-text-video .deferred-media__poster-button,.collection .deferred-media__poster-button,.collage-four .deferred-media__poster-button{top:initial;left:initial;background:rgba(var(--color-black),.45);bottom:0;right:0}.image-with-text__video .deferred-media__poster-button:hover,.repeater-video .deferred-media__poster-button:hover,.rich-text-video .deferred-media__poster-button:hover,.collection .deferred-media__poster-button:hover,.collage-four .deferred-media__poster-button:hover{background:rgba(var(--color-black),.6)}.video-section .video-section__media-shell--minimal .deferred-media__poster-button{top:initial;left:initial;bottom:2.4rem;right:2.4rem;transform:initial}.video-section .video-section__media-shell--minimal .deferred-media__poster-button:hover{background:rgba(var(--color-black),.6)}.repeater-video .hls-video-wrapper:not(.hls-video-wrapper--minimal) .deferred-media__poster-button,.hls-video-wrapper:not(.hls-video-wrapper--minimal) .deferred-media__poster-button{top:50%;left:50%;transform:translate(-50%,-50%)}.collection .deferred-media__poster-button{width:3.2rem;height:3.2rem;top:1.5rem;right:-1.6rem;padding:.8rem;margin:2rem}.collection .deferred-media__poster-button .play:before,.collection .deferred-media__poster-button .pause:before{content:"";position:absolute;top:-2rem;left:-2rem;right:-2rem;bottom:-2rem}.article-template__featured_video .deferred-media__poster-button:not(:is(.hls-video-wrapper--minimal *)){right:50%;bottom:50%;transform:translate(-50%,-50%);background-color:var(--color-white);color:var(--color-starbucks-green);border:none;transition:all .3s ease;width:4rem;height:4rem}.article-template__featured_video .deferred-media__poster-button:not(:is(.hls-video-wrapper--minimal *)) .svg-wrapper{width:2rem;height:2rem}@media screen and (min-width:768px){.article-template__featured_video .deferred-media__poster-button:not(:is(.hls-video-wrapper--minimal *)) .svg-wrapper{width:2rem;height:2rem}}@media screen and (min-width:1024px){.article-template__featured_video .deferred-media__poster-button:not(:is(.hls-video-wrapper--minimal *)){width:4.8rem;height:4.8rem}}.article-template__featured_video .deferred-media__poster-button:not(:is(.hls-video-wrapper--minimal *)):hover{background-color:var(--color-white);color:var(--color-house-green)}.article-template__featured_video .deferred-media__poster-button:not(:is(.hls-video-wrapper--minimal *)):active{background-color:var(--color-white);color:var(--color-house-green-dark)}.article-template__featured_video .deferred-media__poster-button:not(:is(.hls-video-wrapper--minimal *)):is(.hls-poster:hover *){background:var(--color-white)}.article-template__featured_video .deferred-media__poster-button:not(:is(.hls-video-wrapper--minimal *)):is(.hls-poster:hover *):hover{background-color:var(--color-white)}.article-template__featured_video .deferred-media__poster-button:not(:is(.hls-video-wrapper--minimal *)):is(.deferred-media>.deferred-media__poster:focus-visible *){outline:.2rem solid var(--color-white);outline-offset:.3rem;background:var(--color-white)}.article-template__featured_video .deferred-media__poster-button:not(:is(.hls-video-wrapper--minimal *)):is(.hls-loading *){transition:all .5s ease;background-color:var(--color-grey-lightest);color:var(--color-grey-light)}.image-with-text__video .deferred-media__poster-button,.collage-four .deferred-media__poster-button{width:3.2rem;height:3.2rem;bottom:2rem;right:2rem;transform:translate(0)}@media screen and (min-width:768px){.image-with-text__video .deferred-media__poster-button,.collage-four .deferred-media__poster-button{width:4rem;height:4rem}}.tabbed-block .deferred-media__poster-button{width:3.2rem;height:3.2rem;top:auto;left:auto;bottom:2rem;right:2rem;transform:translate(0)}@media screen and (min-width:768px){.tabbed-block .deferred-media__poster-button{width:4rem;height:4rem}}@media screen and (min-width:1024px){.tabbed-block .deferred-media__poster-button{width:4.8rem;height:4.8rem}}.deferred-media__poster-button .svg-wrapper{display:block;width:1.6rem;height:1.6rem}@media screen and (min-width:768px){.deferred-media__poster-button .svg-wrapper{width:2rem;height:2rem}}@media screen and (max-width:1023px){.video-section__overlay-heading{padding-right:2rem}}@media(prefers-reduced-motion:reduce){.video-section .deferred-media video{display:none!important}.video-section .deferred-media__poster-button .svg-wrapper{display:none}.deferred-media__poster{pointer-events:none}.deferred-media__poster-button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-deferred-media.css.map */