.side-popup[data-v-434366c3]{align-items:center;background:var(--white);box-shadow:0 0 4px 4px #24588d26;display:flex;max-width:calc(100% - 1rem);position:fixed;transition:.3s ease-in-out;width:300px;z-index:999}.side-popup.left[data-v-434366c3],.side-popup.right[data-v-434366c3]{top:75px}.side-popup.center[data-v-434366c3]{border-radius:8px;left:50%;padding:0 .5rem;top:-100px;transform:translate(-50%)}.center.visible[data-v-434366c3]{top:50px}.side-popup.center .popup-icon[data-v-434366c3]{border-radius:50%;flex:0 0 auto;font-size:.8rem;height:28px;width:28px}.side-popup.right[data-v-434366c3],.side-popup.right .popup-icon[data-v-434366c3]{border-radius:8px 0 0 8px}.side-popup.right[data-v-434366c3]{right:0;transform:translate(100%)}.side-popup.left[data-v-434366c3]{flex-direction:row-reverse;left:0;transform:translate(-100%)}.side-popup:not(.center).visible[data-v-434366c3]{transform:translate(0)}.side-popup.left[data-v-434366c3],.side-popup.left .popup-icon[data-v-434366c3]{border-radius:0 8px 8px 0}.popup-icon[data-v-434366c3]{align-items:center;color:var(--white);display:flex;flex-direction:column;justify-content:center;transition:.25s ease-in-out}.side-popup.left .popup-icon[data-v-434366c3],.side-popup.right .popup-icon[data-v-434366c3]{font-size:1.2rem;height:100%;min-height:50px;width:60px}.popup-icon.success[data-v-434366c3]{background:var(--theme-green)}.popup-icon.error[data-v-434366c3]{background:red}.popup-icon.warning[data-v-434366c3]{color:var(--theme-orange)}.popup-text[data-v-434366c3]{display:block;font-size:.8rem;line-height:1rem;padding:1rem .75rem;white-space:normal;width:100%}.close-icon[data-v-434366c3]{color:#707070;font-size:.75rem;opacity:.75;padding:0 .5rem;transition:.3s ease-in-out}.close-icon[data-v-434366c3]:hover{cursor:pointer;opacity:1}