wickes-css2 2.105.0-develop.10 → 2.105.0-develop.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Readme.md +1 -1
- package/build/css/components/checkout-payment-details-v2.css +1 -1
- package/build/css/pages/checkout-new.css +1 -1
- package/build/img/google-pay-mark.svg +11 -0
- package/build/js/basket.min.js +2 -2
- package/build/js/bundle.min.js +1 -1
- package/build/js/checkout.min.js +1 -1
- package/build/js/emulation.min.js +16 -1
- package/build/js/merged-checkout.min.js +1 -1
- package/build/js/page/basket-v2.js +6 -4
- package/build/js/page/components/billie-modal.js +31 -0
- package/build/js/pdp.bundle.min.js +1 -1
- package/build/js/project-list.min.js +1 -1
- package/package.json +1 -1
- package/src/components/checkout-payment-details-v2.hbs +1 -1
- package/src/components/order-summary.hbs +1 -0
- package/src/components/price-block-v2.hbs +1 -0
- package/src/img/google-pay-mark.svg +11 -0
- package/src/js/components/pdp-billie-modal-scroll-reset.js +53 -0
- package/src/js/emulation/billie-modal.js +18 -1
- package/src/js/page/basket-v2.js +6 -4
- package/src/js/page/components/billie-modal.js +31 -0
- package/src/page_product-details-tile-steps-klarna-widget-with-method-ids.html +120 -0
- package/src/page_shopping-cart-v2-klarna-with-method-ids.html +50 -0
- package/src/scss/components/checkout-payment-details-v2.scss +10 -4
- package/src/scss/pages/_checkout-confirmation-new.scss +49 -21
- package/src/sitemap.html +15 -3
- package/build/img/google-pay-mark.png +0 -0
- package/src/img/google-pay-mark.png +0 -0
package/Readme.md
CHANGED
|
@@ -260,7 +260,7 @@ for pages - page_page-name;
|
|
|
260
260
|
for components - c_component-name.
|
|
261
261
|
```
|
|
262
262
|
|
|
263
|
-
When you finish your task, you must create merge request, assign it to Andrii and add all front-end team via comment in description.
|
|
263
|
+
When you finish your task, you must create merge request, assign it to Andrii and add all front-end team via comment in description.
|
|
264
264
|
**Note:** `[WIP]` or `WIP` prefix could be added to MR title. There is short explanation about [GitLab WIP status](https://about.gitlab.com/2016/01/08/feature-highlight-wip/).
|
|
265
265
|
|
|
266
266
|
## Linting
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute;z-index:99}.tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.875rem;line-height:1.375rem;max-width:340px!important}.tooltip .arrow:before{border-top-color:#fff}.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details .warning-required{margin:16px 0}.checkout-payment-details-v2 .checkout-payment-details .addr-billie.billie-form,.checkout-payment-details-v2 .checkout-payment-details .address-postcode{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:block;margin-top:-11px}.checkout-payment-details-v2 .checkout-payment-details__populated-text{margin-right:4px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{display:flex;flex-wrap:wrap}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:first-child{margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .radio-option-wrapper{position:relative}.checkout-payment-details-v2 .checkout-payment-details .radio-group{display:flex;flex-direction:column}.checkout-payment-details-v2 .checkout-payment-details .radio-group>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .billie-tooltip{right:auto;top:0;transform:none;left:252px}.checkout-payment-details-v2 .checkout-payment-details .form-row.radio-group{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__field.radio-group{margin-top:6px}.checkout-payment-details-v2 .checkout-payment-details .rbn_align{font-size:14px;font-weight:400;line-height:24px}.checkout-payment-details-v2 .checkout-payment-details .form-row{padding:0;width:100%;margin-left:0;margin-right:0;margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details .form-row__field-klarna{margin-bottom:-10px}.checkout-payment-details-v2 .checkout-payment-details .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row__info,.checkout-payment-details-v2 .checkout-payment-details .form-row__label{padding-left:0;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 100%;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 100%}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-business{margin-top:16px;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .reg-number{padding-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-label{margin-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row__action:before{content:none}.checkout-payment-details-v2 .checkout-payment-details .form-row__save .form-row__field{margin:0}.checkout-payment-details-v2 .checkout-payment-details__card-details{margin:20px 0 0}.checkout-payment-details-v2 .checkout-payment-details__title{color:#003058;font-weight:400;font-size:1.25rem;line-height:2rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action{display:flex;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 100%;max-width:100%;margin:0 0 20px;padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn .paypal-button-container{width:100%;min-width:inherit;max-width:inherit}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 100%;max-width:100%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-label__rbn.rbn ins,.checkout-payment-details-v2 .checkout-payment-details .klarna-label__rbn.rbn ins{top:3px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info{background:#fff;margin-bottom:32px;padding:20px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list{padding:0;margin:0;list-style-type:none}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__accept-info{margin:12px 0;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info{background:#fff;margin-bottom:20px;padding:20px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list{padding:0;margin:0;list-style-type:none;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem;height:30px;display:flex;align-items:center}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item:last-child{margin-bottom:15px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__accept-info{margin-top:15px;margin-bottom:10px;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__link{color:#000}.checkout-payment-details-v2 .checkout-payment-details .apple-logo{height:28px;width:46px;margin-top:-2px}.checkout-payment-details-v2 .checkout-payment-details .apple-logo img{width:100%}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__button{display:block;flex:1;--apple-pay-button-width:100%;--apple-pay-button-height:40px;--apple-pay-button-border-radius:3px;--apple-pay-button-padding:0 0;--apple-pay-button-box-sizing:border-box}.checkout-payment-details-v2 .checkout-payment-details .apple__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo,.checkout-payment-details-v2 .checkout-payment-details .google-logo{height:auto;width:48px}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo img,.checkout-payment-details-v2 .checkout-payment-details .google-logo img{width:100%;height:100%}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{display:block;flex:1}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button button,.checkout-payment-details-v2 .checkout-payment-details .google__button button{width:100%;outline:0;background-color:#000}.checkout-payment-details-v2 .checkout-payment-details .clearpay__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .clearpay-widget{max-width:360px;background-color:#fff}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr{margin-bottom:30px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr .form-row.first-name{flex:0 0 50%;max-width:50%}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr:after{position:absolute;content:"";height:2px;background:#eee;left:15px;right:15px}@media (min-width:576px){.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:flex}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{align-items:baseline}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 50%;max-width:50%;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__label{padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.registered-business{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.reg-number{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-left:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 50%;max-width:50%;padding-left:8px;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__label{padding:0}}@media (min-width:768px){.checkout-payment-details-v2 .checkout-payment-details__title{font-size:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 50%;max-width:50%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 50%;max-width:50%;padding-right:15px;padding-left:15px}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:row;align-items:center;margin-bottom:20px}.checkout-payment-details-v2 .checkout-payment-details .apple__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{padding-right:0;text-align:left}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:32px}}@media (min-width:992px){.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}}@media screen and (max-width:366px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:710px}}@media screen and (min-width:366.1px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:555px}}
|
|
1
|
+
.tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute;z-index:99}.tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.875rem;line-height:1.375rem;max-width:340px!important}.tooltip .arrow:before{border-top-color:#fff}.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details .warning-required{margin:16px 0}.checkout-payment-details-v2 .checkout-payment-details .addr-billie.billie-form,.checkout-payment-details-v2 .checkout-payment-details .address-postcode{margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:block;margin-top:-11px}.checkout-payment-details-v2 .checkout-payment-details__populated-text{margin-right:4px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{display:flex;flex-wrap:wrap}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:first-child{margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .radio-option-wrapper{position:relative}.checkout-payment-details-v2 .checkout-payment-details .radio-group{display:flex;flex-direction:column}.checkout-payment-details-v2 .checkout-payment-details .radio-group>.form-row:last-child{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .billie-tooltip{right:auto;top:0;transform:none;left:252px}.checkout-payment-details-v2 .checkout-payment-details .form-row.radio-group{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__field.radio-group{margin-top:6px}.checkout-payment-details-v2 .checkout-payment-details .rbn_align{font-size:14px;font-weight:400;line-height:24px}.checkout-payment-details-v2 .checkout-payment-details .form-row{padding:0;width:100%;margin-left:0;margin-right:0;margin-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details .form-row__field-klarna{margin-bottom:-10px}.checkout-payment-details-v2 .checkout-payment-details .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row__info,.checkout-payment-details-v2 .checkout-payment-details .form-row__label{padding-left:0;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 100%;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 100%}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-business{margin-top:16px;padding-right:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .reg-number{padding-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row .registered-label{margin-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row__action:before{content:none}.checkout-payment-details-v2 .checkout-payment-details .form-row__save .form-row__field{margin:0}.checkout-payment-details-v2 .checkout-payment-details__card-details{margin:20px 0 0}.checkout-payment-details-v2 .checkout-payment-details__title{color:#003058;font-weight:400;font-size:1.25rem;line-height:2rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action{display:flex;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 100%;max-width:100%;margin:0 0 20px;padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn .paypal-button-container{width:100%;min-width:inherit;max-width:inherit}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 100%;max-width:100%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-label__rbn.rbn ins,.checkout-payment-details-v2 .checkout-payment-details .klarna-label__rbn.rbn ins{top:3px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info{background:#fff;margin-bottom:32px;padding:20px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list{padding:0;margin:0;list-style-type:none}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__klarna .klarna-info__accept-info{margin:12px 0;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info{background:#fff;margin-bottom:20px;padding:20px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__header_title{margin:0;font-size:1rem;font-weight:500;line-height:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list{padding:0;margin:0;list-style-type:none;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item{font-size:.875rem;font-weight:400;line-height:1.375rem;height:30px;display:flex;align-items:center}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item .fa-check{margin-right:10px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__list_item:last-child{margin-bottom:15px}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__learn-more{display:flex;align-items:center;border-bottom:1px solid #ccc}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__accept-info{margin-top:15px;margin-bottom:10px;color:#8b8b8b;font-weight:400;font-size:.75rem;line-height:1rem}.checkout-payment-details-v2 .checkout-payment-details__billie .billie-info__link{color:#000}.checkout-payment-details-v2 .checkout-payment-details .apple-logo{height:28px;width:46px;margin-top:-2px}.checkout-payment-details-v2 .checkout-payment-details .apple-logo img{width:100%}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__button{display:block;flex:1;--apple-pay-button-width:100%;--apple-pay-button-height:40px;--apple-pay-button-border-radius:3px;--apple-pay-button-padding:0 0;--apple-pay-button-box-sizing:border-box}.checkout-payment-details-v2 .checkout-payment-details .apple__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .google-logo{margin:-3px 0}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo,.checkout-payment-details-v2 .checkout-payment-details .google-logo{height:auto;width:48px}.checkout-payment-details-v2 .checkout-payment-details .clearpay-logo img,.checkout-payment-details-v2 .checkout-payment-details .google-logo img{width:100%;height:100%}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{display:block;flex:1}.checkout-payment-details-v2 .checkout-payment-details .clearpay__button button,.checkout-payment-details-v2 .checkout-payment-details .google__button button{width:100%;outline:0;background-color:#000}.checkout-payment-details-v2 .checkout-payment-details .clearpay__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{flex:1;padding-left:15px;padding-right:15px;text-align:center}.checkout-payment-details-v2 .checkout-payment-details .clearpay-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:column;margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:24px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .clearpay-widget{max-width:360px;background-color:#fff}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr{margin-bottom:30px}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr .form-row.first-name{flex:0 0 50%;max-width:50%}.checkout-payment-details-v2 .checkout-payment-details__clearpay .checkout-payment-details__row .checkout-payment-details__descr:after{position:absolute;content:"";height:2px;background:#eee;left:15px;right:15px}@media (min-width:576px){.checkout-payment-details-v2 .checkout-payment-details{margin:0}.checkout-payment-details-v2 .checkout-payment-details__populated-address{display:flex}.checkout-payment-details-v2 .checkout-payment-details .radio-expanded-content{align-items:baseline}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name{flex:0 0 50%;max-width:50%;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.first-name .form-row__label{padding:0}.checkout-payment-details-v2 .checkout-payment-details .form-row.registered-business{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-right:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.reg-number{flex:0 0 50%;max-width:50%;margin-bottom:0;padding-left:8px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name{flex:0 0 50%;max-width:50%;padding-left:8px;margin-top:16px}.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__error,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__field,.checkout-payment-details-v2 .checkout-payment-details .form-row.last-name .form-row__label{padding:0}}@media (min-width:768px){.checkout-payment-details-v2 .checkout-payment-details__title{font-size:1.5rem}.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-btn{flex:0 0 50%;max-width:50%;margin:0}.checkout-payment-details-v2 .checkout-payment-details .form-row__action .form-row__col-terms{flex:0 0 50%;max-width:50%;padding-right:15px;padding-left:15px}.checkout-payment-details-v2 .checkout-payment-details .apple-wrap,.checkout-payment-details-v2 .checkout-payment-details .google-wrap{flex-direction:row;align-items:center;margin-bottom:20px}.checkout-payment-details-v2 .checkout-payment-details .apple__button,.checkout-payment-details-v2 .checkout-payment-details .google__button{margin-bottom:0}.checkout-payment-details-v2 .checkout-payment-details .apple__terms,.checkout-payment-details-v2 .checkout-payment-details .google__terms{padding-right:0;text-align:left}.checkout-payment-details-v2 .checkout-payment-details__clearpay{padding-bottom:32px}}@media (min-width:992px){.checkout-payment-details-v2 .checkout-payment-details__descr{flex:0 0 100%;max-width:100%;margin-left:0}}@media screen and (max-width:366px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:710px}}@media screen and (min-width:366.1px){.checkout-payment-details-v2 .checkout-payment-details .hop-iframe__wrapper{height:555px}}
|