.yy-vids{background:var(--yy-ink);color:var(--yy-on-dark)}.yy-vids__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--yy-space-m);margin-bottom:var(--yy-space-m)}.yy-vids__heading{margin:0;font-family:var(--yy-font-display);font-variation-settings:var(--yy-display-settings-tight);font-size:var(--yy-text-xl);font-weight:600;line-height:var(--yy-leading-snug);letter-spacing:var(--yy-tracking-display);color:var(--yy-on-dark)}.yy-vids__count{flex:0 0 auto;font-family:var(--yy-font-mono);font-size:var(--yy-mono-xs);letter-spacing:.14em;text-transform:uppercase;color:#f6f1e9b8}.yy-vids__grid{display:flex;gap:var(--yy-space-xs);overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--yy-page-pad) * -1);padding-inline:var(--yy-page-pad);padding-bottom:var(--yy-space-3xs);scrollbar-width:none}.yy-vids__grid::-webkit-scrollbar{height:0;width:0}.yy-vids__item{position:relative;display:block;flex:0 0 auto;--yy-vid-w: min(24rem, calc(41rem * var(--yy-vid-ratio, 1.778)));width:var(--yy-vid-w);aspect-ratio:var(--yy-vid-ratio, 1.778);scroll-snap-align:center;border-radius:var(--yy-radius-m);overflow:hidden;background:#3a2f25}@media screen and (max-width:749px){.yy-vids__item:first-child{margin-inline-start:max(0px,calc(50% - var(--yy-vid-w) / 2))}.yy-vids__item:last-child{margin-inline-end:max(0px,calc(50% - var(--yy-vid-w) / 2))}}@media screen and (min-width:750px){.yy-vids__grid{display:grid;grid-template-columns:repeat(var(--yy-vids-cols, 2),minmax(0,1fr));gap:var(--yy-space-m);overflow:visible;margin-inline:0;padding-inline:0;padding-bottom:0;justify-items:center}.yy-vids__item{width:100%;max-width:min(100%,calc(52rem * var(--yy-vid-ratio, 1.778)));border-radius:1.8rem}}.yy-vids .yy-vids__poster{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.yy-vids__still{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.8);transition:filter var(--yy-dur-base) var(--yy-ease-out-soft),transform var(--yy-dur-base) var(--yy-ease-out-soft)}.yy-vids__poster:hover .yy-vids__still,.yy-vids__poster:focus-visible .yy-vids__still{filter:brightness(.68);transform:scale(1.02)}.yy-vids__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:var(--yy-radius-pill);background:#faf4e9f0;color:var(--yy-ink);pointer-events:none;transition:transform var(--yy-dur-base) var(--yy-ease-out-soft),background-color var(--yy-dur-fast) var(--yy-ease-out-soft)}.yy-vids__play svg{width:2rem;height:2rem;margin-left:.2rem;fill:currentColor}@media screen and (min-width:750px){.yy-vids__play{width:7.4rem;height:7.4rem}.yy-vids__play svg{width:3rem;height:3rem;margin-left:.3rem}}.yy-vids__poster:hover .yy-vids__play{transform:translate(-50%,-50%) scale(1.06);background:var(--yy-cream)}.yy-vids .yy-vids__poster:focus-visible{outline:none;box-shadow:inset 0 0 0 .3rem var(--yy-clay-light)}.yy-vids__item video,.yy-vids__item iframe{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:cover;background:#3a2f25;border-radius:inherit}.yy-vids__item[loaded] .yy-vids__poster{display:none}@media(prefers-reduced-motion:reduce){.yy-vids__still,.yy-vids__play{transition:none}.yy-vids__poster:hover .yy-vids__still,.yy-vids__poster:focus-visible .yy-vids__still{transform:none}.yy-vids__poster:hover .yy-vids__play{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-yy-product-videos.css.map */