.msweb-notice {
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 13px 15px;
  border: 1px solid #93c5fd;
  border-radius: 12px;
  background: #eff6ff;
  color: #1e3a5f;
  font-size: 14px;
  line-height: 1.45;
}
.msweb-notice:not([hidden]) { display: flex; }

.msweb-notice--warning { border-color: #f2c96f; background: #fff7d6; color: #694f00; }
.msweb-notice__icon { display: inline-flex; flex: 0 0 auto; margin-top: 1px; }
.msweb-notice__icon svg { width: 19px; height: 19px; }
.msweb-notice__text { min-width: 0; }
.msweb-notice__action { flex: 0 0 auto; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.msweb-notice__action:hover { text-decoration: none; }
.msweb-notice__action:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 2px; }

[data-theme="dark"] .msweb-notice--info,
.theme-dark .msweb-notice--info { border-color: #315a91; background: #172b49; color: #dbeafe; }
[data-theme="dark"] .msweb-notice--warning,
.theme-dark .msweb-notice--warning { border-color: #876916; background: #332b12; color: #fde68a; }

@media (max-width: 640px) {
  .msweb-notice { flex-wrap: wrap; }
  .msweb-notice__text { flex: 1 1 calc(100% - 30px); }
  .msweb-notice__action { margin-left: 29px; }
}