.hoisiem-notifications{position:fixed;z-index:1000;left:16px;right:16px;bottom:calc(104px + env(safe-area-inset-bottom,0px));display:grid;gap:8px;max-width:580px;margin:auto;pointer-events:none}
.hoisiem-notification{display:flex;align-items:center;gap:12px;padding:14px 12px 14px 16px;border:1px solid #b8cdb0;border-radius:18px;background:#f2f8ec;color:#2f5139;box-shadow:0 6px 24px #243c2926;pointer-events:auto;font-size:15px;line-height:1.6}
.hoisiem-notification--error{background:#fff1ec;border-color:#dca799;color:#813e31}
.hoisiem-notification--info{background:#f2f6f8;border-color:#bdd0d8;color:#365665}
.hoisiem-notification-text{flex:1;min-width:0;overflow-wrap:anywhere}
.hoisiem-notification-icon{position:relative;width:22px;height:22px;border:1.8px solid currentColor;border-radius:50%;flex:none}
.hoisiem-notification-icon:after{content:'';position:absolute;left:5px;top:4px;width:6px;height:10px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.hoisiem-notification--error .hoisiem-notification-icon:after,.hoisiem-notification--info .hoisiem-notification-icon:after{left:9px;top:4px;width:0;height:8px;border-width:0 0 0 2px;transform:none}
.hoisiem-notification--error .hoisiem-notification-icon:before,.hoisiem-notification--info .hoisiem-notification-icon:before{content:'';position:absolute;left:9px;top:14px;width:2px;height:2px;background:currentColor;border-radius:50%}
.hoisiem-notification-close{position:relative;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;pointer-events:auto}
.hoisiem-notification-close:before,.hoisiem-notification-close:after{content:'';position:absolute;left:14px;top:21px;width:16px;height:2px;background:currentColor;transform:rotate(45deg)}
.hoisiem-notification-close:after{transform:rotate(-45deg)}
.hoisiem-notification-close:focus-visible{outline:2px solid currentColor;outline-offset:1px}
@media(max-width:480px){.hoisiem-notifications{left:10px;right:10px}.hoisiem-notification{padding:10px 8px 10px 12px;font-size:14px}}
body:has(#chat:not(.hidden)) .hoisiem-notifications{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto}
body:has(#chat:not(.hidden)) .hoisiem-notification{pointer-events:none}