html:has(dialog[open]){overflow:hidden}.mediaframe{text-align:center;flex-wrap:wrap;gap:1rem;display:flex}.mediaframe .subtle{box-shadow:none;border:none}.mediaframe.right{float:right;width:40%;margin:2rem 0 2rem 2rem}.mediaframe.medium{width:30%}.mediaframe.small{width:20%}.mediaframe.fullsize{flex-direction:column}.mediaframe.fullsize img{flex-basis:unset;width:100%}@media (width<=650px){.mediaframe.right{float:none;width:100%;margin:1rem 0 0}.mediaframe.medium,.mediaframe.small{width:60%;margin:auto}}lightbox-image{flex:1;line-height:0}lightbox-image:defined{cursor:zoom-in}lightbox-image:first-child{flex-basis:100%}lightbox-image img{border:1px solid var(--gray-4);border-radius:.5rem;width:100%;transition:transform .15s linear,box-shadow .15s linear}@media (prefers-reduced-motion:no-preference){lightbox-image img:hover{transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){lightbox-image img:hover{opacity:.8}}lightbox-image img:hover{box-shadow:0 16px 32px 8px #0000000d}dialog{--_gutter:2rem;outline:unset;background:unset;cursor:zoom-out;width:100%;height:100%;max-height:100vh;max-width:unset;max-height:unset;pointer-events:none;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}dialog::backdrop{background:color-mix(in srgb, var(--background) 80%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:1;transition:opacity .3s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .3s cubic-bezier(.16,1,.3,1),backdrop-filter .3s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) forwards backdropFadeIn}dialog form{opacity:0;position:absolute}dialog img{border:1px solid var(--gray-4);max-width:calc(100% - var(--_gutter));max-height:calc(100% - var(--_gutter));object-fit:contain;border-radius:.5rem;width:auto;height:auto;box-shadow:0 16px 32px 8px #0000000d}dialog img.subtle{box-shadow:none;border:none}dialog[open]{pointer-events:auto}::view-transition-group(active-lightbox-image){animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}}