.sb-reference .ref-mini-videos{margin-top:30px}.sb-reference .ref-videos-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.sb-reference .ref-videos-heading h3{margin:0;text-align:left;font-size:28px;line-height:1.12;max-width:16ch}.sb-reference .ref-mini-videos__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px) / 2.15);grid-template-columns:none;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 12px;scroll-padding-inline:0;-webkit-overflow-scrolling:touch}.sb-reference .ref-mini-videos__grid::-webkit-scrollbar{display:none}.sb-reference .ref-mini-videos__grid:focus-visible{outline-offset:3px;border-radius:14px}.sb-reference .ref-videos-nav{display:flex;gap:6px;flex-shrink:0}.sb-reference .ref-videos-nav button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ref-line);border-radius:50%;background:#fff;color:var(--ref-accent);padding:8px;transition:background .2s,border-color .2s}.sb-reference .ref-videos-nav button svg{width:20px;height:20px}.sb-reference .ref-videos-nav button:disabled{opacity:.35}.sb-reference .ref-videos-nav button:not(:disabled):hover{background:var(--ref-mint);border-color:var(--ref-accent)}.sb-reference .ref-videos-nav button:not(:disabled):active{background:var(--ref-bright)}.sb-reference .ref-video-card{position:relative;display:block;min-width:0;padding:0;aspect-ratio:9/16;border:0;border-radius:14px;overflow:hidden;color:#fff;background:var(--ref-ink);isolation:isolate;text-align:center;scroll-snap-align:start}.sb-reference .ref-video-card video{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;pointer-events:none}.sb-reference .ref-video-card__muted{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#17262099}.sb-reference .ref-video-card__muted svg{width:16px;height:16px}.sb-reference .ref-video-card__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:46px;height:46px;transform:translate(-50%,-50%);border:1px solid #ffffffb3;border-radius:50%;background:#17262066;transition:background .2s,scale .2s;z-index:1}.sb-reference .ref-video-card__play svg{width:25px;height:25px;margin-left:2px}.sb-reference .ref-video-card:focus-visible{outline-offset:-4px;outline-color:var(--ref-bright)}.sb-reference .ref-video-card:is(:hover,:focus-visible) .ref-video-card__play{background:var(--ref-accent);scale:1.08}html.ref-video-modal-open{overflow:hidden}.sb-reference .ref-video-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(420px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:16px;overflow:auto;background:var(--ref-ink);color:#fff;box-shadow:0 16px 80px #0006}.sb-reference .ref-video-dialog[open]{display:block;height:fit-content}.sb-reference .ref-video-dialog:not([open]){display:none}.sb-reference .ref-video-dialog::backdrop{background:#10261fcc}.sb-reference .ref-video-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:6px 8px 6px 18px}.sb-reference .ref-video-dialog__header h3{margin:0;font-size:22px;line-height:1.2;text-align:left}.sb-reference .ref-video-dialog__header button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:none;color:#fff}.sb-reference .ref-video-dialog__header svg{width:24px;height:24px}.sb-reference .ref-video-dialog video{display:block;width:100%;height:min(70dvh,640px);aspect-ratio:9/16;object-fit:contain;border-radius:0;box-shadow:none;background:#000}.sb-reference .ref-video-dialog [data-ref-video-error]{padding:14px 18px;font-size:13px}@media(max-width:880px){.sb-reference .ref-mini-videos__grid{grid-auto-columns:calc((100% - 12px) / 2.15)}}@media(max-width:600px){.sb-reference .ref-videos-heading h3{font-size:28px;max-width:none}.sb-reference .ref-videos-nav{display:none}.sb-reference .ref-mini-videos__grid{grid-auto-columns:calc((100% - 12px) / 1.7)}}@media(prefers-reduced-motion:reduce){.sb-reference .ref-video-card__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/product-reference-videos.css.map */