@import 'katex.min.css';

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

code, kbd {
    padding: 2px 4px;
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        box-shadow: none;
    }

pre {
    display: block;
    margin: 0 0 10px;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

fieldset {
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type="radio"], input[type="checkbox"] {
    margin: 1px 0 0;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    padding-top: 7px;
}

output, .form-control {
    display: block;
    font-size: 14px;
    line-height: 1.4285714;
    color: #555;
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control::-moz-placeholder {
        color: #777;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #777;
    }

    .form-control::-webkit-input-placeholder {
        color: #777;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1;
    }

textarea.form-control {
    height: auto;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    line-height: 34px;
    line-height: 1.4285714 \0;
}

    input[type="date"].input-sm, .form-horizontal .form-group-sm input[type="date"].form-control, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, input[type="time"].input-sm, .form-horizontal .form-group-sm input[type="time"].form-control, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, input[type="datetime-local"].input-sm, .form-horizontal .form-group-sm input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, input[type="month"].input-sm, .form-horizontal .form-group-sm input[type="month"].form-control, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn {
        line-height: 30px;
    }

    input[type="date"].input-lg, .form-horizontal .form-group-lg input[type="date"].form-control, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, input[type="time"].input-lg, .form-horizontal .form-group-lg input[type="time"].form-control, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, input[type="datetime-local"].input-lg, .form-horizontal .form-group-lg input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, input[type="month"].input-lg, .form-horizontal .form-group-lg input[type="month"].form-control, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn {
        line-height: 46px;
    }

.form-group {
    margin-bottom: 15px;
}

.radio, .checkbox {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label, .checkbox label {
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px; \9
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

    input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"], .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline, .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
        cursor: not-allowed;
    }

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

    .form-control-static.input-lg, .form-horizontal .form-group-lg .form-control-static.form-control, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .form-horizontal .form-group-sm .form-control-static.form-control, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
        padding-left: 0;
        padding-right: 0;
    }

.input-sm, .form-horizontal .form-group-sm .form-control, .input-group-sm > .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.input-group-sm > .input-group-addon {
    height: 30px;
    line-height: 1.5;
}

.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm, .form-horizontal .form-group-sm select.form-control, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm, .form-horizontal .form-group-sm textarea.form-control, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .form-horizontal .form-group-sm select[multiple].form-control, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn {
    height: auto;
}

.input-lg, .form-horizontal .form-group-lg .form-control, .input-group-lg > .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.input-group-lg > .input-group-addon {
    height: 46px;
    line-height: 1.33;
}

.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

select.input-lg, .form-horizontal .form-group-lg select.form-control, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg, .form-horizontal .form-group-lg textarea.form-control, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form-control, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn {
    height: auto;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.input-lg + .form-control-feedback, .form-horizontal .form-group-lg .form-control + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback, .form-horizontal .form-group-sm .form-control + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

    .form-horizontal .form-group:before {
        content: " ";
        display: table;
    }

    .form-horizontal .form-group:after {
        content: " ";
        display: table;
        clear: both;
    }

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px;
}

.btn {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus {
        color: #333;
        text-decoration: none;
    }

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: .65;
        filter: alpha(opacity=65);
        box-shadow: none;
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
        background-image: none;
    }

    .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #3071a9;
        border-color: #285e8e;
    }

    .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
        background-image: none;
    }

    .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
        background-color: #428bca;
        border-color: #357ebd;
    }

    .btn-primary .badge {
        color: #428bca;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
        background-image: none;
    }

    .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
        background-image: none;
    }

    .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
        background-image: none;
    }

    .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
        background-image: none;
    }

    .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    color: #428bca;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0;
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        box-shadow: none;
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover, .btn-link:focus {
                color: #2a6496;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
                color: #777;
                text-decoration: none;
            }

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.btn-sm {
    padding: 5px 10px;
}

