.fade-in {
animation: fadeIn 2s;
-webkit-animation: fadeIn 2s;
-moz-animation: fadeIn 2s;
-o-animation: fadeIn 2s;
-ms-animation: fadeIn 2s;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-ms-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
} .dual-spinner {
width: 100%;
height: 100%;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
.dual-spinner {
width: 0px !important;
}
.dual-spinner::after {
content: " ";
display: block;
width: 64px;
height: 64px;
border-radius: 50%;
border: 6px solid white;
border-color: white transparent white transparent;
animation: dualSpinner 1.2s linear infinite;
-webkit-animation: dualSpinner 1.2s linear infinite;
-moz-animation: dualSpinner 1.2s linear infinite;
-o-animation: dualSpinner 1.2s linear infinite;
-ms-animation: dualSpinner 1.2s linear infinite;
}
@keyframes dualSpinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-moz-keyframes dualSpinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes dualSpinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-o-keyframes dualSpinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-ms-keyframes dualSpinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}  .dual-spinner {
float: right;
display: none;
position: relative;
height: 25px;
width: 25px;
top: -30px;
}
.dual-spinner:after {
width: 20px;
height: 20px;
display: block;
float: right;
border-width: 2px;
}
.cart-spinner {
position: relative;
display: inline-block;
padding: 21px 26px;
margin-top: 0;
margin-bottom: 0;
min-width: 130px;
}
.cart-spinner .dual-spinner {
top: 0px !important;
left: 0;
display: flex;
position: absolute;
width: 100% !important;
height: 100% !important;
}
.cart-spinner .dual-spinner::after {
border: 2px solid red !important;
border-color: red transparent red transparent !important;
}
.woocommerce-cart-form .cart-spinner {
position: absolute;
display: inline-block;
padding: 21px 26px;
margin-top: 0;
margin-bottom: 0;
min-width: 182px;
width: 182px;
margin: 3px 0 3px 7px;
}
.woocommerce-cart-form .cart-spinner .dual-spinner::after {
border: 2px solid black !important;
border-color: black transparent black transparent !important;
}
#est_variations_form h3 {
margin-top: 0;
}
#est_variations_form .label {
padding-left: 0;
}
.variation-disclaimer .disclaimer-text {
padding: 0 10px;
margin-bottom: 10px;
}