*{box-sizing:border-box}:root{--apay-blue-rgb: 0, 74, 172;--apay-blue: rgb(var(--apay-blue-rgb));--apay-orange-rgb: 255, 155, 0;--apay-orange: rgb(var(--apay-orange-rgb));--white: #ffffff;--autofill-bg: #fffcd6;--font-family: "Plus Jakarta Sans", Arial, sans-serif;--heading-color: #999;--error-color: #d60000;--placeholder-color: #aaa;--body-color: #333;--black: #000;--field-border-color: #d7d7d7;--field-border-radius: 8px;--field-focus-ring-thickness: 3px;--light-blue: #e6f2ff;--footer-color: #666;--footer-background-color: #f3f3f3;--hover-border-color: #ccc;--payment-option-border-color: #e0e0e0}::selection{background-color:var(--apay-blue);color:var(--white)}::-moz-selection{background-color:var(--apay-blue);color:var(--white)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--autofill-bg) inset!important;-webkit-text-fill-color:var(--body-color)!important;transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill:first-line{-webkit-text-fill-color:var(--body-color)!important}input:-moz-autofill,input:-moz-autofill:focus{background-color:var(--autofill-bg)!important;color:var(--body-color)!important}input:autofill{background-color:var(--autofill-bg)!important;color:var(--body-color)!important}body{font-family:var(--font-family);font-size:1em;margin:0;padding:0;background-color:var(--white);color:var(--body-color)}h1{-webkit-user-select:none;user-select:none;font-size:12px;color:var(--heading-color);text-transform:uppercase;font-weight:600;margin:0 0 1em}.centered-container{max-width:500px;margin:0 auto 5em}.logo-container{margin:2em 0;display:flex;justify-content:center;align-items:center}.logo-container img{height:83px;width:255px;-webkit-user-select:none;user-select:none}.invoice-details{text-align:center}.invoice-details .reference{font-size:16px;color:var(--black);margin:0 0 1em}.invoice-details .amount{font-size:30px;font-weight:400;margin:0 0 1em}.payment-options{text-align:center}.payment-option{border:1px solid var(--payment-option-border-color);border-left-width:0;border-right-width:0;margin-bottom:1rem;overflow:hidden}@media(min-width:450px){.payment-option{border-radius:8px;border-left-width:1px;border-right-width:1px}}.payment-option-header{padding:1rem;cursor:pointer;background-color:var(--white);transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.payment-option:not(.selected):hover{border-color:var(--hover-border-color)}.payment-option-header:hover{background-color:#00000008}.payment-option-header:focus{outline:none}.payment-option.selected{border-color:var(--apay-blue)}.payment-option.selected .payment-option-header{background:var(--light-blue);color:var(--apay-blue)}.payment-option-body{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background:var(--white)}.payment-option.selected .payment-option-body{max-height:unset}.payment-option-header:after{content:"";width:12px;height:12px;border:2px solid var(--apay-blue);border-radius:50%;transition:all .2s ease}.payment-option.selected .payment-option-header:after{background:var(--apay-blue)}.instalments-intro{padding:1.25rem 1.5rem;background-color:var(--white);border-bottom:1px solid var(--payment-option-border-color);text-align:center;font-size:14px;line-height:1.5;color:var(--body-color)}.instalments-intro-headline{font-size:18px;margin-bottom:.5rem}.instalments-intro strong{color:var(--apay-blue);font-weight:600}.form{padding:1.5rem;background-color:#f8f8f8;border-top:1px solid var(--payment-option-border-color)}.form-group{margin:0 0 1.5em;text-align:left}.form-group label{display:block;margin-bottom:.3rem;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.form-group input,.form-group select{width:100%;padding:.75rem;background-color:var(--white);color:inherit;border:1px solid var(--field-border-color);border-radius:var(--field-border-radius);font-size:16px;box-shadow:#0000000d 0 1px 2px;transition:border-color .3s,box-shadow .2s}.form-group input:hover,.form-group select:hover{border-color:var(--apay-blue)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--apay-blue);box-shadow:0 0 0 var(--field-focus-ring-thickness) rgba(var(--apay-blue-rgb),.2)}.monthly-payments-display{text-align:center;font-size:16px;padding:.5rem 0}.form-group input::placeholder,.form-group select::placeholder{color:var(--placeholder-color);opacity:1;font-weight:400;font-family:var(--font-family);font-size:14px}.form-group input::-webkit-input-placeholder,.form-group select::-webkit-input-placeholder{color:var(--placeholder-color);opacity:1}.form-group input::-moz-placeholder,.form-group select::-moz-placeholder{color:var(--placeholder-color);opacity:1}.form-group input:-ms-input-placeholder,.form-group select:-ms-input-placeholder{color:var(--placeholder-color);opacity:1}.error-message{color:var(--error-color);font-size:13px}.btn{background-color:var(--apay-blue);color:var(--white);border-radius:50px;padding:1rem 2.5rem;font-weight:600;transition:opacity .25s;box-shadow:0 20px 24px -4px #0003;line-height:inherit;cursor:pointer;border:0;display:inline-block;font:inherit;font-size:16px;margin-top:1rem}.success-message{text-align:center;margin:3em 0}p{margin:1em .2em}.email-address{color:var(--apay-blue);font-weight:500;display:inline-block;border-radius:4px;padding:2px 4px}.email-address-message{margin:.5em 0;border:1px solid rgba(var(--apay-orange-rgb),.3);background-color:rgba(var(--apay-orange-rgb),.15);padding:1em}@media(min-width:450px){.email-address-message{border-radius:var(--field-border-radius)}}.success-footer{text-align:center;font-size:11px;margin:10em 0 0;color:var(--footer-color)}.error-container{text-align:center;margin:3em 0}.file-upload{-webkit-user-select:none;user-select:none}.file-upload-label{display:block;margin-bottom:.5rem;font-weight:500}.file-upload-area{position:relative;background-color:var(--white);border:1px dashed var(--field-border-color);border-radius:var(--field-border-radius);padding:.75rem;text-align:center;cursor:pointer;transition:border-color .3s,box-shadow .2s,background-color .2s;display:flex;align-items:center;justify-content:center;box-shadow:#0000000d 0 1px 2px}.file-upload-area:hover{border-color:var(--apay-blue);border-style:solid}.file-upload-area.drag-over{border-color:var(--apay-blue);border-style:solid;background-color:var(--light-blue)}.file-upload-area.has-file{border-style:solid}.file-upload-input{position:absolute;opacity:0;pointer-events:none}.upload-placeholder{color:var(--placeholder-color);font-size:14px;-webkit-user-select:none;user-select:none;padding:.5rem;height:34px}.file-upload-area.drag-over .inside-drop,.file-upload-area:not(.drag-over) .outside-drop{display:block}.file-upload-area:not(.drag-over) .inside-drop,.file-upload-area.drag-over .outside-drop{display:none}.file-info{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.file-name{flex:1;text-align:left;font-weight:500;word-break:break-all}.remove-file{background:none;border:none;color:var(--body-color);font-size:1.2rem;font-weight:700;cursor:pointer;padding:.25rem .5rem;border-radius:3px;transition:background-color .2s;-webkit-user-select:none;user-select:none}.remove-file:hover,.remove-file:focus{outline:none;background-color:#ddd}.file-upload-area:focus{outline:none;border-color:var(--apay-blue);box-shadow:0 0 0 var(--field-focus-ring-thickness) rgba(var(--apay-blue-rgb),.2)}