#pop-up-container{display:flex;flex-direction:column-reverse;justify-content:flex-end;position:fixed;top:10px;right:10px;margin:10px;max-width:310px;min-width:0;max-height:230px;overflow:hidden;z-index:10}.popUp{padding:10px;border-radius:5px;margin-bottom:3%;max-height:30%;width:calc(100% - 20px);display:grid;grid-template-columns:calc(100% - 40px) 20px;align-items:center;justify-content:space-around;transition:opacity 1s}.errorPopUp{background-color:var(--red);color:var(--red-foreground)}.warningPopUp{background-color:var(--orange);color:var(--orange-foreground)}.successPopUp{background-color:var(--green);color:var(--green-foreground)}.popUpCloseBtn{cursor:pointer;font-size:20px;font-weight:700;margin-left:5px;margin-top:-5px}