.component.pending-transactions .pending-transaction{position:relative;margin-top:1rem;margin-bottom:1.25rem;display:grid;gap:1.25rem;border-radius:10px;--tw-bg-opacity:1;background-color:rgb(240 249 250/var(--tw-bg-opacity));padding:25px;font-size:.875rem;line-height:1.25rem}@media (max-width:767px){.component.pending-transactions .pending-transaction{padding-top:.75rem}}.component.pending-transactions .pending-transaction{grid-template-columns:2fr 3fr 1fr 1fr}.component.pending-transactions .extra-margin-bottom{margin-bottom:10px;display:block}.component.pending-transactions .big-number{display:block;font-family:var(--font-source-sans);font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}@media (min-width:768px){.component.pending-transactions .big-number{margin-bottom:.625rem}}@media (max-width:767px){.component.pending-transactions .pending-transaction-edit-button{position:absolute;top:10px;right:10px;margin-top:0!important;padding:0;min-width:auto}}.component.pending-transactions .button-options{position:absolute;right:15px;top:15px;--tw-text-opacity:1;color:rgb(2 141 151/var(--tw-text-opacity))}.component.pending-transactions .options{position:relative}.component.pending-transactions .options-modal-wrapper{position:absolute;right:45px;top:15px}.component.pending-transactions .options-modal{position:absolute;bottom:-.75rem;z-index:10;border-radius:5px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));left:-200px;top:30px;min-width:240px}.component.pending-transactions .options-modal .items{font-weight:500;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));box-shadow:0 1px 5px 0 rgba(0,0,0,.25)}.component.pending-transactions .options-modal .items button{display:flex;min-height:52px;align-items:center;gap:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem 1rem;text-align:left}.component.pending-transactions .options-modal .items button:hover{--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.component.pending-transactions .options-modal .items button{white-space:nowrap}.component.pending-transactions .options-modal .items button svg{--tw-text-opacity:1;color:rgb(2 141 151/var(--tw-text-opacity))}.component.pending-transactions .options-modal .items button span{font-size:18px;font-family:var(--font-palanquin)}@media (max-width:767px){.component.pending-transactions .pending-transaction{grid-template-columns:1fr;padding:10px 14px 18px 16px;gap:12px}}.component.pending-transactions .options-modal-backdrop{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2}.component.pending-transactions .no-pending{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));font-family:var(--font-lato);font-size:16px;margin-top:10px;margin-bottom:20px}.inactive-transactions .inactive-transaction{background-color:#f7f7f7!important}.inactive-transactions .inactive-transaction,.inactive-transactions .inactive-transaction .big-number{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity))}.de-doneer-button.de-doneer-button-activate{background-color:#04c9d7;padding:10px 20px;display:flex;height:-moz-fit-content;height:fit-content;align-self:flex-end;justify-self:flex-end}.de-doneer-button.de-doneer-button-activate:hover{color:#04c9d7;background-color:#fff;border:2px solid #04c9d7}@media (max-width:767px){.modal.edit-sub-modal .content{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));align-content:flex-start;align-items:stretch}}@media (min-width:768px){.modal.edit-sub-modal .content{max-width:1040px}}.modal.edit-sub-modal .modal-title{margin-top:1.5rem;font-size:16px;line-height:1.35}.modal.edit-sub-modal .modal-subtitle{font-size:22px;line-height:1.3}.modal.edit-sub-modal .modal-description{font-size:17px;line-height:1.4}.modal.edit-sub-modal .modal.edit-sub-modal .charities-title{font-weight:400!important}.modal.edit-sub-modal .back-arrow{position:absolute;left:1.25rem;top:1.25rem;z-index:50;height:2rem;width:2rem;cursor:pointer;--tw-text-opacity:1;color:rgb(2 141 151/var(--tw-text-opacity))}.modal.edit-sub-modal .items,.modal.edit-sub-modal .items .cancel,.modal.edit-sub-modal .items .edit{width:100%}.modal.edit-sub-modal .items .cancel button,.modal.edit-sub-modal .items .edit button{border-radius:26px;border-width:2px;--tw-border-opacity:1;border-color:rgb(2 141 151/var(--tw-border-opacity));padding:.625rem 1.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(2 141 151/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:ease-in-out;transition-duration:.25s}.modal.edit-sub-modal .items .cancel button:hover,.modal.edit-sub-modal .items .edit button:hover{--tw-bg-opacity:1;background-color:rgb(2 141 151/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.modal.edit-sub-modal .items .delete{border-radius:26px;border-width:2px;--tw-border-opacity:1;border-color:rgb(204 0 0/var(--tw-border-opacity));padding:.625rem 1.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(204 0 0/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:ease-in-out;transition-duration:.25s}.modal.edit-sub-modal .items .delete:hover{--tw-bg-opacity:1;background-color:rgb(204 0 0/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.modal.edit-sub-modal .list-styles{border-radius:26px;--tw-bg-opacity:1;background-color:rgb(240 249 250/var(--tw-bg-opacity));order:2}@media (min-width:768px){.modal.edit-sub-modal .list-styles{order:1}}.modal.edit-sub-modal .list-styles button{border-radius:26px;padding:8px 20px;transition-property:all;transition-timing-function:ease-in-out;transition-duration:.15s;animation-duration:.15s}.modal.edit-sub-modal .list-styles button.selected{--tw-bg-opacity:1;background-color:rgb(2 141 151/var(--tw-bg-opacity));font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));box-shadow:0 1px 7px 0 rgba(0,0,0,.25)}.modal.edit-sub-modal .date-text{margin-left:auto;margin-right:auto}.modal.edit-sub-modal .sub-date-picker-button{border-radius:9999px;color:#007c85;height:36px;min-height:36px;font-weight:600}.modal.edit-sub-modal .sub-date-picker-button svg,.modal.edit-sub-modal .sub-date-picker-button:hover{color:#007c85}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .single-org-name,.modal.edit-sub-modal .modal-organisations .orgs .single-org .single-org-name{font-size:16px;line-height:1.35;color:#01565c;padding-left:6px}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity,.modal.edit-sub-modal .modal-organisations .orgs .single-org{border-radius:26px}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .verdeel-slider-wrapper,.modal.edit-sub-modal .modal-organisations .orgs .single-org .verdeel-slider-wrapper{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;-moz-column-gap:10px;column-gap:10px;row-gap:4px;align-items:center}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .range-amount,.modal.edit-sub-modal .modal-organisations .orgs .single-org .range-amount{grid-column:1;grid-row:1/3}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .delete-icon-wrapper,.modal.edit-sub-modal .modal-organisations .orgs .single-org .delete-icon-wrapper{grid-column:2;grid-row:1;justify-self:end;margin-right:8px}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .lock-icon,.modal.edit-sub-modal .modal-organisations .orgs .single-org .lock-icon{grid-column:2;grid-row:2;justify-self:end;margin-right:8px}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .delete-icon,.modal.edit-sub-modal .modal-organisations .orgs .single-org .delete-icon{color:#000}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .delete-icon-wrapper svg,.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .lock-icon svg,.modal.edit-sub-modal .modal-organisations .orgs .single-org .delete-icon-wrapper svg,.modal.edit-sub-modal .modal-organisations .orgs .single-org .lock-icon svg{width:20px;height:20px}.modal.edit-sub-modal .modal-button{font-size:16px}.modal.edit-sub-modal .modal-button-wrapper.charities-actions{justify-content:flex-end;margin-top:24px;margin-bottom:24px}.modal.edit-sub-modal .modal-button-wrapper.charities-actions .modal-button{margin-left:auto}.modal.edit-sub-modal .modal-button-wrapper.delete-actions .modal-button{border-radius:9999px;min-height:36px;padding:0 24px;font-size:16px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center}.modal.edit-sub-modal .modal-button-wrapper.popup-actions{justify-content:center;margin-top:24px}.modal.edit-sub-modal .modal-button-wrapper.popup-actions .modal-button{min-height:36px;padding:0 24px;border-radius:9999px;font-size:16px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center}.modal.edit-sub-modal .modal-button-wrapper.delete-actions .modal-button.delete,.modal.edit-sub-modal .modal-button-wrapper.popup-actions .modal-button.delete{background-color:#c00;color:#fff;border:2px solid #c00}.modal.edit-sub-modal .modal-button-wrapper.delete-actions .modal-button.delete:hover,.modal.edit-sub-modal .modal-button-wrapper.popup-actions .modal-button.delete:hover{background-color:#b00000;color:#fff;border-color:#b00000}.modal.edit-sub-modal .modal-subtitle.payment-method-subtitle{font-size:22px;line-height:1.3;margin-top:4px;margin-bottom:12px}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .cause-area-title,.modal.edit-sub-modal .modal-organisations-to-add-wrapper .single-org-to-add,.modal.edit-sub-modal .modal-organisations-to-add-wrapper .single-org-to-add .single-org-to-add-name,.modal.edit-sub-modal .modal-organisations-to-add-wrapper .to-add-title{font-size:16px}@media (max-width:767px){.modal.edit-sub-modal .content{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}.modal.edit-sub-modal .items .delete,.modal.edit-sub-modal .items .edit button{width:calc(100% - 40px);margin-left:auto;margin-right:auto}.modal.edit-sub-modal .items .delete{--tw-bg-opacity:1;background-color:rgb(204 0 0/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.modal.edit-sub-modal .items .delete:hover{--tw-border-opacity:1;border-color:rgb(210 18 22/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(210 18 22/var(--tw-bg-opacity))}.modal.edit-sub-modal .modal-title{font-weight:400;color:#028d97;text-align:center}.modal.edit-sub-modal .close{top:.5rem;right:.5rem}.modal.edit-sub-modal .close svg{height:1rem;width:1rem}.modal.edit-sub-modal .modal-title{margin-top:0;margin-bottom:.25rem;--tw-text-opacity:1;color:rgb(2 141 151/var(--tw-text-opacity));font-size:16px;line-height:1.35}.modal.edit-sub-modal .modal-subtitle{margin-top:.25rem;margin-bottom:1rem;font-size:22px;line-height:1.3}.modal.edit-sub-modal .modal-description{margin-top:.25rem;font-size:17px;line-height:1.4}.modal.edit-sub-modal .modal-organisations{margin-top:14px}.modal.edit-sub-modal .modal-organisations .orgs{gap:8px}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity,.modal.edit-sub-modal .modal-organisations .orgs .single-org{border-radius:calc(var(--radius) - 2px);padding:14px 20px 12px 14px;gap:10px;border-radius:26px;position:relative;background-color:#edf5f6}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .single-org-name,.modal.edit-sub-modal .modal-organisations .orgs .single-org .single-org-name{font-size:16px;line-height:1.35;padding-right:36px}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .verdeel-slider-wrapper,.modal.edit-sub-modal .modal-organisations .orgs .single-org .verdeel-slider-wrapper{gap:10px;grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:auto;align-items:center}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .range-amount,.modal.edit-sub-modal .modal-organisations .orgs .single-org .range-amount{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;grid-column:1;grid-row:1}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .delete-icon-wrapper,.modal.edit-sub-modal .modal-organisations .orgs .single-org .delete-icon-wrapper{position:absolute;top:14px;right:20px;grid-column:auto;grid-row:auto;justify-self:auto;margin-right:0}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .lock-icon,.modal.edit-sub-modal .modal-organisations .orgs .single-org .lock-icon{position:static;top:auto;right:auto;grid-column:2;grid-row:1;justify-self:center;align-self:center;margin-right:0}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .MuiSlider-thumb,.modal.edit-sub-modal .modal-organisations .orgs .single-org .MuiSlider-thumb{width:20px;height:20px}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .range-amount .amount-input,.modal.edit-sub-modal .modal-organisations .orgs .single-org .range-amount .amount-input{gap:6px;min-width:126px;justify-content:flex-end}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .range-amount .amount-input .euro,.modal.edit-sub-modal .modal-organisations .orgs .single-org .range-amount .amount-input .euro{font-size:28px}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .range-amount .amount-input .amount-field,.modal.edit-sub-modal .modal-organisations .orgs .single-org .range-amount .amount-input .amount-field{width:80px;height:36px;font-size:16px}.modal.edit-sub-modal .modal-organisations .orgs .inactive-class-charity .delete-button,.modal.edit-sub-modal .modal-organisations .orgs .single-org .delete-button{border-radius:.75rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.modal.edit-sub-modal .modal-organisations-to-add-wrapper{margin-top:10px;padding:10px;border-radius:12px}.modal.edit-sub-modal .modal-organisations-to-add-wrapper.not-active{background:transparent;padding:0;border-radius:0;overflow:visible}.modal.edit-sub-modal .modal-organisations-to-add-wrapper.not-active .modal-organisations-to-add{width:100%}.modal.edit-sub-modal .modal-organisations-to-add-wrapper.not-active .to-add-title{position:relative;display:flex;align-items:center;border-radius:9999px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:#03a0ab;min-height:44px;padding:0 16px;justify-content:center}.modal.edit-sub-modal .modal-organisations-to-add-wrapper.not-active .to-add-title svg{position:absolute;left:1rem;width:18px;height:18px}.modal.edit-sub-modal .modal-organisations-to-add-wrapper.not-active .to-add-title p{margin-left:auto;margin-right:auto}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .to-add-title{position:relative;display:flex;align-items:center;width:100%;min-height:44px;padding:0 16px;justify-content:center;font-size:16px;gap:8px}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .to-add-title svg{position:absolute;left:1rem;width:18px;height:18px}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .to-add-title p{margin-left:auto;margin-right:auto}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .cause-area-title{font-size:16px;margin-bottom:6px}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .single-org-to-add{border-radius:calc(var(--radius) - 2px);padding:.5rem;font-size:16px;gap:8px}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .single-org-to-add.no-read-more{flex-direction:row;align-items:center;justify-content:space-between}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .single-org-to-add .single-org-to-add-name{font-size:16px}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .single-org-to-add .read-more-add{width:100%;justify-content:flex-start;align-items:center;gap:8px}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .single-org-to-add .read-more-add.no-read-more{width:auto;justify-content:flex-end;gap:0}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .single-org-to-add .read-more-add a{margin-right:auto}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .single-org-to-add .read-more-add .add-icon{margin-left:auto}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .single-org-to-add .read-more-add.no-read-more .add-icon{margin-left:0}.modal.edit-sub-modal .modal-organisations-to-add-wrapper .read-more-add a{font-size:11px}.modal.edit-sub-modal .modal-button-wrapper{width:100%;margin-top:24px;justify-content:flex-end;gap:8px}.modal.edit-sub-modal .modal-button-wrapper.popup-actions{justify-content:center;gap:12px}.modal.edit-sub-modal .modal-button-wrapper .modal-button{width:-moz-fit-content;width:fit-content}.modal.edit-sub-modal .modal-button.confirm-button{min-width:72px;min-height:36px;padding:0 24px;font-size:16px;font-weight:500}.modal.edit-sub-modal .modal-button-wrapper.charities-actions .modal-button.cancel{display:none}.modal.edit-sub-modal .modal-button-wrapper.charities-actions{margin-top:24px;margin-bottom:24px;justify-content:flex-end!important}.modal.edit-sub-modal .modal-button-wrapper.charities-actions .modal-button{width:-moz-fit-content!important;width:fit-content!important;margin-left:auto}}.history-transactions{margin-top:10px;display:flex;flex-direction:column}.history-transaction{display:grid;grid-template-columns:1fr 3fr 1fr;border-bottom:1px solid #028d97;padding-top:15px;padding-bottom:15px;gap:20px;align-items:center}.history-transaction .orgs{font-size:14px;font-family:var(--font-lato)}.history-transaction .date{text-align:right;font-size:16px;font-family:var(--font-lato)}.history-transaction:first-child{border-top:1px solid #028d97}.history-transaction .amount{font-family:var(--font-source-sans);font-weight:500;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}@media (max-width:767px){.history-transaction .amount{font-weight:600}}.history-transaction .amount{font-size:26px;line-height:1.2em}.history-h3{font-size:1rem;line-height:1.5rem}@media (max-width:767px){.history-h3{font-size:1.25rem;line-height:1.75rem}}.home-transactions-wrapper .history-transaction{grid-template-columns:1fr 2fr}.home-transactions-wrapper .history-transaction .amount{font-size:20px}.home-transactions-wrapper .history-transaction .small-date{font-size:14px;font-weight:400}@media (max-width:767px){.history-transaction{grid-template-columns:1fr;gap:10px}.history-transaction .date{text-align:left}}