UNPKG

@adyen/adyen-platform-experience-web

Version:

![Platform Experience header](https://github.com/Adyen/adyen-platform-experience-web/assets/7926613/18094965-9e01-450e-8dc9-ea84e6b22c2b)

1 lines 86.5 kB
.adyen-pe-component,.adyen-pe-popover{color:var(--adyen-sdk-color-label-primary, #00112c)}.adyen-pe-typography{margin:0}.adyen-pe-typography--caption{font-size:var(--adyen-sdk-text-caption-font-size, 12px);font-weight:var(--adyen-sdk-text-body-font-weight, 400);letter-spacing:var(--adyen-sdk-text-caption-letter-spacing, 0);line-height:var(--adyen-sdk-text-caption-line-height, 18px)}.adyen-pe-typography--caption-wide{line-height:var(--adyen-sdk-text-body-line-height, 20px)}.adyen-pe-typography--caption-stronger{font-weight:var(--adyen-sdk-text-body-stronger-font-weight, 500)}.adyen-pe-typography--body{font-size:var(--adyen-sdk-text-body-font-size, 14px);font-weight:var(--adyen-sdk-text-body-font-weight, 400);letter-spacing:var(--adyen-sdk-text-body-letter-spacing, 0);line-height:var(--adyen-sdk-text-body-line-height, 20px)}.adyen-pe-typography--body-wide{line-height:var(--adyen-sdk-text-body-wide-line-height, 24px)}.adyen-pe-typography--body-stronger{font-weight:var(--adyen-sdk-text-body-stronger-font-weight, 500)}.adyen-pe-typography--body-strongest{font-weight:var(--adyen-sdk-text-body-strongest-font-weight, 600)}.adyen-pe-typography--subtitle{font-size:var(--adyen-sdk-text-subtitle-font-size, 16px);font-weight:var(--adyen-sdk-text-body-stronger-font-weight, 500);letter-spacing:var(--adyen-sdk-text-subtitle-letter-spacing, 0);line-height:var(--adyen-sdk-text-subtitle-line-height, 26px)}.adyen-pe-typography--subtitle-stronger{font-weight:var(--adyen-sdk-text-body-strongest-font-weight, 600)}.adyen-pe-typography--title{font-size:var(--adyen-sdk-text-title-m-font-size, 20px);font-weight:var(--adyen-sdk-text-body-strongest-font-weight, 600);letter-spacing:var(--adyen-sdk-text-title-letter-spacing, 0);line-height:var(--adyen-sdk-text-title-m-mobile-line-height, 28px)}.adyen-pe-typography--title-m{font-size:var(--adyen-sdk-text-title-m-font-size, 20px);font-weight:var(--adyen-sdk-text-body-strongest-font-weight, 600);letter-spacing:var(--adyen-sdk-text-title-m-letter-spacing, 0);line-height:var(--adyen-sdk-text-title-m-line-height, 30px)}.adyen-pe-typography--title-l{font-size:var(--adyen-sdk-text-title-l-font-size, 24px);font-weight:var(--adyen-sdk-text-body-strongest-font-weight, 600);letter-spacing:var(--adyen-sdk-text-title-l-letter-spacing, 0);line-height:var(--adyen-sdk-text-title-l-line-height, 34px)}.adyen-pe-error-message-display{border-radius:var(--adyen-sdk-border-radius-m, 8px);display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-060, 12px);left:var(--adyen-sdk-spacer-050, 10px);min-width:400px;padding:var(--adyen-sdk-spacer-120, 48px);text-align:center;top:var(--adyen-sdk-spacer-050, 10px)}.adyen-pe-error-message-display--outlined{background:var(--adyen-sdk-color-background-primary, #ffffff);border:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);box-shadow:0 6px 12px #00112c14}.adyen-pe-error-message-display--with-background{background:var(--adyen-sdk-color-background-secondary, #f7f7f8)}.adyen-pe-error-message-display--absolute-position{position:absolute}.adyen-pe-error-message-display--centered{left:50%;top:var(--adyen-sdk-spacer-080, 20px);transform:translate(-50%)}.adyen-pe-error-message-display__button{align-items:center;display:flex;gap:var(--adyen-sdk-spacer-040, 8px);justify-content:center}.adyen-pe-spinner__wrapper{align-items:center;display:flex;height:100%;justify-content:center}.adyen-pe-spinner__wrapper--inline{display:inline-block;height:auto;margin-right:8px}[dir=rtl] .adyen-pe-spinner__wrapper--inline{margin-left:8px;margin-right:0}.adyen-pe-spinner{animation:rotateSpinner 1.5s infinite linear;border:3px solid var(--adyen-sdk-color-outline-primary-active, #00112c);border-color:inherit;border-radius:50%;border-top-color:transparent;height:43px;width:43px}.adyen-pe-spinner--large{height:43px;width:43px}.adyen-pe-spinner--small{border-width:2px;height:16px;width:16px}.adyen-pe-spinner--x-small{border-width:2px;height:13.5px;width:13.5px}.adyen-pe-spinner--medium{height:28px;width:28px}@keyframes rotateSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adyen-pe-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--adyen-sdk-border-radius-m, 8px);box-shadow:inset 0 0 0 1px #0000;cursor:pointer;display:inline-flex;font-family:inherit;height:fit-content;justify-content:center;padding:var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-060, 12px);text-decoration:none;transition:125ms cubic-bezier(.785,.135,.15,.86);transition-property:color,background-color,box-shadow;-webkit-user-select:none;user-select:none}.adyen-pe-button--condensed{border-radius:var(--adyen-sdk-border-radius-s, 4px);padding-bottom:var(--adyen-sdk-spacer-030, 6px);padding-top:var(--adyen-sdk-spacer-030, 6px)}.adyen-pe-button--full-width{width:100%}.adyen-pe-button__label{align-items:center;display:inline-flex;line-height:var(--adyen-sdk-text-body-line-height, 20px);vertical-align:middle;white-space:nowrap;width:100%}.adyen-pe-button--hidden{display:none}.adyen-pe-button--primary{background-color:var(--adyen-sdk-color-background-inverse-primary, #00112c);color:var(--adyen-sdk-color-label-inverse-primary, #ffffff)}.adyen-pe-button--primary:hover{background-color:var(--adyen-sdk-color-background-inverse-primary-hover, #5c687c)}.adyen-pe-button--primary:active{background-color:var(--adyen-sdk-color-background-inverse-primary-active, #8d95a3)}.adyen-pe-button--primary:disabled{background-color:var(--adyen-sdk-color-background-disabled, #eeeff1);color:var(--adyen-sdk-color-label-disabled, #8d95a3)}.adyen-pe-button--primary.--loading{background:var(--adyen-sdk-color-background-disabled, #eeeff1);color:var(--adyen-sdk-color-label-disabled, #8d95a3)}.adyen-pe-button--secondary{background-color:var(--adyen-sdk-color-background-primary, #ffffff);box-shadow:inset 0 0 0 1px #c9cdd3;color:var(--adyen-sdk-color-label-primary, #00112c)}.adyen-pe-button--secondary:hover{background-color:var(--adyen-sdk-color-background-primary-hover, #f7f7f8);box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-primary-hover, #c9cdd3);color:var(--adyen-sdk-color-label-secondary, #5c687c)}.adyen-pe-button--secondary:hover:not(:focus){box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-primary-hover, #c9cdd3)}.adyen-pe-button--secondary:active{background-color:var(--adyen-sdk-color-background-tertiary, #eeeff1);box-shadow:inset 0 0 0 1px #c9cdd3;color:var(--adyen-sdk-color-label-primary-active, #8d95a3)}.adyen-pe-button--secondary:disabled,.adyen-pe-button--secondary:disabled:not(:focus){background-color:var(--adyen-sdk-color-background-primary, #ffffff);box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-primary, #dbdee2);color:var(--adyen-sdk-color-label-disabled, #8d95a3)}.adyen-pe-button--tertiary{background-color:transparent;box-shadow:inset 0 0 0 1px #0000;color:var(--adyen-sdk-color-label-primary, #00112c);height:auto;padding:var(--adyen-sdk-spacer-000, 0px);text-decoration:underline}.adyen-pe-button--tertiary:hover{background-color:var(--adyen-sdk-color-background-primary, #ffffff);color:var(--adyen-sdk-color-label-primary-hover, #5c687c);text-decoration:none}.adyen-pe-button--tertiary:active{background-color:var(--adyen-sdk-color-background-primary, #ffffff);color:var(--adyen-sdk-color-label-primary-active, #8d95a3);text-decoration:none}.adyen-pe-button--tertiary:disabled{background-color:var(--adyen-sdk-color-background-primary, #ffffff);color:var(--adyen-sdk-color-label-disabled, #8d95a3)}.adyen-pe-button--loading{gap:var(--adyen-sdk-spacer-040, 8px)}.adyen-pe-button--tertiary-with-background{background-color:transparent;color:var(--adyen-sdk-color-label-primary, #00112c)}.adyen-pe-button--tertiary-with-background:hover{background-color:var(--adyen-sdk-color-background-secondary-hover, #eeeff1);color:var(--adyen-sdk-color-label-primary-hover, #5c687c);text-decoration:none}.adyen-pe-button--circle{align-items:center;border-radius:10000rem;justify-content:center;min-width:auto;padding:0}.adyen-pe-button--icon{height:auto;position:relative;width:var(--adyen-sdk-spacer-110, 40px)}.adyen-pe-button--icon-content svg{display:block}.adyen-pe-button--icon:before{content:"";float:left;padding-top:100%}.adyen-pe-button--icon:after{clear:both;content:"";display:table}.adyen-pe-button__icon-left,.adyen-pe-button__icon-right{align-items:center;display:inline-flex;justify-content:center}.adyen-pe-button:disabled{cursor:not-allowed}.adyen-pe-button__anchor{padding:var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);transition:none}.adyen-pe-button__anchor:hover{background:var(--adyen-sdk-color-background-secondary-hover, #eeeff1)}.adyen-pe-component{--adyen-pe-content-padding: var(--adyen-sdk-spacer-070, 16px);--adyen-pe-data-details-padding: var(--adyen-pe-content-padding);background:var(--adyen-sdk-color-background-primary, #ffffff);container-type:inline-size;width:100%}.adyen-pe-component__container{padding:var(--adyen-pe-content-padding)}@media (min-width: 480px){.adyen-pe-component__container{border:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary, #c9cdd3);border-radius:var(--adyen-sdk-spacer-040, 8px)}}.adyen-pe-capital-offer-component,.adyen-pe-capital-overview-component{max-width:600px}.adyen-pe-overview-details--title{margin-bottom:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-overview-details .adyen-pe-error-message-display{left:0;margin:0 auto 10px;max-width:450px;position:relative;top:0;transform:none}.adyen-pe-overview-details__skeleton-container{display:flex;flex-direction:column;gap:30px;margin-bottom:var(--adyen-sdk-spacer-060, 12px)}.adyen-pe-overview-details__status-skeleton{display:flex;gap:10px;width:120px}.adyen-pe-overview-details__skeleton{background-color:#f1f2f4;border-radius:100px;display:inline-block;min-height:12px;width:80%;display:block;height:var(--adyen-sdk-spacer-070, 16px);margin:0;max-width:270px;width:100%}.adyen-pe-overview-details__skeleton--loading-content{animation:skeleton-loading-220-10-95 .8s linear infinite alternate;background-color:inherit}.adyen-pe-accordion__header{align-items:center;display:flex;justify-content:space-between;margin:var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-000, 0px);padding:var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-000, 0px);width:100%}.adyen-pe-accordion__header-container{background-color:transparent;border:var(--adyen-sdk-spacer-000, 0px);cursor:pointer;display:flex;padding:var(--adyen-sdk-spacer-000, 0px)}.adyen-pe-accordion__header-controller{align-items:center;display:flex;gap:var(--adyen-sdk-spacer-010, 2px)}.adyen-pe-accordion__content{overflow:hidden;position:relative;transition:max-height .3s cubic-bezier(.4,0,.2,1),box-shadow .6s linear}.adyen-pe-card{background-color:var(--adyen-sdk-color-background-primary, #ffffff);border:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);border-radius:var(--adyen-sdk-border-radius-m, 8px);overflow:hidden;padding:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-card--no-padding{padding:0}.adyen-pe-card--filled{background-color:var(--adyen-sdk-color-background-secondary, #f7f7f8)}.adyen-pe-card--no-outline{border:0}.adyen-pe-card--clickable{cursor:pointer}.adyen-pe-card--with-footer{padding-bottom:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-card__body{color:var(--adyen-sdk-color-label-primary, #00112c);font-weight:var(--adyen-sdk-text-body-strongest-font-weight, 600);line-height:var(--adyen-sdk-text-caption-line-height, 18px)}.adyen-pe-card__footer{display:flex;justify-content:flex-end;padding-top:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-card__header{border-bottom:var(--adyen-sdk-color-outline-secondary, #c9cdd3) 1px solid;display:block;padding:var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-020, 4px);width:100%}.adyen-pe-card__header-content{flex:1}.adyen-pe-card__title-container{display:flex;justify-content:space-between}.adyen-pe-card__subtitle{align-items:center;color:var(--adyen-sdk-color-label-secondary, #5c687c);display:flex;flex:none;flex-grow:0;font-size:var(--adyen-sdk-text-body-font-size, 14px);font-weight:var(--adyen-sdk-text-body-font-weight, 400);line-height:var(--adyen-sdk-text-body-line-height, 20px)}.adyen-pe-structured-list{margin:0}.adyen-pe-structured-list__grid{display:flex}.adyen-pe-structured-list__grid--width-3-of-12{flex:0 0 25%}.adyen-pe-structured-list__grid--width-4-of-12{flex:0 0 33.3333333333%}.adyen-pe-structured-list__grid--width-5-of-12{flex:0 0 41.6666666667%}.adyen-pe-structured-list__grid--width-6-of-12{flex:0 0 50%}.adyen-pe-structured-list__grid--width-7-of-12{flex:0 0 58.3333333333%}.adyen-pe-structured-list__grid--width-8-of-12{flex:0 0 66.6666666667%}.adyen-pe-structured-list__grid--width-9-of-12{flex:0 0 75%}.adyen-pe-structured-list__item{font-size:var(--adyen-sdk-text-body-font-size, 14px);font-weight:var(--adyen-sdk-text-body-font-weight, 400);line-height:var(--adyen-sdk-text-body-line-height, 20px)}.adyen-pe-structured-list__item--has-highlight:hover{background-color:var(--adyen-sdk-color-background-primary-hover, #f7f7f8);transition:background-color .2s cubic-bezier(.785,.135,.15,.86)}.adyen-pe-structured-list__label{color:var(--adyen-sdk-color-label-primary, #00112c);overflow-wrap:anywhere}.adyen-pe-structured-list__content{color:var(--adyen-sdk-color-label-primary, #00112c);display:flex;margin:0;overflow-wrap:anywhere}.adyen-pe-structured-list--align-end .adyen-pe-structured-list__content{justify-content:flex-end;text-align:end}.adyen-pe-payout-data__title-container{display:flex;gap:var(--adyen-sdk-spacer-050, 10px)}.adyen-pe-payout-data__title{display:grid;gap:var(--adyen-sdk-spacer-020, 4px);padding-bottom:var(--adyen-sdk-spacer-090, 24px)}.adyen-pe-payout-data__title--ba-id{color:var(--adyen-sdk-color-label-secondary, #5c687c)}.adyen-pe-payout-data__title--with-extra-details{padding-bottom:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-payout-data__title .adyen-pe-payout-data__content--section{display:flex;flex-direction:column;gap:4px}.adyen-pe-payout-data__title .adyen-pe-payout-data__content--section:last-child{padding-top:var(--adyen-sdk-spacer-040, 8px)}.adyen-pe-payout-data__content{background-color:var(--adyen-sdk-color-background-secondary, #f7f7f8);margin:0 calc(var(--adyen-pe-data-details-padding) * -1);padding:var(--adyen-sdk-spacer-040, 8px) var(--adyen-pe-data-details-padding)}.adyen-pe-payout-data__content .adyen-pe-card__header{background-color:var(--adyen-sdk-color-background-secondary, #f7f7f8)}.adyen-pe-payout-data__content--card-title{color:var(--adyen-sdk-color-label-secondary, #5c687c);padding:var(--adyen-sdk-spacer-000, 0px)}.adyen-pe-payout-data__content--section-amount{display:flex;justify-content:space-between;padding:var(--adyen-sdk-spacer-070, 16px) 0}.adyen-pe-payout-data__content--card:not(:first-child){margin-top:var(--adyen-sdk-spacer-060, 12px)}.adyen-pe-payout-data .adyen-pe-structured-list__item{padding:var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-payout-data--unpaid-amount{border-radius:var(--adyen-sdk-border-radius-xl, 24px);display:flex;justify-content:space-between;margin-bottom:var(--adyen-sdk-spacer-020, 4px);margin-top:var(--adyen-sdk-spacer-080, 20px);outline:var(--adyen-sdk-color-outline-tertiary, #8d95a3) 1px dashed;padding:var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-payout-data__extra-details{margin-bottom:var(--adyen-sdk-spacer-090, 24px)}.adyen-pe-payout-data__extra-details .adyen-pe-structured-list__item{padding:var(--adyen-sdk-spacer-000, 0px)}.adyen-pe-payout-data__extra-details-label{color:var(--adyen-sdk-color-label-secondary, #5c687c);font-size:var(--adyen-sdk-text-body-font-size, 14px);font-weight:var(--adyen-sdk-text-body-font-weight, 400);line-height:var(--adyen-sdk-text-body-line-height, 20px);padding-bottom:var(--adyen-sdk-spacer-030, 6px);padding-top:var(--adyen-sdk-spacer-030, 6px)}.adyen-pe-payout-data__extra-details-icon img{width:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-payout-data__button-actions{display:flex;justify-content:end;margin-top:var(--adyen-sdk-spacer-080, 20px)}.adyen-pe-tag{align-items:center;border-radius:var(--adyen-sdk-border-radius-s, 4px);cursor:default;display:inline-flex;flex-direction:row;font-size:var(--adyen-sdk-text-caption-font-size, 12px);font-weight:var(--adyen-sdk-text-body-stronger-font-weight, 500);justify-content:center;min-width:2.5rem;padding:var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px);width:fit-content}.adyen-pe-tag--success{background:var(--adyen-sdk-color-background-success-weak, #edfaf3);color:var(--adyen-sdk-color-label-on-background-success-weak, #067934)}.adyen-pe-tag--error{background:var(--adyen-sdk-color-background-critical-weak, #fef4f4);color:var(--adyen-sdk-color-label-critical, #e22d2d)}.adyen-pe-tag--default{background:var(--adyen-sdk-color-background-secondary, #f7f7f8);color:var(--adyen-sdk-color-label-secondary, #5c687c)}.adyen-pe-tag--warning{background:var(--adyen-sdk-color-background-warning-weak, #fff5e9);color:var(--adyen-sdk-color-label-on-background-warning-weak, #9b5700)}.adyen-pe-tag--light{background:var(--adyen-sdk-color-background-primary, #ffffff);color:var(--adyen-sdk-color-label-primary, #00112c)}.adyen-pe-tag--light-with-outline{background:var(--adyen-sdk-color-background-primary, #ffffff);color:var(--adyen-sdk-color-label-primary, #00112c);outline:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2)}.adyen-pe-tag--blue{background:var(--adyen-sdk-color-background-highlight-weak, #f2f8ff);color:var(--adyen-sdk-color-label-on-background-highlight-weak, #0063d7)}.adyen-pe-tag--primary{background:var(--adyen-sdk-color-background-primary, #ffffff);color:var(--adyen-sdk-color-label-primary, #00112c);outline:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2)}.adyen-pe-link{align-items:center;color:var(--adyen-sdk-color-link-primary, #00112c);display:flex;gap:var(--adyen-sdk-spacer-030, 6px);text-decoration:underline}.adyen-pe-link:hover{color:var(--adyen-sdk-color-link-primary-hover, #5c687c);text-decoration:none}.adyen-pe-link:active{color:var(--adyen-sdk-color-link-primary-active, #8d95a3)}.adyen-pe-link:focus-visible{border-radius:var(--adyen-sdk-border-radius-xs, 2px);box-shadow:0 0 0 1px #fff,0 0 0 3px #0070f5cc;outline:none;transition:.1s cubic-bezier(.785,.135,.15,.86)}.adyen-pe-link--quiet{color:var(--adyen-sdk-color-link-primary, #00112c);text-decoration:none}.adyen-pe-link--quiet:hover,.adyen-pe-link--quiet:active{color:var(--adyen-sdk-color-link-primary, #00112c);text-decoration:underline}.adyen-pe-link--quiet:focus-visible{text-decoration:underline}.adyen-pe-link--truncate,.adyen-pe-data-grid-cell--overflow-ellipsis .adyen-pe-link:not(.b-button){display:flex;max-width:fit-content}.adyen-pe-link--truncate .adyen-pe-link__text,.adyen-pe-data-grid-cell--overflow-ellipsis .adyen-pe-link:not(.b-button) .adyen-pe-link__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-pe-data-grid__cell .adyen-pe-link:not(.adyen-pe-button){color:var(--adyen-sdk-color-link-primary, #00112c);text-decoration-color:var(--adyen-sdk-color-outline-secondary, #c9cdd3)}@media (hover: hover){.adyen-pe-data-grid__cell .adyen-pe-link:not(.adyen-pe-button):hover{color:var(--adyen-sdk-color-link-primary, #00112c);text-decoration-color:inherit;text-decoration-line:underline}}.adyen-pe-data-grid__cell .adyen-pe-link:not(.adyen-pe-button):active,.adyen-pe-data-grid__cell .adyen-pe-link:not(.adyen-pe-button):focus-visible{color:var(--adyen-sdk-color-link-primary, #00112c);text-decoration-color:inherit;text-decoration-line:underline}.adyen-pe-icon{color:inherit;display:inherit;vertical-align:baseline}.adyen-pe-icon svg{height:1em}.adyen-pe-button-actions{container-type:inline-size;flex-grow:1}.adyen-pe-button-actions__container-wrapper{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-040, 8px)}.adyen-pe-button-actions--buttons-start{flex-direction:row;justify-content:start}.adyen-pe-button-actions--buttons-end{column-gap:var(--adyen-sdk-spacer-040, 8px);flex-direction:row;justify-content:end}.adyen-pe-button-actions--fill-container{column-gap:var(--adyen-sdk-spacer-040, 8px);display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.adyen-pe-button-actions--space-between{flex-direction:unset;justify-content:space-between}.adyen-pe-alert{align-items:flex-start;border-radius:var(--adyen-sdk-border-radius-m, 8px);box-sizing:border-box;container-type:inline-size;display:flex;gap:var(--adyen-sdk-spacer-080, 20px);max-width:700px;padding:var(--adyen-sdk-spacer-080, 20px);width:100%}@container (min-width: 460px){.adyen-pe-alert{gap:var(--adyen-sdk-spacer-080, 20px);padding:var(--adyen-sdk-spacer-080, 20px)}}.adyen-pe-alert__icon{align-items:center;display:flex;height:var(--adyen-sdk-spacer-090, 24px)}.adyen-pe-alert__content{width:100%}.adyen-pe-alert__title{flex-grow:1}.adyen-pe-alert__description:not(:first-child){margin-top:var(--adyen-sdk-spacer-020, 4px)}.adyen-pe-alert__close-button{--offset-margin: calc(var(--adyen-sdk-spacer-080, 20px) - var(--adyen-sdk-spacer-110, 40px));--offset-position: calc(var(--offset-margin) * -1 / 2);cursor:pointer;display:flex;flex-grow:1;justify-content:flex-end;margin-right:var(--offset-margin);margin-top:var(--offset-margin);position:relative;right:var(--offset-position);top:var(--offset-position)}.adyen-pe-alert__close-button .adyen-pe-button--tertiary:hover{background-color:unset!important}.adyen-pe-alert--tip .adyen-pe-alert__icon{height:var(--adyen-sdk-spacer-080, 20px)}.adyen-pe-alert--tip.adyen-pe-alert{gap:var(--adyen-sdk-spacer-060, 12px);padding:var(--adyen-sdk-spacer-050, 10px) var(--adyen-sdk-spacer-060, 12px)}.adyen-pe-alert--success{background-color:var(--adyen-sdk-color-background-success-weak, #edfaf3)}.adyen-pe-alert--success .adyen-pe-alert__icon{color:var(--adyen-sdk-color-background-success-strong, #07893c)}.adyen-pe-alert--success .adyen-pe-alert__title,.adyen-pe-alert--success .adyen-pe-alert__description,.adyen-pe-alert--success .adyen-pe-alert__close-button{color:var(--adyen-sdk-color-label-primary, #00112c)}.adyen-pe-alert--highlight{background-color:var(--adyen-sdk-color-background-highlight-weak, #f2f8ff)}.adyen-pe-alert--highlight .adyen-pe-alert__icon{color:var(--adyen-sdk-color-background-highlight-strong, #0070f5)}.adyen-pe-alert--highlight .adyen-pe-alert__title,.adyen-pe-alert--highlight .adyen-pe-alert__description,.adyen-pe-alert--highlight .adyen-pe-alert__close-button{color:var(--adyen-sdk-color-label-primary, #00112c)}.adyen-pe-alert--warning{background-color:var(--adyen-sdk-color-background-warning-weak, #fff5e9)}.adyen-pe-alert--warning .adyen-pe-alert__icon{color:var(--adyen-sdk-color-background-warning-strong, #dd7d00)}.adyen-pe-alert--warning .adyen-pe-alert__title,.adyen-pe-alert--warning .adyen-pe-alert__description,.adyen-pe-alert--warning .adyen-pe-alert__close-button{color:var(--adyen-sdk-color-label-primary, #00112c)}.adyen-pe-alert--critical{background-color:var(--adyen-sdk-color-background-critical-weak, #fef4f4)}.adyen-pe-alert--critical .adyen-pe-alert__icon{color:var(--adyen-sdk-color-background-critical-strong, #e22d2d)}.adyen-pe-alert--critical .adyen-pe-alert__title,.adyen-pe-alert--critical .adyen-pe-alert__description,.adyen-pe-alert--critical .adyen-pe-alert__close-button{color:var(--adyen-sdk-color-label-primary, #00112c)}.adyen-pe-popover-dismiss-button{cursor:pointer}.adyen-pe-popover-dismiss-button--on-image,.adyen-pe-popover-dismiss-button--on-image:hover,.adyen-pe-popover-dismiss-button--on-image:active{color:var(--adyen-sdk-color-label-always-light, #ffffff)}.adyen-pe-popover{background:var(--adyen-sdk-color-background-primary, #ffffff);border:unset;border-radius:var(--adyen-sdk-spacer-040, 8px);box-shadow:0 6px 12px #00112c14,0 2px 4px #00112c0a,0 0 0 1px #00112c0f;min-width:200px;overflow:hidden;z-index:10}.adyen-pe-popover__overlay{background:#00112c80;height:100%;left:0;position:fixed;top:0;width:100%}.adyen-pe-popover--fit-content{width:fit-content}.adyen-pe-popover--medium{width:320px}.adyen-pe-popover--wide{width:480px}.adyen-pe-popover--auto-width{width:95%}.adyen-pe-popover--with-divider .adyen-pe-popover__footer{background-color:var(--adyen-sdk-color-background-primary, #ffffff);border-top:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-disabled, #dbdee2);padding-top:var(--adyen-sdk-spacer-060, 12px)}.adyen-pe-popover--without-space .adyen-pe-popover__header,.adyen-pe-popover--without-space .adyen-pe-popover__content,.adyen-pe-popover--without-space .adyen-pe-popover__footer{padding:var(--adyen-sdk-spacer-000, 0px)}.adyen-pe-popover__content{transform:scale(1)}.adyen-pe-popover__content--with-padding{padding:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-popover__content--with-title{padding:var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-popover__content--overlay{display:flex;justify-content:center;transform:scale(1);width:100%}.adyen-pe-popover__content--overlay>*{width:100%}.adyen-pe-popover__header{align-items:center;display:flex;justify-content:space-between;padding:var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-popover__header-title{align-items:center;column-gap:var(--adyen-sdk-spacer-040, 8px);display:flex}.adyen-pe-popover__image-dismiss-button{position:absolute;right:var(--adyen-sdk-spacer-070, 16px);top:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-popover__footer{padding:var(--adyen-sdk-spacer-000, 0px) var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-060, 12px) var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-tooltip{align-items:center;display:flex;flex-direction:column;position:absolute;z-index:1000}.adyen-pe-tooltip:has(.adyen-pe-tooltip__arrow[data-popover-placement=bottom]){flex-direction:column-reverse}.adyen-pe-tooltip:has(.adyen-pe-tooltip__arrow[data-popover-placement=right]){flex-direction:row-reverse}.adyen-pe-tooltip:has(.adyen-pe-tooltip__arrow[data-popover-placement=left]){flex-direction:row}.adyen-pe-tooltip__content{background-color:var(--adyen-sdk-color-background-inverse-primary, #00112c);border-radius:var(--adyen-sdk-spacer-020, 4px);color:var(--adyen-sdk-color-label-inverse-primary, #ffffff);height:auto;max-width:300px;padding:var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-040, 8px)}.adyen-pe-tooltip__arrow{background:var(--adyen-sdk-color-background-inverse-primary, #00112c);display:block;height:var(--adyen-sdk-spacer-040, 8px);inset:0 auto auto 0;transform:rotate(45deg);width:var(--adyen-sdk-spacer-040, 8px)}.adyen-pe-tooltip__arrow[data-popover-placement=hidden]{display:none}.adyen-pe-tooltip__arrow[data-popover-placement=top]{transform:translate3d(0,-4px,0) rotate(45deg)}.adyen-pe-tooltip__arrow[data-popover-placement=bottom]{transform:translate3d(0,4px,0) rotate(45deg)}.adyen-pe-tooltip__arrow[data-popover-placement=right]{transform:translate3d(4px,0,0) rotate(45deg)}.adyen-pe-tooltip__arrow[data-popover-placement=left]{transform:translate3d(-4px,0,0) rotate(45deg)}.adyen-pe__tooltip-target--hovered{text-decoration:underline;text-decoration-color:var(--adyen-sdk-color-outline-tertiary, #8d95a3);text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:var(--adyen-sdk-spacer-020, 4px)}.adyen-pe__tooltip-target--hovered:hover{text-decoration-color:var(--adyen-sdk-color-outline-tertiary-active, #00112c)}.adyen-pe-copy-text{align-items:center;display:inline-flex;text-decoration:none}.adyen-pe-copy-text__text{color:var(--adyen-sdk-color-label-primary, #00112c);cursor:pointer}.adyen-pe-copy-text__label{font-size:var(--adyen-sdk-text-caption-font-size, 12px);font-weight:var(--adyen-sdk-text-caption-font-weight, 400)}.adyen-pe-copy-text__information{color:var(--adyen-sdk-color-label-highlight, #0070f5);display:block;font-size:var(--adyen-sdk-text-body-font-size, 14px);font-weight:var(--adyen-sdk-text-body-font-weight, 400);line-height:var(--adyen-sdk-text-body-line-height, 20px);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-pe-copy-text__container{align-items:center;cursor:pointer;display:inline-flex;gap:var(--adyen-sdk-spacer-020, 4px)}.adyen-pe-copy-text__icon{cursor:pointer;display:flex}.adyen-pe-copy-text__icon:hover{color:var(--adyen-sdk-color-label-primary-hover, #5c687c)}.adyen-pe-copy-text__container--information,.adyen-pe-copy-text__icon--information,.adyen-pe-copy-text__container--information:hover,.adyen-pe-copy-text__icon--information:hover{color:var(--adyen-sdk-color-label-highlight, #0070f5)}.adyen-pe-copy-text__icon--information span{cursor:pointer;display:flex}.adyen-pe-copy-text:hover{background-color:inherit;color:inherit;cursor:default}.adyen-pe-data-grid{--adyen-pe-data-grid-cols: auto-fit;--adyen-pe-data-grid-cells: repeat(var(--adyen-pe-data-grid-cols), minmax(100px, 1fr));display:grid;font-size:var(--adyen-sdk-text-body-font-size, 14px);grid-template-rows:auto 1fr;overflow:hidden;text-align:left}.adyen-pe-data-grid__header{border-bottom:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);display:grid;grid-template-columns:var(--adyen-pe-data-grid-cells);min-width:fit-content;width:100%}.adyen-pe-data-grid--scrollable .adyen-pe-data-grid__table-wrapper{overflow:auto}.adyen-pe-data-grid--loading{border-color:transparent}.adyen-pe-data-grid--empty{position:relative}.adyen-pe-data-grid .adyen-pe-error-message-display{top:60px}.adyen-pe-data-grid__table{border-collapse:separate;border-spacing:0;width:100%}.adyen-pe-data-grid__head{display:none}.adyen-pe-data-grid__row{background:var(--adyen-sdk-color-background-primary, #ffffff);border-bottom:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);display:grid;grid-template-columns:var(--adyen-pe-data-grid-cells);min-width:fit-content;overflow:hidden;vertical-align:top}.adyen-pe-data-grid__row .adyen-pe-data-grid__body{border-bottom:0}.adyen-pe-data-grid__row--clickable{cursor:pointer}.adyen-pe-data-grid__row--clickable:hover,.adyen-pe-data-grid__row--clickable:focus{background:var(--adyen-sdk-color-background-primary-hover, #f7f7f8);outline-offset:-1px}.adyen-pe-data-grid__icon-cell{display:flex;gap:var(--adyen-sdk-spacer-030, 6px)}.adyen-pe-data-grid .adyen-pe-data-grid__cell{align-items:center;box-sizing:border-box;display:flex;height:100%;overflow:hidden;padding:var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-020, 4px);text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;width:auto;word-break:break-word}.adyen-pe-data-grid .adyen-pe-data-grid__cell .adyen-pe-button--link{display:block;height:initial;margin:-2px -4px}.adyen-pe-data-grid .adyen-pe-data-grid__cell--right{justify-content:end}.adyen-pe-data-grid .adyen-pe-data-grid__cell--center{justify-content:center}.adyen-pe-data-grid .adyen-pe-data-grid__cell.adyen-pe-data-grid__cell--heading{border-bottom-color:var(--adyen-sdk-color-outline-secondary, #c9cdd3);color:var(--adyen-sdk-color-label-primary, #00112c);display:flex;font-weight:var(--adyen-sdk-text-body-strongest-font-weight, 600);padding:var(--adyen-sdk-spacer-070, 16px);position:relative}.adyen-pe-data-grid .adyen-pe-data-grid__cell.adyen-pe-data-grid__cell--heading:not(:last-child):after{background:var(--adyen-sdk-color-separator-primary, #dbdee2);bottom:25%;content:"";position:absolute;right:0;top:25%;width:var(--adyen-sdk-spacer-010, 2px)}.adyen-pe-data-grid .adyen-pe-data-grid__cell--heading-content{width:fit-content}.adyen-pe-data-grid .adyen-pe-data-grid__table-wrapper{margin-bottom:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-data-grid__footer{background:var(--adyen-sdk-color-background-primary, #ffffff)}.adyen-pe-data-grid__footer .adyen-pe-pagination{padding:0}.adyen-pe-data-grid--outline{border:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary, #c9cdd3);border-radius:var(--adyen-sdk-border-radius-m, 8px)}.adyen-pe-data-grid--outline .adyen-pe-data-grid__table-wrapper{margin-bottom:0}.adyen-pe-data-grid--outline .adyen-pe-data-grid__body .adyen-pe-data-grid__row:last-child .adyen-pe-data-grid__cell{border-bottom:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary, #c9cdd3)}.adyen-pe-data-grid--outline .adyen-pe-data-grid__footer .adyen-pe-pagination{padding:var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-040, 8px)}.adyen-pe-data-grid__empty-cell{display:inline-block;height:var(--adyen-sdk-spacer-050, 10px)}.adyen-pe-data-grid__skeleton-cell{text-align:center}.adyen-pe-data-grid__skeleton-cell-content{background-color:#f1f2f4;border-radius:100px;display:inline-block;margin:auto;min-height:12px;width:80%;height:var(--adyen-sdk-spacer-060, 12px)}.adyen-pe-data-grid__skeleton-cell-content--loading{animation:skeleton-loading-220-10-95 .8s linear infinite alternate;background-color:inherit}.adyen-pe-data-grid__empty-message{background:var(--adyen-sdk-color-background-primary, #ffffff);border:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);border-radius:var(--adyen-sdk-spacer-060, 12px);box-shadow:0 6px 12px #00112c14;display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-050, 10px);left:50%;padding:var(--adyen-sdk-spacer-120, 48px);position:absolute;text-align:center;top:var(--adyen-sdk-spacer-080, 20px);transform:translate(-50%)}.adyen-pe-data-grid__cell-value{align-items:center;display:flex;gap:var(--adyen-sdk-spacer-030, 6px);width:min-content}.adyen-pe-data-grid__icon-container{height:var(--adyen-sdk-spacer-090, 24px);width:var(--adyen-sdk-spacer-100, 32px)}.adyen-pe-data-grid__icon{height:100%;max-width:100%;object-fit:contain;object-position:center}@container (min-width: 480px){.adyen-pe-data-grid__head{border-left:var(--adyen-sdk-border-width-s, 1px) solid transparent;border-right:var(--adyen-sdk-border-width-s, 1px) solid transparent;box-sizing:border-box;display:block;height:100%;overflow:visible;position:relative}.adyen-pe-data-grid .adyen-pe-data-grid__cell{padding:var(--adyen-sdk-spacer-070, 16px)}}.adyen-pe-pagination{display:flex;padding:var(--adyen-sdk-spacer-070, 16px) var(--adyen-sdk-spacer-040, 8px);text-align:right}.adyen-pe-pagination__context{align-items:center;display:flex;gap:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-pagination__controls{display:flex;gap:var(--adyen-sdk-spacer-070, 16px);margin-left:auto}.adyen-pe-pagination__limit-selector{text-align:left}.adyen-pe-pagination__limit-selector .adyen-pe-button{width:auto}.adyen-pe-pagination__limit-selector .adyen-pe-popover{min-width:auto;width:auto}.adyen-pe-image{opacity:0;transition:opacity .6s ease-out}.adyen-pe-image--loaded{opacity:1}.adyen-pe-dropdown__element-checkmark,.adyen-pe-dropdown__element-checkbox,.adyen-pe-dropdown__button-collapse-indicator{--adyen-pe-separation-margin: var(--adyen-sdk-spacer-060, 12px);display:inline-flex;flex:none}.adyen-pe-dropdown__element-checkmark svg,.adyen-pe-dropdown__element-checkbox svg,.adyen-pe-dropdown__button-collapse-indicator svg{height:100%;width:auto}.adyen-pe-dropdown__element-checkmark,.adyen-pe-dropdown--multiselect .adyen-pe-dropdown__button-multiselect-counter,.adyen-pe-dropdown__button-collapse-indicator{margin-left:var(--adyen-pe-separation-margin, var(--adyen-sdk-spacer-060, 12px))}[dir=rtl] .adyen-pe-dropdown__element-checkmark,[dir=rtl] .adyen-pe-dropdown--multiselect .adyen-pe-dropdown__button-multiselect-counter,.adyen-pe-dropdown--multiselect [dir=rtl] .adyen-pe-dropdown__button-multiselect-counter,[dir=rtl] .adyen-pe-dropdown__button-collapse-indicator{margin-left:0;margin-right:var(--adyen-pe-separation-margin, var(--adyen-sdk-spacer-060, 12px))}.adyen-pe-dropdown__element-content,.adyen-pe-dropdown__button-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-pe-dropdown__button{isolation:isolate;overflow:hidden;position:relative}.adyen-pe-dropdown__button--active[role=button],.adyen-pe-dropdown__button:active[role=button]{min-width:100px}.adyen-pe-dropdown__button.adyen-pe-button--secondary{background:var(--adyen-sdk-color-background-primary, #ffffff);border:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary, #c9cdd3);box-shadow:none;color:var(--adyen-sdk-color-label-primary, #00112c);justify-content:flex-start;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%}.adyen-pe-dropdown__button.adyen-pe-button--secondary:hover{background-color:var(--adyen-sdk-color-background-primary-hover, #f7f7f8)}.adyen-pe-dropdown__button.adyen-pe-button--secondary:before{align-self:stretch;content:"";min-height:1.25rem}.adyen-pe-dropdown__button--active .adyen-pe-dropdown__button-collapse-indicator{transform:rotate(180deg)}.adyen-pe-dropdown__button-multiselect-counter{display:none}.adyen-pe-dropdown--multiselect .adyen-pe-dropdown__button-multiselect-counter{align-items:center;color:var(--adyen-sdk-color-label-secondary, #5c687c);display:flex;isolation:isolate;padding:0 var(--adyen-sdk-spacer-010, 2px);position:relative}.adyen-pe-dropdown--multiselect .adyen-pe-dropdown__button-multiselect-counter:before{background-color:var(--adyen-pe-background-secondary);border-radius:var(--adyen-sdk-border-radius-s, 4px);content:"";top:-4px;right:-4px;bottom:-4px;left:-4px;position:absolute;z-index:-1}.adyen-pe-dropdown__button-text{pointer-events:none;text-align:left}.adyen-pe-dropdown__button .adyen-pe-filter-input{background:transparent;border:0;border-radius:inherit;caret-color:#0075ff;color:inherit;font:inherit;top:0;right:0;bottom:0;left:0;letter-spacing:.025em;padding:inherit;position:absolute}.adyen-pe-dropdown__button .adyen-pe-filter-input::placeholder{color:var(--adyen-sdk-color-label-tertiary, #8d95a3)}.adyen-pe-dropdown__button .adyen-pe-filter-input:focus,.adyen-pe-dropdown__button .adyen-pe-filter-input:active{outline:0}.adyen-pe-dropdown__list{background:var(--adyen-sdk-color-background-primary, #ffffff);display:none;list-style:none;margin:0;padding:0}.adyen-pe-dropdown__list--active{display:block}.adyen-pe-dropdown__element{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;font-size:var(--adyen-sdk-text-body-font-size, 14px);font-weight:var(--adyen-sdk-text-body-font-weight, 400);-webkit-hyphens:auto;hyphens:auto;line-height:var(--adyen-sdk-text-body-line-height, 20px);outline:0;padding:var(--adyen-sdk-spacer-040, 8px) var(--adyen-sdk-spacer-070, 16px);transition:background .2s ease-out;-webkit-user-select:none;user-select:none;word-break:break-word}.adyen-pe-dropdown__element-checkbox{color:var(--adyen-sdk-color-background-inverse-primary, #00112c);margin-right:var(--adyen-pe-separation-margin)}.adyen-pe-dropdown:not(.adyen-pe-dropdown--multiselect) .adyen-pe-dropdown__element-checkbox{display:none}.adyen-pe-dropdown__element-checkmark{--adyen-pe-separation-margin: var(--adyen-sdk-spacer-070, 16px);min-width:1rem}.adyen-pe-dropdown.adyen-pe-dropdown--multiselect .adyen-pe-dropdown__element-checkmark{display:none}.adyen-pe-dropdown__element:first-child{margin-top:var(--adyen-sdk-spacer-040, 8px)}.adyen-pe-dropdown__element:last-child{margin-bottom:var(--adyen-sdk-spacer-040, 8px)}.adyen-pe-dropdown__element:not(.adyen-pe-dropdown__element--disabled,.adyen-pe-dropdown__element--no-option):hover{background:var(--adyen-sdk-color-background-secondary, #f7f7f8)}.adyen-pe-dropdown__element:not(.adyen-pe-dropdown__element--disabled,.adyen-pe-dropdown__element--no-option):focus,.adyen-pe-dropdown__element:not(.adyen-pe-dropdown__element--disabled,.adyen-pe-dropdown__element--no-option):active{background:var(--adyen-sdk-color-background-primary-active, #eeeff1)}.adyen-pe-dropdown__element.adyen-pe-dropdown__element--disabled{color:var(--adyen-sdk-color-label-disabled, #8d95a3);cursor:not-allowed}.adyen-pe-dropdown__element.adyen-pe-dropdown__element--no-option{color:var(--adyen-sdk-color-label-secondary, #5c687c);cursor:initial;justify-content:center}.adyen-pe-transactions-table__amount{display:block;font-weight:var(--adyen-sdk-text-body-stronger-font-weight, 500);text-align:right}.adyen-pe-transactions-table__payment-method{align-items:center;display:flex;gap:var(--adyen-sdk-spacer-030, 6px);line-height:1}.adyen-pe-transactions-table__payment-method-logo-container{height:var(--adyen-sdk-spacer-090, 24px);width:var(--adyen-sdk-spacer-100, 32px)}.adyen-pe-transactions-table__payment-method-logo{height:100%;max-width:100%;object-fit:contain;object-position:center}.adyen-pe-transactions-table__date-and-payment-method{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-040, 8px)}.adyen-pe-transactions-table__date-and-payment-method--date{color:var(--adyen-sdk-color-label-secondary, #5c687c)}.adyen-pe-field-wrapper{display:flex;width:100%}.adyen-pe-field--20{width:20%}.adyen-pe-field--30{width:30%}.adyen-pe-field--40{width:40%}.adyen-pe-field--50{width:50%}.adyen-pe-field--60{width:60%}.adyen-pe-field--70{width:70%}.adyen-pe-field--80{width:80%}.adyen-pe-field--col-70{width:calc(70% - 8px)}.adyen-pe-field--col-30{width:calc(30% - 8px)}.adyen-pe-field--col-50{width:calc(50% - 8px)}.adyen-pe-field-wrapper>.adyen-pe-field:first-child{margin-right:8px}[dir=rtl] .adyen-pe-field-wrapper>.adyen-pe-field:first-child{margin-left:8px;margin-right:0}.adyen-pe-field-wrapper>.adyen-pe-field:nth-child(2){margin-left:8px}[dir=rtl] .adyen-pe-field-wrapper>.adyen-pe-field:nth-child(2){margin-left:0;margin-right:8px}.adyen-pe-field-wrapper:last-of-type>.adyen-pe-field{margin-bottom:0}.adyen-pe-input{background:var(--adyen-sdk-color-background-primary, #ffffff);border:1px solid var(--adyen-sdk-color-outline-secondary, #c9cdd3);border-radius:var(--adyen-sdk-border-radius-m, 8px);color:var(--adyen-sdk-color-label-primary, #00112c);display:block;font-family:inherit;font-size:var(--adyen-sdk-text-body-font-size, 14px);height:40px;outline:none;padding:5px 8px;position:relative;transition:border .2s ease-out,box-shadow .2s ease-out;width:100%}.adyen-pe-input__invalid-value{color:var(--adyen-sdk-color-label-critical, #e22d2d);max-width:20rem;text-wrap:wrap}.adyen-pe-input:hover{border-color:var(--adyen-sdk-color-outline-primary-hover, #c9cdd3)}.adyen-pe-input:required{box-shadow:none}.adyen-pe-input[readonly],.adyen-pe-input--disabled{background:var(--adyen-sdk-color-background-tertiary-active, #dbdee2);border-color:var(--adyen-sdk-color-outline-primary, #dbdee2)}.adyen-pe-input--disabled:hover{border-color:var(--adyen-sdk-color-outline-primary, #dbdee2)}.adyen-pe-input-wrapper{display:block;position:relative}.adyen-pe-input-wrapper--block{display:block}.adyen-pe-input-wrapper--autoresizable-textarea{display:flex;overflow:hidden}.adyen-pe-input-wrapper--autoresizable-textarea>textarea{overflow-y:scroll;resize:none}.adyen-pe-input__inline-validation{height:16px;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px}[dir=rtl] .adyen-pe-input__inline-validation{left:14px;right:auto}[dir=ltr] .adyen-pe-input__inline-validation{left:auto;right:14px}.adyen-pe-input__inline-validation--valid{color:var(--adyen-sdk-color-label-on-background-success-weak, #067934)}.adyen-pe-input__inline-validation--invalid{color:var(--adyen-sdk-color-label-critical, #e22d2d)}.adyen-pe-input--valid{border-bottom-color:var(--adyen-sdk-color-outline-success-hover, #067934)}.adyen-pe-input--error,.adyen-pe-input--invalid,.adyen-pe-input--error:hover,.adyen-pe-input--invalid:hover{border-color:var(--adyen-sdk-color-outline-critical-hover, #c72727)}.adyen-pe-input::placeholder{color:var(--adyen-sdk-color-label-secondary, #5c687c);font-weight:var(--adyen-sdk-text-body-font-weight, 400)}.adyen-pe-input--date{padding-right:30px}.adyen-pe-input:active,.adyen-pe-input:focus,.adyen-pe-input--focus,.adyen-pe-input:active:hover,.adyen-pe-input:focus:hover,.adyen-pe-input--focus:hover{background:var(--adyen-sdk-color-background-primary, #ffffff);outline:1px solid var(--adyen-sdk-color-outline-selected, #00112c)}.adyen-pe-input[readonly],.adyen-pe-input[readonly]:hover{background-color:var(--adyen-sdk-color-background-tertiary-active, #dbdee2);border-color:transparent;color:var(--adyen-sdk-color-label-primary-hover, #5c687c);cursor:default}.adyen-pe-input[type=number]::-webkit-inner-spin-button,.adyen-pe-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0}.adyen-pe-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.adyen-pe-transaction-data{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-080, 20px)}.adyen-pe-transaction-data__container{align-items:flex-start;display:flex;flex-direction:column;width:100%}.adyen-pe-transaction-data__action-bar{flex-direction:row;width:100%}.adyen-pe-transaction-data__action-bar .adyen-pe-button__label{gap:var(--adyen-sdk-spacer-040, 8px)}.adyen-pe-transaction-data__action-bar .adyen-pe-icon{font-size:16px}.adyen-pe-transaction-data__list .adyen-pe-structured-list__label,.adyen-pe-transaction-data__list .adyen-pe-structured-list__content{padding-bottom:var(--adyen-sdk-spacer-030, 6px);padding-top:var(--adyen-sdk-spacer-030, 6px)}.adyen-pe-transaction-data__list-icon-value{align-items:center;display:flex;gap:var(--adyen-sdk-spacer-030, 6px)}.adyen-pe-transaction-data__list-icon-value .adyen-pe-data-grid__icon-container{width:var(--adyen-sdk-spacer-070, 16px)}.adyen-pe-transaction-data__amount{color:var(--adyen-sdk-color-label-primary, #00112c);font-size:var(--adyen-sdk-text-title-l-font-size, 24px);font-weight:var(--adyen-sdk-text-title-l-font-weight, 600);line-height:var(--adyen-sdk-text-title-l-line-height, 34px)}.adyen-pe-transaction-data__amount--error{color:var(--adyen-sdk-color-label-critical, #e22d2d)}.adyen-pe-transaction-data__amount--pending{color:var(--adyen-sdk-color-label-secondary, #5c687c)}.adyen-pe-transaction-data__payment-method{align-items:center;display:flex;gap:var(--adyen-sdk-spacer-030, 6px);line-height:1}.adyen-pe-transaction-data__payment-method-detail{font-weight:var(--adyen-sdk-text-caption-stronger-font-weight, 500)}.adyen-pe-transaction-data__payment-method-logo-container{height:var(--adyen-sdk-spacer-090, 24px);width:var(--adyen-sdk-spacer-100, 32px)}.adyen-pe-transaction-data__payment-method-logo{height:100%;max-width:100%;object-fit:contain;object-position:center}.adyen-pe-transaction-data__status-box{border:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary, #dbdee2);border-radius:var(--adyen-sdk-border-radius-l, 12px);gap:var(--adyen-sdk-spacer-030, 6px);padding:var(--adyen-sdk-spacer-060, 12px);width:max-content}.adyen-pe-transaction-data__tags{display:flex;gap:var(--adyen-sdk-spacer-020, 4px)}.adyen-pe-transaction-data__input-container{font-size:var(--adyen-sdk-text-body-font-size, 14px);font-weight:var(--adyen-sdk-text-body-font-weight, 400);line-height:var(--adyen-sdk-text-body-line-height, 20px);position:relative;width:100%}.adyen-pe-transaction-data__input-container>label,.adyen-pe-transaction-data__input-container>.adyen-pe-dropdown{display:flex;width:100%}.adyen-pe-transaction-data__input-container--short>label,.adyen-pe-transaction-data__input-container--short>.adyen-pe-dropdown{width:62.5%}.adyen-pe-transaction-data__input-container .adyen-pe-tag,.adyen-pe-transaction-data__input-container .adyen-pe-input,.adyen-pe-transaction-data__input-container .adyen-pe-dropdown__button{font-size:inherit;font-weight:inherit;line-height:inherit}.adyen-pe-transaction-data__input-container .adyen-pe-tag{margin:var(--adyen-sdk-spacer-020, 4px);padding:var(--adyen-sdk-spacer-020, 4px) var(--adyen-sdk-spacer-030, 6px)}.adyen-pe-transaction-data__input-container--text-input>label{background:var(--adyen-sdk-color-background-primary, #ffffff);border:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-secondary, #c9cdd3);border-radius:var(--adyen-sdk-border-radius-m, 8px);outline:none;overflow:hidden}.adyen-pe-transaction-data__input-container--text-input>label:focus-within,.adyen-pe-transaction-data__input-container--text-input>label:focus-within:hover{border-color:var(--adyen-sdk-color-outline-primary-active, #00112c);box-shadow:none!important;outline:var(--adyen-sdk-border-width-s, 1px) solid var(--adyen-sdk-color-outline-primary-active, #00112c)}.adyen-pe-transaction-data__input-container--text-input .adyen-pe-input,.adyen-pe-transaction-data__input-container--text-input .adyen-pe-input:active,.adyen-pe-transaction-data__input-container--text-input .adyen-pe-input:focus,.adyen-pe-transaction-data__input-container--text-input .adyen-pe-input:hover,.adyen-pe-transaction-data__input-container--text-input .adyen-pe-input:active:hover,.adyen-pe-transaction-data__input-container--text-input .adyen-pe-input:focus:hover{background:transparent;border-style:none;flex:1;height:auto;outline:none;resize:none}.adyen-pe-transaction-data__input-container--text-input .adyen-pe-input:disabled{color:var(--adyen-sdk-color-label-disabled, #8d95a3)}.adyen-pe-transaction-data__input-container--text-input .adyen-pe-input-wrapper{flex:1}.adyen-pe-transaction-data__input-container--with-error>label,.adyen-pe-transaction-data__input-container--with-error>label:focus-within,.adyen-pe-transaction-data__input-container--with-error>label:focus-within:hover{border-color:var(--adyen-sdk-color-outline-critical, #e22d2d);outline-color:var(--adyen-sdk-color-outline-critical, #e22d2d)}.adyen-pe-transaction-data__input-container--with-error .adyen-pe-input__refund-invalid-value,.adyen-pe-transaction-data__input-container--with-error .adyen-pe-input__invalid-value{align-items:center;color:var(--adyen-sdk-color-label-critical, #e22d2d);display:flex;gap:var(--adyen-sdk-spacer-040, 8px);margin-top:var(--adyen-sdk-spacer-040, 8px)}.a