.le-select-font-dialog {
    width: 580px;
    height: 438px;
    color: white;
    font-size: 14px;
}
.le-select-font-dialog .le-dialog-content {
    width: 100%;
}
.le-select-font-dialog .le-dialog-font-settings {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.le-select-font-dialog .le-dialog-font-settings .le-dialog-font-section-title {
    padding: 10px;
}
.le-select-font-dialog .le-dialog-font-section-select {
    flex: 1;
    overflow: hidden;
}
.le-select-font-dialog .live-editor-custom-select {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}
.le-select-font-dialog .live-editor-custom-select [contenteditable="true"].live-editor-custom-select-custom-input{
    width: auto;
}
.le-select-font-dialog .live-editor-custom-select .live-editor-custom-select-items-con {
    overflow-y: scroll;
    flex: 1;
    overflow-x: hidden;
}
.le-select-font-dialog .live-editor-custom-select .live-editor-custom-select-option {
    padding: 4px 16px;
}

.le-select-font-dialog .le-dialog-font-general,
.le-select-font-dialog .le-dialog-font-preview {
    display: flex;
    overflow: hidden;
    height: 70%;
}
.le-select-font-dialog .le-dialog-font-preview {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 30%;
}

.le-select-font-dialog .le-dialog-font-general .le-dialog-font-family,
.le-select-font-dialog .le-dialog-font-general .le-dialog-font-style,
.le-select-font-dialog .le-dialog-font-general .le-dialog-font-size {
    display: flex;
    flex-direction: column;
    padding: 0 5px 0 5px;
}
.le-select-font-dialog .le-dialog-font-general .le-dialog-font-family {
    width: 40%;
}
.le-select-font-dialog .le-dialog-font-general .le-dialog-font-style {
    width: 40%;
}
.le-select-font-dialog .le-dialog-font-general .le-dialog-font-size {
    width: 20%;
}

.le-select-font-dialog .le-dialog-font-preview .le-dialog-font-effects,
.le-select-font-dialog .le-dialog-font-preview .le-dialog-font-sample {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    margin: 0 5px 0 5px;
    padding: 10px;
    background-color: #374246;
}

.le-select-font-dialog .le-dialog-font-preview .le-dialog-font-effects-caption,
.le-select-font-dialog .le-dialog-font-preview .le-dialog-font-sample-caption {
    margin-bottom: 10px;
}

.le-select-font-dialog .le-dialog-font-preview label {
    display: block;
    font-size: 18px;
    margin-top: 5px;
}
.le-select-font-dialog .le-dialog-font-sample-preview {
    margin-top: 10px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4c595e;
    overflow: hidden;
}

.le-select-font-dialog .le-dialog-controls-table .le-dialog-controls-item .le-dialog-controls-config input[type="checkbox"]{
    margin-left: 0;
}

.le-select-font-dialog .le-dialog-buttons-con {
    display: flex;
    justify-content: flex-end;
}
.le-select-font-dialog .le-dialog-buttons-con button{
    margin-left: 10px;
}