.app-notification{position:fixed;top:80px;right:20px;padding:14px 40px 14px 20px;color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000040;z-index:10001;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:340px;pointer-events:auto;opacity:0;transform:translate(20px);transition:opacity .3s ease,transform .3s ease}.app-notification.show{opacity:1;transform:translate(0)}.app-notification.hiding{opacity:0;transform:translate(20px)}.app-notification--success{background:#28a745}.app-notification--error{background:#dc3545}.app-notification--warning{background:#ff9800}.app-notification--info{background:#2196f3}.app-notification__text{display:block;line-height:1.4}.app-notification__close{position:absolute;top:6px;right:8px;width:24px;height:24px;background:transparent;border:none;color:#ffffffd9;font-size:22px;line-height:1;padding:0;cursor:pointer;transition:color .15s ease;display:flex;align-items:center;justify-content:center}.app-notification__close:hover,.app-notification__close:focus{color:#fff;outline:none}@media (max-width: 768px){.app-notification{right:10px;left:10px;max-width:none;transform:translateY(-10px)}.app-notification.show{transform:translateY(0)}.app-notification.hiding{transform:translateY(-10px)}}