.api-key-dialog{overflow:clip}.api-key-dialog-overlay{background-color:#f9f9fa;background-image:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 1px);background-size:20px 20px;background-position:19px 9px}.api-key-dialog [data-slot=full-screen-dialog-body]{padding-top:24px}.api-key-dialog-title{position:absolute;top:30px;left:72px;right:72px;text-align:center;pointer-events:none}.api-key-form{display:grid;align-items:start;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:0}.api-key-form-with-role{grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:40px}.api-key-dialog [data-slot=card]{border:0;border-radius:24px;box-shadow:inset 0 0 0 1px var(--border)}.api-key-dialog [data-slot=dialog-title]{font-size:18px;line-height:24px;font-weight:600}.api-key-dialog [data-slot=dialog-description]{color:var(--foreground);font-size:14px;line-height:20px}.api-key-dialog [data-slot=field-group]{gap:24px}.api-key-dialog [data-slot=field-legend]{color:var(--muted-foreground);font-size:14px;font-weight:400;line-height:20px}.api-key-dialog [data-slot=textarea]{min-height:100px}.api-key-dialog [data-slot=button]{font-weight:600}.api-key-dialog [data-slot=button][type=submit]{padding-inline:16px}.api-key-permission-tabs [data-slot=tabs-list]{gap:0}.api-key-permission-tabs [data-slot=tabs-trigger]{font-weight:500}.api-key-permission-row{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--border);border-radius:16px}.api-key-dialog .api-key-privileges{position:relative;display:grid;grid-template-columns:100px 1fr;column-gap:16px;padding-bottom:8px}.api-key-privileges legend{float:left;width:100px;margin:0}.api-key-dialog .api-key-privileges [data-slot=field]{width:auto}.api-key-dialog .api-key-privileges label{color:var(--foreground)}.api-key-dialog [data-slot=checkbox]{border-radius:6px}.api-key-dialog .api-key-scope-field{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px}.api-key-remove-permission{position:absolute;right:-8px;top:-8px}.api-key-advanced-panel{display:flex;flex-direction:column;gap:8px}.api-key-advanced-panel[hidden]{display:none}.api-key-grants-editor{border-radius:16px}.api-key-grants-editor .cm-placeholder{color:#80809e}.api-key-grants-editor .cm-content,.api-key-grants-editor .cm-line,.api-key-grants-editor .cm-lineNumbers .cm-gutterElement{line-height:25px}.api-key-dialog .api-key-permission-tabs [data-slot=button]{font-weight:500}.api-key-options .api-key-preset-option [data-slot=select-item-indicator]{display:none}.api-key-role-checkbox{width:16px;height:16px;flex-shrink:0;border:1px solid var(--high-contrast-border);border-radius:6px}.api-key-options .api-key-role-option [data-slot=select-item-indicator]{left:12px;right:auto;color:var(--primary-foreground);background:var(--primary);border-radius:6px}@media(max-width:520px){.api-key-options .api-key-preset-option{height:auto;min-height:34px;padding-block:6px}.api-key-options .api-key-preset-option [data-slot=select-item-text]{flex-wrap:wrap;white-space:normal}.api-key-options .api-key-preset-description{margin-left:0;width:100%;font-size:12px;white-space:normal}}.api-key-permission-tabs[data-mode=advanced] [data-slot=tabs-list]{height:34px}.api-key-advanced-panel [data-slot=field-description]{margin-top:0}.api-key-privileges:has(.api-key-remove-permission) .api-key-privilege-options{padding-right:20px}.api-key-options .api-key-role-option [data-slot=select-item-indicator] svg{width:12px;height:12px}.api-key-options .api-key-role-option [data-slot=select-item-indicator] svg,.api-key-options .api-key-role-option [data-slot=select-item-indicator] svg *{color:var(--primary-foreground)}.api-key-permission-tabs[data-mode=basic]{gap:12px}.api-key-dialog .api-key-expiration-trigger{font-weight:400;background-color:var(--background)}.api-key-expiration-trigger:hover{border-color:var(--high-contrast-border);background-color:var(--background)}.api-key-expiration-trigger[aria-expanded=true]{border-color:var(--muted-foreground);background-color:var(--background)}.api-key-expiration-options{width:var(--anchor-width);max-width:var(--available-width);gap:2px;padding:4px;border:1px solid var(--high-contrast-border);border-radius:20px;box-shadow:none}.api-key-expiration-options [data-slot=button]{justify-content:space-between;height:34px;padding-inline:12px;border:0;font-weight:400}@media(max-width:959px){.api-key-form{grid-template-columns:minmax(0,1fr)}.api-key-form-with-role{grid-template-columns:minmax(0,1fr);max-width:700px;margin-inline:auto;gap:24px}}@media(max-width:520px){.api-key-dialog .api-key-privileges,.api-key-dialog .api-key-scope-field{grid-template-columns:72px minmax(0,1fr);column-gap:8px}.api-key-privileges legend{width:72px}.api-key-permission-row{padding:16px}}.api-key-role-card:has(.api-key-permission-tabs[data-mode=basic]){padding-bottom:22px}.api-key-dialog-layout:has(.api-key-form[data-motion=role]){transition:max-width .26s cubic-bezier(.23,1,.32,1)}.api-key-form[data-motion=role]{transition:grid-template-columns .26s cubic-bezier(.23,1,.32,1),gap .26s cubic-bezier(.23,1,.32,1)}.api-key-form[data-motion=role] .api-key-role-card{transition:opacity .18s cubic-bezier(.23,1,.32,1) 60ms,transform .26s cubic-bezier(.23,1,.32,1)}@starting-style{.api-key-form[data-motion=role] .api-key-role-card{opacity:0;transform:translateY(8px)}}:root:has(.api-key-form[data-motion=role]) .api-key-options[data-closed]{animation:none}@media(prefers-reduced-motion:reduce){.api-key-dialog-layout:has(.api-key-form[data-motion=role]),.api-key-form[data-motion=role]{transition:none}.api-key-form[data-motion=role] .api-key-role-card{transition:opacity 80ms cubic-bezier(.23,1,.32,1)}@starting-style{.api-key-form[data-motion=role] .api-key-role-card{transform:none}}}