.btn-sm, .btn-xs {
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

    .input-group-addon, .input-group-btn, .input-group .form-control {
        display: table-cell;
    }

        .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

.input-group-addon {
    white-space: nowrap;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm, .form-horizontal .form-group-sm .input-group-addon.form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg, .form-horizontal .form-group-lg .input-group-addon.form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn, .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
            z-index: 2;
        }

        .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
            margin-right: -1px;
        }

        .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
            margin-left: -1px;
        }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.4285714;
            text-decoration: none;
            color: #428bca;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
            color: #2a6496;
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        background-color: #428bca;
        border-color: #428bca;
        cursor: default;
    }

    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #777;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed;
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.modal-open, .modal {
    overflow: hidden;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate3d(0,-25%,0);
        transform: translate3d(0,-25%,0);
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.4285714px;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.4285714;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:before, .modal-footer:after {
        content: " ";
        display: table;
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #002b36;
    color: #839496;
    -webkit-text-size-adjust: none;
}

.hljs-comment, .hljs-template_comment, .diff .hljs-header, .hljs-doctype, .hljs-pi, .lisp .hljs-string, .hljs-javadoc {
    color: #586e75;
}

.hljs-keyword, .hljs-winutils, .method, .hljs-addition, .css .hljs-tag, .hljs-request, .hljs-status, .nginx .hljs-title {
    color: #859900;
}

.hljs-number, .hljs-command, .hljs-string, .hljs-tag .hljs-value, .hljs-rules .hljs-value, .hljs-phpdoc, .hljs-dartdoc, .tex .hljs-formula, .hljs-regexp, .hljs-hexcolor, .hljs-link_url {
    color: #2aa198;
}

.hljs-title, .hljs-localvars, .hljs-chunk, .hljs-decorator, .hljs-built_in, .hljs-identifier, .vhdl .hljs-literal, .hljs-id, .css .hljs-function {
    color: #268bd2;
}

.hljs-attribute, .hljs-variable, .lisp .hljs-body, .smalltalk .hljs-number, .hljs-constant, .hljs-class .hljs-title, .hljs-parent, .hljs-type, .hljs-link_reference {
    color: #b58900;
}

.hljs-preprocessor, .hljs-preprocessor .hljs-keyword, .hljs-pragma, .hljs-shebang, .hljs-symbol, .hljs-symbol .hljs-string, .diff .hljs-change, .hljs-special, .hljs-attr_selector, .hljs-subst, .hljs-cdata, .css .hljs-pseudo, .hljs-header {
    color: #cb4b16;
}

.hljs-deletion, .hljs-important {
    color: #dc322f;
}

.hljs-link_label {
    color: #6c71c4;
}

.tex .hljs-formula {
    background: #073642;
}

*, *:before, *:after {
    box-sizing: border-box;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background: 0 0;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

images {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd {
    font-size: 1em;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
}

samp {
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.debug {
    background-color: #ffc0cb !important;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

    .ir::before {
        content: '';
        display: block;
        height: 150%;
        width: 0;
    }

html {
    font-size: .875em;
    background: #fff;
    color: #373D49;
}

html, body {
    font-family: Georgia,Cambria,serif;
    height: 100%;
}

body {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
}

ul, ol {
    margin-bottom: .83999rem;
    padding-top: .16001rem;
}

li {
    -webkit-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
    -moz-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
    font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
    margin-left: 1rem;
}

    li > ul, li > ol {
        margin-bottom: 0;
    }

p {
    padding-top: .66001rem;
    -webkit-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
    -moz-font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
    font-feature-settings: 'kern' 1,'onum' 1,'liga' 1;
    margin-top: 0;
}

p, pre {
    margin-bottom: 1.33999rem;
}

pre {
    font-size: 1rem;
    padding: .66001rem 9.5px 9.5px;
    line-height: 2rem;
    background: -webkit-linear-gradient(top,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);
    background: linear-gradient(to bottom,#fff 0,#fff .75rem,#f5f7fa .75rem,#f5f7fa 2.75rem,#fff 2.75rem,#fff 4rem);
    background-size: 100% 4rem;
    border-color: #D3DAEA;
}

blockquote {
    margin: 0;
}

    blockquote p {
        font-size: 1rem;
        margin-bottom: .33999rem;
        font-style: italic;
        padding: .66001rem 1rem 1rem;
        border-left: 3px solid #A0AABF;
    }

th, td {
    padding: 12px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
    -moz-font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
    font-feature-settings: 'dlig' 1,'liga' 1,'lnum' 1,'kern' 1;
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
}

h1 {
    line-height: 3rem;
    font-size: 2.0571429rem;
    margin-bottom: .21999rem;
    padding-top: .78001rem;
}

h2 {
    font-size: 1.953125rem;
    margin-bottom: .1835837rem;
    padding-top: .8164163rem;
}

h2, h3 {
    line-height: 3rem;
}

h3 {
    font-size: 1.6457143rem;
    margin-bottom: .07599rem;
    padding-top: .92401rem;
}

h4 {
    font-size: 1.5625rem;
    margin-bottom: .546865rem;
    padding-top: .453135rem;
}

h5 {
    font-size: 1.25rem;
    margin-bottom: -.56251rem;
    padding-top: .56251rem;
}

h6 {
    font-size: 1rem;
    margin-bottom: -.65001rem;
    padding-top: .65001rem;
}

a {
    cursor: pointer;
    color: #35D7BB;
    text-decoration: none;
}

    a:hover, a:focus {
        border-bottom-color: #35D7BB;
        color: #dff9f4;
    }

img {
    height: auto;
    max-width: 100%;
}

.g {
    display: block;
}

    .g:after {
        clear: both;
        content: '';
        display: table;
    }

.g-b {
    float: left;
    margin: 0;
    width: 100%;
}

.g {
    margin-left: -16px;
    margin-right: -16px;
}

.g-b {
    padding-left: 16px;
    padding-right: 16px;
}

.g-b--center {
    display: block;
    float: none;
    margin: 0 auto;
}

.g-b--right {
    float: right;
}

.g-b--1of1 {
    width: 100%;
}

.g-b--1of2, .g-b--2of4, .g-b--3of6, .g-b--4of8, .g-b--5of10, .g-b--6of12 {
    width: 50%;
}

.g-b--1of3, .g-b--2of6, .g-b--4of12 {
    width: 33.333%;
}

.g-b--2of3, .g-b--4of6, .g-b--8of12 {
    width: 66.666%;
}

.g-b--1of4, .g-b--2of8, .g-b--3of12 {
    width: 25%;
}

.g-b--3of4, .g-b--6of8, .g-b--9of12 {
    width: 75%;
}

.g-b--1of5, .g-b--2of10 {
    width: 20%;
}

.g-b--2of5, .g-b--4of10 {
    width: 40%;
}

.g-b--3of5, .g-b--6of10 {
    width: 60%;
}

.g-b--4of5, .g-b--8of10 {
    width: 80%;
}

.g-b--1of6, .g-b--2of12 {
    width: 16.666%;
}

.g-b--5of6, .g-b--10of12 {
    width: 83.333%;
}

.g-b--1of8 {
    width: 12.5%;
}

.g-b--3of8 {
    width: 37.5%;
}

.g-b--5of8 {
    width: 62.5%;
}

.g-b--7of8 {
    width: 87.5%;
}

.g-b--1of10 {
    width: 10%;
}

.g-b--3of10 {
    width: 30%;
}

.g-b--7of10 {
    width: 70%;
}

.g-b--9of10 {
    width: 90%;
}

.g-b--1of12 {
    width: 8.333%;
}

.g-b--5of12 {
    width: 41.666%;
}

.g-b--7of12 {
    width: 58.333%;
}

.g-b--11of12 {
    width: 91.666%;
}

.g-b--push--1of1 {
    margin-left: 100%;
}

.g-b--push--1of2, .g-b--push--2of4, .g-b--push--3of6, .g-b--push--4of8, .g-b--push--5of10, .g-b--push--6of12 {
    margin-left: 50%;
}

.g-b--push--1of3, .g-b--push--2of6, .g-b--push--4of12 {
    margin-left: 33.333%;
}

.g-b--push--2of3, .g-b--push--4of6, .g-b--push--8of12 {
    margin-left: 66.666%;
}

.g-b--push--1of4, .g-b--push--2of8, .g-b--push--3of12 {
    margin-left: 25%;
}

.g-b--push--3of4, .g-b--push--6of8, .g-b--push--9of12 {
    margin-left: 75%;
}

.g-b--push--1of5, .g-b--push--2of10 {
    margin-left: 20%;
}

.g-b--push--2of5, .g-b--push--4of10 {
    margin-left: 40%;
}

.g-b--push--3of5, .g-b--push--6of10 {
    margin-left: 60%;
}

.g-b--push--4of5, .g-b--push--8of10 {
    margin-left: 80%;
}

.g-b--push--1of6, .g-b--push--2of12 {
    margin-left: 16.666%;
}

.g-b--push--5of6, .g-b--push--10of12 {
    margin-left: 83.333%;
}

.g-b--push--1of8 {
    margin-left: 12.5%;
}

.g-b--push--3of8 {
    margin-left: 37.5%;
}

.g-b--push--5of8 {
    margin-left: 62.5%;
}

.g-b--push--7of8 {
    margin-left: 87.5%;
}

.g-b--push--1of10 {
    margin-left: 10%;
}

.g-b--push--3of10 {
    margin-left: 30%;
}

.g-b--push--7of10 {
    margin-left: 70%;
}

.g-b--push--9of10 {
    margin-left: 90%;
}

.g-b--push--1of12 {
    margin-left: 8.333%;
}

.g-b--push--5of12 {
    margin-left: 41.666%;
}

.g-b--push--7of12 {
    margin-left: 58.333%;
}

.g-b--push--11of12 {
    margin-left: 91.666%;
}

.g-b--pull--1of1 {
    margin-right: 100%;
}

.g-b--pull--1of2, .g-b--pull--2of4, .g-b--pull--3of6, .g-b--pull--4of8, .g-b--pull--5of10, .g-b--pull--6of12 {
    margin-right: 50%;
}

.g-b--pull--1of3, .g-b--pull--2of6, .g-b--pull--4of12 {
    margin-right: 33.333%;
}

.g-b--pull--2of3, .g-b--pull--4of6, .g-b--pull--8of12 {
    margin-right: 66.666%;
}

.g-b--pull--1of4, .g-b--pull--2of8, .g-b--pull--3of12 {
    margin-right: 25%;
}

.g-b--pull--3of4, .g-b--pull--6of8, .g-b--pull--9of12 {
    margin-right: 75%;
}

.g-b--pull--1of5, .g-b--pull--2of10 {
    margin-right: 20%;
}

.g-b--pull--2of5, .g-b--pull--4of10 {
    margin-right: 40%;
}

.g-b--pull--3of5, .g-b--pull--6of10 {
    margin-right: 60%;
}

.g-b--pull--4of5, .g-b--pull--8of10 {
    margin-right: 80%;
}

.g-b--pull--1of6, .g-b--pull--2of12 {
    margin-right: 16.666%;
}

.g-b--pull--5of6, .g-b--pull--10of12 {
    margin-right: 83.333%;
}

.g-b--pull--1of8 {
    margin-right: 12.5%;
}

.g-b--pull--3of8 {
    margin-right: 37.5%;
}

.g-b--pull--5of8 {
    margin-right: 62.5%;
}

.g-b--pull--7of8 {
    margin-right: 87.5%;
}

.g-b--pull--1of10 {
    margin-right: 10%;
}

.g-b--pull--3of10 {
    margin-right: 30%;
}

.g-b--pull--7of10 {
    margin-right: 70%;
}

.g-b--pull--9of10 {
    margin-right: 90%;
}

.g-b--pull--1of12 {
    margin-right: 8.333%;
}

.g-b--pull--5of12 {
    margin-right: 41.666%;
}

.g-b--pull--7of12 {
    margin-right: 58.333%;
}

.g-b--pull--11of12 {
    margin-right: 91.666%;
}

.splashscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #373D49;
    z-index: 22;
}

.splashscreen-dillinger {
    width: 260px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-bottom: 3rem;
}

.splashscreen p {
    font-size: 1.25rem;
    padding-top: .56251rem;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    color: #FFF;
}

.sp-center {
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

.open-menu > .wrapper {
    overflow-x: hidden;
}

.page {
    margin: 0 auto;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color: #fff;
    padding-top: 51px;
    will-change: left;
}

.open-menu .page {
    left: 270px;
}

.title {
    line-height: 1rem;
    font-size: .8rem;
    margin-bottom: .77999rem;
    padding-top: .22001rem;
    font-weight: 500;
    color: #A0AABF;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 1rem;
}

.split-preview .title {
    padding-left: 0;
}

.title-document {
    line-height: 1rem;
    font-size: 1.25rem;
    margin-bottom: .89999rem;
    padding-top: .10001rem;
    font-weight: 400;
    font-family: "Ubuntu Mono",Monaco;
    color: #373D49;
    padding-left: 16px;
    padding-right: 16px;
    width: 80%;
    min-width: 300px;
    outline: 0;
    border: none;
}

.icon {
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 3px;
    text-align: center;
}

    .icon svg {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

.icon-preview {
    background-color: #373D49;
    line-height: 40px;
}

    .icon-preview svg {
        width: 19px;
        height: 12px;
    }

.icon-settings {
    background-color: #373D49;
    line-height: 44px;
}

    .icon-settings svg {
        width: 18px;
        height: 18px;
    }

.icon-link {
    width: 16px;
    height: 16px;
    line-height: 1;
    margin-right: 24px;
    text-align: right;
}

.navbar {
    background-color: #373D49;
    height: 51px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    will-change: left;
}

    .navbar:after {
        content: "";
        display: table;
        clear: both;
    }

.open-menu .navbar {
    left: 270px;
}

.navbar-brand {
    float: left;
    margin: 0 0 0 24px;
    padding: 0;
    line-height: 42px;
}

    .navbar-brand svg {
        width: 85px;
        height: 11px;
    }

.nav-left {
    float: left;
}

.nav-right {
    float: right;
}

.nav-sidebar {
    width: 100%;
}

.menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .menu a {
        border: 0;
        color: #A0AABF;
        font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
        outline: none;
        text-transform: uppercase;
    }

        .menu a:hover {
            color: #35D7BB;
        }

    .menu .menu-item {
        border: 0;
        display: none;
        float: left;
        margin: 0;
        position: relative;
    }

        .menu .menu-item > a {
            display: block;
            font-size: 12px;
            height: 51px;
            letter-spacing: 1px;
            line-height: 51px;
            padding: 0 24px;
        }

    .menu .menu-item--settings, .menu .menu-item--preview, .menu .menu-item--save-to.in-sidebar, .menu .menu-item--import-from.in-sidebar, .menu .menu-item--link-unlink.in-sidebar, .menu .menu-item--documents.in-sidebar {
        display: block;
    }

    .menu .menu-item--documents {
        padding-bottom: 1rem;
    }

    .menu .menu-item.open > a {
        background-color: #1D212A;
    }

    .menu .menu-item-icon > a {
        height: auto;
        padding: 0;
    }

    .menu .menu-item-icon:hover > a {
        background-color: transparent;
    }

    .menu .menu-link.open i {
        background-color: #1D212A;
    }

    .menu .menu-link.open g {
        fill: #35D7BB;
    }

    .menu .menu-link-preview, .menu .menu-link-settings {
        margin-top: 8px;
        width: 51px;
    }

.menu-sidebar {
    width: 100%;
}

    .menu-sidebar .menu-item {
        float: none;
        margin-bottom: 1px;
        width: 100%;
    }

        .menu-sidebar .menu-item.open > a {
            background-color: #373D49;
        }

    .menu-sidebar .open .caret {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .menu-sidebar > .menu-item:hover .dropdown a, .menu-sidebar > .menu-item:hover .settings a {
        background-color: transparent;
    }

    .menu-sidebar .menu-link {
        background-color: #373D49;
        font-weight: 600;
    }

        .menu-sidebar .menu-link:after {
            content: "";
            display: table;
            clear: both;
        }

        .menu-sidebar .menu-link > span {
            float: left;
        }

        .menu-sidebar .menu-link > .caret {
            float: right;
            text-align: right;
            top: 22px;
        }

    .menu-sidebar .dropdown, .menu-sidebar .settings {
        background-color: transparent;
        position: static;
        width: 100%;
    }

.dropdown {
    position: absolute;
    right: 0;
    top: 51px;
    width: 188px;
}

.dropdown, .settings {
    display: none;
    background-color: #1D212A;
}

.dropdown {
    padding: 0;
}

.dropdown, .settings, .sidebar-list {
    list-style: none;
    margin: 0;
}

.sidebar-list {
    padding: 0;
}

.dropdown li {
    margin: 32px 0;
    padding: 0 0 0 32px;
}

.dropdown li, .settings li {
    line-height: 1;
}

.sidebar-list li {
    line-height: 1;
    margin: 32px 0;
    padding: 0 0 0 32px;
}

.dropdown a {
    color: #D0D6E2;
}

.dropdown a, .settings a, .sidebar-list a {
    display: block;
    text-transform: none;
}

.sidebar-list a {
    color: #D0D6E2;
}

    .dropdown a:after, .settings a:after, .sidebar-list a:after {
        content: "";
        display: table;
        clear: both;
    }

.dropdown .icon, .settings .icon, .sidebar-list .icon {
    float: right;
}

.open .dropdown, .open .settings, .open .sidebar-list {
    display: block;
}

    .open .dropdown.collapse, .open .collapse.settings, .open .sidebar-list.collapse {
        display: none;
    }

        .open .dropdown.collapse.in, .open .collapse.in.settings, .open .sidebar-list.collapse.in {
            display: block;
        }

.dropdown .unlinked .icon, .settings .unlinked .icon, .sidebar-list .unlinked .icon {
    opacity: .3;
}

.dropdown.documents li, .documents.settings li, .sidebar-list.documents li {
    background-image: url("https://api.crypto.games/img/icons/file.svg");
    background-position: 240px center;
    background-repeat: no-repeat;
    background-size: 14px 16px;
    padding: 3px 32px;
}

    .dropdown.documents li.octocat, .documents.settings li.octocat, .sidebar-list.documents li.octocat {
        background-image: url("https://api.crypto.games/img/icons/octocat.svg");
        background-position: 234px center;
        background-size: 24px 24px;
    }

    .dropdown.documents li:last-child, .documents.settings li:last-child, .sidebar-list.documents li:last-child {
        margin-bottom: 1rem;
    }

    .dropdown.documents li.active a, .documents.settings li.active a, .sidebar-list.documents li.active a {
        color: #35D7BB;
    }

.settings {
    position: fixed;
    top: 67px;
    right: 16px;
    border-radius: 3px;
    width: 288px;
    background-color: #373D49;
    padding: 16px;
    z-index: 7;
}

.show-settings .settings {
    display: block;
}

.settings .has-checkbox {
    float: left;
}

.settings a {
    font-size: 1.25rem;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    line-height: 28px;
    color: #D0D6E2;
}

    .settings a:after {
        content: "";
        display: table;
        clear: both;
    }

    .settings a:hover {
        color: #35D7BB;
    }

.settings li {
    border-bottom: 1px solid #4F535B;
    margin: 0;
    padding: 16px 0;
}

    .settings li:last-child {
        border-bottom: none;
    }

.brand {
    border: none;
    display: block;
}

    .brand:hover g {
        fill: #35D7BB;
    }

.toggle {
    display: block;
    float: left;
    height: 16px;
    padding: 25px 16px 26px;
    width: 40px;
}

    .toggle span:after, .toggle span:before {
        content: '';
        left: 0;
        position: absolute;
        top: -6px;
    }

    .toggle span:after {
        top: 6px;
    }

    .toggle span {
        display: block;
        position: relative;
    }

        .toggle span, .toggle span:after, .toggle span:before {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            background-color: #D3DAEA;
            height: 2px;
            -webkit-transition: all .3s;
            transition: all .3s;
            width: 20px;
        }

.open-menu .toggle span {
    background-color: transparent;
}

    .open-menu .toggle span:before {
        -webkit-transform: rotate(45deg)translate(3px,3px);
        -ms-transform: rotate(45deg)translate(3px,3px);
        transform: rotate(45deg)translate(3px,3px);
    }

    .open-menu .toggle span:after {
        -webkit-transform: rotate(-45deg)translate(5px,-6px);
        -ms-transform: rotate(-45deg)translate(5px,-6px);
        transform: rotate(-45deg)translate(5px,-6px);
    }

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.sidebar {
    overflow: auto;
    height: 100%;
    padding-right: 15px;
    padding-bottom: 15px;
    width: 285px;
}

.sidebar-wrapper {
    -webkit-overflow-scrolling: touch;
    background-color: #2B2F36;
    left: 0;
    height: 100%;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    width: 285px;
    z-index: 1;
}

.sidebar-branding {
    width: 160px;
    padding: 0;
    margin: 16px auto;
}

.header {
    border-bottom: 1px solid #E8E8E8;
    position: relative;
}

.words {
    line-height: 1rem;
    font-size: .8rem;
    margin-bottom: .77999rem;
    padding-top: .22001rem;
    font-weight: 500;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #A0AABF;
    letter-spacing: 1px;
    text-transform: uppercase;
    z-index: 5;
    position: absolute;
    right: 16px;
    top: 0;
}

    .words span {
        color: #000;
    }

.btn {
    text-align: center;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-shadow: 0 1px 0 #1b8b77;
    padding: 16px 24px;
    background-color: #35D7BB;
    border-radius: 3px;
    margin: 0 auto 16px;
    line-height: 1;
    color: #fff;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    -webkit-font-smoothing: antialiased;
}

.btn--new, .btn--save {
    display: block;
    width: 238px;
}

    .btn--new:hover, .btn--new:focus, .btn--save:hover, .btn--save:focus {
        color: #fff;
        border-bottom-color: transparent;
        box-shadow: 0 1px 3px #24b59c;
        text-shadow: 0 1px 0 #24b59c;
    }

.btn--save {
    background-color: #4A5261;
    text-shadow: 0 1px 1px #1e2127;
}

    .btn--save:hover, .btn--save:focus {
        color: #fff;
        border-bottom-color: transparent;
        box-shadow: 0 1px 5px #08090a;
        text-shadow: none;
    }

.btn--delete {
    display: block;
    width: 238px;
    background-color: transparent;
    font-size: 12px;
    text-shadow: none;
}

    .btn--delete:hover, .btn--delete:focus {
        color: #fff;
        border-bottom-color: transparent;
        text-shadow: 0 1px 0 #08090a;
        opacity: .8;
    }

.btn--ok, .btn--close {
    border-top: 0;
    background-color: #4A5261;
    text-shadow: 0 1px 0 #08090a;
    margin: 0;
}

    .btn--ok:hover, .btn--ok:focus, .btn--close:hover, .btn--close:focus {
        color: #fff;
        background-color: #292d36;
        text-shadow: none;
    }

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(55,61,73,.8);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    will-change: left,opacity,visibility;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
}

.show-settings .overlay {
    visibility: visible;
    opacity: 1;
}

.switch {
    float: right;
    line-height: 1;
}

    .switch input {
        display: none;
    }

    .switch small {
        display: inline-block;
        cursor: pointer;
        padding: 0 24px 0 0;
        -webkit-transition: all ease .2s;
        transition: all ease .2s;
        background-color: #2B2F36;
        border-color: #2B2F36;
    }

        .switch small, .switch small:before {
            border-radius: 30px;
            box-shadow: inset 0 0 2px 0 #14171F;
        }

            .switch small:before {
                display: block;
                content: '';
                width: 28px;
                height: 28px;
                background: #fff;
            }

    .switch.checked small {
        padding-right: 0;
        padding-left: 24px;
        background-color: #35D7BB;
        box-shadow: none;
    }

.modal--dillinger.about .modal-dialog {
    font-size: 1.25rem;
    max-width: 500px;
}

.modal--dillinger.scope .modal-dialog {
    max-width: 300px;
    margin: 5rem auto;
}

.modal--dillinger .modal-dialog {
    max-width: 600px;
    width: auto;
    margin: 5rem auto;
}

.modal--dillinger .modal-content {
    background: #373D49;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 #2C3B59;
    color: #fff;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    padding: 2rem;
}

.modal--dillinger ul {
    list-style-type: disc;
    margin: 1rem 0;
    padding: 0 0 0 1rem;
}

.modal--dillinger li {
    padding: 0;
    margin: 0;
}

.modal--dillinger .modal-header {
    border: 0;
    padding: 0;
}

.modal--dillinger .modal-body {
    padding: 0;
}

.modal--dillinger .modal-footer {
    border: 0;
    padding: 0;
}

.modal--dillinger .close {
    color: #fff;
    opacity: 1;
}

.modal-backdrop {
    background-color: #373D49;
}

.pagination--dillinger {
    padding: 0 !important;
    margin: 1.5rem 0 !important;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

    .pagination--dillinger, .pagination--dillinger li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .pagination--dillinger li {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            text-align: center;
        }

            .pagination--dillinger li:first-child > a, .pagination--dillinger li.disabled > a, .pagination--dillinger li.disabled > a:hover, .pagination--dillinger li.disabled > a:focus, .pagination--dillinger li > a {
                background-color: transparent;
                border-color: #4F535B;
                border-right-color: transparent;
            }

            .pagination--dillinger li.active > a, .pagination--dillinger li.active > a:hover, .pagination--dillinger li.active > a:focus {
                border-color: #4A5261;
                background-color: #4A5261;
                color: #fff;
            }

            .pagination--dillinger li > a {
                float: none;
                color: #fff;
                width: 100%;
                display: block;
                text-align: center;
                margin: 0;
                border-right-color: transparent;
                padding: 6px;
            }

                .pagination--dillinger li > a:hover, .pagination--dillinger li > a:focus {
                    border-color: #35D7BB;
                    background-color: #35D7BB;
                    color: #fff;
                }

            .pagination--dillinger li:last-child a {
                border-color: #4F535B;
            }

            .pagination--dillinger li:first-child a {
                border-right-color: transparent;
            }

.diNotify {
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    max-width: 400px;
    text-align: center;
    -webkit-transition: top .5s ease-in-out,opacity .5s ease-in-out;
    transition: top .5s ease-in-out,opacity .5s ease-in-out;
    visibility: hidden;
}

.diNotify-body {
    -webkit-font-smoothing: antialiased;
    background-color: #35D7BB;
    background: #666E7F;
    border-radius: 3px;
    color: #fff;
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    overflow: hidden;
    padding: 1rem 2rem .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.diNotify-icon {
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    position: relative;
    top: 3px;
}

.diNotify-message {
    padding-left: 1rem;
}

.zen-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #FFF;
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

    .zen-wrapper.on {
        opacity: 1;
    }

.enter-zen-mode {
    background-image: url("https://api.crypto.games/img/icons/enter-zen.svg");
    right: .5rem;
    top: .313rem;
    display: none;
}

.enter-zen-mode, .close-zen-mode {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
}

.close-zen-mode {
    background-image: url("https://api.crypto.games/img/icons/exit-zen.svg");
    right: 1rem;
    top: 1rem;
}

.zen-page {
    position: relative;
    top: 0;
    bottom: 0;
    z-index: 11;
    height: 100%;
    width: 100%;
}

#zen {
    font-size: 1.25rem;
    width: 300px;
    height: 80%;
    margin: 0 auto;
    position: relative;
    top: 10%;
}

    #zen:before, #zen:after {
        content: "";
        position: absolute;
        height: 10%;
        width: 100%;
        z-index: 12;
        pointer-events: none;
    }

.split {
    overflow: scroll;
    padding: 0 !important;
}

.split-editor {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.show-preview .split-editor {
    display: none;
}

.split-preview {
    background-color: #fff;
    display: none;
    top: 0;
    position: relative;
    z-index: 4;
}

.show-preview .split-preview {
    display: block;
}

#editor {
    font-size: 1rem;
    font-family: "Ubuntu Mono",Monaco;
    font-weight: 400;
    line-height: 2rem;
    width: 100%;
    height: 100%;
}

    #editor .ace_gutter {
        -webkit-font-smoothing: antialiased;
    }

.editor-header {
    width: 50%;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
}

.editor-header--first {
    border-right: 1px solid #E8E8E8;
}

.editor-header .title {
    display: inline-block;
}

#preview {
    padding: 10px;
}

    #preview a {
        color: #A0AABF;
        text-decoration: underline;
    }

.sr-only {
    visibility: hidden;
    text-overflow: 110%;
    overflow: hidden;
    top: -100px;
    position: absolute;
}

.mnone {
    margin: 0 !important;
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label, .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }

    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px;
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }

    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

@media screen and (min-width:27.5em) {
    html {
        font-size: .875em;
    }

    body {
        font-size: 1rem;
    }

    ul, ol {
        margin-bottom: .83999rem;
        padding-top: .16001rem;
    }

    p {
        padding-top: .66001rem;
    }

    p, pre {
        margin-bottom: 1.33999rem;
    }

    pre, blockquote p {
        font-size: 1rem;
        padding-top: .66001rem;
    }

    blockquote p {
        margin-bottom: .33999rem;
    }

    h1 {
        font-size: 2.0571429rem;
        margin-bottom: .21999rem;
        padding-top: .78001rem;
    }

    h2 {
        font-size: 1.953125rem;
        margin-bottom: .1835837rem;
        padding-top: .8164163rem;
    }

    h3 {
        font-size: 1.6457143rem;
        margin-bottom: .07599rem;
        padding-top: .92401rem;
    }

    h4 {
        font-size: 1.5625rem;
        margin-bottom: .546865rem;
        padding-top: .453135rem;
    }

    h5 {
        font-size: 1.25rem;
        margin-bottom: -.56251rem;
        padding-top: .56251rem;
    }

    h6 {
        font-size: 1rem;
        margin-bottom: -.65001rem;
        padding-top: .65001rem;
    }

    .g {
        margin-left: -16px;
        margin-right: -16px;
    }

    .g-b {
        padding-left: 16px;
        padding-right: 16px;
    }

    .g-b--m1of1 {
        width: 100%;
    }

    .g-b--m1of2, .g-b--m2of4, .g-b--m3of6, .g-b--m4of8, .g-b--m5of10, .g-b--m6of12 {
        width: 50%;
    }

    .g-b--m1of3, .g-b--m2of6, .g-b--m4of12 {
        width: 33.333%;
    }

    .g-b--m2of3, .g-b--m4of6, .g-b--m8of12 {
        width: 66.666%;
    }

    .g-b--m1of4, .g-b--m2of8, .g-b--m3of12 {
        width: 25%;
    }

    .g-b--m3of4, .g-b--m6of8, .g-b--m9of12 {
        width: 75%;
    }

    .g-b--m1of5, .g-b--m2of10 {
        width: 20%;
    }

    .g-b--m2of5, .g-b--m4of10 {
        width: 40%;
    }

    .g-b--m3of5, .g-b--m6of10 {
        width: 60%;
    }

    .g-b--m4of5, .g-b--m8of10 {
        width: 80%;
    }

    .g-b--m1of6, .g-b--m2of12 {
        width: 16.666%;
    }

    .g-b--m5of6, .g-b--m10of12 {
        width: 83.333%;
    }

    .g-b--m1of8 {
        width: 12.5%;
    }

    .g-b--m3of8 {
        width: 37.5%;
    }

    .g-b--m5of8 {
        width: 62.5%;
    }

    .g-b--m7of8 {
        width: 87.5%;
    }

    .g-b--m1of10 {
        width: 10%;
    }

    .g-b--m3of10 {
        width: 30%;
    }

    .g-b--m7of10 {
        width: 70%;
    }

    .g-b--m9of10 {
        width: 90%;
    }

    .g-b--m1of12 {
        width: 8.333%;
    }

    .g-b--m5of12 {
        width: 41.666%;
    }

    .g-b--m7of12 {
        width: 58.333%;
    }

    .g-b--m11of12 {
        width: 91.666%;
    }

    .g-b--push--m1of1 {
        margin-left: 100%;
    }

    .g-b--push--m1of2, .g-b--push--m2of4, .g-b--push--m3of6, .g-b--push--m4of8, .g-b--push--m5of10, .g-b--push--m6of12 {
        margin-left: 50%;
    }

    .g-b--push--m1of3, .g-b--push--m2of6, .g-b--push--m4of12 {
        margin-left: 33.333%;
    }

    .g-b--push--m2of3, .g-b--push--m4of6, .g-b--push--m8of12 {
        margin-left: 66.666%;
    }

    .g-b--push--m1of4, .g-b--push--m2of8, .g-b--push--m3of12 {
        margin-left: 25%;
    }

    .g-b--push--m3of4, .g-b--push--m6of8, .g-b--push--m9of12 {
        margin-left: 75%;
    }

    .g-b--push--m1of5, .g-b--push--m2of10 {
        margin-left: 20%;
    }

    .g-b--push--m2of5, .g-b--push--m4of10 {
        margin-left: 40%;
    }

    .g-b--push--m3of5, .g-b--push--m6of10 {
        margin-left: 60%;
    }

    .g-b--push--m4of5, .g-b--push--m8of10 {
        margin-left: 80%;
    }

    .g-b--push--m1of6, .g-b--push--m2of12 {
        margin-left: 16.666%;
    }

    .g-b--push--m5of6, .g-b--push--m10of12 {
        margin-left: 83.333%;
    }

    .g-b--push--m1of8 {
        margin-left: 12.5%;
    }

    .g-b--push--m3of8 {
        margin-left: 37.5%;
    }

    .g-b--push--m5of8 {
        margin-left: 62.5%;
    }

    .g-b--push--m7of8 {
        margin-left: 87.5%;
    }

    .g-b--push--m1of10 {
        margin-left: 10%;
    }

    .g-b--push--m3of10 {
        margin-left: 30%;
    }

    .g-b--push--m7of10 {
        margin-left: 70%;
    }

    .g-b--push--m9of10 {
        margin-left: 90%;
    }

    .g-b--push--m1of12 {
        margin-left: 8.333%;
    }

    .g-b--push--m5of12 {
        margin-left: 41.666%;
    }

    .g-b--push--m7of12 {
        margin-left: 58.333%;
    }

    .g-b--push--m11of12 {
        margin-left: 91.666%;
    }

    .g-b--pull--m1of1 {
        margin-right: 100%;
    }

    .g-b--pull--m1of2, .g-b--pull--m2of4, .g-b--pull--m3of6, .g-b--pull--m4of8, .g-b--pull--m5of10, .g-b--pull--m6of12 {
        margin-right: 50%;
    }

    .g-b--pull--m1of3, .g-b--pull--m2of6, .g-b--pull--m4of12 {
        margin-right: 33.333%;
    }

    .g-b--pull--m2of3, .g-b--pull--m4of6, .g-b--pull--m8of12 {
        margin-right: 66.666%;
    }

    .g-b--pull--m1of4, .g-b--pull--m2of8, .g-b--pull--m3of12 {
        margin-right: 25%;
    }

    .g-b--pull--m3of4, .g-b--pull--m6of8, .g-b--pull--m9of12 {
        margin-right: 75%;
    }

    .g-b--pull--m1of5, .g-b--pull--m2of10 {
        margin-right: 20%;
    }

    .g-b--pull--m2of5, .g-b--pull--m4of10 {
        margin-right: 40%;
    }

    .g-b--pull--m3of5, .g-b--pull--m6of10 {
        margin-right: 60%;
    }

    .g-b--pull--m4of5, .g-b--pull--m8of10 {
        margin-right: 80%;
    }

    .g-b--pull--m1of6, .g-b--pull--m2of12 {
        margin-right: 16.666%;
    }

    .g-b--pull--m5of6, .g-b--pull--m10of12 {
        margin-right: 83.333%;
    }

    .g-b--pull--m1of8 {
        margin-right: 12.5%;
    }

    .g-b--pull--m3of8 {
        margin-right: 37.5%;
    }

    .g-b--pull--m5of8 {
        margin-right: 62.5%;
    }

    .g-b--pull--m7of8 {
        margin-right: 87.5%;
    }

    .g-b--pull--m1of10 {
        margin-right: 10%;
    }

    .g-b--pull--m3of10 {
        margin-right: 30%;
    }

    .g-b--pull--m7of10 {
        margin-right: 70%;
    }

    .g-b--pull--m9of10 {
        margin-right: 90%;
    }

    .g-b--pull--m1of12 {
        margin-right: 8.333%;
    }

    .g-b--pull--m5of12 {
        margin-right: 41.666%;
    }

    .g-b--pull--m7of12 {
        margin-right: 58.333%;
    }

    .g-b--pull--m11of12 {
        margin-right: 91.666%;
    }

    .splashscreen p {
        font-size: 1.25rem;
        margin-bottom: 1.43749rem;
        padding-top: .56251rem;
    }

    .title {
        font-size: .8rem;
        margin-bottom: .77999rem;
        padding-top: .22001rem;
    }

    .title-document {
        margin-bottom: .89999rem;
        padding-top: .10001rem;
    }

    .title-document, .settings a {
        font-size: 1.25rem;
    }

    .words {
        font-size: .8rem;
        margin-bottom: .77999rem;
        padding-top: .22001rem;
    }

    .modal--dillinger.about .modal-dialog, #zen {
        font-size: 1.25rem;
    }

    #zen {
        width: 400px;
    }

    #editor {
        font-size: 1rem;
    }
}

