wickes-css2 2.103.0-RG-1658-apply-dynamic-logic-gift-card.1 → 2.103.0-develop.1

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.
Files changed (79) hide show
  1. package/Readme.md +3 -1
  2. package/build/css/components/card-product-banner.css +1 -1
  3. package/build/css/components/checkout-payment-details-v2.css +1 -1
  4. package/build/css/main.css +1 -1
  5. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  6. package/build/css/pages/page_products-list-combined.css +1 -1
  7. package/build/css/pages/page_products-list.css +1 -1
  8. package/build/css/plp-main.css +1 -1
  9. package/build/js/account-members.min.js +1 -1
  10. package/build/js/add-project-list-id.min.js +1 -1
  11. package/build/js/address-book.min.js +1 -1
  12. package/build/js/basket.min.js +2 -2
  13. package/build/js/bundle.min.js +1 -1
  14. package/build/js/change-password.min.js +1 -1
  15. package/build/js/checkout.min.js +2 -2
  16. package/build/js/emulation.min.js +70 -268
  17. package/build/js/general.bundle.min.js +1 -1
  18. package/build/js/merged-checkout.min.js +2 -2
  19. package/build/js/page/components/order-summary.js +25 -42
  20. package/build/js/page/plp-cards-v2.js +15 -6
  21. package/build/js/page/plp-load-more.js +1 -1
  22. package/build/js/page/utils/validation.js +1 -46
  23. package/build/js/pdp.bundle.min.js +1 -1
  24. package/build/js/personal-details.min.js +1 -1
  25. package/build/js/plp.bundle.min.js +1 -1
  26. package/build/js/project-list.min.js +1 -44
  27. package/build/js/quiz.min.js +1 -1
  28. package/build/js/track-my-order.min.js +1 -1
  29. package/package.json +2 -2
  30. package/src/components/card_product_v2.hbs +10 -5
  31. package/src/components/card_sponsor_banner.hbs +8 -0
  32. package/src/components/card_sponsor_product.hbs +6 -0
  33. package/src/components/checkout-payment-details-v2.hbs +2 -3
  34. package/src/components/injected-content.hbs +1 -1
  35. package/src/data/data_search-results_v2.json +56 -141
  36. package/src/elements/form-row.hbs +1 -1
  37. package/src/elements/input.hbs +2 -31
  38. package/src/js/components/banner-placement-manager.js +258 -0
  39. package/src/js/components/general/notification.js +1 -2
  40. package/src/js/components/toggle-password-visibility.js +58 -0
  41. package/src/js/emulation/banner-placement-manager.js +53 -0
  42. package/src/js/emulation/checkout-payment-details.js +14 -23
  43. package/src/js/emulation/forms.js +2 -7
  44. package/src/js/page/components/order-summary.js +25 -42
  45. package/src/js/page/plp-cards-v2.js +15 -6
  46. package/src/js/page/plp-load-more.js +1 -1
  47. package/src/js/page/utils/validation.js +1 -46
  48. package/src/layouts/checkout.hbs +5 -1
  49. package/src/page_my-account_change-password.html +0 -1
  50. package/src/page_payment-details-with-gift-card.html +4 -7
  51. package/src/page_plp_v2.html +16 -6
  52. package/src/page_search-results.html +12 -2
  53. package/src/scss/components/card-product-banner.scss +91 -3
  54. package/src/scss/components/checkout-payment-details-v2.scss +0 -2
  55. package/src/scss/pages/page_checkout_delivery-new.scss +0 -26
  56. package/src/scss/pages/page_products-list-combined.scss +11 -0
  57. package/src/scss/pages/page_products-list.scss +8 -0
  58. package/build/img/giftcard.svg +0 -28
  59. package/build/js/gift-cards.min.js +0 -1
  60. package/build/js/page/components/gift-cards.js +0 -877
  61. package/build/js/page/components/toggle-password-visibility.js +0 -22
  62. package/build/js/page/utils/gift-cards-utils.js +0 -144
  63. package/build/js/page/utils/input-handling.js +0 -92
  64. package/build/js/page/utils/show-hide-input.js +0 -28
  65. package/build/js/toggle-password-visibility.min.js +0 -1
  66. package/src/components/gift-cards-hint.hbs +0 -9
  67. package/src/components/gift-cards.hbs +0 -90
  68. package/src/components/giftcard-chip.hbs +0 -23
  69. package/src/components/giftcard-summary.hbs +0 -6
  70. package/src/img/giftcard.svg +0 -28
  71. package/src/js/components/product-banner.js +0 -148
  72. package/src/js/emulation/checkout-data.js +0 -35
  73. package/src/js/emulation/gift-cards.js +0 -201
  74. package/src/js/page/components/gift-cards.js +0 -877
  75. package/src/js/page/components/toggle-password-visibility.js +0 -22
  76. package/src/js/page/utils/gift-cards-utils.js +0 -144
  77. package/src/js/page/utils/input-handling.js +0 -92
  78. package/src/js/page/utils/show-hide-input.js +0 -28
  79. package/src/scss/components/_gift-cards.scss +0 -361
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
@@ -260,7 +261,7 @@ for components - c_component-name.
260
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
- **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/).
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/).
264
265
 
