.pui-notification{align-items:flex-start;background:var(--pui-color-bg);border:var(--pui-border-width-1) solid var(--pui-color-border);border-radius:var(--pui-radius-3);display:flex;gap:var(--pui-space-3);max-width:28rem;min-width:18rem;overflow:hidden;padding:var(--pui-space-3) var(--pui-space-4);position:relative}.pui-notification__icon{display:inline-flex;flex:none;font-size:var(--pui-font-size-4);margin-top:1px}.pui-notification__body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.pui-notification__title{color:var(--pui-color-text);font-size:var(--pui-font-size-2);font-weight:var(--pui-font-weight-semibold)}.pui-notification__message{color:var(--pui-color-text-subtle);font-size:var(--pui-font-size-2);line-height:var(--pui-line-height-2)}.pui-notification__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pui-space-2);margin-top:var(--pui-space-2)}.pui-notification__close{background:transparent;border:0;color:var(--pui-color-text-subtle);cursor:pointer;display:inline-flex;flex:none;font-size:var(--pui-font-size-3);margin:-1px -1px 0 0;padding:0}.pui-notification__close:hover{color:var(--pui-color-text)}.pui-notification--info{background:var(--pui-color-info-subtle);border-color:var(--pui-color-info)}.pui-notification--info .pui-notification__icon{color:var(--pui-color-info-text)}.pui-notification--success{background:var(--pui-color-success-subtle);border-color:var(--pui-color-success)}.pui-notification--success .pui-notification__icon{color:var(--pui-color-success-text)}.pui-notification--warning{background:var(--pui-color-warning-subtle);border-color:var(--pui-color-warning)}.pui-notification--warning .pui-notification__icon{color:var(--pui-color-warning-text)}.pui-notification--danger{background:var(--pui-color-danger-subtle);border-color:var(--pui-color-danger-border)}.pui-notification--danger .pui-notification__icon{color:var(--pui-color-danger-text)}.pui-notification--neutral .pui-notification__icon{color:var(--pui-color-text-subtle)}