@font-face {
font-family: 'Basier Circle';
font-display: swap;
font-weight: 400;
src: url(https://assets.revolut.com/media/fonts/BasierCircle-Regular.woff2);
}
@font-face {
font-family: 'Basier Circle';
font-display: swap;
font-weight: 500;
src: url(https://assets.revolut.com/media/fonts/BasierCircle-Medium.woff2);
}
@font-face {
font-family: 'Basier Circle';
font-display: swap;
font-weight: 600;
src: url(https://assets.revolut.com/media/fonts/BasierCircle-SemiBold.woff2);
}
@font-face {
font-family: 'Inter';
font-display: swap;
font-weight: 400;
src: url(https://assets.revolut.com/media/fonts/Inter-Regular.woff2);
}
@font-face {
font-family: 'Inter';
font-display: swap;
font-weight: 500;
src: url(https://assets.revolut.com/media/fonts/Inter-Medium.woff2);
}
@font-face {
font-family: 'Inter';
font-display: swap;
font-weight: 600;
src: url(https://assets.revolut.com/media/fonts/Inter-SemiBold.woff2);
}
@font-face {
font-family: 'Inter';
font-display: swap;
font-weight: 700;
src: url(https://assets.revolut.com/media/fonts/Inter-Bold.woff2);
}
@font-face {
font-family: 'Aeonik Pro';
font-display: swap;
font-weight: 900;
src: url(https://assets.revolut.com/media/fonts/AeonikPro-Black.woff2);
}
#wc-revolut-cardholder-name,
#wc-revolut-cardholder-name::placeholder {
font-family:
'Inter',
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Roboto',
'Helvetica Neue',
Helvetica,
Arial,
Arimo,
sans-serif;
color: #848484;
}
#wc-revolut-cardholder-name,
#woocommerce-revolut-card-element {
border-radius: 10px;
border: 1px solid #dfe3e7;
background-color: #ffffff;
padding: 5px;
font-size: 16px;
box-shadow: none;
}
#woocommerce-revolut-card-element {
margin-bottom: 14px;
}
.wc-revolut-cardholder-name-error,
.woocommerce-revolut-card-element-error {
background-color: #fdedec !important;
color: #f26055 !important;
}
#revolut-upsell-banner {
margin-top: 5px;
}
.hidden_by_revolut {
display: none !important;
}
.revolut-payment-method-save label {
display: inline !important;
}
.revolut-error {
margin-top: 5px;
}
.revolut-pay {
height: auto;
}
.revolut-payment-method-label-container,
.revolut-pay-label-container {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.revolut-payment-method-label-scheme-icons {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-shrink: 0 !important
}
.revolut-pay-label-title-wrapper {
display: flex;
align-items: center;
width: 100%;
}
.wc_payment_method.payment_method_revolut_pay, 
.wc_payment_method.payment_method_revolut_cc,
.wc_payment_method.payment_method_revolut_payment_request {
display: flex !important;
flex-wrap: wrap;
}
.revolut-payment-method-save{
display: flex !important;
}
.payment_box.payment_method_revolut_pay, 
.payment_box.payment_method_revolut_cc, 
.payment_method_revolut_payment_request{
flex-basis: 100%;
}
.wc_payment_method.payment_method_revolut_pay label[for="payment_method_revolut_pay"], 
.wc_payment_method.payment_method_revolut_cc label[for="payment_method_revolut_cc"],
.wc_payment_method.payment_method_revolut_payment_request label[for="payment_method_revolut_payment_request"] {
display: flex !important;
align-items: center;
flex: 1;
}
.revolut-label-informational-icon {
margin-left: 5px;
flex: 20;
display: flex;
align-items: center;
}
.revolut-pay-label-icons {
width: 60%;
}
.revolut-pay-label-title {
white-space: nowrap;
margin-right: 5px;
}
.card-field-error {
color: red;
font-size: 12px;
font-family:
Inter,
-apple-system,
'system-ui',
'Segoe UI',
Roboto,
'Helvetica Neue',
Helvetica,
Arial,
Arimo,
sans-serif;
}
.revolutBlockUI {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.revSpinnerContainer {
box-sizing: border-box;
margin: 0px;
padding: 0px;
font: inherit;
color: #4f55f1;
width: 96px;
height: 96px;
border-radius: 9999px;
}
.revSpinnerContainer .spinner {
--rui-spinner-circumference: 295.3097094374406px;
--rui-spinner-dasharray: calc(295.3097094374406px * 0.6), 295.3097094374406px;
animation-name: spinnerAnimation;
animation-duration: 1700ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
transform-origin: center center;
}
@keyframes spinnerAnimation {
0% {
stroke-dasharray: 1px, var(--rui-spinner-circumference);
stroke-dashoffset: 0px;
transform: rotate(0deg);
}
50% {
stroke-dasharray: var(--rui-spinner-dasharray);
stroke-dashoffset: calc(var(--rui-spinner-circumference) * -0.15);
transform: rotate(180deg);
}
100% {
stroke-dasharray: var(--rui-spinner-dasharray);
stroke-dashoffset: calc(var(--rui-spinner-circumference) * -1);
transform: rotate(360deg);
}
}.wc-stripe-elements-field,.wc-stripe-iban-element-field{border:1px solid #ddd;margin:5px 0;padding:5px;background-color:#fff;outline:0}#payment .methods li.woocommerce-SavedPaymentMethods-token label{display:inline}#payment .methods li.woocommerce-SavedPaymentMethods-new label{display:inline}#add_payment_method #payment ul.payment_methods li img.stripe-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon{max-width:40px;padding-left:3px;margin:0}#add_payment_method #payment ul.payment_methods li img.stripe-bancontact-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-bancontact-icon{max-height:65px;max-width:45px}#add_payment_method #payment ul.payment_methods li img.stripe-ideal-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-ideal-icon{max-height:35px}#add_payment_method #payment ul.payment_methods li img.stripe-p24-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-p24-icon{max-width:65px}#add_payment_method #payment ul.payment_methods li img.stripe-alipay-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-alipay-icon{max-width:50px}#add_payment_method #payment ul.payment_methods li img.stripe-sofort-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-sofort-icon{max-width:55px}#add_payment_method #payment ul.payment_methods li img.stripe-sepa-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-sepa-icon{max-width:50px}#add_payment_method #payment ul.payment_methods li img.stripe-multibanco-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-multibanco-icon{max-height:30px}#add_payment_method #payment ul.payment_methods li img.stripe-eps-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-eps-icon{max-height:30px}#add_payment_method #payment ul.payment_methods li img.stripe-giropay-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-giropay-icon{max-width:50px}#add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//yocksscooters.co.uk/wp-content/plugins/woocommerce-gateway-stripe/assets/images/credit-card.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-visa-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-visa-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//yocksscooters.co.uk/wp-content/plugins/woocommerce-gateway-stripe/assets/images/visa.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-amex-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-amex-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//yocksscooters.co.uk/wp-content/plugins/woocommerce-gateway-stripe/assets/images/amex.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-diners-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-diners-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//yocksscooters.co.uk/wp-content/plugins/woocommerce-gateway-stripe/assets/images/diners.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-discover-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-discover-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//yocksscooters.co.uk/wp-content/plugins/woocommerce-gateway-stripe/assets/images/discover.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-jcb-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-jcb-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//yocksscooters.co.uk/wp-content/plugins/woocommerce-gateway-stripe/assets/images/jcb.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-maestro-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-maestro-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//yocksscooters.co.uk/wp-content/plugins/woocommerce-gateway-stripe/assets/images/maestro.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-mastercard-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-mastercard-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//yocksscooters.co.uk/wp-content/plugins/woocommerce-gateway-stripe/assets/images/mastercard.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods .stripe-card-group,.woocommerce-checkout #payment ul.payment_methods .stripe-card-group{position:relative}.woocommerce-SavedPaymentMethods-token .stripe-source-errors .woocommerce-error{margin-top:1em;margin-bottom:2em}#wc-stripe-custom-button{display:block;width:100%}.woocommerce-checkout #payment #stripe_boleto_tax_id{width:100%}.gpay-button{background-origin:content-box;background-position:center center;background-repeat:no-repeat;background-size:contain;border:0;border-radius:4px;cursor:pointer;height:40px;min-height:40px;padding:11px 24px;width:100%}.gpay-button.light{width:calc(100% - 3px);background-color:#fff;margin:2px 0 3px 0}.gpay-button.light:active{background-color:#fff}.gpay-button.light:hover{background-color:#f8f8f8}.gpay-button.light:focus{box-shadow:#e8e8e8 0 1px 1px 0,#e8e8e8 0 1px 3px;outline:0}.gpay-button.light-outline{width:calc(100% - 3px);background-color:#fff;box-shadow:rgba(60,64,67,.3) 0 1px 1px 0,rgba(60,64,67,.15) 0 1px 3px 1px;margin:2px 0 3px 0}.gpay-button.light-outline:active{background-color:#fff}.gpay-button.light-outline:hover{background-color:#f8f8f8}.gpay-button.light-outline:focus{box-shadow:#e8e8e8 0 1px 1px 0,#e8e8e8 0 1px 3px;outline:0}.gpay-button.dark{background-color:#000;padding:12px 24px 10px}.gpay-button.dark:active{background-color:#5f6368}.gpay-button.dark:hover{background-color:#3c4043}.gpay-button.dark:focus{box-shadow:#5f6368 0 1px 1px 0,#5f6368 0 1px 3px;outline:0}.gpay-button.short.light,.gpay-button.short.light-outline{background-image:url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg)}.gpay-button.short.dark{background-image:url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg)}