@adyen/adyen-web 6.0.0-alpha.2 → 6.0.0-alpha.3

package/README.md

@@ -62,6 +62,172 @@ To run the development environment:
   yarn start
   ```
 
+## Styling
+Adyen Web is themeable and uses CSS variables that can be overridden in order to achieve the desired style.
+
+### Overriding styles example
+For elements that are not inside iframes, you can customize the styles by overriding the styles in a css file.
+
+1. Create `override.css` with the variables that you would like to style
+
+   ```css
+   :root {
+     --adyen-checkout-input-wrapper-focus-border-color: #ff8888;
+   }
+   ```
+
+2. Make sure to import the `override.css` after importing library's main CSS
+
+   ```js
+   import '@adyen/adyen-web/styles/adyen.css';
+   import './override.css';
+   ```
+   
+#### Available CSS variables
+
+```css
+:root {
+    /* Fonts */
+    --adyen-checkout-font-size-large: 1.5em;
+    --adyen-checkout-font-size-medium: 1em;
+    --adyen-checkout-font-size-small: 0.81em;
+    --adyen-checkout-font-size-xsmall: 0.75em;
+    --adyen-checkout-font-size-xxsmall: 0.68em;
+    --adyen-checkout-line-height-600: #{$line-height-600};
+    --adyen-checkout-line-height-400: #{$line-height-400};
+    --adyen-checkout-line-height-200: #{$line-height-200};
+    --adyen-checkout-line-height-100: #{$line-height-100};
+    --adyen-checkout-font-weight-200: #{$font-weight-200};
+    --adyen-checkout-font-weight-500: #{$font-weight-500};
+    --adyen-checkout-font-weight-600: #{$font-weight-600};
+    --adyen-checkout-font-weight-700: #{$font-weight-700};
+    --adyen-checkout-text-title-font-weight: #{$text-title-font-weight};
+    --adyen-checkout-text-body-font-size: #{$text-body-font-size};
+    --adyen-checkout-text-body-font-weight: #{$text-body-font-weight};
+    --adyen-checkout-text-body-stronger-font-weight: #{$text-body-stronger-font-weight};
+    --adyen-checkout-text-body-strongest-font-weight: #{$text-body-strongest-font-weight};
+    --adyen-checkout-text-title-line-height: var(--adyen-checkout-line-height-600);
+    --adyen-checkout-text-caption-line-height: var(--adyen-checkout-line-height-100);
+    --adyen-checkout-text-subtitle-line-height: var(--adyen-checkout-line-height-400);
+    --adyen-checkout-text-subtitle-font-size: var(--adyen-checkout-font-size-medium);
+    --adyen-checkout-text-subtitle-font-weight: var(--adyen-checkout-font-weight-500);
+    --adyen-checkout-text-subtitle-stronger-font-weight: var(--adyen-checkout-font-weight-600);
+
+    /* Spacing */
+    --adyen-checkout-spacer-090: #{$spacer-090};
+    --adyen-checkout-spacer-080: #{$spacer-080};
+    --adyen-checkout-spacer-070: #{$spacer-070};
+    --adyen-checkout-spacer-060: #{$spacer-060};
+    --adyen-checkout-spacer-050: #{$spacer-050};
+    --adyen-checkout-spacer-040: #{$spacer-040};
+    --adyen-checkout-spacer-030: #{$spacer-030};
+    --adyen-checkout-spacer-020: #{$spacer-020};
+    --adyen-checkout-spacer-010: #{$spacer-010};
+    --adyen-checkout-spacer-000: #{$spacer-000};
+    --adyen-checkout-spacer-140: #{$spacer-140};
+    --adyen-checkout-spacer-130: #{$spacer-130};
+    --adyen-checkout-spacer-120: #{$spacer-120};
+    --adyen-checkout-spacer-110: #{$spacer-110};
+    --adyen-checkout-spacer-100: #{$spacer-100};
+
+    /* Borders */
+    --adyen-checkout-border-width-l: #{$border-width-l};
+    --adyen-checkout-border-width-m: #{$border-width-m};
+    --adyen-checkout-border-width-s: #{$border-width-s};
+    --adyen-checkout-border-radius-xl: #{$border-radius-xl};
+    --adyen-checkout-border-radius-l: #{$border-radius-l};
+    --adyen-checkout-border-radius-m: #{$border-radius-m};
+    --adyen-checkout-border-radius-s: #{$border-radius-s};
+    --adyen-checkout-border-radius-xs: #{$border-radius-xs};
+
+    /* Colors */
+    --adyen-checkout-color-focus: #{$color-focus};
+    --adyen-checkout-color-black: #{$color-black};
+    --adyen-checkout-color-white: #{$color-white};
+    --adyen-checkout-color-red: #{$color-red-1700};
+    --adyen-checkout-color-grey-3200: #{$color-grey-3200};
+    --adyen-checkout-color-grey-1900: #{$color-grey-1900};
+    --adyen-checkout-color-grey-1300: #{$color-grey-1300};
+    --adyen-checkout-color-grey-600: #{$color-grey-600};
+    --adyen-checkout-color-grey-400: #{$color-grey-400};
+    --adyen-checkout-color-grey-200: #{$color-grey-200};
+    --adyen-checkout-color-grey-100: #{$color-grey-100};
+    --adyen-checkout-color-green: #{$color-green-1700};
+    --adyen-checkout-color-blue: #{$color-blue-1700};
+    --adyen-checkout-color-separator-primary: var(--adyen-checkout-color-grey-200);
+    --adyen-checkout-color-outline-active: var(--adyen-checkout-color-grey-3200);
+    --adyen-checkout-color-outline-tertiary: var(--adyen-checkout-color-grey-1300);
+    --adyen-checkout-color-outline-secondary: var(--adyen-checkout-color-grey-600);
+    --adyen-checkout-color-outline-primary: var(--adyen-checkout-color-grey-400);
+    --adyen-checkout-color-on-interactive-disabled: var(--adyen-checkout-color-grey-1300);
+    --adyen-checkout-color-interactive-disabled: var(--adyen-checkout-color-grey-200);
+    --adyen-checkout-color-interactive-readonly: var(--adyen-checkout-color-grey-1900);
+    --adyen-checkout-color-interactive-primary-pressed: var(--adyen-checkout-color-grey-1300);
+    --adyen-checkout-color-interactive-primary-hovered: var(--adyen-checkout-color-grey-1900);
+    --adyen-checkout-color-label-success: var(--adyen-checkout-color-green);
+    --adyen-checkout-color-label-critical: var(--adyen-checkout-color-red);
+    --adyen-checkout-color-label-primary: var(--adyen-checkout-color-grey-3200);
+    --adyen-checkout-color-label-secondary: var(--adyen-checkout-color-grey-1900);
+    --adyen-checkout-color-label-tertiary: var(--adyen-checkout-color-grey-1300);
+    --adyen-checkout-color-surface-modal: var(--adyen-checkout-color-white);
+    --adyen-checkout-color-surface-inverse: var(--adyen-checkout-color-grey-3200);
+    --adyen-checkout-color-surface-primary: var(--adyen-checkout-color-white);
+    --adyen-checkout-color-background-always-dark: var(--adyen-checkout-color-grey-3200);
+    --adyen-checkout-color-background-primary: var(--adyen-checkout-color-white);
+    --adyen-checkout-color-background-secondary: var(--adyen-checkout-color-grey-100);
+    --adyen-checkout-color-background-tertiary: var(--adyen-checkout-color-grey-200);
+
+    /* Focus ring */
+    --adyen-checkout-focus-ring-color: var(--adyen-checkout-color-focus);
+
+    /* Drop-in */
+    --adyen-checkout-dropin-payment-list-gap: var(--adyen-checkout-spacer-100);
+    --adyen-checkout-dropin-payment-item-gap: var(--adyen-checkout-spacer-070);
+    --adyen-checkout-dropin-payment-item-border-color: var(--adyen-checkout-color-separator-primary);
+    --adyen-checkout-dropin-payment-item-border-radius: var(--adyen-checkout-border-radius-m);
+    --adyen-checkout-dropin-payment-item-border-width: var(--adyen-checkout-border-width-s);
+    --adyen-checkout-dropin-selected-item-background: var(--adyen-checkout-color-grey-100);
+    --adyen-checkout-dropin-selected-item-border-color: var(--adyen-checkout-color-outline-active);
+    --adyen-checkout-dropin-hover-item-border-color: var(--adyen-checkout-color-outline-secondary);
+    --adyen-checkout-dropin-list-label-color: var(--adyen-checkout-color-label-primary);
+
+    /* Spinner */
+    --adyen-checkout-loading-indicator-color: var(--adyen-checkout-color-surface-inverse);
+    --adyen-checkout-loading-indicator-background-color: var(--adyen-checkout-color-surface-inverse);
+
+    /* Input */
+    --adyen-checkout-input-field-input-color: var(--adyen-checkout-color-label-primary);
+    --adyen-checkout-input-wrapper-background: var(--adyen-checkout-color-background-primary);
+    --adyen-checkout-input-wrapper-inactive-background: var(--adyen-checkout-color-interactive-disabled);
+    --adyen-checkout-input-wrapper-border-color: var(--adyen-checkout-color-outline-primary);
+    --adyen-checkout-input-wrapper-border-radius: var(--adyen-checkout-border-radius-m);
+    --adyen-checkout-input-wrapper-border-width: var(--adyen-checkout-border-width-s);
+    --adyen-checkout-input-wrapper-focus-border-color: var(--adyen-checkout-color-outline-active);
+    --adyen-checkout-input-wrapper-hover-border-color: var(--adyen-checkout-color-outline-tertiary);
+    --adyen-checkout-input-field-height: var(--adyen-checkout-spacer-110);
+    --adyen-checkout-input-field-label-color: var(--adyen-checkout-color-label-primary);
+    --adyen-checkout-input-field-context-color: var(--adyen-checkout-color-label-primary);
+    --adyen-checkout-input-field-label-margin-bottom: var(--adyen-checkout-spacer-020);
+    --adyen-checkout-input-field-context-margin-top: var(--adyen-checkout-spacer-020);
+
+    /* Link */
+    --adyen-checkout-link-text-color: var(--adyen-checkout-color-blue);
+    --adyen-checkout-link-text-decoration: underline;
+    --adyen-checkout-link-border-radius: var(--adyen-checkout-border-radius-xs);
+
+    /* Pay button */
+    --adyen-checkout-button-background-color: var(--adyen-checkout-color-background-always-dark);
+    --adyen-checkout-button-color: var(--adyen-checkout-color-surface-modal);
+    --adyen-checkout-button-border-radius: var(--adyen-checkout-border-radius-m);
+    --adyen-checkout-button-font-size: var(--adyen-checkout-font-size-medium);
+    --adyen-checkout-button-font-weight: var(--adyen-checkout-text-body-stronger-font-weight);
+    --adyen-checkout-button-height: var(--adyen-checkout-spacer-120);
+}
+```
+### Style the secured fields
+
+To style the secured fields such as card number, CVC, and expiry date of a card, you can follow the link [Styling card input fields](https://docs.adyen.com/payment-methods/cards/custom-card-integration/#styling).
+
 ## Analytics and data tracking
 Starting [v5.16.0](https://github.com/Adyen/adyen-web/releases/tag/v5.16.0) the Drop-in and Components integrations contain analytics and tracking features that are turned on by default. Find out more about [what we track and how you can control it](https://docs.adyen.com/online-payments/analytics-and-data-tracking).
 

package/dist/cjs/adyen.css

@@ -32,7 +32,7 @@
 @keyframes card-bounce{0%{animation-timing-function:cubic-bezier(.17,.17,.32,1);-webkit-translate:0 -60%;-moz-translate:0 -60%;-ms-translate:0 -60%;translate:0 -60%}9.70874%{animation-timing-function:cubic-bezier(.41,0,.49,1);-webkit-translate:0 8.5%;-moz-translate:0 8.5%;-ms-translate:0 8.5%;translate:0 8.5%}23.4466%{animation-timing-function:cubic-bezier(.29,0,.26,1);-webkit-translate:0 -22.5%;-moz-translate:0 -22.5%;-ms-translate:0 -22.5%;translate:0 -22.5%}47.7184%{-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0}63.8835%{animation-timing-function:cubic-bezier(1,0,.78,1);-webkit-translate:0;-moz-translate:0;-ms-translate:0;translate:0}86.5534%{-webkit-translate:0 40.7%;-moz-translate:0 40.7%;-ms-translate:0 40.7%;translate:0 40.7%}to{-webkit-translate:0 40.7%;-moz-translate:0 40.7%;-ms-translate:0 40.7%;translate:0 40.7%}}@keyframes card-fade-100{0%{animation-timing-function:linear;opacity:0}8.1068%{opacity:1}78.4466%{opacity:1}86.5534%{opacity:0}to{opacity:0}}@keyframes card-fade-60{0%{animation-timing-function:linear;opacity:0}8.1068%{opacity:.6}78.4466%{opacity:.6}86.5534%{opacity:0}to{opacity:0}}@keyframes card-fade-20{0%{animation-timing-function:linear;opacity:0}8.1068%{opacity:.2}78.4466%{opacity:.2}86.5534%{opacity:0}to{opacity:0}}.adyen-checkout-ctp__card-animation{aspect-ratio:1/.438;filter:grayscale(1);margin:40px auto 50px;max-width:100%;position:relative;width:140px}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer{background-size:contain!important;height:100%;opacity:0;position:absolute;width:100%}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:first-of-type{animation:card-bounce 2.06s linear infinite both,card-fade-100 2.06s linear infinite both;animation-delay:.1s;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056q.002-.019.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118q.156-.091.301-.183c2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836q0 .01.093.032c.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath stroke='%23fff' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056q.002-.019.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118q.156-.091.301-.183c2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836q0 .01.093.032c.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath fill='%23fff' fill-opacity='.9' fill-rule='evenodd' d='M418.95 242.813c-1.166.08-3.042-.372-4.121-.994-.702-.405-.941-.755-1.527-2.243-2.373-6.017-6.517-11.028-13.679-16.54-6.921-5.325-13.863-9.053-24.178-12.987-2.215-.844-4.182-1.652-4.368-1.795-.687-.528-.979-1.482-.612-1.986.505-.691 2.349-1.081 3.824-.809.567.103 2.521.743 4.345 1.421 7.215 2.687 13.99 5.937 20.009 9.598 3.723 2.267 9.803 6.823 12.219 9.164 4.462 4.317 7.493 8.422 9.4 12.73 1.153 2.604 1.269 3.77.4 4.003a2.4 2.4 0 0 0-.548.23c-.132.08-.653.173-1.164.208m-16.069-.701c-1.791.122-4.29-.719-4.965-1.671-.163-.23-.697-1.349-1.19-2.485-2.083-4.815-6.346-9.43-12.427-13.455-4.994-3.305-8.797-5.218-15.392-7.737-4.424-1.69-4.929-2-5.087-3.117-.146-1.06 1.961-1.804 4.061-1.431 1.457.258 8.467 2.972 11.969 4.634 11.594 5.498 19.993 12.484 23.913 19.889 2.008 3.792 1.779 5.192-.882 5.373m-16.492-.659c-1.224-.015-2.768-.406-3.758-.951-.603-.332-.912-.797-1.614-2.437-2.575-6.024-8.768-10.833-18.898-14.676-4.447-1.688-5.038-2.104-4.718-3.324.158-.605.358-.757 1.34-1.02 1.642-.44 3.175-.146 7.121 1.365 6.068 2.325 10.298 4.621 14.525 7.881 4.345 3.352 6.465 5.882 8.069 9.62.915 2.141.839 2.79-.389 3.282-.375.149-1.131.266-1.678.26m-15.379-.611c-.949.006-2.546-.385-3.476-.851-1.035-.519-1.424-1.045-1.796-2.434-.477-1.786-1.147-2.632-3.558-4.488s-3.719-2.531-6.931-3.584c-1.089-.356-2.302-.809-2.698-1.003-1.658-.818-1.914-2.296-.508-2.936 1.187-.544 2.67-.406 5.617.522 8.533 2.685 14.934 7.611 15.941 12.27.357 1.645-.521 2.495-2.591 2.504'/%3E%3Crect width='110' height='74' fill='url(%23a)' rx='10' transform='matrix(.96593 -.25882 .7925 .60987 199.717 245.906)'/%3E%3Cg stroke='%23000' stroke-opacity='.8' stroke-width='2'%3E%3Cpath d='m233.447 236.868 46.846 36.05c.876.673.72 1.451-.347 1.737l-31.799 8.521M266.657 262.424l-33.731 9.038m17.126-21.816-33.73 9.038m115.215 13.423-46.846-36.05c-.875-.673-.72-1.451.347-1.737l31.799-8.52M298.327 246.551l33.731-9.038m-17.126 21.816 33.731-9.038'/%3E%3Crect width='112' height='76' x='-1.758' y='-.351' rx='11' style='mix-blend-mode:soft-light' transform='matrix(.96593 -.25882 .7925 .60987 199.935 245.314)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-12.604' x2='99.193' y1='0' y2='88.114' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.484' stop-color='%23b3b3b3'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;opacity:1;z-index:3}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(2){animation:card-bounce 2.06s linear infinite both,card-fade-60 2.06s linear infinite both;animation-delay:50ms;opacity:.6;transform:translateY(25%);z-index:2}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(2),.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(3){background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat}.adyen-checkout-ctp__card-animation>.adyen-checkout-ctp__card-animation-layer:nth-of-type(3){animation:card-bounce 2.06s linear infinite both,card-fade-20 2.06s linear infinite both;opacity:.2;transform:translateY(50%);z-index:1}.adyen-checkout-ctp__loading-subtitle{font-size:var(--adyen-checkout-spacer-070);line-height:var(--adyen-checkout-text-caption-line-height);margin:0 auto 58px;max-width:280px;text-align:center}
 .adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--shopperLogin{margin-bottom:var(--adyen-checkout-spacer-080)}
 .adyen-checkout__content-separator{align-items:center;color:var(--adyen-checkout-color-label-secondary);display:flex;font-size:13px;justify-content:center;line-height:var(--adyen-checkout-text-caption-line-height);margin-bottom:var(--adyen-checkout-spacer-070);margin-top:var(--adyen-checkout-spacer-070);white-space:nowrap}.adyen-checkout__content-separator:after,.adyen-checkout__content-separator:before{border-bottom:1px solid var(--adyen-checkout-color-outline-tertiary);content:"";flex:1}.adyen-checkout__content-separator:after{margin-left:var(--adyen-checkout-spacer-080)}.adyen-checkout__content-separator:before{margin-right:var(--adyen-checkout-spacer-080)}
-:root{--adyen-checkout-font-size-large:1.5em;--adyen-checkout-font-size-medium:1em;--adyen-checkout-font-size-small:0.81em;--adyen-checkout-font-size-xsmall:0.75em;--adyen-checkout-font-size-xxsmall:0.68em;--adyen-checkout-spacer-090:24px;--adyen-checkout-spacer-080:20px;--adyen-checkout-spacer-070:16px;--adyen-checkout-spacer-060:12px;--adyen-checkout-spacer-050:10px;--adyen-checkout-spacer-040:8px;--adyen-checkout-spacer-030:6px;--adyen-checkout-spacer-020:4px;--adyen-checkout-spacer-010:2px;--adyen-checkout-spacer-000:0px;--adyen-checkout-spacer-140:64px;--adyen-checkout-spacer-130:56px;--adyen-checkout-spacer-120:48px;--adyen-checkout-spacer-110:40px;--adyen-checkout-spacer-100:32px;--adyen-checkout-line-height-600:30px;--adyen-checkout-line-height-400:26px;--adyen-checkout-line-height-200:20px;--adyen-checkout-line-height-100:18px;--adyen-checkout-font-weight-200:200;--adyen-checkout-font-weight-500:500;--adyen-checkout-font-weight-600:600;--adyen-checkout-font-weight-700:700;--adyen-checkout-border-width-l:3px;--adyen-checkout-border-width-m:2px;--adyen-checkout-border-width-s:1px;--adyen-checkout-border-radius-xl:24px;--adyen-checkout-border-radius-l:12px;--adyen-checkout-border-radius-m:8px;--adyen-checkout-border-radius-s:4px;--adyen-checkout-border-radius-xs:2px;--adyen-checkout-color-focus:rgba(0,112,245,0.8);--adyen-checkout-color-black:#000000;--adyen-checkout-color-white:#ffffff;--adyen-checkout-color-red:#e22d2d;--adyen-checkout-color-grey-3200:#00112c;--adyen-checkout-color-grey-1900:#5c687c;--adyen-checkout-color-grey-1300:#8d95a3;--adyen-checkout-color-grey-600:#c9cdd3;--adyen-checkout-color-grey-400:#dbdee2;--adyen-checkout-color-grey-200:#eeeff1;--adyen-checkout-color-grey-100:#f7f7f8;--adyen-checkout-color-green:#07893c;--adyen-checkout-color-blue:#0070f5;--adyen-checkout-text-title-font-weight:600;--adyen-checkout-text-title-line-height:var(--adyen-checkout-line-height-600);--adyen-checkout-text-body-font-size:14px;--adyen-checkout-text-body-font-weight:400;--adyen-checkout-text-body-stronger-font-weight:500;--adyen-checkout-text-body-strongest-font-weight:600;--adyen-checkout-text-caption-line-height:var(--adyen-checkout-line-height-100);--adyen-checkout-text-subtitle-line-height:var(--adyen-checkout-line-height-400);--adyen-checkout-text-subtitle-font-size:var(--adyen-checkout-font-size-medium);--adyen-checkout-text-subtitle-font-weight:var(--adyen-checkout-font-weight-500);--adyen-checkout-text-subtitle-stronger-font-weight:var(--adyen-checkout-font-weight-600);--adyen-checkout-focus-ring-color:var(--adyen-checkout-color-focus);--adyen-checkout-color-separator-primary:var(--adyen-checkout-color-grey-200);--adyen-checkout-color-outline-active:var(--adyen-checkout-color-grey-3200);--adyen-checkout-color-outline-tertiary:var(--adyen-checkout-color-grey-1300);--adyen-checkout-color-outline-secondary:var(--adyen-checkout-color-grey-600);--adyen-checkout-color-outline-primary:var(--adyen-checkout-color-grey-400);--adyen-checkout-color-on-interactive-disabled:var(--adyen-checkout-color-grey-1300);--adyen-checkout-color-interactive-disabled:var(--adyen-checkout-color-grey-200);--adyen-checkout-color-interactive-readonly:var(--adyen-checkout-color-grey-1900);--adyen-checkout-color-interactive-primary-pressed:var(--adyen-checkout-color-grey-1300);--adyen-checkout-color-interactive-primary-hovered:var(--adyen-checkout-color-grey-1900);--adyen-checkout-color-label-success:var(--adyen-checkout-color-green);--adyen-checkout-color-label-critical:var(--adyen-checkout-color-red);--adyen-checkout-color-label-primary:var(--adyen-checkout-color-grey-3200);--adyen-checkout-color-label-secondary:var(--adyen-checkout-color-grey-1900);--adyen-checkout-color-label-tertiary:var(--adyen-checkout-color-grey-1300);--adyen-checkout-color-surface-modal:var(--adyen-checkout-color-white);--adyen-checkout-color-surface-inverse:var(--adyen-checkout-color-grey-3200);--adyen-checkout-color-surface-primary:var(--adyen-checkout-color-white);--adyen-checkout-color-background-always-dark:var(--adyen-checkout-color-grey-3200);--adyen-checkout-color-background-primary:var(--adyen-checkout-color-white);--adyen-checkout-color-background-secondary:var(--adyen-checkout-color-grey-100);--adyen-checkout-dropin-payment-list-gap:var(--adyen-checkout-spacer-100);--adyen-checkout-dropin-payment-item-gap:var(--adyen-checkout-spacer-070);--adyen-checkout-dropin-payment-item-border-color:var(--adyen-checkout-color-separator-primary);--adyen-checkout-dropin-payment-item-border-radius:var(--adyen-checkout-border-radius-m);--adyen-checkout-dropin-payment-item-border-width:var(--adyen-checkout-border-width-s);--adyen-checkout-dropin-selected-item-background:var(--adyen-checkout-color-grey-100);--adyen-checkout-dropin-selected-item-border-color:var(--adyen-checkout-color-outline-active);--adyen-checkout-dropin-hover-item-border-color:var(--adyen-checkout-color-outline-secondary);--adyen-checkout-dropin-list-label-color:var(--adyen-checkout-color-label-primary);--adyen-checkout-loading-indicator-color:var(--adyen-checkout-color-surface-inverse);--adyen-checkout-loading-indicator-background-color:var(--adyen-checkout-color-surface-inverse);--adyen-checkout-input-field-input-color:var(--adyen-checkout-color-label-primary);--adyen-checkout-input-wrapper-background:var(--adyen-checkout-color-background-primary);--adyen-checkout-input-wrapper-inactive-background:var(--adyen-checkout-color-interactive-disabled);--adyen-checkout-input-wrapper-border-color:var(--adyen-checkout-color-outline-primary);--adyen-checkout-input-wrapper-border-radius:var(--adyen-checkout-border-radius-m);--adyen-checkout-input-wrapper-border-width:var(--adyen-checkout-border-width-s);--adyen-checkout-input-wrapper-focus-border-color:var(--adyen-checkout-color-outline-active);--adyen-checkout-input-wrapper-hover-border-color:var(--adyen-checkout-color-outline-tertiary);--adyen-checkout-input-field-height:var(--adyen-checkout-spacer-110);--adyen-checkout-input-field-label-color:var(--adyen-checkout-color-label-primary);--adyen-checkout-input-field-context-color:var(--adyen-checkout-color-label-primary);--adyen-checkout-input-field-label-margin-bottom:var(--adyen-checkout-spacer-020);--adyen-checkout-input-field-context-margin-top:var(--adyen-checkout-spacer-020);--adyen-checkout-link-text-color:var(--adyen-checkout-color-blue);--adyen-checkout-link-text-decoration:underline;--adyen-checkout-link-border-radius:var(--adyen-checkout-border-radius-xs);--adyen-checkout-button-background-color:var(--adyen-checkout-color-background-always-dark);--adyen-checkout-button-color:var(--adyen-checkout-color-surface-modal);--adyen-checkout-button-border-radius:var(--adyen-checkout-border-radius-m);--adyen-checkout-button-font-size:var(--adyen-checkout-font-size-medium);--adyen-checkout-button-font-weight:var(--adyen-checkout-text-body-stronger-font-weight);--adyen-checkout-button-height:var(--adyen-checkout-spacer-120)}.adyen-checkout-link{--text-decoration:none;color:var(--adyen-checkout-link-text-color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}.adyen-checkout-link:focus-visible{outline:none}.adyen-checkout-link:active,.adyen-checkout-link:hover{--text-decoration:var(--adyen-checkout-link-text-decoration)}.adyen-checkout-link:focus-visible{border-radius:var(--adyen-checkout-link-border-radius);box-shadow:0 0 0 1px #fff,0 0 0 3px var(--adyen-checkout-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}[class^=adyen-checkout],[class^=adyen-checkout] *,[class^=adyen-checkout] :after,[class^=adyen-checkout] :before,[class^=adyen-checkout]:after,[class^=adyen-checkout]:before{box-sizing:border-box}
+:root{--adyen-checkout-font-size-large:1.5em;--adyen-checkout-font-size-medium:1em;--adyen-checkout-font-size-small:0.81em;--adyen-checkout-font-size-xsmall:0.75em;--adyen-checkout-font-size-xxsmall:0.68em;--adyen-checkout-line-height-600:30px;--adyen-checkout-line-height-400:26px;--adyen-checkout-line-height-200:20px;--adyen-checkout-line-height-100:18px;--adyen-checkout-font-weight-200:200;--adyen-checkout-font-weight-500:500;--adyen-checkout-font-weight-600:600;--adyen-checkout-font-weight-700:700;--adyen-checkout-text-title-font-weight:600;--adyen-checkout-text-body-font-size:14px;--adyen-checkout-text-body-font-weight:400;--adyen-checkout-text-body-stronger-font-weight:500;--adyen-checkout-text-body-strongest-font-weight:600;--adyen-checkout-text-title-line-height:var(--adyen-checkout-line-height-600);--adyen-checkout-text-caption-line-height:var(--adyen-checkout-line-height-100);--adyen-checkout-text-subtitle-line-height:var(--adyen-checkout-line-height-400);--adyen-checkout-text-subtitle-font-size:var(--adyen-checkout-font-size-medium);--adyen-checkout-text-subtitle-font-weight:var(--adyen-checkout-font-weight-500);--adyen-checkout-text-subtitle-stronger-font-weight:var(--adyen-checkout-font-weight-600);--adyen-checkout-spacer-090:24px;--adyen-checkout-spacer-080:20px;--adyen-checkout-spacer-070:16px;--adyen-checkout-spacer-060:12px;--adyen-checkout-spacer-050:10px;--adyen-checkout-spacer-040:8px;--adyen-checkout-spacer-030:6px;--adyen-checkout-spacer-020:4px;--adyen-checkout-spacer-010:2px;--adyen-checkout-spacer-000:0px;--adyen-checkout-spacer-140:64px;--adyen-checkout-spacer-130:56px;--adyen-checkout-spacer-120:48px;--adyen-checkout-spacer-110:40px;--adyen-checkout-spacer-100:32px;--adyen-checkout-border-width-l:3px;--adyen-checkout-border-width-m:2px;--adyen-checkout-border-width-s:1px;--adyen-checkout-border-radius-xl:24px;--adyen-checkout-border-radius-l:12px;--adyen-checkout-border-radius-m:8px;--adyen-checkout-border-radius-s:4px;--adyen-checkout-border-radius-xs:2px;--adyen-checkout-color-focus:rgba(0,112,245,0.8);--adyen-checkout-color-black:#000000;--adyen-checkout-color-white:#ffffff;--adyen-checkout-color-red:#e22d2d;--adyen-checkout-color-grey-3200:#00112c;--adyen-checkout-color-grey-1900:#5c687c;--adyen-checkout-color-grey-1300:#8d95a3;--adyen-checkout-color-grey-600:#c9cdd3;--adyen-checkout-color-grey-400:#dbdee2;--adyen-checkout-color-grey-200:#eeeff1;--adyen-checkout-color-grey-100:#f7f7f8;--adyen-checkout-color-green:#07893c;--adyen-checkout-color-blue:#0070f5;--adyen-checkout-color-separator-primary:var(--adyen-checkout-color-grey-200);--adyen-checkout-color-outline-active:var(--adyen-checkout-color-grey-3200);--adyen-checkout-color-outline-tertiary:var(--adyen-checkout-color-grey-1300);--adyen-checkout-color-outline-secondary:var(--adyen-checkout-color-grey-600);--adyen-checkout-color-outline-primary:var(--adyen-checkout-color-grey-400);--adyen-checkout-color-on-interactive-disabled:var(--adyen-checkout-color-grey-1300);--adyen-checkout-color-interactive-disabled:var(--adyen-checkout-color-grey-200);--adyen-checkout-color-interactive-readonly:var(--adyen-checkout-color-grey-1900);--adyen-checkout-color-interactive-primary-pressed:var(--adyen-checkout-color-grey-1300);--adyen-checkout-color-interactive-primary-hovered:var(--adyen-checkout-color-grey-1900);--adyen-checkout-color-label-success:var(--adyen-checkout-color-green);--adyen-checkout-color-label-critical:var(--adyen-checkout-color-red);--adyen-checkout-color-label-primary:var(--adyen-checkout-color-grey-3200);--adyen-checkout-color-label-secondary:var(--adyen-checkout-color-grey-1900);--adyen-checkout-color-label-tertiary:var(--adyen-checkout-color-grey-1300);--adyen-checkout-color-surface-modal:var(--adyen-checkout-color-white);--adyen-checkout-color-surface-inverse:var(--adyen-checkout-color-grey-3200);--adyen-checkout-color-surface-primary:var(--adyen-checkout-color-white);--adyen-checkout-color-background-always-dark:var(--adyen-checkout-color-grey-3200);--adyen-checkout-color-background-primary:var(--adyen-checkout-color-white);--adyen-checkout-color-background-secondary:var(--adyen-checkout-color-grey-100);--adyen-checkout-color-background-tertiary:var(--adyen-checkout-color-grey-200);--adyen-checkout-focus-ring-color:var(--adyen-checkout-color-focus);--adyen-checkout-dropin-payment-list-gap:var(--adyen-checkout-spacer-100);--adyen-checkout-dropin-payment-item-gap:var(--adyen-checkout-spacer-070);--adyen-checkout-dropin-payment-item-border-color:var(--adyen-checkout-color-separator-primary);--adyen-checkout-dropin-payment-item-border-radius:var(--adyen-checkout-border-radius-m);--adyen-checkout-dropin-payment-item-border-width:var(--adyen-checkout-border-width-s);--adyen-checkout-dropin-selected-item-background:var(--adyen-checkout-color-grey-100);--adyen-checkout-dropin-selected-item-border-color:var(--adyen-checkout-color-outline-active);--adyen-checkout-dropin-hover-item-border-color:var(--adyen-checkout-color-outline-secondary);--adyen-checkout-dropin-list-label-color:var(--adyen-checkout-color-label-primary);--adyen-checkout-loading-indicator-color:var(--adyen-checkout-color-surface-inverse);--adyen-checkout-loading-indicator-background-color:var(--adyen-checkout-color-surface-inverse);--adyen-checkout-input-field-input-color:var(--adyen-checkout-color-label-primary);--adyen-checkout-input-wrapper-background:var(--adyen-checkout-color-background-primary);--adyen-checkout-input-wrapper-inactive-background:var(--adyen-checkout-color-interactive-disabled);--adyen-checkout-input-wrapper-border-color:var(--adyen-checkout-color-outline-primary);--adyen-checkout-input-wrapper-border-radius:var(--adyen-checkout-border-radius-m);--adyen-checkout-input-wrapper-border-width:var(--adyen-checkout-border-width-s);--adyen-checkout-input-wrapper-focus-border-color:var(--adyen-checkout-color-outline-active);--adyen-checkout-input-wrapper-hover-border-color:var(--adyen-checkout-color-outline-tertiary);--adyen-checkout-input-field-height:var(--adyen-checkout-spacer-110);--adyen-checkout-input-field-label-color:var(--adyen-checkout-color-label-primary);--adyen-checkout-input-field-context-color:var(--adyen-checkout-color-label-primary);--adyen-checkout-input-field-label-margin-bottom:var(--adyen-checkout-spacer-020);--adyen-checkout-input-field-context-margin-top:var(--adyen-checkout-spacer-020);--adyen-checkout-link-text-color:var(--adyen-checkout-color-blue);--adyen-checkout-link-text-decoration:underline;--adyen-checkout-link-border-radius:var(--adyen-checkout-border-radius-xs);--adyen-checkout-button-background-color:var(--adyen-checkout-color-background-always-dark);--adyen-checkout-button-color:var(--adyen-checkout-color-surface-modal);--adyen-checkout-button-border-radius:var(--adyen-checkout-border-radius-m);--adyen-checkout-button-font-size:var(--adyen-checkout-font-size-medium);--adyen-checkout-button-font-weight:var(--adyen-checkout-text-body-stronger-font-weight);--adyen-checkout-button-height:var(--adyen-checkout-spacer-120)}.adyen-checkout-link{--text-decoration:none;color:var(--adyen-checkout-link-text-color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}.adyen-checkout-link:focus-visible{outline:none}.adyen-checkout-link:active,.adyen-checkout-link:hover{--text-decoration:var(--adyen-checkout-link-text-decoration)}.adyen-checkout-link:focus-visible{border-radius:var(--adyen-checkout-link-border-radius);box-shadow:0 0 0 1px #fff,0 0 0 3px var(--adyen-checkout-focus-ring-color);transition:.1s cubic-bezier(.785,.135,.15,.86)}[class^=adyen-checkout],[class^=adyen-checkout] *,[class^=adyen-checkout] :after,[class^=adyen-checkout] :before,[class^=adyen-checkout]:after,[class^=adyen-checkout]:before{box-sizing:border-box}
 .adyen-checkout__threeds2__challenge,.adyen-checkout__threeds2__challenge-container{background-color:transparent;display:block;height:inherit;min-height:400px;overflow:hidden;position:relative;width:100%}.adyen-checkout__threeds2__challenge--01,.adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe{height:400px;width:250px}.adyen-checkout__threeds2__challenge--02,.adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe{height:400px;width:390px}.adyen-checkout__threeds2__challenge--03,.adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe{height:600px;width:500px}.adyen-checkout__threeds2__challenge--04,.adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe{height:400px;width:600px}.adyen-checkout__threeds2__challenge--05,.adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe{height:100%;width:100%}.adyen-checkout__iframe--threeDSIframe{border:0;left:0;position:absolute;top:0}
 .adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon{display:block;margin:var(--adyen-checkout-spacer-130) auto var(--adyen-checkout-spacer-100)}.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text{color:var(--adyen-checkout-color-label-critical);margin-bottom:var(--adyen-checkout-spacer-130);text-align:center}
 .adyen-checkout__loading-input__form{transition:opacity .25s ease-out}.adyen-checkout__pm__holderName{margin-bottom:0}.adyen-checkout__pm__holderName .adyen-checkout__input{max-height:100px}.adyen-checkout__fieldset__title+.adyen-checkout__ach-sf__form{margin-top:0}.adyen-checkout__ach-input .adyen-checkout__fieldset--address,.adyen-checkout__ach-sf__form{margin-top:var(--adyen-checkout-spacer-070)}.sf-input__wrapper{position:relative}
@@ -62,7 +62,7 @@
 .adyen-checkout__loading-input__form{transition:opacity .25s ease-out}
 .adyen-checkout__fieldset--phone-input{direction:ltr}.adyen-checkout__fieldset--phone-input .adyen-checkout__fieldset__fields{gap:var(--adyen-checkout-spacer-070)}.adyen-checkout__fieldset--phone-input .adyen-checkout__fieldset__fields>.adyen-checkout__field{margin-bottom:0}.adyen-checkout-field--phone-prefix{width:144px}.adyen-checkout-field--phone-number{flex:1}
 .adyen-checkout__field--vpa{margin-bottom:0}
-.adyen-checkout__segmented-control{background:var(--adyen-checkout-color-surface-primary);border:var(--adyen-checkout-border-width-s) solid var(--adyen-checkout-color-outline-secondary);border-radius:var(--adyen-checkout-border-radius-m);display:flex;gap:var(--adyen-checkout-spacer-020);justify-content:space-between;padding:var(--adyen-checkout-spacer-020) 5px}.adyen-checkout__segmented-control--disabled{pointer-events:none}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment{color:#8390a3}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected{background:#f3f6f9;border:1.5px solid #8390a3}.adyen-checkout__segmented-control-segment{background:var(--adyen-checkout-color-surface-primary);border:0;border-radius:6px;color:var(--adyen-checkout-color-label-primary);cursor:pointer;flex-grow:1;font-weight:var(--adyen-checkout-text-body-stronger-font-weight);height:var(--adyen-checkout-spacer-110);text-align:center;transition:background .3s ease-out;width:100%}.adyen-checkout__segmented-control-segment:active,.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover{background-color:var(--adyen-checkout-color-background-secondary)}.adyen-checkout__segmented-control-segment:active{border:1.5px solid var(--adyen-checkout-color-outline-tertiary)}.adyen-checkout__segmented-control-segment--selected{background:var(--adyen-checkout-color-background-always-dark);box-shadow:0 1px var(--adyen-checkout-spacer-010) 0 rgba(0,17,44,.02),0 var(--adyen-checkout-spacer-010) var(--adyen-checkout-spacer-020) 0 rgba(0,17,44,.04);color:var(--adyen-checkout-color-surface-primary);font-weight:var(--adyen-checkout-text-body-stronger-font-weight)}
+.adyen-checkout-checkmark{--checkmark-color:var(--adyen-checkout-color-label-primary);border-bottom:1.5px solid var(--checkmark-color);border-right:1.5px solid var(--checkmark-color);height:var(--adyen-checkout-spacer-060);transform:rotate(45deg);width:var(--adyen-checkout-spacer-030)}.adyen-checkout__segmented-control{background:var(--adyen-checkout-color-background-tertiary);border-radius:var(--adyen-checkout-border-radius-l);display:flex;gap:var(--adyen-checkout-spacer-020);justify-content:space-between;padding:var(--adyen-checkout-spacer-030)}.adyen-checkout__segmented-control--disabled{pointer-events:none}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment{color:var(--adyen-checkout-color-on-interactive-disabled)}.adyen-checkout__segmented-control--disabled>.adyen-checkout__segmented-control-segment--selected .adyen-checkout-checkmark{--checkmark-color:var(--adyen-checkout-color-on-interactive-disabled)}.adyen-checkout__segmented-control-segment{align-items:center;border:0;border-radius:var(--adyen-checkout-border-radius-m);color:var(--adyen-checkout-color-label-primary);cursor:pointer;display:flex;flex-grow:1;font-weight:var(--adyen-checkout-text-body-stronger-font-weight);gap:var(--adyen-checkout-spacer-050);height:var(--adyen-checkout-spacer-110);justify-content:center;text-align:center;transition:background .3s ease-out;width:100%}.adyen-checkout__segmented-control-segment:active,.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover{background-color:var(--adyen-checkout-color-background-secondary)}.adyen-checkout__segmented-control-segment--selected{background:var(--adyen-checkout-color-background-primary);box-shadow:0 1px var(--adyen-checkout-spacer-010) 0 rgba(0,17,44,.02),0 var(--adyen-checkout-spacer-010) var(--adyen-checkout-spacer-020) 0 rgba(0,17,44,.04);color:var(--adyen-checkout-color-label-primary)}
 .adyen-checkout_upi-mode-selection-text{font-size:13px;font-weight:var(--adyen-checkout-text-body-font-weight);line-height:var(--adyen-checkout-text-caption-line-height);margin-bottom:7px;margin-top:0}.adyen-checkout__segmented-control--upi-margin-bottom{margin-bottom:var(--adyen-checkout-spacer-070)}
 .adyen-checkout__alert-message{border-radius:var(--adyen-checkout-border-radius-m);display:flex;font-size:var(--adyen-checkout-font-size-small);margin:0 0 var(--adyen-checkout-spacer-070);padding:var(--adyen-checkout-spacer-060);text-align:left}.adyen-checkout__alert-message--error{background:var(--adyen-checkout-color-label-critical)}.adyen-checkout__alert-message--warning{background:var(--adyen-checkout-alert-severity-warning-background-color)}.adyen-checkout__alert-message--info{background:var(--adyen-checkout-color-background-secondary)}.adyen-checkout__alert-message__icon{height:14px;margin-right:var(--adyen-checkout-spacer-040);width:14px}
 .adyen-checkout__giftcard-result__header{align-items:center;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:var(--adyen-checkout-text-body-font-weight);justify-content:space-between;position:relative;width:100%}.adyen-checkout__giftcard-result__header__title{align-items:center;display:flex}.adyen-checkout__giftcard-result__name{margin-left:var(--adyen-checkout-spacer-040)}.adyen-checkout__giftcard-result__balance{list-style:none;margin:var(--adyen-checkout-spacer-070) 0 0;padding:0}.adyen-checkout__giftcard-result__balance__item{display:flex;justify-content:space-between;margin-bottom:var(--adyen-checkout-spacer-040)}.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit{color:var(--adyen-checkout-color-outline-tertiary)}.adyen-checkout__giftcard-result__balance__item:last-child{margin-bottom:0}.adyen-checkout__giftcard-result__balance__value--amount{font-weight:700}.adyen-checkout__giftcard-result__remaining-balance{color:var(--adyen-checkout-color-label-secondary);font-size:13px;line-height:var(--adyen-checkout-text-caption-line-height);margin:var(--adyen-checkout-spacer-040) auto 0;text-align:center}