tpg-video-banner{display:block}.tpg-video-banner__media{background:rgb(var(--color-background))}.tpg-video-banner__poster{z-index:0}.tpg-video-banner__poster-image,.tpg-video-banner__poster img,.tpg-video-banner__poster svg,.tpg-video-banner__video{width:100%;height:100%;object-fit:cover;object-position:var(--tpg-video-position-desktop, center center)}.tpg-video-banner__video{z-index:1}.tpg-video-banner[data-video-state] .tpg-video-banner__video{opacity:0;transition:opacity .3s ease}.tpg-video-banner[data-video-state=playing] .tpg-video-banner__video{opacity:1}.tpg-video-banner__toggle{display:none}.tpg-video-banner--js .tpg-video-banner__media>.tpg-video-banner__toggle{position:absolute;top:auto;left:auto;right:1.6rem;bottom:1.6rem;z-index:3;width:4.4rem;max-width:4.4rem;height:4.4rem;min-height:4.4rem;padding:0;border:.1rem solid rgba(0,0,0,.16);border-radius:50%;background:#ffffffe0;color:#000;box-shadow:0 .2rem .8rem #00000029;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.tpg-video-banner__toggle:hover{background:#fff}.tpg-video-banner__toggle:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.tpg-video-banner__toggle .svg-wrapper{width:1.6rem;height:1.6rem}.tpg-video-banner__toggle .icon{width:100%;height:100%}.tpg-video-banner__toggle [hidden]{display:none}@media screen and (max-width:749px){.tpg-video-banner__poster-image,.tpg-video-banner__poster img,.tpg-video-banner__poster svg,.tpg-video-banner__video{object-position:var(--tpg-video-position-mobile, center center)}.tpg-video-banner .banner--full-screen:not(.banner--mobile-bottom) .banner__content{min-height:100vh;min-height:100svh}.tpg-video-banner .banner--full-screen.banner--mobile-bottom .banner__media{height:100vh;height:100svh}}@media screen and (min-width:750px){.tpg-video-banner .banner--full-screen{min-height:100vh;min-height:100svh}.tpg-video-banner--js .tpg-video-banner__media>.tpg-video-banner__toggle{right:2.4rem;bottom:2.4rem}}@media(prefers-reduced-motion:reduce){.tpg-video-banner[data-video-state] .tpg-video-banner__video{transition:none}}@media(forced-colors:active){.tpg-video-banner__toggle{background:Canvas;color:CanvasText;border-color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-tpg-video-banner.css.map */