@layer components{.viewer-catalogue_wrap{--_sheet:var(--_ratio);--_room:max(16rem, 100svh - var(--nav-height) - 11rem);gap:var(--space-6);width:100%;display:grid}@media (min-width:48rem){.viewer-catalogue_wrap.facing{--_sheet:calc(var(--_ratio) * 2)}}.viewer-catalogue_head{justify-content:space-between;align-items:end;gap:var(--space-5);flex-wrap:wrap;display:flex}.viewer-catalogue_intro{gap:var(--space-4);display:grid}.viewer-catalogue_title,.viewer-catalogue_text{margin:0}.viewer-catalogue_text{max-width:46ch;color:var(--text-2)}.viewer-catalogue_frame{gap:var(--space-4);display:grid}.viewer-catalogue_frame:-webkit-full-screen{--_room:calc(100vh - 3rem - var(--space-4) * 5);padding:var(--space-4);background-color:var(--background);grid-template-rows:1fr auto}.viewer-catalogue_frame:fullscreen{--_room:calc(100vh - 3rem - var(--space-4) * 5);padding:var(--space-4);background-color:var(--background);grid-template-rows:1fr auto}.viewer-catalogue_stage{padding:var(--space-2);background-color:var(--background-3);border-radius:.25rem;place-items:center;display:grid;position:relative;overflow:hidden}@media (min-width:48rem){.viewer-catalogue_stage{padding:var(--space-4)}}.viewer-catalogue_list{width:min(100%, var(--_room) * var(--_sheet));aspect-ratio:var(--_sheet);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}.viewer-catalogue_list::-webkit-scrollbar{display:none}.viewer-catalogue_list.is-gliding,.viewer-catalogue_list.is-zoomed{scroll-snap-type:none}.viewer-catalogue_list.is-zoomed{overflow:hidden}@media (hover:hover) and (pointer:fine){.viewer-catalogue_wrap.is-ready .viewer-catalogue_list{cursor:zoom-in}.viewer-catalogue_wrap.is-zoomed .viewer-catalogue_list{cursor:zoom-out}}.viewer-catalogue_track{height:100%;transition:scale var(--open-duration) var(--open-ease);display:flex}@media (prefers-reduced-motion:reduce){.viewer-catalogue_track{transition:none}}.viewer-catalogue_page{scroll-snap-align:start;flex:0 0 100%}.viewer-catalogue_blank{display:none}.viewer-catalogue_image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@media (min-width:48rem){.viewer-catalogue_wrap.facing .viewer-catalogue_page,.viewer-catalogue_wrap.facing .viewer-catalogue_blank{scroll-snap-align:none;flex:0 0 50%;display:block}.viewer-catalogue_wrap.facing .viewer-catalogue_track>:nth-child(odd){scroll-snap-align:start}.viewer-catalogue_wrap.facing .viewer-catalogue_page:first-of-type .viewer-catalogue_image{translate:-50%}.viewer-catalogue_wrap.facing .viewer-catalogue_page:has(+.viewer-catalogue_blank) .viewer-catalogue_image{translate:50%}}.viewer-catalogue_index{padding:var(--space-5);overscroll-behavior:contain;background-color:var(--background-3);place-self:stretch stretch;position:absolute;inset:0;overflow-y:auto}.viewer-catalogue_index[hidden]{display:none}.viewer-catalogue_thumbs{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.viewer-catalogue_thumb{gap:var(--space-2);width:100%;color:var(--text-2);font-variant-numeric:tabular-nums;text-align:start;transition:color var(--hover-duration) var(--hover-ease);background:0 0;border:0;padding:0;font-size:.75rem;line-height:1.5;display:grid}.viewer-catalogue_thumb[aria-current=true]{color:var(--text)}@media (hover:hover){.viewer-catalogue_thumb:hover{color:var(--text)}}.viewer-catalogue_thumb-image{outline:var(--border-width) solid transparent;outline-offset:.1875rem;width:100%;height:auto;transition:outline-color var(--hover-duration) var(--hover-ease);display:block}.viewer-catalogue_thumb[aria-current=true] .viewer-catalogue_thumb-image{outline-color:var(--text)}.viewer-catalogue_bar{align-items:center;gap:var(--space-4);display:flex}.viewer-catalogue_bar .button_wrap{width:3rem;height:3rem;padding:0}.viewer-catalogue_bar .button_wrap .button_mark{--_size:.875rem}.viewer-catalogue_bar .button_wrap:disabled{--button-background:transparent;--button-text:var(--text);--button-border:var(--border);opacity:.4}.viewer-catalogue_bar .button_wrap[aria-pressed=true],.viewer-catalogue_bar .button_wrap[aria-expanded=true]{--button-background:var(--button-2-background-hover);--button-text:var(--button-2-text-hover);--button-border:var(--button-2-border-hover)}.viewer-catalogue_count{font-variant-numeric:tabular-nums;flex:none;margin:0;font-size:.875rem;line-height:1.5}.viewer-catalogue_progress{--_share:1;--_progress:0;background-color:var(--border);flex:1;height:.125rem;display:none;position:relative}@media (min-width:48rem){.viewer-catalogue_progress{display:block}}.viewer-catalogue_mark{inset-block:0;width:calc(var(--_share) * 100%);background-color:var(--text);translate:calc(var(--_progress) * (1 / var(--_share) - 1) * 100%) 0;position:absolute;left:0}.viewer-catalogue_tools,.viewer-catalogue_steps{gap:var(--space-2);display:flex}.viewer-catalogue_tools{margin-inline-start:auto}.viewer-catalogue_zoom{display:none}@media (hover:hover) and (pointer:fine){.viewer-catalogue_zoom{display:inline-flex}}.viewer-catalogue_fullscreen{display:none}.viewer-catalogue_frame.can-fullscreen .viewer-catalogue_fullscreen{display:inline-flex}}
