.mkl_pc .mkl_pc_container .mkl_pc_viewer .text-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
width: 100%;
height: 100%;
}
.mkl_pc .mkl_pc_container .mkl_pc_viewer .text-overlay canvas {
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
max-width: 100%;
max-height: 100%;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layer_choices.text-overlay {
font-size: 1rem;
input[type="text"], textarea, select {
width: 100%;
box-sizing: border-box;
padding: 4px;
transition: 0.1s all;
}
.invalid-flash {
outline: 4px solid rgba(255, 0, 0, 0.27) !important;
}
} .mkl_pc .mkl_pc_container .mkl_pc_toolbar .text-overlay {
padding: 0;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar .text-overlay .choices-list {
padding: 1em;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar .text-overlay label {
display: block;
margin-top: 1em;
margin-bottom: 0.4em;
} .mkl_pc_summary .text-overlay .mkl_pc_summary_item .summary-item--choice-name {
font-weight: 500;
}
.mkl_pc_summary .text-overlay .mkl_pc_summary_item .summary-item--choice-name::after {
content: ': ';
}
.font-selector-wrap {
position: relative;
width: 100%;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices .layers button.font-trigger,
.mkl_pc .mkl_pc_container .mkl_pc_toolbar section.choices button.font-trigger,
.mkl_pc .mkl_pc_container .mkl_pc_toolbar > ul li button.font-trigger {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
font-size: 14px;
padding: 8px 12px;
border: 1px solid #ccc;
background: #fff;
cursor: pointer;
}
.font-trigger .selected-font {
font-size: 18px;
height: 18px;
display: block;
line-height: 1.2;
text-transform: none;
}
.font-option {
display: block;
cursor: pointer;
}
.mkl_pc .mkl_pc_container .mkl_pc_toolbar .text-overlay .font-option label {
display: block;
cursor: pointer;
font-size: 18px;
border-radius: 4px;
padding: 6px 10px;
margin: 0;
margin-bottom: 3px;
border: 1px solid #e1e1e1;
background: #FFF;
} .font-option input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none;
} .mkl_pc .mkl_pc_container .mkl_pc_toolbar .text-overlay .font-option input[type="radio"]:checked + label {
border-color: var(--mkl_pc_color-primary);
box-shadow: inset 0 0 0px 1px var(--mkl_pc_color-primary);
}
.font-selector-wrap [data-tippy-root] {
width: 100%;
}
.tippy-box[data-theme~='mkl-font-selector'] .tippy-content {
padding: 9px;
}
.tippy-box[data-theme~='mkl-font-selector'] {
width: 100%;
max-height: 300px;
overflow-y: auto;
border: 1px solid #ccc;
background: #fff;
color: #000;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.mkl-to-preview {
border: 1px solid #e2e2e2;
border-radius: 4px;
padding: 0;
text-align: center;
}
.text-preview {
padding: 10px;
}
.text-preview.no-text {
background: #cccccc54;
font-style: italic;
}