.hold-demo__layout{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:center}@media screen and (min-width:990px){.hold-demo__layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:6.4rem}}.hold-demo__media{min-width:0}.hold-demo__player{display:block;position:relative;width:100%;aspect-ratio:var(--hold-demo-ratio, 1.7778);overflow:hidden;background-color:var(--hold-mist-highlight, #c5dfe0)}.hold-demo__video{display:block;width:100%;height:100%;object-fit:cover}.hold-demo__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .32s cubic-bezier(.4,0,.2,1);pointer-events:none}.hold-demo--playing .hold-demo__poster,.hold-demo--complete .hold-demo__poster{opacity:0}@media(prefers-reduced-motion:reduce){.hold-demo__poster{transition:none}}.hold-demo__placeholder{background-color:var(--hold-mist, #b5d1d2);background-image:linear-gradient(150deg,var(--hold-mist-highlight, #c5dfe0) 0%,var(--hold-mist, #b5d1d2) 55%,var(--hold-mist-shadow, #8dacae) 100%)}.hold-demo__control{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;color:var(--hold-charcoal, #34383a)}.hold-demo__cue{position:absolute;left:1.6rem;bottom:1.6rem;display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:0 1.8rem 0 1.4rem;background-color:var(--hold-warm-white, #f5f3ed);color:var(--hold-charcoal, #34383a);font-size:var(--hold-text-label);font-weight:var(--hold-weight-strong);letter-spacing:var(--hold-tracking-label);line-height:1;text-transform:uppercase;transition:opacity .32s cubic-bezier(.4,0,.2,1),background-color .32s cubic-bezier(.4,0,.2,1),color .32s cubic-bezier(.4,0,.2,1);font-family:var(--hold-font-body)}.hold-demo__cue-icon{flex:0 0 auto;width:1.6rem;height:1.6rem}.hold-demo__cue--replay,.hold-demo--complete .hold-demo__cue--play,.hold-demo--playing .hold-demo__cue{opacity:0;pointer-events:none}.hold-demo--complete:not(.hold-demo--playing) .hold-demo__cue--replay{opacity:1}@media(hover:hover){.hold-demo__control:hover .hold-demo__cue{background-color:var(--hold-charcoal, #34383a);color:var(--hold-warm-white, #f5f3ed)}}.hold-demo__control:focus-visible,.hold-demo__control.focused{outline-offset:-.4rem}@media screen and (max-width:749px){.hold-demo__cue{left:1.2rem;bottom:1.2rem}}.hold-demo__info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hold-demo__eyebrow{margin:0 0 1.2rem}.hold-demo__heading{margin:0 0 1.6rem}.hold-demo__body{margin:0;max-width:40ch;font-size:var(--hold-text-body);line-height:1.6;color:rgb(var(--color-foreground))}.hold-demo__link{margin-top:2.4rem}.hold-demo__editor-note{margin:0;font-size:var(--hold-text-small);opacity:.6}@media screen and (min-width:990px){.hold-demo__layout--single{grid-template-columns:minmax(0,1fr)}}.hold-demo__layout--single .hold-demo__info{max-width:62rem}.hold-demo__caption{margin:1.6rem 0 0;text-align:center;color:var(--hold-text-secondary);line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-hold-product-demo.css.map */