.jet-form-builder__field-wrap.has-eye-icon{position:relative}.jet-form-builder__field-wrap.has-eye-icon .jet-form-builder__field{padding-right:34px}.jfb-eye-icon{position:absolute;top:calc(50% - 12px);right:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:0}.rtl .jfb-eye-icon{left:5px;right:unset}.jfb-eye-icon .unseen-icon,.jfb-eye-icon .seen-icon{display:none}.jfb-eye-icon.seen .seen-icon{display:block}.jfb-eye-icon:not(.seen) .unseen-icon{display:block}.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.jet--ua-safari .jet-form-builder__field-wrap select.select-field{-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.rtl.jet--ua-safari .jet-form-builder__field-wrap select.select-field{background-position:calc(10% - 20px) calc(1em + 2px),calc(10% - 15px) calc(1em + 2px)}.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}.field-type-radio-field .jet-form-builder__field.radio-field{position:absolute;z-index:-1;opacity:0}.field-type-radio-field .jet-form-builder__field-label.for-radio>span::before{content:'';display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;flex-grow:0;border:1px solid #adb5bd;background-repeat:no-repeat;background-position:center center;background-size:50% 50%;border-radius:50%}.field-type-radio-field .jet-form-builder__field-label.for-radio :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.field-type-radio-field .jet-form-builder__field-label.for-radio :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.field-type-radio-field .jet-form-builder__field-label.for-radio :focus:not(:checked)+span::before{border-color:#80bdff}.field-type-radio-field .jet-form-builder__field-label.for-radio :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.field-type-radio-field .jet-form-builder__field-label.for-radio :disabled+span::before{background-color:#e9ecef}.field-type-checkbox-field .jet-form-builder__field.checkboxes-field{position:absolute;z-index:-1;opacity:0}.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox>span::before{content:'';display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;flex-grow:0;border:1px solid #adb5bd;background-repeat:no-repeat;background-position:center center;background-size:50% 50%;border-radius:10%}.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :checked+span::before{border-color:#0b76ef;background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z%27/%3e%3c/svg%3e")}.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :focus:not(:checked)+span::before{border-color:#80bdff}.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :not(:disabled):active+span::before{background-color:#b3d7ff;border-color:#b3d7ff}.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :not(:disabled):not(:checked):hover+span::before{border-color:#b3d7ff}.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :disabled+span::before{background-color:#e9ecef}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.epsv-container {
display: flex;
flex-direction: column;
height: 100%;
position: relative;
width: 100%;
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
overflow: hidden;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.epsv-viewer {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 0;
position: relative;
width: 100%;
height: calc(100% - 60px);
overflow: auto;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
}
.epsv-canvas {
display: block;
margin: 0 auto;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
max-width: 100%;
height: auto;
}
.epsv-loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #6c757d;
z-index: 10;
}
.epsv-spinner {
width: 40px;
height: 40px;
border: 4px solid #f3f3f3;
border-top: 4px solid #007cba;
border-radius: 50%;
animation: epsv-spin 1s linear infinite;
margin: 0 auto 15px;
}
@keyframes epsv-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.epsv-error {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #dc3545;
background: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 4px;
padding: 20px;
max-width: 80%;
display: none !important;
} .epsv-upgrade-prompt {
display: block !important;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #fff;
border: none;
border-radius: 8px;
padding: 30px;
max-width: 400px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
text-align: center;
}
.epsv-upgrade-prompt h3 {
margin: 0 0 15px 0;
font-size: 1.5em;
font-weight: 600;
color: #fff;
}
.epsv-upgrade-prompt p {
margin: 0 0 15px 0;
line-height: 1.6;
color: rgba(255, 255, 255, 0.9);
}
.epsv-upgrade-prompt p strong {
color: #fff;
font-weight: 600;
}
.epsv-upgrade-prompt .button {
display: inline-block;
background: #fff;
color: #667eea;
padding: 12px 24px;
text-decoration: none;
border-radius: 6px;
font-weight: 600;
transition: all 0.3s ease;
margin-top: 10px;
}
.epsv-upgrade-prompt .button:hover {
background: #f8f9fa;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.epsv-controls {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
background: #fff;
border-top: 1px solid #e9ecef;
min-height: 60px;
flex-wrap: wrap;
gap: 10px;
margin-top: auto;
}
.epsv-controls-left, .epsv-controls-center, .epsv-controls-right {
display: flex;
align-items: center;
gap: 10px;
}
.epsv-controls-center {
flex: 1 1 0;
justify-content: center;
}
.epsv-controls-left {
justify-content: flex-start;
}
.epsv-controls-right {
justify-content: flex-end;
}
.epsv-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 8px 12px;
background: #007cba;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
user-select: none;
}
.epsv-btn:hover {
background: #005a87;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.epsv-btn:active {
transform: translateY(0);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.epsv-btn:disabled {
background: #6c757d;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.epsv-icon {
font-size: 16px;
line-height: 1;
}
.epsv-zoom-level {
font-weight: 600;
color: #495057;
min-width: 50px;
text-align: center;
}
.epsv-page-info {
font-weight: 600;
color: #495057;
margin: 0 15px;
white-space: nowrap;
}
.epsv-page-current,
.epsv-page-total {
color: #007cba;
} .epsv-container.epsv-fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999999;
border-radius: 0;
}
.epsv-container.epsv-fullscreen .epsv-viewer {
height: calc(100vh - 60px);
} @media (max-width: 768px) {
.epsv-controls {
flex-direction: column;
gap: 15px;
padding: 15px;
}
.epsv-controls-left,
.epsv-controls-center,
.epsv-controls-right {
width: 100%;
justify-content: center;
}
.epsv-controls-center {
order: -1;
}
.epsv-btn {
min-width: 44px;
height: 44px;
font-size: 16px;
}
.epsv-page-info {
margin: 0 10px;
font-size: 14px;
}
}
@media (max-width: 480px) {
.epsv-controls {
padding: 10px;
}
.epsv-controls-left,
.epsv-controls-right {
gap: 5px;
}
.epsv-btn {
min-width: 40px;
height: 40px;
padding: 6px 8px;
font-size: 14px;
}
.epsv-zoom-level {
min-width: 40px;
font-size: 12px;
}
} @media print {
.epsv-controls {
display: none;
}
.epsv-viewer {
height: 100%;
}
.epsv-canvas {
box-shadow: none;
}
} @media (prefers-contrast: high) {
.epsv-container {
border: 2px solid #000;
}
.epsv-btn {
border: 1px solid #000;
}
} @media (prefers-reduced-motion: reduce) {
.epsv-btn,
.epsv-canvas {
transition: none;
}
.epsv-spinner {
animation: none;
}
} @media (prefers-color-scheme: dark) {
.epsv-container {
background: #2d3748;
border-color: #4a5568;
}
.epsv-viewer {
background: #1a202c;
}
.epsv-controls {
background: #2d3748;
border-top-color: #4a5568;
color: #e2e8f0;
}
.epsv-btn {
background: #4299e1;
color: #fff;
}
.epsv-btn:hover {
background: #3182ce;
}
.epsv-btn:disabled {
background: #718096;
}
.epsv-zoom-level,
.epsv-page-info {
color: #e2e8f0;
}
.epsv-page-current,
.epsv-page-total {
color: #4299e1;
}
.epsv-loading {
color: #a0aec0;
}
.epsv-error {
background: #742a2a;
border-color: #c53030;
color: #fed7d7;
}
.epsv-upgrade-prompt {
background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
}
.epsv-upgrade-prompt .button {
background: #e2e8f0;
color: #2d3748;
}
.epsv-upgrade-prompt .button:hover {
background: #cbd5e0;
}
}