.message-strip{box-sizing:border-box;width:100%;padding:var(--space-150) var(--space-200);border-radius:var(--radius-md);border-left:8px solid;display:flex}.message-strip[data-alignment=horizontal]{align-items:center;gap:var(--space-300);flex-direction:row;container:message-strip/inline-size}.message-strip[data-alignment=vertical]{align-items:flex-start;gap:var(--space-150);flex-direction:row}.message-strip[data-type=non-semantic]{padding-left:var(--space-300);background-color:var(--color-bg-neutral-subtle-base);border-left-color:var(--color-fg-neutral-default)}.message-strip[data-type=semantic]{padding-left:var(--space-150)}.message-strip[data-type=semantic][data-state=info]{background-color:var(--color-bg-primary-default-base);border-left-color:var(--color-fg-primary-default-base)}.message-strip[data-type=semantic][data-state=success]{background-color:var(--color-bg-success-default-base);border-left-color:var(--color-fg-success-default-base)}.message-strip[data-type=semantic][data-state=error]{background-color:var(--color-bg-danger-default-base);border-left-color:var(--color-fg-danger-default-base)}.message-strip[data-type=semantic][data-state=warning]{background-color:var(--color-bg-warning-default-base);border-left-color:var(--color-fg-warning-default-base)}.message-strip-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.message-strip-message{min-width:0;color:var(--color-text-neutral-strong);font-family:var(--body-sm-regular-fontFamily);font-size:var(--body-sm-regular-fontSize);font-weight:var(--body-sm-regular-fontWeight);line-height:var(--body-sm-regular-lineHeight);white-space:pre-wrap;flex:1}.message-strip-context{gap:var(--space-100);flex:1;min-width:0;display:flex}.message-strip[data-alignment=horizontal] .message-strip-context,.message-strip[data-alignment=vertical] .message-strip-context{align-items:center}.message-strip-body{align-items:flex-start;gap:var(--space-100);flex-direction:column;flex:1;min-width:0;display:flex}.message-strip-actions{align-items:center;gap:var(--space-100);flex-shrink:0;display:flex}.message-strip-close-wrapper{flex-shrink:0;align-items:center;padding-top:2px;display:flex}.message-strip-close{width:var(--space-400);height:var(--space-400);border-radius:var(--radius-sm);color:var(--color-fg-neutral-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.message-strip-close:hover{background-color:var(--color-bg-neutral-subtle-hover);color:var(--color-fg-neutral-default)}.message-strip-close:focus-visible{box-shadow:0 0 0 2px var(--color-fg-white), 0 0 0 4px var(--color-bg-primary-default-press);outline:none}@container message-strip not (min-width:35rem){.message-strip[data-alignment=horizontal] .message-strip-context{flex-wrap:wrap;align-items:center}.message-strip[data-alignment=horizontal] .message-strip-actions{flex:1 0 100%;justify-content:flex-start}.message-strip[data-alignment=horizontal]:has(.message-strip-icon) .message-strip-actions{padding-left:calc(24px + var(--space-100))}}