.craftforms-notification{--display:flex;--padding:1rem;--gap:.5rem;--border-radius:4px;--margin:10px 0;--font-size:14px;--line-height:1.4;--bg:#fff;--color:#333;--border-width:4px;--border-color:#ccc;--shadow:0 2px 8px rgba(0,0,0,.15);--success-color:#22c55e;--success-color-text:#0d873a;--error-color:#ef4444;--error-color-text:#a31717;--warning-color:#f59e0b;--warning-color-text:#8e5d0b;--info-color:#3b82f6;--info-color-text:#134597;--close-color:#999;--close-hover-color:#666;--close-hover-bg:rgba(0,0,0,.05);--close-size:24px;display:var(--display);gap:var(--gap);justify-content:space-between;background:var(--bg);color:var(--color);border-left:var(--border-width) solid var(--border-color);padding:var(--padding);border-radius:var(--border-radius);box-shadow:var(--shadow);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:var(--font-size);line-height:var(--line-height);position:relative;opacity:0;transition:all .3s ease;margin:var(--margin);max-width:100%;word-wrap:break-word}.craftforms-notification.craftforms-notification-show{opacity:1}.craftforms-notification.craftforms-notification-success{border-left-color:var(--success-color);color:var(--success-color-text)}.craftforms-notification.craftforms-notification-error,.craftforms-notification.craftforms-notification-alert{border-left-color:var(--error-color);color:var(--error-color-text)}.craftforms-notification.craftforms-notification-warning{border-left-color:var(--warning-color);color:var(--warning-color-text)}.craftforms-notification.craftforms-notification-info{border-left-color:var(--info-color);color:var(--info-color-text)}.craftforms-notification.craftforms-notification-inline{position:relative;display:var(--display)}.craftforms-notification :where(.craftforms-notification-text){display:block;color:inherit;margin:0}.craftforms-notification :where(p){margin:0;text-align:start}.craftforms-notification :where(p):last-child{margin-bottom:0}.craftforms-notification :where(.craftforms-notification-close){background:0 0;border:none;font-size:16px;color:var(--close-color);cursor:pointer;padding:4px;line-height:1;width:var(--close-size);height:var(--close-size);display:flex;align-items:center;justify-content:center;border-radius:2px}.craftforms-notification :where(.craftforms-notification-close):hover{color:var(--close-hover-color);background:var(--close-hover-bg)}.craftforms-notification :where(.craftforms-notification-close):focus{outline:2px solid #3b82f6;outline-offset:1px}.craftforms-notification-overlay{--z-index:99999;--max-width:400px;--min-width:250px;position:fixed;z-index:var(--z-index);pointer-events:auto;max-width:var(--max-width);min-width:var(--min-width)}.craftforms-notification-overlay.craftforms-notification-top{top:20px}.craftforms-notification-overlay.craftforms-notification-bottom{bottom:20px}.craftforms-notification-overlay.craftforms-notification-left{left:20px}.craftforms-notification-overlay.craftforms-notification-right{right:20px}.craftforms-notification-overlay.craftforms-notification-center{left:50%;transform:translateX(-50%)}.craftforms-notification-overlay.craftforms-notification-top-left{top:20px;left:20px}.craftforms-notification-overlay.craftforms-notification-top-right{top:20px;right:20px}.craftforms-notification-overlay.craftforms-notification-top-center{top:20px;left:50%;transform:translateX(-50%)}.craftforms-notification-overlay.craftforms-notification-bottom-left{bottom:20px;left:20px}.craftforms-notification-overlay.craftforms-notification-bottom-right{bottom:20px;right:20px}.craftforms-notification-overlay.craftforms-notification-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.craftforms-notification-overlay :where(.craftforms-notification){margin:0 0 10px}.craftforms-notification-overlay :where(.craftforms-notification):last-child{margin-bottom:0}@media (max-width:768px){.craftforms-notification-overlay{left:10px!important;right:10px!important;max-width:calc(100% - 20px);min-width:auto;transform:none!important}.craftforms-notification-overlay.craftforms-notification-center,.craftforms-notification-overlay.craftforms-notification-top-center,.craftforms-notification-overlay.craftforms-notification-bottom-center{left:10px!important;transform:none!important}:where(.craftforms-notification){padding:.875rem;font-size:13px}}@media (max-width:480px){.craftforms-notification-overlay{left:5px!important;right:5px!important;max-width:calc(100% - 10px)}.craftforms-notification-overlay :where(.craftforms-notification){padding:.75rem;font-size:12px}}.craftforms-notification-overlay.craftforms-notification-right :where(.craftforms-notification){animation:craftforms-notification-slide-in-right .3s ease}.craftforms-notification-overlay.craftforms-notification-left :where(.craftforms-notification){animation:craftforms-notification-slide-in-left .3s ease}.craftforms-notification-overlay.craftforms-notification-center :where(.craftforms-notification){animation:craftforms-notification-fade-in .3s ease}