@font-face{font-family:Cubao Free Narrow;font-style:normal;font-weight:400;font-display:swap;src:url(cubao-narrow-latin-400-normal.woff2) format("woff2")}.demo-reels{background:var(--demo-field, #ffffff);padding:7rem 1.5rem}.demo-reels__inner{margin:0 auto;width:100%;max-width:var(--site-max-width, 64rem)}.demo-reels__heading{margin:0 0 2rem;font-family:"Cubao Free Narrow",var(--base-font-family, system-ui, sans-serif);font-synthesis-weight:none;font-weight:400;font-size:3.75rem;line-height:.95;letter-spacing:-.025em;text-align:center;text-transform:uppercase;color:var(--demo-heading, #4b3c55)}.demo-reels__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}.demo-reel{position:relative;overflow:hidden;border-radius:1rem;background:var(--demo-card, #d5bdef)}.demo-reel__waves{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.demo-reel__waves--alt{transform:scale(1.25) rotate(8deg)}.demo-reel__body{position:relative;padding:1.5rem 1.5rem 3.5rem}.demo-reel__mat{overflow:hidden;border:6px solid var(--demo-mat, #fbeeda);border-radius:1.5rem}.demo-reel__caption{position:absolute;inset-inline:2rem;bottom:1.25rem;display:flex;justify-content:center}.demo-reel__label{margin:0;border-radius:1rem;background:var(--demo-label-bg, #ffffff);padding:.5rem 1rem .25rem;font-family:"Cubao Free Narrow",var(--base-font-family, system-ui, sans-serif);font-synthesis-weight:none;font-weight:400;font-size:2.25rem;line-height:1;letter-spacing:.025em;text-align:center;text-transform:uppercase;color:var(--demo-label-text, #d5bdef)}.reel-player{position:relative;width:100%;aspect-ratio:var(--reel-aspect, 16 / 9);overflow:hidden;background:#4b3c55}.reel-player__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer}.reel-player--playing .reel-player__poster{display:none}.reel-player__poster:focus-visible{outline:2px solid var(--reel-badge, #bba3d4);outline-offset:-2px}.reel-player__thumb{display:block;width:100%;height:100%;object-fit:cover;transition:filter .15s ease}.reel-player__poster:hover .reel-player__thumb{filter:brightness(1.1)}.reel-player__badge{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.reel-player__badge:before{content:"";position:absolute;width:3.5rem;height:3.5rem;border-radius:9999px;background:color-mix(in srgb,var(--reel-badge, #bba3d4) 90%,transparent);box-shadow:0 0 0 2px #fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .15s ease,background-color .15s ease}.reel-player__poster:hover .reel-player__badge:before,.reel-player__poster:focus-visible .reel-player__badge:before{transform:scale(1.1);background:var(--reel-badge, #bba3d4)}.reel-player__badge svg{position:relative;margin-left:.25rem;width:2rem;height:2rem;color:#fff;transition:transform .15s ease}.reel-player__poster:hover .reel-player__badge svg,.reel-player__poster:focus-visible .reel-player__badge svg{transform:scale(1.1)}.reel-player__stage{position:absolute;top:0;right:0;bottom:0;left:0}.reel-player__stage:empty{display:none}.reel-player__frame,.reel-player__stage video{display:block;width:100%;height:100%;border:0}@media(max-width:768px){.demo-reels{padding:5rem 1rem}.demo-reels__heading{font-size:2.25rem}.demo-reels__grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}.demo-reel__body{padding:1rem 1rem 3.5rem}.demo-reel__caption{inset-inline:1.5rem}.demo-reel__label{font-size:1.875rem}}@media(min-width:769px)and (max-width:1023px){.demo-reels__grid{gap:2rem}}@media(prefers-reduced-motion:reduce){.reel-player__thumb,.reel-player__badge:before,.reel-player__badge svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/demo-reels.css.map */