.brand-dialog-backdrop{z-index:200;background:color-mix(in srgb, var(--brand-navigation-text) 32%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.brand-dialog-viewport{z-index:201;place-items:center;padding:24px 20px;display:grid;position:fixed;inset:0;overflow-y:auto}.brand-dialog{border:1px solid var(--brand-dialog-border,var(--brand-control-tint));background:var(--brand-surface);width:min(100%,460px);min-width:0;max-height:calc(100dvh - 48px);box-shadow:var(--brand-shadow);border-radius:28px;gap:20px;padding:32px 24px;display:grid;position:relative;overflow-y:auto}.brand-frame .brand-dialog h2{padding-right:24px;font-size:24px}.brand-dialog[data-top-anchored=true]{margin-top:var(--brand-dialog-top);max-height:calc(100dvh - 48px - var(--brand-dialog-top));align-self:start}.brand-dialog-close{width:40px;height:40px;color:var(--brand-navigation-text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.brand-dialog-close:disabled{cursor:default}@media (max-width:399px){.brand-dialog{padding-inline:20px}}@media (hover:hover) and (pointer:fine){.brand-dialog-close:not(:disabled):hover{background:var(--brand-dialog-tint,var(--brand-control-tint))}}
.brand-frame .brand-dialog-actions{gap:20px;min-width:0;display:grid}.brand-frame .brand-dialog-actions .brand-button{width:100%}.brand-frame .brand-dialog-actions .brand-dialog-danger-link{color:var(--destructive);justify-self:center}.brand-frame .brand-dialog-actions .brand-dialog-danger-button:not(:disabled){background:var(--brand-danger-background);border-color:var(--brand-danger-background);color:var(--brand-bg)}