#notifications{opacity:0;width:300px;z-index:999999;transition:bottom .358s ease-in-out,opacity .358s ease-in-out;position:fixed;bottom:0;right:30px}.App.mobile #notifications{width:calc(100% - 60px);margin-bottom:20px}#notifications .box{min-height:70px;border:2px solid var(--color2);box-shadow:0px 5px 10px var(--color4);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;margin:5px 0;padding:20px 10px 30px;display:flex;position:relative}#notifications .box.error{background:var(--color4);border:2px solid #d12828}#notifications .box.success{background:var(--color4);border:2px solid var(--color1);padding:20px 10px}#notifications .box.confirm{background:var(--color4);border:2px solid var(--color3)}#notifications .box .dismiss{background:var(--color3)}#notifications .box .confirm{color:#fff;background:var(--color1)}#notifications .box .row{margin:15px 0 -10px;display:flex}#notifications .box .icon{width:32px;height:32px;background:var(--color2);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-15px;left:-15px}#notifications .box.error .icon{width:32px;height:32px;padding:8px}#notifications .box.error .icon svg{fill:#d12928;fill:var(--color4)}#notifications .box.success .icon svg{fill:#22cc71;fill:var(--color4)}#notifications .box span.title{color:#fff;margin-top:5px;font-size:16px;display:inline-block}#notifications .box p{color:#fff;text-align:center;justify-content:center;margin:0;font-size:15px;font-weight:500;line-height:20px;display:flex}