#alert[data-v-5c35c56a]{align-items:center;background-color:var(--color-black);border-radius:10px;cursor:pointer;display:none;height:60px;justify-content:center;left:50%;max-width:600px;position:fixed;text-align:center;top:-60px;transform:translate(-50%);width:100%;z-index:10000}#alert.show[data-v-5c35c56a]{animation:showAlert-5c35c56a .3s ease-out;display:flex;top:20px}#alert.leaving[data-v-5c35c56a]{animation:hideAlert-5c35c56a .3s ease-in;top:-60px}#alert svg[data-v-5c35c56a]{fill:var(--color-white);margin:0 10px 0 0;min-width:15px;width:15px}#alert p[data-v-5c35c56a]{color:var(--color-white);font-family:var(--light);font-size:var(--f1)}#alert.success[data-v-5c35c56a]{background-color:var(--color-green)}#alert.error[data-v-5c35c56a]{background-color:var(--color-red)}@keyframes showAlert-5c35c56a{0%{top:-60px}to{top:20px}}@keyframes hideAlert-5c35c56a{0%{top:20px}to{top:-60px}}@media screen and (max-width:1000px){#alert[data-v-5c35c56a]{border-radius:12px;height:calc(60px + env(safe-area-inset-top,0px));max-width:calc(100% - 40px);padding-top:env(safe-area-inset-top,0)}#alert.show[data-v-5c35c56a]{top:calc(20px + env(safe-area-inset-top,0px))}#alert p[data-v-5c35c56a]{font-size:var(--f2)}@keyframes showAlert-5c35c56a{0%{top:-60px}to{top:calc(20px + env(safe-area-inset-top,0px))}}@keyframes hideAlert-5c35c56a{0%{top:calc(20px + env(safe-area-inset-top,0px))}to{top:-60px}}}