.sync-notification{background-color:var(--background-primary-main);box-shadow:0px 2px 4px var(--shadow-primary-main-500);z-index:99999;border:1px solid var(--border-primary-main-300);border-radius:5px;align-items:center;min-width:fit-content;max-width:360px;height:auto;padding-right:4px;animation:.4s ease-out forwards sync-slide-in;display:inline-flex;position:fixed;bottom:75px;right:-22px;transform:translate(120%)}.sync{right:-22px}.sync-success{min-width:300px}.sync-failed{min-width:300px;min-height:fit-content;text-wrap:wrap!important}.sync-notification .icon{vertical-align:bottom;color:var(--text-primary-main-800);padding:6px 8px;line-height:normal;display:inline-block}.notification-message{text-wrap:wrap;width:280px}.sync-notification .notification-text{vertical-align:middle;white-space:normal;border-left:1px solid var(--border-primary-main-300);width:100%;padding-left:10px;font-size:14px;font-weight:400;line-height:18px;display:inline-block}.sync-notification .notification-middle-section{vertical-align:middle;width:80%;padding:4px 0;display:inline-block}.sync-notification .notification-additional-information{white-space:normal;max-height:0;margin-top:4px;font-size:14px;line-height:16px;transition:max-height .5s cubic-bezier(0,1,0,1),padding .5s cubic-bezier(0,1,0,1);display:block;overflow:hidden}.sync-notification .notification-additional-information.opened{max-height:600px;padding-bottom:6px}.sync-notification .dismiss-button{float:right;color:var(--text-primary-main-700);cursor:pointer;vertical-align:top;background:0 0;border:none;margin-top:4px;margin-left:10px;font-size:16px}.sync-notification.sync .notification-text,.sync-notification.sync .icon{color:var(--text-primary-main-800)}.sync-notification.sync-success,.sync-notification.sync-success .notification-text,.sync-notification.sync-success .icon{color:var(--success-primary-main-500)}.sync-notification.sync-failed .notification-text,.sync-notification.sync-failed .icon{color:var(--error-primary-main-600)}.sync-notification .spinning{animation:2s linear infinite sync-spin}@keyframes sync-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sync-slide-in{0%{transform:translate(120%)}to{transform:translate(0%)}}
/*# sourceMappingURL=df6c6aa31c7d4694.css.map*/