/*!
 * CraftForms Notification Component
 * Self-sufficient notification system with template support
 * @license MIT licensed
 */.craftforms-notification{--display:flex;--padding:1rem;--gap:0.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;background:var(--bg);border-left:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--color);display:var(--display);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size);gap:var(--gap);justify-content:space-between;line-height:var(--line-height);margin:var(--margin);max-width:100%;opacity:0;padding:var(--padding);position:relative;transition:all .3s ease;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-alert,.craftforms-notification.craftforms-notification-error{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{display:var(--display);position:relative}.craftforms-notification :where(.craftforms-notification-text){color:inherit;display:block;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){align-items:center;background:none;border:none;border-radius:2px;color:var(--close-color);cursor:pointer;display:flex;font-size:16px;height:var(--close-size);justify-content:center;line-height:1;padding:4px;width:var(--close-size)}.craftforms-notification :where(.craftforms-notification-close):hover{background:var(--close-hover-bg);color:var(--close-hover-color)}.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;max-width:var(--max-width);min-width:var(--min-width);pointer-events:auto;position:fixed;z-index:var(--z-index)}.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{left:20px;top:20px}.craftforms-notification-overlay.craftforms-notification-top-right{right:20px;top:20px}.craftforms-notification-overlay.craftforms-notification-top-center{left:50%;top:20px;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{max-width:calc(100% - 20px);min-width:auto;right:10px!important}.craftforms-notification-overlay,.craftforms-notification-overlay.craftforms-notification-bottom-center,.craftforms-notification-overlay.craftforms-notification-center,.craftforms-notification-overlay.craftforms-notification-top-center{left:10px!important;transform:none!important}:where(.craftforms-notification){font-size:13px;padding:.875rem}}@media(max-width:480px){.craftforms-notification-overlay{left:5px!important;max-width:calc(100% - 10px);right:5px!important}.craftforms-notification-overlay :where(.craftforms-notification){font-size:12px;padding:.75rem}}@keyframes craftforms-notification-slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes craftforms-notification-slide-in-left{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes craftforms-notification-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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}