.default .alert-container{display:flex;flex-direction:column;gap:10px;left:50%;max-height:100px;max-width:80%;position:fixed;top:50px;transform:translateX(-50%);width:max-content;z-index:1000}.default .alert-container.left{left:20px;right:auto;transform:unset}.default .alert-container.left .alert.fade-in{animation-name:fade-in-left;opacity:1;transform:translateX(0)}.default .alert-container.left .alert.fade-out{opacity:0;transform:translateX(-10px)}.default .alert-container.right{left:auto;right:20px;transform:unset}.default .alert-container.right .alert.fade-in{animation-name:fade-in-right;opacity:1;transform:translateX(0)}.default .alert-container.right .alert.fade-out{opacity:0;transform:translateX(10px)}.default .alert{align-items:flex-start;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;opacity:1;overflow-y:auto;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.default .alert.fade-in{animation:fade-in-top .5s ease-in-out;opacity:1;transform:translateY(0)}.default .alert.fade-out{opacity:0;transform:translateY(-10px)}.default .alert p{flex-grow:1;line-height:18px;margin:0}.default .alert .alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;font-weight:700;line-height:18px;margin-left:10px;transition:transform .2s ease-in-out}.default .alert .alert-close:hover{transform:scale(1.2)}.default .alert-primary{background-color:var(--alert-primary);color:var(--color-white)}.default .alert-secondary{background-color:var(--alert-secondary);color:var(--color-white)}.default .alert-success{background-color:var(--alert-success);color:var(--color-white)}.default .alert-danger{background-color:var(--alert-danger);color:var(--color-white)}.default .alert-warning{background-color:var(--alert-warning);color:var(--font-primary-color)}.default .alert-info{background-color:var(--alert-info);color:var(--color-white)}.default .alert-light{background-color:var(--alert-light);color:var(--font-primary-color);border:1px solid var(--alert-light-border)}.default .alert-dark{background-color:var(--alert-dark);color:var(--color-white)}@keyframes fade-in-top{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}