.showcase-picture{display:block;position:relative;width:100%;overflow:hidden;background:color-mix(in srgb,currentColor 6%,transparent)}.showcase-picture img{display:block;width:100%;height:auto}.showcase-picture--loading img{opacity:0}.showcase-picture--ready img{opacity:1;transition:opacity .2s ease-out}@media (prefers-reduced-motion:reduce){.showcase-picture--ready img{transition:none}}.showcase-picture--failed{display:grid;place-items:center;border:1px dashed color-mix(in srgb,currentColor 30%,transparent)}.showcase-picture__fallback{max-width:34rem;margin:0;padding:1rem 1.25rem;font-weight:600;text-align:center}.showcase-picture__fallback span{display:block;margin-top:.5rem;font-weight:400;font-size:.875em;opacity:.75}.showcase-full{width:min(100vw - 2rem,1480px);max-height:calc(100dvh - 2rem);padding:0;border:0;border-radius:12px;overflow:hidden}.showcase-full[open]{display:flex;flex-direction:column}.showcase-full::-webkit-backdrop{background:rgb(0 0 0/.6)}.showcase-full::backdrop{background:rgb(0 0 0/.6)}.showcase-full__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent)}.showcase-full__title{margin:0;font-size:1rem}.showcase-full__close{min-height:44px;padding:0 1rem}.showcase-full__body{flex:1 1 auto;min-height:0;margin:0 auto;width:100%;overflow-y:auto;overscroll-behavior:contain}