.onz-reels{--onz-reels-fg: var(--color-foreground);padding-block:var(--onz-reels-pad-y, 4.4rem);background:rgb(var(--color-background));color:rgb(var(--onz-reels-fg))}.onz-reels--bordered{border-bottom:1px solid rgba(var(--color-foreground),.16)}.onz-reels--warm{background:rgb(var(--color-secondary-background))}.onz-reels--brand{--onz-reels-fg: var(--color-background);background:rgb(var(--color-primary))}.onz-reels__head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:2rem}.onz-reels__pause{margin-left:auto;padding:.6rem 1.4rem;height:auto;border:1px solid rgba(var(--onz-reels-fg),.2);border-radius:100px;background:transparent;color:rgba(var(--onz-reels-fg),.75);font-size:1.2rem;font-weight:600;line-height:1.5;cursor:pointer}.onz-reels__pause-off,[data-onz-paused=true] .onz-reels__pause-on{display:none}[data-onz-paused=true] .onz-reels__pause-off{display:inline}.onz-reels__heading{margin:0;font-size:clamp(2rem,1.5rem + 1.2vw,2.8rem);font-weight:800;line-height:1.2;text-align:center}.onz-reels__grid{display:grid;grid-template-columns:repeat(var(--onz-reels-cols, 5),minmax(0,1fr));gap:1.4rem;margin:0;padding:0;list-style:none}.onz-reels__tile{position:relative;display:block;width:100%;height:auto;padding:0;border:0;border-radius:1.4rem;overflow:hidden;background:#111;aspect-ratio:9 / 16;cursor:pointer;transition:transform .15s,box-shadow .15s}.onz-reels__tile:hover{transform:translateY(-2px);box-shadow:0 1rem 2.4rem #0000002e}.onz-reels__tile img,.onz-reels__tile svg.placeholder-svg,.onz-reels__tile video{display:block;width:100%;height:100%;object-fit:cover}.onz-reels__tile video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.onz-reels__sound{position:absolute;right:.8rem;bottom:.8rem;z-index:3;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#00000080;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.onz-reels__sound svg{width:1.7rem;height:1.7rem}.onz-reels__sound-on,.is-unmuted .onz-reels__sound-off{display:none}.is-unmuted .onz-reels__sound-on{display:block}.onz-reels__tile:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:3px}@media(max-width:749px){.onz-reels__grid{grid-auto-flow:column;grid-auto-columns:41%;grid-template-columns:none;overflow-x:auto;padding-bottom:.6rem;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.onz-reels__item{scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.onz-reels__tile{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/onz-reels.css.map */