.guru-video-product-grid{--guru-video-grid-gap: 1.5rem;--guru-video-grid-ink: var(--color-brand-ink, #151521);--guru-video-grid-surface: var(--color-pure-white, #fff);--guru-video-grid-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);overflow:clip;padding-block:4rem;background:var(--guru-video-grid-surface);color:var(--guru-video-grid-ink)}.guru-video-product-grid *,.guru-video-product-grid *:before,.guru-video-product-grid *:after{box-sizing:border-box}.guru-video-product-grid__container{width:min(calc(100% - 2.5rem),75rem);margin-inline:auto}.guru-video-product-grid__header{margin-block-end:2rem;text-align:center}.guru-video-product-grid__heading{margin:0;color:inherit;font-family:var(--guru-font-display, "Instrument Sans", sans-serif);font-size:2.25rem;font-weight:500;letter-spacing:-.025em;line-height:1.3;text-wrap:balance}.guru-video-product-grid__slider{position:relative;width:100%;padding-inline:2.25rem}.guru-video-product-grid__track{display:grid;grid-auto-columns:calc((100% - (var(--guru-video-grid-gap) * 3)) / 4);grid-auto-flow:column;gap:var(--guru-video-grid-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;padding-block-end:1.5rem;scroll-padding-inline:0;scroll-snap-type:inline mandatory;scrollbar-width:none;-ms-overflow-style:none}.guru-video-product-grid__track::-webkit-scrollbar{display:none}.guru-video-product-grid__track:focus-visible{outline:3px solid currentColor;outline-offset:3px}.guru-video-product-grid__card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-radius:.5rem;background:var(--guru-video-grid-surface);box-shadow:var(--guru-video-grid-shadow);scroll-snap-align:start}.guru-video-product-grid__media{position:relative;width:100%;overflow:hidden;aspect-ratio:9 / 16;background:#1515210f}.guru-video-product-grid__video,.guru-video-product-grid__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.guru-video-product-grid__playback-toggle{position:absolute;z-index:2;top:50%;left:50%;display:inline-flex;width:3rem;height:3rem;-webkit-appearance:none;appearance:none;align-items:center;justify-content:center;padding:0;border:1px solid rgb(255 255 255 / .7);border-radius:999px;background:#ffffffe6;box-shadow:0 2px 10px #00000029;color:var(--guru-video-grid-ink);cursor:pointer;transform:translate(-50%,-50%);transition:opacity .16s ease,transform .16s ease}.guru-video-product-grid__playback-toggle svg{display:block;width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.guru-video-product-grid__play-icon svg{fill:currentColor;stroke:none}.guru-video-product-grid__pause-icon{display:none}.guru-video-product-grid__media.is-playing .guru-video-product-grid__playback-toggle{top:auto;right:.75rem;bottom:.75rem;left:auto;width:2.5rem;height:2.5rem;opacity:0;transform:none}.guru-video-product-grid__media.is-playing .guru-video-product-grid__play-icon{display:none}.guru-video-product-grid__media.is-playing .guru-video-product-grid__pause-icon{display:inline-flex}.guru-video-product-grid__playback-toggle:focus-visible{outline:3px solid var(--guru-video-grid-surface);outline-offset:2px;box-shadow:0 0 0 5px var(--guru-video-grid-ink)}.guru-video-product-grid__audio-toggle{position:absolute;z-index:2;right:3.75rem;bottom:.75rem;display:inline-flex;width:2.5rem;height:2.5rem;-webkit-appearance:none;appearance:none;align-items:center;justify-content:center;padding:0;border:1px solid rgb(255 255 255 / .7);border-radius:999px;background:#ffffffe6;box-shadow:0 2px 10px #00000029;color:var(--guru-video-grid-ink);cursor:pointer;opacity:.9}.guru-video-product-grid__audio-toggle[hidden]{display:none}.guru-video-product-grid__audio-toggle svg{display:block;width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.guru-video-product-grid__sound-on-icon,.guru-video-product-grid__audio-toggle[data-audio-state=unmuted] .guru-video-product-grid__sound-off-icon{display:none}.guru-video-product-grid__audio-toggle[data-audio-state=unmuted] .guru-video-product-grid__sound-on-icon{display:inline-flex}.guru-video-product-grid__audio-toggle:focus-visible{outline:3px solid var(--guru-video-grid-surface);outline-offset:2px;box-shadow:0 0 0 5px var(--guru-video-grid-ink)}.guru-video-product-grid__caption{display:flex;min-height:4.94375rem;align-items:center;gap:.5rem;color:inherit;text-decoration:none}.guru-video-product-grid__thumb{position:relative;z-index:1;display:flex;width:min(var(--guru-video-grid-thumb-width, 5rem),6.25rem);max-height:6rem;flex:0 0 auto;align-items:flex-end;align-self:stretch;margin-block-start:-1.5rem;padding-block-end:.75rem;pointer-events:none}.guru-video-product-grid__thumb-image{display:block;width:100%;height:100%;object-fit:contain}.guru-video-product-grid__copy{min-width:0;flex:1;padding:.5rem .75rem .5rem 0}.guru-video-product-grid__eyebrow,.guru-video-product-grid__title{margin:0;color:inherit;font-family:var(--guru-font-body, "DM Sans", sans-serif);letter-spacing:0}.guru-video-product-grid__eyebrow{font-size:1rem;font-weight:500;line-height:1.5}.guru-video-product-grid__title{overflow:hidden;font-size:.875rem;font-weight:400;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.guru-video-product-grid__caption:focus-visible,.guru-video-product-grid__arrow:focus-visible{outline:3px solid var(--guru-video-grid-surface);outline-offset:2px;box-shadow:0 0 0 5px var(--guru-video-grid-ink)}.guru-video-product-grid__navigation{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.guru-video-product-grid__navigation[hidden]{display:none}.guru-video-product-grid__controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.guru-video-product-grid__arrow{position:absolute;top:calc(50% - .75rem);display:inline-flex;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;-webkit-appearance:none;appearance:none;align-items:center;justify-content:center;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;pointer-events:auto;transform:translateY(-50%)}.guru-video-product-grid__arrow--previous{left:-1.375rem}.guru-video-product-grid__arrow--next{right:-1.375rem}.guru-video-product-grid__arrow:disabled{cursor:default;opacity:.3;pointer-events:none}.guru-video-product-grid__arrow svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}@media(hover:hover)and (pointer:fine){.guru-video-product-grid__caption:hover .guru-video-product-grid__title{text-decoration:underline;text-underline-offset:.18em}.guru-video-product-grid__arrow:not(:disabled):hover svg{transform:translate(.125rem)}.guru-video-product-grid__arrow--previous:not(:disabled):hover svg{transform:translate(-.125rem)}.guru-video-product-grid__media.is-playing:hover .guru-video-product-grid__playback-toggle,.guru-video-product-grid__media.is-playing .guru-video-product-grid__playback-toggle:focus-visible{opacity:.9}}@media(max-width:767px){.guru-video-product-grid{padding-block:4rem}.guru-video-product-grid__heading{font-size:1.5rem;line-height:1.3}.guru-video-product-grid__slider{padding-inline:0}.guru-video-product-grid__track{grid-auto-columns:calc((100% - (var(--guru-video-grid-gap) * .2)) / 1.2);margin-inline:-1.25rem;padding-inline:1.25rem;scroll-padding-inline:1.25rem}.guru-video-product-grid__navigation{position:static;display:flex;width:100%;justify-content:center;margin-block-start:.75rem}.guru-video-product-grid__controls{position:static;display:flex;align-items:center;justify-content:center;gap:.25rem}.guru-video-product-grid__arrow{position:static;transform:none}.guru-video-product-grid__media.is-playing .guru-video-product-grid__playback-toggle{opacity:.82}}@media(prefers-reduced-motion:reduce){.guru-video-product-grid__playback-toggle{transition:none}}@media(forced-colors:active){.guru-video-product-grid__card{border:1px solid CanvasText;box-shadow:none}.guru-video-product-grid__arrow{color:ButtonText;forced-color-adjust:auto}.guru-video-product-grid__playback-toggle,.guru-video-product-grid__audio-toggle{border:1px solid ButtonText;background:ButtonFace;color:ButtonText;forced-color-adjust:auto}}@media print{.guru-video-product-grid__track{display:grid;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.guru-video-product-grid__navigation{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/guru-video-product-grid.css.map */