.error-notice { position: fixed; top: 64px; right: 24px; z-index: 10000; display: flex; align-items: flex-start; gap: 10px; width: max-content; max-width: min(440px, calc(100vw - 32px)); padding: 14px 16px; border: 1px solid #efc9c9; border-left: 3px solid #bd3434; border-radius: 4px; background: #fff; color: #8e2525; box-shadow: 0 8px 30px #152b4a26; font-size: 13px; line-height: 1.6; }
.error-notice-symbol { display: grid; place-items: center; flex: none; width: 18px; height: 18px; margin-top: 1px; border-radius: 50%; background: #bd3434; color: #fff; font-weight: 700; line-height: 1; }
.error-notice-text { overflow-wrap: anywhere; }
.error-notice button { flex: none; border: 0; padding: 0 2px; margin-left: 6px; background: transparent; color: #8c6870; font-size: 20px; line-height: 1; cursor: pointer; }
.error-notice button:focus-visible { outline: 2px solid #bd3434; outline-offset: 3px; }
@media (max-width: 600px) { .error-notice { left: 16px; right: 16px; width: auto; } }