.pve-field-wrapper {
position: relative;
display: inline-block;
width: 100%;
} .pve-loading {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 20px;
height: 20px;
border: 2px solid #f3f3f3;
border-top: 2px solid #0073aa;
border-radius: 50%;
animation: pve-spin 1s linear infinite;
z-index: 1000;
} @keyframes pve-spin {
0% { transform: translateY(-50%) rotate(0deg); }
100% { transform: translateY(-50%) rotate(360deg); }
} .pve-loading-message {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #0073aa;
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
color: white;
z-index: 1000;
white-space: nowrap;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} .pve-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.7);
z-index: 999;
border-radius: 4px;
} .pve-field-wrapper.loading select {
opacity: 0.6;
pointer-events: none;
} .pve-field-wrapper .acf-select-wrap {
position: relative;
} .pve-toast {
position: fixed;
top: 20px;
right: 20px;
background: #32373c;
color: white;
padding: 12px 20px;
border-radius: 4px;
font-size: 14px;
z-index: 10000;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
opacity: 0;
transform: translateX(100%);
transition: all 0.3s ease;
}
.pve-toast.show {
opacity: 1;
transform: translateX(0);
}
.pve-toast.success {
background: #46b450;
}
.pve-toast.error {
background: #dc3232;
}
.pve-toast.info {
background: #0073aa;
}.pvemp-field-wrapper {
position: relative;
display: inline-block;
width: 100%;
}
.pvemp-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
z-index: 1000;
border-radius: 4px;
}
.pvemp-loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 2px solid #f3f3f3;
border-top: 2px solid #0073aa;
border-radius: 50%;
animation: pvemp-spin 1s linear infinite;
z-index: 1001;
}
.pvemp-loading-message {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #0073aa;
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
z-index: 1001;
white-space: nowrap;
}
.pvemp-field-wrapper.loading .acf-input select,
.pvemp-field-wrapper.loading .acf-input input {
opacity: 0.5;
pointer-events: none;
}
.pvemp-toast {
position: fixed;
top: 20px;
right: 20px;
background: #32373c;
color: white;
padding: 12px 20px;
border-radius: 4px;
font-size: 14px;
z-index: 10000;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
opacity: 0;
transform: translateX(100%);
transition: all 0.3s ease;
}
.pvemp-toast.show {
opacity: 1;
transform: translateX(0);
}
.pvemp-toast.success {
background: #46b450;
}
.pvemp-toast.error {
background: #dc3232;
}
.pvemp-toast.info {
background: #0073aa;
}
@keyframes pvemp-spin {
0% { transform: translate(-50%, -50%) rotate(0deg); }
100% { transform: translate(-50%, -50%) rotate(360deg); }
} @media (max-width: 768px) {
.pvemp-toast {
right: 10px;
left: 10px;
max-width: none;
}
}.pvv-field-wrapper {
position: relative;
display: inline-block;
width: 100%;
} .pvv-loading {
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 20px;
height: 20px;
border: 2px solid #f3f3f3;
border-top: 2px solid #0073aa;
border-radius: 50%;
animation: pvv-spin 1s linear infinite;
z-index: 1000;
} @keyframes pvv-spin {
0% { transform: translateY(-50%) rotate(0deg); }
100% { transform: translateY(-50%) rotate(360deg); }
} .pvv-loading-message {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #0073aa;
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
color: white;
z-index: 1000;
white-space: nowrap;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
} .pvv-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.7);
z-index: 999;
border-radius: 4px;
} .pvv-field-wrapper.loading select {
opacity: 0.6;
pointer-events: none;
} .pvv-field-wrapper .acf-select-wrap {
position: relative;
} .pvv-toast {
position: fixed;
top: 20px;
right: 20px;
background: #32373c;
color: white;
padding: 12px 20px;
border-radius: 4px;
font-size: 14px;
z-index: 10000;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
opacity: 0;
transform: translateX(100%);
transition: all 0.3s ease;
}
.pvv-toast.show {
opacity: 1;
transform: translateX(0);
}
.pvv-toast.success {
background: #46b450;
}
.pvv-toast.error {
background: #dc3232;
}
.pvv-toast.info {
background: #0073aa;
}