@media screen and (min-width:46.25em) {
    html {
        font-size: .875em;
    }

    body {
        font-size: 1rem;
    }

    ul, ol {
        margin-bottom: .83999rem;
        padding-top: .16001rem;
    }

    p {
        padding-top: .66001rem;
    }

    p, pre {
        margin-bottom: 1.33999rem;
    }

    pre, blockquote p {
        font-size: 1rem;
        padding-top: .66001rem;
    }

    blockquote p {
        margin-bottom: .33999rem;
    }

    h1 {
        font-size: 2.0571429rem;
        margin-bottom: .21999rem;
        padding-top: .78001rem;
    }

    h2 {
        font-size: 1.953125rem;
        margin-bottom: .1835837rem;
        padding-top: .8164163rem;
    }

    h3 {
        font-size: 1.6457143rem;
        margin-bottom: .07599rem;
        padding-top: .92401rem;
    }

    h4 {
        font-size: 1.5625rem;
        margin-bottom: .546865rem;
        padding-top: .453135rem;
    }

    h5 {
        font-size: 1.25rem;
        margin-bottom: -.56251rem;
        padding-top: .56251rem;
    }

    h6 {
        font-size: 1rem;
        margin-bottom: -.65001rem;
        padding-top: .65001rem;
    }

    .g {
        margin-left: -16px;
        margin-right: -16px;
    }

    .g-b {
        padding-left: 16px;
        padding-right: 16px;
    }

    .g-b--t1of1 {
        width: 100%;
    }

    .g-b--t1of2, .g-b--t2of4, .g-b--t3of6, .g-b--t4of8, .g-b--t5of10, .g-b--t6of12 {
        width: 50%;
    }

    .g-b--t1of3, .g-b--t2of6, .g-b--t4of12 {
        width: 33.333%;
    }

    .g-b--t2of3, .g-b--t4of6, .g-b--t8of12 {
        width: 66.666%;
    }

    .g-b--t1of4, .g-b--t2of8, .g-b--t3of12 {
        width: 25%;
    }

    .g-b--t3of4, .g-b--t6of8, .g-b--t9of12 {
        width: 75%;
    }

    .g-b--t1of5, .g-b--t2of10 {
        width: 20%;
    }

    .g-b--t2of5, .g-b--t4of10 {
        width: 40%;
    }

    .g-b--t3of5, .g-b--t6of10 {
        width: 60%;
    }

    .g-b--t4of5, .g-b--t8of10 {
        width: 80%;
    }

    .g-b--t1of6, .g-b--t2of12 {
        width: 16.666%;
    }

    .g-b--t5of6, .g-b--t10of12 {
        width: 83.333%;
    }

    .g-b--t1of8 {
        width: 12.5%;
    }

    .g-b--t3of8 {
        width: 37.5%;
    }

    .g-b--t5of8 {
        width: 62.5%;
    }

    .g-b--t7of8 {
        width: 87.5%;
    }

    .g-b--t1of10 {
        width: 10%;
    }

    .g-b--t3of10 {
        width: 30%;
    }

    .g-b--t7of10 {
        width: 70%;
    }

    .g-b--t9of10 {
        width: 90%;
    }

    .g-b--t1of12 {
        width: 8.333%;
    }

    .g-b--t5of12 {
        width: 41.666%;
    }

    .g-b--t7of12 {
        width: 58.333%;
    }

    .g-b--t11of12 {
        width: 91.666%;
    }

    .g-b--push--t1of1 {
        margin-left: 100%;
    }

    .g-b--push--t1of2, .g-b--push--t2of4, .g-b--push--t3of6, .g-b--push--t4of8, .g-b--push--t5of10, .g-b--push--t6of12 {
        margin-left: 50%;
    }

    .g-b--push--t1of3, .g-b--push--t2of6, .g-b--push--t4of12 {
        margin-left: 33.333%;
    }

    .g-b--push--t2of3, .g-b--push--t4of6, .g-b--push--t8of12 {
        margin-left: 66.666%;
    }

    .g-b--push--t1of4, .g-b--push--t2of8, .g-b--push--t3of12 {
        margin-left: 25%;
    }

    .g-b--push--t3of4, .g-b--push--t6of8, .g-b--push--t9of12 {
        margin-left: 75%;
    }

    .g-b--push--t1of5, .g-b--push--t2of10 {
        margin-left: 20%;
    }

    .g-b--push--t2of5, .g-b--push--t4of10 {
        margin-left: 40%;
    }

    .g-b--push--t3of5, .g-b--push--t6of10 {
        margin-left: 60%;
    }

    .g-b--push--t4of5, .g-b--push--t8of10 {
        margin-left: 80%;
    }

    .g-b--push--t1of6, .g-b--push--t2of12 {
        margin-left: 16.666%;
    }

    .g-b--push--t5of6, .g-b--push--t10of12 {
        margin-left: 83.333%;
    }

    .g-b--push--t1of8 {
        margin-left: 12.5%;
    }

    .g-b--push--t3of8 {
        margin-left: 37.5%;
    }

    .g-b--push--t5of8 {
        margin-left: 62.5%;
    }

    .g-b--push--t7of8 {
        margin-left: 87.5%;
    }

    .g-b--push--t1of10 {
        margin-left: 10%;
    }

    .g-b--push--t3of10 {
        margin-left: 30%;
    }

    .g-b--push--t7of10 {
        margin-left: 70%;
    }

    .g-b--push--t9of10 {
        margin-left: 90%;
    }

    .g-b--push--t1of12 {
        margin-left: 8.333%;
    }

    .g-b--push--t5of12 {
        margin-left: 41.666%;
    }

    .g-b--push--t7of12 {
        margin-left: 58.333%;
    }

    .g-b--push--t11of12 {
        margin-left: 91.666%;
    }

    .g-b--pull--t1of1 {
        margin-right: 100%;
    }

    .g-b--pull--t1of2, .g-b--pull--t2of4, .g-b--pull--t3of6, .g-b--pull--t4of8, .g-b--pull--t5of10, .g-b--pull--t6of12 {
        margin-right: 50%;
    }

    .g-b--pull--t1of3, .g-b--pull--t2of6, .g-b--pull--t4of12 {
        margin-right: 33.333%;
    }

    .g-b--pull--t2of3, .g-b--pull--t4of6, .g-b--pull--t8of12 {
        margin-right: 66.666%;
    }

    .g-b--pull--t1of4, .g-b--pull--t2of8, .g-b--pull--t3of12 {
        margin-right: 25%;
    }

    .g-b--pull--t3of4, .g-b--pull--t6of8, .g-b--pull--t9of12 {
        margin-right: 75%;
    }

    .g-b--pull--t1of5, .g-b--pull--t2of10 {
        margin-right: 20%;
    }

    .g-b--pull--t2of5, .g-b--pull--t4of10 {
        margin-right: 40%;
    }

    .g-b--pull--t3of5, .g-b--pull--t6of10 {
        margin-right: 60%;
    }

    .g-b--pull--t4of5, .g-b--pull--t8of10 {
        margin-right: 80%;
    }

    .g-b--pull--t1of6, .g-b--pull--t2of12 {
        margin-right: 16.666%;
    }

    .g-b--pull--t5of6, .g-b--pull--t10of12 {
        margin-right: 83.333%;
    }

    .g-b--pull--t1of8 {
        margin-right: 12.5%;
    }

    .g-b--pull--t3of8 {
        margin-right: 37.5%;
    }

    .g-b--pull--t5of8 {
        margin-right: 62.5%;
    }

    .g-b--pull--t7of8 {
        margin-right: 87.5%;
    }

    .g-b--pull--t1of10 {
        margin-right: 10%;
    }

    .g-b--pull--t3of10 {
        margin-right: 30%;
    }

    .g-b--pull--t7of10 {
        margin-right: 70%;
    }

    .g-b--pull--t9of10 {
        margin-right: 90%;
    }

    .g-b--pull--t1of12 {
        margin-right: 8.333%;
    }

    .g-b--pull--t5of12 {
        margin-right: 41.666%;
    }

    .g-b--pull--t7of12 {
        margin-right: 58.333%;
    }

    .g-b--pull--t11of12 {
        margin-right: 91.666%;
    }

    .splashscreen-dillinger {
        width: 500px;
    }

    .splashscreen p {
        font-size: 1.25rem;
        margin-bottom: 1.43749rem;
        padding-top: .56251rem;
    }

    .title {
        font-size: .8rem;
        margin-bottom: .77999rem;
        padding-top: .22001rem;
    }

    .title-document {
        font-size: 1.25rem;
        margin-bottom: .89999rem;
        padding-top: .10001rem;
    }

    .menu .menu-item--save-to, .menu .menu-item--import-from {
        display: block;
    }

        .menu .menu-item--preview, .menu .menu-item--save-to.in-sidebar, .menu .menu-item--import-from.in-sidebar {
            display: none;
        }

    .settings a {
        font-size: 1.25rem;
    }

    .words {
        font-size: .8rem;
        margin-bottom: .77999rem;
        padding-top: .22001rem;
    }

    .modal--dillinger.about .modal-dialog {
        font-size: 1.25rem;
    }

    .enter-zen-mode {
        display: block;
    }

    .close-zen-mode {
        right: 3rem;
        top: 3rem;
    }

    #zen {
        font-size: 1.25rem;
        width: 500px;
    }

    .split-editor {
        border-right: 1px solid #E8E8E8;
        float: left;
        height: calc(100vh - 172px);
        -webkit-overflow-scrolling: touch;
        padding-right: 16px;
        width: 50%;
    }

    .show-preview .split-editor {
        display: block;
    }

    .split-preview {
        display: block;
        float: right;
        height: calc(100vh - 172px);
        -webkit-overflow-scrolling: touch;
        position: relative;
        top: 0;
        width: 50%;
    }

    #editor {
        font-size: 1rem;
    }
}

