.notibar { position: fixed; z-index: 1000; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); left: max(16px, env(safe-area-inset-left)); display: flex; align-items: flex-start; gap: 10px; max-width: 620px; margin: 0 auto; padding: 12px 14px; border: 1px solid currentColor; border-radius: 8px; box-shadow: 0 8px 24px rgb(0 0 0 / 18%); background: #fff; color: #174ea6; }
.notibar--info { color: #174ea6; }.notibar--success { color: #176b3a; }.notibar--error { color: #a61b1b; }.notibar__icon { font-weight: 700; }.notibar__message { flex: 1; color: #1f1f1f; }.notibar__close { min-width: auto; margin: -4px -5px -4px 0; padding: 4px 7px; border: 0; border-radius: 4px; background: transparent; color: inherit; font-size: 20px; line-height: 1; cursor: pointer; }