/*!
 * FormCraft 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, 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, 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:none;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 0}.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}}@keyframes craftforms-notification-slide-in-right{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes craftforms-notification-slide-in-left{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes craftforms-notification-fade-in{from{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}