.gallery{--gallery-columns:2;display:grid;gap:16px;grid-template-columns:repeat(var(--gallery-columns),minmax(0,1fr))}.gallery__item{aspect-ratio:5/4;background-color:var(--color-neutral-50);border-radius:5px;display:block;overflow:hidden}.gallery__image{display:block;height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.gallery__item:focus-visible .gallery__image,.gallery__item:hover .gallery__image{transform:scale(1.03)}.gallery-dialog__content{align-self:stretch;background-color:transparent;display:flex;flex-flow:column;gap:10px;margin:0 auto;max-width:100%;overflow:visible;width:fit-content}.gallery-dialog__stage{display:grid;min-height:0;place-items:center;position:relative}.gallery-dialog__stage--loading{min-height:48px;min-width:48px}.gallery-dialog__stage--loading:before{animation:gallery-dialog-loading .7s linear infinite;border:2px solid var(--color-neutral-50);border-radius:50%;border-top-color:var(--color-neutral-100);content:"";height:24px;position:absolute;width:24px;z-index:1}.gallery-dialog__image{background-color:var(--color-neutral-0);border-radius:var(--dialog-radius);display:block;height:auto;max-height:calc(100vh - var(--dialog-gap)*2 - var(--dialog-close-size) - var(--dialog-inner-gap) - 56px);max-height:calc(100dvh - var(--dialog-gap)*2 - var(--dialog-close-size) - var(--dialog-inner-gap) - 56px);max-width:min(var(--dialog-max-width),calc(100vw - var(--dialog-gap)*2));object-fit:contain;width:auto}.gallery-dialog__stage--loading .gallery-dialog__image{opacity:0}@keyframes gallery-dialog-loading{to{transform:rotate(1turn)}}.gallery-dialog__navigation{align-items:center;color:var(--color-neutral-100);display:flex;gap:16px;justify-content:center}.gallery-dialog__button{background-color:var(--color-neutral-0);border:none;border-radius:50%;color:inherit;cursor:pointer;display:grid;height:var(--dialog-close-size);padding:0;place-items:center;transition:background-color .2s ease;width:var(--dialog-close-size)}.gallery-dialog__button:before{background-color:currentColor;content:"";height:12px;-webkit-mask:var(--icon-chevron) center center /contain no-repeat;mask:var(--icon-chevron) center center /contain no-repeat;width:12px}.gallery-dialog__button--previous:before{transform:rotate(90deg)}.gallery-dialog__button--next:before{transform:rotate(-90deg)}.gallery-dialog__button:focus-visible,.gallery-dialog__button:hover{background-color:var(--color-neutral-50)}.gallery-dialog__counter{text-align:center}@media (prefers-reduced-motion:reduce){.gallery-dialog__stage--loading:before{animation:none}}@media (min-width:600px){.gallery{--gallery-columns:3}}@media (min-width:900px){.gallery{--gallery-columns:4}.gallery--max-3{--gallery-columns:3}}