.pphc-math-button {
    margin-top: 6px !important;
}

#pphc-math-composer {
    max-width: 900px;
    padding: 16px;
    margin: 16px 0;
    background: #fff;
    border: 1px solid #c3c4c7;
    border-left: 4px solid #2271b1;
}

#pphc-math-composer math-field,
.pphc-answer-mathfield {
    display: block;
    min-height: 52px;
    padding: 8px;
    margin: 8px 0;
    font-size: 20px;
    background: #fff;
    border: 1px solid #8c8f94;
    border-radius: 3px;
}

.pphc-option-editor {
    display: flex;
    gap: 8px;
    align-items: center;
}

.pphc-option-editor textarea,
.pphc-option-editor .pphc-rich-editor {
    flex: 1;
	width: 100%;
}

.pphc-math-text-button {
    margin: 0 0 10px 0 !important;
}

html.pphc-math-keyboard-open body {
    padding-bottom: calc(var(--pphc-math-keyboard-height, 320px) + 80px) !important;
}

html.pphc-math-keyboard-open #wpbody-content {
    padding-bottom: calc(var(--pphc-math-keyboard-height, 320px) + 100px) !important;
}