:root{--primary-color: #8CA9BC;--secondary-color: #5D849E;--white: #FFFFFF;--white50: #FFFFFF80;--red: #C0392B }body{background-color:var(--white);display:flex;align-items:center;justify-content:center;min-height:100vh;margin:auto;font-family:Inter,sans-serif;font-optical-sizing:auto}.title{color:var(--white);font-weight:700;font-size:2rem;margin:0}.title-custom-case{text-transform:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--white50);border-radius:12px}::-webkit-scrollbar-thumb:hover{background:var(--white50)}::-webkit-scrollbar-button{display:none}@media (max-width: 768px){.title{font-size:1.5rem}}body{background-color:var(--primary-color)}.flow-container{background-color:var(--primary-color);width:450px;height:844px;position:relative;padding:2.5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--white)}@media (max-width: 768px){.flow-container{width:100vw;height:100vh;padding:1rem;margin:0}}.payment-wizard-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;width:100%}.extended-required-body{flex-direction:column;margin-top:-5rem}.extended-required-body button{margin-bottom:20px;width:245px}.extended-required-body p{padding-bottom:20px}.icon-button{border:none;background-color:transparent;color:var(--white);position:absolute;top:2.5rem}.icon-button--right{right:2.5rem}.icon-button--left{left:2.5rem}.icon-button:hover{cursor:pointer}@media (max-width: 768px){.icon-button{top:1.5rem}.icon-button--right{right:1.5rem}.icon-button--left{left:1.5rem}}.content-layout{display:flex;flex-direction:column;height:100vh;width:100%}.content-header{padding:2rem 0;text-align:center}.content-body{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:1rem 0;text-align:center}.content-footer{padding:1rem 0;display:flex;align-items:center;justify-content:space-between;flex-direction:column;text-align:center}@media (max-width: 768px){.content-header{padding:2rem 0}}.content-container{background-color:var(--secondary-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-height:550px;overflow-y:auto;box-sizing:border-box;overflow-x:hidden}.fit-content{width:auto}.unavailable-info{font-size:1.25em}@media (max-width: 768px){.content-container{max-height:60vh}}.bank-avatar-wrapper{display:flex;align-items:center;padding:.5rem}.bank-avatar-wrapper.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.bank-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;border:3px solid var(--white50);transition:border-color .3s ease;width:45px;height:45px}.bank-avatar img{width:100%;height:100%;object-fit:cover}.bank-avatar-wrapper:hover{cursor:pointer}.bank-avatar-wrapper:hover>.bank-avatar{opacity:.8;cursor:pointer}.divider{width:200px;height:0;border:2px solid var(--white50);margin:.5rem 0}.bank-info-container{display:flex;align-items:center;justify-content:space-between;width:17.75rem;background-color:transparent;color:var(--white);border:none;font-size:1rem}.bank-info{display:flex;flex-direction:column;flex:1;margin-left:.5rem}.bank-name{text-align:start}.banks-bank-unavailable{font-size:.75rem;text-align:start;margin-top:.25rem}.bank-divider{width:17.75rem}.notification-body{display:flex;align-items:center;justify-content:center;flex-direction:column}.notification-body-message{margin-top:2rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.notification-body-message-amount{font-size:1.5rem;font-weight:700;margin-top:.5rem}.notification-body-message-error{margin-top:.5rem;font-weight:700}.notification-footer-divider{margin-bottom:1.5rem}.countdown-progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:250px}.countdown-progress-message{display:inline-block;text-align:center}.countdown-progress-bar{width:100%;border-radius:5px;overflow:hidden;background-color:var(--white50)}.countdown-progress{height:10px;width:100%;transition:width 1s linear;background-color:var(--white)}.button{padding:10px 20px;font-size:18px;font-weight:700;cursor:pointer;width:145px;height:40px;transition:background-color .3s,color .3s,border-color .3s}.button--primary{color:var(--white);background-color:var(--secondary-color);border:none}.button--primary:hover,.button--primary:active{background-color:var(--white);color:var(--secondary-color)}.button--primary:disabled{background-color:#ccc;cursor:not-allowed}.button--secondary{background-color:transparent;color:var(--white);border:2px solid var(--white)}.button--secondary:hover{background-color:#ffffff1a}.button--secondary:active{background-color:#fff3}.button--secondary:disabled{border-color:#ccc;color:#ccc}.button--disabled{background-color:#ccc;cursor:not-allowed;border:none;color:#666}.text-input-container{margin-bottom:1rem;display:flex;width:100%;flex-wrap:wrap}.text-input{padding:1rem;border:2px solid var(--secondary-color);outline:none;width:100%;margin-bottom:4rem;font-size:1rem}.text-input-error{color:var(--red);font-size:1rem;margin-top:-3.5rem;text-align:start}.ssn-number-body{flex-direction:column;margin-top:-5rem}.ssn-number-bank-name{font-weight:700;font-size:1.25rem}.bankid-container{display:inline-block;align-content:center;margin:1rem}.button-container{display:inline-block;margin:1rem}.qr-code-content{padding:1.5rem;width:auto}.qr-code{filter:invert(1) brightness(2)}.account-amount{margin-top:.6em;margin-bottom:1.2em}.account-number{font-size:.8rem;margin-top:0;margin-bottom:.6em;text-transform:uppercase}.amount-info{margin-top:.8rem}.amount-total{margin-top:0}.account-container{margin-top:0;margin-bottom:0;display:grid}.clickable-container{cursor:pointer}.account-container.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.branches-container{margin-top:0;margin-bottom:0;cursor:pointer;display:grid;text-align:left;width:100%}.bank-branch{padding:1rem 0 1rem 1.5rem;font-size:.8rem;margin:0;text-transform:uppercase}.branch-divider{justify-self:center;min-width:95%}.dialog-overlay{position:absolute;background-color:var(--primary-color);top:0;left:0;right:0;bottom:0;z-index:100;padding:2rem;height:unset!important;width:unset!important}.dialog-footer{display:flex;align-items:center;flex-direction:column;justify-content:space-between}.dialog-footer-buttons{display:flex;justify-content:space-between;align-items:center;width:100%}.dialog-divider{margin:3rem 0}.dialog-loading{font-size:1.75rem;display:inline-block}.loading-dots{display:inline-flex;align-items:flex-end;justify-content:center;margin-bottom:5px}.dot{width:8px;height:8px;margin:0 3px;border-radius:50%;opacity:0;animation:blink 1.4s infinite both;background-color:var(--white)}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}