.page{width:100%;position:absolute;top:0;left:0;min-height:100vh}.hidden{display:none!important}.monoting-details-row{padding:10px 0}#ecommpay-xero-integration{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";color:#606060}#ecommpay-xero-integration .payment-method-clearing-account{margin-top:50px}#ecommpay-xero-integration a{text-decoration:underline}#ecommpay-xero-integration .hidden{display:none!important}#ecommpay-xero-integration .records-table-navigation{margin:20px;display:flex;align-items:center;justify-content:right}#ecommpay-xero-integration .records-table-navigation .records-table-navigation-actions{display:flex;align-items:center;justify-content:center}#ecommpay-xero-integration .support-button{display:flex;align-items:center;margin:0 15px}#ecommpay-xero-integration .support-button button{font-weight:400;color:#222}#ecommpay-xero-integration .ecommpay-labeled-select-wrapper .width-common .chakra-select__wrapper{min-width:120px}#ecommpay-xero-integration .ecommpay-labeled-select-wrapper .width-wide .chakra-select__wrapper{min-width:225px}#ecommpay-xero-integration .ecommpay-labeled-select-wrapper .chakra-select__wrapper{height:56px;padding-top:0}#ecommpay-xero-integration .ecommpay-labeled-select-wrapper .chakra-select__wrapper select{height:56px;line-height:80px}#ecommpay-xero-integration .ecommpay-labeled-select-wrapper .select-label{color:#8e8e8e;font-size:14px}#ecommpay-xero-integration .empty-records-message{margin:20px 0}#ecommpay-xero-integration .floating-label-input-wrapper input{font-size:1rem;height:56px}#ecommpay-xero-integration .floating-label-input-wrapper label{z-index:999!important}#ecommpay-xero-integration .floating-label-input-wrapper input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important}#ecommpay-xero-integration .floating-label-password-eye-wrapper button{margin-top:15px}#ecommpay-xero-integration .floating-label-password-eye-wrapper button:hover{background-color:#fff}#ecommpay-xero-integration .xero-organizations-container{display:flex;width:100%;justify-content:right}#ecommpay-xero-integration .xero-organizations-container .xero-organizations-dropdown{margin-right:20px}#ecommpay-xero-integration .xero-organizations-container .xero-organizations-add-button{margin-right:20px;margin-top:20px}#ecommpay-xero-integration .xero-organizations-container .xero-organizations-add-button button{height:100%;border:1px solid lightgray;background-color:#fff}#ecommpay-xero-integration .xero-organizations-container .xero-organizations-add-button :hover{background-color:#f5f5f5;border:1px solid dodgerblue}#ecommpay-xero-integration .ecommpay-form-label{font-weight:700;font-size:14px;margin-top:20px;padding:10px 0}#ecommpay-xero-integration .ecommpay-form-description{font-size:14px;padding:0 0 10px}#ecommpay-xero-integration .ecommpay-input{margin:5px 0}#ecommpay-xero-integration .ecommpay-button .__primary button{height:56px;color:#fff;background:#ae91ff;border:1px solid #AE91FF}#ecommpay-xero-integration .ecommpay-button .__secondary button{height:56px;color:#ae91ff;background:#fff;border:1px solid #AE91FF}#ecommpay-xero-integration .ecommpay-button .__alert button{height:56px;color:#ff5f00}#ecommpay-xero-integration .ecommpay-switch{padding-top:10px;display:flex;justify-content:space-between;align-items:center}#ecommpay-xero-integration .ecommpay-switch .ecommpay-switch-text-wrapper .ecommpay-switch-lbl{font-size:16px;padding:5px 0;color:#1c1c1c}#ecommpay-xero-integration .ecommpay-switch .ecommpay-switch-text-wrapper .ecommpay-switch-desc{font-size:14px;color:#606060;padding:5px 0}#ecommpay-xero-integration .ecommpay-switch input[type=checkbox]:checked+span{background-color:#ae91ff}#ecommpay-xero-integration .ecommpay-spinner-container{display:flex;justify-content:center;align-items:center;width:100%;height:800px}#ecommpay-xero-integration .ecommpay-spinner-container .ecommpay-spinner{height:100px;width:100px;color:#ae91ff}#ecommpay-xero-integration .header-container{height:75px;background:linear-gradient(90.26deg,#ae91ff 29.9%,#4b007c 61.55%);display:flex;align-items:center;padding:5px;justify-content:space-between;margin-bottom:30px}#ecommpay-xero-integration .header-content-user{display:flex;gap:10px}#ecommpay-xero-integration .header-content-user .header-user{color:#fff}#ecommpay-xero-integration .header-content-user .header-user .header-company{font-size:18px}#ecommpay-xero-integration .header-content-user .header-user .header-user-name{font-size:16px}#ecommpay-xero-integration .header-content-user .header-user-logo{display:flex;justify-content:center;align-items:center;font-size:18px;color:#222;background:#ffdee2;border-radius:50%;height:48px;width:48px}#ecommpay-xero-integration .header-content-logo{display:flex;align-items:center;gap:30px}#ecommpay-xero-integration .header-content-logo .xero-logo{width:55px;height:55px}@media (max-width: 768px){#ecommpay-xero-integration .header-content-logo{display:none}}#ecommpay-xero-integration .connection-form-action-buttons{margin:20px 0 0;display:flex;gap:20px}#ecommpay-xero-integration .configuration-page-container .ecommpay-copy-to-clipboard-wrapper{margin:30px 0 10px}#ecommpay-xero-integration .configuration-page-container .ecommpay-copy-to-clipboard-wrapper .ecommpay-copy-to-clipboard{width:100%}#ecommpay-xero-integration .configuration-page-container .ecommpay-copy-to-clipboard-wrapper .ecommpay-copy-to-clipboard input{height:56px}#ecommpay-xero-integration .configuration-page-container .ecommpay-configuration-payment-method{margin:10px 0 30px}#ecommpay-xero-integration .configuration-page-container .ecommpay-configuration-payment-method .ecommpay-configuration-payment-method-desc{margin:30px 0 20px;font-size:14px}#ecommpay-xero-integration .configuration-page-container .ecommpay-configuration-payment-method .payment-method-select{width:30%}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper{border-bottom:1px solid #9D9D9D;padding-bottom:40px}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-accounts-settings-wrapper{margin:30px 0 20px}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-accounts-settings-wrapper .configuration-accounts-settings{display:flex;gap:20px;align-items:end}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-accounts-settings-wrapper .configuration-accounts-settings .delete-button button{height:55px}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-accounts-settings-wrapper .configuration-accounts-settings .configuration-currency-dropdown{max-width:150px}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-accounts-settings-wrapper .configuration-accounts-settings .configuration-accounts-dropdown{width:30%}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-accounts-settings-wrapper .add-new-button{margin-top:20px}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-accounts-settings-wrapper .configuration-interval-settings{margin:20px 0}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-accounts-settings-wrapper .configuration-interval-settings .configuration-interval-dropdown{max-width:30%}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-projects-selection{margin-top:30px}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-projects-selection input{font-size:1rem}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-projects-selection .configuration-projects-selection-description{margin-bottom:10px}#ecommpay-xero-integration .configuration-page-container .configuration-synchronization-wrapper .configuration-projects-selection .configuration-projects-selection-note{margin-top:5px;color:gray}#ecommpay-xero-integration .configuration-page-container .configuration-content{width:1000px;max-width:1000px}#ecommpay-xero-integration .configuration-page-container .configuration-content .configuration-connection-form .configuration-connection-text{border-bottom:1.5px solid #9D9D9D;padding:10px 0 40px}#ecommpay-xero-integration .configuration-page-container .configuration-content .configuration-settings-text{font-size:16px;color:#606060;border-bottom:1.5px solid #9D9D9D;padding:10px 0 40px;margin-bottom:30px}#ecommpay-xero-integration .configuration-page-container .configuration-content div[role=tablist]{font-size:20px;color:#222}#ecommpay-xero-integration .configuration-page-container .configuration-content div[role=tablist] button[aria-selected=true]{font-weight:700;border-color:#222}#ecommpay-xero-integration .onboarding-page-container .onboarding-form{width:600px;max-width:600px}#ecommpay-xero-integration .onboarding-page-container .onboarding-form .onboarding-title{text-align:center;margin:5px 50px;color:#4b007c;font-weight:700;font-size:26px}#ecommpay-xero-integration .onboarding-page-container .onboarding-form .onboarding-text{margin:30px 0}#ecommpay-xero-integration .welcome-content-container{display:flex;flex-direction:row;background-image:url(../../img/landing_background.png);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:scroll;overflow-x:hidden;height:100vh;width:100%}#ecommpay-xero-integration .welcome-content-container .welcome-content-left{flex:3;gap:200px;flex-direction:column;display:flex;justify-content:space-between;margin-left:80px}#ecommpay-xero-integration .welcome-content-container .welcome-content-right{flex:5;flex-direction:column;display:flex;justify-content:center;align-items:center}#ecommpay-xero-integration .welcome-content-container .welcome-content-left-center{width:82%;display:flex;flex-direction:column;align-items:flex-start;gap:18px}#ecommpay-xero-integration .welcome-content-container .welcome-content-left-top{margin-top:50px;width:30%}#ecommpay-xero-integration .welcome-content-container .welcome-content-left-bottom{margin-bottom:50px;width:50%}#ecommpay-xero-integration .welcome-content-container .welcome-title{color:#000;font-weight:500;font-size:36px}#ecommpay-xero-integration .welcome-content-container .welcome-text{color:#000;text-align:left;font-size:16px}#ecommpay-xero-integration .welcome-content-container .welcome-button button{height:50px;color:#000;background:#cab2ff;border-radius:50px;display:flex;align-items:center;justify-content:space-between;gap:8px}#ecommpay-xero-integration .welcome-content-container .welcome-button button img{height:75%}#ecommpay-xero-integration .welcome-content-container .welcome-button .welcome-button-text{flex-grow:1;text-align:center}@media only screen and (max-width: 768px){#ecommpay-xero-integration .welcome-content-container .welcome-content-container{flex-direction:column;height:auto}#ecommpay-xero-integration .welcome-content-container .welcome-content-left,#ecommpay-xero-integration .welcome-content-container .welcome-content-right{flex:none;width:100%}}#ecommpay-xero-integration .error-page-content-container{display:flex}#ecommpay-xero-integration .error-page-content-container .error-page-title{margin-top:100px;color:#4b007c;font-weight:700;font-size:26px}#ecommpay-xero-integration .error-page-content-container .error-page-text{margin-top:10px;font-size:16px}@media only screen and (max-width: 768px){#ecommpay-xero-integration .error-page-content-container .error-page-text{margin:5px 20px}}#ecommpay-xero-integration .error-page-content-container .error-page-content{flex:1;gap:16px;flex-direction:column;display:flex;justify-content:center;align-items:center}