dialog:where(.astro-QMZM2SOJ)[open]{border:0;padding:0;width:fit-content;border:1px solid hsla(0 0% 50% / 25%);border-radius:.2rem;box-shadow:0 0 30px -20px #000}dialog:where(.astro-QMZM2SOJ)[open] div:where(.astro-QMZM2SOJ){display:grid;grid-template-columns:var(--gridCols);gap:3vmin;padding:3vmin}dialog:where(.astro-QMZM2SOJ) img:where(.astro-QMZM2SOJ){max-width:100%}dialog:where(.astro-QMZM2SOJ)::backdrop{background-color:#fff;background-image:url(/assets/images/background.png);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;margin:-10px;filter:blur(5px)}.close:where(.astro-QMZM2SOJ){position:absolute;top:2vmin;right:2vmin;font-size:1.75rem;width:2rem;height:2rem;line-height:2rem;border-radius:50%;overflow:hidden}input:where(.astro-QMZM2SOJ)[type=image]{width:20vw;min-width:120px;max-width:256px;box-shadow:2px 2px 10px -5px #000;transition:transform .2s ease;transition:box-shadow .2s ease}input:where(.astro-QMZM2SOJ)[type=image]:hover{transform:translate(1px,1px);box-shadow:2px 2px 10px -6px #000}@media (prefers-color-scheme: dark){dialog:where(.astro-QMZM2SOJ)::backdrop{background-color:#000}}@media (max-width: 800px){dialog:where(.astro-QMZM2SOJ) button:where(.astro-QMZM2SOJ){position:fixed;top:calc(.5rem + 3vw);right:calc(.5rem + 3vw)}dialog:where(.astro-QMZM2SOJ)[open] div:where(.astro-QMZM2SOJ){place-items:center;grid-template-columns:1fr}input:where(.astro-QMZM2SOJ)[type=image]{width:45%}}
