h2.svelte-1s9mlw{text-align:center}iframe.svelte-1s9mlw{margin:1em 0;transition:height .5s}#preview-gallery.svelte-1s9mlw{display:grid;margin:0 auto;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-template-rows:repeat(auto-fit,250px);gap:2em 10px;width:100%;max-width:1250px}.preview-thumbnail.svelte-1s9mlw{height:250px;width:100%;padding:5px;box-shadow:5px 5px 5px var(--color-primary);background-image:var(--bgImg);background-size:contain;background-position:50% 50%;background-repeat:no-repeat;border:2px solid black;display:flex;justify-content:center;align-items:center;position:relative;border-radius:5px;cursor:pointer;transition:transform .2s;transform:scale(.75);z-index:1}.screenreader-only.svelte-1s9mlw{opacity:0;-webkit-user-select:none;user-select:none;position:absolute;width:0;height:0}.preview-thumbnail.svelte-1s9mlw:after{position:absolute;content:attr(data-name);top:0;right:0;bottom:0;left: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-1s9mlw:is(:where(.svelte-1s9mlw):hover,:where(.svelte-1s9mlw):focus-visible){transform:none}.preview-thumbnail.svelte-1s9mlw:is(:where(.svelte-1s9mlw):hover,:where(.svelte-1s9mlw):focus-visible):after{opacity:1;translate:0px 0px}#container.svelte-1s9mlw{position:relative}#frame-holder.svelte-1s9mlw{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-1s9mlw{transform:translate(calc(-100% - 2em))}#frame-holder.svelte-1s9mlw .btn:where(.svelte-1s9mlw){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-1s9mlw .btn:where(.svelte-1s9mlw):active{transform:none;background-size:300%}p.svelte-1s9mlw{margin:0;padding:1em 4em 1em 1em;background:#d2d2d2;min-height:3.5em;display:flex;align-items:center;position:relative}main{overflow-x:hidden}