/* Important: this file is generated automatically, do not modify it directly, any direct changes will be lost. */
:root {
  --wooptima-checkout-text-xs: clamp(0.9722222222rem, calc(-0.014812541vw + 0.9769622353rem), 0.9567283044rem);
  --wooptima-checkout-text-s: clamp(1.1666666667rem, calc(0.1038739608vw + 1.1334269992rem), 1.2753188297rem);
  --wooptima-checkout-text-m: clamp(1.4rem, calc(0.2868068834vw + 1.3082217973rem), 1.7rem);
  --wooptima-checkout-text-l: clamp(1.68rem, calc(0.5603250478vw + 1.5006959847rem), 2.2661rem);
  --wooptima-checkout-text-xl: clamp(2.016rem, calc(0.9605270554vw + 1.7086313423rem), 3.0207113rem);
  --wooptima-checkout-text-xxl: clamp(2.4192rem, calc(1.536719085vw + 1.9274498928rem), 4.0266081629rem);
  --wooptima-checkout-space-xs: clamp(0.9004501688rem, calc(0.3288664203vw + 0.7952129143rem), 1.2444444444rem);
  --wooptima-checkout-space-s: clamp(1.200300075rem, calc(0.6370617511vw + 0.9964403147rem), 1.8666666667rem);
  --wooptima-checkout-space-m: clamp(1.6rem, calc(1.1472275335vw + 1.2328871893rem), 2.8rem);
  --wooptima-checkout-space-l: clamp(2.1328rem, calc(1.976290631vw + 1.5003869981rem), 4.2rem);
  --wooptima-checkout-space-xl: clamp(2.8430224rem, calc(3.3049499044vw + 1.7854384306rem), 6.3rem);
  --wooptima-checkout-space-xxl: clamp(3.7897488592rem, calc(5.4113299625vw + 2.0581232712rem), 9.45rem);
  --wooptima-checkout-radius: 1.4rem;
  --wooptima-checkout-radius-50: 50%;
  --wooptima-checkout-radius-circle: 50vw;
  --wooptima-checkout-radius-none: 0;
  --wooptima-checkout-radius-xs: 0.6222222222rem;
  --wooptima-checkout-radius-s: 0.9333333333rem;
  --wooptima-checkout-radius-m: 1.4rem;
  --wooptima-checkout-radius-l: 2.1rem;
  --wooptima-checkout-radius-xl: 3.15rem;
  --wooptima-checkout-radius-xxl: 4.725rem;
}
.form-field.vies-loading #company_vat_id {
  cursor: not-allowed !important;
  padding-right: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 50 50'%3E%3Cpath fill='%23FF3D00' d='M25,5A20.14,20.14,0,0,1,45,22.88a2.51,2.51,0,0,0,2.49,2.26h0A2.52,2.52,0,0,0,50,22.33a25.14,25.14,0,0,0-50,0,2.52,2.52,0,0,0,2.5,2.81h0A2.51,2.51,0,0,0,5,22.88,20.14,20.14,0,0,1,25,5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 25 25;360 25 25' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 10px) center !important;
  background-size: 20px 20px !important;
  transition: none !important;
}
#company_vat_id[readonly] {
  background-color: #ffffff !important;
  cursor: not-allowed;
}
.vies-notice-container {
  margin-top: 8px;
}
.vies-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border: 2px solid;
  font-size: 14px;
  line-height: 1.4;
}
.vies-notice-success {
  background-color: #f0f9f0;
  border-color: #28a745;
  color: #155724;
}
.vies-notice-error {
  background-color: #fdf2f2;
  border-color: #dc3545;
  color: #721c24;
}
.vies-notice-link {
  color: #007cba;
  text-decoration: underline;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.vies-notice-link:hover {
  color: #005a87;
  text-decoration: underline;
}
.vies-notice-link:active {
  color: #003d5c;
}