.message-bar{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"icon body actions dismiss";align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;min-height:var(--size-440);padding:5px var(--spacing-80) 5px var(--spacing-120);border-radius:var(--radius-2xlarge);border:1px solid var(--surface-stroke-1);background:var(--bg-neutral-2-rest);color:var(--fg-neutral-1-rest)}.message-bar:has(>.message-bar-dismiss){padding-inline-end:var(--spacing-120)}.message-bar--multiline{grid-template-columns:auto 1fr auto;grid-template-areas:"icon    body    dismiss" "actions actions actions";align-items:start;align-content:center;white-space:normal;padding-block:var(--spacing-100)}.message-bar--success{background:var(--bg-status-success-1);border-color:var(--stroke-status-success-1)}.message-bar--warning{background:var(--bg-status-warning-1);border-color:var(--stroke-status-warning-1)}.message-bar--danger{background:var(--bg-status-danger-1);border-color:var(--stroke-status-danger-1)}.message-bar-icon{grid-area:icon;box-sizing:border-box;width:var(--size-200);height:var(--size-200);padding:var(--spacing-20);fill:currentColor;color:var(--fg-brand-1-rest);margin-inline-end:var(--spacing-100)}.message-bar--success .message-bar-icon{color:var(--fg-status-success-1)}.message-bar--warning .message-bar-icon{color:var(--fg-status-warning-1)}.message-bar--danger .message-bar-icon{color:var(--fg-status-danger-1)}.message-bar-body{grid-area:body;color:var(--fg-neutral-1-rest);word-break:break-word;font-size:var(--font-size-caption-1);line-height:var(--line-height-caption-1)}.message-bar-title{font-size:var(--font-size-caption-1-strong);line-height:var(--line-height-caption-1-strong);font-weight:var(--font-weight-caption-1-strong);color:var(--fg-neutral-1-rest)}.message-bar-message{font-size:var(--font-size-caption-1);line-height:var(--line-height-caption-1);font-weight:var(--font-weight-caption-1);color:var(--fg-neutral-2-rest)}.message-bar-actions{grid-area:actions;display:flex;align-items:center;gap:var(--spacing-80)}.message-bar-actions>:last-child{box-shadow:inset 0 0 0 1px var(--pill-stroke-2-rest)}.message-bar-actions>:last-child:hover{box-shadow:inset 0 0 0 1px var(--pill-stroke-2-hover)}.message-bar-actions>:last-child:active{box-shadow:inset 0 0 0 1px var(--pill-stroke-2-pressed)}.message-bar-actions>:not(:last-child){background:var(--bg-subtle-rest);color:var(--fg-neutral-2-rest)}.message-bar-actions>:not(:last-child):hover{background:var(--button-background-2-hover);color:var(--fg-neutral-1-hover)}.message-bar-actions>:not(:last-child):active{background:var(--button-background-2-pressed);color:var(--fg-neutral-1-pressed)}.message-bar-body+.message-bar-actions,.message-bar-body+.message-bar-dismiss{margin-inline-start:var(--spacing-320)}.message-bar-actions+.message-bar-dismiss{margin-inline-start:var(--spacing-80)}.message-bar--multiline .message-bar-actions{justify-content:flex-end;margin-block-start:var(--spacing-100);margin-inline-start:0}.message-bar-dismiss{grid-area:dismiss;width:var(--size-240);height:var(--size-240);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-medium);color:var(--fg-neutral-3-rest);cursor:pointer;padding:0}.message-bar-dismiss svg{width:var(--size-160);height:var(--size-160);fill:currentColor;display:block}.message-bar-dismiss:hover{background:var(--bg-subtle-hover);color:var(--fg-neutral-1-rest)}.message-bar-dismiss:active{background:var(--bg-subtle-pressed)}.message-bar-dismiss:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:1px}.message-bar-host:empty{display:none}.message-bar-host:not(:empty){display:block;padding-block:var(--spacing-240);flex-shrink:0}body:has(.message-bar-host:not(:empty)) .view-header,body:has(.message-bar-host:not(:empty)) .gallery-title-row{padding-top:0}@media (forced-colors: active){.message-bar{border:2px solid CanvasText}.message-bar-icon,.message-bar--success .message-bar-icon,.message-bar--warning .message-bar-icon,.message-bar--danger .message-bar-icon{color:CanvasText}.message-bar-dismiss:focus-visible{outline-color:Highlight}.message-bar-actions>:not(:last-child),.message-bar-actions>:not(:last-child):hover,.message-bar-actions>:not(:last-child):active{background:ButtonFace;color:ButtonText}}