.feedback-message.svelte-12mbbje{--feedback-color:var(--status-info);border:1px solid color-mix(in srgb, var(--feedback-color) 38%, var(--border-default));background:color-mix(in srgb, var(--feedback-color) 9%, var(--bg-card));color:var(--text-primary);font-size:var(--type-body-compact-size);line-height:var(--type-body-compact-line-height);border-inline-start-width:3px;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.7rem;margin-block:.7rem;padding:.8rem .9rem;display:grid}.feedback-message--success.svelte-12mbbje{--feedback-color:var(--status-success)}.feedback-message--warning.svelte-12mbbje{--feedback-color:var(--status-warning)}.feedback-message--error.svelte-12mbbje{--feedback-color:var(--status-error)}.feedback-message--compact.svelte-12mbbje{background:color-mix(in srgb, var(--feedback-color) 8%, transparent);width:fit-content;font-size:var(--type-body-compact-size);line-height:var(--type-body-compact-line-height);border:0;border-radius:.55rem;grid-template-columns:auto minmax(0,auto) auto;margin-block:.35rem;padding:.35rem .5rem;display:inline-grid}.feedback-message__icon.svelte-12mbbje{width:1rem;height:1.5em;color:var(--feedback-color);place-items:center;display:grid}.feedback-message__icon.svelte-12mbbje .fluent-icon,.feedback-message__icon.svelte-12mbbje .fluent-icon svg{flex-basis:1rem;width:1rem;height:1rem}.feedback-message__content.svelte-12mbbje{gap:.2rem;min-width:0;display:grid}.feedback-message__title.svelte-12mbbje{color:var(--text-primary)}.feedback-message.svelte-12mbbje p:where(.svelte-12mbbje),.feedback-message.svelte-12mbbje p{color:var(--text-secondary);margin:0}.feedback-message.svelte-12mbbje p+p{margin-top:.2rem}.feedback-message__actions.svelte-12mbbje{flex-wrap:wrap;align-items:center;gap:.55rem;padding-top:.45rem;display:flex}.feedback-message__dismiss.svelte-12mbbje{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.feedback-message__dismiss.svelte-12mbbje:hover{background:color-mix(in srgb, var(--feedback-color) 12%, transparent)}.feedback-message__dismiss.svelte-12mbbje:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (width<=32rem){.feedback-message.svelte-12mbbje:not(.feedback-message--compact){grid-template-columns:auto minmax(0,1fr)}.feedback-message.svelte-12mbbje:not(.feedback-message--compact) .feedback-message__dismiss:where(.svelte-12mbbje){grid-area:1/2;justify-self:end}}