.vids{padding:96px 0 112px;background:var(--page)}.vids__tete{display:flex;flex-direction:column;gap:12px;padding:0 var(--gutter, 48px) 40px}.vids__texte{margin:0;color:var(--noir)}.vids__liste{display:grid;grid-template-columns:repeat(var(--nb, 5),minmax(0,1fr));gap:12px;margin:0;padding:0 var(--gutter, 48px);list-style:none}.vids__item{display:flex;flex-direction:column;gap:12px;min-width:0}.vids__media{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden;background:var(--lin);cursor:pointer}.vids__media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vids__son{position:absolute;right:12px;bottom:12px;z-index:1;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fcfcfbe0;color:var(--brun);cursor:pointer;transition:background .2s var(--ease, ease),transform .2s var(--ease, ease)}.vids__son:hover{background:var(--ivoire);transform:scale(1.05)}.vids__son:focus-visible{outline:1px solid var(--ivoire);outline-offset:3px}.vids__icone{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.vids__icone--son{display:none}.vids__son[aria-pressed=true] .vids__icone--son{display:block}.vids__son[aria-pressed=true] .vids__icone--muet{display:none}.vids__lecture{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#1c1c2059;color:var(--ivoire);pointer-events:none;opacity:0;transition:opacity .3s var(--ease, ease)}.vids__lecture .i{width:22px;height:22px;fill:currentColor;stroke:none}.vids__media.is-arret .vids__lecture{opacity:1}.vids__legende{margin:0}@media(max-width:1023px){.vids{padding:64px 0 72px}.vids__tete{padding:0 20px 28px}.vids__liste{display:flex;gap:12px;padding:0 20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none}.vids__liste::-webkit-scrollbar{display:none}.vids__item{flex:0 0 62vw;max-width:300px;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/obaia-section-videos.css.map */