.notification-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:auto;min-width:300px;max-width:450px;z-index:1000;animation:slideIn .3s ease-out}.notification{padding:14px;width:auto;box-shadow:0 4px 6px rgba(0,0,0,.1)}.notification-content{display:flex;align-items:center;gap:12px}.close-button{background:none;border:none;cursor:pointer;padding:0 4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background-color:rgba(0,0,0,.05)}@keyframes slideIn{0%{transform:translateX(-50%) translateY(-100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(-50%) translateY(0);opacity:1}to{transform:translateX(-50%) translateY(-100%);opacity:0}}@media (max-width:768px){.notification-container{top:10px;left:10px;right:10px;transform:none;min-width:auto;max-width:none}}