@keyframes wpcbn-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpcbn-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.wpcbn-disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
div.wpcbn-hide-atc .single_add_to_cart_button:not(.wpcbn-btn), li.wpcbn-hide-atc .add_to_cart_button:not(.wpcbn-btn) {
display: none !important;
}
.wpcbn-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 99999998;
opacity: 0;
visibility: hidden;
}
.wpcbn-area {
font-size: 14px;
padding: 0;
height: 100%;
max-height: 100%;
z-index: 99999999;
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
width: 90%;
max-width: 460px;
box-sizing: border-box;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
body.wpcbn-show .wpcbn-overlay {
opacity: 1;
visibility: visible;
}
body.wpcbn-show .wpcbn-area {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .wpcbn-area.wpcbn-area-left {
top: 0;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
} .wpcbn-area.wpcbn-area-top {
top: -100%;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.wpcbn-area.wpcbn-area-top .wpcbn-inner {
max-height: 80%;
}
body.wpcbn-show .wpcbn-area.wpcbn-area-top {
top: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
} .wpcbn-area.wpcbn-area-bottom {
top: auto;
bottom: -100%;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.wpcbn-area.wpcbn-area-bottom .wpcbn-inner {
max-height: 80%;
bottom: 0;
}
body.wpcbn-show .wpcbn-area.wpcbn-area-bottom {
top: auto;
bottom: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
} .wpcbn-area.wpcbn-area-center {
top: -50%;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.wpcbn-area.wpcbn-area-center .wpcbn-inner {
max-height: 80%;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
body.wpcbn-show .wpcbn-area.wpcbn-area-center {
top: 0;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
} .wpcbn-area.wpcbn-loading .wpcbn-inner:before {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: '';
background-image: url(//bluemondayfestival.com/wp-content/plugins/wpc-buy-now-button/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: wpcbn-spinner 1s linear infinite;
-moz-animation: wpcbn-spinner 1s linear infinite;
-ms-animation: wpcbn-spinner 1s linear infinite;
-o-animation: wpcbn-spinner 1s linear infinite;
animation: wpcbn-spinner 1s linear infinite;
}
.wpcbn-inner {
width: 100%;
max-width: 460px;
height: 100%;
max-height: 100%;
position: fixed;
display: flex;
flex-direction: column;
}
.wpcbn-area > div {
align-self: stretch;
}
.wpcbn-area * {
box-sizing: border-box;
}
.wpcbn-inner {
background-color: #ffffff !important;
background-image: none !important;
}
.wpcbn-inner:after {
display: none !important;
}
.wpcbn-inner.wpcbn-inner-loading:before {
color: #222222 !important;
}
.wpcbn-inner.wpcbn-inner-loading:after {
background-color: rgba(255, 255, 255, 0.7) !important;
}
.wpcbn-inner .wpcbn-inner-mid {
height: 100%;
max-height: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.wpcbn-area form.checkout {
display: flex;
flex-direction: column;
margin-bottom: 0 !important;
}
.wpcbn-area form.checkout > *, .wpcbn-area form.checkout .row > * {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
flex: 0 0 auto !important;
}
.wpcbn-checkout-form {
padding: 20px;
}
.wpcbn-inner .wpcbn-inner-top {
height: 48px;
line-height: 48px;
padding: 0 20px;
color: #222222;
font-weight: 700;
background-color: #eeeeee;
text-transform: uppercase;
position: relative;
}
.wpcbn-inner .wpcbn-inner-top .wpcbn-close {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
font-size: 0;
background-image: url(//bluemondayfestival.com/wp-content/plugins/wpc-buy-now-button/assets/images/close-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
.wpcbn-inner .wpcbn-inner-mid {
flex-grow: 1;
}@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-card-label-container, .revolut-pay-label-container  {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.revolut-card-label-brands, .revolut-pay-label-brands {
display: flex;
}
.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);
}
}