.sql-formatter [hidden]{display:none}.sql-formatter__input,.sql-formatter__output{min-block-size:24rem;min-inline-size:0}.sql-formatter__text{field-sizing:fixed;font-variant-ligatures:none;min-block-size:18rem}@media (min-width:64rem){.sql-formatter__text{min-block-size:28rem;max-block-size:70vh}}.sql-formatter__file{cursor:pointer}.sql-formatter__file:focus-within{outline:2px solid var(--focus);outline-offset:2px}.sql-formatter__toolbar{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-5) var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.sql-formatter__toolbar .segmented{flex-wrap:nowrap}.sql-formatter__option{gap:var(--space-2);color:var(--ink-2);align-items:center;max-inline-size:100%;font-size:.875rem;font-weight:550;display:inline-flex}.sql-formatter__select{min-block-size:2rem;inline-size:auto;min-inline-size:0;max-inline-size:100%;padding-block:var(--space-1)}.sql-formatter__result{flex-direction:column;flex:1;min-block-size:0;display:flex}.sql-formatter__empty{place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);color:var(--ink-3);text-align:center;flex:1;display:grid}.sql-formatter__empty .icon{block-size:1.75rem;inline-size:1.75rem;color:var(--accent)}.sql-formatter__error{margin:var(--space-3) var(--space-5) var(--space-5)}.sql-formatter__error>.icon{flex:none;margin-block-start:.2em}.sql-formatter__error-body{gap:var(--space-2);min-inline-size:0;color:var(--ink);justify-items:start;display:grid}.sql-formatter__error-body .btn{margin-block-start:var(--space-1)}.sql-formatter__error-title{color:var(--danger);font-weight:650}.sql-formatter__error-title [data-error-at]:before{content:"· "}.sql-formatter__detail{color:var(--ink-2);font-size:var(--text-sm)}.sql-formatter__excerpt{max-inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;font-variant-ligatures:none;margin:0;line-height:1.5;overflow-x:auto}
