.hls-video-wrapper,hls-video-player{position:relative;height:100%;width:100%;border-radius:var(--media-border-radius);margin:0}.hls-video-wrapper:after,hls-video-player:after{content:none}hls-video-player .hls-loading-overlay.hls-loading-overlay--hidden,.hls-video-wrapper .hls-loading-overlay.hls-loading-overlay--hidden,.hls-loading-overlay.hls-loading-overlay--hidden,hls-video-player .hls-video-player--hidden,.hls-video-wrapper .hls-video-player--hidden{display:none}.hls-poster-thumbnail{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.hls-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-house-green-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:inherit}.hls-video-player{width:100%;height:42rem;object-fit:cover;border-radius:inherit;cursor:pointer;pointer-events:auto;position:relative;z-index:15}hls-video-player.playing:not(.hls-video-wrapper--minimal) .hls-poster,.hls-video-wrapper.playing:not(.hls-video-wrapper--minimal) .hls-poster,.hls-poster.loaded .hls-loading-overlay{display:none}.hls-video-wrapper--minimal{aspect-ratio:16/9;height:auto}.hls-video-wrapper--minimal .hls-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;z-index:25}.hls-video-wrapper--minimal .hls-video-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hls-video-wrapper--minimal.playing .hls-poster{background-color:#0000}.hls-video-wrapper--minimal.playing .hls-poster .hls-poster-thumbnail,.hls-video-wrapper--minimal.playing .hls-poster .hls-loading-spinner{display:none}hls-video-player.playing .hls-video-player,.hls-video-wrapper.playing .hls-video-player{display:block}hls-video-player:not(.playing):not(.hls-video-wrapper--minimal) .hls-video-player:not(.hls-video-player--hidden),.hls-video-wrapper:not(.playing):not(.hls-video-wrapper--minimal) .hls-video-player:not(.hls-video-player--hidden){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}hls-video-player:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player,.hls-video-wrapper:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player{width:100%;height:42rem;object-fit:cover}hls-video-player .hls-video-player:focus-visible,.hls-video-wrapper .hls-video-player:focus-visible{outline:none}@media screen and (max-width:767px){hls-video-player:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player,.hls-video-wrapper:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player{height:calc((100vw - 4rem)*.5625);width:calc(100vw - 4rem);z-index:20;touch-action:manipulation;position:relative}.hls-loading-text{font-size:1.2rem}hls-video-player.playing:not(.hls-video-wrapper--minimal) .deferred-media__poster-button,.hls-video-wrapper.playing:not(.hls-video-wrapper--minimal) .deferred-media__poster-button{pointer-events:none;opacity:0;z-index:-1}.hls-video-wrapper--minimal .hls-video-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}}.hls-touch-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:30;background:#0000;cursor:pointer;touch-action:manipulation}@media screen and (min-width:768px){hls-video-player,.hls-video-wrapper{border-radius:var(--media-border-radius)}hls-video-player.card--standard,.hls-video-wrapper.card--standard{border-radius:var(--card-border-radius)}}@media screen and (min-width:768px)and (max-width:1023px){hls-video-player:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player,.hls-video-wrapper:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player{max-height:42rem}.article-template__hero-container hls-video-player:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player,.article-template__hero-container .hls-video-wrapper:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player{height:100%;max-height:initial}hls-video-player .dynamic-content-wrapper .hls-video-player,.hls-video-wrapper .dynamic-content-wrapper .hls-video-player{max-height:42rem;height:42rem}.article-template__hero-container hls-video-player .dynamic-content-wrapper .hls-video-player,.article-template__hero-container .hls-video-wrapper .dynamic-content-wrapper .hls-video-player{height:100%;max-height:initial}}@media screen and (min-width:1024px){.video-section hls-video-player:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player,.video-section .hls-video-wrapper:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player,.article-template__hero-container hls-video-player:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player,.article-template__hero-container .hls-video-wrapper:not(.hls-video-wrapper--minimal):not(.hls-video-wrapper--vertical) .hls-video-player{height:100%;aspect-ratio:16/9;max-height:62rem}}.video-section__wrapper .deferred-media.hls-video-wrapper,.video-section__wrapper hls-video-player{display:flex;margin:0 auto;height:62rem;max-height:62rem}@media screen and (max-width:767px){.dynamic-content-wrapper hls-video-player,.dynamic-content-wrapper .hls-video-wrapper{display:inline-flex;margin:0}}@media screen and (min-width:768px)and (max-width:1023px){.dynamic-content-wrapper hls-video-player,.dynamic-content-wrapper .hls-video-wrapper{max-height:fit-content;height:42rem;margin:0}}.hls-fallback{padding:4rem 2rem;text-align:center;font-family:var(--font-body-family);font-size:1.4rem;margin:0}.hls-poster{position:relative;overflow:hidden}.video-section .hls-poster,.article-template__hero-container .hls-poster{aspect-ratio:16/9;max-height:62rem}tabbed-block .hls-poster{aspect-ratio:4/3}.hls-poster img{transition:transform .3s ease}.hls-loading-text{color:var(--color-white);font-family:var(--font-body-family);font-size:1.6rem}.hls-loading .video-section__poster.media .hls-loading-spinner{display:flex;align-items:center;justify-content:center;position:absolute;width:6rem;height:6rem;max-width:none;padding:1rem;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;border-radius:var(--stbx-radius-full);background-color:rgba(var(--color-black),.55)}.article-template__featured_video .hls-loading .video-section__poster.media .hls-loading-spinner{display:none}.hls-loading .hls-spinner{width:4rem;height:4rem;border:2px solid rgba(var(--color-black),.1);border-radius:var(--stbx-radius-full);border-top-color:var(--color-white);animation:hls-spin 1s ease-in-out infinite;display:block}.hls-loading .hls-poster[disabled]{opacity:.8}.hls-video-wrapper--minimal .hls-poster[disabled]{opacity:1}.hls-video-wrapper--minimal .deferred-media__poster-button{top:initial;left:initial;bottom:2.4rem;right:2.4rem;transform:initial}@media screen and (min-width:768px){.hls-video-wrapper--minimal .deferred-media__poster-button{bottom:2rem;right:2rem}}@media screen and (min-width:1024px){.hls-video-wrapper--minimal .deferred-media__poster-button{bottom:2.4rem;right:2.4rem}}.hls-ready .hls-loading-spinner{display:none}.hls-ready .deferred-media__poster-button{opacity:1;cursor:pointer;transition:opacity .2s ease,cursor .2s ease}.hls-ready .hls-poster{cursor:pointer}.video-transcript[open]~.hls-ready .deferred-media__poster-button{z-index:20;box-shadow:0 0 0 1.2rem rgba(var(--color-black),1)}.hls-loading-spinner{display:none}.hls-loading-spinner--visible{display:flex}.repeater-video .hls-loading-spinner--visible{display:flex;position:absolute;z-index:100}.product__media-video.hls-video-wrapper--minimal .hls-poster:focus-visible{outline:.2rem solid var(--color-white);outline-offset:-.4rem}.hls-video-wrapper--minimal .hls-poster.media .hls-loading-spinner{align-items:center;justify-content:center;position:absolute;width:6rem;height:6rem;max-width:none;padding:1rem;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;border-radius:var(--stbx-radius-full);background-color:rgba(var(--color-black),.55);visibility:hidden}.hls-video-wrapper--minimal .hls-poster.media .hls-loading-spinner .hls-spinner{display:block;width:4rem;height:4rem;border:2px solid rgba(var(--color-black),.1);border-radius:var(--stbx-radius-full);border-top-color:var(--color-white);animation:hls-spin 1s ease-in-out infinite}.hls-video-wrapper--minimal.hls-buffering .hls-poster.media .hls-loading-spinner{visibility:visible}.hls-video-mute-toggle{position:absolute;bottom:2.4rem;right:8rem;z-index:25;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:.2rem solid var(--color-white);border-radius:var(--stbx-radius-full);background:rgba(var(--color-black),.45);color:var(--color-white);cursor:pointer}@media screen and (min-width:768px){.hls-video-mute-toggle{bottom:2rem;right:5.2rem}}@media screen and (min-width:1024px){.hls-video-mute-toggle{bottom:2.4rem;right:5.2rem}}.hls-video-mute-toggle:hover{color:var(--color-green-light);border-color:var(--color-green-light)}.hls-video-mute-toggle:focus-visible{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)}.hls-video-mute-toggle .svg-wrapper{display:none;width:2rem;height:2rem}.hls-video-mute-toggle[aria-pressed=true] .unmuted,.hls-video-mute-toggle[aria-pressed=false] .muted{display:flex}.reserve-theme .hls-video-mute-toggle{color:var(--color-light-roast, #ffebcf);border-color:var(--color-light-roast, #ffebcf)}.reserve-theme .hls-video-mute-toggle:hover{color:var(--color-white, #ffffff);border-color:var(--color-white, #ffffff)}hls-video-player.playing:not(.hls-video-wrapper--minimal) .hls-video-mute-toggle,.hls-video-wrapper.playing:not(.hls-video-wrapper--minimal) .hls-video-mute-toggle{pointer-events:none;opacity:0}@keyframes hls-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}hls-video-player.playing:not(.hls-video-wrapper--minimal) .deferred-media__poster-button,.hls-video-wrapper.playing:not(.hls-video-wrapper--minimal) .deferred-media__poster-button{pointer-events:none;opacity:0}.hls-video-wrapper--minimal.playing .deferred-media__poster-button{pointer-events:auto;opacity:1;z-index:25}.hls-video-wrapper.hls-video-wrapper--minimal .deferred-media__poster-button{top:initial;left:initial;bottom:2.4rem;right:2.4rem;transform:initial}@media screen and (min-width:768px){.hls-video-wrapper.hls-video-wrapper--minimal .deferred-media__poster-button{bottom:2rem;right:2rem}}@media screen and (min-width:1024px){.hls-video-wrapper.hls-video-wrapper--minimal .deferred-media__poster-button{bottom:2.4rem;right:2.4rem}}.hls-video-wrapper--minimal .hls-poster[aria-pressed=true] .pause{display:block}.hls-video-wrapper--minimal .hls-poster[aria-pressed=true] .play,.hls-video-wrapper--minimal .hls-poster[aria-pressed=false] .pause{display:none}.hls-video-wrapper--minimal .hls-poster[aria-pressed=false] .play{display:block}hls-video-player.hls-video-wrapper--cloudflare-gated .deferred-media__poster-button,.hls-video-wrapper.hls-video-wrapper--cloudflare-gated .deferred-media__poster-button{top:initial;left:initial;bottom:2.4rem;right:2.4rem;transform:initial}@media screen and (min-width:768px){hls-video-player.hls-video-wrapper--cloudflare-gated .deferred-media__poster-button,.hls-video-wrapper.hls-video-wrapper--cloudflare-gated .deferred-media__poster-button{bottom:2rem;right:2rem}}@media screen and (min-width:1024px){hls-video-player.hls-video-wrapper--cloudflare-gated .deferred-media__poster-button,.hls-video-wrapper.hls-video-wrapper--cloudflare-gated .deferred-media__poster-button{bottom:2.4rem;right:2.4rem}}.hls-video-wrapper--cloudflare-gated .hls-poster .pause{display:none}.hls-video-wrapper__frame{position:absolute;top:50%;left:50%;height:100%;max-height:100%;max-width:100%;aspect-ratio:var(--hls-video-frame-aspect-ratio, .5625);transform:translate(-50%,-50%)}.template-collection__card-item .video-section__hls-frame{position:relative;z-index:2;padding-bottom:var(--ratio-percent);pointer-events:none}.template-collection__card-item .video-section__hls-frame .deferred-media.hls-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.template-collection__card-item .video-section__hls-frame .video-section__native{pointer-events:none}.template-collection__card-item .video-section__hls-frame .hls-video-wrapper--minimal .deferred-media__poster-button{top:1.5rem;right:-1.6rem;bottom:initial;left:initial;transform:translate(-50%,-50%);pointer-events:auto}.hls-video-wrapper--vertical{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.hls-video-wrapper--vertical .hls-poster,.hls-video-wrapper--vertical .hls-poster-thumbnail,.hls-video-wrapper--vertical .hls-video-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.hls-video-wrapper--vertical.hls-video-wrapper--minimal .deferred-media__poster-button{right:1.2rem;bottom:1.2rem;height:4rem;width:4rem}.hls-video-wrapper--vertical.hls-video-wrapper--minimal .hls-video-mute-toggle{right:6.2rem;bottom:1.2rem;z-index:26}@media(prefers-reduced-motion:reduce){hls-video-player .hls-video-player{display:none!important}hls-video-player .svg-wrapper{display:none}hls-video-player .hls-poster{pointer-events:none}.hls-video-wrapper--minimal .video-section__overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-hls-video.css.map */