.artwork.svelte-1yhiei4{scroll-snap-align:center;background:transparent;border:none;height:100%;width:100%;padding:0;cursor:pointer;display:block}.artwork.svelte-1yhiei4:focus{outline:none}.artwork.svelte-1yhiei4>img:where(.svelte-1yhiei4){height:100%;width:100%;object-fit:contain;display:block;transition:scale .5s ease-in-out,opacity .1s ease-in-out}.artwork.svelte-1yhiei4.active.grid{cursor:zoom-in}.artwork.svelte-1yhiei4.active.scroll{cursor:zoom-out}.flip-image.svelte-hbh2f4{position:fixed;z-index:10;object-fit:contain;display:block;pointer-events:none}.zoom-control.svelte-y1ld0o{pointer-events:all;display:flex;flex-direction:column;gap:.25rem}.zoom-control.svelte-y1ld0o button:where(.svelte-y1ld0o){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-control.svelte-y1ld0o button:where(.svelte-y1ld0o):disabled{opacity:.2;cursor:not-allowed}.zoom-control.svelte-y1ld0o button:where(.svelte-y1ld0o):after{content:"";position:absolute;height:2.75rem;width:2.75rem}@media(min-width:1000px){.zoom-control.svelte-y1ld0o{gap:.75rem;border-radius:999px;background:#fff;padding:.625rem}.zoom-control.svelte-y1ld0o button:where(.svelte-y1ld0o){border:none;width:1.25rem;height:1.25rem}.zoom-control.svelte-y1ld0o .zoom-in:where(.svelte-y1ld0o):after{transform:translateY(-6px)}.zoom-control.svelte-y1ld0o .zoom-out:where(.svelte-y1ld0o):after{transform:translateY(6px)}}.d-pad-control.svelte-183akmy{transition:all;display:flex;flex-direction:column;border-radius:999px;background:#fff;pointer-events:all;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){.d-pad-control.svelte-183akmy{display:grid}}.d-pad-control.svelte-183akmy.vertical{width:2.5rem;padding-block:.5rem}.d-pad-control.svelte-183akmy button:where(.svelte-183akmy){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}.d-pad-control.svelte-183akmy button:where(.svelte-183akmy):after{content:"";position:absolute;height:2.75rem;width:2.75rem}.d-pad-control.svelte-183akmy button:where(.svelte-183akmy):hover{opacity:.5}.d-pad-control.svelte-183akmy button:where(.svelte-183akmy):focus-visible{background:var(--focus-background);color:var(--focus-foreground)}.d-pad-control.svelte-183akmy .up:where(.svelte-183akmy){grid-area:up}.d-pad-control.svelte-183akmy .up:where(.svelte-183akmy):after{transform:translateY(-9px) rotate(45deg)}.vertical:where(.svelte-183akmy) :is(.d-pad-control.svelte-183akmy .up:where(.svelte-183akmy)):after{transform:translateY(-6px)}.d-pad-control.svelte-183akmy .right:where(.svelte-183akmy){grid-area:right}.d-pad-control.svelte-183akmy .right:where(.svelte-183akmy):after{transform:translate(9px) rotate(45deg)}.vertical:where(.svelte-183akmy) :is(.d-pad-control.svelte-183akmy .right:where(.svelte-183akmy)){opacity:0;pointer-events:none}.d-pad-control.svelte-183akmy .down:where(.svelte-183akmy){grid-area:down}.d-pad-control.svelte-183akmy .down:where(.svelte-183akmy):after{transform:translateY(9px) rotate(45deg)}.vertical:where(.svelte-183akmy) :is(.d-pad-control.svelte-183akmy .down:where(.svelte-183akmy)):after{transform:translateY(6px)}.d-pad-control.svelte-183akmy .left:where(.svelte-183akmy){grid-area:left}.d-pad-control.svelte-183akmy .left:where(.svelte-183akmy):after{transform:translate(-9px) rotate(45deg)}.vertical:where(.svelte-183akmy) :is(.d-pad-control.svelte-183akmy .left:where(.svelte-183akmy)){opacity:0;pointer-events:none}.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:.5rem;z-index:100;justify-content:space-between;pointer-events:none}.controls.svelte-1wer6jo :where(.svelte-1wer6jo){pointer-events:auto}.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;transition:opacity .2s ease-in-out}@media(min-width:1000px){.artworks-grid.svelte-1wer6jo{--column-width: 55vw;--row-height: 55vh}}.artworks-grid.svelte-1wer6jo.hidden{opacity:0;overflow:hidden;pointer-events:none}.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;padding:6rem 0 10rem;transition-delay:.28s}@media(min-width:1000px){.artworks-scroll.svelte-1wer6jo{padding-bottom:0;scroll-snap-type:y mandatory;flex-direction:column}}.artworks-scroll.svelte-1wer6jo.hidden{visibility:hidden;pointer-events:none;opacity:0;transition:none;overflow:hidden}.scroll-item.svelte-1wer6jo{height:100%;min-width:100vw}@media(min-width:1000px){.scroll-item.svelte-1wer6jo{height:100svh}}.artwork-scroll-thumbnails.svelte-1wer6jo{opacity:1;display:flex;padding-inline:2rem;height:1.5rem;flex-direction:row;gap:.5rem;overflow-x:auto;align-items:center;position:fixed;bottom:6rem;left:0;width:100%;opacity:0;transform:translateY(150%);transition:opacity .3s ease,transform .3s ease}.scrolling:where(.svelte-1wer6jo) .artwork-scroll-thumbnails.svelte-1wer6jo{opacity:1;transform:translateY(0)}@media(min-width:1000px){.artwork-scroll-thumbnails.svelte-1wer6jo{animation:scroll-fade linear;animation-timeline:scroll(self);bottom:unset;padding-inline:0;padding-block:1rem;transform:translate(150%);width:2.5rem;flex-direction:column;overflow-y:auto;position:relative;height:100%;-webkit-mask-image:linear-gradient(transparent,black 1rem,black calc(100% - 1rem),transparent);mask-image:linear-gradient(transparent,black 1rem,black calc(100% - 1rem),transparent)}.scrolling:where(.svelte-1wer6jo) .artwork-scroll-thumbnails.svelte-1wer6jo{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{height:16px;width:auto;aspect-ratio:var(--aspect-ratio);background-color:var(--dominant-color);border-radius:2px}@media(min-width:1000px){.artwork-thumbnail-fill.svelte-1wer6jo{width:16px;height:auto}}