.lw-notification {
    --lw-notification-accent: #3c9544;
    --lw-notification-bg: #e5f3e6;
    --lw-notification-ink: #285b2d;
    box-sizing: border-box;
    position: fixed;
    inset: max(var(--lw-notification-top, 1rem), env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) auto auto;
    margin: 0;
    width: min(360px, calc(100vw - 1.5rem));
    height: auto;
    min-height: 0;
    max-height: 28vh;
    max-height: 28svh;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 44px;
    align-items: stretch;
    gap: 0;
    padding: 0;
    overflow: auto;
    border: 1px solid var(--lw-notification-accent);
    border-radius: 4px;
    background: var(--lw-notification-bg);
    color: var(--lw-notification-ink);
    font: .82rem/1.5 system-ui, sans-serif;
    box-shadow: 0 4px 14px rgb(0 0 0 / .16);
    pointer-events: auto;
    z-index: 10000;
}
.lw-notification::backdrop { background: transparent; pointer-events: none; }
.lw-notification[hidden] { display: none; }
.lw-notification__icon { display: grid; place-items: center; background: var(--lw-notification-accent); color: #fff; font-size: 1.25rem; font-weight: 700; }
.lw-notification__content { min-width: 0; overflow-wrap: anywhere; padding: .8rem .75rem; }
.lw-notification strong { display: block; color: inherit; font-size: .82rem; line-height: 1.5; }
.lw-notification p { margin: .15rem 0 0; color: inherit; font-size: .82rem; line-height: 1.5; white-space: pre-wrap; }
body button.lw-notification__close { box-sizing: border-box; align-self: start; min-width: 44px; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; font-size: 1.15rem; cursor: pointer; }
body button.lw-notification__close:hover { background: rgb(0 0 0 / .06); color: inherit; }
body button.lw-notification__close:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
.lw-notification--error { --lw-notification-accent: #d13a35; --lw-notification-bg: #fce8e6; --lw-notification-ink: #8b2925; }
.lw-notification--advertencia { --lw-notification-accent: #a66b0c; --lw-notification-bg: #fff2d8; --lw-notification-ink: #67470b; }
.lw-notification--informacion { --lw-notification-accent: #2875a6; --lw-notification-bg: #e4f2fb; --lw-notification-ink: #164e75; }