h2.svelte-rpiy6y{text-align:center;margin-bottom:4rem}iframe.svelte-rpiy6y{margin:1em 0;transition:height .5s}#preview-gallery.svelte-rpiy6y ul:where(.svelte-rpiy6y){display:grid;margin:0 auto;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-template-rows:repeat(auto-fit,280px);gap:2rem;width:100%;max-width:1250px;list-style-type:none;padding:0}#preview-gallery.svelte-rpiy6y ul:where(.svelte-rpiy6y) li:where(.svelte-rpiy6y){width:100%;padding-bottom:1rem;border-bottom:3px solid #0005}.preview-thumbnail.svelte-rpiy6y{width:100%;height:100%;transition:transform .2s;z-index:1;display:block;position:relative}.preview-thumbnail.svelte-rpiy6y img:where(.svelte-rpiy6y){width:100%;height:100%;object-fit:contain}.screenreader-only.svelte-rpiy6y{opacity:0;-webkit-user-select:none;user-select:none;position:absolute;width:0;height:0}.preview-thumbnail.svelte-rpiy6y:after{position:absolute;content:attr(data-name);inset:0;margin:auto;text-align:center;width:max-content;height:max-content;color:#000;opacity:0;translate:0px -100%;transition:opacity .25s,translate .25s;background:var(--color-analogous);padding:.5em;border:2px solid var(--color-dark);border-radius:0 0 .25em .25em}.preview-thumbnail.svelte-rpiy6y:is(:where(.svelte-rpiy6y):hover,:where(.svelte-rpiy6y):focus-visible){transform:none}.preview-thumbnail.svelte-rpiy6y:is(:where(.svelte-rpiy6y):hover,:where(.svelte-rpiy6y):focus-visible):after{opacity:1;translate:0px 0px}#container.svelte-rpiy6y{position:relative}#frame-holder.svelte-rpiy6y{position:absolute;width:100%;min-height:100%;top:0;left:calc(100% + 2em);transition:transform .5s;background:#fff;z-index:50;border:2px solid var(--color-dark)}#frame-holder.active.svelte-rpiy6y{transform:translate(calc(-100% - 2em))}#frame-holder.svelte-rpiy6y .btn:where(.svelte-rpiy6y){position:absolute;top:-2px;right:-2px;font-size:1.5rem;height:100%;margin:0;border:2px outset var(--color-dark);background-image:radial-gradient(circle at center,#ffffff99 50%,transparent 50%);background-size:0;background-position:50% 50%;background-repeat:no-repeat;transition:background-size .5s;-webkit-user-select:none;user-select:none}#frame-holder.svelte-rpiy6y .btn:where(.svelte-rpiy6y):active{transform:none;background-size:300%}p.svelte-rpiy6y{margin:0;padding:1em 4em 1em 1em;background:#d2d2d2;min-height:3.5em;display:flex;align-items:center;position:relative}main{overflow-x:clip}