@layer layout{.content-gallery{--gallery-cols:4;--gallery-min:220px;--gallery-floor:2;--gallery-gap:var(--grid-gap,1rem);position:relative}.content-gallery :where(ul,ol){list-style:none;margin:0;padding:0}.content-gallery :where(li){min-width:0}.content-gallery--hide :where(ul,ol){display:grid;grid-gap:var(--gallery-gap);gap:var(--gallery-gap);grid-auto-rows:0;grid-template-columns:repeat(auto-fit,minmax(clamp((100% - (var(--gallery-cols) - 1) * var(--gallery-gap))/var(--gallery-cols),var(--gallery-min),(100% - (var(--gallery-floor) - 1) * var(--gallery-gap))/var(--gallery-floor)),1fr));grid-template-rows:max-content;overflow:clip}.content-gallery--slide.content-gallery--css :where(ul,ol){display:flex;gap:var(--gallery-gap);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.content-gallery--slide.content-gallery--css :where(ul,ol)::-webkit-scrollbar{display:none}.content-gallery--slide.content-gallery--css :where(li){flex:0 0 clamp((100% - (var(--gallery-cols) - 1) * var(--gallery-gap))/var(--gallery-cols),var(--gallery-min),100%);scroll-snap-align:start}.content-gallery .gallery-nav{align-items:center;background:var(--gallery-nav-bg,rgba(0,0,0,.5));border:0;border-radius:9999px;color:var(--gallery-nav-color,#fff);cursor:pointer;display:grid;height:2.5rem;justify-items:center;place-items:center;position:absolute;top:50%;translate:0 -50%;width:2.5rem;z-index:2}.content-gallery .gallery-nav:before{border:solid;border-width:2px 2px 0 0;content:"";height:.6em;width:.6em}.content-gallery .gallery-prev{inset-inline-start:.25rem}.content-gallery .gallery-prev:before{margin-inline-start:.2em;rotate:-135deg}.content-gallery .gallery-next{inset-inline-end:.25rem}.content-gallery .gallery-next:before{margin-inline-end:.2em;rotate:45deg}.content-gallery .gallery-nav[hidden]{display:none}}