.glyx-content-notification {
  position: fixed;
  inset: auto max(16px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) auto;
  z-index: 2147483647;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: max-content;
  max-width: min(420px, calc(100vw - 32px));
  box-sizing: border-box;
  margin: 0;
  padding: 15px 18px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background: transparent;
  color: #fecdd3;
  box-shadow: 0 24px 60px rgba(0,0,0,.34);
  backdrop-filter: blur(18px) saturate(1.14);
  -webkit-backdrop-filter: blur(18px) saturate(1.14);
  font: 500 .95rem/1.5 var(--ui-interface-font, 'Funnel Display', sans-serif);
  overflow-wrap: anywhere;
  pointer-events: none;
  animation: glyxContentNoticeIn .2s ease both;
}
.glyx-content-notification-icon {
  flex: 0 0 20px;
  height: 20px;
  margin-top: .09em;
  background: currentColor;
  mask: url('/assets/img/wrong.svg') center/contain no-repeat;
  -webkit-mask: url('/assets/img/wrong.svg') center/contain no-repeat;
}
.glyx-content-underlines { position:fixed; inset:0 auto auto 0; width:0; height:0; margin:0; padding:0; border:0; overflow:visible; pointer-events:none; background:transparent; z-index:2147483646; }
.glyx-content-underlines::backdrop { background:transparent; pointer-events:none; }
.glyx-content-underline { position:fixed; display:block; height:2px; border-radius:2px; background:#ff6b81; box-shadow:0 1px 3px rgba(255,92,122,.18); pointer-events:none; }
.glyx-content-measure { margin:0 !important; contain:layout style; z-index:-1; }
.glyx-content-notification.is-hiding { animation: glyxContentNoticeOut .18s ease both; }
@keyframes glyxContentNoticeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes glyxContentNoticeOut { to { opacity: 0; transform: translateY(8px); } }
@media (max-width: 900px) { .glyx-content-notification { bottom: max(100px, calc(env(safe-area-inset-bottom) + 80px)); } }
@media (prefers-reduced-motion: reduce) { .glyx-content-notification, .glyx-content-notification.is-hiding { animation: none; } }