@media screen and (min-width:62.5em) {
    html {
        font-size: .875em;
    }

    body {
        font-size: 1rem;
    }

    ul, ol {
        margin-bottom: .83999rem;
        padding-top: .16001rem;
    }

    p {
        padding-top: .66001rem;
    }

    p, pre {
        margin-bottom: 1.33999rem;
    }

    pre, blockquote p {
        font-size: 1rem;
        padding-top: .66001rem;
    }

    blockquote p {
        margin-bottom: .33999rem;
    }

    h1 {
        font-size: 2.0571429rem;
        margin-bottom: .21999rem;
        padding-top: .78001rem;
    }

    h2 {
        font-size: 1.953125rem;
        margin-bottom: .1835837rem;
        padding-top: .8164163rem;
    }

    h3 {
        font-size: 1.6457143rem;
        margin-bottom: .07599rem;
        padding-top: .92401rem;
    }

    h4 {
        font-size: 1.5625rem;
        margin-bottom: .546865rem;
        padding-top: .453135rem;
    }

    h5 {
        font-size: 1.25rem;
        margin-bottom: -.56251rem;
        padding-top: .56251rem;
    }

    h6 {
        font-size: 1rem;
        margin-bottom: -.65001rem;
        padding-top: .65001rem;
    }

    .g {
        margin-left: -16px;
        margin-right: -16px;
    }

    .g-b {
        padding-left: 16px;
        padding-right: 16px;
    }

    .g-b--d1of1 {
        width: 100%;
    }

    .g-b--d1of2, .g-b--d2of4, .g-b--d3of6, .g-b--d4of8, .g-b--d5of10, .g-b--d6of12 {
        width: 50%;
    }

    .g-b--d1of3, .g-b--d2of6, .g-b--d4of12 {
        width: 33.333%;
    }

    .g-b--d2of3, .g-b--d4of6, .g-b--d8of12 {
        width: 66.666%;
    }

    .g-b--d1of4, .g-b--d2of8, .g-b--d3of12 {
        width: 25%;
    }

    .g-b--d3of4, .g-b--d6of8, .g-b--d9of12 {
        width: 75%;
    }

    .g-b--d1of5, .g-b--d2of10 {
        width: 20%;
    }

    .g-b--d2of5, .g-b--d4of10 {
        width: 40%;
    }

    .g-b--d3of5, .g-b--d6of10 {
        width: 60%;
    }

    .g-b--d4of5, .g-b--d8of10 {
        width: 80%;
    }

    .g-b--d1of6, .g-b--d2of12 {
        width: 16.666%;
    }

    .g-b--d5of6, .g-b--d10of12 {
        width: 83.333%;
    }

    .g-b--d1of8 {
        width: 12.5%;
    }

    .g-b--d3of8 {
        width: 37.5%;
    }

    .g-b--d5of8 {
        width: 62.5%;
    }

    .g-b--d7of8 {
        width: 87.5%;
    }

    .g-b--d1of10 {
        width: 10%;
    }

    .g-b--d3of10 {
        width: 30%;
    }

    .g-b--d7of10 {
        width: 70%;
    }

    .g-b--d9of10 {
        width: 90%;
    }

    .g-b--d1of12 {
        width: 8.333%;
    }

    .g-b--d5of12 {
        width: 41.666%;
    }

    .g-b--d7of12 {
        width: 58.333%;
    }

    .g-b--d11of12 {
        width: 91.666%;
    }

    .g-b--push--d1of1 {
        margin-left: 100%;
    }

    .g-b--push--d1of2, .g-b--push--d2of4, .g-b--push--d3of6, .g-b--push--d4of8, .g-b--push--d5of10, .g-b--push--d6of12 {
        margin-left: 50%;
    }

    .g-b--push--d1of3, .g-b--push--d2of6, .g-b--push--d4of12 {
        margin-left: 33.333%;
    }

    .g-b--push--d2of3, .g-b--push--d4of6, .g-b--push--d8of12 {
        margin-left: 66.666%;
    }

    .g-b--push--d1of4, .g-b--push--d2of8, .g-b--push--d3of12 {
        margin-left: 25%;
    }

    .g-b--push--d3of4, .g-b--push--d6of8, .g-b--push--d9of12 {
        margin-left: 75%;
    }

    .g-b--push--d1of5, .g-b--push--d2of10 {
        margin-left: 20%;
    }

    .g-b--push--d2of5, .g-b--push--d4of10 {
        margin-left: 40%;
    }

    .g-b--push--d3of5, .g-b--push--d6of10 {
        margin-left: 60%;
    }

    .g-b--push--d4of5, .g-b--push--d8of10 {
        margin-left: 80%;
    }

    .g-b--push--d1of6, .g-b--push--d2of12 {
        margin-left: 16.666%;
    }

    .g-b--push--d5of6, .g-b--push--d10of12 {
        margin-left: 83.333%;
    }

    .g-b--push--d1of8 {
        margin-left: 12.5%;
    }

    .g-b--push--d3of8 {
        margin-left: 37.5%;
    }

    .g-b--push--d5of8 {
        margin-left: 62.5%;
    }

    .g-b--push--d7of8 {
        margin-left: 87.5%;
    }

    .g-b--push--d1of10 {
        margin-left: 10%;
    }

    .g-b--push--d3of10 {
        margin-left: 30%;
    }

    .g-b--push--d7of10 {
        margin-left: 70%;
    }

    .g-b--push--d9of10 {
        margin-left: 90%;
    }

    .g-b--push--d1of12 {
        margin-left: 8.333%;
    }

    .g-b--push--d5of12 {
        margin-left: 41.666%;
    }

    .g-b--push--d7of12 {
        margin-left: 58.333%;
    }

    .g-b--push--d11of12 {
        margin-left: 91.666%;
    }

    .g-b--pull--d1of1 {
        margin-right: 100%;
    }

    .g-b--pull--d1of2, .g-b--pull--d2of4, .g-b--pull--d3of6, .g-b--pull--d4of8, .g-b--pull--d5of10, .g-b--pull--d6of12 {
        margin-right: 50%;
    }

    .g-b--pull--d1of3, .g-b--pull--d2of6, .g-b--pull--d4of12 {
        margin-right: 33.333%;
    }

    .g-b--pull--d2of3, .g-b--pull--d4of6, .g-b--pull--d8of12 {
        margin-right: 66.666%;
    }

    .g-b--pull--d1of4, .g-b--pull--d2of8, .g-b--pull--d3of12 {
        margin-right: 25%;
    }

    .g-b--pull--d3of4, .g-b--pull--d6of8, .g-b--pull--d9of12 {
        margin-right: 75%;
    }

    .g-b--pull--d1of5, .g-b--pull--d2of10 {
        margin-right: 20%;
    }

    .g-b--pull--d2of5, .g-b--pull--d4of10 {
        margin-right: 40%;
    }

    .g-b--pull--d3of5, .g-b--pull--d6of10 {
        margin-right: 60%;
    }

    .g-b--pull--d4of5, .g-b--pull--d8of10 {
        margin-right: 80%;
    }

    .g-b--pull--d1of6, .g-b--pull--d2of12 {
        margin-right: 16.666%;
    }

    .g-b--pull--d5of6, .g-b--pull--d10of12 {
        margin-right: 83.333%;
    }

    .g-b--pull--d1of8 {
        margin-right: 12.5%;
    }

    .g-b--pull--d3of8 {
        margin-right: 37.5%;
    }

    .g-b--pull--d5of8 {
        margin-right: 62.5%;
    }

    .g-b--pull--d7of8 {
        margin-right: 87.5%;
    }

    .g-b--pull--d1of10 {
        margin-right: 10%;
    }

    .g-b--pull--d3of10 {
        margin-right: 30%;
    }

    .g-b--pull--d7of10 {
        margin-right: 70%;
    }

    .g-b--pull--d9of10 {
        margin-right: 90%;
    }

    .g-b--pull--d1of12 {
        margin-right: 8.333%;
    }

    .g-b--pull--d5of12 {
        margin-right: 41.666%;
    }

    .g-b--pull--d7of12 {
        margin-right: 58.333%;
    }

    .g-b--pull--d11of12 {
        margin-right: 91.666%;
    }

    .splashscreen-dillinger {
        width: 700px;
    }

    .splashscreen p {
        font-size: 1.25rem;
        margin-bottom: 1.43749rem;
        padding-top: .56251rem;
    }

    .title {
        font-size: .8rem;
        margin-bottom: .77999rem;
        padding-top: .22001rem;
    }

    .title-document {
        font-size: 1.25rem;
        margin-bottom: .89999rem;
        padding-top: .10001rem;
    }

    .menu .menu-item--export-as {
        display: block;
    }

    .menu .menu-item--preview {
        display: none;
    }

    .settings a {
        font-size: 1.25rem;
    }

    .words {
        font-size: .8rem;
        margin-bottom: .77999rem;
        padding-top: .22001rem;
    }

    .modal--dillinger.about .modal-dialog, #zen {
        font-size: 1.25rem;
    }

    #zen {
        width: 700px;
    }

    #editor {
        font-size: 1rem;
    }
}

