.apaou-customer-fields {
margin-bottom: 15px;
}
.apaou-customer-fields label.pewc-field-label {
margin-top: 15px;
display: block;
} .apaou-customer-fields .apaou-customer-field-wrapper .pewc-field-label {
font-size: 0.85em;
}
.woocommerce-product-gallery img {
margin: 0 auto !important;
}
.apaou-font-loading {
color: blue;
}
.apaou-font-error {
color: red;
}
.selectGFontContainer .select2-results__option {
margin-bottom: 0;
}
.apaou-text-layer {
text-align: center;
z-index: 999
}
.apaou-text-preview-field {
margin: 2em 0;
padding: 2em;
border: 1px solid #ccc;
background: #f9f9f9;
}
.apaou-customer-fields {
margin-top: 2rem
} .pewc-product-extra-groups .pewc-item:not(.pewc-item-checkbox):not(.pewc-item-products-radio-list) .apaou-customer-fields label.apaou-justify-label {
display: inline-block !important;
width: 42px;
margin-right: 8px;
}
.apaou-customer-fields .pewc-text-swatch {
display: inline;
}
.apaou-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2em
}
.apaou-grid-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 2em
}
.apaou-grid-2 .select2-container,
.apaou-grid-3 .select2-container,
.apaou-customer-fields--inline .select2-container {
width: 100% !important
} table.pewc-product-extra-groups .apaou-customer-field-wrapper { text-align: left; margin-bottom: 30px; }
table.pewc-product-extra-groups tr.pewc-item-advanced-preview td { vertical-align: top; } .pewc-item.pewc-item-advanced-preview .pewc-item-field-wrapper.apaou-inline-row {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
gap: 1em 2em !important;
} .pewc-item-advanced-preview .apaou-inline-row > .pewc-field-label {
flex: 1 1 100% !important;
width: 100% !important;
margin: 0 !important;
}
.pewc-item-advanced-preview .apaou-inline-row > .apaou-inline-main {
flex: 0 1 calc( 50% - 1em ) !important;
min-width: 0 !important;
} .pewc-item-advanced-preview .apaou-inline-row > .apaou-customer-fields--inline {
flex: 1 1 calc( 50% - 1em ) !important;
display: flex !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
gap: 1em !important;
margin: 0 !important;
grid-template-columns: none !important;
} .pewc-item-advanced-preview .apaou-inline-main > .pewc-advanced-preview-field {
display: block !important;
width: 100% !important;
margin: 0 !important;
}
.pewc-item-advanced-preview .apaou-inline-main > .pewc-text-counter-container,
.pewc-item-advanced-preview .apaou-inline-main > .pewc-description {
margin: 0.25em 0 0 !important;
} .pewc-item-advanced-preview .apaou-inline-row input[type="hidden"] {
display: none !important;
}
.pewc-item-advanced-preview .apaou-customer-fields--inline > .apaou-customer-field-wrapper {
margin: 0 !important;
}
.pewc-item-advanced-preview .apaou-customer-fields--inline .pewc-field-label {
margin-top: 0 !important;
} .pewc-item-advanced-preview .apaou-customer-fields--inline > .apaou-customer-field-wrapper:first-child {
flex: 1 1 160px !important;
min-width: 0 !important;
}
.pewc-item-advanced-preview .apaou-customer-fields--inline .apaou-font-family-field {
width: 100%;
} .pewc-item-advanced-preview .apaou-customer-fields--inline > .apaou-customer-field-wrapper:last-child {
flex: 0 0 auto !important;
white-space: nowrap !important;
display: flex !important;
align-items: center !important;
gap: 2px !important;
} .pewc-item-advanced-preview .apaou-customer-fields--inline .pewc-text-swatch {
display: inline-flex !important;
align-items: stretch !important;
height: auto !important;
}
.pewc-product-extra-groups .pewc-item.pewc-item-advanced-preview .apaou-customer-fields--inline .pewc-text-swatch label.apaou-justify-label,
.pewc-product-extra-groups .pewc-item.pewc-item-advanced-preview .apaou-customer-fields--inline .pewc-text-swatch .pewc-radio-form-label.apaou-justify-label {
flex: 1 1 auto !important;
width: 100% !important;
height: 2.6em !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
padding: 0 12px !important;
margin: 0 !important;
line-height: 1 !important;
}
.pewc-product-extra-groups .pewc-item.pewc-item-advanced-preview .apaou-customer-fields--inline .pewc-text-swatch label.apaou-justify-label img {
display: block !important;
width: 18px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: auto !important;
vertical-align: middle !important;
} body.apaou-no-select {
user-select: none;
-webkit-user-select: none;
} .apaou-layer-clip {
position: absolute;
inset: 0;
pointer-events: none;
} .apaou-area-clip {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
} .apaou-layer-overlay {
position: absolute;
transform: translate( -50%, -50% );
box-sizing: border-box;
pointer-events: auto;
touch-action: none;
cursor: move;
border: 1px dashed rgba( 0, 0, 0, 0.35 );
background: rgba( 127, 127, 127, 0.06 );
z-index: 1000;
min-width: 24px;
min-height: 18px;
transition: opacity 0.15s ease;
}
.apaou-layer-overlay:hover,
.apaou-layer-overlay.apaou-interactive-active {
border-color: rgba( 0, 0, 0, 0.6 );
background: rgba( 127, 127, 127, 0.12 );
} .apaou-text-layer.apaou-interactive-enabled {
pointer-events: none;
} .apaou-resize-handle {
position: absolute;
width: 12px;
height: 12px;
background: #fff;
border: 1px solid rgba( 0, 0, 0, 0.45 );
border-radius: 2px;
touch-action: none;
pointer-events: auto;
z-index: 2;
}
.apaou-resize-handle-se {
right: -6px;
bottom: -6px;
cursor: nwse-resize;
}
.apaou-resize-handle-nw {
left: -6px;
top: -6px;
cursor: nwse-resize;
} .apaou-area-boundary {
position: absolute;
box-sizing: border-box;
pointer-events: none;
background: rgba( 0, 100, 200, 0.12 );
box-shadow: inset 0 0 0 1px rgba( 0, 100, 200, 0.6 );
z-index: 15;
transition: opacity 0.15s ease;
} .apaou-area-boundary.apaou-area-boundary-hidden {
opacity: 0;
} .apaou-area-boundary.apaou-condition-hidden,
.apaou-layer-overlay.apaou-condition-hidden,
.apaou-reset-handle.apaou-condition-hidden {
display: none;
} .apaou-hidden-until-text {
opacity: 0;
pointer-events: none;
}
.apaou-rotate-handle {
position: absolute;
top: -28px;
left: 50%;
width: 14px;
height: 14px;
margin-left: -7px;
background: #fff;
border: 1px solid rgba( 0, 0, 0, 0.45 );
border-radius: 50%;
cursor: alias;
touch-action: none;
pointer-events: auto;
z-index: 2;
}
.apaou-rotate-handle::before {
content: '';
position: absolute;
top: 100%;
left: 50%;
width: 1px;
height: 14px;
background: rgba( 0, 0, 0, 0.45 );
transform: translateX( -50% );
} .apaou-reset-handle {
position: absolute;
bottom: 8px;
right: 8px;
padding: 4px 10px;
font-size: 11px;
line-height: 1.4;
white-space: nowrap;
background: #fff;
border: 1px solid rgba( 0, 0, 0, 0.45 );
border-radius: 3px;
cursor: pointer;
touch-action: none;
z-index: 1001;
pointer-events: auto;
transition: opacity 0.15s ease;
}
.apaou-reset-handle:hover {
background: #f0f0f0;
} .apaou-reset-handle.apaou-inactive-field {
display: none;
}
.apaou-reset-handle.pewc-hidden-field {
display: none;
}