/* Font Family */
.tinymce-font-family {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Line Height */
.tinymce-line-height {
    line-height: 1.4;
}

/* Margin */
.tinymce-margin {
    margin: 1rem;
}

/* Basic Styles */
.tinymce-basic-styles table {
    border-collapse: collapse;
}

/* Apply a default padding if legacy cellpadding attribute is missing */
.tinymce-basic-styles table:not([cellpadding]) th,
.tinymce-basic-styles table:not([cellpadding]) td {
    padding: 0.4rem;
}

/* Set default table styles if a table has a positive border attribute and no inline css */
.tinymce-basic-styles table[border]:not([border="0"]):not([style*="border-width"]) th,
.tinymce-basic-styles table[border]:not([border="0"]):not([style*="border-width"]) td {
    border-width: 1px;
}

.tinymce-basic-styles table[border]:not([border="0"]):not([style*="border-style"]) th,
.tinymce-basic-styles table[border]:not([border="0"]):not([style*="border-style"]) td {
    border-style: solid;
}

.tinymce-basic-styles table[border]:not([border="0"]):not([style*="border-color"]) th,
.tinymce-basic-styles table[border]:not([border="0"]):not([style*="border-color"]) td {
    border-color: #ccc;
}

.tinymce-basic-styles figure {
    display: table;
    margin: 1rem auto;
}

.tinymce-basic-styles figure figcaption {
    color: #999;
    display: block;
    margin-top: 0.25rem;
    text-align: center;
}

.tinymce-basic-styles hr {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 0 0;
}

.tinymce-basic-styles code {
    background-color: #e8e8e8;
    border-radius: 3px;
    padding: 0.1rem 0.2rem;
}

/* Blockquote styles */
.tinymce-basic-styles:not([dir=rtl]) blockquote {
    border-left: 2px solid #ccc;
    margin-left: 1.5rem;
    padding-left: 1rem;
}

.tinymce-basic-styles[dir=rtl] blockquote {
    border-right: 2px solid #ccc;
    margin-right: 1.5rem;
    padding-right: 1rem;
}

/* Extended styles */
.tinymce-basic-styles figure.align-left {
    float: left;
}

.tinymce-basic-styles figure.align-right {
    float: right;
}

.tinymce-basic-styles img.align-left {
    float: left;
}

.tinymce-basic-styles img.align-right {
    float: right;
}

/* Reset font sizes to default browser values */
.tinymce-initial-browser-styles * { all: revert-layer; }