.dizzign-video-hero{position:relative;display:grid;min-height:var(--dizzign-video-hero-height-desktop);padding:2rem;color:#fff;background:var(--dizzign-video-hero-background)}.dizzign-video-hero__layout{position:relative;z-index:2;width:min(100%,var(--dizzign-video-hero-layout-max-width));min-height:var(--dizzign-video-hero-height-desktop);margin:auto;transition:opacity .4s ease}.dizzign-video-hero__content-layout{display:flex;width:100%;min-height:inherit;box-sizing:border-box;align-items:var(--dizzign-video-hero-content-y-position);justify-content:var(--dizzign-video-hero-content-x-position);padding:2rem 0 var(--dizzign-video-hero-control-space);transform:translate(var(--dizzign-video-hero-content-x-offset),var(--dizzign-video-hero-content-y-offset))}.dizzign-video-hero__content-layout--mobile{display:none}.dizzign-video-hero__content-layout-inner{width:min(100%,var(--dizzign-video-hero-content-width))}.dizzign-video-hero__poster,.dizzign-video-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0}.dizzign-video-hero__poster{z-index:0}.dizzign-video-hero__poster picture{display:block;width:100%;height:100%}.dizzign-video-hero__poster-image,.dizzign-video-hero__uploaded-video{display:block;width:100%;height:100%;object-fit:cover}.dizzign-video-hero__poster-placeholder{background:linear-gradient(135deg,#4a3d36,#1e1e1e);fill:#ffffff2e}.dizzign-video-hero__video-overlay{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;pointer-events:none;background:var(--dizzign-video-hero-background);transition:opacity .4s ease}.dizzign-video-hero__video-panel{position:relative;width:min(var(--dizzign-video-hero-media-max-width),var(--dizzign-video-hero-panel-width-desktop),calc(100vw - 4rem));aspect-ratio:9 / 16;overflow:hidden;background:#000;box-shadow:0 1rem 4rem #0000004d}.dizzign-video-hero__video{position:absolute;top:0;right:0;bottom:0;left:0}.dizzign-video-hero.is-playing .dizzign-video-hero__layout,.dizzign-video-hero.is-playing .dizzign-video-hero__toggle--play{opacity:0;pointer-events:none}.dizzign-video-hero.is-playing .dizzign-video-hero__video-overlay{opacity:1;pointer-events:auto}.dizzign-video-hero__video iframe{position:absolute;top:50%;left:50%;width:max(100%,177.78vh);height:max(100%,56.25vw);border:0;transform:translate(-50%,-50%)}.dizzign-video-hero__scrim{z-index:2;pointer-events:none;background:rgb(0 0 0 / var(--dizzign-video-hero-overlay))}.dizzign-video-hero__toggle{position:absolute;z-index:4;bottom:1.25rem;left:1.25rem;display:grid;gap:.5rem;justify-items:start;padding:0;color:inherit;font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.09em;text-align:left;text-transform:uppercase;cursor:pointer;background:transparent;border:0}.dizzign-video-hero__toggle-icon{display:grid;width:4rem;height:4rem;place-items:center;border:2px solid currentColor;border-radius:50%;background:#0000002e;transition:transform .18s ease,background .18s ease}.dizzign-video-hero__toggle:hover .dizzign-video-hero__toggle-icon,.dizzign-video-hero__toggle:focus-visible .dizzign-video-hero__toggle-icon{background:#00000073;transform:scale(1.06)}.dizzign-video-hero__toggle-icon svg{width:1.45rem;height:1.45rem;fill:currentColor}.dizzign-video-hero__pause-icon,.dizzign-video-hero__toggle--pause{display:none}.dizzign-video-hero__toggle--pause .dizzign-video-hero__pause-icon{display:block}.dizzign-video-hero.is-playing .dizzign-video-hero__toggle--pause{display:grid}.dizzign-video-hero__toggle:disabled{cursor:progress}.dizzign-video-hero.is-loading .dizzign-video-hero__toggle--play .dizzign-video-hero__play-icon{display:none}.dizzign-video-hero.is-loading .dizzign-video-hero__toggle--play .dizzign-video-hero__toggle-icon:after{content:"";display:block;width:1.15rem;height:1.15rem;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:dizzign-video-hero-spinner .7s linear infinite}.dizzign-video-hero__scroll-cue{position:absolute;bottom:1.25rem;left:50%;font-size:1.8rem;transform:translate(-50%);animation:dizzign-video-hero-bounce 1.8s ease-in-out infinite}@keyframes dizzign-video-hero-bounce{50%{transform:translate(-50%,.5rem)}}@keyframes dizzign-video-hero-spinner{to{transform:rotate(1turn)}}@media screen and (max-width:749px){.dizzign-video-hero{min-height:var(--dizzign-video-hero-height-mobile);padding:0}.dizzign-video-hero__layout{min-height:var(--dizzign-video-hero-height-mobile)}.dizzign-video-hero__video-panel{width:min(var(--dizzign-video-hero-media-max-width),var(--dizzign-video-hero-panel-width-mobile),calc(100vw - 2rem))}.dizzign-video-hero__content-layout{padding:2rem 1.5rem var(--dizzign-video-hero-control-space)}.dizzign-video-hero__content-layout--desktop{display:none}.dizzign-video-hero__content-layout--mobile{display:flex}.dizzign-video-hero__toggle{bottom:1rem;left:1rem}}@media(prefers-reduced-motion:reduce){.dizzign-video-hero__video,.dizzign-video-hero__video-overlay,.dizzign-video-hero__layout,.dizzign-video-hero__toggle-icon{transition:none}.dizzign-video-hero__scroll-cue{animation:none}.dizzign-video-hero.is-loading .dizzign-video-hero__toggle--play .dizzign-video-hero__toggle-icon:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dizzign-video-hero.css.map */