JezK

Edit File: blocks-checkout.css

.payment-methods--logos>div{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;max-width:100%;overflow:hidden}.payment-methods--logos>div img{width:37px;height:24px;margin-right:4px;flex-shrink:1;min-width:0;max-width:100%}.payment-methods--logos-count{width:38px;height:24px;background-color:rgba(117,117,117,.1);color:var(--wp--preset--color--contrast, #1e1e1e);text-align:center;line-height:24px;border-radius:3px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:1;text-overflow:ellipsis;overflow:hidden}.logo-popover{background-color:#fff;border:1px solid #ddd;border-radius:3px;padding:8px;box-sizing:border-box;box-shadow:0 0 10px 0 rgba(0,0,0,.1);display:grid;gap:8px;justify-content:center;cursor:pointer;width:fit-content}.logo-popover>img{width:38px;height:24px;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.payment-methods--logos-popover>img{object-position:center !important} .wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons>li{padding-bottom:12px !important}.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons>li:last-child{padding-bottom:0 !important}.wc-block-components-express-payment-continue-rule--cart{margin:24px 0 !important;height:20px}.wc-block-components-express-payment .wc-block-components-express-payment__event-buttons>li{margin-left:1px !important;width:99% !important}@supports not (-webkit-appearance: -apple-pay-button){#express-payment-method-woocommerce_payments_express_checkout_applePay:has(#express-checkout-button-preview-applePay){display:none}}#express-checkout-button-preview-googlePay .gpay-card-info-container{min-width:auto} #payment .payment_method_woocommerce_payments .woocommerce-error{margin:1rem 0}.js-woopayments-copy-test-number{line-height:1.2em;vertical-align:middle;border-radius:0;border:none !important;background-color:transparent !important;font-weight:normal;display:inline-flex;cursor:pointer;color:inherit !important;font-family:inherit !important;font-size:inherit;padding:2px 1px !important;align-items:center;box-shadow:none !important}.js-woopayments-copy-test-number span{margin-right:4px}.js-woopayments-copy-test-number i{order:1;display:block;width:1.2em;height:1.2em;mask-image:url(../assets/images/icons/copy.svg?ver=14a3a00de64a8c0c151c);mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:currentColor}.js-woopayments-copy-test-number:hover{background-color:transparent;opacity:.7}.js-woopayments-copy-test-number:hover i{opacity:.7}.js-woopayments-copy-test-number:active i{transform:scale(0.9)}.js-woopayments-copy-test-number:focus{outline:none}.js-woopayments-copy-test-number.state--success i{mask-image:url(../assets/images/icons/check-green.svg?ver=488deef5db84c71239e1)}.wcpay-payment-element-wrapper{position:relative}.wcpay-payment-element-wrapper.is-apm{min-height:100px}.wcpay-payment-element-skeleton{position:absolute;top:0;left:0;right:0;z-index:1;opacity:1;transition:opacity 300ms ease-out;margin-bottom:2rem}.wcpay-payment-element-skeleton.is-hidden{opacity:0;pointer-events:none}.wcpay-skeleton-row{display:flex;gap:12px;margin-top:12px}.wcpay-payment-element{margin-bottom:1rem}#express-payment-method-woopay{width:100%}.wc-block-checkout__payment-method .wc-block-components-payment-method-label.wc-block-components-payment-method-label--with-icon{display:flex;align-items:center;width:100%}.wc-block-checkout__payment-method .wc-block-components-payment-method-label.wc-block-components-payment-method-label--with-icon .wcpay-payment-method-icon{height:24px;width:auto;order:2;margin-left:auto}.wc-block-checkout__payment-method .wc-block-components-payment-method-label.wc-block-components-payment-method-label--with-icon .payment-methods--logos{height:24px;order:2;margin-left:auto}.wc-block-checkout__payment-method .wc-block-components-payment-method-label.wc-block-components-payment-method-label--with-icon .test-mode.badge{background-color:#fff2d7;border-radius:4px;padding:4px 6px;font-size:12px;font-weight:400;line-height:16px;color:#4d3716;margin-left:8px;display:none;order:1}.wc-block-checkout__payment-method input:checked~div .wc-block-components-radio-control__label:where([id^="radio-control-wc-payment-method-options-woocommerce_payments"][id$="__label"])>.wc-block-components-payment-method-label .test-mode.badge{display:inline-block}#remember-me:empty{margin-bottom:0}#wcpay-woopay-button{container-type:inline-size;container-name:woopay-button}#wcpay-woopay-button a.woopay-express-button{text-decoration:none;color:inherit}#wcpay-woopay-button a.woopay-express-button:hover,#wcpay-woopay-button a.woopay-express-button:focus,#wcpay-woopay-button a.woopay-express-button:visited{text-decoration:none;color:inherit}#wcpay-woopay-button .woopay-express-button{font-size:18px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;letter-spacing:.8px;height:40px;width:100%;background:#fff;border-radius:4px;border:none;color:#000;display:flex;align-items:center;justify-content:center;white-space:nowrap;text-transform:none;list-style-type:none;min-height:auto;overflow:hidden;position:relative}#wcpay-woopay-button .woopay-express-button .button-content{display:flex;align-items:center;justify-content:center;transform:scale(0.9);max-width:100%}#wcpay-woopay-button .woopay-express-button:not(:disabled):not(.is-placeholder):focus-visible{box-shadow:inset 0 0 0 2px #6108ce;outline:none}#wcpay-woopay-button .woopay-express-button:not(:disabled):not(.is-placeholder):hover{cursor:pointer}#wcpay-woopay-button .woopay-express-button:disabled,#wcpay-woopay-button .woopay-express-button[aria-disabled=true],#wcpay-woopay-button .woopay-express-button.is-placeholder{opacity:.5;cursor:not-allowed}#wcpay-woopay-button .woopay-express-button.is-loading,#wcpay-woopay-button .woopay-express-button.is-loading:hover,#wcpay-woopay-button .woopay-express-button.is-loading:disabled{opacity:1 !important}#wcpay-woopay-button .woopay-express-button svg{fill:#6108ce;width:99px}#wcpay-woopay-button .woopay-express-button[data-type=buy],#wcpay-woopay-button .woopay-express-button[data-type=book],#wcpay-woopay-button .woopay-express-button[data-type=donate]{min-width:150px}#wcpay-woopay-button .woopay-express-button[data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-type=donate] svg{margin-left:5px}@container woopay-button (max-width: 280px){#wcpay-woopay-button .woopay-express-button[data-type=buy],#wcpay-woopay-button .woopay-express-button[data-type=book],#wcpay-woopay-button .woopay-express-button[data-type=donate]{font-size:14px;letter-spacing:.5px}#wcpay-woopay-button .woopay-express-button[data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-type=donate] svg{width:88px;margin-left:4px}}@container woopay-button (max-width: 240px){#wcpay-woopay-button .woopay-express-button[data-type=buy],#wcpay-woopay-button .woopay-express-button[data-type=book],#wcpay-woopay-button .woopay-express-button[data-type=donate]{font-size:12px;letter-spacing:.3px}#wcpay-woopay-button .woopay-express-button[data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-type=donate] svg{width:84px;margin-left:3px}}@container woopay-button (max-width: 200px){#wcpay-woopay-button .woopay-express-button[data-type=buy],#wcpay-woopay-button .woopay-express-button[data-type=book],#wcpay-woopay-button .woopay-express-button[data-type=donate]{font-size:10px;letter-spacing:.2px}#wcpay-woopay-button .woopay-express-button[data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-type=donate] svg{width:80px;margin-left:2px}}#wcpay-woopay-button .woopay-express-button[data-theme=dark]{background:#873eff;color:#fff;border-color:#873eff}#wcpay-woopay-button .woopay-express-button[data-theme=dark] svg{fill:#fff}#wcpay-woopay-button .woopay-express-button[data-theme=dark]:not(:disabled):not(.is-placeholder):hover{border-color:#a77eff;background:#a77eff}#wcpay-woopay-button .woopay-express-button[data-theme=dark]:not(:disabled):not(.is-placeholder):focus-visible{box-shadow:none;outline:2px solid #3c087e;outline-offset:2px}#wcpay-woopay-button .woopay-express-button[data-theme=light-outline]{border:1px solid #000}#wcpay-woopay-button .woopay-express-button[data-theme=light-outline]:not(:disabled):not(.is-placeholder):hover{background:#e0e0e0}#wcpay-woopay-button .woopay-express-button[data-theme=light-outline]:not(:disabled):not(.is-placeholder):focus-visible{box-shadow:inset 0 0 0 2px #000}#wcpay-woopay-button .woopay-express-button[data-size=medium]{height:48px}#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate]{min-width:150px}@container woopay-button (max-width: 280px){#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate]{font-size:15px;letter-spacing:.5px}#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate] svg{width:90px;margin-left:4px}}@container woopay-button (max-width: 240px){#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate]{font-size:13px;letter-spacing:.3px}#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate] svg{width:86px;margin-left:3px}}@container woopay-button (max-width: 200px){#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate]{font-size:11px;letter-spacing:.2px}#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=medium][data-type=donate] svg{width:82px;margin-left:2px}}#wcpay-woopay-button .woopay-express-button[data-size=medium] .button-content{transform:scale(1)}#wcpay-woopay-button .woopay-express-button[data-size=large]{height:55px}#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate]{min-width:150px}@container woopay-button (max-width: 280px){#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate]{font-size:16px;letter-spacing:.6px}#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate] svg{width:93px;margin-left:4px}}@container woopay-button (max-width: 240px){#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate]{font-size:14px;letter-spacing:.4px}#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate] svg{width:89px;margin-left:3px}}@container woopay-button (max-width: 200px){#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book],#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate]{font-size:12px;letter-spacing:.3px}#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=buy] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=book] svg,#wcpay-woopay-button .woopay-express-button[data-size=large][data-type=donate] svg{width:85px;margin-left:2px}}#wcpay-woopay-button .woopay-express-button[data-size=large] .button-content{transform:scale(1.1)}@media screen and (min-width: 785px)and (max-width: 850px){#wcpay-woopay-button .woopay-express-button[data-size=large]{font-size:22px}}#contact_details{float:none}#contact_details+#customer_details{display:block}#contact-fields .wc-block-components-text-input,#contact-fields .woocommerce-input-wrapper,.woopay-billing-email .wc-block-components-text-input,.woopay-billing-email .woocommerce-input-wrapper{display:inline-block;position:relative;width:100%}#contact-fields .wc-block-components-text-input .wc-block-components-spinner,#contact-fields .woocommerce-input-wrapper .wc-block-components-spinner,.woopay-billing-email .wc-block-components-text-input .wc-block-components-spinner,.woopay-billing-email .woocommerce-input-wrapper .wc-block-components-spinner{right:10px;width:24px}.wc-block-components-address-form__email{position:relative}.wc-block-components-address-form__email .wc-block-components-spinner{top:50%;left:auto;right:10px;width:24px;height:24px;transform:translateY(-50%)}.woopay-login-session-iframe{width:100%;height:100vh;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:355000;border:0;background:#fff;visibility:hidden}.woopay-login-session-iframe.open{transition:top 500ms;visibility:visible}@media screen and (min-width: 768px){.woopay-login-session-iframe-wrapper{position:fixed;background:rgba(117,117,117,.6);top:0;left:0;width:100vw;height:100vh;content:" ";display:block;z-index:355000}.woopay-login-session-iframe-wrapper .woopay-login-session-iframe{transition:none;height:90vh;max-height:520px;position:absolute;max-width:374px;border-radius:8px}}.woopay-otp-iframe{transition:top 500ms;width:100%;height:100dvh;position:fixed;top:100%;left:0;z-index:355000;border:0;background:#fff}.woopay-otp-iframe.open{top:0}.woopay-otp-iframe-wrapper .arrow{position:fixed;top:100%}@media screen and (min-width: 768px){.woopay-otp-iframe-wrapper{position:fixed;background:rgba(117,117,117,.6);top:0;left:0;width:100vw;height:100vh;content:" ";display:block;z-index:355000}.woopay-otp-iframe-wrapper .woopay-otp-iframe{transition:none;height:90vh;max-height:650px;position:absolute;max-width:374px;border-radius:8px;right:50px;left:auto}.woopay-otp-iframe-wrapper .arrow{position:absolute;right:7.5px;background:transparent;width:0;height:0;z-index:355001;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #fff}}@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);transform:rotate(0deg)}100%{transform:rotate(360deg)}}.woopay-billing-email .wc-block-components-spinner,.wcpay-express-checkout-wrapper .wc-block-components-spinner,#wcpay-woopay-button .wc-block-components-spinner{position:absolute;width:100%;height:100%;color:inherit;box-sizing:content-box;text-align:center;font-size:1.25em;top:initial;left:initial}.woopay-billing-email .wc-block-components-spinner::after,.wcpay-express-checkout-wrapper .wc-block-components-spinner::after,#wcpay-woopay-button .wc-block-components-spinner::after{content:" ";position:absolute;top:50%;left:50%;margin:-0.5em 0 0 -0.5em;width:1em;height:1em;box-sizing:border-box;transform-origin:50% 50%;transform:translateZ(0) scale(0.5);backface-visibility:hidden;border-radius:50%;border:.2em solid currentColor;border-left-color:transparent;animation:spinner__animation 1s infinite linear} .is-loadable-placeholder{animation:loading-fade 1.6s ease-in-out infinite;background-color:#e2e4e7;color:transparent;display:inline-block}@media screen and (prefers-reduced-motion: reduce){.is-loadable-placeholder{animation:none}}.is-loadable-placeholder.is-inline{display:inline}.is-loadable-placeholder.is-block{display:block;margin-top:1em}.is-loadable-placeholder.is-block:first-child{margin-top:0}.is-loadable-placeholder.is-block p{margin:0} .wcpay-skeleton__element{background:color-mix(in srgb, currentColor 5%, transparent);border:none;border-radius:4px;overflow:hidden;position:relative}.wcpay-skeleton__element::after{animation:wcpay-skeleton-shimmer 1.25s infinite;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, currentColor 5%, transparent) 50%, transparent 100%);content:"";inset:0;position:absolute;transform:translateX(-100%)}@media(prefers-reduced-motion: reduce){.wcpay-skeleton__element::after{animation:none}}.wcpay-skeleton__element--static::after{display:none}@keyframes wcpay-skeleton-shimmer{100%{transform:translateX(100%)}}