.giu-video-hero{position:relative;width:100%;border-radius:var(--media-radius,12px);overflow:hidden}.giu-video-hero__teaser{display:block;width:100%;padding:0;border:0;margin:0;cursor:pointer;position:relative;overflow:hidden;background:#000;aspect-ratio:16/9;line-height:0}.giu-video-hero__loop{width:100%;height:100%;object-fit:cover;display:block}.giu-video-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(180deg,#0000 40%,#00000059);transition:background .25s ease;pointer-events:none}.giu-video-hero__teaser:hover .giu-video-hero__overlay{background:#0000002e}.giu-video-hero__play{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffffeb;color:#1f6b3a;box-shadow:0 3px 12px #0000004d;transition:transform .2s ease;padding-left:2px}.giu-video-hero__play svg{width:18px;height:18px}.giu-video-hero__teaser:hover .giu-video-hero__play{transform:scale(1.08)}.giu-video-hero__label{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.5)}.giu-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#000000e0;padding:clamp(12px,4vw,48px);opacity:0;transition:opacity .2s ease}.giu-video-modal[hidden]{display:none!important}.giu-video-modal:not([hidden]){opacity:1}.giu-video-modal__inner{width:100%;max-width:1100px;aspect-ratio:16/9}.giu-video-modal__video{width:100%;height:100%;border-radius:10px;background:#000;display:block}.giu-video-modal__close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;color:#fff;background:#ffffff1f;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.giu-video-modal__close:hover{background:#ffffff40}body.giu-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/giu-video.css.map */