.message-box{--mb-bg: var(--chip-on-bg, #d7f2fe);--mb-ink: var(--chip-on-text, #02617e);container:message-box / inline-size;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:start;column-gap:.5rem;margin:0;padding:.5rem .875rem;border-radius:var(--border-radius-small, .5rem);background:var(--mb-bg);color:var(--mb-ink);font-size:.875rem;line-height:1.45}.message-box:not(:has(>.message-box-close)){grid-template-columns:auto minmax(0,1fr) auto}.message-box:not(:has(>.message-box-icon))>.message-box-text{grid-column:1 / 3}.message-box--success{--mb-bg: var(--status-success-light, #e0f8e7);--mb-ink: color-mix(in srgb, var(--status-success-dark, #218838) 60%, var(--shade900, #141415))}.message-box--warning{--mb-bg: var(--status-warning-light, #fff8e0);--mb-ink: color-mix(in srgb, var(--status-warning-dark, #e0a800) 45%, var(--shade900, #141415))}.message-box--danger{--mb-bg: var(--status-danger-light, #ffe0db);--mb-ink: var(--status-danger-dark, #5d070d)}.message-box--neutral{--mb-bg: var(--shade350, #e7e9ee);--mb-ink: var(--shade900, #141415)}.message-box-icon{display:block;margin-top:.135rem}.message-box-icon svg{display:block;width:1rem;height:1rem}.message-box-icon{grid-column:1}.message-box-text{grid-column:2;margin:0;min-width:0;text-wrap:balance}.message-box-title{font-weight:600}.message-box-body{opacity:.88}.message-box--stacked .message-box-title{display:block}.message-box-actions{grid-column:3;grid-row:1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:-.25rem}@container message-box (max-width: 36rem){.message-box-actions{grid-column:2 / 4;grid-row:2;margin-block:.5rem 0}}.message-box:has(>.message-box-actions):not(:has(.message-box-body,.message-box-hint)){align-items:center;padding-block:.375rem;padding-inline-end:.375rem}.message-box:has(>.message-box-actions):not(:has(.message-box-body,.message-box-hint))>.message-box-icon{margin-top:0}@container message-box (min-width: 20rem){.message-box:not(:has(.message-box-body,.message-box-hint))>.message-box-actions{grid-column:3;grid-row:1;margin-block:0}}.message-box .message-box-hint.button{margin-block:-.25rem;color:inherit;vertical-align:middle}.message-box-actions .button.button--tertiary{color:inherit;text-decoration:underline;text-underline-offset:.15em}.message-box-actions .button.button--secondary{color:inherit;border-color:currentColor}.message-box>.message-box-close{grid-column:4;grid-row:1;margin-block:-.25rem;margin-inline-end:-.5rem;color:inherit}@media print{.message-box{background:none;border:1px solid currentColor}}