265
266
  ## Linting
266
267
 
@@ -278,3 +279,4 @@ visual - https://epam.invisionapp.com/d/main/#/projects/prototypes/13168469
278
279
  For activation sticky functionality in checkout-right-aside, please do next steps:
279
280
  1) please wrap right aside content by <div class=“right-aside-sticky”></div>;
280
281
  2) if page contains "recently viewed" component, please wrap it by <div class="footer_sticky-right-aside">
282
+
package/build/css/components/card-product-banner.css CHANGED
@@ -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{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
+ .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{height:100%;padding:0 15px}.card-product-banner__image,.card-product-banner__link{display:inline-block;width:100%}.products-list .card-sponsor-banner,.products-list .card-sponsor-product{flex:0 0 33.33333%;max-width:33.33333%;margin-bottom:0}.products-list .card-sponsor-banner__link{display:inline-block;width:100%;height:100%;padding:0 15px}.products-list .card-sponsor-banner__image{display:inline-block;width:100%}.products-list .card-sponsor-product .product-card{max-width:100%}.products-list .product-card__sponsored{font-size:.75rem;line-height:1rem;color:#666;font-weight:400;margin-top:-3px;margin-bottom:15px;padding:2px 4px}.products-list .product-card__sponsored:not(.product-card__sponsored--empty){width:max-content;background:#eee}@media (max-width:991.98px){.products-list .card-sponsor-banner,.products-list .card-sponsor-product{flex:0 0 50%;max-width:50%}.products-list .card-sponsor-banner .card,.products-list .card-sponsor-product .card{max-width:100%}.products-list-v2 .card-sponsor-product:nth-of-type(n+3) .card:before{content:none}}@media (max-width:767.98px){.card-product-banner__link{display:inline-block;padding:0;width:100%}.products-list .product-card__sponsored{margin-right:auto;margin-left:auto}.products-list .card-sponsor-banner{position:relative}.products-list .card-sponsor-banner:after{content:"";position:absolute;bottom:20px;left:5px;width:calc(100% - 10px);border-bottom:1px solid #ccc}}
package/build/css/components/checkout-payment-details-v2.css CHANGED
@@ -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}.giftcard-row{position:relative;display:flex;gap:16px}.giftcard{border:1px solid #ccc;border-radius:4px;background:#fff;padding:12px 16px;width:100%;order:3;position:relative}.giftcard .giftcard__field .form-row{margin-bottom:0}.giftcard-add{display:inline-flex;align-items:center;gap:8px;color:#0277bd;text-decoration:none;cursor:pointer}.giftcard-add__icon{width:16px;height:16px}.giftcard-add__text{font-weight:500}.giftcard-add__text,.giftcard-hint{font-size:.875rem;line-height:1.375rem}.giftcard-hint{display:block;color:#666;font-weight:400;margin-left:32px}.giftcard-inline{padding:12px 8px}.giftcard-inline__header{display:flex;justify-content:space-between;margin-bottom:16px}.giftcard-inline__title{font-weight:500;font-size:1.125rem;line-height:1.5rem;white-space:nowrap}.giftcard-inline__balance{color:#0277bd;font-weight:400;font-size:.875rem;line-height:1.375rem;text-decoration:underline;white-space:nowrap}.giftcard-inline__close{position:absolute;width:24px;height:24px;top:8px;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#8b8b8b}.giftcard-inline__fields{display:flex;flex-direction:column;gap:24px}.giftcard-inline .notification{margin-bottom:16px}.form-row__label{margin-bottom:8px}.giftcard__btn{width:100%}.giftcard__field{position:relative;display:flex;flex-direction:column;padding-bottom:18px;min-width:0}.giftcard-inline .giftcard-inline__fields>.form-row.giftcard__field{margin-bottom:0}.giftcard-field--error .giftcard__input{border-color:#cf000f}.giftcard__error-text{font-weight:400;font-size:.75rem;line-height:1rem;color:#cf000f;margin-top:8px}.giftcard .toggle-show svg{pointer-events:none}.form-row .toggle-show{font-size:1rem;cursor:pointer;position:absolute;right:8px;top:0;height:100%;display:inline-flex;align-items:center;justify-content:center;width:24px}.giftcard-applied{width:100%;border:1px solid #eee;border-radius:4px;background:#fff;padding:15px 16px;order:2}.giftcard-applied__inner{display:flex;align-items:center;justify-content:center;gap:12px}.giftcard-applied__icon{display:inline-flex;align-items:center;justify-content:center}.giftcard-applied .fa-check-circle{text-align:center;width:100%;color:#67a509;font-size:1rem}.giftcard-applied__text{margin:0;font-size:.875rem;line-height:1.5rem;font-weight:500;word-break:break-word}.giftcard-summary{position:relative;width:100%}.giftcard-summary__hint{margin-top:16px;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.375rem}.giftcard-summary__add{text-decoration:underline;cursor:pointer;color:#0277bd}.giftcard-chip-list{display:flex;flex-direction:column;gap:16px}.giftcard-chip{display:flex;align-items:center;width:100%;gap:12px;padding:12px 16px;border:1px solid #ccc;border-radius:4px;background:#fff;min-height:44px;position:relative}.giftcard-chip__close{position:absolute;width:24px;height:24px;top:8px;right:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#8b8b8b}.giftcard-chip__icon{width:48px;height:30px;display:inline-flex;align-items:center;justify-content:center}.giftcard-chip__content{flex:1 1 auto;min-width:0}.giftcard-chip__line{display:block;line-height:1.25rem}.giftcard-chip__line .giftcard-chip__applied{font-size:.875rem;font-weight:400;line-height:1.5rem;color:#3e3e3e}.giftcard-chip__number{font-weight:500;line-height:1.5rem;font-size:1rem;color:#3e3e3e}.giftcard-chip__applied{white-space:nowrap}@media (min-width:576px){.giftcard-inline__fields{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.giftcard-inline__fields>.form-row.giftcard__field--pin.giftcard__field--pin{width:116px}.giftcard-inline__fields>.form-row.giftcard__field--number.giftcard__field--number{width:224px}.giftcard__actions{display:flex;align-items:flex-end;height:72px}.giftcard-summary__hint{width:354px}.giftcard-summary__hint--max{width:100%}}@media (min-width:768px){.giftcard-inline__fields>.form-row.giftcard__field--pin.giftcard__field--pin{width:214px}.giftcard-inline__fields>.form-row.giftcard__field--number.giftcard__field--number{width:240px}.giftcard-inline__title{font-weight:700}.giftcard-summary__hint{width:100%}.giftcard-summary__hint--max{width:460px}}@media (min-width:992px){.giftcard-inline__fields{max-width:470px}.giftcard-summary__hint,.giftcard-summary__hint--max{width:100%}}@media (min-width:1200px){.giftcard-inline__fields{max-width:100%}.giftcard__btn{width:140px}.giftcard__field--number,.giftcard__field--pin{width:100%}}.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;vertical-align:top}.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 .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}}