.feedback{gap:var(--mb-s-1) var(--mb-s-3);margin:var(--mb-s-4) 0;padding:var(--mb-s-3) var(--mb-s-4);border-radius:var(--mb-r-sm);color:var(--mb-ink);font:400 18px/1.5 var(--mb-font-ui);overflow-wrap:anywhere;border:2px solid;flex-wrap:wrap;align-items:flex-start;min-width:0;max-width:100%;display:flex}.feedback[data-tone=error]{background:var(--mb-feedback-error-bg);border-color:var(--mb-feedback-error-fg)}.feedback[data-tone=warning]{background:var(--mb-feedback-warning-bg);border-color:var(--mb-feedback-warning-fg)}.feedback:focus{outline:3px solid var(--mb-primary);outline-offset:3px}.feedback-icon{flex:none;width:24px;height:24px;margin-top:2px}.feedback[data-tone=error]>.feedback-icon,.field-message[data-tone=error]>.feedback-icon,.feedback-chip[data-tone=error]>.feedback-icon{color:var(--mb-feedback-error-fg)}.feedback[data-tone=warning]>.feedback-icon,.field-message[data-tone=warning]>.feedback-icon,.feedback-chip[data-tone=warning]>.feedback-icon{color:var(--mb-feedback-warning-fg)}.feedback-body{flex:10em;min-width:0}.feedback .feedback-title{font:600 18px/1.5 var(--mb-font-ui);letter-spacing:normal;margin:0}.feedback h2.feedback-title{font-size:21px}.feedback[data-tone=error] .feedback-title{color:var(--mb-feedback-error-fg)}.feedback[data-tone=warning] .feedback-title{color:var(--mb-feedback-warning-fg)}.feedback .feedback-body p:not(.feedback-title),.feedback .feedback-body ul{margin:var(--mb-s-1) 0 0;color:var(--mb-ink);font-size:18px;line-height:1.5}.feedback .feedback-body ul{padding-left:var(--mb-s-6)}.feedback-actions{gap:var(--mb-s-2) var(--mb-s-3);margin-top:var(--mb-s-2);flex-wrap:wrap;flex:100%;display:flex}.feedback-actions>button,.feedback-actions>a{width:auto;min-width:48px;max-width:100%;min-height:48px}.feedback-summary ul{padding:0;list-style:none}.feedback-summary li+li{margin-top:var(--mb-s-1)}.feedback.feedback-summary a{max-width:100%;min-height:48px;padding-block:var(--mb-s-3);color:var(--mb-feedback-error-fg);text-underline-offset:3px;font-weight:600;text-decoration:underline;display:inline-block}.field-message{align-items:flex-start;gap:var(--mb-s-2);margin:var(--mb-field-gap) 0 var(--mb-field-stack);font:600 18px/1.5 var(--mb-font-ui);overflow-wrap:anywhere;min-width:0;display:flex}.field-message[data-tone=error]{color:var(--mb-feedback-error-fg)}.field-message[data-tone=warning]{color:var(--mb-feedback-warning-fg)}.field-message>span{min-width:0}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true],button[aria-invalid=true],[role=combobox][aria-invalid=true]{border:2px solid var(--mb-feedback-error-fg)!important;background-color:var(--mb-feedback-error-field-bg)!important}.dropdown-trigger:has(>input[aria-invalid=true]){border:2px solid var(--mb-feedback-error-fg)!important;background-color:var(--mb-feedback-error-field-bg)!important}.dropdown-trigger>input[aria-invalid=true]{background-color:#0000!important;border:0!important}fieldset[aria-invalid=true],.feedback-group[aria-invalid=true]{border-radius:12px;border:2px solid var(--mb-feedback-error-fg)!important}.feedback-group{min-width:0}.feedback-group:focus{outline:3px solid var(--mb-primary);outline-offset:3px}.feedback-chip{align-items:center;gap:var(--mb-s-2);padding:var(--mb-s-1) var(--mb-s-4) var(--mb-s-1) var(--mb-s-2);border-radius:var(--mb-r-pill);font:600 18px/1.5 var(--mb-font-ui);color:var(--mb-ink);overflow-wrap:anywhere;border:2px solid;max-width:100%;display:inline-flex}.feedback-chip>.feedback-icon{margin:0}.feedback-icon-mark{fill:#fff;stroke:#fff}.feedback-chip[data-tone=error]{background:var(--mb-feedback-error-bg);border-color:var(--mb-feedback-error-fg)}.feedback-chip[data-tone=warning]{background:var(--mb-feedback-warning-bg);border-color:var(--mb-feedback-warning-fg)}.field-helper{margin-top:var(--mb-help-gap);color:var(--mb-ink-2);font:400 16px/1.5 var(--mb-font-ui);display:block}.actions>.field-helper{flex-basis:100%;margin-top:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=700px){.feedback{padding:var(--mb-s-3)}.feedback-actions>button{flex:auto}}@media (forced-colors:active){.feedback,.feedback-chip,.feedback-group[aria-invalid=true],fieldset[aria-invalid=true],input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true],button[aria-invalid=true],[role=combobox][aria-invalid=true]{border-color:canvastext!important}.feedback-icon{color:canvastext!important}.feedback-icon-mark{fill:canvas;stroke:canvas}.feedback-summary a{color:linktext}}
