@layer properties,theme,base;@layer components{.conversation-dialog{box-sizing:border-box;border:1px solid #ffffffb8;width:min(300px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:23px 14px 14px;position:fixed;inset:0;overflow-y:auto}.conversation-dialog::backdrop{background:var(--mars-glass-alert-backdrop)}.conversation-dialog form{flex-direction:column;gap:23px;display:flex}.conversation-dialog-copy{overflow-wrap:anywhere;flex-direction:column;gap:8px;padding-inline:8px;display:flex}.conversation-dialog-description{flex-direction:column;gap:6px;display:flex}.conversation-dialog h2{text-align:left;margin:0;font-weight:600}.conversation-dialog p{font-size:var(--text-mars-17);line-height:var(--leading-mars-22);color:inherit;margin:0}.conversation-dialog input{box-sizing:border-box;border:0;width:100%;min-width:0;height:40px;padding:0 13px}.conversation-dialog-actions{gap:8px;display:flex}.conversation-dialog-actions[data-stacked]{flex-direction:column}.conversation-dialog-actions button{background:var(--mars-glass-alert-action-fill);border:0;flex:1;min-width:0;min-height:48px;padding:8px}.conversation-dialog-name-field{min-width:0;display:block}.conversation-dialog-name-label{display:none}.conversation-dialog[data-desktop-confirmation]{border-width:0;width:min(313px,100vw - 32px);padding:18px 16px 16px}.conversation-dialog[data-desktop-confirmation] form{gap:14px}.conversation-dialog[data-desktop-confirmation] .conversation-dialog-copy{gap:14px;padding:0}.conversation-dialog[data-desktop-confirmation] h2{text-align:center}.conversation-dialog[data-desktop-confirmation] p{font-size:var(--text-mars-13);line-height:var(--leading-mars-20);text-align:center;color:var(--mars-color-text-secondary)}.conversation-dialog[data-desktop-confirmation] .conversation-dialog-actions{flex-wrap:wrap;justify-content:center;align-self:center;gap:8px;max-width:100%}.conversation-dialog[data-desktop-confirmation] .conversation-dialog-actions[data-stacked]{flex-wrap:nowrap;align-self:stretch}.conversation-dialog[data-desktop-confirmation] .conversation-dialog-actions[data-stacked] button{width:100%}.conversation-dialog[data-desktop-confirmation] .conversation-dialog-actions button{overflow-wrap:anywhere;flex:none;width:auto;min-width:64px;max-width:100%;min-height:28px;padding:5px 12px}.conversation-dialog[data-desktop-confirmation] .conversation-dialog-actions button:focus-visible{outline:2px solid var(--mars-color-action-primary);outline-offset:3px}.conversation-dialog[data-desktop-confirmation][data-appearance=delete-relationship-summary] .conversation-dialog-actions button:focus-visible{outline:none}.conversation-dialog[data-desktop-confirmation][data-appearance=rename-conversation]{width:min(400px,100vw - 32px);padding:20px}.conversation-dialog[data-desktop-confirmation][data-appearance=rename-conversation] form,.conversation-dialog[data-desktop-confirmation][data-appearance=rename-conversation] .conversation-dialog-copy{gap:16px}.conversation-dialog[data-desktop-confirmation][data-appearance=rename-conversation] h2{text-align:left}.conversation-dialog[data-desktop-confirmation] .conversation-dialog-name-field{align-items:center;gap:8px;display:flex}.conversation-dialog[data-desktop-confirmation] .conversation-dialog-name-label{flex-shrink:0;display:block}.conversation-dialog[data-desktop-confirmation] input{border:2px solid var(--mars-color-border-default);width:100%;height:30px;padding:3px 8px}.conversation-dialog[data-desktop-confirmation] .conversation-dialog-name-field input{flex:1;width:0}.conversation-dialog[data-desktop-confirmation] input:focus{border-color:var(--mars-color-action-primary)}.conversation-dialog[data-desktop-confirmation][data-appearance=rename-conversation] .conversation-dialog-actions{border-top:1px solid var(--mars-color-border-default);justify-content:flex-end;width:100%;padding-top:16px}.conversation-dialog[data-desktop-confirmation] p[role=alert]{color:var(--mars-color-action-delete)}.conversation-dialog[data-desktop-confirmation]:is([data-appearance=delete-relationship-summary],[data-appearance=delete-event]) p{font-size:var(--text-mars-14);line-height:var(--leading-mars-22)}.conversation-dialog[data-desktop-confirmation][data-appearance=delete-event] .conversation-dialog-actions{width:min(248px,100%)}.conversation-dialog[data-desktop-confirmation][data-appearance=delete-event] .conversation-dialog-actions button{flex:1;min-width:0}}@layer utilities;:root .conversation-dialog[data-desktop-confirmation] .conversation-dialog-actions button[data-confirm]{background:var(--mars-color-action-primary);color:#fff}:root:not(.dark) .conversation-dialog[data-desktop-confirmation]:is([data-appearance=delete-relationship-summary],[data-appearance=delete-event]){-webkit-backdrop-filter:blur(12px);background:#f6f6faa8;border:.5px solid #ffffff8c;box-shadow:inset 0 1px 1px #ffffff4d,0 16px 32px #00000038,0 0 1px #0000001f}:root:not(.dark) .conversation-dialog[data-desktop-confirmation]:is([data-appearance=delete-relationship-summary],[data-appearance=delete-event]) .conversation-dialog-actions button{box-shadow:none;-webkit-backdrop-filter:none}:root:not(.dark) .conversation-dialog[data-desktop-confirmation]:is([data-appearance=delete-relationship-summary],[data-appearance=delete-event]) .conversation-dialog-actions button[type=button]{background:#00000014}
