@layer components{.confirm-dialog .dialog-content{flex:0 1 auto}.confirm-dialog .confirm-dialog-content{display:flex;flex-direction:column;gap:var(--space-4)}.confirm-dialog-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.confirm-dialog-description strong{color:var(--color-text)}.confirm-dialog-error{background:var(--color-error-light);border:1px solid color-mix(in oklch,var(--color-error) 30%,transparent);color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm)}.confirm-dialog-success{background:var(--color-success-light);border:1px solid color-mix(in oklch,var(--color-success) 30%,transparent);color:var(--color-success);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-3)}.confirm-dialog-done{align-self:flex-end;background:var(--color-success);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);border:none;transition:background var(--transition-fast)}.confirm-dialog-done:hover{background:var(--color-success-hover)}@media(max-width:639px){.confirm-dialog.dialog-sm,.confirm-dialog.dialog-md{min-height:auto}}}