:where(.kit-image-dialog,.kit-image-rail-controls) .kit-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;font:inherit;cursor:pointer;text-decoration:none}:where(.kit-image-dialog,.kit-image-rail-controls) .kit-button:hover{filter:brightness(.97)}:where(.kit-image-dialog,.kit-image-rail-controls) .kit-button:focus-visible{outline:3px solid var(--color-primary,#155e3b);outline-offset:2px}:where(.kit-image-dialog,.kit-image-rail-controls) .kit-button:disabled{opacity:.45;cursor:not-allowed}:where(.kit-image-dialog,.kit-image-rail-controls) .kit-button-circle{width:2.75rem;height:2.75rem;padding:0;border-radius:50%}.kit-image-dialog{position:fixed;inset:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;border:0;background:transparent;padding:0;margin:0;overflow:auto}.kit-image-dialog[open]{display:flex;align-items:center;justify-content:center}.kit-image-backdrop{position:absolute;inset:0}.kit-image-backdrop button{width:100%;height:100%;border:0;background:transparent;font-size:0}.kit-image-controls .kit-button{background:transparent;color:#fff;border:1px solid rgb(255 255 255/.2)}

html:has(.kit-image-dialog[open]){overflow:hidden}.kit-image-dialog::backdrop{background:color-mix(in oklch,var(--color-neutral,#20251f) 88%,transparent);backdrop-filter:blur(12px) saturate(.8)}.kit-image-dialog-box{z-index:1;color:#fff;position:relative;width:100%;height:100%;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center;background:transparent;padding:3.5rem 1rem 1.5rem}.kit-image-full{object-fit:contain;max-width:min(95vw,1100px);max-height:calc(100vh - 5rem);border-radius:4px;box-shadow:0 24px 80px -20px rgb(0 0 0/.6),0 2px 6px rgb(0 0 0/.3)}.kit-image-close{z-index:10;position:fixed;top:.75rem;right:1.25rem;width:2.25rem;height:2.25rem;border:1px solid rgb(255 255 255/.18);background:rgb(255 255 255/.08);color:rgb(255 255 255/.75)}.kit-image-controls{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;position:fixed;inset:0;pointer-events:none;padding:0}.kit-image-controls>span{position:fixed;top:.75rem;left:1.25rem;font-family:var(--font-heading,serif);font-style:italic;font-size:.92rem;color:rgb(255 255 255/.65);font-variant-numeric:tabular-nums}.kit-image-controls>button{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;padding:0;border-radius:9999px;pointer-events:auto}.kit-image-controls>button:first-child{left:.75rem}.kit-image-controls>button:last-child{right:.75rem}.kit-image-control-icon{width:1.25rem;height:1.25rem}.kit-image-controls .kit-image-control-icon{width:1.5rem;height:1.5rem}@media(max-width:640px){.kit-image-controls>button{top:auto;bottom:1.25rem;transform:none}.kit-image-controls>button:first-child{left:1rem}.kit-image-controls>button:last-child{right:1rem}}
.kit-image-mobile-scroll{display:none}dialog[data-kit-gallery-mobile=true] .kit-image-desktop{display:none}dialog[data-kit-gallery-mobile=true] .kit-image-mobile-scroll{display:block;height:100%;width:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}dialog[data-kit-gallery-mobile=true] .kit-image-mobile-scroll::-webkit-scrollbar{display:none}.kit-image-mobile-slide{height:100%;width:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}dialog[data-kit-gallery-mobile=true] .kit-image-controls>button{display:none}