.artwork.svelte-1yhiei4{scroll-snap-align:center;background:transparent;border:none;height:100%;width:100%;padding:0;cursor:zoom-in}.artwork.svelte-1yhiei4>img:where(.svelte-1yhiei4){height:100%;width:100%;object-fit:contain;transition:scale .5s ease-in-out,opacity .1s ease-in-out;scale:.975}.scroll-container.svelte-1wer6jo{--bg-color: #f5f5f5;height:100vh;width:100vw;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--bg-color)}@media(min-width:1000px){.scroll-container.svelte-1wer6jo{scroll-snap-type:both mandatory}}.controls.svelte-1wer6jo{position:fixed;inset:0 0 0 auto;padding:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:1.5rem;z-index:100;justify-content:space-between}.zoom-controls.svelte-1wer6jo{display:flex;flex-direction:column;gap:.25rem}.zoom-controls.svelte-1wer6jo button:where(.svelte-1wer6jo){background:#fff;color:var(--fg-color);border:var(--border);border:transparent solid 1px;border-radius:999px;width:2.5rem;height:2.5rem;font-size:var(--ui);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.zoom-controls.svelte-1wer6jo button:where(.svelte-1wer6jo):disabled{opacity:.5;cursor:not-allowed}.zoom-controls.svelte-1wer6jo button:where(.svelte-1wer6jo):after{content:"";position:absolute;height:2.75rem;width:2.75rem}@media(min-width:1000px){.zoom-controls.svelte-1wer6jo{gap:.75rem;border-radius:999px;background:#fff;padding:.625rem}.zoom-controls.svelte-1wer6jo button:where(.svelte-1wer6jo){border:none;width:1.25rem;height:1.25rem}.zoom-controls.svelte-1wer6jo .zoom-in:where(.svelte-1wer6jo):after{transform:translateY(-6px)}.zoom-controls.svelte-1wer6jo .zoom-out:where(.svelte-1wer6jo):after{transform:translateY(6px)}}.navigation-controls.svelte-1wer6jo{transition:all;display:flex;flex-direction:column;border-radius:999px;background:#fff;display:none;gap:.125rem;padding:.25rem;grid-template-columns:repeat(3,20px);grid-template-rows:20px minmax(0,20px) 20px;align-items:center;justify-items:center;justify-content:center;height:4.5rem;width:4.5rem;transition:width .3s ease,padding .3s ease;grid-template-areas:". up ." "left . right" ". down ."}@media(min-width:1000px){.navigation-controls.svelte-1wer6jo{display:grid}}.scrolling:where(.svelte-1wer6jo) .navigation-controls.svelte-1wer6jo{width:2.5rem;padding-block:.5rem}.navigation-controls.svelte-1wer6jo button:where(.svelte-1wer6jo){background:transparent;border:none;width:1.25rem;height:1.25rem;padding:0;font-size:var(--ui);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:999px;transition:opacity .3s ease}.navigation-controls.svelte-1wer6jo button:where(.svelte-1wer6jo):after{content:"";position:absolute;height:2.75rem;width:2.75rem}.navigation-controls.svelte-1wer6jo button:where(.svelte-1wer6jo):hover{opacity:.5}.navigation-controls.svelte-1wer6jo button:where(.svelte-1wer6jo):focus-visible{background:var(--focus-background);color:var(--focus-foreground)}.navigation-controls.svelte-1wer6jo .nav-up:where(.svelte-1wer6jo){grid-area:up}.navigation-controls.svelte-1wer6jo .nav-up:where(.svelte-1wer6jo):after{transform:translateY(-9px) rotate(45deg)}.scrolling:where(.svelte-1wer6jo) :is(.navigation-controls.svelte-1wer6jo .nav-up:where(.svelte-1wer6jo)):after{transform:translateY(-6px)}.navigation-controls.svelte-1wer6jo .nav-right:where(.svelte-1wer6jo){grid-area:right}.navigation-controls.svelte-1wer6jo .nav-right:where(.svelte-1wer6jo):after{transform:translate(9px) rotate(45deg)}.scrolling:where(.svelte-1wer6jo) :is(.navigation-controls.svelte-1wer6jo .nav-right:where(.svelte-1wer6jo)){opacity:0;pointer-events:none}.navigation-controls.svelte-1wer6jo .nav-down:where(.svelte-1wer6jo){grid-area:down}.navigation-controls.svelte-1wer6jo .nav-down:where(.svelte-1wer6jo):after{transform:translateY(9px) rotate(45deg)}.scrolling:where(.svelte-1wer6jo) :is(.navigation-controls.svelte-1wer6jo .nav-down:where(.svelte-1wer6jo)):after{transform:translateY(6px)}.navigation-controls.svelte-1wer6jo .nav-left:where(.svelte-1wer6jo){grid-area:left}.navigation-controls.svelte-1wer6jo .nav-left:where(.svelte-1wer6jo):after{transform:translate(-9px) rotate(45deg)}.scrolling:where(.svelte-1wer6jo) :is(.navigation-controls.svelte-1wer6jo .nav-left:where(.svelte-1wer6jo)){opacity:0;pointer-events:none}.artworks-grid.svelte-1wer6jo{--cols: 3;--rows: 3;--column-width: 55vw;--row-height: 55vh;--cell-size: min(var(--row-height), var(--column-width));display:grid;grid-template-columns:repeat(var(--cols),var(--cell-size));grid-template-rows:repeat(var(--rows),var(--cell-size));column-gap:10vw;row-gap:10vh;padding:calc((100vh - var(--cell-size)) / 2) calc((100vw - var(--cell-size)) / 2);width:min-content}@media(min-width:1000px){.artworks-grid.svelte-1wer6jo{--column-width: 55vw;--row-height: 55vh}}.artworks-grid.svelte-1wer6jo.hidden{pointer-events:none;visibility:hidden}.grid-item.svelte-1wer6jo{height:min(var(--row-height),var(--column-width))}.artworks-scroll.svelte-1wer6jo{background-color:var(--bg-color);position:fixed;inset:0;overflow:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;z-index:10;display:flex;flex-direction:row}@media(min-width:1000px){.artworks-scroll.svelte-1wer6jo{scroll-snap-type:y mandatory;flex-direction:column}}.artworks-scroll.hidden.svelte-1wer6jo{visibility:hidden;pointer-events:none}.scroll-item.svelte-1wer6jo{height:100svh;min-width:100vw}.artwork-scroll-thumbnails.svelte-1wer6jo{width:2.5rem;opacity:1;display:flex;transform:translate(150%);gap:.5rem;overflow:auto;align-items:center;flex-direction:row;transition:opacity .3s ease,transform .3s ease;flex-direction:column}.scrolling:where(.svelte-1wer6jo) .artwork-scroll-thumbnails.svelte-1wer6jo{opacity:1;transform:translate(0)}.artwork-thumbnail.svelte-1wer6jo{--aspect-ratio: 2/3;--dominant-color: #ccc;background:transparent;border:none;padding:0;position:relative}.artwork-thumbnail-outline.svelte-1wer6jo{position:absolute;inset:-4px;border:2px solid var(--dominant-color);border-radius:6px;pointer-events:none;display:none}.active:where(.svelte-1wer6jo) .artwork-thumbnail-outline.svelte-1wer6jo{display:block}.artwork-thumbnail-fill.svelte-1wer6jo{width:16px;aspect-ratio:var(--aspect-ratio);background-color:var(--dominant-color);border-radius:2px}