/* Generated by tools/build-design.py; edit src/ instead. */
:root {
  --vs-sidebar-width: var(--gl-spacing-scale-30);
  --vs-bar-height: var(--gl-spacing-scale-9);
  --vs-footer-height: var(--gl-spacing-scale-8);
  --vs-content-width: 70rem;
  --vs-reading-width: 45rem;
  --vs-toc-width: var(--gl-spacing-scale-30);
  --vs-search-width: var(--gl-spacing-scale-80);
  --vs-window-radius: var(--gl-border-radius-2xl);
  --vs-frame-inset: var(--gl-spacing-scale-3);
  --vs-frame-radius: max(0px, calc(var(--vs-window-radius) - var(--vs-frame-inset)));
  --vs-border-width: 1px;
  --vs-panel-padding: var(--gl-spacing-scale-7);
  --vs-control-height: var(--gl-spacing-scale-8);
  --vs-portrait-width: var(--gl-spacing-scale-20);
  --vs-motion-fast: 100ms;
  --vs-motion-standard: 200ms;
  --vs-motion-feedback: 500ms;
  --vs-motion-position: 600ms;
  --vs-ease-default: ease;
  --vs-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --vs-search-delay: 400ms;
  --vs-swipe-threshold: var(--gl-spacing-scale-9);
  --vs-viewer-toolbar-height: var(--gl-spacing-scale-11);
  --vs-viewer-caption-height: var(--gl-spacing-scale-8);
  --vs-motion-loading: 1s;
  --vs-attachment-max-height: calc(100dvh - var(--vs-bar-height) - var(--vs-footer-height) - var(--vs-panel-padding) * 2);
  --vs-card-columns: 2;
  --vs-photo-columns: 3;
  --vs-photo-columns-mobile: 2;
  --vs-sidebar-closed-translate: -100%;
  --vs-print-surface: var(--gl-color-neutral-0);
  --vs-print-text: var(--gl-color-neutral-950);
  --vs-layer-chrome: 40;
  --vs-layer-sidebar: 30;
  --vs-layer-backdrop: 25;
  --vs-layer-skip-link: 100;
  --vs-layer-viewer-controls: 2;
  --vs-home-width: 90rem;
  --vs-home-card-min-width: 18rem;
  --vs-home-project-min-width: 16rem;
  --vs-home-photo-ratio: 3 / 2;
  --vs-home-max-columns: 3;
  --vs-gallery-card-min-width: 18rem;
  --vs-masonry-row-unit: 1px;
  --vs-frame-border-color: var(--vs-divider-color);
  --vs-home-project-max-columns: 4;
  --vs-card-media-ratio: 3 / 2;
  --vs-album-cover-ratio: 3 / 4;
  --vs-card-surface: var(--gl-background-color-subtle);
  --vs-card-padding: var(--gl-spacing-scale-5);
  --vs-card-content-gap: var(--gl-spacing-scale-3);
  --vs-divider-color: color-mix(in srgb, var(--gl-border-color-default) 25%, var(--gl-background-color-default));
  --vs-navigation-item-gap: var(--gl-spacing-scale-2);
  --vs-search-inline-width: var(--gl-spacing-scale-62);
  --vs-project-cover-ratio: 16 / 9;
  --vs-focus-image-brightness: 0.8;
  --vs-sidebar-rail-width: var(--gl-spacing-scale-11);
}