wickes-css2 2.103.0-RG-1587-replace-klarna-logo-with-svg-image.1 → 2.103.0-RG-1742-billie-30-60-90-days.2
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 -0
- package/build/css/components/card-product-banner.css +1 -1
- package/build/css/components/checkout-payment-details-v2.css +1 -1
- package/build/css/components/checkout-payment-repayment-terms.css +1 -0
- package/build/css/main.css +1 -1
- package/build/css/pages/page_products-list-combined.css +1 -1
- package/build/css/pages/page_products-list.css +1 -1
- package/build/css/pdp-main-non-critical.css +1 -1
- package/build/css/plp-main.css +1 -1
- package/build/js/basket.min.js +1 -1
- package/build/js/bundle.min.js +1 -1
- package/build/js/checkout.min.js +1 -1
- package/build/js/emulation.min.js +164 -152
- package/build/js/merged-checkout.min.js +1 -1
- package/build/js/page/checkout-payment-details.js +96 -43
- package/build/js/page/plp-cards-v2.js +6 -15
- package/build/js/page/plp-load-more.js +1 -1
- package/build/js/plp.bundle.min.js +1 -1
- package/build/js/project-list.min.js +1 -1
- package/package.json +2 -2
- package/src/components/card_product_v2.hbs +5 -10
- package/src/components/checkout-payment-details-v2.hbs +48 -30
- package/src/components/checkout-payment-repayment-terms.hbs +25 -0
- package/src/components/checkout_payment-new.hbs +4 -1
- package/src/components/checkout_payment-other-methods.hbs +4 -1
- package/src/components/injected-content.hbs +1 -1
- package/src/components/payments-checkout-v2.hbs +7 -2
- package/src/components/payments-checkout.hbs +6 -1
- package/src/components/payments.hbs +5 -1
- package/src/components/table_order-details-klarna.hbs +1 -1
- package/src/components/table_payment.hbs +4 -1
- package/src/data/data_search-results_v2.json +141 -56
- package/src/data/data_wismo.json +1 -1
- package/src/js/components/product-banner.js +148 -0
- package/src/js/emulation/checkout-payment-details.js +8 -8
- package/src/js/emulation/forms.js +118 -89
- package/src/js/emulation/paymentLoader.js +4 -3
- package/src/js/emulation/repayment-toggle.js +35 -0
- package/src/js/page/checkout-payment-details.js +96 -43
- package/src/js/page/plp-cards-v2.js +6 -15
- package/src/js/page/plp-load-more.js +1 -1
- package/src/page_checkout_payment-details_guest-with-checkout-journey.html +1 -1
- package/src/page_my-order.html +1 -1
- package/src/page_payment-details-with-clearpay.html +2 -2
- package/src/page_plp_v2.html +6 -16
- package/src/page_search-results.html +2 -12
- package/src/page_shopping-cart-v2.html +2 -2
- package/src/page_split-orders-klarna.html +106 -0
- package/src/scss/components/card-product-banner.scss +3 -91
- package/src/scss/components/checkout-payment-details-v2.scss +1 -0
- package/src/scss/components/checkout-payment-repayment-terms.scss +104 -0
- package/src/scss/pages/page_products-list-combined.scss +0 -11
- package/src/scss/pages/page_products-list.scss +0 -8
- package/src/sitemap.html +6 -0
- package/build/img/klarna.svg +0 -10
- package/build/img/payment/checkout/klarna.svg +0 -10
- package/build/img/payment/footer/klarna.svg +0 -10
- package/src/components/card_sponsor_banner.hbs +0 -8
- package/src/components/card_sponsor_product.hbs +0 -6
- package/src/img/klarna.svg +0 -10
- package/src/img/payment/checkout/klarna.svg +0 -10
- package/src/img/payment/footer/klarna.svg +0 -10
- package/src/js/components/banner-placement-manager.js +0 -267
- package/src/js/emulation/banner-placement-manager.js +0 -53
package/Readme.md
CHANGED
|
@@ -234,6 +234,7 @@ While using breakpoints we should use right order of its placement:
|
|
|
234
234
|
```
|
|
235
235
|
|
|
236
236
|
* Preferable way is to use one way of breakpoints direction: -up or -down, and to use them both only in exceptional cases
|
|
237
|
+
|
|
237
238
|
* -only breakpoints should be placed only after group of -up or -down
|
|
238
239
|
|
|
239
240
|
## Js
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.card-product-banner{flex:0 0 33.33333%;max-width:33.33333%;margin-bottom:30px}@media (max-width:991.98px){.card-product-banner{flex:0 0 50%;max-width:50%}}@media (max-width:767.98px){.card-product-banner{position:relative;padding:0 5px;margin-bottom:20px}.card-product-banner:before{top:-20px}.card-product-banner:after,.card-product-banner:before{content:"";position:absolute;left:5px;width:calc(100% - 10px);border-bottom:1px solid #ccc}.card-product-banner:after{bottom:0}}.card-product-banner__link{
|
|
1
|
+
.card-product-banner{flex:0 0 33.33333%;max-width:33.33333%;margin-bottom:30px}@media (max-width:991.98px){.card-product-banner{flex:0 0 50%;max-width:50%}}@media (max-width:767.98px){.card-product-banner{position:relative;padding:0 5px;margin-bottom:20px}.card-product-banner:before{top:-20px}.card-product-banner:after,.card-product-banner:before{content:"";position:absolute;left:5px;width:calc(100% - 10px);border-bottom:1px solid #ccc}.card-product-banner:after{bottom:0}}.card-product-banner__link{display:inline-block;width:100%;height:100%;padding:0 15px}@media (max-width:767.98px){.card-product-banner__link{display:inline-block;padding:0;width:100%}}.card-product-banner__image{display:inline-block;width:100%}
|
|
@@ -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}.repayment-terms{background:#f8f8f8;display:flex;flex-direction:column;gap:16px}.repayment-terms__divider{padding:10px 0}.repayment-terms__body{display:flex;flex-direction:column;gap:20px}.repayment-terms__title{display:flex;gap:4px;align-items:flex-start;font-family:Roboto,sans-serif;font-weight:500;font-size:1rem;line-height:24px}.repayment-terms__asterisk{color:#cf000f}.repayment-terms__chips{display:flex;gap:8px;align-items:center;width:100%}.repayment-terms__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.repayment-terms__chip{position:relative;flex:0 0 auto}.repayment-terms__label{background:#fff;border:1px solid #ccc;border-radius:16px;padding:8px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.form-row_validation-error .repayment-terms__label{border:1px solid #cf000f}.repayment-terms__label-top{font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:20px;text-align:left}.repayment-terms__label-bottom{font-family:Roboto,sans-serif;font-weight:400;font-size:.87rem;line-height:22px;text-align:center}.repayment-terms__input:checked+.repayment-terms__label{border-color:#0277bd}.repayment-terms__input:checked+.repayment-terms__label .repayment-terms__label-bottom,.repayment-terms__input:checked+.repayment-terms__label .repayment-terms__label-top{color:#0277bd}.repayment-terms__input:focus-visible+.repayment-terms__label{outline:2px solid #0277bd;outline-offset:2px}.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}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.repayment-terms{background:#f8f8f8;display:flex;flex-direction:column;gap:16px}.repayment-terms__divider{padding:10px 0}.repayment-terms__body{display:flex;flex-direction:column;gap:20px}.repayment-terms__title{display:flex;gap:4px;align-items:flex-start;font-family:Roboto,sans-serif;font-weight:500;font-size:1rem;line-height:24px}.repayment-terms__asterisk{color:#cf000f}.repayment-terms__chips{display:flex;gap:8px;align-items:center;width:100%}.repayment-terms__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.repayment-terms__chip{position:relative;flex:0 0 auto}.repayment-terms__label{background:#fff;border:1px solid #ccc;border-radius:16px;padding:8px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.form-row_validation-error .repayment-terms__label{border:1px solid #cf000f}.repayment-terms__label-top{font-family:Roboto,sans-serif;font-weight:700;font-size:1rem;line-height:20px;text-align:left}.repayment-terms__label-bottom{font-family:Roboto,sans-serif;font-weight:400;font-size:.87rem;line-height:22px;text-align:center}.repayment-terms__input:checked+.repayment-terms__label{border-color:#0277bd}.repayment-terms__input:checked+.repayment-terms__label .repayment-terms__label-bottom,.repayment-terms__input:checked+.repayment-terms__label .repayment-terms__label-top{color:#0277bd}.repayment-terms__input:focus-visible+.repayment-terms__label{outline:2px solid #0277bd;outline-offset:2px}
|