2 lines
5.6 KiB
CSS
2 lines
5.6 KiB
CSS
.vd-action-surface{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vd-action-surface[data-action-variant="menu"],.vd-action-surface[data-action-variant="sheet"]{align-items:stretch;flex-direction:column}.vd-action-button{align-items:center;background:var(--vd-surface-raised,var(--vd-color-surface-raised,#fff));border:1px solid var(--vd-line,var(--vd-color-border,rgba(127,127,127,.25)));border-radius:var(--vd-radius-sm,9px);color:var(--vd-ink,var(--vd-color-text,#26221f));cursor:pointer;display:inline-flex;font:inherit;gap:9px;min-height:36px;padding:8px 11px;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.vd-action-button:hover:not(:disabled){background:var(--vd-surface-hover,var(--vd-color-surface-hover,rgba(127,127,127,.08)));border-color:var(--vd-line-strong,var(--vd-color-border-strong,rgba(127,127,127,.4)));transform:translateY(-1px)}.vd-action-button:disabled,.vd-action-button[aria-disabled="true"]{cursor:not-allowed;opacity:.52}.vd-action-button.vd-action-running{cursor:progress}.vd-action-button.vd-action-caution{border-color:color-mix(in srgb,var(--vd-warning,#c98512) 44%,var(--vd-line,#d8d2cc))}.vd-action-button.vd-action-destructive{border-color:color-mix(in srgb,var(--vd-danger,#c33b31) 48%,var(--vd-line,#d8d2cc));color:var(--vd-danger,#a92f27)}.vd-action-button-icon{align-items:center;display:inline-flex;font-weight:760;justify-content:center;min-width:18px}.vd-action-button-copy{display:grid;gap:2px;min-width:0}.vd-action-button-copy strong{font-size:.9rem}.vd-action-button-copy small{color:var(--vd-ink-muted,var(--vd-color-text-muted,#716a64));font-size:.76rem;line-height:1.35}.vd-action-button kbd{color:var(--vd-ink-muted,var(--vd-color-text-muted,#716a64));font-size:.7rem;margin-left:auto}.vd-action-surface[data-action-variant="menu"] .vd-action-button,.vd-action-surface[data-action-variant="sheet"] .vd-action-button{justify-content:flex-start;width:100%}.vd-action-surface-empty{color:var(--vd-ink-muted,var(--vd-color-text-muted,#716a64));font-size:.82rem;padding:8px}.vd-action-confirm-open{overflow:hidden}.vd-action-confirm-overlay{align-items:center;background:color-mix(in srgb,#15110f 58%,transparent);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:6200}.vd-action-confirm-dialog{background:var(--vd-surface-raised,var(--vd-color-surface-raised,#fff));border:1px solid var(--vd-line,var(--vd-color-border,#d9d3cc));border-radius:var(--vd-radius-lg,16px);box-shadow:var(--vd-shadow-lg,0 24px 80px rgba(20,14,10,.28));color:var(--vd-ink,var(--vd-color-text,#26221f));max-width:520px;overflow:hidden;width:100%}.vd-action-confirm-dialog[data-tone="destructive"]{border-color:color-mix(in srgb,var(--vd-danger,#c33b31) 58%,var(--vd-line,#d9d3cc))}.vd-action-confirm-header{align-items:flex-start;display:flex;gap:13px;padding:20px 20px 12px}.vd-action-confirm-marker{align-items:center;background:var(--vd-brand-soft,#f7e4dc);border-radius:50%;display:flex;font-size:1rem;font-weight:800;height:34px;justify-content:center;width:34px}.vd-action-confirm-dialog[data-tone="destructive"] .vd-action-confirm-marker{background:color-mix(in srgb,var(--vd-danger,#c33b31) 14%,transparent);color:var(--vd-danger,#a92f27)}.vd-action-confirm-heading{display:grid;gap:4px}.vd-action-confirm-heading h2{font-size:1.08rem;margin:0}.vd-action-confirm-risk{color:var(--vd-ink-muted,var(--vd-color-text-muted,#716a64));font-size:.7rem;font-weight:760;letter-spacing:.06em;text-transform:uppercase}.vd-action-confirm-dialog[data-tone="destructive"] .vd-action-confirm-risk{color:var(--vd-danger,#a92f27)}.vd-action-confirm-body{display:grid;gap:14px;padding:0 20px 20px}.vd-action-confirm-message{color:var(--vd-ink-secondary,var(--vd-color-text-secondary,#4f4944));line-height:1.55;margin:0}.vd-action-confirm-phrase{display:grid;font-size:.82rem;font-weight:650;gap:7px}.vd-action-confirm-phrase input{background:var(--vd-surface,var(--vd-color-surface,#fff));border:1px solid var(--vd-line-strong,var(--vd-color-border-strong,#c9c1ba));border-radius:9px;color:inherit;font:inherit;padding:10px 11px}.vd-action-confirm-footer{align-items:center;background:var(--vd-surface-muted,var(--vd-color-surface-muted,#f8f5f2));border-top:1px solid var(--vd-line,var(--vd-color-border,#d9d3cc));display:flex;gap:9px;justify-content:flex-end;padding:14px 20px}.vd-action-confirm-cancel,.vd-action-confirm-submit{border:1px solid var(--vd-line,var(--vd-color-border,#d9d3cc));border-radius:9px;cursor:pointer;font:inherit;font-weight:700;min-height:38px;padding:8px 13px}.vd-action-confirm-cancel{background:var(--vd-surface-raised,var(--vd-color-surface-raised,#fff));color:inherit}.vd-action-confirm-submit{background:var(--vd-brand,var(--vd-color-primary,#d95c34));border-color:transparent;color:#fff}.vd-action-confirm-dialog[data-tone="destructive"] .vd-action-confirm-submit{background:var(--vd-danger,#b7352c)}.vd-action-confirm-submit:disabled{cursor:not-allowed;opacity:.45}.vd-action-button:focus-visible,.vd-action-confirm-cancel:focus-visible,.vd-action-confirm-submit:focus-visible,.vd-action-confirm-phrase input:focus-visible{outline:3px solid color-mix(in srgb,var(--vd-brand,var(--vd-color-focus,#4f7cff)) 36%,transparent);outline-offset:2px}@media(max-width:620px){.vd-action-confirm-overlay{align-items:flex-end;padding:10px}.vd-action-confirm-dialog{border-radius:16px 16px 12px 12px;max-height:92vh}.vd-action-confirm-footer{align-items:stretch;flex-direction:column-reverse}.vd-action-confirm-cancel,.vd-action-confirm-submit{width:100%}.vd-action-surface[data-action-variant="toolbar"] .vd-action-button-copy small{display:none}}@media(prefers-reduced-motion:reduce){.vd-action-button{transition:none}.vd-action-confirm-overlay{backdrop-filter:none}}
|