.observablehq{--atlas-input-font-size: 13px;--atlas-input-label-font-size: 12px;--atlas-input-action-font-size: 12px}.observablehq form[class^=oi-]:has(>button:only-child){width:auto;min-width:0}.observablehq form[class^=oi-]{flex-wrap:wrap!important;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:var(--atlas-input-font-size)!important}.observablehq :where(form[class^=oi-]) input{accent-color:var(--atlas-color-primary)}.observablehq form[class^=oi-] label{font-family:IBM Plex Sans,system-ui,sans-serif!important;font-size:var(--atlas-input-font-size)!important;line-height:1.35}.observablehq form[class^=oi-]>label{padding:8px 0!important;font-size:var(--atlas-input-label-font-size)!important;color:var(--atlas-color-text-strong)!important;text-transform:uppercase;border-bottom:1px solid var(--atlas-color-text-strong);width:100%!important;margin-bottom:4px!important;display:block}.observablehq :where(form[class^=oi-]) select{height:40px}.observablehq :where(form[class^=oi-])>button{background:var(--atlas-color-surface);border:1px solid var(--atlas-color-border);padding:10px 20px;font-family:IBM Plex Sans,system-ui,sans-serif!important;font-size:var(--atlas-input-action-font-size)!important;line-height:1.35}.observablehq :where(form[class^=oi-])>button:hover{background:var(--atlas-color-primary);color:var(--atlas-color-surface);border-color:var(--atlas-color-primary)}.observablehq :where(form[class^=oi-]) :where(input,select,textarea){border:2px solid var(--atlas-color-border)!important;border-radius:var(--atlas-radius-control)!important;padding:8px 12px!important;font-size:var(--atlas-input-font-size)!important;font-family:IBM Plex Sans,system-ui,sans-serif!important;background:var(--atlas-color-surface)!important;transition:var(--atlas-transition-control)!important;color:var(--atlas-color-text-muted)!important}.observablehq :where(form[class^=oi-]) :where(input,select,textarea):hover{border-color:var(--atlas-color-primary)!important}.observablehq :where(form[class^=oi-]) :where(input,select,textarea):focus{border-color:var(--atlas-color-primary)!important;outline:none!important}.observablehq form[class^=oi-] :where(input,select,textarea):focus-visible{outline:2px solid var(--atlas-color-focus)!important;outline-offset:0!important}.observablehq :where(button,[tabindex]):focus-visible{outline:2px solid var(--atlas-color-focus)!important;outline-offset:2px!important}@media (prefers-contrast: high){.observablehq :where(form[class^=oi-]) :where(input,select,textarea){border-width:3px!important}}@media (prefers-reduced-motion: reduce){.observablehq *,.observablehq *:before,.observablehq *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}