@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";:root{--default-text-color: #000000;--primary-color: #2f4984;--primary-lighter-color: #7287b6;--primary-text-color: black;--secondary-color: #8795A8;--success-color: #4CB050;--fail-color: #f44336;--app-height: 100%}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,sans-serif;font-weight:400;color:var(--default-text-color)}button{cursor:pointer}h2{font-size:32px;font-weight:700}h3{font-size:24px;font-weight:700}footer{background-color:#fff;box-shadow:0 4px 12px #120e421a;border-start-start-radius:16px;border-start-end-radius:16px;padding:16px}footer>div{max-width:480px}footer p{font-size:10px;line-height:16px;margin:0}footer .button-container{display:flex;flex-direction:column;gap:16px;justify-content:space-between;width:100%}@media (min-width: 320px){footer .button-container{flex-direction:row}}footer .button-container .sync-ui-button{max-width:200px}button.sync-ui-button{border:none;border-radius:8px;font-size:15px;line-height:24px;font-weight:600;cursor:pointer;padding:8px 16px}button.sync-ui-button.default{background-color:var(--primary-color);color:var(--primary-text-color)}button.sync-ui-button.default:hover{background-color:var(--primary-lighter-color)}button.sync-ui-button.default:active{background-color:var(--primary-color)}button.sync-ui-button.default:disabled{background-color:#b7b6b6}button.sync-ui-button.outlined{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}button.sync-ui-button.outlined:hover{border:2px solid var(--primary-lighter-color);color:var(--primary-lighter-color)}button.sync-ui-button.outlined:active{border:2px solid var(--primary-color);color:var(--primary-color)}button.sync-ui-button.outlined:disabled{border-color:#b7b6b6;color:#b7b6b6}button.sync-ui-button.native{color:var(--primary-color);background-color:transparent}input{background-color:#fff;border:0;outline:0;width:100%;padding:10px;border-radius:8px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;line-height:24px}input::placeholder{font-weight:400;color:var(--default-text-color)}input:focus{border:0}label.input-title{font-weight:400;font-size:12px;line-height:16px;font-family:Quicksand,sans-serif}.icon-input-container{position:relative}.icon-input-container .icon-input-icon{position:absolute;top:50%;left:16px;transform:translateY(-50%)}.icon-input-container .icon-input-input{padding:16px 16px 16px 56px}.icon-input-container .icon-input-input.ng-touched.ng-invalid{outline:1px solid var(--fail-color)}.input-alert{font-size:12px;color:var(--fail-color)}.deletable{display:flex;align-items:center;margin-bottom:16px}.deletable .icon-input-container{flex:1}.deletable app-remove-icon{cursor:pointer;margin-left:8px}div.loading-bar{display:block;border-radius:5px;background-color:#0b1499;transition:.3s;will-change:width}div.loading-bar-frame{position:relative;margin:16px 0;height:28px;background:#f7f8ff;border:solid #0B1499 1px;border-radius:8px;padding:3px;display:flex}div.loading-percentage{position:absolute;font-family:Poppins,sans-serif;font-style:normal;font-weight:600;font-size:15px;text-align:center;width:100%;top:50%;transform:translateY(-50%)}.sync-status-frame{margin:0 0 16px;display:flex}.sync-status-frame .sync-status-text{flex:1}.sync-status-frame .current{font-weight:600}.sync-status-frame .sync-status-icon{text-align:right}.sync-ui-counter{margin:32px 0;display:flex;justify-content:center;font-size:20px;text-align:center}.decoupled-counter{font-size:40px}:root{--default-text-color: #000000;--primary-color: #2f4984;--primary-lighter-color: #7287b6;--primary-text-color: #ffffff;--secondary-color: #8795A8;--secondary-lighter-color: #E0E0E0;--secondary-text-color: #ffffff;--success-color: #4CB050;--fail-color: #f44336}.sync-ui-container{display:flex;justify-content:space-between;margin:0 auto;max-width:480px}.sync-ui-container.wrap{flex-wrap:wrap}.sync-ui-container .sync-ui-break{flex-basis:100%}.sync-ui-container .sync-ui-separator{margin:8px 0}.sync-ui-container button{flex:1;max-width:140px}.sync-ui-content{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;background-color:#f7f8ff}header.sync-ui{position:sticky;top:0;display:flex;align-items:center;padding:16px;height:76px;box-shadow:0 4px 12px #120e421a;background-color:#fff;z-index:1}header.sync-ui .sync-ui-container{width:100%}header.sync-ui .sync-ui-container>div{align-self:center}header.sync-ui .sync-ui-container>div>img{max-width:calc(50vw - 32px);max-height:76px}.sync-ui-main{display:block;margin:0 auto;padding:24px 16px;flex:1;width:100%;max-width:480px}.sync-ui-main h2{font-size:20px;font-family:Poppins,sans-serif;font-weight:600;line-height:1.5;margin-top:16px;margin-bottom:16px}.sync-ui-main h2:not(:first-child){margin-top:16px}.sync-ui-main p{margin:18px 0}.sync-ui-main li,.sync-ui-main p{line-height:18px;font-size:12px;font-weight:400}.sync-ui-error{color:var(--fail-color);text-align:center;font-weight:600;padding:16px;margin:16px 0;border:1px solid var(--fail-color);border-radius:8px}html,body{height:100%}body{margin:0}.mat-mdc-progress-spinner .mdc-circular-progress__determinate-circle,.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{stroke:var(--primary-color)!important}.custom-dialog-container{background-color:transparent!important;overflow:hidden!important}
