.side-properties {
    flex: 0;
    min-width: fit-content;
    max-width: 50%;
    margin: 5px 5px 5px 0;
    padding-right: 5px;
    border-right: 2px groove $c-border-groove;

    .side-property {
        margin: 2px 0;
        display: grid;
        grid-template-columns: 40% auto;
        justify-content: left;

        label {
            line-height: $default-input-height;
            font-weight: bold;
        }

        input,
        select {
            text-align: left;
            width: calc(100% - 2px);
        }

        input[type="checkbox"] {
            width: auto;
            height: 100%;
            margin: 0px;
        }
    }
}

.sheet-body .tab .editor {
    height: 100%;
}

.tox {
    .tox-editor-container {
        background: $c-white;
    }

    .tox-edit-area {
        padding: 0 8px;
    }
}