.svelte-vg95os{transition:all 1s}:root{font-size:62.5%}.container.svelte-vg95os{--amount-per-width: 430;--preview-width: calc(100dvw * 430 / var(--amount-per-width));--row-height-multiplicator: 1;--row-height: calc(100dvw / var(--amount-per-width) * var(--row-height-multiplicator));--preview-height: calc(var(--preview-width) * 191 / 430 * var(--row-height-multiplicator));position:fixed;transition:all 1s;height:100dvh;background-color:#fff}.container.focus.svelte-vg95os{--amount-per-width: 30;--preview-width: calc(100dvw * 430 / var(--amount-per-width));--row-height-multiplicator: 1;--row-height: calc(100dvw / var(--amount-per-width) * var(--row-height-multiplicator));--preview-height: calc(var(--preview-width) * 191 / 430 * var(--row-height-multiplicator));margin-top:calc(50dvh - var(--row-height) / 2)}.rowRect.svelte-vg95os{box-sizing:border-box;position:fixed;top:calc(50dvh - var(--row-height) / 2);left:0;width:100dvw;border:solid 1px blue;height:var(--row-height)}.botRect.svelte-vg95os,.topRect.svelte-vg95os{box-sizing:border-box;-webkit-backdrop-filter:blur(8px) grayscale(100%) brightness(150%);backdrop-filter:blur(8px) grayscale(100%) brightness(150%);width:100dvw;left:0;height:0;position:fixed;background-color:#fffa}body{background-color:#000}.container.focus.svelte-vg95os .rowRect:where(.svelte-vg95os){height:0}.container.focus.svelte-vg95os .botRect:where(.svelte-vg95os),.container.focus.svelte-vg95os .topRect:where(.svelte-vg95os){height:calc(50dvh - var(--row-height) / 2 + 2rem)}.topRect.svelte-vg95os{top:-2rem}.botRect.svelte-vg95os{top:100vh}.container.focus.svelte-vg95os .botRect:where(.svelte-vg95os){top:calc(50dvh + var(--row-height) / 2 - 1px)}img.svelte-vg95os{width:var(--preview-width);height:calc(var(--preview-height));object-fit:fill}.grid.svelte-vg95os{position:absolute;height:100%;width:100%;display:none}.container.focus.svelte-vg95os .grid:where(.svelte-vg95os){display:block}.vert.svelte-vg95os{font-size:calc(var(--row-height) - 2px);position:absolute;top:0;box-sizing:border-box;display:block;width:1px;background-color:gray;height:var(--preview-height)}.num.svelte-vg95os{transform:rotate(90deg) translateY(-100%);transform-origin:top left;padding:1rem .2rem}.vert.svelte-vg95os .num:where(.svelte-vg95os){position:fixed;z-index:1000;top:calc(50dvh + var(--row-height) / 2);color:#fff;width:calc(var(--row-height) * 2);padding-block:0;background-color:#00f}button.svelte-vg95os{all:unset;background-color:#000;color:#fff;border-radius:5px;padding:.2rem .6rem .4rem;margin:.5rem;font-size:2rem;cursor:pointer;border:solid white 1px}button.edge.svelte-vg95os{margin:1rem}button.hidden.svelte-vg95os{opacity:.5;pointer-events:none}button.active.svelte-vg95os{background-color:#00f;color:#fff}button.svelte-vg95os:hover{background-color:#fff;color:#000;border-color:#000}.buttons.svelte-vg95os{z-index:1000;display:flex;justify-content:center;width:100dvw}.top.svelte-vg95os,.bottom.svelte-vg95os{position:fixed;gap:1rem;display:flex;justify-content:space-between;align-items:flex;width:100%}.top.svelte-vg95os{top:0}.bottom.svelte-vg95os{bottom:0}