.youtube-grid-section .container{position:relative}.youtube-grid-section .youtube-grid__header{margin-bottom:calc(var(--heading-gap, 32px))}.youtube-grid{display:grid;grid-template-columns:1fr;gap:var(--youtube-grid-gap, 12px);grid-auto-flow:dense}@media(min-width:600px){.youtube-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.youtube-grid__item{display:flex;flex-direction:column;gap:10px;min-width:0}.youtube-grid__thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;margin:0;border:0;border-radius:var(--youtube-grid-radius, 8px);background:rgba(var(--text-color),.08);overflow:hidden;cursor:pointer;color:inherit;font:inherit;text-align:inherit;transition:transform .25s ease,box-shadow .25s ease}.youtube-grid__thumb:focus-visible{outline:2px solid rgb(var(--btn-bg-color));outline-offset:3px}.youtube-grid__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.youtube-grid__thumb:hover .youtube-grid__img,.youtube-grid__thumb:focus-visible .youtube-grid__img{transform:scale(1.06)}.youtube-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#00000073);opacity:.9;transition:opacity .25s ease;pointer-events:none}.youtube-grid__thumb:hover .youtube-grid__overlay,.youtube-grid__thumb:focus-visible .youtube-grid__overlay{opacity:1}.youtube-grid__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:rgb(var(--btn-bg-color));color:rgb(var(--btn-text-color, var(--bg-color)));box-shadow:0 12px 36px #00000059;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s ease;pointer-events:none}.youtube-grid__play svg,.youtube-grid__play .icon{width:32px;height:32px}.youtube-grid__thumb:hover .youtube-grid__play,.youtube-grid__thumb:focus-visible .youtube-grid__play{transform:translate(-50%,-50%) scale(1.08);background:rgb(var(--btn-bg-hover-color, var(--btn-bg-color)))}.youtube-grid__thumb:active .youtube-grid__play{transform:translate(-50%,-50%) scale(.96)}.youtube-grid__shop{align-self:flex-start;margin-top:0}.youtube-grid__thumb--empty{display:flex;align-items:center;justify-content:center;color:rgb(var(--text-color));opacity:.6;pointer-events:none}.youtube-grid__empty-note{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.75rem;padding:4px 10px;border-radius:4px;background:#0009;color:#fff}@media(min-width:1024px){.youtube-grid__item.lg\:col-span-2{grid-column:span 2 / span 2}.youtube-grid__item.lg\:col-span-3{grid-column:span 3 / span 3}.youtube-grid__item.lg\:row-span-2{grid-row:span 2 / span 2}.youtube-grid__item.lg\:row-span-3{grid-row:span 3 / span 3}.youtube-grid__item.lg\:row-span-2 .youtube-grid__thumb,.youtube-grid__item.lg\:row-span-3 .youtube-grid__thumb{height:100%;aspect-ratio:auto}}.youtube-grid__modal .modal__window{width:min(1200px,92vw);max-width:none;max-height:92vh;background:#000;color:#fff;border-radius:var(--youtube-grid-radius, 8px)}.youtube-grid__modal .modal__close-btn{top:8px;right:8px;color:#fff;z-index:2}.youtube-grid__player{width:100%;aspect-ratio:16 / 9;background:#000}.youtube-grid__player iframe{width:100%;height:100%;border:0;display:block}@media(prefers-reduced-motion:reduce){.youtube-grid__img,.youtube-grid__play,.youtube-grid__overlay,.youtube-grid__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/youtube-grid.css.map */