.video-teaser{position:fixed;left:1.2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));z-index:5;width:8.4rem;aspect-ratio:9 / 16;border-radius:1rem;overflow:hidden;background:#000;box-shadow:0 .6rem 2rem #00000040;opacity:0;transform:translateY(.8rem);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.video-teaser[hidden]{display:none}.video-teaser.is-visible{opacity:1;transform:none;pointer-events:auto}.video-teaser.is-visible.is-off{opacity:0;transform:translateY(.8rem);pointer-events:none}@media screen and (min-width:750px){.video-teaser{left:2rem;bottom:2rem;width:11rem}}.video-teaser__open{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;color:inherit}.video-teaser__open img,.video-teaser__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-teaser__video{display:none}.video-teaser.is-playing .video-teaser__video{display:block}.video-teaser__play{position:absolute;left:50%;top:50%;width:3.2rem;height:3.2rem;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffeb;color:#222;display:flex;align-items:center;justify-content:center}.video-teaser__play svg{width:1.3rem;height:1.3rem;margin-left:.2rem}.video-teaser.is-playing .video-teaser__play{width:2.4rem;height:2.4rem;opacity:.85}.video-teaser__label{position:absolute;left:0;right:0;bottom:0;padding:1.2rem .4rem .6rem;font-size:1.1rem;line-height:1.2;letter-spacing:.02em;text-align:center;color:#fff;background:linear-gradient(transparent,#000000a6)}.video-teaser__close{position:absolute;top:.3rem;right:.3rem;z-index:2;width:2.2rem;height:2.2rem;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-teaser__close svg{width:1rem;height:1rem}.video-teaser__open:focus-visible,.video-teaser__close:focus-visible{outline:.2rem solid #fff;outline-offset:-.3rem}@media screen and (max-width:749px){.product__media-wrapper{position:relative}.video-teaser{position:absolute;left:1rem;bottom:var(--video-teaser-bottom, 6.9rem);z-index:2;width:7.2rem;aspect-ratio:1;border-radius:50%;overflow:visible;background:none;box-shadow:none}.video-teaser__open{border:.2rem solid #fff;border-radius:50%;overflow:hidden;background:#000;box-shadow:0 .4rem 1.4rem #0000004d}.video-teaser__play{width:2.8rem;height:2.8rem}.video-teaser__play svg{width:1.1rem;height:1.1rem}.video-teaser__label{display:none}.video-teaser__close{top:-.4rem;right:-.4rem;background:#000000b3}.video-teaser__open:focus-visible{outline-offset:.2rem;outline-color:rgb(var(--color-foreground))}}.video-teaser-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:flex;align-items:center;justify-content:center;padding:calc(5.6rem + env(safe-area-inset-top,0px)) 1.2rem calc(1.6rem + env(safe-area-inset-bottom,0px));background:#000000f0}.video-teaser-modal[hidden]{display:none}.video-teaser-modal__video{display:block;width:100%;max-width:60rem;height:100%;max-height:100%;object-fit:contain;background:#000;border-radius:.8rem}.video-teaser-modal__close{position:absolute;top:calc(1rem + env(safe-area-inset-top,0px));right:1rem;z-index:1;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:#ffffff29;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-teaser-modal__close svg{width:1.6rem;height:1.6rem}.video-teaser-modal__close:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.video-teaser-modal video::-webkit-media-controls-mute-button,.video-teaser-modal video::-webkit-media-controls-volume-slider,.video-teaser-modal video::-webkit-media-controls-volume-control-container,.product__media-wrapper video::-webkit-media-controls-mute-button,.product__media-wrapper video::-webkit-media-controls-volume-slider,.product__media-wrapper video::-webkit-media-controls-volume-control-container,product-modal video::-webkit-media-controls-mute-button,product-modal video::-webkit-media-controls-volume-slider,product-modal video::-webkit-media-controls-volume-control-container{display:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-video-teaser.css.map */