@media screen and (min-width:87.5em) {
    html {
        font-size: .875em;
    }

    body {
        font-size: 1rem;
    }

    ul, ol {
        margin-bottom: .83999rem;
        padding-top: .16001rem;
    }

    p {
        padding-top: .66001rem;
    }

    p, pre {
        margin-bottom: 1.33999rem;
    }

    pre, blockquote p {
        font-size: 1rem;
        padding-top: .66001rem;
    }

    blockquote p {
        margin-bottom: .33999rem;
    }

    h1 {
        font-size: 2.0571429rem;
        margin-bottom: .21999rem;
        padding-top: .78001rem;
    }

    h2 {
        font-size: 1.953125rem;
        margin-bottom: .1835837rem;
        padding-top: .8164163rem;
    }

    h3 {
        font-size: 1.6457143rem;
        margin-bottom: .07599rem;
        padding-top: .92401rem;
    }

    h4 {
        font-size: 1.5625rem;
        margin-bottom: .546865rem;
        padding-top: .453135rem;
    }

    h5 {
        font-size: 1.25rem;
        margin-bottom: -.56251rem;
        padding-top: .56251rem;
    }

    h6 {
        font-size: 1rem;
        margin-bottom: -.65001rem;
        padding-top: .65001rem;
    }

    .splashscreen-dillinger {
        width: 800px;
    }

    .splashscreen p {
        font-size: 1.25rem;
        margin-bottom: 1.43749rem;
        padding-top: .56251rem;
    }

    .title {
        font-size: .8rem;
        margin-bottom: .77999rem;
        padding-top: .22001rem;
    }

    .title-document {
        margin-bottom: .89999rem;
        padding-top: .10001rem;
    }

    .title-document, .settings a {
        font-size: 1.25rem;
    }

    .words {
        font-size: .8rem;
        margin-bottom: .77999rem;
        padding-top: .22001rem;
    }

    .modal--dillinger.about .modal-dialog, #zen {
        font-size: 1.25rem;
    }

    #editor {
        font-size: 1rem;
    }
}

@media screen and (max-width:46.1875em) {
    .editor-header {
        display: none;
    }

    .editor-header--first {
        display: block;
        width: 100%;
    }
}