.profile-card {
    width: 100%;
    padding: 10px 5px;
}

.profile-card .profile-card-body {
    display: flex;
    margin-bottom: 20px;
}

.profile-card .profile-card-body .profile-card-name {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    vertical-align: sub;
}

.profile-card .profile-card-body .profile-card-info {
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-card .profile-card-body .profile-card-name:hover {
    color: #337ab7;
}

.profile-card .profile-card-body .profile-card-photo {
    height: fit-content;
    padding-top: 3px;
    text-decoration: none;
}

.profile-card .profile-card-body .profile-card-photo img {
    width: 30px;
    height: 30px;
}

.profile-card .profile-card-body .profile-card-photo img[upgraded=true] {
    width: 36px;
    height: 36px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(235 176 71 / var(--tw-border-opacity));
    padding: 2px;
}

.profile-card .profile-card-body .profile-card-username {
    font-size: 12px;
    line-height: 15px;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-card .profile-card-body .profile-card-description {
    font-size: 14px;
    line-height: 20px;
    word-break: break-word;
    color: #888;
    margin-top: 10px;
    white-space: normal;
}

.profile-card .profile-card-body .ui-avatar {
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    vertical-align: middle;
    border-radius: 3px;
    object-fit: cover;
}

.profile-card .profile-card-body .ui-avatar.circle {
    border-radius: 50%;
}

.profile-card .profile-card-body .profile-card-prime-logo svg {
    width: 1em;
    height: 1em;
}

.profile-card .profile-settings {
    display: block;
    text-align: center;
    margin: 0 -21px -21px -21px;
    padding-top: 10px;
    font-size: 15px;
    padding-bottom: 10px;
    border-top: #d9d9d9 1px solid;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #337ab7;
    text-decoration: none;
}

.profile-card .profile-settings:hover {
    background-color: #337ab7;
    color: #fff;
}

.react-popover .profile-popover {
    max-width: 260px;
    width: 260px;
}

.react-popover .profile-popover .profile-card .profile-card-body {
    padding: 10px 15px 0 15px;
}

.react-popover .profile-popover .profile-card .profile-settings {
    margin: 0 -6px -11px -6px;
}

.react-popover .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 Roboto,
                 "Helvetica Neue",
                 Arial,
                 "Noto Sans",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol",
                 "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
}

.react-popover .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem;
    border-width: unset;
    border-style: unset;
}

.react-popover .popover .arrow::before, .react-popover .popover .arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.react-popover .bs-popover-top,
.react-popover .bs-popover-auto[x-placement^=top] {
    margin-bottom: .5rem;
}

.react-popover .bs-popover-top>.arrow,
.react-popover .bs-popover-auto[x-placement^=top]>.arrow {
    bottom: calc(-0.5rem - 1px);
}

.react-popover .bs-popover-top>.arrow::before,
.react-popover .bs-popover-auto[x-placement^=top]>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25);
}

.react-popover .bs-popover-top>.arrow::after,
.react-popover .bs-popover-auto[x-placement^=top]>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff;
}

.react-popover .bs-popover-right,
.react-popover .bs-popover-auto[x-placement^=right] {
    margin-left: .5rem;
}

.react-popover .bs-popover-right>.arrow,
.react-popover .bs-popover-auto[x-placement^=right]>.arrow {
    left: calc(-0.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0;
}

.react-popover .bs-popover-right>.arrow::before,
.react-popover .bs-popover-auto[x-placement^=right]>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25);
}

.react-popover .bs-popover-right>.arrow::after,
.react-popover .bs-popover-auto[x-placement^=right]>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff;
}

.react-popover .bs-popover-bottom,
.react-popover .bs-popover-auto[x-placement^=bottom] {
    margin-top: .5rem;
}

.react-popover .bs-popover-bottom>.arrow,
.react-popover .bs-popover-auto[x-placement^=bottom]>.arrow {
    top: calc(-0.5rem - 1px);
}

.react-popover .bs-popover-bottom>.arrow::before,
.react-popover .bs-popover-auto[x-placement^=bottom]>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25);
}

.react-popover .bs-popover-bottom>.arrow::after,
.react-popover .bs-popover-auto[x-placement^=bottom]>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff;
}

.react-popover .bs-popover-bottom .popover-header::before,
.react-popover .bs-popover-auto[x-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7;
}

.react-popover .bs-popover-left,
.react-popover .bs-popover-auto[x-placement^=left] {
    margin-right: .5rem;
}

.react-popover .bs-popover-left>.arrow,
.react-popover .bs-popover-auto[x-placement^=left]>.arrow {
    right: calc(-0.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0;
}

.react-popover .bs-popover-left>.arrow::before,
.react-popover .bs-popover-auto[x-placement^=left]>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25);
}

.react-popover .bs-popover-left>.arrow::after,
.react-popover .bs-popover-auto[x-placement^=left]>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff;
}

[data-inline-comment-id] {
    background-color: rgba(102, 181, 250, .15);
    border: solid transparent;
    border-width: 0 0 2px 0;
}

[data-inline-comment-id].highlighted {
    border-color: #66b5f0;
    cursor: pointer;
    z-index: 1;
}

[data-inline-comment-id=user-selection-highlight] {
    background-color: rgba(255, 255, 0, .3);
}

[data-inline-comment-id=user-selection-highlight].highlighted {
    border-color: #ff0;
}

[data-inline-comment-id]>[data-inline-comment-id]>[data-inline-comment-id]>[data-inline-comment-id]>[data-inline-comment-id] {
    background-color: transparent;
}

.feedback-modal .ui-feedback-submit.disabled {
    pointer-events: none;
}

.rating-group .btn {
    color: #8f8f8f;
    background-color: #fff;
    border-color: #8f8f8f;
}

.rating-group .btn:not(:first-child) {
    margin-left: 5px;
}

.rating-group .btn:hover {
    border-color: #8f8f8f;
    background-color: #8f8f8f;
    color: #fff;
}

.rating-group .btn.active {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}

/**
 * selectize.css (v0.12.6)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, .06) !important;
    border: 0 none !important;
    box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
    color: #000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    /* fixes ie bug (see #392) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #d0d0d0;
    border-radius: 0 2px 2px 0;
    box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, .05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #fff;
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px;
}

.selectize-control {
    position: relative;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
    background: #fff;
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: 1px solid #d0d0d0;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px;
}

.selectize-input.full {
    background-color: #fff;
}

.selectize-input.disabled, .selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
}

.selectize-input.dropdown-active {
    border-radius: 3px 3px 0 0;
}

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0;
}

.selectize-control.multi .selectize-input > div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color: #7d7d7d;
    background: #fff;
    border: 0 solid #fff;
}

.selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 2px 0 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
    display: none;
}

.selectize-input > input:focus {
    outline: none !important;
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, .2);
    border-radius: 1px;
}

.selectize-dropdown .option, .selectize-dropdown .optgroup-header {
    padding: 5px 8px;
}

.selectize-dropdown .option, .selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: .5;
}

.selectize-dropdown [data-selectable].option {
    opacity: 1;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #fff;
    cursor: default;
}

.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68;
}

.selectize-dropdown .active.create {
    color: #495c68;
}

.selectize-dropdown .create {
    color: rgba(48, 48, 48, .5);
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text;
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto;
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fafafa;
}

/**
 * selectize.bootstrap3.css (v0.12.6) - Bootstrap 3 Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, .06) !important;
    border: 0 none !important;
    box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.selectize-dropdown-header {
    position: relative;
    padding: 3px 12px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    border-radius: 4px 4px 0 0;
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 12px;
    top: 50%;
    color: #333;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
    color: #000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    /* fixes ie bug (see #392) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 1px 0 0 0;
    border-left: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0 2px 2px 0;
    box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, .05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: rgba(0, 0, 0, 0);
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: rgba(77, 77, 77, 0);
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px;
}

.selectize-control {
    position: relative;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #333;
    font-family: inherit;
    font-size: inherit;
    line-height: 20px;
    -webkit-font-smoothing: inherit;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
    background: #fff;
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: 1px solid #ccc;
    padding: 6px 12px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 4px;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 12px 2px;
}

.selectize-input.full {
    background-color: #fff;
}

.selectize-input.disabled, .selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.focus {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
}

.selectize-input.dropdown-active {
    border-radius: 4px 4px 0 0;
}

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 1px 3px;
    background: #efefef;
    color: #333;
    border: 0 solid rgba(0, 0, 0, 0);
}

.selectize-control.multi .selectize-input > div.active {
    background: #428bca;
    color: #fff;
    border: 0 solid rgba(0, 0, 0, 0);
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color: #808080;
    background: #fff;
    border: 0 solid rgba(77, 77, 77, 0);
}

.selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
    display: none;
}

.selectize-input > input:focus {
    outline: none !important;
}

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #fff;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border-radius: 0 0 4px 4px;
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(255, 237, 40, .4);
    border-radius: 1px;
}

.selectize-dropdown .option, .selectize-dropdown .optgroup-header {
    padding: 3px 12px;
}

.selectize-dropdown .option, .selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: .5;
}

.selectize-dropdown [data-selectable].option {
    opacity: 1;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
    color: #777;
    background: #fff;
    cursor: default;
}

.selectize-dropdown .active {
    background-color: #f5f5f5;
    color: #262626;
}

.selectize-dropdown .active.create {
    color: #262626;
}

.selectize-dropdown .create {
    color: rgba(51, 51, 51, .5);
}

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text;
}

.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #333 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
    left: 17px;
    right: auto;
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fff;
}

.selectize-dropdown, .selectize-dropdown.form-control {
    height: auto;
    padding: 0;
    margin: 2px 0 0 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.selectize-dropdown .optgroup-header {
    font-size: 12px;
    line-height: 1.42857143;
}

.selectize-dropdown .optgroup:first-child:before {
    display: none;
}

.selectize-dropdown .optgroup:before {
    content: ' ';
    display: block;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    margin-left: -12px;
    margin-right: -12px;
}

.selectize-dropdown-content {
    padding: 5px 0;
}

.selectize-dropdown-header {
    padding: 6px 12px;
}

.selectize-input {
    min-height: 34px;
}

.selectize-input.dropdown-active {
    border-radius: 4px;
}

.selectize-input.dropdown-active::before {
    display: none;
}

.selectize-input.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);
}

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

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

.selectize-control.multi .selectize-input.has-items {
    padding-left: 9px;
    padding-right: 9px;
}

.selectize-control.multi .selectize-input > div {
    border-radius: 3px;
}

.form-control.selectize-control {
    padding: 0;
    height: auto;
    border: none;
    background: none;
    box-shadow: none;
    border-radius: 0;
}

.CodeMirror-hints {
    position: absolute;
    z-index: 10;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 2px;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
    border-radius: 3px;
    border: 1px solid silver;
    background: white;
    font-size: 90%;
    font-family: monospace;
    max-height: 20em;
    overflow-y: auto;
}

.CodeMirror-hint {
    margin: 0;
    padding: 0 4px;
    border-radius: 2px;
    white-space: pre;
    color: black;
    cursor: pointer;
}

.CodeMirror-hint:hover {
    background: #08f;
    color: white;
}

li.CodeMirror-hint-active {
    background: #08f;
    color: white;
}

/* The lint marker gutter */

.CodeMirror-lint-markers {
    width: 16px;
}

.CodeMirror-lint-tooltip {
    background-color: #333;
    border: 1px solid #eee;
    border-radius: 4px;
    color: white;
    font-family: "Source Code Pro", Consolas, monaco, monospace;
    font-size: 10pt;
    overflow: hidden;
    padding: 2px 5px;
    position: fixed;
    white-space: pre;
    white-space: pre-wrap;
    z-index: 100;
    max-width: 600px;
    opacity: 0;
            transition: opacity .4s;
       -moz-transition: opacity .4s;
    -webkit-transition: opacity .4s;
         -o-transition: opacity .4s;
        -ms-transition: opacity .4s;
}

.CodeMirror-lint-mark-error, .CodeMirror-lint-mark-warning {
    background-position: left bottom;
    background-repeat: repeat-x;
}

.CodeMirror-lint-mark-error {
    background-image: url(/build/823ee33841a65ec36d96.png);
}

.CodeMirror-lint-mark-warning {
    background-image: url(/build/7cb353a7ab9df73907eb.png);
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-marker-warning {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    position: relative;
    margin-left: 5px;
}

.CodeMirror-lint-message-error, .CodeMirror-lint-message-warning {
    padding-left: 20px;
    background-position: top left;
    background-repeat: no-repeat;
    background-position-y: 2px;
}

.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
    background-image: url(/build/4f3ab4c83804b2b5bc07.png);
}

.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
    background-image: url(/build/e6fe42c401be04b4bef6.png);
}

.CodeMirror-lint-marker-multiple {
    background-image: url(/build/e1d6e14a6c26b31810f9.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 100%;
    height: 100%;
}

.CodeMirror-hints {
    background: #333;
}

.CodeMirror-hint {
    color: white;
}

.site-ui-font {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.divider {
    border-bottom: 1px solid #e3e3e3;
}

.ui-comment-container {
    z-index: 999;
    background-color: #fff;
    width: 100%;
    padding: 0;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
}

.ui-comment-container.highlighted {
    background-color: #f8f8f8;
}

.ui-comment-container.all-hidden {
    opacity: .6;
}

.ui-comment-container.all-hidden:hover {
    opacity: 1;
}

.ui-comment-container.all-hidden.active {
    opacity: 1;
}

.ui-comment-container>*:last-child {
    margin-bottom: 15px;
}

.ui-comment-container>*:not(:first-child):not(.ui-comment-notice) {
    margin-top: 15px;
}

.ui-comment-container.comment-container-sm:not(.active) {
    display: none !important;
}

.ui-comment-container.comment-container-sm.active {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    border-radius: 0;
    max-height: 100vh;
    width: 100%;
    display: flex !important;
    flex-direction: column;
}

.ui-comment-container.comment-container-sm.active.simple {
    top: unset !important;
    height: auto !important;
}

.ui-comment-container.comment-container-sm.active.simple .ui-comment-header {
    display: none !important;
}

.ui-comment-container.comment-container-sm.active.simple .ui-comments-container {
    display: none !important;
}

.ui-comment-container.comment-container-sm.active .ui-comments-container {
    flex: 1;
    overflow: auto;
    padding-bottom: 15px;
}

.ui-comment-container.comment-container-sm>*:not(.ui-comment-notice).divider {
    margin-top: 0;
}

.ui-comment-container.comment-container-sm .ui-comment-header {
    display: block !important;
}

.ui-comment-container.comment-container-sm .ui-comment-input-container {
    padding-left: 30px;
}

.ui-comment-container.comment-container-sm textarea {
    height: 40px;
    margin-bottom: 0;
}

.ui-comment-container {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .ui-comment-container {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .ui-comment-container {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .ui-comment-container {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.ui-comment-container textarea {
    color: #333;
    outline: none;
    resize: none;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    width: 100%;
}

.ui-comment-container textarea::placeholder {
    color: #868686;
}

.ui-comment-container .ui-comment-header {
    width: 100%;
    user-select: none;
    font-size: 14px;
    line-height: 18px;
    padding: 15px;
    background-color: #fff;
    text-align: right;
}

.ui-comment-container .ui-comment-header .ui-comment-close {
    cursor: pointer;
}

.ui-comment-container .ui-comment-header .ui-comment-close>*:not(:last-child) {
    margin-right: 5px;
}

.ui-comment-container .comment-disconnect-banner {
    text-align: center;
    user-select: none;
    background-color: #f8d7da;
    padding: 8px 0;
    color: #721c24;
}

.ui-comment-container.active .ui-comments-container {
    max-height: unset;
}

.ui-comment-container.active .ui-comments-container .ui-comment .comment-content {
    height: auto;
    overflow: unset;
}

.ui-comment-container .ui-comments-container {
    width: 100%;
    flex: 1;
    max-height: 75px;
    padding: 0 15px;
}

.ui-comment-container .ui-comments-container>.ui-comment {
    margin-bottom: 10px;
}

.ui-comment-container .ui-comments-container>.ui-comment:not(:last-child)::after {
    border-bottom: 1px solid #e3e3e3;
    content: "";
    margin-right: -15px;
    margin-left: -51px;
    margin-top: 15px;
}

.ui-comment-container .ui-comments-container .ui-comment {
    position: relative;
    width: auto;
    display: flex;
    flex-direction: column;
    padding-left: 36px;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .ui-comment-container .ui-comments-container .ui-comment {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .ui-comment-container .ui-comments-container .ui-comment {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .ui-comment-container .ui-comments-container .ui-comment {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-resolved {
    font-size: 12px;
    line-height: 12px;
    color: #bbb;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu {
    color: #bbb;
    padding: 3px;
    border-radius: 50%;
    height: 24px;
    cursor: pointer;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu .fa.fa-fw {
    width: 18px;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu:hover,
.ui-comment-container .ui-comments-container .ui-comment .comment-menu:active,
.ui-comment-container .ui-comments-container .ui-comment .comment-menu.active {
    background-color: #e6e6e6;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu .comment-dropdown-menu {
    user-select: none;
    z-index: 1;
    position: absolute;
    top: 23px;
    right: 0;
    list-style: none;
    color: #333;
    background: #fff;
    border-radius: 4px;
    border-style: solid;
    border-color: #dedede;
    border-width: 1px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    font-size: 14px;
    padding: 7px 0;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu .comment-dropdown-menu>div {
    display: flex;
    align-items: center;
    white-space: nowrap;
    width: 100%;
    padding: 3px 20px;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-menu .comment-dropdown-menu>div:hover {
    background-color: #f5f5f5;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-item-row {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-item-row.comment-title {
    align-items: center;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-item-row.comment-title>*:not(:last-child) {
    margin-right: 10px;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-author {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    line-height: 18px;
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ui-comment-container .ui-comments-container .ui-comment .timestamp {
    color: #888;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 3px;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content {
    color: #333;
    font-size: 14px;
    text-align: left;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-direction: column;
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

html[lang^=ja] .ui-comment-container .ui-comments-container .ui-comment .comment-content {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

html[lang=zh-tw] .ui-comment-container .ui-comments-container .ui-comment .comment-content {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

html[lang=zh-cn] .ui-comment-container .ui-comments-container .ui-comment .comment-content {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .content-container {
    height: 100%;
    word-break: break-word;
    white-space: pre-wrap;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .content-container .content-edited {
    user-select: none;
    color: #9e9e9e;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    position: relative;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput .avatar {
    position: relative;
    margin-right: 6px;
    min-width: 30px;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput.edit {
    order: 0;
}

.ui-comment-container .ui-comments-container .ui-comment .comment-content .replyInput.reply {
    order: 2;
}

.ui-comment-container .ui-comments-container .ui-comment .reply-comments {
    order: 1;
    margin-top: 10px;
}

.ui-comment-container .ui-comments-container .ui-comment .reply-comments .ui-comment:not(:last-child) {
    margin-bottom: 8px;
}

.ui-comment-container .ui-comments-container .ui-comment .action-button-container {
    margin-top: 10px;
}

.ui-comment-container .ui-comments-container .ui-comment .action-button-container>*:not(:last-child) {
    margin-right: 10px;
}

.ui-comment-container .ui-comments-container .ui-comment .action-button {
    cursor: pointer;
    font-size: 14px;
    line-height: 15px;
    margin-top: 10px;
}

.ui-comment-container .ui-comments-container .ui-comment .action-button:focus,
.ui-comment-container .ui-comments-container .ui-comment .action-button:hover {
    text-decoration: none;
}

.ui-comment-container .comment-blank-stats {
    margin-top: 24px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.ui-comment-container .comment-blank-stats>*:not(:last-child) {
    margin-bottom: 6px;
}

.ui-comment-container .avatar {
    position: absolute;
    left: 0;
    margin-top: 3px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.ui-comment-container .ui-comment-input-container {
    position: relative;
    padding: 0 15px;
    display: flex;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets {
    width: 100%;
    position: relative;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons {
    margin-top: 5px;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons>.btn:not(:last-child) {
    margin-right: 8px;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .btn {
    font-size: 13px;
    line-height: 13px;
    padding: 7px 12px;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .btn-default {
    border-color: #8f8f8f;
    color: #8f8f8f;
    border-width: 1px;
    background-color: transparent;
}

.ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .btn-default:hover {
    color: #fff;
    background-color: #8f8f8f;
}

.ui-comment-container .view-comments-container {
    line-height: 15px;
    margin-top: 11px;
}

.ui-comment-container .view-comments-container .view-comments {
    cursor: pointer;
    font-size: 14px;
    line-height: 15px;
    margin-left: 50px;
}

.ui-comment-container .view-comments-container .view-comments:focus,
.ui-comment-container .view-comments-container .view-comments:hover {
    text-decoration: none;
}

@keyframes highlight {
    0% {
        background-color: #d8d8d8;
    }

    30% {
        background-color: #d8d8d8;
    }

    100% {
        background-color: transparent;
    }
}

.ui-comment-notice {
    position: relative;
    font-size: 12px;
    line-height: 16px;
}

.ui-comment-notice.ui-comment-error-notice {
    padding: 15px;
    color: #ea4335;
    background: #f8d7da;
    white-space: normal;
}

.ui-comment-notice.ui-comment-guest-notice {
    padding: 15px;
    color: #007d00;
    background: #c8e9c8;
}

.ui-comment-notice.ui-comment-guest-notice .ui-signup {
    margin-right: 10px;
}

.ui-comment-notice.ui-comment-guest-notice .notice {
    margin-bottom: 10px;
    white-space: normal;
}

.ui-comment-notice a {
    text-decoration: underline;
    cursor: pointer;
}

.ui-infobar.comment-enabled.comment-open-inner {
    margin-right: 240px;
}

.ui-infobar.comment-enabled:not(.comment-open) .ui-comment-app.small .ui-open-comments .text {
    display: none;
}

.ui-infobar.comment-enabled:not(.comment-open) .ui-comment-app.small .ui-open-comments .fa {
    margin-right: 0;
}

.ui-view-area.ui-scrollable #doc.comment-enabled.comment-inner .ui-view-area.ui-scrollable #doc.comment-enabled:not(.comment-open) {
    margin-right: 50px;
}

.ui-view-area.ui-scrollable .ui-infobar.comment-enabled.comment-inner .ui-view-area.ui-scrollable .ui-infobar.comment-enabled:not(.comment-open) {
    margin-right: 50px;
}

.ui-view-area.ui-scrollable .ui-infobar.comment-enabled.comment-inner .ui-view-area.ui-scrollable .ui-infobar.comment-enabled:not(.comment-open) .ui-comment-app {
    right: -35px;
}

#doc.comment-enabled.comment-inner {
    margin-right: 45px;
}

#doc.comment-enabled.comment-open-inner {
    margin-right: 240px;
}

.ui-comment-app {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}

.ui-comment-app .btn.btn-default {
    color: #868686;
    cursor: pointer;
}

.ui-comment-app .open-comments {
    display: flex;
    align-items: center;
    background-color: #fff;
    width: 100%;
    margin-bottom: 15px;
}

.ui-comment-app .open-comments>*:not(:last-child) {
    margin-right: 10px;
}

.ui-comment-app .open-comments .comment-settings {
    display: flex;
}

.ui-comment-app .open-comments .comment-settings img {
    margin-right: 5px;
}

.ui-comment-app .open-comments .comment-settings div {
    font-size: 15px;
    line-height: 16px;
}

.ui-comment-app .open-comments .comment-settings:hover {
    cursor: pointer;
}

.ui-comment-app .open-comments .invisible {
    visibility: hidden;
}

.ui-comment-app .open-comments .show-hidden {
    padding: 15px;
}

.ui-comment-app .open-comments .btn.ui-open-comments {
    padding: 7px 10px;
    color: #868686;
    font-size: 15px;
    line-height: 16px;
}

.ui-comment-app .open-comments .btn.ui-open-comments .fa {
    margin-right: 5px;
}

.ui-comment-app .open-comments .btn.ui-open-comments:focus:not(:hover) {
    background-color: #fff;
    border-color: #ccc;
}

.ui-comment-app .open-comments .btn.ui-open-comments.open,
.ui-comment-app .open-comments .btn.ui-open-comments.open:focus {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.ui-comment-app .ui-comment-button-container {
    transition: transform ease-in-out 150ms;
    position: absolute;
    top: 0;
    z-index: 3;
}

.ui-comment-app .ui-comment-button-container>*:not(:last-child) {
    margin-right: 10px;
}

.ui-comment-app .ui-comment-button-container.comment {
    position: relative;
    display: inline-block;
    min-width: 225px;
    width: 100%;
    max-width: 400px;
    margin-bottom: 10px;
}

.ui-comment-app .ui-comment-button-container.comment>* {
    display: inline-block;
}

.ui-comment-app .ui-comment-button-container.comment>.ui-comment-container:not(:last-child) {
    margin-bottom: 10px;
}

.ui-comment-app .ui-comment-button-container.comment:not(.active):hover {
    z-index: 1050;
    background-color: #fff;
}

.ui-comment-app .ui-comment-button-container.comment.active:not(.simple) {
    z-index: 1051;
    background-color: #fff;
    position: fixed;
    bottom: 30px;
}

.ui-comment-app .ui-comment-button-container.comment.active:not(.simple) .ui-comment-container.active:not(.simple) {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ui-comment-app .ui-comment-button-container.comment.active:not(.simple) .ui-comment-container.active:not(.simple) .ui-comments-container {
    overflow-y: auto;
}

.ui-comment-app .ui-comment-button-container.comment.simple .ui-comments-container {
    display: none;
}

.ui-comment-app .ui-comment-button {
    display: inline-block;
    cursor: pointer;
    color: #999;
    font-weight: normal;
    font-size: 14px;
    white-space: nowrap;
    user-select: none;
}

.ui-comment-app .ui-comment-button.active {
    color: #337ab7;
}

.ui-comment-app .ui-comment-button.active .fa-commenting-o:before {
    content: "";
}

.comment-textarea {
    min-height: 58px;
    max-height: 202px;
}

.dismiss-overlay {
    z-index: 2;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.ui-no-comments {
    text-align: center;
}

.ui-no-comments img {
    margin-top: 90px;
}

.ui-no-comments .title {
    margin-top: 15px;
    color: #999;
    font-weight: 600;
    font-size: 14px;
}

.ui-no-comments .content {
    color: #999;
    font-size: 12px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px;
    margin-top: 3px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s;
}

input:checked+.slider {
    background-color: #777;
}

input:focus+.slider {
    box-shadow: 0 0 1px #777;
}

input:checked+.slider:before {
    transform: translateX(10px);
}

.slider.round {
    border-radius: 14px;
}

.slider.round:before {
    border-radius: 50%;
}

.ui-comment-discard-modal .modal-content .modal-body {
    padding: 20px;
}

.ui-comment-discard-modal .modal-content .modal-body .title {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;
}

.ui-comment-discard-modal .modal-content .modal-body .btn {
    width: 100%;
    font-size: 15px;
    line-height: 16px;
}

@media (max-width: 767px) {
    .ui-comment-container>*:not(:first-child):not(.ui-comment-notice).divider {
        margin-top: 0;
    }

    .ui-comment-container.comment-container-sm .ui-comment-input-container {
        padding-left: 15px;
    }

    .ui-comment-container:not(.active) {
        display: none !important;
    }

    .ui-comment-container.active {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        border-radius: 0;
        max-height: 100vh;
        width: 100%;
        display: flex !important;
        flex-direction: column;
    }

    .ui-comment-container.active.simple {
        top: unset !important;
        height: auto !important;
    }

    .ui-comment-container.active.simple .ui-comment-header {
        display: none !important;
    }

    .ui-comment-container.active.simple .ui-comments-container {
        display: none !important;
    }

    .ui-comment-container.active .ui-comments-container {
        flex: 1;
        overflow: auto;
        padding-bottom: 15px;
    }

    .ui-comment-container textarea {
        height: 40px;
        margin-bottom: 0;
    }

    .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets {
        display: flex;
    }

    .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons {
        margin-left: 10px;
    }

    .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons>.btn.ui-comment-submit {
        margin-right: 0;
        height: 40px;
    }

    .ui-comment-container .ui-comment-input-container .ui-comment-input-widgets .action-buttons>.btn:not(.ui-comment-submit) {
        display: none;
    }

    .ui-infobar.comment-enabled.comment-open {
        z-index: 1050;
        margin-right: 0;
    }

    .ui-comment-app {
        padding: 0;
        z-index: 1050;
        right: 40px !important;
        width: 0 !important;
    }

    .ui-comment-app .open-comments {
        visibility: hidden;
    }

    .ui-comment-app .open-comments .btn.ui-open-comments .text {
        display: none;
    }

    .ui-comment-app .open-comments .btn.ui-open-comments .fa {
        margin-right: 0;
    }

    .ui-comment-app .ui-comment-button-container>*:not(:last-child) {
        margin-right: 0;
    }

    .ui-comment-app .ui-comment-button-container.comment:not(.active) {
        display: none;
    }

    .ui-comment-app .ui-comment-button-container.comment.active:not(.simple) .ui-comment-container.active:not(.simple) {
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        height: auto !important;
    }

    .ui-comment-app .ui-comment-button-container.comment.simple {
        top: unset !important;
        bottom: 0;
    }

    body.comment-open {
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    .ui-infobar.comment-enabled.comment-inner {
        margin-right: 45px;
    }
}

@media (max-width: 500px) {
    .ui-comment-app .ui-comment-button {
        text-align: center;
        width: 24px;
        line-height: 16px;
    }
}

.selection-popover.popover {
    background-color: #777;
    color: #fff;
    cursor: pointer;
    z-index: 3;
}

.selection-popover.popover .popover-content {
    user-select: none;
}

.selection-popover.popover.top>.arrow {
    border-top-color: transparent;
}

.selection-popover.popover.top>.arrow:after {
    border-top-color: #777;
}

.modal-header {
    background-color: #f8f8f8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 8px 15px;
}

.modal-header .close {
    margin-top: -1px;
    font-size: 26px;
    color: #686868;
}

.modal-footer {
    border-top: none;
}

.modal-body {
    overflow: auto;
    word-break: break-word;
    max-height: calc(100vh - 70px);
}

.modal-lang-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-side-menu-block {
    margin-bottom: 30px;
    font-size: 16px;
}

.modal-side-menu-block h4 {
    color: #686868;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.modal-side-menu-block p {
    margin-bottom: 10px;
}

.modal-side-menu-block p:last-child {
    margin-bottom: 0;
}

.modal-lang-menu-item i {
    display: none;
}

.modal-lang-menu-item.active i {
    display: inline-block;
}

.modal-vertical-divider {
    position: absolute;
    left: 0;
    top: -15px;
    height: calc(100% + 30px);
    width: 1px;
    background-color: #e7e7e7;
}

.markdown-example-table-head th {
    color: #686868;
    font-size: 16px;
    border-bottom: 0 !important;
}

.markdown-example-table-body td {
    vertical-align: middle !important;
}

.markdown-example-table-body td a {
    text-decoration: underline;
}

.markdown-example-table-body .example-syntax {
    font-family: "Source Code Pro", Consolas, monaco, monospace;
    letter-spacing: .025em;
    line-height: 1.25;
    font-size: 12px;
    color: #868686;
    padding: 12px 5px;
}

.markdown-example-table-body .example-present {
    font-style: 14px;
    padding: 8px 5px;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.tabs .tab-item {
    margin-right: 30px;
    margin-bottom: 14px;
    color: #686868;
    transition: .3s;
    font-size: 16px;
}

.tabs .tab-item.active {
    color: #333;
}

.tabs .tab-slider-rail {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #ccc;
}

.tabs .tab-slider {
    position: absolute;
    left: 0;
    height: 2px;
    background-color: #686868;
    transition: .3s;
}

@media (min-width: 768px) {
    .modal-body {
        max-height: calc(100vh - 90px);
    }
}

.ReactModal__Overlay {
    transition: opacity 200ms ease-in-out;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.ReactModal__Overlay--after-open {
    opacity: 1;
}

.ReactModal__Overlay--before-close {
    opacity: 0;
}

.ReactModal__Content {
    transition: all 200ms ease-in-out;
    transform: translateY(-200px);
    opacity: 0;
    display: inline-block !important;
}

.ReactModal__Content--after-open {
    opacity: 1;
    transform: translateY(0);
}

.ReactModal__Content--before-close {
    opacity: 0;
    transform: translateY(-200px);
}

.btn.disabled {
    pointer-events: none;
}

select.default {
    color: #a9a9a9;
}

.payment-modal a i.fa.fa-angle-right {
    margin-left: 3px;
}

.payment-modal .modal-body {
    padding: 20px;
}

.payment-modal .payment-modal-body {
    display: flex;
    text-align: left;
}

.payment-modal .payment-modal-body a {
    color: #337ab7;
    cursor: pointer;
}

.payment-modal .payment-modal-body .payment-modal-content {
    flex: 1;
    max-width: 280px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container {
    border-radius: 4px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container .plan-details {
    padding: 20px;
    font-size: 12px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container .plan-details .plan-title {
    font-size: 20px;
    margin-bottom: 20px;
    word-break: break-word;
    font-weight: 600;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.update-payment {
    background-color: #f8f8f8;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.update-payment .plan-details {
    color: #686868;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment {
    background-color: #dff0d8;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-details {
    color: #3c763d;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-details .plan-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-details .plan-title .fa {
    font-size: 24px;
    margin-right: 10px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-details .plan-content {
    font-size: 14px;
    margin-bottom: 20px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-calculator {
    padding: 20px;
    border-top: solid 1px #a9d298;
    font-size: 12px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-calculator .plan-calculator-content {
    color: #3c763d;
    word-break: break-word;
    font-size: 16px;
    font-weight: 500;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-calculator .plan-calculator-content .plan-calculator-input {
    margin-bottom: 5px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-calculator .plan-calculator-content .plan-calculator-input input {
    width: 60px;
    display: inline-block;
    color: #3c763d;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-calculator .plan-calculator-content small {
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.25;
    color: #888;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-price {
    font-size: 28px;
    line-height: 26px;
    font-weight: bold;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-price small {
    font-size: 16px;
    font-weight: 500;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .plan-tip {
    color: #888;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code-reminder {
    background-color: #dff0d8;
    border-radius: 4px;
    margin-top: 15px;
    padding: 20px;
    float: right;
    width: 100%;
    color: #3c763d;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code-reminder .promote-code-reminder-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #3c763d;
    margin-bottom: 5px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code-reminder small {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #3c763d;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code {
    background-color: #f8f8f8;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px;
    float: right;
    width: 100%;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code .form-group {
    margin-bottom: 10px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code .form-group .ui-remove-promote-code {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #337ab7;
    float: right;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code .form-group label {
    color: #686868;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code .form-group input.form-control {
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: rgba(51, 51, 51, .65);
    background-color: #f8f8f8;
    padding: 8px 12px;
    height: 36px;
    box-shadow: none;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code button.ui-validate-promote-code {
    border: 1px solid #337ab7;
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 4px;
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
    color: #337ab7;
    width: 100%;
    padding: 9px 18px;
}

.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code button.ui-validate-promote-code:hover,
.payment-modal .payment-modal-body .payment-modal-content .plan-container.new-payment .promote-code button.ui-validate-promote-code:focus {
    background-color: #337ab7;
    color: #fff;
}

.payment-modal .payment-modal-body .payment-modal-details {
    flex: 2;
    margin-left: 20px;
}

.payment-modal .payment-modal-body .payment-modal-details .section {
    margin-bottom: 30px;
}

.payment-modal .payment-modal-body .payment-modal-details .section .section-title {
    border-bottom: solid 2px #ccc;
    padding-bottom: 12px;
    font-size: 22px;
    margin: 0 0 20px 0;
    color: #686868;
}

.payment-modal .payment-modal-body .payment-modal-details .section .form-group {
    width: 100%;
}

.payment-modal .payment-modal-body .payment-modal-details .section .team-path-field {
    display: flex;
    align-items: center;
}

.payment-modal .payment-modal-body .payment-modal-details .section .team-path-field input {
    flex: 1;
    margin-left: 5px;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-2 {
    display: flex;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-2 .form-group:first-child {
    margin-left: 0;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-2 .form-group {
    width: calc((100% - 16px) / 2);
    display: inline-block;
    margin-left: 16px;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-3 {
    display: flex;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-3 .form-group:first-child {
    margin-left: 0;
}

.payment-modal .payment-modal-body .payment-modal-details .section .field-group-3 .form-group {
    width: calc((100% - 30px) / 3);
    display: inline-block;
    margin-left: 15px;
}

.payment-modal .payment-modal-body .payment-modal-details .modal-footer {
    padding: 0;
    padding-top: 10px;
}

.payment-modal .payment-modal-body .payment-modal-details .modal-footer.unupgraded {
    display: flex;
    align-items: center;
    text-align: left;
}

.payment-modal .payment-modal-body .payment-modal-details .modal-footer.unupgraded .checkbox {
    font-size: 16px;
    color: #888;
    margin-right: 5px;
    flex: 1;
}

.change-payment-modal {
    width: auto;
    max-width: 600px;
}

.change-payment-modal .modal-title {
    text-align: left;
}

.change-payment-modal .modal-body {
    padding: 20px;
}

.change-payment-modal .btn.bg-green-default:hover {
    color: #fff;
    background-color: #449d44;
}

.cancel-payment-confirm-modal {
    min-width: 400px;
}

.cancel-payment-confirm-modal .modal-body {
    padding: 20px;
    text-align: left;
}

.cancel-payment-confirm-modal .modal-body .important {
    font-size: 16px;
    margin-bottom: 15px;
}

.cancel-payment-confirm-modal .modal-body .danger {
    color: #c9302c;
}

.cancel-payment-confirm-modal .modal-body small {
    color: #818181;
    font-size: 13px;
}

.cancel-payment-confirm-modal .modal-footer {
    padding: 0 20px 20px 20px;
}

.cancel-payment-confirm-modal .modal-footer .btn-default {
    color: #8f8f8f;
    border-color: #8f8f8f;
}

.cancel-payment-confirm-modal .modal-footer .btn-default:hover,
.cancel-payment-confirm-modal .modal-footer .btn-default:focus {
    background-color: #8f8f8f;
    color: #fff;
}

.loading-modal .loading {
    height: 139px;
    width: 139px;
    position: relative;
    margin: 0 auto;
    top: 10px;
}

.loading-modal p {
    text-align: center;
    margin-bottom: 35px;
    position: relative;
    top: 15px;
}

.member-modal .user-section {
    padding: 8px 15px 7px 15px;
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    align-items: center;
}

.member-modal .user-section:hover {
    background: #f8f8f8;
    cursor: pointer;
    text-decoration: none;
}

.member-modal .user-section .user-info {
    display: inline-block;
    width: 50%;
    overflow: hidden;
}

.member-modal .user-section .user-info .flex {
    align-items: center;
}

.member-modal .user-section .user-info .flex .name-info {
    overflow: hidden;
}

.member-modal .user-section .user-info .flex .name-info .name {
    font-size: 16px;
    line-height: 18px;
    color: #333;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member-modal .user-section .user-info .flex .name-info .userpath {
    font-size: 12px;
    line-height: 15px;
    color: #888;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member-modal .user-section .user-bio {
    display: inline-block;
    width: 50%;
}

.member-modal .user-section .user-bio .bio {
    color: #888;
    font-size: 12px;
    line-height: 15px;
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    word-break: break-all;
}

.feedback-modal .modal-body {
    padding: 20px;
}

.feedback-modal .modal-footer {
    padding: 0;
    padding-top: 15px;
}

.team-visibility-change-modal .modal-body b.text-danger {
    color: #ea4335;
}

@media (max-width: 767px) {
    .payment-modal .payment-modal-body {
        display: block;
    }

    .payment-modal .payment-modal-body .payment-modal-content {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .payment-modal .payment-modal-body .payment-modal-details {
        margin-left: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .team-path-field {
        display: block;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .team-path-field div {
        margin-bottom: 5px;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .team-path-field input {
        margin-left: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .field-group-2 {
        display: block;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .field-group-2 .form-group {
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .field-group-3 {
        display: block;
    }

    .payment-modal .payment-modal-body .payment-modal-details .section .field-group-3 .form-group {
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .modal-footer {
        padding-top: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .modal-footer.unupgraded {
        display: block;
    }

    .payment-modal .payment-modal-body .payment-modal-details .modal-footer.unupgraded .checkbox {
        margin-right: 0;
    }

    .payment-modal .payment-modal-body .payment-modal-details .modal-footer.unupgraded .btn {
        margin-top: 10px;
        width: 100%;
    }

    .cancel-payment-confirm-modal {
        min-width: auto;
    }

    .cancel-payment-confirm-modal .modal-body {
        padding-bottom: 0;
    }

    .cancel-payment-confirm-modal .modal-footer .btn {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .cancel-payment-confirm-modal .modal-footer .btn+.btn {
        margin-left: 0;
    }

    .loading-modal {
        width: calc(100vw - 20px);
        max-width: 320px;
    }
}

@media (min-width: 768px) {
    .modal-sm {
        width: 400px;
    }
}

.spotlight-modal .block-title {
    color: #888;
    font-size: 12px;
    line-height: 16px;
}

.spotlight-modal .recent-search-item, .spotlight-modal .recent-view-item {
    font-weight: 600;
    padding: 8px 30px;
}

.spotlight-modal .result-item {
    padding: 8px 20px;
}

.spotlight-modal .recent-search-item, .spotlight-modal .recent-view-item,
.spotlight-modal .result-item {
    display: block;
    background-color: #fff;
    border: none;
    outline: none;
    width: 100%;
    color: #000;
    font-size: 15px;
    line-height: 15px;
    text-align: start;
}

.spotlight-modal .recent-search-item i, .spotlight-modal .recent-view-item i,
.spotlight-modal .result-item i {
    color: #cbcbcb;
}

.spotlight-modal .recent-search-item.is_focus,
.spotlight-modal .recent-search-item:focus,
.spotlight-modal .recent-search-item:hover,
.spotlight-modal .recent-view-item.is_focus,
.spotlight-modal .recent-view-item:focus,
.spotlight-modal .recent-view-item:hover, .spotlight-modal .result-item.is_focus,
.spotlight-modal .result-item:focus, .spotlight-modal .result-item:hover {
    background-color: #f8f8f8;
    outline: none;
}

.spotlight-modal .recent-search-item *, .spotlight-modal .recent-view-item * {
    user-select: none;
}

.spotlight-modal .result-item {
    text-decoration: none !important;
    font-size: 13px;
    line-height: 16px;
}

.spotlight-modal .result-item .highlighted-keyword {
    background-color: #fff0a7;
}

.spotlight-modal .result-item .result-title {
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
}

.spotlight-modal .result-item .result-content {
    margin-bottom: 6px;
    color: #888;
}

.spotlight-modal .result-item .result-owner {
    text-decoration: underline !important;
    color: #888;
}

.spotlight-modal .btn_sort {
    background-color: transparent;
    color: #888;
}

.spotlight-modal .sorting_dropdown>button {
    outline: none;
    border: none;
    color: #868686;
    background-color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 10px;
}

.spotlight-modal .sorting_dropdown>button:hover {
    outline: none;
    box-shadow: none;
    background-color: #f8f8f8;
}

.spotlight-modal .sorting_dropdown .dropdown-menu {
    min-width: auto !important;
    width: fit-content !important;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.spotlight-modal .sorting_dropdown .dropdown-menu.show {
    display: flex !important;
}

.spotlight-modal .sorting_dropdown .dropdown-item {
    white-space: nowrap;
    width: 100%;
    color: #888;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    background-color: transparent;
    outline: none;
    border: none;
    padding: 3px 20px;
}

.spotlight-modal .sorting_dropdown .dropdown-item i {
    opacity: 0;
    margin-right: 4px;
}

.spotlight-modal .sorting_dropdown .dropdown-item.active i {
    opacity: 1;
}

.spotlight-modal .sorting_dropdown .dropdown-item:hover {
    background-color: #f8f8f8;
}

.loading_spinner .circular[data-v-213df31f] {
    animation: rotate-data-v-213df31f 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
}
.loading_spinner .path[data-v-213df31f] {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash-data-v-213df31f 1.5s ease-in-out infinite;
    stroke-linecap: round;
}
@keyframes rotate-data-v-213df31f {
100% {
        transform: rotate(360deg);
}
}
@keyframes dash-data-v-213df31f {
0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
}
50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35;
}
100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124;
}
}

.ReactModalPortal {
    z-index: 9999;
    position: fixed;
    top: 0;
}

.ReactModal__Overlay.spotlight-modal-overlay {
    transition: none;
}

.ReactModal__Content.spotlight-modal {
    position: relative;
    top: 65px;
    display: flex !important;
    max-height: 70%;
    height: 100%;
    transition: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    border-radius: 6px;
}

.ReactModal__Content.spotlight-modal .modal-dialog {
    flex-grow: 1;
}

.ReactModal__Content.spotlight-modal .modal-content {
    height: 100%;
    overflow: hidden;
    padding: 47px 0 30px;
    box-shadow: none;
    border-color: #cdcdcd;
}

.ReactModal__Content.spotlight-modal .modal-header {
    position: absolute;
    top: 0;
    left: 0;
    height: 47px;
    background-color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
}

.ReactModal__Content.spotlight-modal .modal-header .close {
    font-size: 16px;
}

.ReactModal__Content.spotlight-modal .modal-title {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 16px;
}

.ReactModal__Content.spotlight-modal .modal-title .fa-search {
    color: #b6b6b6;
}

.ReactModal__Content.spotlight-modal .modal-title .fa-close {
    opacity: .7;
    color: #686868;
}

.ReactModal__Content.spotlight-modal .modal-title .fa-close:hover {
    opacity: 1;
}

.ReactModal__Content.spotlight-modal .spotlight-input {
    outline: none;
    border: none;
    width: 100%;
    background-color: transparent;
}

.ReactModal__Content.spotlight-modal .spotlight-input::placeholder {
    color: #b6b6b6;
}

.ReactModal__Content.spotlight-modal .btn_text {
    background-color: rgba(255, 255, 255, 0);
    color: #888;
    font-size: 16px;
    line-height: 16px;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.ReactModal__Content.spotlight-modal .btn_text:hover {
    color: #cdcdcd;
}

.ReactModal__Content.spotlight-modal .vertical-divider {
    align-self: stretch;
    min-width: 1px;
    background-color: #e7e7e7;
}

.ReactModal__Content.spotlight-modal .modal-body {
    overflow: auto;
    height: 100%;
    max-height: 100%;
    padding: 15px 0 0 0;
}

.ReactModal__Content.spotlight-modal .modal-body .no-results {
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    top: calc(50% - 44px);
    font-size: 16px;
    color: #b6b6b6;
    line-height: 1.4em;
}

.ReactModal__Content.spotlight-modal .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #f4f4f4;
    color: #888;
    padding-top: 7px;
    padding-bottom: 6px;
    font-size: 12px;
    border-radius: 0 0 6px 6px;
}

.ReactModal__Content.spotlight-modal .modal-footer .shortcut_hint {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.ReactModal__Content.spotlight-modal .modal-footer .shortcut_hint .plus {
    margin-right: 5px;
}

.ReactModal__Content.spotlight-modal .modal-footer kbd {
    font-size: 8px;
    user-select: none;
    padding: 1px 4px;
    background: #fff;
    border: .5px solid #bbb;
    box-sizing: border-box;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    border-radius: 2px;
    color: #5f5955;
    margin-right: 5px;
    margin-top: 2px;
}

@media (max-width: 899px) {
    .ReactModal__Overlay.spotlight-modal-overlay {
        align-items: flex-end;
    }
}

@media (max-width: 991px) {
    .ReactModal__Content.spotlight-modal {
        width: 100%;
        top: 0;
        max-height: 100%;
    }

    .ReactModal__Content.spotlight-modal .modal-dialog {
        width: 100%;
    }

    .ReactModal__Content.spotlight-modal .modal-content {
        width: 100%;
        padding: 50px 0 0 0;
        border-radius: 0 !important;
    }

    .ReactModal__Content.spotlight-modal .modal-header {
        border-radius: 0 !important;
    }
}

.ui-host-mouse {
    position: fixed;
    font-size: 22px;
    color: #333;
    z-index: 10000;
}

.site-ui-font {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.template-empty {
    width: 100%;
    margin-top: 24px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.template-empty i {
    font-size: 34px;
}

.template-empty>*:not(:last-child) {
    margin-bottom: 6px;
}

.ui-templates-container {
    overflow: auto;
    flex-direction: column;
    display: flex;
    height: 100%;
    min-height: 300px;
}

.ui-templates-container .ui-use-template-btn {
    width: 100%;
    border-radius: 0;
    border-bottom-right-radius: 4px;
    height: 53px;
    font-size: 18px;
}

.ui-templates-container .ui-create-template-btn {
    border-color: #337ab7;
    color: #337ab7;
    height: 40px;
    font-size: 16px;
    padding: 6px 20px;
    text-align: left;
    border-radius: 6px;
}

.ui-templates-container .ui-create-template-btn:hover,
.ui-templates-container .ui-create-template-btn:focus {
    background-color: #337ab7;
    color: #fff;
}

.ui-use-template-btn-mobile {
    width: 100%;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    height: 53px;
    font-size: 18px;
}

.template-content .modal-header {
    padding: 8px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #f8f8f8;
    text-align: left;
}

.template-content .modal-title {
    line-height: normal;
    height: 20px;
    color: #686868;
}

.template-content .close {
    color: #686868;
    font-size: 18px !important;
    opacity: 1 !important;
    margin-top: 0 !important;
}

.template-content .template-preview-container {
    height: calc(100vh - 215px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.template-content .template-preview-container>div {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.template-content .template-list-container {
    height: calc(100vh - 215px);
    overflow: auto;
}

.template-content input[type=radio][disabled]+span {
    color: #7a7a7a;
}

.template-menu {
    padding: 0 15px 0 57.5px;
    margin-bottom: 26px;
    width: 100%;
    position: absolute;
    bottom: 0;
    max-height: calc(100% - 270px);
    overflow: auto;
}

.template-menu .menu-tip {
    font-size: 18px;
    color: #868686;
    margin-left: 15px;
    font-family: "Source Code Pro", Consolas, monaco, monospace;
}

html[lang^=ja] .template-menu .menu-tip {
    font-family: "Source Code Pro", Consolas, monaco, Meiryo, "ＭＳ ゴシック", "MS Gothic", monospace;
}

html[lang=zh-tw] .template-menu .menu-tip {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft JhengHei", "微軟正黑", monospace;
}

html[lang=zh-cn] .template-menu .menu-tip {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft YaHei", "微软雅黑", monospace;
}

.template-menu .menu-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 250px;
    height: 55px;
    background-color: #3a3e48;
    margin-left: 15px;
    margin-bottom: 15px;
    color: #abb2bf;
    border: none;
    font-size: 16px;
    text-align: left;
    padding: 0 25px;
    border-radius: 6px;
    float: left;
    font-family: "Source Code Pro", Consolas, monaco, monospace;
}

html[lang^=ja] .template-menu .menu-item {
    font-family: "Source Code Pro", Consolas, monaco, Meiryo, "ＭＳ ゴシック", "MS Gothic", monospace;
}

html[lang=zh-tw] .template-menu .menu-item {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft JhengHei", "微軟正黑", monospace;
}

html[lang=zh-cn] .template-menu .menu-item {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft YaHei", "微软雅黑", monospace;
}

.template-menu .menu-item:hover {
    color: #abb2bf;
    background-color: #565b67;
}

.template-menu .more-template {
    border: #abb2bf 1px solid;
    background-color: #1e2126;
}

.template-menu .more-template:hover {
    color: #fff;
    border: #fff 1px solid;
    background-color: #1e2126;
}

.template-banner {
    text-align: center;
    user-select: none;
    padding: 8px 15px;
    background-color: #f8d7da;
    color: #721c24;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.template-banner.online {
    background-color: #c8e9c8;
    color: #007d00;
}

.ui-template-list-filter .ui-template-list-filter-label,
.ui-template-list-filter .ui-template-list-filter-label:hover {
    float: right;
    font-size: 16px;
    color: #777;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
}

.ui-template-list {
    overflow: auto;
    margin-bottom: 0;
}

.ui-template-list .list-group-item {
    border: none;
    padding: 8px 20px;
    border-radius: 0;
    display: flex;
}

.ui-template-list .list-group-item .list-group-item-heading {
    color: #777;
    flex: 1;
    margin: 0;
    padding: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.ui-template-list .list-group-item .dropdown-container>.dropdown-menu {
    right: 20px;
    left: auto;
}

.ui-template-list .list-group-item .dropdown-container {
    width: 24px;
    height: 24px;
    margin-left: 2px;
    padding-top: 1px;
}

.ui-template-list .list-group-item .dropdown-container.open {
    background-color: #e7e7e7;
}

.ui-template-list .list-group-item .dropdown-container:hover {
    background-color: #e7e7e7 !important;
}

.ui-template-list .list-group-item.active {
    background: #f5f5f5;
}

.ui-template-list .list-group-item.active .list-group-item-heading {
    color: #777;
}

.ui-template-list .list-group-item.active:focus {
    background: #f5f5f5;
}

.ui-template-list .list-group-item:focus {
    background: transparent;
}

.ui-template-list .list-group-item:hover {
    background: #f5f5f5 !important;
}

.ui-template-list .ui-profile-label {
    margin-left: 5px;
    margin-right: 3px;
}

.ui-template-list .ui-profile-label .ui-avatar {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    border-radius: 100%;
}

.ui-template-spinner {
    position: unset;
    display: unset;
}

@media (max-width: 350px) {
    .template-menu {
        max-height: calc(100% - 300px);
    }
}

@media (max-width: 767px) {
    .template-menu .menu-tip {
        margin-left: 7.5px;
    }

    .template-menu .menu-item {
        margin-left: 7.5px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .template-content .template-preview-container {
        padding-right: 0;
    }

    .template-content .template-preview-container>div {
        flex: 1;
        display: flex;
        align-items: center;
    }

    .template-content .template-list-container {
        padding-left: 0;
    }

    .template-content .ui-templates-container {
        border-left: 1px solid #d8d8d8;
    }
}

/*!
* reveal.js 4.5.0
* https://revealjs.com
* MIT licensed
*
* Copyright (C) 2011-2023 Hakim El Hattab, https://hakim.se
*/

.reveal .r-stretch, .reveal .stretch {
    max-width: none;
    max-height: none;
}

.reveal pre.r-stretch code, .reveal pre.stretch code {
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.reveal .r-fit-text {
    display: inline-block;
    white-space: nowrap;
}

.reveal .r-stack {
    display: grid;
}

.reveal .r-stack>* {
    grid-area: 1/1;
    margin: auto;
}

.reveal .r-hstack, .reveal .r-vstack {
    display: flex;
}

.reveal .r-hstack img, .reveal .r-hstack video, .reveal .r-vstack img,
.reveal .r-vstack video {
    min-width: 0;
    min-height: 0;
    object-fit: contain;
}

.reveal .r-vstack {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.reveal .r-hstack {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.reveal .items-stretch {
    align-items: stretch;
}

.reveal .items-start {
    align-items: flex-start;
}

.reveal .items-center {
    align-items: center;
}

.reveal .items-end {
    align-items: flex-end;
}

.reveal .justify-between {
    justify-content: space-between;
}

.reveal .justify-around {
    justify-content: space-around;
}

.reveal .justify-start {
    justify-content: flex-start;
}

.reveal .justify-center {
    justify-content: center;
}

.reveal .justify-end {
    justify-content: flex-end;
}

html.reveal-full-page {
    width: 100%;
    height: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
}

.reveal-viewport {
    height: 100%;
    overflow: hidden;
    position: relative;
    line-height: 1;
    margin: 0;
    background-color: #fff;
    color: #000;
}

.reveal-viewport:fullscreen {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
}

.reveal .fragment {
    transition: all .2s ease;
}

.reveal .fragment:not(.custom) {
    opacity: 0;
    visibility: hidden;
    will-change: opacity;
}

.reveal .fragment.visible {
    opacity: 1;
    visibility: inherit;
}

.reveal .fragment.disabled {
    transition: none;
}

.reveal .fragment.grow {
    opacity: 1;
    visibility: inherit;
}

.reveal .fragment.grow.visible {
    transform: scale(1.3);
}

.reveal .fragment.shrink {
    opacity: 1;
    visibility: inherit;
}

.reveal .fragment.shrink.visible {
    transform: scale(.7);
}

.reveal .fragment.zoom-in {
    transform: scale(.1);
}

.reveal .fragment.zoom-in.visible {
    transform: none;
}

.reveal .fragment.fade-out {
    opacity: 1;
    visibility: inherit;
}

.reveal .fragment.fade-out.visible {
    opacity: 0;
    visibility: hidden;
}

.reveal .fragment.semi-fade-out {
    opacity: 1;
    visibility: inherit;
}

.reveal .fragment.semi-fade-out.visible {
    opacity: .5;
    visibility: inherit;
}

.reveal .fragment.strike {
    opacity: 1;
    visibility: inherit;
}

.reveal .fragment.strike.visible {
    text-decoration: line-through;
}

.reveal .fragment.fade-up {
    transform: translate(0, 40px);
}

.reveal .fragment.fade-up.visible {
    transform: translate(0, 0);
}

.reveal .fragment.fade-down {
    transform: translate(0, -40px);
}

.reveal .fragment.fade-down.visible {
    transform: translate(0, 0);
}

.reveal .fragment.fade-right {
    transform: translate(-40px, 0);
}

.reveal .fragment.fade-right.visible {
    transform: translate(0, 0);
}

.reveal .fragment.fade-left {
    transform: translate(40px, 0);
}

.reveal .fragment.fade-left.visible {
    transform: translate(0, 0);
}

.reveal .fragment.current-visible, .reveal .fragment.fade-in-then-out {
    opacity: 0;
    visibility: hidden;
}

.reveal .fragment.current-visible.current-fragment,
.reveal .fragment.fade-in-then-out.current-fragment {
    opacity: 1;
    visibility: inherit;
}

.reveal .fragment.fade-in-then-semi-out {
    opacity: 0;
    visibility: hidden;
}

.reveal .fragment.fade-in-then-semi-out.visible {
    opacity: .5;
    visibility: inherit;
}

.reveal .fragment.fade-in-then-semi-out.current-fragment {
    opacity: 1;
    visibility: inherit;
}

.reveal .fragment.highlight-blue, .reveal .fragment.highlight-current-blue,
.reveal .fragment.highlight-current-green,
.reveal .fragment.highlight-current-red, .reveal .fragment.highlight-green,
.reveal .fragment.highlight-red {
    opacity: 1;
    visibility: inherit;
}

.reveal .fragment.highlight-red.visible {
    color: #ff2c2d;
}

.reveal .fragment.highlight-green.visible {
    color: #17ff2e;
}

.reveal .fragment.highlight-blue.visible {
    color: #1b91ff;
}

.reveal .fragment.highlight-current-red.current-fragment {
    color: #ff2c2d;
}

.reveal .fragment.highlight-current-green.current-fragment {
    color: #17ff2e;
}

.reveal .fragment.highlight-current-blue.current-fragment {
    color: #1b91ff;
}

.reveal:after {
    content: "";
    font-style: italic;
}

.reveal iframe {
    z-index: 1;
}

.reveal a {
    position: relative;
}

@keyframes bounce-right {
    0%, 10%, 25%, 40%, 50% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(10px);
    }

    30% {
        transform: translateX(-5px);
    }
}

@keyframes bounce-left {
    0%, 10%, 25%, 40%, 50% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-10px);
    }

    30% {
        transform: translateX(5px);
    }
}

@keyframes bounce-down {
    0%, 10%, 25%, 40%, 50% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(10px);
    }

    30% {
        transform: translateY(-5px);
    }
}

.reveal .controls {
    display: none;
    position: absolute;
    top: auto;
    bottom: 12px;
    right: 12px;
    left: auto;
    z-index: 11;
    color: #000;
    pointer-events: none;
    font-size: 10px;
}

.reveal .controls button {
    position: absolute;
    padding: 0;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    color: currentColor;
    transform: scale(.9999);
    transition: color .2s ease, opacity .2s ease, transform .2s ease;
    z-index: 2;
    pointer-events: auto;
    font-size: inherit;
    visibility: hidden;
    opacity: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.reveal .controls .controls-arrow:after,
.reveal .controls .controls-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.6em;
    height: .5em;
    border-radius: .25em;
    background-color: currentColor;
    transition: all .15s ease, background-color .8s ease;
    transform-origin: .2em 50%;
    will-change: transform;
}

.reveal .controls .controls-arrow {
    position: relative;
    width: 3.6em;
    height: 3.6em;
}

.reveal .controls .controls-arrow:before {
    transform: translateX(.5em) translateY(1.55em) rotate(45deg);
}

.reveal .controls .controls-arrow:after {
    transform: translateX(.5em) translateY(1.55em) rotate(-45deg);
}

.reveal .controls .controls-arrow:hover:before {
    transform: translateX(.5em) translateY(1.55em) rotate(40deg);
}

.reveal .controls .controls-arrow:hover:after {
    transform: translateX(.5em) translateY(1.55em) rotate(-40deg);
}

.reveal .controls .controls-arrow:active:before {
    transform: translateX(.5em) translateY(1.55em) rotate(36deg);
}

.reveal .controls .controls-arrow:active:after {
    transform: translateX(.5em) translateY(1.55em) rotate(-36deg);
}

.reveal .controls .navigate-left {
    right: 6.4em;
    bottom: 3.2em;
    transform: translateX(-10px);
}

.reveal .controls .navigate-left.highlight {
    animation: bounce-left 2s 50 both ease-out;
}

.reveal .controls .navigate-right {
    right: 0;
    bottom: 3.2em;
    transform: translateX(10px);
}

.reveal .controls .navigate-right .controls-arrow {
    transform: rotate(180deg);
}

.reveal .controls .navigate-right.highlight {
    animation: bounce-right 2s 50 both ease-out;
}

.reveal .controls .navigate-up {
    right: 3.2em;
    bottom: 6.4em;
    transform: translateY(-10px);
}

.reveal .controls .navigate-up .controls-arrow {
    transform: rotate(90deg);
}

.reveal .controls .navigate-down {
    right: 3.2em;
    bottom: -1.4em;
    padding-bottom: 1.4em;
    transform: translateY(10px);
}

.reveal .controls .navigate-down .controls-arrow {
    transform: rotate(-90deg);
}

.reveal .controls .navigate-down.highlight {
    animation: bounce-down 2s 50 both ease-out;
}

.reveal .controls[data-controls-back-arrows=faded] .navigate-up.enabled {
    opacity: .3;
}

.reveal .controls[data-controls-back-arrows=faded] .navigate-up.enabled:hover {
    opacity: 1;
}

.reveal .controls[data-controls-back-arrows=hidden] .navigate-up.enabled {
    opacity: 0;
    visibility: hidden;
}

.reveal .controls .enabled {
    visibility: visible;
    opacity: .9;
    cursor: pointer;
    transform: none;
}

.reveal .controls .enabled.fragmented {
    opacity: .5;
}

.reveal .controls .enabled.fragmented:hover, .reveal .controls .enabled:hover {
    opacity: 1;
}

.reveal:not(.rtl) .controls[data-controls-back-arrows=faded] .navigate-left.enabled {
    opacity: .3;
}

.reveal:not(.rtl) .controls[data-controls-back-arrows=faded] .navigate-left.enabled:hover {
    opacity: 1;
}

.reveal:not(.rtl) .controls[data-controls-back-arrows=hidden] .navigate-left.enabled {
    opacity: 0;
    visibility: hidden;
}

.reveal.rtl .controls[data-controls-back-arrows=faded] .navigate-right.enabled {
    opacity: .3;
}

.reveal.rtl .controls[data-controls-back-arrows=faded] .navigate-right.enabled:hover {
    opacity: 1;
}

.reveal.rtl .controls[data-controls-back-arrows=hidden] .navigate-right.enabled {
    opacity: 0;
    visibility: hidden;
}

.reveal[data-navigation-mode=linear].has-horizontal-slides .navigate-down,
.reveal[data-navigation-mode=linear].has-horizontal-slides .navigate-up {
    display: none;
}

.reveal:not(.has-vertical-slides) .controls .navigate-left,
.reveal[data-navigation-mode=linear].has-horizontal-slides .navigate-left {
    bottom: 1.4em;
    right: 5.5em;
}

.reveal:not(.has-vertical-slides) .controls .navigate-right,
.reveal[data-navigation-mode=linear].has-horizontal-slides .navigate-right {
    bottom: 1.4em;
    right: .5em;
}

.reveal:not(.has-horizontal-slides) .controls .navigate-up {
    right: 1.4em;
    bottom: 5em;
}

.reveal:not(.has-horizontal-slides) .controls .navigate-down {
    right: 1.4em;
    bottom: .5em;
}

.reveal.has-dark-background .controls {
    color: #fff;
}

.reveal.has-light-background .controls {
    color: #000;
}

.reveal.no-hover .controls .controls-arrow:active:before,
.reveal.no-hover .controls .controls-arrow:hover:before {
    transform: translateX(.5em) translateY(1.55em) rotate(45deg);
}

.reveal.no-hover .controls .controls-arrow:active:after,
.reveal.no-hover .controls .controls-arrow:hover:after {
    transform: translateX(.5em) translateY(1.55em) rotate(-45deg);
}

.reveal .progress {
    position: absolute;
    display: none;
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
}

.reveal .progress:after {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 100%;
    top: -10px;
}

.reveal .progress span {
    display: block;
    height: 100%;
    width: 100%;
    background-color: currentColor;
    transition: transform .8s cubic-bezier(.26, .86, .44, .985);
    transform-origin: 0 0;
    transform: scaleX(0);
}

.reveal .slide-number {
    position: absolute;
    display: block;
    right: 8px;
    bottom: 8px;
    z-index: 31;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    padding: 5px;
}

.reveal .slide-number a {
    color: currentColor;
}

.reveal .slide-number-delimiter {
    margin: 0 3px;
}

.reveal {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    touch-action: pinch-zoom;
}

.reveal.embedded {
    touch-action: pan-y;
}

.reveal .slides {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    pointer-events: none;
    overflow: visible;
    z-index: 1;
    text-align: center;
    perspective: 600px;
    perspective-origin: 50% 40%;
}

.reveal .slides>section {
    perspective: 600px;
}

.reveal .slides>section, .reveal .slides>section>section {
    display: none;
    position: absolute;
    width: 100%;
    pointer-events: auto;
    z-index: 10;
    transform-style: flat;
    transition: transform-origin .8s cubic-bezier(.26, .86, .44, .985),
                transform .8s cubic-bezier(.26, .86, .44, .985),
                visibility .8s cubic-bezier(.26, .86, .44, .985),
                opacity .8s cubic-bezier(.26, .86, .44, .985);
}

.reveal[data-transition-speed=fast] .slides section {
    transition-duration: .4s;
}

.reveal[data-transition-speed=slow] .slides section {
    transition-duration: 1.2s;
}

.reveal .slides section[data-transition-speed=fast] {
    transition-duration: .4s;
}

.reveal .slides section[data-transition-speed=slow] {
    transition-duration: 1.2s;
}

.reveal .slides>section.stack {
    padding-top: 0;
    padding-bottom: 0;
    pointer-events: none;
    height: 100%;
}

.reveal .slides>section.present, .reveal .slides>section>section.present {
    display: block;
    z-index: 11;
    opacity: 1;
}

.reveal .slides>section:empty, .reveal .slides>section>section:empty,
.reveal .slides>section>section[data-background-interactive],
.reveal .slides>section[data-background-interactive] {
    pointer-events: none;
}

.reveal.center, .reveal.center .slides, .reveal.center .slides section {
    min-height: 0 !important;
}

.reveal .slides>section:not(.present),
.reveal .slides>section>section:not(.present) {
    pointer-events: none;
}

.reveal.overview .slides>section, .reveal.overview .slides>section>section {
    pointer-events: auto;
}

.reveal .slides>section.future, .reveal .slides>section.future>section,
.reveal .slides>section.past, .reveal .slides>section.past>section,
.reveal .slides>section>section.future, .reveal .slides>section>section.past {
    opacity: 0;
}

.reveal .slides>section[data-transition=slide].past,
.reveal .slides>section[data-transition~=slide-out].past,
.reveal.slide .slides>section:not([data-transition]).past {
    transform: translate(-150%, 0);
}

.reveal .slides>section[data-transition=slide].future,
.reveal .slides>section[data-transition~=slide-in].future,
.reveal.slide .slides>section:not([data-transition]).future {
    transform: translate(150%, 0);
}

.reveal .slides>section>section[data-transition=slide].past,
.reveal .slides>section>section[data-transition~=slide-out].past,
.reveal.slide .slides>section>section:not([data-transition]).past {
    transform: translate(0, -150%);
}

.reveal .slides>section>section[data-transition=slide].future,
.reveal .slides>section>section[data-transition~=slide-in].future,
.reveal.slide .slides>section>section:not([data-transition]).future {
    transform: translate(0, 150%);
}

.reveal .slides>section[data-transition=linear].past,
.reveal .slides>section[data-transition~=linear-out].past,
.reveal.linear .slides>section:not([data-transition]).past {
    transform: translate(-150%, 0);
}

.reveal .slides>section[data-transition=linear].future,
.reveal .slides>section[data-transition~=linear-in].future,
.reveal.linear .slides>section:not([data-transition]).future {
    transform: translate(150%, 0);
}

.reveal .slides>section>section[data-transition=linear].past,
.reveal .slides>section>section[data-transition~=linear-out].past,
.reveal.linear .slides>section>section:not([data-transition]).past {
    transform: translate(0, -150%);
}

.reveal .slides>section>section[data-transition=linear].future,
.reveal .slides>section>section[data-transition~=linear-in].future,
.reveal.linear .slides>section>section:not([data-transition]).future {
    transform: translate(0, 150%);
}

.reveal .slides section[data-transition=default].stack,
.reveal.default .slides section.stack {
    transform-style: preserve-3d;
}

.reveal .slides>section[data-transition=default].past,
.reveal .slides>section[data-transition~=default-out].past,
.reveal.default .slides>section:not([data-transition]).past {
    transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
}

.reveal .slides>section[data-transition=default].future,
.reveal .slides>section[data-transition~=default-in].future,
.reveal.default .slides>section:not([data-transition]).future {
    transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
}

.reveal .slides>section>section[data-transition=default].past,
.reveal .slides>section>section[data-transition~=default-out].past,
.reveal.default .slides>section>section:not([data-transition]).past {
    transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
}

.reveal .slides>section>section[data-transition=default].future,
.reveal .slides>section>section[data-transition~=default-in].future,
.reveal.default .slides>section>section:not([data-transition]).future {
    transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
}

.reveal .slides section[data-transition=convex].stack,
.reveal.convex .slides section.stack {
    transform-style: preserve-3d;
}

.reveal .slides>section[data-transition=convex].past,
.reveal .slides>section[data-transition~=convex-out].past,
.reveal.convex .slides>section:not([data-transition]).past {
    transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
}

.reveal .slides>section[data-transition=convex].future,
.reveal .slides>section[data-transition~=convex-in].future,
.reveal.convex .slides>section:not([data-transition]).future {
    transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
}

.reveal .slides>section>section[data-transition=convex].past,
.reveal .slides>section>section[data-transition~=convex-out].past,
.reveal.convex .slides>section>section:not([data-transition]).past {
    transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
}

.reveal .slides>section>section[data-transition=convex].future,
.reveal .slides>section>section[data-transition~=convex-in].future,
.reveal.convex .slides>section>section:not([data-transition]).future {
    transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
}

.reveal .slides section[data-transition=concave].stack,
.reveal.concave .slides section.stack {
    transform-style: preserve-3d;
}

.reveal .slides>section[data-transition=concave].past,
.reveal .slides>section[data-transition~=concave-out].past,
.reveal.concave .slides>section:not([data-transition]).past {
    transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
}

.reveal .slides>section[data-transition=concave].future,
.reveal .slides>section[data-transition~=concave-in].future,
.reveal.concave .slides>section:not([data-transition]).future {
    transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
}

.reveal .slides>section>section[data-transition=concave].past,
.reveal .slides>section>section[data-transition~=concave-out].past,
.reveal.concave .slides>section>section:not([data-transition]).past {
    transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
}

.reveal .slides>section>section[data-transition=concave].future,
.reveal .slides>section>section[data-transition~=concave-in].future,
.reveal.concave .slides>section>section:not([data-transition]).future {
    transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
}

.reveal .slides section[data-transition=zoom],
.reveal.zoom .slides section:not([data-transition]) {
    transition-timing-function: ease;
}

.reveal .slides>section[data-transition=zoom].past,
.reveal .slides>section[data-transition~=zoom-out].past,
.reveal.zoom .slides>section:not([data-transition]).past {
    visibility: hidden;
    transform: scale(16);
}

.reveal .slides>section[data-transition=zoom].future,
.reveal .slides>section[data-transition~=zoom-in].future,
.reveal.zoom .slides>section:not([data-transition]).future {
    visibility: hidden;
    transform: scale(.2);
}

.reveal .slides>section>section[data-transition=zoom].past,
.reveal .slides>section>section[data-transition~=zoom-out].past,
.reveal.zoom .slides>section>section:not([data-transition]).past {
    transform: scale(16);
}

.reveal .slides>section>section[data-transition=zoom].future,
.reveal .slides>section>section[data-transition~=zoom-in].future,
.reveal.zoom .slides>section>section:not([data-transition]).future {
    transform: scale(.2);
}

.reveal.cube .slides {
    perspective: 1300px;
}

.reveal.cube .slides section {
    padding: 30px;
    min-height: 700px;
    backface-visibility: hidden;
    box-sizing: border-box;
    transform-style: preserve-3d;
}

.reveal.center.cube .slides section {
    min-height: 0;
}

.reveal.cube .slides section:not(.stack):before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .1);
    border-radius: 4px;
    transform: translateZ(-20px);
}

.reveal.cube .slides section:not(.stack):after {
    content: "";
    position: absolute;
    display: block;
    width: 90%;
    height: 30px;
    left: 5%;
    bottom: 0;
    background: 0 0;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0 95px 25px rgba(0, 0, 0, .2);
    transform: translateZ(-90px) rotateX(65deg);
}

.reveal.cube .slides>section.stack {
    padding: 0;
    background: 0 0;
}

.reveal.cube .slides>section.past {
    transform-origin: 100% 0;
    transform: translate3d(-100%, 0, 0) rotateY(-90deg);
}

.reveal.cube .slides>section.future {
    transform-origin: 0 0;
    transform: translate3d(100%, 0, 0) rotateY(90deg);
}

.reveal.cube .slides>section>section.past {
    transform-origin: 0 100%;
    transform: translate3d(0, -100%, 0) rotateX(90deg);
}

.reveal.cube .slides>section>section.future {
    transform-origin: 0 0;
    transform: translate3d(0, 100%, 0) rotateX(-90deg);
}

.reveal.page .slides {
    perspective-origin: 0 50%;
    perspective: 3000px;
}

.reveal.page .slides section {
    padding: 30px;
    min-height: 700px;
    box-sizing: border-box;
    transform-style: preserve-3d;
}

.reveal.page .slides section.past {
    z-index: 12;
}

.reveal.page .slides section:not(.stack):before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .1);
    transform: translateZ(-20px);
}

.reveal.page .slides section:not(.stack):after {
    content: "";
    position: absolute;
    display: block;
    width: 90%;
    height: 30px;
    left: 5%;
    bottom: 0;
    background: 0 0;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0 95px 25px rgba(0, 0, 0, .2);
    -webkit-transform: translateZ(-90px) rotateX(65deg);
}

.reveal.page .slides>section.stack {
    padding: 0;
    background: 0 0;
}

.reveal.page .slides>section.past {
    transform-origin: 0 0;
    transform: translate3d(-40%, 0, 0) rotateY(-80deg);
}

.reveal.page .slides>section.future {
    transform-origin: 100% 0;
    transform: translate3d(0, 0, 0);
}

.reveal.page .slides>section>section.past {
    transform-origin: 0 0;
    transform: translate3d(0, -40%, 0) rotateX(80deg);
}

.reveal.page .slides>section>section.future {
    transform-origin: 0 100%;
    transform: translate3d(0, 0, 0);
}

.reveal .slides section[data-transition=fade],
.reveal.fade .slides section:not([data-transition]),
.reveal.fade .slides>section>section:not([data-transition]) {
    transform: none;
    transition: opacity .5s;
}

.reveal.fade.overview .slides section,
.reveal.fade.overview .slides>section>section {
    transition: none;
}

.reveal .slides section[data-transition=none],
.reveal.none .slides section:not([data-transition]) {
    transform: none;
    transition: none;
}

.reveal .pause-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    visibility: hidden;
    opacity: 0;
    z-index: 100;
    transition: all 1s ease;
}

.reveal .pause-overlay .resume-button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #ccc;
    border-radius: 2px;
    padding: 6px 14px;
    border: 2px solid #ccc;
    font-size: 16px;
    background: 0 0;
    cursor: pointer;
}

.reveal .pause-overlay .resume-button:hover {
    color: #fff;
    border-color: #fff;
}

.reveal.paused .pause-overlay {
    visibility: visible;
    opacity: 1;
}

.reveal .no-transition, .reveal .no-transition *,
.reveal .slides.disable-slide-transitions section {
    transition: none !important;
}

.reveal .slides.disable-slide-transitions section {
    transform: none !important;
}

.reveal .backgrounds {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    perspective: 600px;
}

.reveal .slide-background {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0);
    transition: all .8s cubic-bezier(.26, .86, .44, .985);
}

.reveal .slide-background-content {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.reveal .slide-background.stack {
    display: block;
}

.reveal .slide-background.present {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.print-pdf .reveal .slide-background {
    opacity: 1 !important;
    visibility: visible !important;
}

.reveal .slide-background video {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    top: 0;
    left: 0;
    object-fit: cover;
}

.reveal .slide-background[data-background-size=contain] video {
    object-fit: contain;
}

.reveal>.backgrounds .slide-background[data-background-transition=none],
.reveal[data-background-transition=none]>.backgrounds .slide-background:not([data-background-transition]) {
    transition: none;
}

.reveal>.backgrounds .slide-background[data-background-transition=slide],
.reveal[data-background-transition=slide]>.backgrounds .slide-background:not([data-background-transition]) {
    opacity: 1;
}

.reveal>.backgrounds .slide-background.past[data-background-transition=slide],
.reveal[data-background-transition=slide]>.backgrounds .slide-background.past:not([data-background-transition]) {
    transform: translate(-100%, 0);
}

.reveal>.backgrounds .slide-background.future[data-background-transition=slide],
.reveal[data-background-transition=slide]>.backgrounds .slide-background.future:not([data-background-transition]) {
    transform: translate(100%, 0);
}

.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=slide],
.reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.past:not([data-background-transition]) {
    transform: translate(0, -100%);
}

.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=slide],
.reveal[data-background-transition=slide]>.backgrounds .slide-background>.slide-background.future:not([data-background-transition]) {
    transform: translate(0, 100%);
}

.reveal>.backgrounds .slide-background.past[data-background-transition=convex],
.reveal[data-background-transition=convex]>.backgrounds .slide-background.past:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
}

.reveal>.backgrounds .slide-background.future[data-background-transition=convex],
.reveal[data-background-transition=convex]>.backgrounds .slide-background.future:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
}

.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=convex],
.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.past:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
}

.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=convex],
.reveal[data-background-transition=convex]>.backgrounds .slide-background>.slide-background.future:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
}

.reveal>.backgrounds .slide-background.past[data-background-transition=concave],
.reveal[data-background-transition=concave]>.backgrounds .slide-background.past:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
}

.reveal>.backgrounds .slide-background.future[data-background-transition=concave],
.reveal[data-background-transition=concave]>.backgrounds .slide-background.future:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
}

.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=concave],
.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.past:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
}

.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=concave],
.reveal[data-background-transition=concave]>.backgrounds .slide-background>.slide-background.future:not([data-background-transition]) {
    opacity: 0;
    transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
}

.reveal>.backgrounds .slide-background[data-background-transition=zoom],
.reveal[data-background-transition=zoom]>.backgrounds .slide-background:not([data-background-transition]) {
    transition-timing-function: ease;
}

.reveal>.backgrounds .slide-background.past[data-background-transition=zoom],
.reveal[data-background-transition=zoom]>.backgrounds .slide-background.past:not([data-background-transition]) {
    opacity: 0;
    visibility: hidden;
    transform: scale(16);
}

.reveal>.backgrounds .slide-background.future[data-background-transition=zoom],
.reveal[data-background-transition=zoom]>.backgrounds .slide-background.future:not([data-background-transition]) {
    opacity: 0;
    visibility: hidden;
    transform: scale(.2);
}

.reveal>.backgrounds .slide-background>.slide-background.past[data-background-transition=zoom],
.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.past:not([data-background-transition]) {
    opacity: 0;
    visibility: hidden;
    transform: scale(16);
}

.reveal>.backgrounds .slide-background>.slide-background.future[data-background-transition=zoom],
.reveal[data-background-transition=zoom]>.backgrounds .slide-background>.slide-background.future:not([data-background-transition]) {
    opacity: 0;
    visibility: hidden;
    transform: scale(.2);
}

.reveal[data-transition-speed=fast]>.backgrounds .slide-background {
    transition-duration: .4s;
}

.reveal[data-transition-speed=slow]>.backgrounds .slide-background {
    transition-duration: 1.2s;
}

.reveal [data-auto-animate-target^=unmatched] {
    will-change: opacity;
}

.reveal section[data-auto-animate]:not(.stack):not([data-auto-animate=running]) [data-auto-animate-target^=unmatched] {
    opacity: 0;
}

.reveal.overview {
    perspective-origin: 50% 50%;
    perspective: 700px;
}

.reveal.overview .slides {
    -moz-transform-style: preserve-3d;
}

.reveal.overview .slides section {
    height: 100%;
    top: 0 !important;
    opacity: 1 !important;
    overflow: hidden;
    visibility: visible !important;
    cursor: pointer;
    box-sizing: border-box;
}

.reveal.overview .slides section.present, .reveal.overview .slides section:hover {
    outline: 10px solid rgba(150, 150, 150, .4);
    outline-offset: 10px;
}

.reveal.overview .slides section .fragment {
    opacity: 1;
    transition: none;
}

.reveal.overview .slides section:after, .reveal.overview .slides section:before {
    display: none !important;
}

.reveal.overview .slides>section.stack {
    padding: 0;
    top: 0 !important;
    background: 0 0;
    outline: 0;
    overflow: visible;
}

.reveal.overview .backgrounds {
    perspective: inherit;
    -moz-transform-style: preserve-3d;
}

.reveal.overview .backgrounds .slide-background {
    opacity: 1;
    visibility: visible;
    outline: 10px solid rgba(150, 150, 150, .1);
    outline-offset: 10px;
}

.reveal.overview .backgrounds .slide-background.stack {
    overflow: visible;
}

.reveal.overview .slides section, .reveal.overview-deactivating .slides section {
    transition: none;
}

.reveal.overview .backgrounds .slide-background,
.reveal.overview-deactivating .backgrounds .slide-background {
    transition: none;
}

.reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2,
.reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5,
.reveal.rtl .slides h6 {
    direction: rtl;
    font-family: sans-serif;
}

.reveal.rtl code, .reveal.rtl pre {
    direction: ltr;
}

.reveal.rtl ol, .reveal.rtl ul {
    text-align: right;
}

.reveal.rtl .progress span {
    transform-origin: 100% 0;
}

.reveal.has-parallax-background .backgrounds {
    transition: all .8s ease;
}

.reveal.has-parallax-background[data-transition-speed=fast] .backgrounds {
    transition-duration: .4s;
}

.reveal.has-parallax-background[data-transition-speed=slow] .backgrounds {
    transition-duration: 1.2s;
}

.reveal>.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, .9);
    transition: all .3s ease;
}

.reveal>.overlay .spinner {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    z-index: 10;
    background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D);
    visibility: visible;
    opacity: .6;
    transition: all .3s ease;
}

.reveal>.overlay header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 5px;
    z-index: 2;
    box-sizing: border-box;
}

.reveal>.overlay header a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    padding: 0 10px;
    float: right;
    opacity: .6;
    box-sizing: border-box;
}

.reveal>.overlay header a:hover {
    opacity: 1;
}

.reveal>.overlay header a .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.reveal>.overlay header a.close .icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC);
}

.reveal>.overlay header a.external .icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==);
}

.reveal>.overlay .viewport {
    position: absolute;
    display: flex;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
}

.reveal>.overlay.overlay-preview .viewport iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

.reveal>.overlay.overlay-preview.loaded .viewport iframe {
    opacity: 1;
    visibility: visible;
}

.reveal>.overlay.overlay-preview.loaded .viewport-inner {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 45%;
    width: 100%;
    text-align: center;
    letter-spacing: normal;
}

.reveal>.overlay.overlay-preview .x-frame-error {
    opacity: 0;
    transition: opacity .3s ease .3s;
}

.reveal>.overlay.overlay-preview.loaded .x-frame-error {
    opacity: 1;
}

.reveal>.overlay.overlay-preview.loaded .spinner {
    opacity: 0;
    visibility: hidden;
    transform: scale(.2);
}

.reveal>.overlay.overlay-help .viewport {
    overflow: auto;
    color: #fff;
}

.reveal>.overlay.overlay-help .viewport .viewport-inner {
    width: 600px;
    margin: auto;
    padding: 20px 20px 80px 20px;
    text-align: center;
    letter-spacing: normal;
}

.reveal>.overlay.overlay-help .viewport .viewport-inner .title {
    font-size: 20px;
}

.reveal>.overlay.overlay-help .viewport .viewport-inner table {
    border: 1px solid #fff;
    border-collapse: collapse;
    font-size: 16px;
}

.reveal>.overlay.overlay-help .viewport .viewport-inner table td,
.reveal>.overlay.overlay-help .viewport .viewport-inner table th {
    width: 200px;
    padding: 14px;
    border: 1px solid #fff;
    vertical-align: middle;
}

.reveal>.overlay.overlay-help .viewport .viewport-inner table th {
    padding-top: 20px;
    padding-bottom: 20px;
}

.reveal .playback {
    position: absolute;
    left: 15px;
    bottom: 20px;
    z-index: 30;
    cursor: pointer;
    transition: all .4s ease;
    -webkit-tap-highlight-color: transparent;
}

.reveal.overview .playback {
    opacity: 0;
    visibility: hidden;
}

.reveal .hljs {
    min-height: 100%;
}

.reveal .hljs table {
    margin: initial;
}

.reveal .hljs-ln-code, .reveal .hljs-ln-numbers {
    padding: 0;
    border: 0;
}

.reveal .hljs-ln-numbers {
    opacity: .6;
    padding-right: .75em;
    text-align: right;
    vertical-align: top;
}

.reveal .hljs.has-highlights tr:not(.highlight-line) {
    opacity: .4;
}

.reveal .hljs.has-highlights.fragment {
    transition: all .2s ease;
}

.reveal .hljs:not(:first-child).fragment {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.reveal pre[data-auto-animate-target] {
    overflow: hidden;
}

.reveal pre[data-auto-animate-target] code {
    height: 100%;
}

.reveal .roll {
    display: inline-block;
    line-height: 1.2;
    overflow: hidden;
    vertical-align: top;
    perspective: 400px;
    perspective-origin: 50% 50%;
}

.reveal .roll:hover {
    background: 0 0;
    text-shadow: none;
}

.reveal .roll span {
    display: block;
    position: relative;
    padding: 0 2px;
    pointer-events: none;
    transition: all .4s ease;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.reveal .roll:hover span {
    background: rgba(0, 0, 0, .5);
    transform: translate3d(0, 0, -45px) rotateX(90deg);
}

.reveal .roll span:after {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;
    backface-visibility: hidden;
    transform-origin: 50% 0;
    transform: translate3d(0, 110%, 0) rotateX(-90deg);
}

.reveal aside.notes {
    display: none;
}

.reveal .speaker-notes {
    display: none;
    position: absolute;
    width: 33.3333333333%;
    height: 100%;
    top: 0;
    left: 100%;
    padding: 14px 18px 14px 18px;
    z-index: 1;
    font-size: 18px;
    line-height: 1.4;
    border: 1px solid rgba(0, 0, 0, .05);
    color: #222;
    background-color: #f5f5f5;
    overflow: auto;
    box-sizing: border-box;
    text-align: left;
    font-family: Helvetica, sans-serif;
    -webkit-overflow-scrolling: touch;
}

.reveal .speaker-notes .notes-placeholder {
    color: #ccc;
    font-style: italic;
}

.reveal .speaker-notes:focus {
    outline: 0;
}

.reveal .speaker-notes:before {
    content: "Speaker notes";
    display: block;
    margin-bottom: 10px;
    opacity: .5;
}

.reveal.show-notes {
    max-width: 75%;
    overflow: visible;
}

.reveal.show-notes .speaker-notes {
    display: block;
}

.reveal .jump-to-slide {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 30;
    font-size: 32px;
    -webkit-tap-highlight-color: transparent;
}

.reveal .jump-to-slide-input {
    background: 0 0;
    padding: 8px;
    font-size: inherit;
    color: currentColor;
    border: 0;
}

.reveal .jump-to-slide-input::placeholder {
    color: currentColor;
    opacity: .5;
}

.reveal.has-dark-background .jump-to-slide-input {
    color: #fff;
}

.reveal.has-light-background .jump-to-slide-input {
    color: #222;
}

.reveal .jump-to-slide-input:focus {
    outline: 0;
}

.zoomed .reveal *, .zoomed .reveal :after, .zoomed .reveal :before {
    backface-visibility: visible !important;
}

.zoomed .reveal .controls, .zoomed .reveal .progress {
    opacity: 0;
}

.zoomed .reveal .roll span {
    background: 0 0;
}

.zoomed .reveal .roll span:after {
    visibility: hidden;
}

html.print-pdf * {
    -webkit-print-color-adjust: exact;
}

html.print-pdf {
    width: 100%;
    height: 100%;
    overflow: visible;
}

html.print-pdf body {
    margin: 0 auto !important;
    border: 0;
    padding: 0;
    float: none !important;
    overflow: visible;
}

html.print-pdf .nestedarrow, html.print-pdf .reveal .controls,
html.print-pdf .reveal .playback, html.print-pdf .reveal .progress,
html.print-pdf .reveal.overview, html.print-pdf .state-background {
    display: none !important;
}

html.print-pdf .reveal pre code {
    overflow: hidden !important;
}

html.print-pdf .reveal {
    width: auto !important;
    height: auto !important;
    overflow: hidden !important;
}

html.print-pdf .reveal .slides {
    position: static;
    width: 100% !important;
    height: auto !important;
    zoom: 1 !important;
    pointer-events: initial;
    left: auto;
    top: auto;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible;
    display: block;
    perspective: none;
    perspective-origin: 50% 50%;
}

html.print-pdf .reveal .slides .pdf-page {
    position: relative;
    overflow: hidden;
    z-index: 1;
    page-break-after: always;
}

html.print-pdf .reveal .slides section {
    visibility: visible !important;
    display: block !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    min-height: 1px;
    opacity: 1 !important;
    transform-style: flat !important;
    transform: none !important;
}

html.print-pdf .reveal section.stack {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    page-break-after: avoid !important;
    height: auto !important;
    min-height: auto !important;
}

html.print-pdf .reveal img {
    box-shadow: none;
}

html.print-pdf .reveal .backgrounds {
    display: none;
}

html.print-pdf .reveal .slide-background {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: auto !important;
}

html.print-pdf .reveal.show-notes {
    max-width: none;
    max-height: none;
}

html.print-pdf .reveal .speaker-notes-pdf {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 100;
}

html.print-pdf .reveal .speaker-notes-pdf[data-layout=separate-page] {
    position: relative;
    color: inherit;
    background-color: transparent;
    padding: 20px;
    page-break-after: always;
    border: 0;
}

html.print-pdf .reveal .slide-number-pdf {
    display: block;
    position: absolute;
    font-size: 14px;
}

html.print-pdf .aria-status {
    display: none;
}

@media screen and (min-width:500px) {
    .reveal .controls[data-controls-layout=edges] {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .reveal .controls[data-controls-layout=edges] .navigate-down,
    .reveal .controls[data-controls-layout=edges] .navigate-left,
    .reveal .controls[data-controls-layout=edges] .navigate-right,
    .reveal .controls[data-controls-layout=edges] .navigate-up {
        bottom: auto;
        right: auto;
    }

    .reveal .controls[data-controls-layout=edges] .navigate-left {
        top: 50%;
        left: .8em;
        margin-top: -1.8em;
    }

    .reveal .controls[data-controls-layout=edges] .navigate-right {
        top: 50%;
        right: .8em;
        margin-top: -1.8em;
    }

    .reveal .controls[data-controls-layout=edges] .navigate-up {
        top: .8em;
        left: 50%;
        margin-left: -1.8em;
    }

    .reveal .controls[data-controls-layout=edges] .navigate-down {
        bottom: -.3em;
        left: 50%;
        margin-left: -1.8em;
    }
}

@media screen and (min-width:1600px) {
    .reveal .speaker-notes {
        font-size: 20px;
    }
}

@media screen and (max-width:1024px) {
    .reveal.show-notes {
        border-left: 0;
        max-width: none;
        max-height: 70%;
        max-height: 70vh;
        overflow: visible;
    }

    .reveal.show-notes .speaker-notes {
        top: 100%;
        left: 0;
        width: 100%;
        height: 30vh;
        border: 0;
    }
}

@media screen and (max-width:600px) {
    .reveal.show-notes {
        max-height: 60%;
        max-height: 60vh;
    }

    .reveal.show-notes .speaker-notes {
        top: 100%;
        height: 40vh;
    }

    .reveal .speaker-notes {
        font-size: 14px;
    }
}

@media print {
    html:not(.print-pdf) {
        overflow: visible;
        width: auto;
        height: auto;
    }

    html:not(.print-pdf) body {
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    html:not(.print-pdf) .reveal {
        background: #fff;
        font-size: 20pt;
    }

    html:not(.print-pdf) .reveal .backgrounds,
    html:not(.print-pdf) .reveal .controls,
    html:not(.print-pdf) .reveal .progress,
    html:not(.print-pdf) .reveal .slide-number,
    html:not(.print-pdf) .reveal .state-background {
        display: none !important;
    }

    html:not(.print-pdf) .reveal li, html:not(.print-pdf) .reveal p,
    html:not(.print-pdf) .reveal td {
        font-size: 20pt !important;
        color: #000;
    }

    html:not(.print-pdf) .reveal h1, html:not(.print-pdf) .reveal h2,
    html:not(.print-pdf) .reveal h3, html:not(.print-pdf) .reveal h4,
    html:not(.print-pdf) .reveal h5, html:not(.print-pdf) .reveal h6 {
        color: #000 !important;
        height: auto;
        line-height: normal;
        text-align: left;
        letter-spacing: normal;
    }

    html:not(.print-pdf) .reveal h1 {
        font-size: 28pt !important;
    }

    html:not(.print-pdf) .reveal h2 {
        font-size: 24pt !important;
    }

    html:not(.print-pdf) .reveal h3 {
        font-size: 22pt !important;
    }

    html:not(.print-pdf) .reveal h4 {
        font-size: 22pt !important;
        font-variant: small-caps;
    }

    html:not(.print-pdf) .reveal h5 {
        font-size: 21pt !important;
    }

    html:not(.print-pdf) .reveal h6 {
        font-size: 20pt !important;
        font-style: italic;
    }

    html:not(.print-pdf) .reveal a:link, html:not(.print-pdf) .reveal a:visited {
        color: #000 !important;
        font-weight: 700;
        text-decoration: underline;
    }

    html:not(.print-pdf) .reveal div, html:not(.print-pdf) .reveal ol,
    html:not(.print-pdf) .reveal p, html:not(.print-pdf) .reveal ul {
        visibility: visible;
        position: static;
        width: auto;
        height: auto;
        display: block;
        overflow: visible;
        margin: 0;
        text-align: left !important;
    }

    html:not(.print-pdf) .reveal pre, html:not(.print-pdf) .reveal table {
        margin-left: 0;
        margin-right: 0;
    }

    html:not(.print-pdf) .reveal pre code {
        padding: 20px;
    }

    html:not(.print-pdf) .reveal blockquote {
        margin: 20px 0;
    }

    html:not(.print-pdf) .reveal .slides {
        position: static !important;
        width: auto !important;
        height: auto !important;
        left: 0 !important;
        top: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        zoom: 1 !important;
        transform: none !important;
        overflow: visible !important;
        display: block !important;
        text-align: left !important;
        perspective: none;
        perspective-origin: 50% 50%;
    }

    html:not(.print-pdf) .reveal .slides section {
        visibility: visible !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        display: block !important;
        overflow: visible !important;
        left: 0 !important;
        top: 0 !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        padding: 60px 20px !important;
        z-index: auto !important;
        opacity: 1 !important;
        page-break-after: always !important;
        transform-style: flat !important;
        transform: none !important;
        transition: none !important;
    }

    html:not(.print-pdf) .reveal .slides section.stack {
        padding: 0 !important;
    }

    html:not(.print-pdf) .reveal .slides section:last-of-type {
        page-break-after: avoid !important;
    }

    html:not(.print-pdf) .reveal .slides section .fragment {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    html:not(.print-pdf) .reveal .r-fit-text {
        white-space: normal !important;
    }

    html:not(.print-pdf) .reveal section img {
        display: block;
        margin: 15px 0;
        background: #fff;
        border: 1px solid #666;
        box-shadow: none;
    }

    html:not(.print-pdf) .reveal section small {
        font-size: .8em;
    }

    html:not(.print-pdf) .reveal .hljs {
        max-height: 100%;
        white-space: pre-wrap;
        word-wrap: break-word;
        word-break: break-word;
        font-size: 15pt;
    }

    html:not(.print-pdf) .reveal .hljs .hljs-ln-numbers {
        white-space: nowrap;
    }

    html:not(.print-pdf) .reveal .hljs td {
        font-size: inherit !important;
        color: inherit !important;
    }
}

.reveal code {
    background: transparent;
}

.reveal .code-wrapper {
    --tw-border-opacity: 1;
    border-color: rgb(136 136 136 / var(--tw-border-opacity));
    border: none;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}

.slide-preview-container {
    /*!
  Theme: Tomorrow Night
  Author: Chris Kempson (http://chriskempson.com)
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/
}

.slide-preview-container pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
}

.slide-preview-container code.hljs {
    padding: 3px 5px;
}

.slide-preview-container .hljs {
    color: #ccc;
    background: #2d2d2d;
}

.slide-preview-container .hljs ::selection,
.slide-preview-container .hljs::selection {
    background-color: #515151;
    color: #ccc;
}

.slide-preview-container .hljs-comment {
    color: #999;
}

.slide-preview-container .hljs-tag {
    color: #b4b7b4;
}

.slide-preview-container .hljs-operator,
.slide-preview-container .hljs-punctuation, .slide-preview-container .hljs-subst {
    color: #ccc;
}

.slide-preview-container .hljs-operator {
    opacity: .7;
}

.slide-preview-container .hljs-bullet, .slide-preview-container .hljs-deletion,
.slide-preview-container .hljs-name, .slide-preview-container .hljs-selector-tag,
.slide-preview-container .hljs-template-variable,
.slide-preview-container .hljs-variable {
    color: #f2777a;
}

.slide-preview-container .hljs-attr, .slide-preview-container .hljs-link,
.slide-preview-container .hljs-literal, .slide-preview-container .hljs-number,
.slide-preview-container .hljs-symbol,
.slide-preview-container .hljs-variable.constant_ {
    color: #f99157;
}

.slide-preview-container .hljs-class .hljs-title,
.slide-preview-container .hljs-title,
.slide-preview-container .hljs-title.class_ {
    color: #fc6;
}

.slide-preview-container .hljs-strong {
    font-weight: 700;
    color: #fc6;
}

.slide-preview-container .hljs-addition, .slide-preview-container .hljs-code,
.slide-preview-container .hljs-string,
.slide-preview-container .hljs-title.class_.inherited__ {
    color: #9c9;
}

.slide-preview-container .hljs-built_in, .slide-preview-container .hljs-doctag,
.slide-preview-container .hljs-keyword.hljs-atrule,
.slide-preview-container .hljs-quote, .slide-preview-container .hljs-regexp {
    color: #6cc;
}

.slide-preview-container .hljs-attribute,
.slide-preview-container .hljs-function .hljs-title,
.slide-preview-container .hljs-section,
.slide-preview-container .hljs-title.function_,
.slide-preview-container .ruby .hljs-property {
    color: #69c;
}

.slide-preview-container .diff .hljs-meta,
.slide-preview-container .hljs-keyword,
.slide-preview-container .hljs-template-tag, .slide-preview-container .hljs-type {
    color: #c9c;
}

.slide-preview-container .hljs-emphasis {
    color: #c9c;
    font-style: italic;
}

.slide-preview-container .hljs-meta,
.slide-preview-container .hljs-meta .hljs-keyword,
.slide-preview-container .hljs-meta .hljs-string {
    color: #a3685a;
}

.slide-preview-container .hljs-meta .hljs-keyword,
.slide-preview-container .hljs-meta-keyword {
    font-weight: 700;
}

.slide-preview-container code[class*=language-],
.slide-preview-container pre[class*=language-] {
    text-shadow: none;
}

.slide-preview-container pre code.hljs {
    padding: 5px;
    border: none;
}

.reveal.fade {
    opacity: unset;
    transition: unset;
}

/*!
 * jQuery UI Resizable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/**
 * codemirror-spell-checker v1.0.6
 * Copyright Next Step Webs, Inc.
 * @link https://github.com/NextStepWebs/codemirror-spell-checker
 * @license MIT
 */

.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
    border-bottom: 2px dotted rgba(255, 0, 0, .8);
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0;
    top: 0; /* workaround for issue https://github.com/FezVrasta/popper.js/issues/457 */
}

.tooltip.show {
    opacity: .9;
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem;
    border-color: unset; /* workaround to solve BS 3.x CSS conflicts */
    border-style: unset; /* workaround to solve BS 3.x CSS conflicts */
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0;
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow {
    bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #777;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem;
}

.bs-tooltip-right .tooltip-arrow,
.bs-tooltip-auto[x-placement^="right"] .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem;
}

.bs-tooltip-right .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="right"] .tooltip-arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #777;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0;
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow {
    top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #777;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem;
}

.bs-tooltip-left .tooltip-arrow,
.bs-tooltip-auto[x-placement^="left"] .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem;
}

.bs-tooltip-left .tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="left"] .tooltip-arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #777;
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #777;
    border-radius: .25rem;
}

/* BASICS */

.CodeMirror {
    /* Set height, width, borders, and global font properties here */
    font-family: monospace;
    height: 300px;
    color: black;
    direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
    padding: 4px 0; /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap;
}

.CodeMirror-linenumbers {
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap;
}

.CodeMirror-guttermarker {
    color: black;
}

.CodeMirror-guttermarker-subtle {
    color: #999;
}

/* CURSOR */

.CodeMirror-cursor {
    border-left: 1px solid black;
    border-right: none;
    width: 0;
}

/* Shown when moving in bi-directional text */

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1;
}

.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
    background: transparent;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
    background: transparent;
}

.cm-fat-cursor {
    caret-color: transparent;
}

@keyframes blink {
    0% {
    }

    50% {
        background-color: transparent;
    }

    100% {
    }
}

/* Can style cursor different in overwrite (non-insert) mode */

.CodeMirror-overwrite .CodeMirror-cursor {
}

.CodeMirror-other-cursor {
    width: 0;
    position: absolute;
    border-right: none;
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit;
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    overflow: hidden;
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {
    color: blue;
}

.cm-s-default .cm-quote {
    color: #090;
}

.cm-negative {
    color: #d44;
}

.cm-positive {
    color: #292;
}

.cm-header, .cm-strong {
    font-weight: bold;
}

.cm-em {
    font-style: italic;
}

.cm-link {
    text-decoration: underline;
}

.cm-strikethrough {
    text-decoration: line-through;
}

.cm-s-default .cm-keyword {
    color: #708;
}

.cm-s-default .cm-atom {
    color: #219;
}

.cm-s-default .cm-number {
    color: #164;
}

.cm-s-default .cm-def {
    color: #00f;
}

.cm-s-default .cm-variable, .cm-s-default .cm-punctuation,
.cm-s-default .cm-property, .cm-s-default .cm-operator {
}

.cm-s-default .cm-variable-2 {
    color: #05a;
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
    color: #085;
}

.cm-s-default .cm-comment {
    color: #a50;
}

.cm-s-default .cm-string {
    color: #a11;
}

.cm-s-default .cm-string-2 {
    color: #f50;
}

.cm-s-default .cm-meta {
    color: #555;
}

.cm-s-default .cm-qualifier {
    color: #555;
}

.cm-s-default .cm-builtin {
    color: #30a;
}

.cm-s-default .cm-bracket {
    color: #997;
}

.cm-s-default .cm-tag {
    color: #170;
}

.cm-s-default .cm-attribute {
    color: #00c;
}

.cm-s-default .cm-hr {
    color: #999;
}

.cm-s-default .cm-link {
    color: #00c;
}

.cm-s-default .cm-error {
    color: #f00;
}

.cm-invalidchar {
    color: #f00;
}

.CodeMirror-composing {
    border-bottom: 2px solid;
}

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22;
}

.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, .3);
}

.CodeMirror-activeline-background {
    background: #e8f2ff;
}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: white;
}

.CodeMirror-scroll {
    overflow: scroll !important; /* Things will break if this is overridden *//* 50px is the magic margin used to hide the element's real scrollbars *//* See overflow: hidden in .CodeMirror */
    margin-bottom: -50px;
    margin-right: -50px;
    padding-bottom: 50px;
    height: 100%;
    outline: none; /* Prevent dragging from highlighting the element */
    position: relative;
    z-index: 0;
}

.CodeMirror-sizer {
    position: relative;
    border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */

.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
    position: absolute;
    z-index: 6;
    display: none;
    outline: none;
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0;
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0;
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3;
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: none !important;
    border: none !important;
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4;
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent;
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px; /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    /* Reset some styles that the rest of the page might have set */
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal;
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: .1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {
}

.CodeMirror-rtl pre {
    direction: rtl;
}

.CodeMirror-code {
    outline: none;
}

/* Force content-box sizing for the elements where we expect it */

.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters,
.CodeMirror-linenumber {
    box-sizing: content-box;
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none;
}

.CodeMirror-measure pre {
    position: static;
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3;
}

div.CodeMirror-dragcursors {
    visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible;
}

div.CodeMirror-other-cursors {
    position: relative;
    z-index: 3;
}

.CodeMirror-selected {
    background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0;
}

.CodeMirror-crosshair {
    cursor: crosshair;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
    background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
    background: #d7d4f0;
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */

.cm-force-border {
    padding-right: .1px;
}

/* See issue #2901 */

.cm-tab-wrap-hack:after {
    content: '';
}

/* Help users use markselection to safely style text background */

span.CodeMirror-selectedtext {
    background: none;
}

@media print {
    /* Hide the cursor when printing */

    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden;
    }

    .CodeMirror div.CodeMirror-other-cursors {
        visibility: hidden;
    }
}

.CodeMirror-foldmarker {
    color: blue;
    text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
    font-family: arial;
    line-height: .3;
    cursor: pointer;
}

.CodeMirror-foldgutter {
    width: .7em;
}

.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded {
    cursor: pointer;
}

.CodeMirror-foldgutter-open:after {
    content: "\25BE";
}

.CodeMirror-foldgutter-folded:after {
    content: "\25B8";
}

.CodeMirror-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 2000;
}

.CodeMirror-dialog {
    position: absolute;
    left: 0;
    right: 0;
    background: inherit;
    z-index: 15;
    padding: .1em .8em;
    overflow: hidden;
    color: inherit;
}

.CodeMirror-dialog-top {
    border-bottom: 1px solid #eee;
    top: 0;
}

.CodeMirror-dialog-bottom {
    border-top: 1px solid #eee;
    bottom: 0;
}

.CodeMirror-dialog input {
    border: none;
    outline: none;
    background: transparent;
    width: 20em;
    color: inherit;
    font-family: monospace;
}

.CodeMirror-dialog button {
    font-size: 70%;
    color: black;
}

.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
    position: absolute;
    background: #ccc;
    box-sizing: border-box;
    border: 1px solid #bbb;
    border-radius: 2px;
}

.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
    position: absolute;
    z-index: 6;
    background: #eee;
}

.CodeMirror-simplescroll-horizontal {
    bottom: 0;
    left: 0;
    height: 6px;
}

.CodeMirror-simplescroll-horizontal div {
    bottom: 0;
    height: 100%;
}

.CodeMirror-simplescroll-vertical {
    right: 0;
    top: 0;
    width: 6px;
}

.CodeMirror-simplescroll-vertical div {
    right: 0;
    width: 100%;
}

.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler,
.CodeMirror-overlayscroll .CodeMirror-gutter-filler {
    display: none;
}

.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {
    position: absolute;
    background: #ccc;
    border-radius: 7px;
    border: 2px solid #222;
}

.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {
    position: absolute;
    z-index: 6;
}

.CodeMirror-overlayscroll-horizontal {
    bottom: 0;
    left: 0;
    height: 10px;
}

.CodeMirror-overlayscroll-horizontal div {
    bottom: 0;
    height: 100%;
}

.CodeMirror-overlayscroll-vertical {
    right: 0;
    top: 0;
    width: 10px;
}

.CodeMirror-overlayscroll-vertical div {
    right: 0;
    width: 100%;
}

.CodeMirror-search-match {
    background: gold;
    border: 1px solid orange;
    box-sizing: border-box;
    opacity: .5;
}

.CodeMirror-merge {
    position: relative;
    border: 1px solid #ddd;
    white-space: pre;
}

.CodeMirror-merge, .CodeMirror-merge .CodeMirror {
    height: 350px;
}

.CodeMirror-merge-2pane .CodeMirror-merge-pane {
    width: 47%;
}

.CodeMirror-merge-2pane .CodeMirror-merge-gap {
    width: 6%;
}

.CodeMirror-merge-3pane .CodeMirror-merge-pane {
    width: 31%;
}

.CodeMirror-merge-3pane .CodeMirror-merge-gap {
    width: 3.5%;
}

.CodeMirror-merge-pane {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

.CodeMirror-merge-pane-rightmost {
    position: absolute;
    right: 0;
    z-index: 1;
}

.CodeMirror-merge-gap {
    z-index: 2;
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    position: relative;
    background: #f8f8f8;
}

.CodeMirror-merge-scrolllock-wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.CodeMirror-merge-scrolllock {
    position: relative;
    left: -50%;
    cursor: pointer;
    color: #555;
    line-height: 1;
}

.CodeMirror-merge-scrolllock:after {
    content: "\21db\00a0\00a0\21da";
}

.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
    content: "\21db\21da";
}

.CodeMirror-merge-copybuttons-left, .CodeMirror-merge-copybuttons-right {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 1;
}

.CodeMirror-merge-copy {
    position: absolute;
    cursor: pointer;
    color: #44c;
    z-index: 3;
}

.CodeMirror-merge-copy-reverse {
    position: absolute;
    cursor: pointer;
    color: #44c;
}

.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy {
    left: 2px;
}

.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy {
    right: 2px;
}

.CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
    background-position: bottom left;
    background-repeat: repeat-x;
}

.CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
    background-position: bottom left;
    background-repeat: repeat-x;
}

.CodeMirror-merge-r-chunk {
    background: #ffffe0;
}

.CodeMirror-merge-r-chunk-start {
    border-top: 1px solid #ee8;
}

.CodeMirror-merge-r-chunk-end {
    border-bottom: 1px solid #ee8;
}

.CodeMirror-merge-r-connect {
    fill: #ffffe0;
    stroke: #ee8;
    stroke-width: 1px;
}

.CodeMirror-merge-l-chunk {
    background: #eef;
}

.CodeMirror-merge-l-chunk-start {
    border-top: 1px solid #88e;
}

.CodeMirror-merge-l-chunk-end {
    border-bottom: 1px solid #88e;
}

.CodeMirror-merge-l-connect {
    fill: #eef;
    stroke: #88e;
    stroke-width: 1px;
}

.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk {
    background: #dfd;
}

.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start {
    border-top: 1px solid #4e4;
}

.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end {
    border-bottom: 1px solid #4e4;
}

.CodeMirror-merge-collapsed-widget:before {
    content: "(...)";
}

.CodeMirror-merge-collapsed-widget {
    cursor: pointer;
    color: #88b;
    background: #eef;
    border: 1px solid #ddf;
    font-size: 90%;
    padding: 0 3px;
    border-radius: 4px;
}

.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt {
    display: none;
}

/* Based on Sublime Text's Monokai theme */

.cm-s-monokai.CodeMirror {
    background: #272822;
    color: #f8f8f2;
}

.cm-s-monokai div.CodeMirror-selected {
    background: #49483e;
}

.cm-s-monokai .CodeMirror-line::selection,
.cm-s-monokai .CodeMirror-line > span::selection,
.cm-s-monokai .CodeMirror-line > span > span::selection {
    background: rgba(73, 72, 62, .99);
}

.cm-s-monokai .CodeMirror-line::-moz-selection,
.cm-s-monokai .CodeMirror-line > span::-moz-selection,
.cm-s-monokai .CodeMirror-line > span > span::-moz-selection {
    background: rgba(73, 72, 62, .99);
}

.cm-s-monokai .CodeMirror-gutters {
    background: #272822;
    border-right: 0;
}

.cm-s-monokai .CodeMirror-guttermarker {
    color: white;
}

.cm-s-monokai .CodeMirror-guttermarker-subtle {
    color: #d0d0d0;
}

.cm-s-monokai .CodeMirror-linenumber {
    color: #d0d0d0;
}

.cm-s-monokai .CodeMirror-cursor {
    border-left: 1px solid #f8f8f0;
}

.cm-s-monokai span.cm-comment {
    color: #75715e;
}

.cm-s-monokai span.cm-atom {
    color: #ae81ff;
}

.cm-s-monokai span.cm-number {
    color: #ae81ff;
}

.cm-s-monokai span.cm-comment.cm-attribute {
    color: #97b757;
}

.cm-s-monokai span.cm-comment.cm-def {
    color: #bc9262;
}

.cm-s-monokai span.cm-comment.cm-tag {
    color: #bc6283;
}

.cm-s-monokai span.cm-comment.cm-type {
    color: #5998a6;
}

.cm-s-monokai span.cm-property, .cm-s-monokai span.cm-attribute {
    color: #a6e22e;
}

.cm-s-monokai span.cm-keyword {
    color: #f92672;
}

.cm-s-monokai span.cm-builtin {
    color: #66d9ef;
}

.cm-s-monokai span.cm-string {
    color: #e6db74;
}

.cm-s-monokai span.cm-variable {
    color: #f8f8f2;
}

.cm-s-monokai span.cm-variable-2 {
    color: #9effff;
}

.cm-s-monokai span.cm-variable-3, .cm-s-monokai span.cm-type {
    color: #66d9ef;
}

.cm-s-monokai span.cm-def {
    color: #fd971f;
}

.cm-s-monokai span.cm-bracket {
    color: #f8f8f2;
}

.cm-s-monokai span.cm-tag {
    color: #f92672;
}

.cm-s-monokai span.cm-header {
    color: #ae81ff;
}

.cm-s-monokai span.cm-link {
    color: #ae81ff;
}

.cm-s-monokai span.cm-error {
    background: #f92672;
    color: #f8f8f0;
}

.cm-s-monokai .CodeMirror-activeline-background {
    background: #373831;
}

.cm-s-monokai .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

/**
 * Atom One Dark Theme
 *
 * Copyright (c) 2015 Hikio - twitter.com/hik_io
 *
 * 06/26/2015
 * 
 * Licensed under MIT
 * GitHub https://github.com/hikio/brackets-one-dark
 */

/*
Modified by jackycute 2015
borrow some color from tomorrow-night-eighties
*/

/* Editor */

.dark .panel, .dark #main-toolbar {
    background: #1d222a;
}

.dark #working-set-list-container, .dark #editor-holder .pane-header {
    background: #15181e;
}

.dark .working-set-header, .dark #project-files-header .btn-alt-quiet {
    background: rgba(204, 217, 255, .05);
}

.dark .working-set-header > span {
    background: transparent;
}

.dark .sidebar-selection, .dark .filetree-selection,
.dark .sidebar-selection-extension, .dark .filetree-selection-extension {
    background: #282c34;
}

.dark #status-bar, .dark #status-indicators {
    background: #15181e;
    border-top-color: #1d222a;
}

.dark a, .dark .open-files-container li.selected a {
    color: #528bff;
}

/* Code Styling */

.cm-s-one-dark.CodeMirror, .cm-s-one-dark .CodeMirror-scroll {
    /*  background-color: #282c34;*/
    background-color: #1e2126;
    color: #abb2bf;
}

.cm-s-one-dark .CodeMirror-activeline-background {
    background: transparent;
}

.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline-background {
    background: rgba(204, 217, 255, .05);
}

.show-line-padding .cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline-background {
    box-shadow: inset 15px 0 0 0 #000;
}

.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
    background: transparent;
    color: #5c6370;
}

.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .inline-widget .CodeMirror-gutter-elt {
    color: red;
}

.cm-s-one-dark .cm-string-2, .cm-s-one-dark .cm-hr {
    color: #56b6c2;
}

.cm-s-one-dark .cm-number, .cm-s-one-dark .cm-attribute,
.cm-s-one-dark .cm-qualifier, .cm-s-one-dark .cm-plus, .cm-s-one-dark .cm-atom {
    color: #eda35e;
}

.cm-s-one-dark .cm-def {
    color: #c678dd;
}

.cm-s-one-dark .cm-property, .cm-s-one-dark .cm-variable,
.cm-s-one-dark .cm-variable-2, .cm-s-one-dark .cm-variable-3,
.cm-s-one-dark .cm-operator, /*.cm-meta, */
.cm-s-one-dark .cm-bracket {
    color: #f76e79;
}

/*borrow from tomorrow-night-eighties*/

.cm-s-one-dark .cm-variable {
    color: #9c9;
}

.cm-s-one-dark .cm-variable-2 {
    color: #69c;
}

.cm-s-one-dark .cm-comment {
    color: #5c6370;
    font-style: italic;
}

.cm-s-one-dark .cm-error, .cm-s-one-dark .cm-minus {
    color: #be5046;
}

.cm-s-one-dark .cm-header {
    color: #eda35e;
}

.cm-s-one-dark .cm-link {
    color: #98c379;
    text-decoration: none;
}

.cm-s-one-dark .cm-rangeinfo {
    color: #c678dd;
}

.cm-s-one-dark .cm-keyword, .cm-s-one-dark .cm-builtin, .cm-s-one-dark .cm-tag {
    color: #e06c75;
}

.cm-s-one-dark .cm-m-markdown.cm-keyword,
.cm-s-one-dark .cm-m-markdown.cm-builtin, .cm-s-one-dark .cm-m-markdown.cm-tag {
    color: #98c379;
}

.cm-s-one-dark .cm-string {
    /*  color: #98c379;*/
    color: #69c;
}

/* Extra CSS */

.cm-s-one-dark .CodeMirror-searching {
    color: #fff !important;
    border: 1px solid #528bff;
    margin: 0 -1px;
    background-color: rgba(204, 217, 255, .09);
    box-shadow: 0 0 6px rgba(66, 133, 244, .4);
}

.cm-s-one-dark .CodeMirror-searching.searching-current-match {
    color: #fff;
    background-color: #528bff;
    box-shadow: 0 0 6px rgba(66, 133, 244, .8);
}

.cm-s-one-dark .CodeMirror-cursor {
    border-left: 2px solid #528bff !important;
}

.cm-fat-cursor .CodeMirror-cursor {
    border-left: 2px solid #3c5b9e !important;
    background: #3c5b9e;
}

.cm-s-one-dark .CodeMirror-gutters {
    /*  background-color: #282c34;*/
    background-color: #1e2126;
    border-right: 1px solid rgba(204, 217, 255, .05);
}

.cm-s-one-dark .CodeMirror-linenumber {
    color: #393e46;
}

.cm-s-one-dark.CodeMirror .CodeMirror-selected {
    background: rgba(204, 217, 255, .05);
}

.cm-s-one-dark.CodeMirror-focused .CodeMirror-selected {
    background: rgba(204, 217, 255, .09);
}

.cm-s-one-dark .CodeMirror-matchingbracket,
.cm-s-one-dark .CodeMirror-matchingtag {
    /* Ensure visibility against gray inline editor background */
    background-color: rgba(204, 217, 255, .09);
    color: #abb2bf !important;
    border-bottom: 1px solid #528bff;
}

.cm-s-one-dark .CodeMirror-overwrite .CodeMirror-cursor {
    border-left: none !important;
    border-bottom: 1px solid #fff;
    width: .5em;
}

.cm-s-one-dark.CodeMirror .CodeMirror {
    background: transparent;
}

.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-gutters {
    background: transparent;
    border-right: none;
}

.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-activeline-background {
    background: transparent;
}

.cm-s-one-dark.CodeMirror .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt {
    background: transparent;
    color: #5c6370;
}

.cm-s-one-dark.CodeMirror .CodeMirror-focused .CodeMirror-activeline-background {
    background: #000;
}

.cm-s-one-dark.CodeMirror .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
    background: rgba(204, 217, 255, .05);
    color: #fff;
}

.cm-s-one-dark .CodeMirror-foldgutter-open:after {
    color: #393e46;
}

.cm-s-one-dark .CodeMirror-foldgutter-folded:after {
    color: #5c6370;
}

.cm-s-one-dark .CodeMirror.over-gutter .CodeMirror-foldgutter-open:after,
.cm-s-one-dark.CodeMirror-focused .CodeMirror-activeline .CodeMirror-foldgutter-open:after {
    color: #5c6370;
}

.cm-s-one-dark .CodeMirror-foldmarker {
    border-color: #393e46;
    color: #abb2bf;
    background: rgba(204, 217, 255, .05);
}

/* Non-editor styling */

.image-view, .not-editor {
    background-color: #282c34;
}

.view-pane .image-view {
    color: #abb2bf;
}

/*

    Name:       dracula
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)

    Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)

*/

.cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters {
    background-color: #282a36 !important;
    color: #f8f8f2 !important;
    border: none;
}

.cm-s-dracula .CodeMirror-gutters {
    color: #282a36;
}

.cm-s-dracula .CodeMirror-cursor {
    border-left: solid thin #f8f8f0;
}

.cm-s-dracula .CodeMirror-linenumber {
    color: #6d8a88;
}

.cm-s-dracula .CodeMirror-selected {
    background: rgba(255, 255, 255, .1);
}

.cm-s-dracula .CodeMirror-line::selection,
.cm-s-dracula .CodeMirror-line > span::selection,
.cm-s-dracula .CodeMirror-line > span > span::selection {
    background: rgba(255, 255, 255, .1);
}

.cm-s-dracula .CodeMirror-line::-moz-selection,
.cm-s-dracula .CodeMirror-line > span::-moz-selection,
.cm-s-dracula .CodeMirror-line > span > span::-moz-selection {
    background: rgba(255, 255, 255, .1);
}

.cm-s-dracula span.cm-comment {
    color: #6272a4;
}

.cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 {
    color: #f1fa8c;
}

.cm-s-dracula span.cm-number {
    color: #bd93f9;
}

.cm-s-dracula span.cm-variable {
    color: #50fa7b;
}

.cm-s-dracula span.cm-variable-2 {
    color: white;
}

.cm-s-dracula span.cm-def {
    color: #50fa7b;
}

.cm-s-dracula span.cm-operator {
    color: #ff79c6;
}

.cm-s-dracula span.cm-keyword {
    color: #ff79c6;
}

.cm-s-dracula span.cm-atom {
    color: #bd93f9;
}

.cm-s-dracula span.cm-meta {
    color: #f8f8f2;
}

.cm-s-dracula span.cm-tag {
    color: #ff79c6;
}

.cm-s-dracula span.cm-attribute {
    color: #50fa7b;
}

.cm-s-dracula span.cm-qualifier {
    color: #50fa7b;
}

.cm-s-dracula span.cm-property {
    color: #66d9ef;
}

.cm-s-dracula span.cm-builtin {
    color: #50fa7b;
}

.cm-s-dracula span.cm-variable-3, .cm-s-dracula span.cm-type {
    color: #ffb86c;
}

.cm-s-dracula .CodeMirror-activeline-background {
    background: rgba(255, 255, 255, .1);
}

.cm-s-dracula .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material.CodeMirror {
    background-color: #263238;
    color: #eff;
}

.cm-s-material .CodeMirror-gutters {
    background: #263238;
    color: #546e7a;
    border: none;
}

.cm-s-material .CodeMirror-guttermarker,
.cm-s-material .CodeMirror-guttermarker-subtle,
.cm-s-material .CodeMirror-linenumber {
    color: #546e7a;
}

.cm-s-material .CodeMirror-cursor {
    border-left: 1px solid #fc0;
}

.cm-s-material.cm-fat-cursor .CodeMirror-cursor {
    background-color: #5d6d5c80 !important;
}

.cm-s-material .cm-animate-fat-cursor {
    background-color: #5d6d5c80 !important;
}

.cm-s-material div.CodeMirror-selected {
    background: rgba(128, 203, 196, .2);
}

.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
    background: rgba(128, 203, 196, .2);
}

.cm-s-material .CodeMirror-line::selection,
.cm-s-material .CodeMirror-line>span::selection,
.cm-s-material .CodeMirror-line>span>span::selection {
    background: rgba(128, 203, 196, .2);
}

.cm-s-material .CodeMirror-line::-moz-selection,
.cm-s-material .CodeMirror-line>span::-moz-selection,
.cm-s-material .CodeMirror-line>span>span::-moz-selection {
    background: rgba(128, 203, 196, .2);
}

.cm-s-material .CodeMirror-activeline-background {
    background: rgba(0, 0, 0, .5);
}

.cm-s-material .cm-keyword {
    color: #c792ea;
}

.cm-s-material .cm-operator {
    color: #89ddff;
}

.cm-s-material .cm-variable-2 {
    color: #eff;
}

.cm-s-material .cm-variable-3, .cm-s-material .cm-type {
    color: #f07178;
}

.cm-s-material .cm-builtin {
    color: #ffcb6b;
}

.cm-s-material .cm-atom {
    color: #f78c6c;
}

.cm-s-material .cm-number {
    color: #ff5370;
}

.cm-s-material .cm-def {
    color: #82aaff;
}

.cm-s-material .cm-string {
    color: #c3e88d;
}

.cm-s-material .cm-string-2 {
    color: #f07178;
}

.cm-s-material .cm-comment {
    color: #546e7a;
}

.cm-s-material .cm-variable {
    color: #f07178;
}

.cm-s-material .cm-tag {
    color: #ff5370;
}

.cm-s-material .cm-meta {
    color: #ffcb6b;
}

.cm-s-material .cm-attribute {
    color: #c792ea;
}

.cm-s-material .cm-property {
    color: #c792ea;
}

.cm-s-material .cm-qualifier {
    color: #decb6b;
}

.cm-s-material .cm-variable-3, .cm-s-material .cm-type {
    color: #decb6b;
}

.cm-s-material .cm-error {
    color: rgba(255, 255, 255, 1);
    background-color: #ff5370;
}

.cm-s-material .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

/* Based on arcticicestudio's Nord theme */

/* https://github.com/arcticicestudio/nord */

.cm-s-nord.CodeMirror {
    background: #2e3440;
    color: #d8dee9;
}

.cm-s-nord div.CodeMirror-selected {
    background: #434c5e;
}

.cm-s-nord .CodeMirror-line::selection,
.cm-s-nord .CodeMirror-line > span::selection,
.cm-s-nord .CodeMirror-line > span > span::selection {
    background: #3b4252;
}

.cm-s-nord .CodeMirror-line::-moz-selection,
.cm-s-nord .CodeMirror-line > span::-moz-selection,
.cm-s-nord .CodeMirror-line > span > span::-moz-selection {
    background: #3b4252;
}

.cm-s-nord .CodeMirror-gutters {
    background: #2e3440;
    border-right: 0;
}

.cm-s-nord .CodeMirror-guttermarker {
    color: #4c566a;
}

.cm-s-nord .CodeMirror-guttermarker-subtle {
    color: #4c566a;
}

.cm-s-nord .CodeMirror-linenumber {
    color: #4c566a;
}

.cm-s-nord .CodeMirror-cursor {
    border-left: 1px solid #f8f8f0;
}

.cm-s-nord span.cm-comment {
    color: #4c566a;
}

.cm-s-nord span.cm-atom {
    color: #b48ead;
}

.cm-s-nord span.cm-number {
    color: #b48ead;
}

.cm-s-nord span.cm-comment.cm-attribute {
    color: #97b757;
}

.cm-s-nord span.cm-comment.cm-def {
    color: #bc9262;
}

.cm-s-nord span.cm-comment.cm-tag {
    color: #bc6283;
}

.cm-s-nord span.cm-comment.cm-type {
    color: #5998a6;
}

.cm-s-nord span.cm-property, .cm-s-nord span.cm-attribute {
    color: #8fbcbb;
}

.cm-s-nord span.cm-keyword {
    color: #81a1c1;
}

.cm-s-nord span.cm-builtin {
    color: #81a1c1;
}

.cm-s-nord span.cm-string {
    color: #a3be8c;
}

.cm-s-nord span.cm-variable {
    color: #d8dee9;
}

.cm-s-nord span.cm-variable-2 {
    color: #d8dee9;
}

.cm-s-nord span.cm-variable-3, .cm-s-nord span.cm-type {
    color: #d8dee9;
}

.cm-s-nord span.cm-def {
    color: #8fbcbb;
}

.cm-s-nord span.cm-bracket {
    color: #81a1c1;
}

.cm-s-nord span.cm-tag {
    color: #bf616a;
}

.cm-s-nord span.cm-header {
    color: #b48ead;
}

.cm-s-nord span.cm-link {
    color: #b48ead;
}

.cm-s-nord span.cm-error {
    background: #bf616a;
    color: #f8f8f0;
}

.cm-s-nord .CodeMirror-activeline-background {
    background: #3b4252;
}

.cm-s-nord .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

/*
	Name:       Panda Syntax
	Author:     Siamak Mokhtari (http://github.com/siamak/)
	CodeMirror template by Siamak Mokhtari (https://github.com/siamak/atom-panda-syntax)
*/

.cm-s-panda-syntax {
    background: #292a2b;
    color: #e6e6e6;
    line-height: 1.5;
    font-family: 'Operator Mono',
                 'Source Code Pro',
                 Menlo,
                 Monaco,
                 Consolas,
                 Courier New,
                 monospace;
}

.cm-s-panda-syntax .CodeMirror-cursor {
    border-color: #ff2c6d;
}

.cm-s-panda-syntax .CodeMirror-activeline-background {
    background: rgba(99, 123, 156, .1);
}

.cm-s-panda-syntax .CodeMirror-selected {
    background: #fff;
}

.cm-s-panda-syntax .cm-comment {
    font-style: italic;
    color: #676b79;
}

.cm-s-panda-syntax .cm-operator {
    color: #f3f3f3;
}

.cm-s-panda-syntax .cm-string {
    color: #19f9d8;
}

.cm-s-panda-syntax .cm-string-2 {
    color: #ffb86c;
}

.cm-s-panda-syntax .cm-tag {
    color: #ff2c6d;
}

.cm-s-panda-syntax .cm-meta {
    color: #b084eb;
}

.cm-s-panda-syntax .cm-number {
    color: #ffb86c;
}

.cm-s-panda-syntax .cm-atom {
    color: #ff2c6d;
}

.cm-s-panda-syntax .cm-keyword {
    color: #ff75b5;
}

.cm-s-panda-syntax .cm-variable {
    color: #ffb86c;
}

.cm-s-panda-syntax .cm-variable-2 {
    color: #ff9ac1;
}

.cm-s-panda-syntax .cm-variable-3, .cm-s-panda-syntax .cm-type {
    color: #ff9ac1;
}

.cm-s-panda-syntax .cm-def {
    color: #e6e6e6;
}

.cm-s-panda-syntax .cm-property {
    color: #f3f3f3;
}

.cm-s-panda-syntax .cm-unit {
    color: #ffb86c;
}

.cm-s-panda-syntax .cm-attribute {
    color: #ffb86c;
}

.cm-s-panda-syntax .CodeMirror-matchingbracket {
    border-bottom: 1px dotted #19f9d8;
    padding-bottom: 2px;
    color: #e6e6e6;
}

.cm-s-panda-syntax .CodeMirror-gutters {
    background: #292a2b;
    border-right-color: rgba(255, 255, 255, .1);
}

.cm-s-panda-syntax .CodeMirror-linenumber {
    color: #e6e6e6;
    opacity: .6;
}

/*
Solarized theme for code-mirror
http://ethanschoonover.com/solarized
*/

/*
Solarized color palette
http://ethanschoonover.com/solarized/img/solarized-palette.png
*/

.solarized.base03 {
    color: #002b36;
}

.solarized.base02 {
    color: #073642;
}

.solarized.base01 {
    color: #586e75;
}

.solarized.base00 {
    color: #657b83;
}

.solarized.base0 {
    color: #839496;
}

.solarized.base1 {
    color: #93a1a1;
}

.solarized.base2 {
    color: #eee8d5;
}

.solarized.base3 {
    color: #fdf6e3;
}

.solarized.solar-yellow {
    color: #b58900;
}

.solarized.solar-orange {
    color: #cb4b16;
}

.solarized.solar-red {
    color: #dc322f;
}

.solarized.solar-magenta {
    color: #d33682;
}

.solarized.solar-violet {
    color: #6c71c4;
}

.solarized.solar-blue {
    color: #268bd2;
}

.solarized.solar-cyan {
    color: #2aa198;
}

.solarized.solar-green {
    color: #859900;
}

/* Color scheme for code-mirror */

.cm-s-solarized {
    line-height: 1.45em;
    color-profile: sRGB;
    rendering-intent: auto;
}

.cm-s-solarized.cm-s-dark {
    color: #839496;
    background-color: #002b36;
}

.cm-s-solarized.cm-s-light {
    background-color: #fdf6e3;
    color: #657b83;
}

.cm-s-solarized .CodeMirror-widget {
    text-shadow: none;
}

.cm-s-solarized .cm-header {
    color: #586e75;
}

.cm-s-solarized .cm-quote {
    color: #93a1a1;
}

.cm-s-solarized .cm-keyword {
    color: #cb4b16;
}

.cm-s-solarized .cm-atom {
    color: #d33682;
}

.cm-s-solarized .cm-number {
    color: #d33682;
}

.cm-s-solarized .cm-def {
    color: #2aa198;
}

.cm-s-solarized .cm-variable {
    color: #839496;
}

.cm-s-solarized .cm-variable-2 {
    color: #b58900;
}

.cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type {
    color: #6c71c4;
}

.cm-s-solarized .cm-property {
    color: #2aa198;
}

.cm-s-solarized .cm-operator {
    color: #6c71c4;
}

.cm-s-solarized .cm-comment {
    color: #586e75;
    font-style: italic;
}

.cm-s-solarized .cm-string {
    color: #859900;
}

.cm-s-solarized .cm-string-2 {
    color: #b58900;
}

.cm-s-solarized .cm-meta {
    color: #859900;
}

.cm-s-solarized .cm-qualifier {
    color: #b58900;
}

.cm-s-solarized .cm-builtin {
    color: #d33682;
}

.cm-s-solarized .cm-bracket {
    color: #cb4b16;
}

.cm-s-solarized .CodeMirror-matchingbracket {
    color: #859900;
}

.cm-s-solarized .CodeMirror-nonmatchingbracket {
    color: #dc322f;
}

.cm-s-solarized .cm-tag {
    color: #93a1a1;
}

.cm-s-solarized .cm-attribute {
    color: #2aa198;
}

.cm-s-solarized .cm-hr {
    color: transparent;
    border-top: 1px solid #586e75;
    display: block;
}

.cm-s-solarized .cm-link {
    color: #93a1a1;
    cursor: pointer;
}

.cm-s-solarized .cm-special {
    color: #6c71c4;
}

.cm-s-solarized .cm-em {
    color: #999;
    text-decoration: underline;
    text-decoration-style: dotted;
}

.cm-s-solarized .cm-error, .cm-s-solarized .cm-invalidchar {
    color: #586e75;
    border-bottom: 1px dotted #dc322f;
}

.cm-s-solarized.cm-s-dark div.CodeMirror-selected {
    background: #073642;
}

.cm-s-solarized.cm-s-dark.CodeMirror ::selection {
    background: rgba(7, 54, 66, .99);
}

.cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection,
.cm-s-dark .CodeMirror-line > span::-moz-selection,
.cm-s-dark .CodeMirror-line > span > span::-moz-selection {
    background: rgba(7, 54, 66, .99);
}

.cm-s-solarized.cm-s-light div.CodeMirror-selected {
    background: #eee8d5;
}

.cm-s-solarized.cm-s-light .CodeMirror-line::selection,
.cm-s-light .CodeMirror-line > span::selection,
.cm-s-light .CodeMirror-line > span > span::selection {
    background: #eee8d5;
}

.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection,
.cm-s-light .CodeMirror-line > span::-moz-selection,
.cm-s-light .CodeMirror-line > span > span::-moz-selection {
    background: #eee8d5;
}

/* Editor styling */

/* Little shadow on the view-port of the buffer view */

.cm-s-solarized.CodeMirror {
    box-shadow: inset 7px 0 12px -6px #000;
}

/* Remove gutter border */

.cm-s-solarized .CodeMirror-gutters {
    border-right: 0;
}

/* Gutter colors and line number styling based of color scheme (dark / light) */

/* Dark */

.cm-s-solarized.cm-s-dark .CodeMirror-gutters {
    background-color: #073642;
}

.cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
    color: #586e75;
}

/* Light */

.cm-s-solarized.cm-s-light .CodeMirror-gutters {
    background-color: #eee8d5;
}

.cm-s-solarized.cm-s-light .CodeMirror-linenumber {
    color: #839496;
}

/* Common */

.cm-s-solarized .CodeMirror-linenumber {
    padding: 0 5px;
}

.cm-s-solarized .CodeMirror-guttermarker-subtle {
    color: #586e75;
}

.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker {
    color: #ddd;
}

.cm-s-solarized.cm-s-light .CodeMirror-guttermarker {
    color: #cb4b16;
}

.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
    color: #586e75;
}

/* Cursor */

.cm-s-solarized .CodeMirror-cursor {
    border-left: 1px solid #819090;
}

/* Fat cursor */

.cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor {
    background: #7e7;
}

.cm-s-solarized.cm-s-light .cm-animate-fat-cursor {
    background-color: #7e7;
}

.cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor {
    background: #586e75;
}

.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor {
    background-color: #586e75;
}

/* Active line */

.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
    background: rgba(255, 255, 255, .06);
}

.cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
    background: rgba(0, 0, 0, .06);
}

/* Based on https://github.com/dempfi/ayu */

.cm-s-ayu-dark.CodeMirror {
    background: #0a0e14;
    color: #b3b1ad;
}

.cm-s-ayu-dark div.CodeMirror-selected {
    background: #273747;
}

.cm-s-ayu-dark .CodeMirror-line::selection,
.cm-s-ayu-dark .CodeMirror-line > span::selection,
.cm-s-ayu-dark .CodeMirror-line > span > span::selection {
    background: rgba(39, 55, 71, 99);
}

.cm-s-ayu-dark .CodeMirror-line::-moz-selection,
.cm-s-ayu-dark .CodeMirror-line > span::-moz-selection,
.cm-s-ayu-dark .CodeMirror-line > span > span::-moz-selection {
    background: rgba(39, 55, 71, 99);
}

.cm-s-ayu-dark .CodeMirror-gutters {
    background: #0a0e14;
    border-right: 0;
}

.cm-s-ayu-dark .CodeMirror-guttermarker {
    color: white;
}

.cm-s-ayu-dark .CodeMirror-guttermarker-subtle {
    color: #3d424d;
}

.cm-s-ayu-dark .CodeMirror-linenumber {
    color: #3d424d;
}

.cm-s-ayu-dark .CodeMirror-cursor {
    border-left: 1px solid #e6b450;
}

.cm-s-ayu-dark.cm-fat-cursor .CodeMirror-cursor {
    background-color: #a2a8a175 !important;
}

.cm-s-ayu-dark .cm-animate-fat-cursor {
    background-color: #a2a8a175 !important;
}

.cm-s-ayu-dark span.cm-comment {
    color: #626a73;
}

.cm-s-ayu-dark span.cm-atom {
    color: #ae81ff;
}

.cm-s-ayu-dark span.cm-number {
    color: #e6b450;
}

.cm-s-ayu-dark span.cm-comment.cm-attribute {
    color: #ffb454;
}

.cm-s-ayu-dark span.cm-comment.cm-def {
    color: rgba(57, 186, 230, 80);
}

.cm-s-ayu-dark span.cm-comment.cm-tag {
    color: #39bae6;
}

.cm-s-ayu-dark span.cm-comment.cm-type {
    color: #5998a6;
}

.cm-s-ayu-dark span.cm-property, .cm-s-ayu-dark span.cm-attribute {
    color: #ffb454;
}

.cm-s-ayu-dark span.cm-keyword {
    color: #ff8f40;
}

.cm-s-ayu-dark span.cm-builtin {
    color: #e6b450;
}

.cm-s-ayu-dark span.cm-string {
    color: #c2d94c;
}

.cm-s-ayu-dark span.cm-variable {
    color: #b3b1ad;
}

.cm-s-ayu-dark span.cm-variable-2 {
    color: #f07178;
}

.cm-s-ayu-dark span.cm-variable-3 {
    color: #39bae6;
}

.cm-s-ayu-dark span.cm-type {
    color: #ff8f40;
}

.cm-s-ayu-dark span.cm-def {
    color: #fe9;
}

.cm-s-ayu-dark span.cm-bracket {
    color: #f8f8f2;
}

.cm-s-ayu-dark span.cm-tag {
    color: rgba(57, 186, 230, 80);
}

.cm-s-ayu-dark span.cm-header {
    color: #c2d94c;
}

.cm-s-ayu-dark span.cm-link {
    color: #39bae6;
}

.cm-s-ayu-dark span.cm-error {
    color: #f33;
}

.cm-s-ayu-dark .CodeMirror-activeline-background {
    background: #01060e;
}

.cm-s-ayu-dark .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

/* Based on https://github.com/dempfi/ayu */

.cm-s-ayu-mirage.CodeMirror {
    background: #1f2430;
    color: #cbccc6;
}

.cm-s-ayu-mirage div.CodeMirror-selected {
    background: #34455a;
}

.cm-s-ayu-mirage .CodeMirror-line::selection,
.cm-s-ayu-mirage .CodeMirror-line > span::selection,
.cm-s-ayu-mirage .CodeMirror-line > span > span::selection {
    background: #34455a;
}

.cm-s-ayu-mirage .CodeMirror-line::-moz-selection,
.cm-s-ayu-mirage .CodeMirror-line > span::-moz-selection,
.cm-s-ayu-mirage .CodeMirror-line > span > span::-moz-selection {
    background: rgba(25, 30, 42, 99);
}

.cm-s-ayu-mirage .CodeMirror-gutters {
    background: #1f2430;
    border-right: 0;
}

.cm-s-ayu-mirage .CodeMirror-guttermarker {
    color: white;
}

.cm-s-ayu-mirage .CodeMirror-guttermarker-subtle {
    color: rgba(112, 122, 140, 66);
}

.cm-s-ayu-mirage .CodeMirror-linenumber {
    color: rgba(61, 66, 77, 99);
}

.cm-s-ayu-mirage .CodeMirror-cursor {
    border-left: 1px solid #fc6;
}

.cm-s-ayu-mirage.cm-fat-cursor .CodeMirror-cursor {
    background-color: #a2a8a175 !important;
}

.cm-s-ayu-mirage .cm-animate-fat-cursor {
    background-color: #a2a8a175 !important;
}

.cm-s-ayu-mirage span.cm-comment {
    color: #5c6773;
    font-style: italic;
}

.cm-s-ayu-mirage span.cm-atom {
    color: #ae81ff;
}

.cm-s-ayu-mirage span.cm-number {
    color: #fc6;
}

.cm-s-ayu-mirage span.cm-comment.cm-attribute {
    color: #ffd580;
}

.cm-s-ayu-mirage span.cm-comment.cm-def {
    color: #d4bfff;
}

.cm-s-ayu-mirage span.cm-comment.cm-tag {
    color: #5ccfe6;
}

.cm-s-ayu-mirage span.cm-comment.cm-type {
    color: #5998a6;
}

.cm-s-ayu-mirage span.cm-property {
    color: #f29e74;
}

.cm-s-ayu-mirage span.cm-attribute {
    color: #ffd580;
}

.cm-s-ayu-mirage span.cm-keyword {
    color: #ffa759;
}

.cm-s-ayu-mirage span.cm-builtin {
    color: #fc6;
}

.cm-s-ayu-mirage span.cm-string {
    color: #bae67e;
}

.cm-s-ayu-mirage span.cm-variable {
    color: #cbccc6;
}

.cm-s-ayu-mirage span.cm-variable-2 {
    color: #f28779;
}

.cm-s-ayu-mirage span.cm-variable-3 {
    color: #5ccfe6;
}

.cm-s-ayu-mirage span.cm-type {
    color: #ffa759;
}

.cm-s-ayu-mirage span.cm-def {
    color: #ffd580;
}

.cm-s-ayu-mirage span.cm-bracket {
    color: rgba(92, 207, 230, 80);
}

.cm-s-ayu-mirage span.cm-tag {
    color: #5ccfe6;
}

.cm-s-ayu-mirage span.cm-header {
    color: #bae67e;
}

.cm-s-ayu-mirage span.cm-link {
    color: #5ccfe6;
}

.cm-s-ayu-mirage span.cm-error {
    color: #f33;
}

.cm-s-ayu-mirage .CodeMirror-activeline-background {
    background: #191e2a;
}

.cm-s-ayu-mirage .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

/*

    Name:       Tomorrow Night - Bright
    Author:     Chris Kempson

    Port done by Gerard Braad <me@gbraad.nl>

*/

.cm-s-tomorrow-night-bright.CodeMirror {
    background: #000;
    color: #eaeaea;
}

.cm-s-tomorrow-night-bright div.CodeMirror-selected {
    background: #424242;
}

.cm-s-tomorrow-night-bright .CodeMirror-gutters {
    background: #000;
    border-right: 0;
}

.cm-s-tomorrow-night-bright .CodeMirror-guttermarker {
    color: #e78c45;
}

.cm-s-tomorrow-night-bright .CodeMirror-guttermarker-subtle {
    color: #777;
}

.cm-s-tomorrow-night-bright .CodeMirror-linenumber {
    color: #424242;
}

.cm-s-tomorrow-night-bright .CodeMirror-cursor {
    border-left: 1px solid #6a6a6a;
}

.cm-s-tomorrow-night-bright span.cm-comment {
    color: #d27b53;
}

.cm-s-tomorrow-night-bright span.cm-atom {
    color: #a16a94;
}

.cm-s-tomorrow-night-bright span.cm-number {
    color: #a16a94;
}

.cm-s-tomorrow-night-bright span.cm-property,
.cm-s-tomorrow-night-bright span.cm-attribute {
    color: #9c9;
}

.cm-s-tomorrow-night-bright span.cm-keyword {
    color: #d54e53;
}

.cm-s-tomorrow-night-bright span.cm-string {
    color: #e7c547;
}

.cm-s-tomorrow-night-bright span.cm-variable {
    color: #b9ca4a;
}

.cm-s-tomorrow-night-bright span.cm-variable-2 {
    color: #7aa6da;
}

.cm-s-tomorrow-night-bright span.cm-def {
    color: #e78c45;
}

.cm-s-tomorrow-night-bright span.cm-bracket {
    color: #eaeaea;
}

.cm-s-tomorrow-night-bright span.cm-tag {
    color: #d54e53;
}

.cm-s-tomorrow-night-bright span.cm-link {
    color: #a16a94;
}

.cm-s-tomorrow-night-bright span.cm-error {
    background: #d54e53;
    color: #6a6a6a;
}

.cm-s-tomorrow-night-bright .CodeMirror-activeline-background {
    background: #2a2a2a;
}

.cm-s-tomorrow-night-bright .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

/*

    Name:       Tomorrow Night - Eighties
    Author:     Chris Kempson

    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)

*/

.cm-s-tomorrow-night-eighties.CodeMirror {
    background: #000;
    color: #ccc;
}

.cm-s-tomorrow-night-eighties div.CodeMirror-selected {
    background: #2d2d2d;
}

.cm-s-tomorrow-night-eighties .CodeMirror-line::selection,
.cm-s-tomorrow-night-eighties .CodeMirror-line > span::selection,
.cm-s-tomorrow-night-eighties .CodeMirror-line > span > span::selection {
    background: rgba(45, 45, 45, .99);
}

.cm-s-tomorrow-night-eighties .CodeMirror-line::-moz-selection,
.cm-s-tomorrow-night-eighties .CodeMirror-line > span::-moz-selection,
.cm-s-tomorrow-night-eighties .CodeMirror-line > span > span::-moz-selection {
    background: rgba(45, 45, 45, .99);
}

.cm-s-tomorrow-night-eighties .CodeMirror-gutters {
    background: #000;
    border-right: 0;
}

.cm-s-tomorrow-night-eighties .CodeMirror-guttermarker {
    color: #f2777a;
}

.cm-s-tomorrow-night-eighties .CodeMirror-guttermarker-subtle {
    color: #777;
}

.cm-s-tomorrow-night-eighties .CodeMirror-linenumber {
    color: #515151;
}

.cm-s-tomorrow-night-eighties .CodeMirror-cursor {
    border-left: 1px solid #6a6a6a;
}

.cm-s-tomorrow-night-eighties span.cm-comment {
    color: #d27b53;
}

.cm-s-tomorrow-night-eighties span.cm-atom {
    color: #a16a94;
}

.cm-s-tomorrow-night-eighties span.cm-number {
    color: #a16a94;
}

.cm-s-tomorrow-night-eighties span.cm-property,
.cm-s-tomorrow-night-eighties span.cm-attribute {
    color: #9c9;
}

.cm-s-tomorrow-night-eighties span.cm-keyword {
    color: #f2777a;
}

.cm-s-tomorrow-night-eighties span.cm-string {
    color: #fc6;
}

.cm-s-tomorrow-night-eighties span.cm-variable {
    color: #9c9;
}

.cm-s-tomorrow-night-eighties span.cm-variable-2 {
    color: #69c;
}

.cm-s-tomorrow-night-eighties span.cm-def {
    color: #f99157;
}

.cm-s-tomorrow-night-eighties span.cm-bracket {
    color: #ccc;
}

.cm-s-tomorrow-night-eighties span.cm-tag {
    color: #f2777a;
}

.cm-s-tomorrow-night-eighties span.cm-link {
    color: #a16a94;
}

.cm-s-tomorrow-night-eighties span.cm-error {
    background: #f2777a;
    color: #6a6a6a;
}

.cm-s-tomorrow-night-eighties .CodeMirror-activeline-background {
    background: #343600;
}

.cm-s-tomorrow-night-eighties .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: white !important;
}

span.cm-underlined {
    text-decoration: underline;
}

span.cm-strikethrough {
    text-decoration: line-through;
}

span.cm-brace {
    color: #170;
    font-weight: bold;
}

span.cm-table {
    color: blue;
    font-weight: bold;
}

/* WTF: What kind of evil BS is this?! -- commented out.

.CodeMirror {
	border: 1px solid #CCC;
	font-size: medium;
	line-height: 1.5em;
}

.CodeMirrorIE {
	font-size: small;
}
*/

.cm-mw-pagename {
    text-decoration: underline;
}

.cm-mw-matching {
    background-color: gold;
}

.cm-mw-skipformatting {
    background-color: #adf;
}

.cm-mw-list {
    color: #08f;
    font-weight: bold;
    background-color: #eee;
}

.cm-mw-signature, .cm-mw-hr {
    color: #08f;
    font-weight: bold;
    background-color: #eee;
}

.cm-mw-indenting {
    color: #08f;
    font-weight: bold;
    background-color: #ddd;
}

.cm-mw-mnemonic {
    color: #090;
}

.cm-mw-comment {
    color: #aaa;
    font-weight: normal;
}

.cm-mw-apostrophes {
    color: #08f;
}

pre.cm-mw-section-1 {
    font-weight: bold;
}

pre.cm-mw-section-2 {
    font-weight: bold;
}

pre.cm-mw-section-3 {
    font-weight: bold;
}

pre.cm-mw-section-4 {
    font-weight: bold;
}

pre.cm-mw-section-5 {
    font-weight: bold;
}

pre.cm-mw-section-6 {
    font-weight: bold;
}

.cm-mw-section-header {
    color: #08f;
    font-weight: normal;
}

.cm-mw-template {
    color: #a11;
    font-weight: normal;
}

.cm-mw-template-name {
    color: #a11;
    font-weight: bold;
}

.cm-mw-template-name-mnemonic {
    font-weight: normal;
}

.cm-mw-template-argument-name {
    color: #a11;
    font-weight: bold;
}

.cm-mw-template-delimiter {
    color: #a11;
    font-weight: bold;
}

.cm-mw-template-bracket {
    color: #a11;
    font-weight: bold;
}

.cm-mw-templatevariable {
    color: #f50;
    font-weight: normal;
}

.cm-mw-templatevariable-name {
    color: #f50;
    font-weight: bold;
}

.cm-mw-templatevariable-bracket {
    color: #f50;
    font-weight: normal;
}

.cm-mw-templatevariable-delimiter {
    color: #f50;
    font-weight: bold;
}

.cm-mw-parserfunction {
    font-weight: normal;
}

.cm-mw-parserfunction-name {
    color: #70a;
    font-weight: bold;
}

.cm-mw-parserfunction-bracket {
    color: #70a;
    font-weight: bold;
}

.cm-mw-parserfunction-delimiter {
    color: #70a;
    font-weight: bold;
}

pre.cm-mw-exttag {
    background-image: url(/build/bfb07217a29abce01272.png);
}

.cm-mw-exttag {
    background-image: url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-exttag-name {
    color: #70a;
    font-weight: bold;
}

.cm-mw-exttag-bracket {
    color: #70a;
    font-weight: normal;
}

.cm-mw-exttag-attribute {
    color: #70a;
    font-weight: normal;
}

.cm-mw-htmltag-name {
    color: #170;
    font-weight: bold;
}

.cm-mw-htmltag-bracket {
    color: #170;
    font-weight: normal;
}

.cm-mw-htmltag-attribute {
    color: #170;
    font-weight: normal;
}

pre.cm-mw-tag-pre, .cm-mw-tag-pre {
    background-image: url(/build/3924c086432b32974357.png);
}

pre.cm-mw-tag-nowiki, .cm-mw-tag-nowiki {
    background-image: url(/build/3924c086432b32974357.png);
}

.cm-mw-link-pagename {
    color: #219;
    font-weight: normal;
}

.cm-mw-link-tosection {
    color: #08f;
    font-weight: normal;
}

.cm-mw-link-bracket {
    color: #219;
    font-weight: normal;
}

.cm-mw-link-text {
}

.cm-mw-link-delimiter {
    color: #219;
    font-weight: normal;
}

.cm-mw-extlink {
    color: #219;
    font-weight: normal;
}

.cm-mw-extlink-protocol {
    color: #219;
    font-weight: bold;
}

.cm-mw-extlink-text {
}

.cm-mw-extlink-bracket {
    color: #219;
    font-weight: bold;
}

.cm-mw-table-bracket {
    color: #e0e;
    font-weight: bold;
}

.cm-mw-table-delimiter {
    color: #e0e;
    font-weight: bold;
}

.cm-mw-table-definition {
    color: #e0e;
    font-weight: normal;
}

.cm-mw-template-ground {
}

.cm-mw-template2-ground {
    background-image: url(/build/7aa074f6ca7ba971cc46.png);
}

.cm-mw-template3-ground {
    background-image: url(/build/42ef6f401694ba78c60b.png);
}

.cm-mw-template-ext-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-template-ext2-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-template-ext3-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-template-link-ground {
    background-image: url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template-ext-link-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template-ext2-link-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template-ext3-link-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template2-ext-ground {
    background-image: url(/build/7aa074f6ca7ba971cc46.png), url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-template2-ext2-ground {
    background-image: url(/build/7aa074f6ca7ba971cc46.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-template2-ext3-ground {
    background-image: url(/build/7aa074f6ca7ba971cc46.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-template2-link-ground {
    background-image: url(/build/7aa074f6ca7ba971cc46.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template2-ext-link-ground {
    background-image: url(/build/7aa074f6ca7ba971cc46.png), url(/build/1774c215f350a3b59bcf.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template2-ext2-link-ground {
    background-image: url(/build/7aa074f6ca7ba971cc46.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template2-ext3-link-ground {
    background-image: url(/build/7aa074f6ca7ba971cc46.png),
                      url(/build/1774c215f350a3b59bcf.png),
                      url(/build/1774c215f350a3b59bcf.png),
                      url(/build/1774c215f350a3b59bcf.png),
                      url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template3-ext-ground {
    background-image: url(/build/42ef6f401694ba78c60b.png), url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-template3-ext2-ground {
    background-image: url(/build/42ef6f401694ba78c60b.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-template3-ext3-ground {
    background-image: url(/build/42ef6f401694ba78c60b.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-template3-link-ground {
    background-image: url(/build/42ef6f401694ba78c60b.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template3-ext-link-ground {
    background-image: url(/build/42ef6f401694ba78c60b.png), url(/build/1774c215f350a3b59bcf.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template3-ext2-link-ground {
    background-image: url(/build/42ef6f401694ba78c60b.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-template3-ext3-link-ground {
    background-image: url(/build/42ef6f401694ba78c60b.png),
                      url(/build/1774c215f350a3b59bcf.png),
                      url(/build/1774c215f350a3b59bcf.png),
                      url(/build/1774c215f350a3b59bcf.png),
                      url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-ext-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-ext2-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-ext3-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png);
}

.cm-mw-ext-link-ground {
    background-image: url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-ext2-link-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-ext3-link-ground {
    background-image: url(/build/1774c215f350a3b59bcf.png), url(/build/1774c215f350a3b59bcf.png), url(/build/d5f19cc4d5aec86b395b.png);
}

.cm-mw-link-ground {
    background-image: url(/build/d5f19cc4d5aec86b395b.png);
}

/**
 * GitHub Gist Theme
 * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
 */

.hljs {
    display: block;
    background: white;
    padding: .5em;
    color: #333;
    overflow-x: auto;
}

.hljs-comment, .hljs-meta {
    color: #969896;
}

.hljs-string, .hljs-variable, .hljs-template-variable, .hljs-strong,
.hljs-emphasis, .hljs-quote {
    color: #df5000;
}

.hljs-keyword, .hljs-selector-tag, .hljs-type {
    color: #a71d5d;
}

.hljs-number, .hljs-literal, .hljs-symbol, .hljs-bullet, .hljs-attribute {
    color: #0086b3;
}

.hljs-built_in, .hljs-builtin-name {
    color: #005cc5;
}

.hljs-section, .hljs-name {
    color: #63a35c;
}

.hljs-tag {
    color: #333;
}

.hljs-title, .hljs-attr, .hljs-selector-id, .hljs-selector-class,
.hljs-selector-attr, .hljs-selector-pseudo {
    color: #795da3;
}

.hljs-addition {
    color: #55a532;
    background-color: #eaffea;
}

.hljs-deletion {
    color: #bd2c00;
    background-color: #ffecec;
}

.hljs-link {
    text-decoration: underline;
}

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"], pre[class*="language-"] {
    color: black;
    background: none;
    text-shadow: 0 1px white;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    tab-size: 4;
    hyphens: none;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc;
}

/* Code blocks */

pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
}

:not(pre) > code[class*="language-"], pre[class*="language-"] {
    background: #f5f2f0;
}

/* Inline code */

:not(pre) > code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal;
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
    color: slategray;
}

.token.punctuation {
    color: #999;
}

.token.namespace {
    opacity: .7;
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant,
.token.symbol, .token.deleted {
    color: #905;
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin,
.token.inserted {
    color: #690;
}

.token.operator, .token.entity, .token.url, .language-css .token.string,
.style .token.string {
    color: #9a6e3a;
    /* This background color was intended by the author of this theme. */
    background: hsla(0, 0%, 100%, .5);
}

.token.atrule, .token.attr-value, .token.keyword {
    color: #07a;
}

.token.function, .token.class-name {
    color: #dd4a68;
}

.token.regex, .token.important, .token.variable {
    color: #e90;
}

.token.important, .token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

@media print {
    code[class*="language-"], pre[class*="language-"] {
        text-shadow: none;
    }
}

.markdown-body {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word;
}

.markdown-body::before {
    display: table;
    content: "";
}

.markdown-body::after {
    display: table;
    clear: both;
    content: "";
}

.markdown-body>*:first-child {
    margin-top: 0 !important;
}

.markdown-body>*:last-child {
    margin-bottom: 0 !important;
}

.markdown-body a:not([href]) {
    color: inherit;
    text-decoration: none;
}

.markdown-body .absent {
    color: #c00;
}

.markdown-body .anchor {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
    line-height: 1;
}

.markdown-body .anchor:focus {
    outline: none;
}

.markdown-body p, .markdown-body blockquote, .markdown-body ul,
.markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre {
    margin-top: 0;
    margin-bottom: 16px;
}

.markdown-body hr {
    height: .25em;
    padding: 0;
    margin: 24px 0;
    background-color: #e7e7e7;
    border: 0;
}

.markdown-body blockquote {
    font-size: 16px;
    padding: 0 1em;
    color: #777;
    border-left: .25em solid #ddd;
}

.markdown-body blockquote>:first-child {
    margin-top: 0;
}

.markdown-body blockquote>:last-child {
    margin-bottom: 0;
}

.markdown-body kbd, .popover kbd {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: solid 1px #ccc;
    border-bottom-color: #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb;
}

.markdown-body .loweralpha {
    list-style-type: lower-alpha;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4,
.markdown-body h5, .markdown-body h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
}

.markdown-body h1 .octicon-link, .markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link, .markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link, .markdown-body h6 .octicon-link {
    color: #000;
    vertical-align: middle;
    visibility: hidden;
}

.markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor {
    text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
    visibility: visible;
}

.markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt,
.markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code,
.markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt,
.markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code {
    font-size: inherit;
}

.markdown-body h1 {
    padding-bottom: .3em;
    font-size: 2em;
    border-bottom: 1px solid #eee;
}

.markdown-body h2 {
    padding-bottom: .3em;
    font-size: 1.5em;
    border-bottom: 1px solid #eee;
}

.markdown-body h3 {
    font-size: 1.25em;
}

.markdown-body h4 {
    font-size: 1em;
}

.markdown-body h5 {
    font-size: .875em;
}

.markdown-body h6 {
    font-size: .85em;
    color: #777;
}

.markdown-body ul, .markdown-body ol {
    padding-left: 2em;
}

.markdown-body ul.no-list, .markdown-body ol.no-list {
    padding: 0;
    list-style-type: none;
}

.markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol,
.markdown-body ol ul {
    margin-top: 0;
    margin-bottom: 0;
}

.markdown-body li>p {
    margin-top: 16px;
}

.markdown-body li+li {
    padding-top: .25em;
}

.markdown-body dl {
    padding: 0;
}

.markdown-body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
}

.markdown-body dl dd {
    padding: 0 16px;
    margin-bottom: 16px;
}

.markdown-body table {
    display: block;
    width: 100%;
    overflow: auto;
    word-break: normal;
    word-break: keep-all;
}

.markdown-body table th {
    font-weight: bold;
}

.markdown-body table th, .markdown-body table td {
    padding: 6px 13px;
    border: 1px solid #ddd;
}

.markdown-body table tr {
    background-color: #fff;
    border-top: 1px solid #ccc;
}

.markdown-body table tr:nth-child(2n) {
    background-color: #f8f8f8;
}

.markdown-body img {
    max-width: 100%;
    box-sizing: content-box;
    background-color: #fff;
}

.markdown-body img[align=right] {
    padding-left: 20px;
}

.markdown-body img[align=left] {
    padding-right: 20px;
}

.markdown-body .emoji {
    max-width: none;
    vertical-align: text-top;
    background-color: transparent;
}

.markdown-body span.frame {
    display: block;
    overflow: hidden;
}

.markdown-body span.frame>span {
    display: block;
    float: left;
    width: auto;
    padding: 7px;
    margin: 13px 0 0;
    overflow: hidden;
    border: 1px solid #ddd;
}

.markdown-body span.frame span img {
    display: block;
    float: left;
}

.markdown-body span.frame span span {
    display: block;
    padding: 5px 0 0;
    clear: both;
    color: #333;
}

.markdown-body span.align-center {
    display: block;
    overflow: hidden;
    clear: both;
}

.markdown-body span.align-center>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: center;
}

.markdown-body span.align-center span img {
    margin: 0 auto;
    text-align: center;
}

.markdown-body span.align-right {
    display: block;
    overflow: hidden;
    clear: both;
}

.markdown-body span.align-right>span {
    display: block;
    margin: 13px 0 0;
    overflow: hidden;
    text-align: right;
}

.markdown-body span.align-right span img {
    margin: 0;
    text-align: right;
}

.markdown-body span.float-left {
    display: block;
    float: left;
    margin-right: 13px;
    overflow: hidden;
}

.markdown-body span.float-left span {
    margin: 13px 0 0;
}

.markdown-body span.float-right {
    display: block;
    float: right;
    margin-left: 13px;
    overflow: hidden;
}

.markdown-body span.float-right>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: right;
}

.markdown-body code, .markdown-body tt {
    padding: 0;
    padding-top: .2em;
    padding-bottom: .2em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0, 0, 0, .04);
    border-radius: 3px;
}

.markdown-body code::before, .markdown-body code::after,
.markdown-body tt::before, .markdown-body tt::after {
    letter-spacing: -0.2em;
    content: "\00a0";
}

.markdown-body code br, .markdown-body tt br {
    display: none;
}

.markdown-body del code {
    text-decoration: inherit;
}

.markdown-body pre {
    word-wrap: normal;
}

.markdown-body pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0;
}

.markdown-body .highlight {
    margin-bottom: 16px;
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal;
}

.markdown-body .highlight pre, .markdown-body pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px;
}

.markdown-body pre code, .markdown-body pre tt {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0;
}

.markdown-body pre code::before, .markdown-body pre code::after,
.markdown-body pre tt::before, .markdown-body pre tt::after {
    content: normal;
}

.markdown-body .csv-data td, .markdown-body .csv-data th {
    padding: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    white-space: nowrap;
}

.markdown-body .csv-data .blob-line-num {
    padding: 10px 8px 9px;
    text-align: right;
    background: #fff;
    border: 0;
}

.markdown-body .csv-data tr {
    border-top: 0;
}

.markdown-body .csv-data th {
    font-weight: bold;
    background: #f8f8f8;
    border-top: 0;
}

.news .alert .markdown-body blockquote {
    padding: 0 0 0 40px;
    border: 0 none;
}

.activity-tab .news .markdown-body blockquote,
.activity-tab .news .alert .commits {
    padding-left: 0;
}

.task-list-item {
    list-style-type: none;
}

.task-list-item label {
    font-weight: normal;
}

.task-list-item.enabled label {
    cursor: pointer;
}

.task-list-item+.task-list-item {
    margin-top: 3px;
}

.task-list-item-checkbox {
    float: left;
    margin: .31em 0 .2em -1.3em !important;
    vertical-align: middle;
    cursor: default !important;
}

/* Flowchart variables */

/* Sequence Diagram variables */

/* Gantt chart variables */

.mermaid .label {
    color: #333;
}

/* workaround to solve conflict bootstrap styles */

.mermaid .label {
    display: unset;
    padding: unset;
    font-size: unset;
    font-weight: unset;
    line-height: unset;
    text-align: unset;
    white-space: unset;
    vertical-align: unset;
    border-radius: unset;
}

.mermaid .node rect, .mermaid .node circle, .mermaid .node ellipse,
.mermaid .node polygon {
    fill: #ececff;
    stroke: #ccf;
    stroke-width: 1px;
}

.mermaid .edgePath .path {
    stroke: #333;
}

.mermaid .edgeLabel {
    background-color: #e8e8e8;
}

.mermaid .cluster rect {
    fill: #ffffde !important;
    rx: 4 !important;
    stroke: #aa3 !important;
    stroke-width: 1px !important;
}

.mermaid .cluster text {
    fill: #333;
}

.mermaid .actor {
    stroke: #ccf;
    fill: #ececff;
}

.mermaid text.actor {
    fill: black;
    stroke: none;
}

.mermaid .actor-line {
    stroke: grey;
}

.mermaid .messageLine0 {
    stroke-width: 1.5;
    stroke-dasharray: "2 2";
    marker-end: "url(#arrowhead)";
    stroke: #333;
}

.mermaid .messageLine1 {
    stroke-width: 1.5;
    stroke-dasharray: "2 2";
    stroke: #333;
}

.mermaid #arrowhead {
    fill: #333;
}

.mermaid #crosshead path {
    fill: #333 !important;
    stroke: #333 !important;
}

.mermaid .messageText {
    fill: #333;
    stroke: none;
}

.mermaid .labelBox {
    stroke: #ccf;
    fill: #ececff;
}

.mermaid .labelText {
    fill: black;
    stroke: none;
}

.mermaid .loopText {
    fill: black;
    stroke: none;
}

.mermaid .loopLine {
    stroke-width: 2;
    stroke-dasharray: "2 2";
    marker-end: "url(#arrowhead)";
    stroke: #ccf;
}

.mermaid .note {
    stroke: #aa3;
    fill: #fff5ad;
}

.mermaid .noteText {
    fill: black;
    stroke: none;
    font-family: 'trebuchet ms', verdana, arial;
    font-size: 14px;
}

/** Section styling */

.mermaid .section {
    stroke: none;
    opacity: .2;
}

.mermaid .section0 {
    fill: rgba(102, 102, 255, .49);
}

.mermaid .section2 {
    fill: #fff400;
}

.mermaid .section1, .mermaid .section3 {
    fill: white;
    opacity: .2;
}

.mermaid .sectionTitle0 {
    fill: #333;
}

.mermaid .sectionTitle1 {
    fill: #333;
}

.mermaid .sectionTitle2 {
    fill: #333;
}

.mermaid .sectionTitle3 {
    fill: #333;
}

.mermaid .sectionTitle {
    text-anchor: start;
    font-size: 11px;
    text-height: 14px;
}

/* Grid and axis */

.mermaid .grid .tick {
    stroke: lightgrey;
    opacity: .3;
    shape-rendering: crispEdges;
}

.mermaid .grid path {
    stroke-width: 0;
}

/* Today line */

.mermaid .today {
    fill: none;
    stroke: red;
    stroke-width: 2px;
}

/* Task styling */

/* Default task */

.mermaid .task {
    stroke-width: 2;
}

.mermaid .taskText {
    text-anchor: middle;
    font-size: 11px;
}

.mermaid .taskTextOutsideRight {
    fill: black;
    text-anchor: start;
    font-size: 11px;
}

.mermaid .taskTextOutsideLeft {
    fill: black;
    text-anchor: end;
    font-size: 11px;
}

/* Specific task settings for the sections*/

.mermaid .taskText0, .mermaid .taskText1, .mermaid .taskText2,
.mermaid .taskText3 {
    fill: white;
}

.mermaid .task0, .mermaid .task1, .mermaid .task2, .mermaid .task3 {
    fill: #8a90dd;
    stroke: #534fbc;
}

.mermaid .taskTextOutside0, .mermaid .taskTextOutside2 {
    fill: black;
}

.mermaid .taskTextOutside1, .mermaid .taskTextOutside3 {
    fill: black;
}

/* Active task */

.mermaid .active0, .mermaid .active1, .mermaid .active2, .mermaid .active3 {
    fill: #bfc7ff;
    stroke: #534fbc;
}

.mermaid .activeText0, .mermaid .activeText1, .mermaid .activeText2,
.mermaid .activeText3 {
    fill: black !important;
}

/* Completed task */

.mermaid .done0, .mermaid .done1, .mermaid .done2, .mermaid .done3 {
    stroke: grey;
    fill: lightgrey;
    stroke-width: 2;
}

.mermaid .doneText0, .mermaid .doneText1, .mermaid .doneText2,
.mermaid .doneText3 {
    fill: black !important;
}

/* Tasks on the critical line */

.mermaid .crit0, .mermaid .crit1, .mermaid .crit2, .mermaid .crit3 {
    stroke: #f88;
    fill: red;
    stroke-width: 2;
}

.mermaid .activeCrit0, .mermaid .activeCrit1, .mermaid .activeCrit2,
.mermaid .activeCrit3 {
    stroke: #f88;
    fill: #bfc7ff;
    stroke-width: 2;
}

.mermaid .doneCrit0, .mermaid .doneCrit1, .mermaid .doneCrit2,
.mermaid .doneCrit3 {
    stroke: #f88;
    fill: lightgrey;
    stroke-width: 2;
    cursor: pointer;
    shape-rendering: crispEdges;
}

.mermaid .doneCritText0, .mermaid .doneCritText1, .mermaid .doneCritText2,
.mermaid .doneCritText3 {
    fill: black !important;
}

.mermaid .activeCritText0, .mermaid .activeCritText1, .mermaid .activeCritText2,
.mermaid .activeCritText3 {
    fill: black !important;
}

.mermaid .titleText {
    text-anchor: middle;
    font-size: 18px;
    fill: black;
}

/*


*/

.mermaid .node text {
    font-family: 'trebuchet ms', verdana, arial;
    font-size: 14px;
}

div.mermaidTooltip {
    position: fixed !important;
    text-align: center;
    max-width: 200px;
    padding: 2px;
    font-family: 'trebuchet ms', verdana, arial;
    font-size: 12px;
    background: #ffffde;
    border: 1px solid #aa3;
    border-radius: 2px;
    pointer-events: none;
    z-index: 100;
}

/* for markdown-body */

.markdown-body {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 758px;
    overflow: visible !important;
    position: relative;
}

/*fixed style for bootstrap comflict*/

.markdown-body.next-editor {
    overflow-x: hidden !important;
}

.markdown-body .emoji {
    vertical-align: top;
}

.markdown-body pre {
    border: inherit !important;
}

.markdown-body code {
    color: inherit !important;
}

.markdown-body pre code .wrapper {
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
}

.markdown-body pre code .gutter {
    float: left;
    overflow: hidden;
    user-select: none;
}

.markdown-body pre code .gutter.linenumber {
    text-align: right;
    position: relative;
    display: inline-block;
    cursor: default;
    z-index: 4;
    padding: 0 8px 0 0;
    min-width: 20px;
    box-sizing: content-box;
    color: #afafaf !important;
    border-right: 3px solid #6ce26c !important;
}

.markdown-body pre code .gutter.linenumber > span:before {
    content: attr(data-linenumber);
}

.markdown-body pre code .code {
    float: left;
    margin: 0 0 0 16px;
}

.markdown-body .gist .line-numbers {
    border-left: none;
    border-top: none;
    border-bottom: none;
}

.markdown-body .gist .line-data {
    border: none;
}

.markdown-body .gist table {
    border-spacing: 0;
    border-collapse: inherit !important;
}

.markdown-body code[data-gist-id] {
    background: none;
    padding: 0;
}

.markdown-body code[data-gist-id]:before {
    content: '';
}

.markdown-body code[data-gist-id]:after {
    content: '';
}

.markdown-body code[data-gist-id] .blob-num {
    border: unset;
}

.markdown-body code[data-gist-id] table {
    overflow: unset;
    margin-bottom: unset;
}

.markdown-body code[data-gist-id] table tr {
    background: unset;
}

/*fixed style for rtl in pre and code*/

.markdown-body[dir='rtl'] pre {
    direction: ltr;
}

.markdown-body[dir='rtl'] code {
    direction: ltr;
    unicode-bidi: embed;
}

.markdown-body .alert > p:last-child {
    margin-bottom: 0;
}

.markdown-body pre.flow-chart, .markdown-body pre.sequence-diagram,
.markdown-body pre.graphviz, .markdown-body pre.mermaid, .markdown-body pre.abc,
.markdown-body pre.vega {
    text-align: center;
    background-color: inherit;
    border-radius: 0;
    white-space: inherit;
    overflow: visible; /* prevent top right menu overflow scroll */
}

.markdown-body pre.flow-chart > code, .markdown-body pre.sequence-diagram > code,
.markdown-body pre.graphviz > code, .markdown-body pre.mermaid > code,
.markdown-body pre.abc > code, .markdown-body pre.vega > code {
    text-align: left;
}

.markdown-body pre.flow-chart > svg, .markdown-body pre.sequence-diagram > svg,
.markdown-body pre.graphviz > svg, .markdown-body pre.mermaid > svg,
.markdown-body pre.abc > svg, .markdown-body pre.vega > svg {
    max-width: 100%;
    height: 100%;
}

.markdown-body pre > code.wrap {
    white-space: pre-wrap; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.markdown-body .alert > p:last-child, .markdown-body .alert > ul:last-child {
    margin-bottom: 0;
}

.markdown-body summary {
    display: list-item;
}

.markdown-body summary:focus {
    outline: none;
}

.markdown-body details summary {
    cursor: pointer;
}

.markdown-body details:not([open]) > *:not(summary) {
    display: none;
}

.markdown-body figure {
    margin: 1em 40px;
}

.markdown-body .mark, .markdown-body mark {
    background-color: #fff1a7;
}

.select2-container li img.avatar {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    object-fit: cover;
    vertical-align: middle;
    margin-right: 6px;
}

.select2-search-choice {
    max-width: calc(100% - 5px);
}

.select2-search-choice > div > div {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.select2-results li img.avatar {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    object-fit: cover;
    vertical-align: middle;
    margin-right: 6px;
}

.select2-result-label > div > span {
    display: inline-block;
    max-width: calc(100% - 46px);
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-result-label > div > span > span,
.select2-result-label > div > span > small {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

.select2-result-label > div > span > span.name {
    vertical-align: middle;
}

.select2-result-label > div > span > small {
    vertical-align: top;
}

.select2-container-multi .select2-choices {
    background-image: none;
}

.select2-container-multi .select2-choices .select2-search-field input {
    font-family: inherit;
    padding: 5px 12px;
}

.select2-container {
    margin: 0 auto !important;
}

.site-ui-font {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.tooltip {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .tooltip {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .tooltip {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .tooltip {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.tooltip .tooltip-inner {
    text-align: left;
    background-color: #777;
    padding: 6px 10px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #777 !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #777 !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #777 !important;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #777 !important;
}

.navbar-right>li>a {
    padding: 15px 13.43px;
}

.navbar-right .btn.ui-status {
    padding: 7px 5px;
    font-weight: 700;
}

.navbar-right .btn.ui-status.online {
    color: #686868;
}

.navbar-right .btn.ui-status.hosting {
    padding-top: 4px;
    padding-left: 6px;
    color: #5cb85c;
}

.navbar-right .btn.ui-status.hosting>img {
    margin: 0 -2px 0 0;
    display: inline-block;
    position: relative;
    top: -2px;
}

.navbar-right .ui-host-list.open .btn.ui-status.online {
    background-color: #e7e7e7;
}

.navbar-right .btn.ui-sharing {
    padding: 8px 10px;
    color: #5cb85c;
    background-color: transparent;
    border: 1px solid #5cb85c;
}

.navbar-right .btn.ui-sharing.signin {
    color: #fff;
    background-color: #5cb85c;
}

.navbar-right .btn.ui-sharing.signin:hover {
    background-color: #449d44;
}

.navbar-right .btn.ui-sharing>i {
    display: inline-block;
    position: relative;
    top: -1px;
}

.navbar-right .ui-share-button.open .btn.ui-sharing.signin {
    background-color: #449d44;
}

.navbar-right .btn {
    height: 32px;
    margin: 9px 0;
    font-size: 15px;
    line-height: 16px;
}

.navbar-right .ui-signin {
    margin-left: 6px;
    margin-right: 6px;
    border: none;
    background: #5cb85c;
    font-weight: 700;
}

.navbar-right .ui-signin:hover, .navbar-right .ui-signin:active {
    background: #449d44;
}

.navbar-right .ui-menu {
    width: 32px;
    height: 32px;
    padding: 6px 4px 0 4px;
    margin-top: 9px;
    margin-bottom: 9px;
}

.navbar-right .ui-menu:hover {
    background-color: #e7e7e7 !important;
}

.navbar .ui-profile-label {
    width: 32px;
    height: 32px;
    margin-top: 9px;
    margin-bottom: 9px;
    padding: 4px;
}

.navbar .ui-profile-label:hover {
    background-color: #e7e7e7 !important;
}

.navbar .ui-profile-label img {
    height: 22px;
    width: 22px;
    border-radius: 100%;
    object-fit: cover;
}

.navbar-left .navbar-button-icon {
    width: 32px;
    height: 32px;
    margin-top: 9px;
    margin-bottom: 9px;
    padding: 5px 4px 4px 4px;
}

.navbar-left .navbar-button-icon:hover {
    background-color: #e7e7e7 !important;
}

.navbar-left .navbar-button-icon.ui-spotlight {
    padding-top: 4px;
}

.ui-short-status {
    padding: 8px 12px;
    font-weight: 700;
    line-height: 16px;
}

.nav-mobile {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 9px 4px 9px 0;
    padding: 0;
}

.nav-mobile .ui-short-status.online {
    color: #686868;
}

.nav-mobile .ui-short-status.hosting {
    color: #5cb85c;
}

.nav-mobile .ui-mode {
    width: 34px;
    padding: 5px 6px;
}

.nav-mobile .ui-mode:hover {
    color: #337ab7;
}

.nav-mobile .ui-share {
    color: #5cb85c;
    background-color: transparent;
    border: 1px solid #5cb85c;
    width: 34px;
    padding: 5px 6px;
}

.nav-mobile .ui-share.signin {
    color: #fff;
    background-color: #5cb85c;
}

.nav-mobile .ui-share.signin:hover {
    background-color: #449d44;
}

.nav-mobile .ui-share.signin.open {
    background-color: #449d44;
}

.nav-mobile .btn-link {
    width: 38px;
    padding: 2px 0;
    font-size: 18px;
}

.nav-mobile .btn:not(.btn-link) {
    margin-left: 6px;
}

.nav-mobile .dropdown-menu {
    left: 40%;
    right: 6px;
    top: 48px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar .announcement-label {
    box-shadow: none;
    line-height: 19px;
    vertical-align: middle;
    outline: none;
    border: none;
}

.navbar .announcement-label .label {
    padding: 4px 6px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.navbar .announcement-area {
    max-width: 350px;
    margin-left: 20px;
    text-align: left;
}

.navbar .announcement-area .caption {
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    line-height: 22px;
    height: 22px;
    display: flex;
    align-items: center;
}

.navbar .announcement-area .caption .label {
    padding: 4px 6px;
    height: 20px;
}

.navbar .announcement-area .caption .text {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
}

.navbar .announcement-area .caption.inverse {
    color: #686868;
}

.navbar .announcement-popover {
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    width: 370px;
    max-width: 100vw;
    max-height: 100vh;
    overflow: auto;
    text-align: left;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    border-radius: 3px;
    z-index: 1001;
    cursor: default;
}

.navbar .announcement-popover a {
    text-decoration: none;
}

.navbar .announcement-popover .caption {
    color: #686868;
    font-weight: 600;
    line-height: 16px;
    display: block;
    max-width: 100%;
    height: auto;
    cursor: pointer;
}

.navbar .announcement-popover .caption .label {
    padding: 4px 6px;
    display: inline-block;
    vertical-align: middle;
}

.navbar .announcement-popover .caption .text {
    display: inline;
    vertical-align: middle;
    overflow: visible;
    word-break: break-word;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}

.navbar .announcement-popover .announcement-popover-header {
    padding: 15px 20px 14px 20px;
    background: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.navbar .announcement-popover .announcement-popover-body {
    padding: 20px;
    background: #fff;
    font-weight: 400;
    font-size: 15px;
    color: #333;
    line-height: 22px;
}

.navbar .announcement-popover .announcement-popover-body img {
    width: 100%;
    padding-bottom: 15px;
}

.navbar .announcement-popover .announcement-popover-footer {
    padding: 0 20px 10px 20px;
    background: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.navbar .announcement-popover.center {
    position: fixed;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
}

.navbar .announcement-popover.center .caption .text {
    line-height: 19px;
}

.navbar .announcement-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .4);
    z-index: 1000;
}

.navbar .announcement-backdrop.dim {
    display: block;
}

.btn-text {
    font-weight: 400;
    font-size: 14px;
    color: #888;
    text-align: center;
    line-height: 14px;
    padding: 5px;
    box-shadow: none;
}

.btn-text:hover, .btn-text:active {
    color: #337ab7;
    box-shadow: none;
}

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

.has-error .form-control {
    border-color: #ff6363;
}

.btn-large {
    font-size: 18px;
    width: 180px;
    padding: 10px;
    margin: 0 10px;
}

.modal.signin-modal {
    color: #333;
    font-size: 18px;
}

.modal.signin-modal .social-buttons-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.modal.signin-modal .btn-social {
    width: 250px;
    margin-top: 10px;
    display: inline-block;
}

.modal.signin-modal .btn-social.btn-social.btn-lg {
    padding-left: 45px;
    margin-top: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.modal.signin-modal .btn-social.btn-social.btn-lg :first-child {
    border: none;
    line-height: 38px;
}

.modal.signin-modal p {
    margin: 15px 0 15px 0;
}

.modal.signin-modal p a {
    text-decoration: underline;
    color: #333;
}

.modal.signin-modal p a:hover, .modal.signin-modal p a:active,
.modal.signin-modal p a:focus {
    cursor: pointer;
    color: #7a7a7a;
}

.modal.signin-modal p.separator {
    margin: 30px 0;
    font-weight: 600;
}

.modal.signin-modal .modal-dialog {
    max-width: 476px;
}

.modal.signin-modal h3 {
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 600;
}

.modal.signin-modal .modal-content {
    text-align: center;
    padding: 0 30px 30px 30px;
}

.modal.signin-modal .form-group {
    text-align: left;
}

.modal.signin-modal .form-group input {
    height: 40px;
    font-size: 16px;
    margin-top: 7px;
}

.modal.signin-modal .form-group .control-label {
    font-size: 18px;
}

.modal.signin-modal .form-group .control-label a {
    text-decoration: underline;
    color: #333;
}

.modal.signin-modal .form-group .control-label a:hover,
.modal.signin-modal .form-group .control-label a:active,
.modal.signin-modal .form-group .control-label a:focus {
    cursor: pointer;
    color: #7a7a7a;
}

.modal.signin-modal .form-group .help-block.control-label {
    font-size: 12px;
}

.modal.signin-modal .form-group .help-block.control-label ul {
    margin-bottom: 0;
}

.modal.signin-modal .has-error .help-block {
    text-align: right;
}

.modal.signin-modal label.control-label {
    font-weight: normal;
}

.modal.signin-modal .has-error label.control-label {
    color: initial;
}

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

.public-published-toggle {
    padding: 0 13px;
}

.public-published-toggle>button.btn {
    height: 36px;
}

.public-published-toggle .publish {
    display: none;
    color: #337ab7;
    border: 1px solid #337ab7;
}

.public-published-toggle .unpublish-action {
    display: none;
    color: #8f8f8f;
    border: 1px solid #8f8f8f;
    background-color: #fff;
}

.public-published-toggle .unpublish {
    display: none;
}

.public-published-toggle[data-published=true] .publish {
    display: inline;
}

.public-published-toggle[data-published=true] .unpublish-action {
    display: none;
}

.public-published-toggle[data-published=true] .unpublish {
    display: none;
}

.public-published-toggle[data-published=true]:hover .publish {
    display: none;
}

.public-published-toggle[data-published=true]:hover .unpublish-action {
    display: inline;
}

.public-published-toggle[data-published=false] .publish {
    display: none;
}

.public-published-toggle[data-published=false] .unpublish-action {
    display: none;
}

.public-published-toggle[data-published=false] .unpublish {
    display: inline;
}

.public-published-toggle.disabled>button {
    cursor: default;
    opacity: .6;
}

.public-published-toggle.disabled>button:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.public-published-toggle.public-team {
    pointer-events: none;
}

.hmd-text-left {
    text-align: left;
}

.hmd-text-right {
    text-align: right;
}

.hmd-text-center {
    text-align: center;
}

.hmd-text-bold {
    font-weight: bold;
}

.hmd-text-underline {
    text-decoration: underline;
}

.ellipsis-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

a.unset-anchor-style {
    color: unset;
}

a.unset-anchor-style:hover {
    color: unset;
    text-decoration: none;
}

.btn.btn-gray {
    border: 1px solid #fff;
    background: #333;
    color: #fff;
}

.btn.btn-gray:hover {
    background: #fff;
    color: #333;
}

.btn.btn-black {
    border: 1px solid #fff;
    background: #262626;
    color: #fff;
}

.btn.btn-black:hover {
    background: #fff;
    color: #262626;
}

#home .btn-lg {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.28;
}

.btn-primary.btn-outline {
    color: #337ab7;
    background-color: transparent;
    border-color: #337ab7;
}

.btn-primary.btn-outline:hover {
    color: #fff;
    background-color: #337ab7;
}

.btn-danger.btn-outline {
    color: #c9302c;
    background-color: transparent;
    border-color: #c9302c;
}

.btn-danger.btn-outline:hover {
    color: #fff;
    background-color: #c9302c;
}

.btn-dark-danger.btn-outline {
    color: #ff6363;
    background-color: transparent;
    border-color: #ff6363;
}

.btn-dark-danger.btn-outline:hover {
    color: #fff;
    background-color: #ff6363;
}

.btn-success.btn-outline {
    color: #4cae4c;
    background-color: transparent;
    border-color: #4cae4c;
}

.btn-success.btn-outline:hover {
    color: #fff;
    background-color: #4cae4c;
}

.btn-default.btn-outline {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

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

.btn-brand-dark {
    background-color: #333;
}

#namedRevisionModal .ui-upgrade-tips {
    border-top: 1px solid #e8e8e8;
    padding: 20px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #686868;
}

#namedRevisionModal .sidebar.revision-list-container {
    overflow: auto;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #e7e7e7;
    height: 100%;
}

#namedRevisionModal #revision-editor-container {
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}

#namedRevisionModal #revision-editor-container .CodeMirror.CodeMirror-wrap {
    height: 100%;
}

#namedRevisionModal .github-sync-enabled .sidebar.revision-list-container {
    height: calc(100% - 51px);
}

#namedRevisionModal .github-sync-enabled #revision-editor-container {
    max-height: calc(100vh - 151px);
}

#namedRevisionModal .revision-card.preview {
    opacity: .6;
}

#namedRevisionModal .revision-card.preview .revision-card-heading {
    cursor: default;
}

#namedRevisionModal .revision-card.preview .ui-revision-list-toggle {
    cursor: pointer;
}

#namedRevisionModal .revision-card .revision-card-heading {
    padding: 6px 15px 6px 30px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
}

#namedRevisionModal .revision-card .revision-card-heading:hover {
    background-color: #f5f5f5;
}

#namedRevisionModal .revision-card .revision-card-heading span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

#namedRevisionModal .revision-card .revision-card-heading small {
    color: #888;
    font-size: 12px;
    font-weight: normal;
}

#namedRevisionModal .revision-card .revision-card-heading .ui-revision-list-toggle {
    height: 100%;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 6px 8px 0 15px;
}

#namedRevisionModal .revision-card .child-revision-list {
    display: none;
}

#namedRevisionModal .revision-card .child-revision-list .revision-item {
    margin-left: 30px;
    border-left: 1px solid #ccc;
    padding-left: 15px;
}

#namedRevisionModal .revision-card .child-revision-list .revision-item.preview {
    opacity: .6;
    cursor: default;
}

#namedRevisionModal .revision-card.active .revision-card-heading {
    background-color: #f5f5f5;
}

#namedRevisionModal .revision-card.open .child-revision-list {
    display: block;
}

#namedRevisionModal .revision-card.open .ui-revision-list-toggle .fa {
    transform: rotate(90deg);
}

#namedRevisionModal .revision-card[disabled] .revision-card-heading>.flex {
    opacity: .65;
}

#namedRevisionModal .revision-card[disabled] .revision-card-heading span {
    opacity: .5;
}

#namedRevisionModal .revision-card[disabled] .revision-card-heading:hover {
    cursor: not-allowed;
    background-color: #fff;
}

#namedRevisionModal .revision-card[disabled] .revision-card-heading .ui-revision-list-toggle {
    cursor: pointer;
    opacity: 1;
}

#namedRevisionModal .revision-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 6px 30px;
    font-weight: 600;
    cursor: pointer;
}

#namedRevisionModal .revision-item.preview {
    opacity: .6;
    cursor: default;
}

#namedRevisionModal .revision-item:hover {
    background-color: #f5f5f5;
}

#namedRevisionModal .revision-item.active {
    background-color: #f5f5f5;
}

#namedRevisionModal .revision-item[disabled] {
    background-color: #fff;
    opacity: .65;
}

#namedRevisionModal .revision-item[disabled]:hover {
    cursor: not-allowed;
}

#namedRevisionModal .diff-revision-menu>*:not(:last-child) {
    margin-right: 5px;
}

#namedRevisionModal .ui-diff-revision-menu {
    min-width: 170px;
    max-width: 365px;
    padding-top: 3px;
    padding-bottom: 3px;
    user-select: text;
}

#namedRevisionModal .ui-diff-revision-menu span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

#namedRevisionModal #diff-revision-dropdown-menu .empty-revision-list {
    display: none;
    text-align: center;
    user-select: none;
    font-weight: 400;
    color: #999;
    margin-top: 25px;
}

#namedRevisionModal #diff-revision-dropdown-menu .empty-revision-list .search-icon {
    margin-bottom: 6px;
}

#namedRevisionModal #diff-revision-dropdown-menu .dropdown-menu {
    padding: 0;
    max-width: 365px;
    max-height: calc(100vh - 160px);
    overflow: auto;
}

#namedRevisionModal #diff-revision-dropdown-menu .section-header {
    padding: 8px 15px;
    color: #686868;
    background-color: #f8f8f8;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #e7e7e7;
}

#namedRevisionModal #diff-revision-dropdown-menu .section-filter {
    padding: 15px 20px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #e7e7e7;
}

#namedRevisionModal #diff-revision-dropdown-menu .revision-list-container {
    padding: 15px 0;
    max-height: 300px;
    overflow-y: auto;
    min-width: 300px;
    min-height: 300px;
}

#namedRevisionModal #diff-revision-dropdown-menu .show-name-revision-click-area {
    user-select: none;
}

#namedRevisionModal #revisionSummary {
    padding: 10px 15px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #e7e7e7;
    background-color: #fff;
}

#namedRevisionModal #revisionSummary .dropdown-container>.dropdown-menu {
    right: 20px;
    left: auto;
}

#namedRevisionModal #revisionSummary .dropdown-container {
    width: 24px;
    height: 24px;
    margin-left: 2px;
    padding-top: 1px;
}

#namedRevisionModal #revisionSummary .dropdown-container.open {
    background-color: #e7e7e7;
}

#namedRevisionModal #revisionSummary .dropdown-container:hover {
    background-color: #e7e7e7 !important;
}

#namedRevisionModal #revisionSummary .dropdown-container>.dropdown-menu {
    right: 0;
    top: 22px;
}

#namedRevisionModal #revisionSummary .dropdown-container {
    position: absolute;
    right: 10px;
    cursor: pointer;
}

#namedRevisionModal #revisionSummary h4 {
    font-size: 16px;
    color: #686868;
}

#namedRevisionModal #revisionSummary h4.summary-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-right: 24px;
}

#namedRevisionModal #revisionSummary p {
    margin-bottom: 5px;
}

#namedRevisionModal #revisionSummary .summary-authorship {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

#namedRevisionModal #revisionSummary .summary-authorship a {
    text-decoration: underline;
}

#namedRevisionModal #revisionSummary .summary-author-info {
    white-space: nowrap;
    padding-right: 24px;
}

#namedRevisionModal #revisionSummary .summary-author-info,
#namedRevisionModal #revisionSummary .summary-description {
    font-size: 14px;
    color: #888;
}

#namedRevisionModal #revisionSummary .summary-description {
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 80px;
    overflow-y: auto;
    width: 100%;
}

#namedRevisionModal #revisionSummary .summary-description.collapsed {
    height: 20px;
    overflow: hidden;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle {
    display: none;
    color: #337ab7;
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 5px;
    user-select: none;
    position: absolute;
    right: 35px;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle .expand {
    display: initial;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle .collapse {
    display: none;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle .fa {
    margin-left: 5px;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle.open .expand {
    display: none;
}

#namedRevisionModal #revisionSummary .summary-collapse-toggle.open .collapse {
    display: initial;
}

#namedRevisionModal #revision-operation-panel {
    height: 71px;
    min-height: 71px;
    background-color: #f8f8f8;
    padding: 0 15px;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #e7e7e7;
    border-bottom-right-radius: 6px;
}

#namedRevisionModal #namedRevisionForm {
    padding: 10px 15px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #e7e7e7;
    background-color: #fff;
}

#namedRevisionModal #namedRevisionForm h4 {
    font-size: 16px;
    color: #686868;
}

#namedRevisionModal #namedRevisionForm .form-group {
    margin-bottom: 10px;
}

#namedRevisionModal #namedRevisionForm .form-group label {
    margin-right: 15px;
    min-width: 100px;
    padding: 6px 0;
}

#namedRevisionModal .modal-title {
    color: #686868;
    white-space: nowrap;
    width: 0;
    transition: width 250ms;
}

#namedRevisionModal .modal-header button.back {
    display: block;
    opacity: 0;
    position: absolute;
    left: 15px;
    top: 12px;
    font-size: 17px;
    transition: opacity 300ms;
}

#namedRevisionModal .modal-body {
    overflow: hidden;
}

#namedRevisionModal .modal-header {
    text-align: center;
}

#namedRevisionModal .signin-to-connect, #namedRevisionModal .no-connect-github {
    height: 100%;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    color: #686868;
}

#namedRevisionModal .github-status {
    height: 100%;
    padding: 15px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #686868;
}

#namedRevisionModal .github-status a {
    color: #686868;
    cursor: pointer;
}

#namedRevisionModal .github-status a:hover {
    color: #333;
}

#namedRevisionModal .github-status .github-path-container {
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#namedRevisionModal .github-status .github-path-container .github-path {
    max-width: 100%;
    display: inline-block;
    vertical-align: sub;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
}

#namedRevisionModal .github-status a.github-control:hover,
#namedRevisionModal .github-status a.github-control:active,
#namedRevisionModal .github-status a.github-control:focus {
    text-decoration: none;
}

#namedRevisionModal .github-status a.github-control .fa {
    vertical-align: initial;
}

.hmd-text-left {
    text-align: left;
}

.hmd-text-right {
    text-align: right;
}

.hmd-text-center {
    text-align: center;
}

.hmd-text-bold {
    font-weight: bold;
}

.hmd-text-underline {
    text-decoration: underline;
}

.ellipsis-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

a.unset-anchor-style {
    color: unset;
}

a.unset-anchor-style:hover {
    color: unset;
    text-decoration: none;
}

.github-path-container {
    font-size: 16px;
}

.github-path-container .github-path {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}

#githubSyncPullModal .selectize-control {
    width: 100%;
    min-width: 100px;
    font-size: 14px;
    height: 34px;
}

#githubSyncPullModal .selectize-control .selectize-input {
    padding-top: 5px;
    padding-bottom: 5px;
}

#githubSyncPullModal .github-pull-form {
    padding: 0 20px 45px 20px;
    position: relative;
    font-size: 16px;
}

#githubSyncPullModal .github-pull-form .pull-view-indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 12px;
    color: #888;
    padding: 5px 20px;
}

#githubSyncPullModal #github-sync-pull-editor {
    height: 100%;
}

#githubSyncPullModal #github-sync-pull-editor .CodeMirror-merge {
    border-left: 0;
    border-right: 0;
}

#githubSyncPullModal #github-sync-pull-editor .CodeMirror-merge-pane {
    border-bottom: 1px solid #ddd;
}

#githubSyncPullModal #github-sync-pull-editor .CodeMirror-merge-pane .CodeMirror.CodeMirror-wrap {
    height: 100%;
}

#githubSyncPullModal #github-sync-pull-editor .CodeMirror-merge-gap {
    border: 0;
    outline: 1px solid #ddd;
}

#githubSyncPullModal #github-sync-pull-branch-dropdown {
    max-width: 528px;
    width: 100%;
}

#githubSyncPullModal #github-sync-pull-branch-dropdown .dropdown-toggle {
    width: 100%;
}

#githubSyncPullModal #github-sync-pull-branch-dropdown .dropdown-menu {
    width: 100%;
}

#githubSyncPullModal .github-path-container {
    padding: 20px 20px 30px;
}

#githubSyncPullModal .pull-editor-container {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 10px;
}

#githubSyncPullModal .pull-editor-container .ui-spinner {
    position: absolute;
    width: 100%;
    height: 100%;
}

#githubSyncPullModal .github-sync-pull-error {
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    height: calc(100% - 120px);
    z-index: 10;
    background-color: #fff;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.github-sync-modal .github-section-title {
    border-bottom: 2px solid #ccc;
    padding-bottom: 15px;
    margin: 5px 0 30px 0;
}

.github-sync-modal .github-path-container {
    display: none;
}

.github-sync-modal .choose-branch-section {
    display: none;
}

.github-sync-modal[data-github-sync-push=true] .github-path-container {
    display: block;
}

.github-sync-modal[data-github-sync-push=true] .choose-repo-file-section {
    display: none !important;
}

.github-sync-modal[data-github-sync-push=true] .choose-branch-section {
    display: block;
}

.github-sync-modal .create-version-form .form-group {
    color: #686868;
}

.github-sync-modal .create-version-form .form-group .ui-revision-timestamp {
    font-weight: 700;
}

.github-sync-modal .version-list {
    font-size: 16px;
    max-height: 180px;
    overflow: auto;
    margin-bottom: 20px;
    color: #333;
    font-weight: normal;
}

.github-sync-modal .version-list label {
    font-weight: 400;
}

.github-sync-modal .version-list input {
    margin-right: 10px;
}

.github-sync-modal *.active .visibility-on-active {
    visibility: visible;
}

.github-sync-modal * .visibility-on-active {
    visibility: hidden;
}

.github-sync-modal .ui-github-sync-button.disabled {
    pointer-events: none;
}

.github-sync-modal .github-sync-button-container {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
}

.site-ui-font {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.btn-social {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.btn-google {
    background-color: #fff;
    color: #757575;
}

.btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google.active,
.open>.dropdown-toggle.btn-google {
    background-color: #eee;
    color: #757575;
}

.btn-google.disabled, .btn-google[disabled], fieldset[disabled] .btn-google,
.btn-google.disabled:hover, .btn-google[disabled]:hover,
fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus,
.btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus,
.btn-google.disabled:active, .btn-google[disabled]:active,
fieldset[disabled] .btn-google:active, .btn-google.disabled.active,
btn-google[disabled].active, fieldset[disabled] .btn-google.active {
    background-color: rgba(0, 0, 0, .08);
}

.btn-google .icon::before {
    content: " ";
    display: block;
    width: 34px;
    height: 2em;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-google .icon-google::before {
    width: 21px;
    height: 44px;
    background-image: url(/build/5ad53eff23ff8214c783.svg);
}

.btn-google .disabled .icon-google::before,
.btn-google [disabled] .icon-google::before {
    background-image: url(/build/a0eb1459e71a376d4798.svg);
}

.fa.fa-18 {
    font-size: 18px;
    line-height: 16px;
    vertical-align: -15%;
}

.fa.fa-20 {
    font-size: 20px;
    line-height: .75em;
    vertical-align: -15%;
}

.fa.dotted {
    position: relative;
}

.fa.dotted::after {
    content: "";
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #e75252;
}

.dropdown-menu {
    padding: 10px 0;
    min-width: 150px;
}

.dropdown-menu .divider {
    margin: 10px 0;
}

.nav-tabs {
    display: flex;
    border: none;
}

.nav-tabs>li {
    flex: 1;
    text-align: center;
}

.nav-tabs>li>a {
    border-color: #ccc;
    border-width: 0 0 2px 0;
    color: #888;
    margin: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #333;
    border-width: 0 0 2px 0;
    border-color: #686868;
    margin: 0;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
    border-color: #686868;
    color: #333;
}

.modal-header {
    background-color: #f8f8f8;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 8px 15px;
}

.modal-header .close {
    margin-top: -1px;
    font-size: 26px;
    color: #686868;
}

.modal-footer {
    border-top: none;
}

.modal-body {
    overflow: auto;
    word-break: break-word;
    max-height: calc(100vh - 70px);
}

.modal-lang-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-side-menu-block {
    margin-bottom: 30px;
    font-size: 16px;
}

.modal-side-menu-block h4 {
    color: #686868;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.modal-side-menu-block p {
    margin-bottom: 10px;
}

.modal-side-menu-block p:last-child {
    margin-bottom: 0;
}

.modal-lang-menu-item i {
    display: none;
}

.modal-lang-menu-item.active i {
    display: inline-block;
}

.modal-vertical-divider {
    position: absolute;
    left: 0;
    top: -15px;
    height: calc(100% + 30px);
    width: 1px;
    background-color: #e7e7e7;
}

.markdown-example-table-head th {
    color: #686868;
    font-size: 16px;
    border-bottom: 0 !important;
}

.markdown-example-table-body td {
    vertical-align: middle !important;
}

.markdown-example-table-body td a {
    text-decoration: underline;
}

.markdown-example-table-body .example-syntax {
    font-family: "Source Code Pro", Consolas, monaco, monospace;
    letter-spacing: .025em;
    line-height: 1.25;
    font-size: 12px;
    color: #868686;
    padding: 12px 5px;
}

.markdown-example-table-body .example-present {
    font-style: 14px;
    padding: 8px 5px;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.tabs .tab-item {
    margin-right: 30px;
    margin-bottom: 14px;
    color: #686868;
    transition: .3s;
    font-size: 16px;
}

.tabs .tab-item.active {
    color: #333;
}

.tabs .tab-slider-rail {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #ccc;
}

.tabs .tab-slider {
    position: absolute;
    left: 0;
    height: 2px;
    background-color: #686868;
    transition: .3s;
}

.hmd-flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.hmd-flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.hmd-flex-one {
    flex: 1;
}

.hmd-flex-two {
    flex: 2;
}

.hmd-flex-none {
    flex: none;
}

.hmd-flex-column {
    flex-direction: column;
}

.hmd-flex-row {
    flex-direction: row;
}

.hmd-flex-wrap {
    flex-wrap: wrap;
}

.hmd-flex-nowrap {
    flex-wrap: nowrap;
}

.hmd-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.hmd-flex-column-reverse {
    flex-direction: column-reverse;
}

.hmd-flex-row-reverse {
    flex-direction: row-reverse;
}

.hmd-items-start {
    align-items: flex-start;
}

.hmd-items-end {
    align-items: flex-end;
}

.hmd-items-center {
    align-items: center;
}

.hmd-items-baseline {
    align-items: baseline;
}

.hmd-items-stretch {
    align-items: stretch;
}

.hmd-self-start {
    align-self: flex-start;
}

.hmd-self-end {
    align-self: flex-end;
}

.hmd-self-center {
    align-self: center;
}

.hmd-self-baseline {
    align-self: baseline;
}

.hmd-self-stretch {
    align-self: stretch;
}

.hmd-justify-start {
    justify-content: flex-start;
}

.hmd-justify-end {
    justify-content: flex-end;
}

.hmd-justify-center {
    justify-content: center;
}

.hmd-justify-between {
    justify-content: space-between;
}

.hmd-justify-around {
    justify-content: space-around;
}

.hmd-content-start {
    align-content: flex-start;
}

.hmd-content-end {
    align-content: flex-end;
}

.hmd-content-center {
    align-content: center;
}

.hmd-content-between {
    align-content: space-between;
}

.hmd-content-around {
    align-content: space-around;
}

.hmd-content-stretch {
    align-content: stretch;
}

.hmd-order-0 {
    order: 0;
}

.hmd-order-1 {
    order: 1;
}

.hmd-order-2 {
    order: 2;
}

.hmd-order-3 {
    order: 3;
}

.hmd-order-4 {
    order: 4;
}

.hmd-order-5 {
    order: 5;
}

.hmd-order-6 {
    order: 6;
}

.hmd-order-7 {
    order: 7;
}

.hmd-order-8 {
    order: 8;
}

.hmd-order-last {
    order: 99999;
}

.hmd-flex-grow-0 {
    flex-grow: 0;
}

.hmd-flex-grow-1 {
    flex-grow: 1;
}

.hmd-flex-shrink-0 {
    flex-shrink: 0;
}

.hmd-flex-shrink-1 {
    flex-shrink: 1;
}

.hmd-dn {
    display: none;
}

.hmd-di {
    display: inline;
}

.hmd-db {
    display: block;
}

.hmd-dib {
    display: inline-block;
}

.hmd-dit {
    display: inline-table;
}

.hmd-dt {
    display: table;
}

.hmd-dtc {
    display: table-cell;
}

.hmd-dt-row {
    display: table-row;
}

.hmd-dt-row-group {
    display: table-row-group;
}

.hmd-dt-column {
    display: table-column;
}

.hmd-dt-column-group {
    display: table-column-group;
}

.hmd-dns {
    display: unset;
}

.hmd-dni {
    display: none !important;
}

.hmd-vv {
    visibility: visible;
}

.hmd-vh {
    visibility: hidden;
}

.hmd-pa-0 {
    padding: 0;
}

.hmd-pv-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.hmd-ph-0 {
    padding-left: 0;
    padding-right: 0;
}

.hmd-pt-0 {
    padding-top: 0;
}

.hmd-pr-0 {
    padding-right: 0;
}

.hmd-pb-0 {
    padding-bottom: 0;
}

.hmd-pl-0 {
    padding-left: 0;
}

.hmd-pa-1\/10 {
    padding: 1px;
}

.hmd-pv-1\/10 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.hmd-ph-1\/10 {
    padding-left: 1px;
    padding-right: 1px;
}

.hmd-pt-1\/10 {
    padding-top: 1px;
}

.hmd-pr-1\/10 {
    padding-right: 1px;
}

.hmd-pb-1\/10 {
    padding-bottom: 1px;
}

.hmd-pl-1\/10 {
    padding-left: 1px;
}

.hmd-pa-1\/5 {
    padding: 2px;
}

.hmd-pv-1\/5 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.hmd-ph-1\/5 {
    padding-left: 2px;
    padding-right: 2px;
}

.hmd-pt-1\/5 {
    padding-top: 2px;
}

.hmd-pr-1\/5 {
    padding-right: 2px;
}

.hmd-pb-1\/5 {
    padding-bottom: 2px;
}

.hmd-pl-1\/5 {
    padding-left: 2px;
}

.hmd-pa-1\/4 {
    padding: .25rem;
}

.hmd-pv-1\/4 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.hmd-ph-1\/4 {
    padding-left: .25rem;
    padding-right: .25rem;
}

.hmd-pt-1\/4 {
    padding-top: .25rem;
}

.hmd-pr-1\/4 {
    padding-right: .25rem;
}

.hmd-pb-1\/4 {
    padding-bottom: .25rem;
}

.hmd-pl-1\/4 {
    padding-left: .25rem;
}

.hmd-pa-3\/4 {
    padding: .75rem;
}

.hmd-pv-3\/4 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.hmd-ph-3\/4 {
    padding-left: .75rem;
    padding-right: .75rem;
}

.hmd-pt-3\/4 {
    padding-top: .75rem;
}

.hmd-pr-3\/4 {
    padding-right: .75rem;
}

.hmd-pb-3\/4 {
    padding-bottom: .75rem;
}

.hmd-pl-3\/4 {
    padding-left: .75rem;
}

.hmd-pa-1\/8 {
    padding: .125rem;
}

.hmd-pv-1\/8 {
    padding-top: .125rem;
    padding-bottom: .125rem;
}

.hmd-ph-1\/8 {
    padding-left: .125rem;
    padding-right: .125rem;
}

.hmd-pt-1\/8 {
    padding-top: .125rem;
}

.hmd-pr-1\/8 {
    padding-right: .125rem;
}

.hmd-pb-1\/8 {
    padding-bottom: .125rem;
}

.hmd-pl-1\/8 {
    padding-left: .125rem;
}

.hmd-pa-1\/2 {
    padding: 5px;
}

.hmd-pv-1\/2 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.hmd-ph-1\/2 {
    padding-left: 5px;
    padding-right: 5px;
}

.hmd-pt-1\/2 {
    padding-top: 5px;
}

.hmd-pr-1\/2 {
    padding-right: 5px;
}

.hmd-pb-1\/2 {
    padding-bottom: 5px;
}

.hmd-pl-1\/2 {
    padding-left: 5px;
}

.hmd-pa-1 {
    padding: 10px;
}

.hmd-pv-1 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.hmd-ph-1 {
    padding-left: 10px;
    padding-right: 10px;
}

.hmd-pt-1 {
    padding-top: 10px;
}

.hmd-pr-1 {
    padding-right: 10px;
}

.hmd-pb-1 {
    padding-bottom: 10px;
}

.hmd-pl-1 {
    padding-left: 10px;
}

.hmd-pa-3\/2 {
    padding: 15px;
}

.hmd-pv-3\/2 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.hmd-ph-3\/2 {
    padding-left: 15px;
    padding-right: 15px;
}

.hmd-pt-3\/2 {
    padding-top: 15px;
}

.hmd-pr-3\/2 {
    padding-right: 15px;
}

.hmd-pb-3\/2 {
    padding-bottom: 15px;
}

.hmd-pl-3\/2 {
    padding-left: 15px;
}

.hmd-pa-2 {
    padding: 20px;
}

.hmd-pv-2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.hmd-ph-2 {
    padding-left: 20px;
    padding-right: 20px;
}

.hmd-pt-2 {
    padding-top: 20px;
}

.hmd-pr-2 {
    padding-right: 20px;
}

.hmd-pb-2 {
    padding-bottom: 20px;
}

.hmd-pl-2 {
    padding-left: 20px;
}

.hmd-pa-25 {
    padding: 25px;
}

.hmd-pv-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.hmd-ph-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.hmd-pt-25 {
    padding-top: 25px;
}

.hmd-pr-25 {
    padding-right: 25px;
}

.hmd-pb-25 {
    padding-bottom: 25px;
}

.hmd-pl-25 {
    padding-left: 25px;
}

.hmd-pa-3 {
    padding: 30px;
}

.hmd-pv-3 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.hmd-ph-3 {
    padding-left: 30px;
    padding-right: 30px;
}

.hmd-pt-3 {
    padding-top: 30px;
}

.hmd-pr-3 {
    padding-right: 30px;
}

.hmd-pb-3 {
    padding-bottom: 30px;
}

.hmd-pl-3 {
    padding-left: 30px;
}

.hmd-pa-35 {
    padding: 35px;
}

.hmd-pv-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.hmd-ph-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.hmd-pt-35 {
    padding-top: 35px;
}

.hmd-pr-35 {
    padding-right: 35px;
}

.hmd-pb-35 {
    padding-bottom: 35px;
}

.hmd-pl-35 {
    padding-left: 35px;
}

.hmd-pa-4 {
    padding: 40px;
}

.hmd-pv-4 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.hmd-ph-4 {
    padding-left: 40px;
    padding-right: 40px;
}

.hmd-pt-4 {
    padding-top: 40px;
}

.hmd-pr-4 {
    padding-right: 40px;
}

.hmd-pb-4 {
    padding-bottom: 40px;
}

.hmd-pl-4 {
    padding-left: 40px;
}

.hmd-pa-5 {
    padding: 50px;
}

.hmd-pv-5 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.hmd-ph-5 {
    padding-left: 50px;
    padding-right: 50px;
}

.hmd-pt-5 {
    padding-top: 50px;
}

.hmd-pr-5 {
    padding-right: 50px;
}

.hmd-pb-5 {
    padding-bottom: 50px;
}

.hmd-pl-5 {
    padding-left: 50px;
}

.hmd-pa-55 {
    padding: 55px;
}

.hmd-pv-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.hmd-ph-55 {
    padding-left: 55px;
    padding-right: 55px;
}

.hmd-pt-55 {
    padding-top: 55px;
}

.hmd-pr-55 {
    padding-right: 55px;
}

.hmd-pb-55 {
    padding-bottom: 55px;
}

.hmd-pl-55 {
    padding-left: 55px;
}

.hmd-pa-6 {
    padding: 60px;
}

.hmd-pv-6 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.hmd-ph-6 {
    padding-left: 60px;
    padding-right: 60px;
}

.hmd-pt-6 {
    padding-top: 60px;
}

.hmd-pr-6 {
    padding-right: 60px;
}

.hmd-pb-6 {
    padding-bottom: 60px;
}

.hmd-pl-6 {
    padding-left: 60px;
}

.hmd-pa-7 {
    padding: 70px;
}

.hmd-pv-7 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.hmd-ph-7 {
    padding-left: 70px;
    padding-right: 70px;
}

.hmd-pt-7 {
    padding-top: 70px;
}

.hmd-pr-7 {
    padding-right: 70px;
}

.hmd-pb-7 {
    padding-bottom: 70px;
}

.hmd-pl-7 {
    padding-left: 70px;
}

.hmd-pa-8 {
    padding: 80px;
}

.hmd-pv-8 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.hmd-ph-8 {
    padding-left: 80px;
    padding-right: 80px;
}

.hmd-pt-8 {
    padding-top: 80px;
}

.hmd-pr-8 {
    padding-right: 80px;
}

.hmd-pb-8 {
    padding-bottom: 80px;
}

.hmd-pl-8 {
    padding-left: 80px;
}

.hmd-pa-10 {
    padding: 100px;
}

.hmd-pv-10 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.hmd-ph-10 {
    padding-left: 100px;
    padding-right: 100px;
}

.hmd-pt-10 {
    padding-top: 100px;
}

.hmd-pr-10 {
    padding-right: 100px;
}

.hmd-pb-10 {
    padding-bottom: 100px;
}

.hmd-pl-10 {
    padding-left: 100px;
}

.hmd-pa-12 {
    padding: 120px;
}

.hmd-pv-12 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.hmd-ph-12 {
    padding-left: 120px;
    padding-right: 120px;
}

.hmd-pt-12 {
    padding-top: 120px;
}

.hmd-pr-12 {
    padding-right: 120px;
}

.hmd-pb-12 {
    padding-bottom: 120px;
}

.hmd-pl-12 {
    padding-left: 120px;
}

.hmd-pa-14 {
    padding: 140px;
}

.hmd-pv-14 {
    padding-top: 140px;
    padding-bottom: 140px;
}

.hmd-ph-14 {
    padding-left: 140px;
    padding-right: 140px;
}

.hmd-pt-14 {
    padding-top: 140px;
}

.hmd-pr-14 {
    padding-right: 140px;
}

.hmd-pb-14 {
    padding-bottom: 140px;
}

.hmd-pl-14 {
    padding-left: 140px;
}

.hmd-pa-16 {
    padding: 160px;
}

.hmd-pv-16 {
    padding-top: 160px;
    padding-bottom: 160px;
}

.hmd-ph-16 {
    padding-left: 160px;
    padding-right: 160px;
}

.hmd-pt-16 {
    padding-top: 160px;
}

.hmd-pr-16 {
    padding-right: 160px;
}

.hmd-pb-16 {
    padding-bottom: 160px;
}

.hmd-pl-16 {
    padding-left: 160px;
}

.hmd-pa-auto {
    padding: auto;
}

.hmd-pv-auto {
    padding-top: auto;
    padding-bottom: auto;
}

.hmd-ph-auto {
    padding-left: auto;
    padding-right: auto;
}

.hmd-pt-auto {
    padding-top: auto;
}

.hmd-pr-auto {
    padding-right: auto;
}

.hmd-pb-auto {
    padding-bottom: auto;
}

.hmd-pl-auto {
    padding-left: auto;
}

.hmd-ma-0 {
    margin: 0;
}

.hmd-mv-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.hmd-mh-0 {
    margin-left: 0;
    margin-right: 0;
}

.hmd-mt-0 {
    margin-top: 0;
}

.hmd-mr-0 {
    margin-right: 0;
}

.hmd-mb-0 {
    margin-bottom: 0;
}

.hmd-ml-0 {
    margin-left: 0;
}

.hmd-nt-0 {
    margin-top: -0;
}

.hmd-nr-0 {
    margin-right: -0;
}

.hmd-nb-0 {
    margin-bottom: -0;
}

.hmd-nl-0 {
    margin-left: -0;
}

.hmd-ma-1\/10 {
    margin: 1px;
}

.hmd-mv-1\/10 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.hmd-mh-1\/10 {
    margin-left: 1px;
    margin-right: 1px;
}

.hmd-mt-1\/10 {
    margin-top: 1px;
}

.hmd-mr-1\/10 {
    margin-right: 1px;
}

.hmd-mb-1\/10 {
    margin-bottom: 1px;
}

.hmd-ml-1\/10 {
    margin-left: 1px;
}

.hmd-nt-1\/10 {
    margin-top: -1px;
}

.hmd-nr-1\/10 {
    margin-right: -1px;
}

.hmd-nb-1\/10 {
    margin-bottom: -1px;
}

.hmd-nl-1\/10 {
    margin-left: -1px;
}

.hmd-ma-1\/5 {
    margin: 2px;
}

.hmd-mv-1\/5 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.hmd-mh-1\/5 {
    margin-left: 2px;
    margin-right: 2px;
}

.hmd-mt-1\/5 {
    margin-top: 2px;
}

.hmd-mr-1\/5 {
    margin-right: 2px;
}

.hmd-mb-1\/5 {
    margin-bottom: 2px;
}

.hmd-ml-1\/5 {
    margin-left: 2px;
}

.hmd-nt-1\/5 {
    margin-top: -2px;
}

.hmd-nr-1\/5 {
    margin-right: -2px;
}

.hmd-nb-1\/5 {
    margin-bottom: -2px;
}

.hmd-nl-1\/5 {
    margin-left: -2px;
}

.hmd-ma-1\/4 {
    margin: .25rem;
}

.hmd-mv-1\/4 {
    margin-top: .25rem;
    margin-bottom: .25rem;
}

.hmd-mh-1\/4 {
    margin-left: .25rem;
    margin-right: .25rem;
}

.hmd-mt-1\/4 {
    margin-top: .25rem;
}

.hmd-mr-1\/4 {
    margin-right: .25rem;
}

.hmd-mb-1\/4 {
    margin-bottom: .25rem;
}

.hmd-ml-1\/4 {
    margin-left: .25rem;
}

.hmd-nt-1\/4 {
    margin-top: -0.25rem;
}

.hmd-nr-1\/4 {
    margin-right: -0.25rem;
}

.hmd-nb-1\/4 {
    margin-bottom: -0.25rem;
}

.hmd-nl-1\/4 {
    margin-left: -0.25rem;
}

.hmd-ma-3\/4 {
    margin: .75rem;
}

.hmd-mv-3\/4 {
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.hmd-mh-3\/4 {
    margin-left: .75rem;
    margin-right: .75rem;
}

.hmd-mt-3\/4 {
    margin-top: .75rem;
}

.hmd-mr-3\/4 {
    margin-right: .75rem;
}

.hmd-mb-3\/4 {
    margin-bottom: .75rem;
}

.hmd-ml-3\/4 {
    margin-left: .75rem;
}

.hmd-nt-3\/4 {
    margin-top: -0.75rem;
}

.hmd-nr-3\/4 {
    margin-right: -0.75rem;
}

.hmd-nb-3\/4 {
    margin-bottom: -0.75rem;
}

.hmd-nl-3\/4 {
    margin-left: -0.75rem;
}

.hmd-ma-1\/8 {
    margin: .125rem;
}

.hmd-mv-1\/8 {
    margin-top: .125rem;
    margin-bottom: .125rem;
}

.hmd-mh-1\/8 {
    margin-left: .125rem;
    margin-right: .125rem;
}

.hmd-mt-1\/8 {
    margin-top: .125rem;
}

.hmd-mr-1\/8 {
    margin-right: .125rem;
}

.hmd-mb-1\/8 {
    margin-bottom: .125rem;
}

.hmd-ml-1\/8 {
    margin-left: .125rem;
}

.hmd-nt-1\/8 {
    margin-top: -0.125rem;
}

.hmd-nr-1\/8 {
    margin-right: -0.125rem;
}

.hmd-nb-1\/8 {
    margin-bottom: -0.125rem;
}

.hmd-nl-1\/8 {
    margin-left: -0.125rem;
}

.hmd-ma-1\/2 {
    margin: 5px;
}

.hmd-mv-1\/2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.hmd-mh-1\/2 {
    margin-left: 5px;
    margin-right: 5px;
}

.hmd-mt-1\/2 {
    margin-top: 5px;
}

.hmd-mr-1\/2 {
    margin-right: 5px;
}

.hmd-mb-1\/2 {
    margin-bottom: 5px;
}

.hmd-ml-1\/2 {
    margin-left: 5px;
}

.hmd-nt-1\/2 {
    margin-top: -5px;
}

.hmd-nr-1\/2 {
    margin-right: -5px;
}

.hmd-nb-1\/2 {
    margin-bottom: -5px;
}

.hmd-nl-1\/2 {
    margin-left: -5px;
}

.hmd-ma-1 {
    margin: 10px;
}

.hmd-mv-1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.hmd-mh-1 {
    margin-left: 10px;
    margin-right: 10px;
}

.hmd-mt-1 {
    margin-top: 10px;
}

.hmd-mr-1 {
    margin-right: 10px;
}

.hmd-mb-1 {
    margin-bottom: 10px;
}

.hmd-ml-1 {
    margin-left: 10px;
}

.hmd-nt-1 {
    margin-top: -10px;
}

.hmd-nr-1 {
    margin-right: -10px;
}

.hmd-nb-1 {
    margin-bottom: -10px;
}

.hmd-nl-1 {
    margin-left: -10px;
}

.hmd-ma-3\/2 {
    margin: 15px;
}

.hmd-mv-3\/2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.hmd-mh-3\/2 {
    margin-left: 15px;
    margin-right: 15px;
}

.hmd-mt-3\/2 {
    margin-top: 15px;
}

.hmd-mr-3\/2 {
    margin-right: 15px;
}

.hmd-mb-3\/2 {
    margin-bottom: 15px;
}

.hmd-ml-3\/2 {
    margin-left: 15px;
}

.hmd-nt-3\/2 {
    margin-top: -15px;
}

.hmd-nr-3\/2 {
    margin-right: -15px;
}

.hmd-nb-3\/2 {
    margin-bottom: -15px;
}

.hmd-nl-3\/2 {
    margin-left: -15px;
}

.hmd-ma-2 {
    margin: 20px;
}

.hmd-mv-2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.hmd-mh-2 {
    margin-left: 20px;
    margin-right: 20px;
}

.hmd-mt-2 {
    margin-top: 20px;
}

.hmd-mr-2 {
    margin-right: 20px;
}

.hmd-mb-2 {
    margin-bottom: 20px;
}

.hmd-ml-2 {
    margin-left: 20px;
}

.hmd-nt-2 {
    margin-top: -20px;
}

.hmd-nr-2 {
    margin-right: -20px;
}

.hmd-nb-2 {
    margin-bottom: -20px;
}

.hmd-nl-2 {
    margin-left: -20px;
}

.hmd-ma-25 {
    margin: 25px;
}

.hmd-mv-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.hmd-mh-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.hmd-mt-25 {
    margin-top: 25px;
}

.hmd-mr-25 {
    margin-right: 25px;
}

.hmd-mb-25 {
    margin-bottom: 25px;
}

.hmd-ml-25 {
    margin-left: 25px;
}

.hmd-nt-25 {
    margin-top: -25px;
}

.hmd-nr-25 {
    margin-right: -25px;
}

.hmd-nb-25 {
    margin-bottom: -25px;
}

.hmd-nl-25 {
    margin-left: -25px;
}

.hmd-ma-3 {
    margin: 30px;
}

.hmd-mv-3 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.hmd-mh-3 {
    margin-left: 30px;
    margin-right: 30px;
}

.hmd-mt-3 {
    margin-top: 30px;
}

.hmd-mr-3 {
    margin-right: 30px;
}

.hmd-mb-3 {
    margin-bottom: 30px;
}

.hmd-ml-3 {
    margin-left: 30px;
}

.hmd-nt-3 {
    margin-top: -30px;
}

.hmd-nr-3 {
    margin-right: -30px;
}

.hmd-nb-3 {
    margin-bottom: -30px;
}

.hmd-nl-3 {
    margin-left: -30px;
}

.hmd-ma-35 {
    margin: 35px;
}

.hmd-mv-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.hmd-mh-35 {
    margin-left: 35px;
    margin-right: 35px;
}

.hmd-mt-35 {
    margin-top: 35px;
}

.hmd-mr-35 {
    margin-right: 35px;
}

.hmd-mb-35 {
    margin-bottom: 35px;
}

.hmd-ml-35 {
    margin-left: 35px;
}

.hmd-nt-35 {
    margin-top: -35px;
}

.hmd-nr-35 {
    margin-right: -35px;
}

.hmd-nb-35 {
    margin-bottom: -35px;
}

.hmd-nl-35 {
    margin-left: -35px;
}

.hmd-ma-4 {
    margin: 40px;
}

.hmd-mv-4 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.hmd-mh-4 {
    margin-left: 40px;
    margin-right: 40px;
}

.hmd-mt-4 {
    margin-top: 40px;
}

.hmd-mr-4 {
    margin-right: 40px;
}

.hmd-mb-4 {
    margin-bottom: 40px;
}

.hmd-ml-4 {
    margin-left: 40px;
}

.hmd-nt-4 {
    margin-top: -40px;
}

.hmd-nr-4 {
    margin-right: -40px;
}

.hmd-nb-4 {
    margin-bottom: -40px;
}

.hmd-nl-4 {
    margin-left: -40px;
}

.hmd-ma-5 {
    margin: 50px;
}

.hmd-mv-5 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.hmd-mh-5 {
    margin-left: 50px;
    margin-right: 50px;
}

.hmd-mt-5 {
    margin-top: 50px;
}

.hmd-mr-5 {
    margin-right: 50px;
}

.hmd-mb-5 {
    margin-bottom: 50px;
}

.hmd-ml-5 {
    margin-left: 50px;
}

.hmd-nt-5 {
    margin-top: -50px;
}

.hmd-nr-5 {
    margin-right: -50px;
}

.hmd-nb-5 {
    margin-bottom: -50px;
}

.hmd-nl-5 {
    margin-left: -50px;
}

.hmd-ma-55 {
    margin: 55px;
}

.hmd-mv-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.hmd-mh-55 {
    margin-left: 55px;
    margin-right: 55px;
}

.hmd-mt-55 {
    margin-top: 55px;
}

.hmd-mr-55 {
    margin-right: 55px;
}

.hmd-mb-55 {
    margin-bottom: 55px;
}

.hmd-ml-55 {
    margin-left: 55px;
}

.hmd-nt-55 {
    margin-top: -55px;
}

.hmd-nr-55 {
    margin-right: -55px;
}

.hmd-nb-55 {
    margin-bottom: -55px;
}

.hmd-nl-55 {
    margin-left: -55px;
}

.hmd-ma-6 {
    margin: 60px;
}

.hmd-mv-6 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.hmd-mh-6 {
    margin-left: 60px;
    margin-right: 60px;
}

.hmd-mt-6 {
    margin-top: 60px;
}

.hmd-mr-6 {
    margin-right: 60px;
}

.hmd-mb-6 {
    margin-bottom: 60px;
}

.hmd-ml-6 {
    margin-left: 60px;
}

.hmd-nt-6 {
    margin-top: -60px;
}

.hmd-nr-6 {
    margin-right: -60px;
}

.hmd-nb-6 {
    margin-bottom: -60px;
}

.hmd-nl-6 {
    margin-left: -60px;
}

.hmd-ma-7 {
    margin: 70px;
}

.hmd-mv-7 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.hmd-mh-7 {
    margin-left: 70px;
    margin-right: 70px;
}

.hmd-mt-7 {
    margin-top: 70px;
}

.hmd-mr-7 {
    margin-right: 70px;
}

.hmd-mb-7 {
    margin-bottom: 70px;
}

.hmd-ml-7 {
    margin-left: 70px;
}

.hmd-nt-7 {
    margin-top: -70px;
}

.hmd-nr-7 {
    margin-right: -70px;
}

.hmd-nb-7 {
    margin-bottom: -70px;
}

.hmd-nl-7 {
    margin-left: -70px;
}

.hmd-ma-8 {
    margin: 80px;
}

.hmd-mv-8 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.hmd-mh-8 {
    margin-left: 80px;
    margin-right: 80px;
}

.hmd-mt-8 {
    margin-top: 80px;
}

.hmd-mr-8 {
    margin-right: 80px;
}

.hmd-mb-8 {
    margin-bottom: 80px;
}

.hmd-ml-8 {
    margin-left: 80px;
}

.hmd-nt-8 {
    margin-top: -80px;
}

.hmd-nr-8 {
    margin-right: -80px;
}

.hmd-nb-8 {
    margin-bottom: -80px;
}

.hmd-nl-8 {
    margin-left: -80px;
}

.hmd-ma-10 {
    margin: 100px;
}

.hmd-mv-10 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.hmd-mh-10 {
    margin-left: 100px;
    margin-right: 100px;
}

.hmd-mt-10 {
    margin-top: 100px;
}

.hmd-mr-10 {
    margin-right: 100px;
}

.hmd-mb-10 {
    margin-bottom: 100px;
}

.hmd-ml-10 {
    margin-left: 100px;
}

.hmd-nt-10 {
    margin-top: -100px;
}

.hmd-nr-10 {
    margin-right: -100px;
}

.hmd-nb-10 {
    margin-bottom: -100px;
}

.hmd-nl-10 {
    margin-left: -100px;
}

.hmd-ma-12 {
    margin: 120px;
}

.hmd-mv-12 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.hmd-mh-12 {
    margin-left: 120px;
    margin-right: 120px;
}

.hmd-mt-12 {
    margin-top: 120px;
}

.hmd-mr-12 {
    margin-right: 120px;
}

.hmd-mb-12 {
    margin-bottom: 120px;
}

.hmd-ml-12 {
    margin-left: 120px;
}

.hmd-nt-12 {
    margin-top: -120px;
}

.hmd-nr-12 {
    margin-right: -120px;
}

.hmd-nb-12 {
    margin-bottom: -120px;
}

.hmd-nl-12 {
    margin-left: -120px;
}

.hmd-ma-14 {
    margin: 140px;
}

.hmd-mv-14 {
    margin-top: 140px;
    margin-bottom: 140px;
}

.hmd-mh-14 {
    margin-left: 140px;
    margin-right: 140px;
}

.hmd-mt-14 {
    margin-top: 140px;
}

.hmd-mr-14 {
    margin-right: 140px;
}

.hmd-mb-14 {
    margin-bottom: 140px;
}

.hmd-ml-14 {
    margin-left: 140px;
}

.hmd-nt-14 {
    margin-top: -140px;
}

.hmd-nr-14 {
    margin-right: -140px;
}

.hmd-nb-14 {
    margin-bottom: -140px;
}

.hmd-nl-14 {
    margin-left: -140px;
}

.hmd-ma-16 {
    margin: 160px;
}

.hmd-mv-16 {
    margin-top: 160px;
    margin-bottom: 160px;
}

.hmd-mh-16 {
    margin-left: 160px;
    margin-right: 160px;
}

.hmd-mt-16 {
    margin-top: 160px;
}

.hmd-mr-16 {
    margin-right: 160px;
}

.hmd-mb-16 {
    margin-bottom: 160px;
}

.hmd-ml-16 {
    margin-left: 160px;
}

.hmd-nt-16 {
    margin-top: -160px;
}

.hmd-nr-16 {
    margin-right: -160px;
}

.hmd-nb-16 {
    margin-bottom: -160px;
}

.hmd-nl-16 {
    margin-left: -160px;
}

.hmd-ma-auto {
    margin: auto;
}

.hmd-mv-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.hmd-mh-auto {
    margin-left: auto;
    margin-right: auto;
}

.hmd-mt-auto {
    margin-top: auto;
}

.hmd-mr-auto {
    margin-right: auto;
}

.hmd-mb-auto {
    margin-bottom: auto;
}

.hmd-ml-auto {
    margin-left: auto;
}

.hmd-nt-auto {
    margin-top: -auto;
}

.hmd-nr-auto {
    margin-right: -auto;
}

.hmd-nb-auto {
    margin-bottom: -auto;
}

.hmd-nl-auto {
    margin-left: -auto;
}

.hmd-mh-auto- {
    margin: 0 auto;
}

.hmd-text-gray-darkest {
    color: #262626;
}

.hmd-bg-gray-darkest {
    background: #262626;
}

.hmd-text-gray-dark {
    color: #4f4f4f;
}

.hmd-bg-gray-dark {
    background: #4f4f4f;
}

.hmd-text-gray {
    color: #686868;
}

.hmd-bg-gray {
    background: #686868;
}

.hmd-text-gray-light {
    color: #888;
}

.hmd-bg-gray-light {
    background: #888;
}

.hmd-text-gray-lighter {
    color: #8f8f8f;
}

.hmd-bg-gray-lighter {
    background: #8f8f8f;
}

.hmd-text-gray-lighter-2 {
    color: #bebebe;
}

.hmd-bg-gray-lighter-2 {
    background: #bebebe;
}

.hmd-text-gray-lighter-3 {
    color: #888;
}

.hmd-bg-gray-lighter-3 {
    background: #888;
}

.hmd-text-gray-lighter-4 {
    color: #f8f8f8;
}

.hmd-bg-gray-lighter-4 {
    background: #f8f8f8;
}

.hmd-text-gray-lightest {
    color: #cdcdcd;
}

.hmd-bg-gray-lightest {
    background: #cdcdcd;
}

.hmd-text-gray-transparent {
    color: rgba(255, 255, 255, .3);
}

.hmd-bg-gray-transparent {
    background: rgba(255, 255, 255, .3);
}

.hmd-text-blue {
    color: #337ab7;
}

.hmd-bg-blue {
    background: #337ab7;
}

.hmd-text-blue-dark {
    color: #66b5f0;
}

.hmd-bg-blue-dark {
    background: #66b5f0;
}

.hmd-text-red {
    color: #ea4335;
}

.hmd-bg-red {
    background: #ea4335;
}

.hmd-text-red-dark {
    color: #ff6363;
}

.hmd-bg-red-dark {
    background: #ff6363;
}

.hmd-text-black-brand {
    color: #333;
}

.hmd-bg-black-brand {
    background: #333;
}

.hmd-text-white {
    color: #fff;
}

.hmd-bg-white {
    background: #fff;
}

.hmd-op-0 {
    opacity: 0%;
}

.hmd-op-1 {
    opacity: 10%;
}

.hmd-op-2 {
    opacity: 20%;
}

.hmd-op-3 {
    opacity: 30%;
}

.hmd-op-4 {
    opacity: 40%;
}

.hmd-op-5 {
    opacity: 50%;
}

.hmd-op-6 {
    opacity: 60%;
}

.hmd-op-7 {
    opacity: 70%;
}

.hmd-op-8 {
    opacity: 80%;
}

.hmd-op-9 {
    opacity: 90%;
}

.hmd-op-10 {
    opacity: 100%;
}

.hmd-w-1 {
    width: 10px;
}

.hmd-mw-1 {
    max-width: 10px;
}

.hmd-nw-1 {
    min-width: 10px;
}

.hmd-w-2 {
    width: 20px;
}

.hmd-mw-2 {
    max-width: 20px;
}

.hmd-nw-2 {
    min-width: 20px;
}

.hmd-w-3 {
    width: 30px;
}

.hmd-mw-3 {
    max-width: 30px;
}

.hmd-nw-3 {
    min-width: 30px;
}

.hmd-w-4 {
    width: 40px;
}

.hmd-mw-4 {
    max-width: 40px;
}

.hmd-nw-4 {
    min-width: 40px;
}

.hmd-w-8 {
    width: 80px;
}

.hmd-mw-8 {
    max-width: 80px;
}

.hmd-nw-8 {
    min-width: 80px;
}

.hmd-w-16 {
    width: 160px;
}

.hmd-mw-16 {
    max-width: 160px;
}

.hmd-nw-16 {
    min-width: 160px;
}

.hmd-w-18 {
    width: 180px;
}

.hmd-mw-18 {
    max-width: 180px;
}

.hmd-nw-18 {
    min-width: 180px;
}

.hmd-w-30 {
    width: 300px;
}

.hmd-mw-30 {
    max-width: 300px;
}

.hmd-nw-30 {
    min-width: 300px;
}

.hmd-w-110 {
    width: 1110px;
}

.hmd-mw-110 {
    max-width: 1110px;
}

.hmd-nw-110 {
    min-width: 1110px;
}

.hmd-w-1\/10 {
    width: 10%;
}

.hmd-mw-1\/10 {
    max-width: 10%;
}

.hmd-nw-1\/10 {
    min-width: 10%;
}

.hmd-w-1\/5 {
    width: 20%;
}

.hmd-mw-1\/5 {
    max-width: 20%;
}

.hmd-nw-1\/5 {
    min-width: 20%;
}

.hmd-w-1\/4 {
    width: 25%;
}

.hmd-mw-1\/4 {
    max-width: 25%;
}

.hmd-nw-1\/4 {
    min-width: 25%;
}

.hmd-w-3\/10 {
    width: 30%;
}

.hmd-mw-3\/10 {
    max-width: 30%;
}

.hmd-nw-3\/10 {
    min-width: 30%;
}

.hmd-w-1\/3 {
    width: 33.3333%;
}

.hmd-mw-1\/3 {
    max-width: 33.3333%;
}

.hmd-nw-1\/3 {
    min-width: 33.3333%;
}

.hmd-w-2\/5 {
    width: 40%;
}

.hmd-mw-2\/5 {
    max-width: 40%;
}

.hmd-nw-2\/5 {
    min-width: 40%;
}

.hmd-w-1\/2 {
    width: 50%;
}

.hmd-mw-1\/2 {
    max-width: 50%;
}

.hmd-nw-1\/2 {
    min-width: 50%;
}

.hmd-w-3\/5 {
    width: 60%;
}

.hmd-mw-3\/5 {
    max-width: 60%;
}

.hmd-nw-3\/5 {
    min-width: 60%;
}

.hmd-w-7\/10 {
    width: 70%;
}

.hmd-mw-7\/10 {
    max-width: 70%;
}

.hmd-nw-7\/10 {
    min-width: 70%;
}

.hmd-w-3\/4 {
    width: 75%;
}

.hmd-mw-3\/4 {
    max-width: 75%;
}

.hmd-nw-3\/4 {
    min-width: 75%;
}

.hmd-w-4\/5 {
    width: 80%;
}

.hmd-mw-4\/5 {
    max-width: 80%;
}

.hmd-nw-4\/5 {
    min-width: 80%;
}

.hmd-w-9\/10 {
    width: 90%;
}

.hmd-mw-9\/10 {
    max-width: 90%;
}

.hmd-nw-9\/10 {
    min-width: 90%;
}

.hmd-w-full {
    width: 100%;
}

.hmd-mw-full {
    max-width: 100%;
}

.hmd-nw-full {
    min-width: 100%;
}

.hmd-w-100 {
    width: 100%;
}

.hmd-mw-100 {
    max-width: 100%;
}

.hmd-nw-100 {
    min-width: 100%;
}

.hmd-w-auto {
    width: auto;
}

.hmd-mw-auto {
    max-width: auto;
}

.hmd-nw-auto {
    min-width: auto;
}

.status-nyancat {
    display: none !important;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    animation-play-state: paused;
    animation: bg-shift 1s steps(30) infinite paused;
    animation-fill-mode: forwards;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAIAAACr2KkGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAIsGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wMy0yOVQyMTozNTowNiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDMtMzBUMjE6MTc6MTgrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDMtMzBUMjE6MTc6MTgrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YjRiYzBiMGQtZjIzYi00MzYxLWExYjYtNzQxMzQ1ZWQ4OGQ4IiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTA4MDAxYzctZWM4Ny1mZDRkLTliN2EtZjI5YWYzYmYyMzc2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YWM0NjdjMTItNWRlMC00ZDY5LThjYzQtMzEyN2JiZGFmNmFiIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphYzQ2N2MxMi01ZGUwLTRkNjktOGNjNC0zMTI3YmJkYWY2YWIiIHN0RXZ0OndoZW49IjIwMjEtMDMtMjlUMjE6MzU6MDYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MzExNGI5YWMtYmFiYy00NDNhLTg0Y2YtZGVlN2JiMTI0NmI3IiBzdEV2dDp3aGVuPSIyMDIxLTAzLTMwVDIxOjE3OjE4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmI0YmMwYjBkLWYyM2ItNDM2MS1hMWI2LTc0MTM0NWVkODhkOCIgc3RFdnQ6d2hlbj0iMjAyMS0wMy0zMFQyMToxNzoxOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTE0YjlhYy1iYWJjLTQ0M2EtODRjZi1kZWU3YmIxMjQ2YjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YWM0NjdjMTItNWRlMC00ZDY5LThjYzQtMzEyN2JiZGFmNmFiIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YWM0NjdjMTItNWRlMC00ZDY5LThjYzQtMzEyN2JiZGFmNmFiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ntgSrwAAAHFJREFUOI1jlHaxZxhMgGmgHYAOBsBBAfGxeGRJdhB+44jRvmHhYjyGkOAgiCkbFi6mxFkQ10AMwQoYh2qixgwSCuMOF0BxEB47MAMZV7CT7VCIRiZkPv7khixFktOJBBCNKGkIf3IjXg0lYMgmaroBAJtXKuGm/W7mAAAAAElFTkSuQmCC) !important;
}

.status-nyancat.enabled {
    display: flex !important;
}

@keyframes nyancat-play {
    100% {
        background-position: -340px;
    }
}

@keyframes bg-glow {
    from {
        width: 5px;
    }

    to {
        width: calc(100% - 34px);
    }
}

@keyframes bg-shift {
    to {
        background-position-x: -48px;
    }
}

.status-nyancat>div {
    display: block !important;
}

.status-nyancat.playing {
    animation-play-state: running;
}

.status-nyancat.playing .bg {
    animation-play-state: running;
}

.status-nyancat .nyancat {
    animation: nyancat-play .8s steps(10) infinite;
    animation-fill-mode: forwards;
    margin-left: -6px;
    width: 34px;
    height: 21px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZgAAAAVCAYAAAB7YvjnAAAH4ElEQVR4nO2dQWgbRxSG/wkJdqxDnLgmhTaXEkrUgnM2lO7FUEjVW2gPRRhyqQ4+mBwLpoRCjiLQHHQyNaaHFF8aRHLxoQoFn6OLTPApaSHBTewWlLi0ZHuQZv12NLM7szOaXdv7QEQarXY+7f7/e7OzI4cBQBiGSIqgwpI30AvW6dvtxgVHpx8y232UUUZSFEWnRfFtGSczGGM4nbZRUGHh+s2qdWf1Zi8MKiyzWF1xBBUW2pr3OCWQksMtR1F0WhTfchZrkIIMUEsOMw4GqK9gkkR6bnEZf63dUe5Y9n692UsF8sWR1bwOjWuVzEqO4nEURadF8W0ai0nYMJQc+XAwxnDKdIeMTbwGkChSnfdtIw+ONOMmhfj++s1q5hFEyVFMDlmUfnF3XgCEQcW89pcc4+dQbW9UYM4tLiMM/5kyhXIdReEATnYCKTmSoyg6LQoHUIzzUnL44zAqMKqd8/Z6s8cvmRIjqLBw+DDpXpsjC0sWjqIYt+Qw4/ChDcC9X8bF4YvlqOij5Ihz2OT11Jv8ulFv9tDZbA86WqghYX4vJNtZ30DMyvJ05aMvbv349H60XYabqrrGBZB0PKL+gWw3mY8Khw+GNA5dnQYVFtpoIy2KwqHLsn6zOhVUWL/0iz+OI+uXYV4HhgVGMiKJkr5O5aKxulRHZ7OthOlstrG6VMeNu+vSz/e+ujoBYKJ67/HftN2UI43lmx+e3H/48JdEFtvQLHRT9WbPyrhHgaNICRWw06noF8ro2y+qcO0Xro28/eKi0B0FjkwD9gL6JbqCmZ2eBADs7h8A5ObRqZ/1AN5+Ofj3wfM3+GClgVbtKurNx7FtWrU5/LrSwIPnb3BDsZ9Gu3sAALPvnT2z8ceb/3i7LocuS/Ozj1NZZFEU4x5VDtuEqhqtmXLY6pT6hRrbt19IsYvNBGj75V/g7dduWGRxVHVaFA5XfoGgD19+YQDw6dRgFUCrNgcAaLS7AAYi5UbQeX1r/n1cnLmgBfzi5St8t/U7QL54UGEhNW6rNjcB4HSj3e2nsqwBbxftWNKqf1BhoWmh62y2cf36dSxV38HFmRk02qMn58XLV7jb+xMbGxsIFmqF41CN2E04XBwLUR9ZOWy1wY+H6BdAwzM/HSZ0FxzCwJB1+mF0PNI4cAZRgSn94o5DNSOUt1+ycmTVBmMsKjDAcKnZ4pXzmL98KWaa2elJDih9zb8sjerybQBA7863iW3DfqIvPjs9ie8/+TDWP41xsySJVWZcIDmpjNO4PjioSGXnxYTDVULNygG400ZSkQHSdeqC4zj5BXCjkbw5Sr8MotHu4tFrMLqKjAHA2vYegEGhAQ6nAmanJ6OH7HUM4t5jBAu1kfbVpTow/7nSDADY7v4BtnaeoVWbQ6s2F+PwzBILnlD4CaD90Tb6ulWbiwmkunw7OhmytoszF9CqzSl/h0FX8PjkEBMjPycmHC6ORacfjuiDG0CHQwwbbXAjN9rdiEfsX6VThxyF9EsWnbrSSBE4iuIXJOjDl19OAQCZm4tMwwvN7v5B6kMMfv9mdaketfHONZYms7XtvRFYHQ7XLGTZXSgzLn09xiQCyuCbo9MPGU/sjXY30oYJh8tj0emHkT62dp5ha+dZZg5LnUZFhuo1T7/wY6HLMS6/AJAWXPrah18AePcLBjm0MH6BQh++/BLd5B9OUQHDIoPhlFnnQRL7sONrh8+ry7exuFOPvQaAzvIAjFZzMUSGRrt7OHrV4HDFwsXJLy95rG3vSU2pxUVOzvzlSwAGJ2fxyvlE4wYVFtLLVC4S3xzipTcdgPhiEFnoaM2Uw0anSSx5+mVtey9XvxRBp9QvYsH1yYHDPAoAufglSR++/BL7HQwB4lAhFaAOBICRFQ3BQg2dzbZ8pUM7XpklDDDlcMFCKzgdIfg2LucYubLwyCEGTao+E6orDhc6lbEEFXai/bLy2xNce/dsNPsBnDy/kAVLtDk6L779otKHL78o/9jlEEr7D6LRddsUQAy6zfB9BsSm6UQGIw4bFtlN3GjbYQLRhsBgRCfOm8b6ExhFlqRVUz45VPs14RgXgykHAGttJHGM2y8p54M/9eoXniuEzZmkLTGOq1/oecmLISsHkM0vANij18kFJtaoI1iZUFVBiwsgLzAii61pklhcJxAVQ9ZCJ7b55hDD9JyMgyELh4pFuX8DbfDnNsfEliMPloRpmjwLXWyKqvRLNg4Vi3L/JK8rCwwdCQDZ5y9TQru40FHJOMLUuEVJZnlxiOckr4TKObguTDh0Q/d8jNsvJhrNwy+KIuNVpzIG/vMHnxwj758gv4Dkda0CQ0TKAIz8cEfSgWwb5efS/g6Z7LJXdSns8rNJ+8uz0OVdcD0NPrTN4pLDVheUQ1drdEGJS40SFl3fQrGd9Md6Jizj0oiMhRYZ+ts6IH+/jPE45OIXIK5b8b3E/9FSAGCSdtUXYrv7ByPzsaRNu7iIffIvoXs/RLZdlnspYmRJBjrFLkvkWXDzLviuOUz7FRl40H5F7YrB+xY/L5sazcDCPyvzpCzSvJspSJHRKnaKwiD77Eho5BTnBTetw3H3r5tHebgeeCSF8h5MGaNBk5BqQYDuTXHZDUjTuf48GPLu38V+bL9DkUNnmTeQuqjG+LMKltiP/shzVXu0f8nCgWgFFG3TmQHJwpCynTZD3v2ncNgwxNpVVzD/AzuSO2jPwCSMAAAAAElFTkSuQmCC);
}

.status-nyancat .bg {
    animation: bg-glow 10s linear infinite;
    animation-play-state: paused;
    animation-fill-mode: forwards;
    margin: 7px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGtGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTAzLTI5VDIxOjM1OjQwKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wMy0zMFQyMToxNDoyNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wMy0zMFQyMToxNDoyNCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNGNmNTQzYy03M2U4LTQyZmEtYWZjZi1hYWE0ZDY0NjcwOTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzIyREU0QjdEMTFFMzlEMDM4Qzc3MEY0NzdGMDgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjJERTRCN0QxMUUzOUQwMzhDNzcwRjQ3N0YwOCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDQkMyMkRCNEI3RDExRTM5RDAzOEM3NzBGNDc3RjA4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDQkMyMkRDNEI3RDExRTM5RDAzOEM3NzBGNDc3RjA4Ii8+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjhjNzA4OWNiLTBjZDItNDhjNS05YWY0LTZhZTFjMGI1NDlhMyIgc3RFdnQ6d2hlbj0iMjAyMS0wMy0zMFQyMDozNzoxMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowNGNmNTQzYy03M2U4LTQyZmEtYWZjZi1hYWE0ZDY0NjcwOTUiIHN0RXZ0OndoZW49IjIwMjEtMDMtMzBUMjE6MTQ6MjQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7JwIP8AAAAIElEQVQImWOYtruGiYGBAY4Nem7B2Ay/rrahyDEwMAAArmAFzQ430nQAAAAASUVORK5CYII=) repeat-x !important;
}
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.pointer-events-none {
    pointer-events: none;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.top-0 {
    top: 0px;
}
.left-4 {
    left: 16px;
}
.right-5 {
    right: 20px;
}
.top-\[-4px\] {
    top: -4px;
}
.right-16 {
    right: 64px;
}
.top-1 {
    top: 4px;
}
.right-0 {
    right: 0px;
}
.right-2\.5 {
    right: 10px;
}
.top-2\.5 {
    top: 10px;
}
.right-2 {
    right: 8px;
}
.top-2 {
    top: 8px;
}
.right-4 {
    right: 16px;
}
.bottom-0 {
    bottom: 0px;
}
.left-0 {
    left: 0px;
}
.top-3 {
    top: 12px;
}
.z-10 {
    z-index: 10;
}
.z-50 {
    z-index: 50;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.m-0 {
    margin: 0px;
}
.my-7\.5 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.my-7 {
    margin-top: 28px;
    margin-bottom: 28px;
}
.my-4 {
    margin-top: 16px;
    margin-bottom: 16px;
}
.mx-2\.5 {
    margin-left: 10px;
    margin-right: 10px;
}
.mx-2 {
    margin-left: 8px;
    margin-right: 8px;
}
.my-\[30px\] {
    margin-top: 30px;
    margin-bottom: 30px;
}
.my-2 {
    margin-top: 8px;
    margin-bottom: 8px;
}
.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.mb-0 {
    margin-bottom: 0px;
}
.ml-2\.5 {
    margin-left: 10px;
}
.ml-2 {
    margin-left: 8px;
}
.ml-1 {
    margin-left: 4px;
}
.-mb-5 {
    margin-bottom: -20px;
}
.mt-2\.5 {
    margin-top: 10px;
}
.mt-2 {
    margin-top: 8px;
}
.mt-4 {
    margin-top: 16px;
}
.mr-1 {
    margin-right: 4px;
}
.mr-2\.5 {
    margin-right: 10px;
}
.mr-2 {
    margin-right: 8px;
}
.mb-4 {
    margin-bottom: 16px;
}
.-mt-3 {
    margin-top: -12px;
}
.mt-7 {
    margin-top: 28px;
}
.ml-7\.5 {
    margin-left: 30px;
}
.ml-7 {
    margin-left: 28px;
}
.mt-5 {
    margin-top: 20px;
}
.mb-10 {
    margin-bottom: 40px;
}
.mb-2 {
    margin-bottom: 8px;
}
.mt-8 {
    margin-top: 32px;
}
.mr-3 {
    margin-right: 12px;
}
.mr-0 {
    margin-right: 0px;
}
.-mb-4 {
    margin-bottom: -16px;
}
.mb-5 {
    margin-bottom: 20px;
}
.mt-0 {
    margin-top: 0px;
}
.mr-10 {
    margin-right: 40px;
}
.mb-3 {
    margin-bottom: 12px;
}
.ml-12 {
    margin-left: 48px;
}
.mr-5 {
    margin-right: 20px;
}
.mt-3 {
    margin-top: 12px;
}
.mr-1\.5 {
    margin-right: 6px;
}
.ml-1\.5 {
    margin-left: 6px;
}
.mt-1 {
    margin-top: 4px;
}
.mr-3\.5 {
    margin-right: 14px;
}
.mr-3\.75 {
    margin-right: 15px;
}
.mr-4 {
    margin-right: 16px;
}
.mb-\[35px\] {
    margin-bottom: 35px;
}
.mb-\[5px\] {
    margin-bottom: 5px;
}
.mt-\[35px\] {
    margin-top: 35px;
}
.mt-7\.5 {
    margin-top: 30px;
}
.mb-3\.5 {
    margin-bottom: 14px;
}
.mb-11 {
    margin-bottom: 44px;
}
.mb-2\.5 {
    margin-bottom: 10px;
}
.mb-7\.5 {
    margin-bottom: 30px;
}
.mb-7 {
    margin-bottom: 28px;
}
.block {
    display: block;
}
.\!block {
    display: block !important;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.flex {
    display: flex;
}
.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.contents {
    display: contents;
}
.hidden {
    display: none;
}
.\!hidden {
    display: none !important;
}
.h-\[28px\] {
    height: 28px;
}
.h-\[18px\] {
    height: 18px;
}
.h-full {
    height: 100%;
}
.h-1 {
    height: 4px;
}
.h-6 {
    height: 24px;
}
.h-8 {
    height: 32px;
}
.h-5 {
    height: 20px;
}
.h-4\.5 {
    height: 18px;
}
.h-4 {
    height: 16px;
}
.h-10 {
    height: 40px;
}
.h-12 {
    height: 48px;
}
.h-9 {
    height: 36px;
}
.h-7 {
    height: 28px;
}
.min-h-screen {
    min-height: 100vh;
}
.w-\[28px\] {
    width: 28px;
}
.w-\[18px\] {
    width: 18px;
}
.w-full {
    width: 100%;
}
.w-6 {
    width: 24px;
}
.w-5 {
    width: 20px;
}
.w-4\.5 {
    width: 18px;
}
.w-4 {
    width: 16px;
}
.w-12 {
    width: 48px;
}
.w-9 {
    width: 36px;
}
.w-8 {
    width: 32px;
}
.w-80 {
    width: 320px;
}
.w-\[180px\] {
    width: 180px;
}
.w-10 {
    width: 40px;
}
.w-50 {
    width: 200px;
}
.w-100 {
    width: 400px;
}
.max-w-full {
    max-width: 100%;
}
.max-w-\[303px\] {
    max-width: 303px;
}
.flex-1 {
    flex: 1 1 0%;
}
.flex-shrink {
    flex-shrink: 1;
}
.flex-grow {
    flex-grow: 1;
}
.border-collapse {
    border-collapse: collapse;
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-text {
    cursor: text;
}
.select-none {
    user-select: none;
}
.select-all {
    user-select: all;
}
.resize-y {
    resize: vertical;
}
.resize {
    resize: both;
}
.list-none {
    list-style-type: none;
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.content-center {
    align-content: center;
}
.items-start {
    align-items: flex-start;
}
.items-center {
    align-items: center;
}
.items-stretch {
    align-items: stretch;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.gap-\[9px\] {
    gap: 9px;
}
.gap-2 {
    gap: 8px;
}
.gap-4 {
    gap: 16px;
}
.gap-3 {
    gap: 12px;
}
.gap-1\.5 {
    gap: 6px;
}
.gap-1 {
    gap: 4px;
}
.gap-\[25px\] {
    gap: 25px;
}
.gap-5 {
    gap: 20px;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-visible {
    overflow: visible;
}
.text-ellipsis {
    text-overflow: ellipsis;
}
.whitespace-normal {
    white-space: normal;
}
.break-words {
    overflow-wrap: break-word;
}
.break-all {
    word-break: break-all;
}
.rounded-sm {
    border-radius: 2px;
}
.rounded {
    border-radius: 4px;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-md {
    border-radius: 6px;
}
.rounded-\[6px\] {
    border-radius: 6px;
}
.rounded-b {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.border {
    border-width: 1px;
}
.border-0 {
    border-width: 0px;
}
.border-1 {
    border-width: 1px;
}
.border-t-2 {
    border-top-width: 2px;
}
.border-b-1 {
    border-bottom-width: 1px;
}
.border-b {
    border-bottom-width: 1px;
}
.border-solid {
    border-style: solid;
}
.border-none {
    border-style: none;
}
.border-green-default {
    --tw-border-opacity: 1;
    border-color: rgb(92 184 92 / var(--tw-border-opacity));
}
.border-black-brand {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(205 205 205 / var(--tw-border-opacity));
}
.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(104 104 104 / var(--tw-border-opacity));
}
.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(79 79 79 / var(--tw-border-opacity));
}
.border-yellow-prime {
    --tw-border-opacity: 1;
    border-color: rgb(235 176 71 / var(--tw-border-opacity));
}
.border-blue-default {
    --tw-border-opacity: 1;
    border-color: rgb(51 122 183 / var(--tw-border-opacity));
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
}
.bg-transparent {
    background-color: transparent;
}
.bg-green-light {
    --tw-bg-opacity: 1;
    background-color: rgb(223 240 216 / var(--tw-bg-opacity));
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 79 79 / var(--tw-bg-opacity));
}
.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(104 104 104 / var(--tw-bg-opacity));
}
.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.bg-black-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.p-5 {
    padding: 20px;
}
.p-0\.5 {
    padding: 2px;
}
.p-0 {
    padding: 0px;
}
.px-5 {
    padding-left: 20px;
    padding-right: 20px;
}
.py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.px-10 {
    padding-left: 40px;
    padding-right: 40px;
}
.py-16 {
    padding-top: 64px;
    padding-bottom: 64px;
}
.py-1 {
    padding-top: 4px;
    padding-bottom: 4px;
}
.px-4 {
    padding-left: 16px;
    padding-right: 16px;
}
.px-3 {
    padding-left: 12px;
    padding-right: 12px;
}
.py-2 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.py-1\.5 {
    padding-top: 6px;
    padding-bottom: 6px;
}
.px-1\.5 {
    padding-left: 6px;
    padding-right: 6px;
}
.px-1 {
    padding-left: 4px;
    padding-right: 4px;
}
.py-4 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.px-6 {
    padding-left: 24px;
    padding-right: 24px;
}
.px-8 {
    padding-left: 32px;
    padding-right: 32px;
}
.pl-12 {
    padding-left: 48px;
}
.pr-11 {
    padding-right: 44px;
}
.pr-1 {
    padding-right: 4px;
}
.pt-1\.5 {
    padding-top: 6px;
}
.pb-3 {
    padding-bottom: 12px;
}
.pt-1 {
    padding-top: 4px;
}
.pl-9 {
    padding-left: 36px;
}
.pb-1 {
    padding-bottom: 4px;
}
.pl-0 {
    padding-left: 0px;
}
.pr-9 {
    padding-right: 36px;
}
.pr-4 {
    padding-right: 16px;
}
.pb-8 {
    padding-bottom: 32px;
}
.pt-5 {
    padding-top: 20px;
}
.pt-16 {
    padding-top: 64px;
}
.pb-7\.5 {
    padding-bottom: 30px;
}
.pb-7 {
    padding-bottom: 28px;
}
.pt-2\.5 {
    padding-top: 10px;
}
.pt-2 {
    padding-top: 8px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.align-text-bottom {
    vertical-align: text-bottom;
}
.text-4 {
    font-size: 14px;
}
.text-10 {
    font-size: 26px;
}
.text-3 {
    font-size: 12px;
}
.text-6 {
    font-size: 18px;
}
.text-5 {
    font-size: 16px;
}
.text-7 {
    font-size: 20px;
}
.text-8 {
    font-size: 22px;
}
.text-12 {
    font-size: 30px;
}
.text-9 {
    font-size: 24px;
}
.text-\[15px\] {
    font-size: 15px;
}
.font-bold {
    font-weight: 700;
}
.font-normal {
    font-weight: 400;
}
.font-semibold {
    font-weight: 600;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.italic {
    font-style: italic;
}
.leading-\[20px\] {
    line-height: 20px;
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38 / var(--tw-text-opacity));
}
.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(190 190 190 / var(--tw-text-opacity));
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(136 136 136 / var(--tw-text-opacity));
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(143 143 143 / var(--tw-text-opacity));
}
.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(104 104 104 / var(--tw-text-opacity));
}
.text-yellow-default {
    --tw-text-opacity: 1;
    color: rgb(247 160 4 / var(--tw-text-opacity));
}
.text-red-light {
    --tw-text-opacity: 1;
    color: rgb(255 99 99 / var(--tw-text-opacity));
}
.text-yellow-prime {
    --tw-text-opacity: 1;
    color: rgb(235 176 71 / var(--tw-text-opacity));
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-black-brand {
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(205 205 205 / var(--tw-text-opacity));
}
.text-blue-default {
    --tw-text-opacity: 1;
    color: rgb(51 122 183 / var(--tw-text-opacity));
}
.text-green-default {
    --tw-text-opacity: 1;
    color: rgb(92 184 92 / var(--tw-text-opacity));
}
.text-red-default {
    --tw-text-opacity: 1;
    color: rgb(234 67 53 / var(--tw-text-opacity));
}
.text-gray-850 {
    --tw-text-opacity: 1;
    color: rgb(72 72 72 / var(--tw-text-opacity));
}
.underline {
    text-decoration-line: underline;
}
.line-through {
    text-decoration-line: line-through;
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(190 190 190 / var(--tw-placeholder-opacity));
}
.opacity-70 {
    opacity: 0.7;
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.outline {
    outline-style: solid;
}
.ring-transparent {
    --tw-ring-color: transparent;
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.sepia {
    --tw-sepia: sepia(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    max-width: inherit;
    min-width: 200px;
    padding-top: 51px;
}

.CodeMirror {
    letter-spacing: .025em;
    line-height: 1.25;
    font-size: 18px;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    font-family: "Source Code Pro", Consolas, monaco, monospace;
}

html[lang^=ja] .CodeMirror {
    font-family: "Source Code Pro", Consolas, monaco, Meiryo, "ＭＳ ゴシック", "MS Gothic", monospace;
}

html[lang=zh-tw] .CodeMirror {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft JhengHei", "微軟正黑", monospace;
}

html[lang=zh-cn] .CodeMirror {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft YaHei", "微软雅黑", monospace;
}

html .CodeMirror[lang^=ja] {
    font-family: "Source Code Pro", Consolas, monaco, Meiryo, "ＭＳ ゴシック", "MS Gothic", monospace;
}

html .CodeMirror[lang=zh-tw] {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft JhengHei", "微軟正黑", monospace;
}

html .CodeMirror[lang=zh-cn] {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft YaHei", "微软雅黑", monospace;
}

.CodeMirror-placeholder {
    color: #777 !important;
}

.CodeMirror-scroll {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.CodeMirror-gutter-wrapper, .CodeMirror-gutter-elt {
    height: 100%;
}

.CodeMirror-gutter-elt {
    text-align: center;
}

.CodeMirror-linenumber {
    min-width: 1.5em;
    text-align: right;
}

.CodeMirror-gutter.authorship-gutters {
    width: 8px;
}

.CodeMirror-matchingtag {
    background: rgba(255, 255, 255, .1);
    line-height: 1em;
}

.CodeMirror-foldmarker {
    color: #d0d0d0;
    text-shadow: none;
    font-family: Arial;
    font-size: 1em;
    line-height: .3;
    cursor: pointer;
    margin: 2px;
    padding-bottom: 2px;
}

.CodeMirror-foldgutter {
    cursor: default;
    line-height: 100%;
}

.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded {
    line-height: 1em;
    cursor: pointer;
}

.CodeMirror-foldgutter-open {
    padding-top: 1px;
}

.CodeMirror-foldgutter-folded {
    padding-top: 2px;
}

.CodeMirror-foldgutter-open:after {
    content: "⌵";
    font-size: 1em;
}

.CodeMirror-foldgutter-folded:after {
    content: "+";
    font-size: 1em;
    font-weight: 700;
}

.CodeMirror-foldmarker, .CodeMirror-foldgutter-folded:after {
    color: #78b2f2 !important;
}

.CodeMirror-sizer {
    margin-bottom: 0 !important;
}

.CodeMirror-insert-match {
    background: #7cfc00;
    border: 1px solid #32cd32;
    box-sizing: border-box;
    opacity: .5;
}

.CodeMirror-delete-match {
    background: #cd5c5c;
    border: 1px solid darkred;
    box-sizing: border-box;
    opacity: .5;
}

.ui-spinner {
    position: unset;
    display: unset;
}

.ui-content {
    height: 100%;
    margin-left: 0;
    margin-right: 0;
}

.ui-content .tooltip {
    z-index: 999;
}

.ui-edit-area {
    height: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #1e2126;
}

.ui-edit-area .ui-resizable-handle.ui-resizable-e {
    cursor: col-resize;
    width: 8px;
    right: -8px;
    background-color: #fff;
    box-shadow: 3px 0 6px #e7e7e7;
}

.ui-edit-area .ui-sync-toggle {
    width: 42px;
    height: 42px;
    padding: 2px 1px 0 0;
    border-radius: 50%;
    box-shadow: 2px 0 2px #e7e7e7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ui-edit-area .ui-sync-toggle:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 2px 0 2px #e7e7e7;
}

.ui-view-area {
    -webkit-overflow-scrolling: touch;
}

.ui-view-area #doc.hide-not-in-view>*:not(.in-view) {
    visibility: hidden;
}

.ui-scrollable {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.navbar-brand {
    font-size: 20px;
    font-weight: bold;
}

.nav-mobile {
    position: inherit;
    margin-top: 8px;
    margin-bottom: 8px;
}

.nav-status {
    float: right !important;
    padding: 7px 8px;
}

.ui-short-status {
    cursor: pointer;
    min-width: 40px;
}

.ui-short-status:hover {
    text-decoration: none;
}

#short-online-user-list .ui-user-item .ui-user-profile,
#online-user-list .ui-user-item .ui-user-profile {
    display: flex;
    align-items: center;
    padding-left: 18px;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host,
#online-user-list .ui-user-item .ui-user-profile .ui-host {
    padding: 3px 6px;
    height: 24px;
    line-height: 16px;
    margin: 0;
    font-size: 14px;
    margin: 0 10px;
    border: 1px solid;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .hosting-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .hosting-text {
    display: block;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .hosting-text .ui-live-circle,
#online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .hosting-text .ui-live-circle {
    background: #fff;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .cancel-host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .cancel-host-text {
    display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host.hosting .host-text {
    display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host .hosting-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host .hosting-text {
    display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host .cancel-host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host .cancel-host-text {
    display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host .host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host .host-text {
    display: block;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .hosting-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .hosting-text {
    display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .cancel-host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .cancel-host-text {
    display: block;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .host-text,
#online-user-list .ui-user-item .ui-user-profile .ui-host:hover.hosting .host-text {
    display: none;
}

#short-online-user-list .ui-user-item .ui-user-profile .ui-user-name,
#online-user-list .ui-user-item .ui-user-profile .ui-user-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#short-online-user-list .ui-user-icon, #online-user-list .ui-user-icon {
    border-width: 1px;
    width: 26px;
    height: 26px;
    border-style: solid;
    border-color: transparent;
    padding: 2px;
}

#short-online-user-list [data-upgraded=true] .ui-user-icon, 
#online-user-list [data-upgraded=true] .ui-user-icon {
    border-radius: 9999px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(235 176 71 / var(--tw-border-opacity));
    padding: 2px;
    border-width: 1px;
    width: 26px;
    height: 26px;
    user-select: none;
}

#short-online-user-list .ui-live-circle, #online-user-list .ui-live-circle {
    background: #007d00;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    display: inline-block;
    vertical-align: top;
    margin: 3px 2px;
}

#short-online-user-list .ui-user-item {
    border-left: 4px solid transparent;
}

#short-online-user-list .ui-user-icon {
    margin-left: -4px;
}

.nav-mobile #short-online-user-list .dropdown-menu {
    left: 6px;
}

.ui-user-name {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.ui-user-status {
    margin-top: 5px;
}

.ui-user-status-online {
    color: #5cb85c;
}

.ui-user-status-idle {
    color: #f0ad4e;
}

.ui-user-status-offline {
    color: #777;
}

.list>li>a {
    overflow: hidden;
    text-overflow: ellipsis;
}

#short-online-user-list .list .name {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.navbar-right {
    margin-right: 0;
}

.navbar-nav>li>a {
    cursor: pointer;
}

.dropdown-menu>li>a {
    cursor: pointer;
    text-overflow: ellipsis;
    max-width: calc(100vw - 30px);
    overflow: hidden;
}

.dropdown-menu.CodeMirror-other-cursor {
    max-width: 80%;
    transition: none;
}

.dropdown.ui-invitee {
    margin-right: 10px;
}

.ui-notification {
    display: inline;
}

.ui-notification .dropdown-menu {
    width: 200px;
}

.ui-notification.dropdown:not(.open) .fa-angle-up {
    display: none;
}

.ui-notification.dropdown.open .fa-angle-down {
    display: none;
}

.ui-notification.is-watch>.ui-notification-subscribe {
    display: none;
}

.ui-notification:not(.is-watch)>*:not(.ui-notification-subscribe) {
    display: none;
}

.ui-notification .notification-menu-item {
    display: flex;
    cursor: pointer;
    padding: 6px 30px;
}

.ui-notification .notification-menu-item:hover,
.ui-notification .notification-menu-item:focus {
    background: #f8f8f8;
}

.ui-notification .notification-menu-item .fa {
    font-size: 15px;
    margin: 2px 3px 0 0;
}

.ui-notification .notification-menu-item.is-checked .fa-check {
    display: block;
}

.ui-notification .notification-menu-item .fa-check {
    display: none;
    position: absolute;
    left: 10px;
}

.ui-notification .notification-menu-item .info {
    flex: 1;
}

.ui-notification .notification-menu-item .info .title {
    font-size: 15px;
    line-height: 20px;
}

.ui-notification .notification-menu-item .info .description {
    font-size: 12px;
}

.ui-notification .notification-menu-item.ui-notification-unsubscribe {
    padding-left: 20px;
}

.ui-notification .notification-menu-item.ui-notification-list {
    padding-left: 20px;
}

.ui-notification .notification-menu-item.ui-notification-list a {
    color: #868686;
}

.ui-notification .notification-menu-item.ui-notification-list a:hover,
.ui-notification .notification-menu-item.ui-notification-list a:focus {
    text-decoration: none;
}

.dropdown.ui-notification .ui-notification-label,
.dropdown.ui-invitee .ui-invitee-label {
    color: #868686;
    border-color: #d4d4d4;
    padding: 5px 10px;
    font-size: 13px;
    min-width: 108px;
    text-align: left;
    height: 30px;
}

.cursortag {
    cursor: pointer;
    background: #000;
    position: absolute;
    padding: 2px 7px 2px 8px;
    font-size: 12px;
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: inherit;
    border-radius: .25em;
    white-space: nowrap;
    transition: left .1s ease-in-out, top .1s ease-in-out;
}

.fixfixed .navbar-fixed-top {
    position: absolute !important;
}

div[contenteditable]:empty:not(:focus):before {
    content: attr(data-ph);
    color: gray;
}

.dropdown-menu.list {
    max-height: 80vh;
    overflow: auto;
}

.dropdown-menu.list.small {
    max-height: 40vh;
    overflow: auto;
}

.dropdown-menu.list::-webkit-scrollbar {
    display: none;
}

.dropdown-menu .emoji {
    margin-bottom: 0 !important;
}

.dropdown-menu.CodeMirror-other-cursor {
    max-height: 50vh;
    width: auto !important;
    overflow: auto;
    margin-bottom: 30px;
}

.CodeMirror-scrollbar-filler {
    background: inherit;
}

a.disabled {
    color: gray;
    pointer-events: none;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: #fff;
    cursor: inherit;
    display: block;
}

.cm-trailing-space-a:before, .cm-trailing-space-b:before,
.cm-trailing-space-new-line:before {
    font-weight: bold;
    color: #ff8000;
    position: absolute;
}

.cm-trailing-space-a:before, .cm-trailing-space-b:before {
    content: "·";
}

.cm-trailing-space-new-line:before {
    content: "↵";
}

.cm-matchhighlight {
    border-bottom: 1px solid #ccc;
}

.cm-indent-guide {
    position: relative;
    border-left: 1px solid #575757;
}

.snippet-import-or {
    text-align: center;
    width: 100%;
}

.status-bar {
    background: #1c1c1e;
    border-top: 1px solid #343434;
    color: #ccc;
    position: relative;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 25px;
    height: 26px;
}

.status-bar .status-info {
    color: #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-bar .status-info div {
    display: inline;
}

.status-bar .status-file {
    color: #9a9a9a;
}

.status-bar .status-indicators {
    background: #1c1c1e;
    color: #ccc;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 320px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}

.status-bar .status-indicators>div {
    float: right;
    padding: 0 10px;
    border-left: 1px solid #343434;
}

.status-bar .status-indicators .status-keymap>a,
.status-bar .status-indicators .status-theme>a,
.status-bar .status-indicators .status-spellcheck>a,
.status-bar .status-indicators .status-breaks>a,
.status-bar .status-indicators .status-linter>a,
.status-bar .status-indicators .status-preferences>a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.status-bar .status-indicators .status-theme,
.status-bar .status-indicators .status-spellcheck,
.status-bar .status-indicators .status-linter,
.status-bar .status-indicators .status-preferences {
    padding: 0 4.3px;
}

.status-bar .status-indicators .status-preferences .dropdown-menu {
    max-width: calc(100vw - 100px);
}

.status-bar .status-indicators .status-preferences .dropdown-menu>li>a {
    cursor: default;
}

.status-bar .status-indicators .status-preferences .dropdown-menu label {
    display: flex;
    align-items: center;
    font: inherit;
    margin-bottom: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
}

.status-bar .status-indicators .status-preferences .dropdown-menu label>span {
    flex: 1;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status-bar .status-indicators .status-preferences .dropdown-menu label>input[type=checkbox] {
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.ui-theme-toggle, .ui-linter-toggle, .ui-spellcheck-toggle {
    opacity: .2;
    cursor: pointer;
}

.ui-theme-toggle.active, .ui-linter-toggle.active, .ui-spellcheck-toggle.active {
    opacity: 1;
}

.ui-theme-toggle:hover, .ui-linter-toggle:hover, .ui-spellcheck-toggle:hover {
    opacity: .8;
}

.status-bar .indent-type, .status-bar .indent-width-label {
    cursor: pointer;
}

.status-bar .indent-width-input {
    font-size: 12px;
    font-weight: 500;
    height: 18px;
    line-height: 1;
    vertical-align: middle;
    color: #ccc;
    margin: 0;
    padding: 0 0 2px;
    position: relative;
    left: 0;
    top: -1px;
    width: 18px;
    transition: .1s linear all;
    background-color: #555;
    border: 1px solid #202020;
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .06);
    border-radius: 3px;
    text-align: center;
}

.status-bar .indent-width-input:focus {
    border: 1px solid #2893ef;
}

.status-bar .indent-width-input::-webkit-inner-spin-button,
.status-bar .indent-width-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.status-bar .status-indent>* {
    display: inline-block;
}

.status-bar .status-indent>*.hidden {
    display: none;
}

.status-bar .status-overwrite:hover, .status-bar .indent-type:hover,
.status-bar .indent-width-label:hover {
    text-decoration: underline;
}

.status-bar .dropdown-menu {
    background-color: #000;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .09) !important;
}

.status-bar .dropdown-menu .divider {
    background-color: #343434;
}

.status-bar .dropdown-menu>li>a {
    color: #ccc;
}

.status-bar .dropdown-menu>li>a:focus, .status-bar .dropdown-menu>li>a:hover {
    background-color: #212121;
}

.tool-bar {
    background: #1c1c1e;
    border-bottom: 1px solid #343434;
    color: #ccc;
    position: relative;
    display: block;
    box-sizing: border-box;
    font-size: 16px;
    height: 42px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
}

.tool-bar::-webkit-scrollbar {
    display: none;
}

.tool-bar:after, .tool-bar:before {
    display: block;
    content: " ";
    height: 1px;
}

.tool-bar:before {
    margin-bottom: 8px;
}

.tool-bar:after {
    margin-top: 8px;
}

.tool-bar>a:first-child {
    margin-left: 10px;
}

.tool-bar>a:last-child {
    margin-right: 10px;
}

.tool-bar a {
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    color: #ccc !important;
    width: 24px;
    height: 24px;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
}

.tool-bar a.active, .tool-bar a:hover {
    background: #212121;
    border-color: #aaa;
}

.tool-bar a:before {
    line-height: 22px;
}

.tool-bar i.separator {
    display: inline-block;
    width: 0;
    border-left: 1px solid #4d4d4d;
    color: transparent;
    text-indent: -10px;
    margin: 0 4px;
}

.tool-bar>a:not(:last-child), .tool-bar>i:not(:last-child) {
    margin-right: 10px;
}

.tool-bar .ui-editor-toolbar-image {
    position: relative;
}

.tool-bar .ui-editor-toolbar-image>span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

table.table-cheatsheet tr>td:nth-child(2) {
    letter-spacing: .025em;
    line-height: 1.25;
    font-family: "Source Code Pro", Consolas, monaco, monospace;
}

html[lang^=ja] table.table-cheatsheet tr>td:nth-child(2) {
    font-family: "Source Code Pro", Consolas, monaco, Meiryo, "ＭＳ ゴシック", "MS Gothic", monospace;
}

html[lang=zh-tw] table.table-cheatsheet tr>td:nth-child(2) {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft JhengHei", "微軟正黑", monospace;
}

html[lang=zh-cn] table.table-cheatsheet tr>td:nth-child(2) {
    font-family: "Source Code Pro", Consolas, monaco, "Microsoft YaHei", "微软雅黑", monospace;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table;
    width: 100%;
}

.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}

.stepwizard-row:before {
    top: 30px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.ui-invitee .dropdown-menu {
    min-width: 292px;
    width: calc(100vw - 30px);
    max-width: 372px;
}

.ui-invitee .list .name {
    display: inline-block;
    width: calc(100% - 190px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px;
    margin-bottom: 3px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .4s;
}

input:checked+.slider {
    background-color: #777;
}

input:focus+.slider {
    box-shadow: 0 0 1px #777;
}

input:checked+.slider:before {
    transform: translateX(10px);
}

.slider.round {
    border-radius: 14px;
}

.slider.round:before {
    border-radius: 50%;
}

.sidenav {
    position: absolute;
    z-index: 1080 !important;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
    top: 51px;
    right: 0;
    transition: transform .2s;
    transform: translateX(205px);
    width: 200px;
    height: calc(100vh - 51px);
    padding-bottom: 30px;
    border: none;
    background: #fff;
    overflow-y: auto;
    text-shadow: none;
}

.sidenav.in {
    transition: transform .3s;
    transform: translateX(0) !important;
}

.sidenav .dropdown-header {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 12px;
    color: #888;
}

.sidenav.full {
    width: 100%;
    transform: translateX(calc(100% + 5px));
}

.sidenav>a {
    color: #000;
    text-decoration: none;
}

.sidenav .divider {
    height: 1px;
    background-color: #888;
}

.sidenav .divider-header {
    white-space: nowrap;
    background-color: #e7e7e7;
    padding: 3px 20px 3px 20px;
}

.sidenav .sidenav-trigger {
    display: flex;
}

.sidenav .sidenav-trigger span {
    flex: 1;
}

.sidenav>span, .sidenav-item>span {
    margin-left: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sidenav .sidenav-trigger i {
    margin-top: 2px;
}

.permission-item-badge {
    color: #888;
    font-size: 13px;
    display: flex;
    padding-right: 10px;
    align-items: center;
}

.permission-item-badge .disabled {
    pointer-events: none;
}

.sidenav-item {
    display: flex;
    align-items: center;
    vertical-align: middle;
    height: 56px;
    width: 100%;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    font-size: 15px;
    border-radius: 0;
    text-align: left;
    border: none;
    border-bottom: #e5e5e5 1px solid;
    cursor: pointer;
}

.dark-border {
    border-bottom-color: #888;
}

.modal-backdrop.dim.in {
    opacity: 1;
    visibility: visible;
}

.modal-backdrop.dim {
    opacity: 0;
    background: rgba(51, 51, 51, .75);
    z-index: 990;
    transition: opacity .2s;
    visibility: hidden;
}

.permission-popover-badge {
    display: flex;
    padding-top: 3px;
}

.permission-popover-badge .disabled {
    pointer-events: none;
}

.navbar-button-icon {
    width: 50px;
    text-align: center;
}

.note-permission-item, .comment-permission-item {
    height: 26px;
    padding: 0;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0;
    font-size: 14px;
}

.side-menu-button {
    text-align: center;
    height: 32px !important;
    width: 32px !important;
    display: table !important;
    text-decoration: none !important;
    margin-top: 9px;
}

.side-menu-button:hover {
    background-color: #e7e7e7 !important;
}

.side-menu-button>i {
    display: table-cell;
    vertical-align: middle;
}

.side-menu-button.focus {
    background-color: #e6e6e6 !important;
    box-shadow: none !important;
    color: #000 !important;
}

.dropdown-header {
    color: #888;
}

.sidenav .ui-avatar.primer-avatar {
    width: 28px;
    height: 28px;
    border-radius: 9999px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(235 176 71 / var(--tw-border-opacity));
    padding: 2px;
    border-width: 1px;
}

.navbar .ui-profile-label.primer-avatar .ui-avatar {
    border-radius: 9999px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(235 176 71 / var(--tw-border-opacity));
    padding: 2px;
    border-width: 1px;
}

.ui-invitee.ui-invitee-list .ui-profile-label {
    padding: 1px 0;
    margin-right: 6px;
}

.ui-invitee.ui-invitee-list .ui-profile-label .ui-avatar {
    width: 22px;
    height: 22px;
}

.ui-invitee.ui-invitee-list .ui-invitee-remove {
    padding: 6px;
    margin: 0;
    height: 26px;
    cursor: pointer;
    color: #999;
}

.ui-invitee.ui-invitee-list .ui-invitee-remove:hover {
    color: #777;
}

.ui-invitee.ui-invitee-list .ui-invitee-item {
    margin-bottom: 10px;
    display: flex;
    height: 28px;
}

.ui-invitee.ui-invitee-list .ui-profile-name {
    align-items: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 6px;
    font-size: 13px;
    line-height: 28px;
    flex: 1;
}

.ui-invitee.ui-invitee-list .ui-profile-name a {
    width: 100%;
    color: #333;
}

.ui-invitee.ui-invitee-list .ui-resend-invitation {
    cursor: pointer;
    float: left;
    line-height: 24px;
    margin-right: 7px;
    color: #999;
}

.ui-invitee.ui-invitee-list .ui-resend-invitation:hover {
    color: #777;
}

.ui-invitee.ui-invitee-list .ui-resend-invitation.sent {
    cursor: initial;
    color: #ccc;
}

.ui-invitee-form .select2-container .select2-choices .select2-search-choice {
    padding: 1px 5px 1px 18px;
}

.ui-invitee-form .select2-container .select2-choices .select2-search-choice .select2-search-choice-close {
    top: 3px;
}

.ui-invitee-form .select2-container .select2-choices .select2-search-choice div div {
    font-size: 12px;
}

.ui-invitee-form .select2-container .select2-choices .select2-search-choice div div img.avatar {
    width: 14px;
    height: 14px;
}

.ui-invitee-form .select2-container .select2-choices .select2-search-field .select2-input {
    padding: 3px 12px;
}

.menuitem-dropdown {
    font-size: 13px;
    line-height: 12px;
}

.menuitem-dropdown .menuitem-dropdown-trigger {
    width: 100%;
    border-radius: 4px;
    font-size: 13px;
    height: 28px;
    background: transparent;
    border: 1px solid #d4d4d4;
    align-items: center;
    justify-content: space-between;
    display: flex;
    padding: 0 12px;
    cursor: pointer;
}

.menuitem-dropdown .menuitem-dropdown-trigger:hover,
.menuitem-dropdown .menuitem-dropdown-trigger:focus {
    background-color: #e6e6e6;
}

.menuitem-dropdown .menuitem-dropdown-trigger:active {
    background-color: #e6e6e6;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.menuitem-dropdown .menuitem-dropdown-trigger.disabled {
    pointer-events: none;
    color: #333;
    opacity: .65;
}

.menuitem-dropdown .dropdown-menu {
    right: 0;
    left: 0;
    margin: 0;
    min-width: 90px;
    width: auto;
}

.menuitem-dropdown .dropdown-menu .menuitem-item.disabled {
    cursor: not-allowed;
    color: #333;
    opacity: .65;
}

.publish-tooltip {
    padding-top: 8px;
}

.publish-tooltip .icon-indicator {
    margin-right: .5em;
    font-size: 15px;
}

.publish-tooltip .title {
    font-size: 15px;
    margin-bottom: 5px;
}

.publish-tooltip p.caption {
    color: #cdcdcd;
}

.public-publish-container a {
    color: #337ab7;
    text-decoration: underline;
}

.permission-dropdown .ui-invitee-input {
    flex: 1;
    height: 28px;
    font-size: 13px;
}

.permission-dropdown .ui-invitee-input.form-control.select2-container.select2-dropdown-open {
    border-radius: 4px 0 0 0;
}

.permission-dropdown .ui-invitee-invite {
    width: 72px;
    height: 28px;
    margin: 0;
    border: 1px solid #d4d4d4;
    font-size: 13px;
    line-height: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}

.permission-dropdown .ui-share-preview {
    background-color: #fff;
    margin: 0;
    min-width: 72px;
    height: 28px;
    font-size: 13px;
    line-height: 12px;
    border: 1px solid #d4d4d4;
}

.permission-dropdown .ui-share-preview:hover {
    background-color: #e7e7e7;
}

.permission-dropdown .ui-share-field.edit-mode {
    padding-right: 40px;
}

.permission-dropdown .ui-more-settings, .permission-dropdown .sidenav-trigger {
    font-size: 13px;
    display: inline;
    color: #337ab7;
    cursor: pointer;
}

.permission-dropdown .ui-more-settings:hover,
.permission-dropdown .ui-more-settings:focus,
.permission-dropdown .sidenav-trigger:hover,
.permission-dropdown .sidenav-trigger:focus {
    text-decoration: underline;
}

.input-group .input-group-btn .ui-share-copy {
    background-color: #fff;
    margin: 0;
    width: 72px;
    height: 28px;
    font-size: 13px;
    line-height: 12px;
    border: 1px solid #d4d4d4;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}

.input-group .input-group-btn .ui-share-copy:hover {
    background-color: #e7e7e7;
}

.input-group .input-group-btn .ui-share-save {
    background-color: #5cb85c;
    margin: 0;
    width: 72px;
    height: 28px;
    font-size: 13px;
    line-height: 12px;
    border: 1px solid #5cb85c;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    color: #fff;
}

.input-group .input-group-btn .ui-share-save:hover {
    background-color: #449d44;
    border-color: #449d44;
}

.ui-share-msg {
    float: right;
    color: #5cb85c;
}

.ui-share-msg.error {
    color: red;
}

.dropdown-header.fill-username-banner {
    padding: 10px 20px;
    margin-top: -15px;
    margin-bottom: 10px;
    background-color: #c8e9c8;
    color: #007d00;
    white-space: initial;
}

.dropdown-header.fill-username-banner a {
    text-decoration: underline;
    color: #007d00;
}

.sidenav .dropdown-header.fill-username-banner {
    padding: 10px 15px;
    margin-bottom: 10px;
    background-color: #c8e9c8;
    color: #007d00;
    white-space: initial;
    margin-top: 0;
}

.selectize-input {
    padding-right: 40px;
}

.selectize-input>input {
    letter-spacing: .025em;
}

.selectize-input>* {
    max-width: 100%;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selectize-control::before {
    transition: opacity .2s;
    content: " ";
    z-index: 2;
    position: absolute;
    display: block;
    top: 10px;
    right: 34px;
    width: 16px;
    height: 16px;
    background: url(/build/4b01ca501fadf65135bf.gif);
    background-size: 16px 16px;
    opacity: 0;
}

.selectize-control.loading::before {
    opacity: .4;
}

.selectize-control.loading .selectize-input {
    padding-right: 60px;
}

.repo-dropdown-menu .dropdown .menuitem-dropdown-trigger {
    height: 34px;
    padding-right: 16px;
}

.selectize-dropdown .create {
    padding: 3px 12px;
}

.image-uploads-error-container {
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    right: 0;
}

.cursor-menu .dropdown-menu {
    background-color: #686868;
    color: #fff;
}

.cursor-menu .dropdown-menu li.textcomplete-item a {
    color: #fff;
}

.cursor-menu .dropdown-menu li.textcomplete-item a:hover {
    background-color: #888;
}

.cursor-menu .dropdown-menu li.textcomplete-item.active a,
.cursor-menu .dropdown-menu li.textcomplete-item.hover a {
    background-color: #888;
}

li.textcomplete-item .mention-photo {
    object-fit: cover;
    margin-top: -1px;
}

li.textcomplete-item .mention-name {
    max-width: 150px;
    display: inline-flex;
}

.community-button {
    display: inline-block;
    color: #868686;
    border-radius: 4px;
    font-size: 15px;
    line-height: 15px;
    padding: 9px 12px 8px 12px;
    cursor: pointer;
}

.community-button:hover {
    background-color: #f8f8f8;
}

.community-button .text {
    margin-left: 5px;
}

.community-button.small .text {
    display: none;
}

.community-button.ui-like.liked .fa::before {
    content: "";
}

.community-button.ui-like .fa::before {
    content: "";
}

.community-button.ui-like .count {
    margin-left: 5px;
}

.community-button.ui-bookmark.bookmarked .fa::before {
    content: "";
}

.community-button.ui-bookmark.bookmarked .bookmark-label {
    display: none;
}

.community-button.ui-bookmark .fa::before {
    content: "";
}

.community-button.ui-bookmark:not(.bookmarked) .bookmarked-label {
    display: none;
}

@media (min-width: 992px) {
    .navbar-brand {
        padding-right: 32px;
    }

    .hmd-text-left-md {
        text-align: left;
    }

    .hmd-text-right-md {
        text-align: right;
    }

    .hmd-text-center-md {
        text-align: center;
    }

    .hmd-text-bold-md {
        font-weight: bold;
    }

    .hmd-text-underline-md {
        text-decoration: underline;
    }

    .hmd-text-left-md {
        text-align: left;
    }

    .hmd-text-right-md {
        text-align: right;
    }

    .hmd-text-center-md {
        text-align: center;
    }

    .hmd-text-bold-md {
        font-weight: bold;
    }

    .hmd-text-underline-md {
        text-decoration: underline;
    }

    .hmd-flex-md {
        display: flex;
    }

    .inline-flex-md {
        display: inline-flex;
    }

    .hmd-flex-auto-md {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0;
    }

    .hmd-flex-one-md {
        flex: 1;
    }

    .hmd-flex-two-md {
        flex: 2;
    }

    .hmd-flex-none-md {
        flex: none;
    }

    .hmd-flex-column-md {
        flex-direction: column;
    }

    .hmd-flex-row-md {
        flex-direction: row;
    }

    .hmd-flex-wrap-md {
        flex-wrap: wrap;
    }

    .hmd-flex-nowrap-md {
        flex-wrap: nowrap;
    }

    .hmd-flex-wrap-reverse-md {
        flex-wrap: wrap-reverse;
    }

    .hmd-flex-column-reverse-md {
        flex-direction: column-reverse;
    }

    .hmd-flex-row-reverse-md {
        flex-direction: row-reverse;
    }

    .hmd-items-start-md {
        align-items: flex-start;
    }

    .hmd-items-end-md {
        align-items: flex-end;
    }

    .hmd-items-center-md {
        align-items: center;
    }

    .hmd-items-baseline-md {
        align-items: baseline;
    }

    .hmd-items-stretch-md {
        align-items: stretch;
    }

    .hmd-self-start-md {
        align-self: flex-start;
    }

    .hmd-self-end-md {
        align-self: flex-end;
    }

    .hmd-self-center-md {
        align-self: center;
    }

    .hmd-self-baseline-md {
        align-self: baseline;
    }

    .hmd-self-stretch-md {
        align-self: stretch;
    }

    .hmd-justify-start-md {
        justify-content: flex-start;
    }

    .hmd-justify-end-md {
        justify-content: flex-end;
    }

    .hmd-justify-center-md {
        justify-content: center;
    }

    .hmd-justify-between-md {
        justify-content: space-between;
    }

    .hmd-justify-around-md {
        justify-content: space-around;
    }

    .hmd-content-start-md {
        align-content: flex-start;
    }

    .hmd-content-end-md {
        align-content: flex-end;
    }

    .hmd-content-center-md {
        align-content: center;
    }

    .hmd-content-between-md {
        align-content: space-between;
    }

    .hmd-content-around-md {
        align-content: space-around;
    }

    .hmd-content-stretch-md {
        align-content: stretch;
    }

    .hmd-order-0-md {
        order: 0;
    }

    .hmd-order-1-md {
        order: 1;
    }

    .hmd-order-2-md {
        order: 2;
    }

    .hmd-order-3-md {
        order: 3;
    }

    .hmd-order-4-md {
        order: 4;
    }

    .hmd-order-5-md {
        order: 5;
    }

    .hmd-order-6-md {
        order: 6;
    }

    .hmd-order-7-md {
        order: 7;
    }

    .hmd-order-8-md {
        order: 8;
    }

    .hmd-order-last-md {
        order: 99999;
    }

    .hmd-flex-grow-0-md {
        flex-grow: 0;
    }

    .hmd-flex-grow-1-md {
        flex-grow: 1;
    }

    .hmd-flex-shrink-0-md {
        flex-shrink: 0;
    }

    .hmd-flex-shrink-1-md {
        flex-shrink: 1;
    }

    .hmd-dn-md {
        display: none;
    }

    .hmd-di-md {
        display: inline;
    }

    .hmd-db-md {
        display: block;
    }

    .hmd-dib-md {
        display: inline-block;
    }

    .hmd-dit-md {
        display: inline-table;
    }

    .hmd-dt-md {
        display: table;
    }

    .hmd-dtc-md {
        display: table-cell;
    }

    .hmd-dt-row-md {
        display: table-row;
    }

    .hmd-dt-row-group-md {
        display: table-row-group;
    }

    .hmd-dt-column-md {
        display: table-column;
    }

    .hmd-dt-column-group-md {
        display: table-column-group;
    }

    .hmd-dns-md {
        display: unset;
    }

    .hmd-dni-md {
        display: none !important;
    }

    .hmd-vv-md {
        visibility: visible;
    }

    .hmd-vh-md {
        visibility: hidden;
    }

    .hmd-pa-0-md {
        padding: 0;
    }

    .hmd-pv-0-md {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hmd-ph-0-md {
        padding-left: 0;
        padding-right: 0;
    }

    .hmd-pt-0-md {
        padding-top: 0;
    }

    .hmd-pr-0-md {
        padding-right: 0;
    }

    .hmd-pb-0-md {
        padding-bottom: 0;
    }

    .hmd-pl-0-md {
        padding-left: 0;
    }

    .hmd-pa-1\/10-md {
        padding: 1px;
    }

    .hmd-pv-1\/10-md {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .hmd-ph-1\/10-md {
        padding-left: 1px;
        padding-right: 1px;
    }

    .hmd-pt-1\/10-md {
        padding-top: 1px;
    }

    .hmd-pr-1\/10-md {
        padding-right: 1px;
    }

    .hmd-pb-1\/10-md {
        padding-bottom: 1px;
    }

    .hmd-pl-1\/10-md {
        padding-left: 1px;
    }

    .hmd-pa-1\/5-md {
        padding: 2px;
    }

    .hmd-pv-1\/5-md {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .hmd-ph-1\/5-md {
        padding-left: 2px;
        padding-right: 2px;
    }

    .hmd-pt-1\/5-md {
        padding-top: 2px;
    }

    .hmd-pr-1\/5-md {
        padding-right: 2px;
    }

    .hmd-pb-1\/5-md {
        padding-bottom: 2px;
    }

    .hmd-pl-1\/5-md {
        padding-left: 2px;
    }

    .hmd-pa-1\/4-md {
        padding: .25rem;
    }

    .hmd-pv-1\/4-md {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .hmd-ph-1\/4-md {
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .hmd-pt-1\/4-md {
        padding-top: .25rem;
    }

    .hmd-pr-1\/4-md {
        padding-right: .25rem;
    }

    .hmd-pb-1\/4-md {
        padding-bottom: .25rem;
    }

    .hmd-pl-1\/4-md {
        padding-left: .25rem;
    }

    .hmd-pa-3\/4-md {
        padding: .75rem;
    }

    .hmd-pv-3\/4-md {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    .hmd-ph-3\/4-md {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .hmd-pt-3\/4-md {
        padding-top: .75rem;
    }

    .hmd-pr-3\/4-md {
        padding-right: .75rem;
    }

    .hmd-pb-3\/4-md {
        padding-bottom: .75rem;
    }

    .hmd-pl-3\/4-md {
        padding-left: .75rem;
    }

    .hmd-pa-1\/8-md {
        padding: .125rem;
    }

    .hmd-pv-1\/8-md {
        padding-top: .125rem;
        padding-bottom: .125rem;
    }

    .hmd-ph-1\/8-md {
        padding-left: .125rem;
        padding-right: .125rem;
    }

    .hmd-pt-1\/8-md {
        padding-top: .125rem;
    }

    .hmd-pr-1\/8-md {
        padding-right: .125rem;
    }

    .hmd-pb-1\/8-md {
        padding-bottom: .125rem;
    }

    .hmd-pl-1\/8-md {
        padding-left: .125rem;
    }

    .hmd-pa-1\/2-md {
        padding: 5px;
    }

    .hmd-pv-1\/2-md {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hmd-ph-1\/2-md {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hmd-pt-1\/2-md {
        padding-top: 5px;
    }

    .hmd-pr-1\/2-md {
        padding-right: 5px;
    }

    .hmd-pb-1\/2-md {
        padding-bottom: 5px;
    }

    .hmd-pl-1\/2-md {
        padding-left: 5px;
    }

    .hmd-pa-1-md {
        padding: 10px;
    }

    .hmd-pv-1-md {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hmd-ph-1-md {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hmd-pt-1-md {
        padding-top: 10px;
    }

    .hmd-pr-1-md {
        padding-right: 10px;
    }

    .hmd-pb-1-md {
        padding-bottom: 10px;
    }

    .hmd-pl-1-md {
        padding-left: 10px;
    }

    .hmd-pa-3\/2-md {
        padding: 15px;
    }

    .hmd-pv-3\/2-md {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hmd-ph-3\/2-md {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmd-pt-3\/2-md {
        padding-top: 15px;
    }

    .hmd-pr-3\/2-md {
        padding-right: 15px;
    }

    .hmd-pb-3\/2-md {
        padding-bottom: 15px;
    }

    .hmd-pl-3\/2-md {
        padding-left: 15px;
    }

    .hmd-pa-2-md {
        padding: 20px;
    }

    .hmd-pv-2-md {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hmd-ph-2-md {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hmd-pt-2-md {
        padding-top: 20px;
    }

    .hmd-pr-2-md {
        padding-right: 20px;
    }

    .hmd-pb-2-md {
        padding-bottom: 20px;
    }

    .hmd-pl-2-md {
        padding-left: 20px;
    }

    .hmd-pa-25-md {
        padding: 25px;
    }

    .hmd-pv-25-md {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .hmd-ph-25-md {
        padding-left: 25px;
        padding-right: 25px;
    }

    .hmd-pt-25-md {
        padding-top: 25px;
    }

    .hmd-pr-25-md {
        padding-right: 25px;
    }

    .hmd-pb-25-md {
        padding-bottom: 25px;
    }

    .hmd-pl-25-md {
        padding-left: 25px;
    }

    .hmd-pa-3-md {
        padding: 30px;
    }

    .hmd-pv-3-md {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hmd-ph-3-md {
        padding-left: 30px;
        padding-right: 30px;
    }

    .hmd-pt-3-md {
        padding-top: 30px;
    }

    .hmd-pr-3-md {
        padding-right: 30px;
    }

    .hmd-pb-3-md {
        padding-bottom: 30px;
    }

    .hmd-pl-3-md {
        padding-left: 30px;
    }

    .hmd-pa-35-md {
        padding: 35px;
    }

    .hmd-pv-35-md {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .hmd-ph-35-md {
        padding-left: 35px;
        padding-right: 35px;
    }

    .hmd-pt-35-md {
        padding-top: 35px;
    }

    .hmd-pr-35-md {
        padding-right: 35px;
    }

    .hmd-pb-35-md {
        padding-bottom: 35px;
    }

    .hmd-pl-35-md {
        padding-left: 35px;
    }

    .hmd-pa-4-md {
        padding: 40px;
    }

    .hmd-pv-4-md {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hmd-ph-4-md {
        padding-left: 40px;
        padding-right: 40px;
    }

    .hmd-pt-4-md {
        padding-top: 40px;
    }

    .hmd-pr-4-md {
        padding-right: 40px;
    }

    .hmd-pb-4-md {
        padding-bottom: 40px;
    }

    .hmd-pl-4-md {
        padding-left: 40px;
    }

    .hmd-pa-5-md {
        padding: 50px;
    }

    .hmd-pv-5-md {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hmd-ph-5-md {
        padding-left: 50px;
        padding-right: 50px;
    }

    .hmd-pt-5-md {
        padding-top: 50px;
    }

    .hmd-pr-5-md {
        padding-right: 50px;
    }

    .hmd-pb-5-md {
        padding-bottom: 50px;
    }

    .hmd-pl-5-md {
        padding-left: 50px;
    }

    .hmd-pa-55-md {
        padding: 55px;
    }

    .hmd-pv-55-md {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hmd-ph-55-md {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hmd-pt-55-md {
        padding-top: 55px;
    }

    .hmd-pr-55-md {
        padding-right: 55px;
    }

    .hmd-pb-55-md {
        padding-bottom: 55px;
    }

    .hmd-pl-55-md {
        padding-left: 55px;
    }

    .hmd-pa-6-md {
        padding: 60px;
    }

    .hmd-pv-6-md {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hmd-ph-6-md {
        padding-left: 60px;
        padding-right: 60px;
    }

    .hmd-pt-6-md {
        padding-top: 60px;
    }

    .hmd-pr-6-md {
        padding-right: 60px;
    }

    .hmd-pb-6-md {
        padding-bottom: 60px;
    }

    .hmd-pl-6-md {
        padding-left: 60px;
    }

    .hmd-pa-7-md {
        padding: 70px;
    }

    .hmd-pv-7-md {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .hmd-ph-7-md {
        padding-left: 70px;
        padding-right: 70px;
    }

    .hmd-pt-7-md {
        padding-top: 70px;
    }

    .hmd-pr-7-md {
        padding-right: 70px;
    }

    .hmd-pb-7-md {
        padding-bottom: 70px;
    }

    .hmd-pl-7-md {
        padding-left: 70px;
    }

    .hmd-pa-8-md {
        padding: 80px;
    }

    .hmd-pv-8-md {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hmd-ph-8-md {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hmd-pt-8-md {
        padding-top: 80px;
    }

    .hmd-pr-8-md {
        padding-right: 80px;
    }

    .hmd-pb-8-md {
        padding-bottom: 80px;
    }

    .hmd-pl-8-md {
        padding-left: 80px;
    }

    .hmd-pa-10-md {
        padding: 100px;
    }

    .hmd-pv-10-md {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .hmd-ph-10-md {
        padding-left: 100px;
        padding-right: 100px;
    }

    .hmd-pt-10-md {
        padding-top: 100px;
    }

    .hmd-pr-10-md {
        padding-right: 100px;
    }

    .hmd-pb-10-md {
        padding-bottom: 100px;
    }

    .hmd-pl-10-md {
        padding-left: 100px;
    }

    .hmd-pa-12-md {
        padding: 120px;
    }

    .hmd-pv-12-md {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .hmd-ph-12-md {
        padding-left: 120px;
        padding-right: 120px;
    }

    .hmd-pt-12-md {
        padding-top: 120px;
    }

    .hmd-pr-12-md {
        padding-right: 120px;
    }

    .hmd-pb-12-md {
        padding-bottom: 120px;
    }

    .hmd-pl-12-md {
        padding-left: 120px;
    }

    .hmd-pa-14-md {
        padding: 140px;
    }

    .hmd-pv-14-md {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .hmd-ph-14-md {
        padding-left: 140px;
        padding-right: 140px;
    }

    .hmd-pt-14-md {
        padding-top: 140px;
    }

    .hmd-pr-14-md {
        padding-right: 140px;
    }

    .hmd-pb-14-md {
        padding-bottom: 140px;
    }

    .hmd-pl-14-md {
        padding-left: 140px;
    }

    .hmd-pa-16-md {
        padding: 160px;
    }

    .hmd-pv-16-md {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .hmd-ph-16-md {
        padding-left: 160px;
        padding-right: 160px;
    }

    .hmd-pt-16-md {
        padding-top: 160px;
    }

    .hmd-pr-16-md {
        padding-right: 160px;
    }

    .hmd-pb-16-md {
        padding-bottom: 160px;
    }

    .hmd-pl-16-md {
        padding-left: 160px;
    }

    .hmd-pa-auto-md {
        padding: auto;
    }

    .hmd-pv-auto-md {
        padding-top: auto;
        padding-bottom: auto;
    }

    .hmd-ph-auto-md {
        padding-left: auto;
        padding-right: auto;
    }

    .hmd-pt-auto-md {
        padding-top: auto;
    }

    .hmd-pr-auto-md {
        padding-right: auto;
    }

    .hmd-pb-auto-md {
        padding-bottom: auto;
    }

    .hmd-pl-auto-md {
        padding-left: auto;
    }

    .hmd-ma-0-md {
        margin: 0;
    }

    .hmd-mv-0-md {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hmd-mh-0-md {
        margin-left: 0;
        margin-right: 0;
    }

    .hmd-mt-0-md {
        margin-top: 0;
    }

    .hmd-mr-0-md {
        margin-right: 0;
    }

    .hmd-mb-0-md {
        margin-bottom: 0;
    }

    .hmd-ml-0-md {
        margin-left: 0;
    }

    .hmd-nt-0-md {
        margin-top: -0;
    }

    .hmd-nr-0-md {
        margin-right: -0;
    }

    .hmd-nb-0-md {
        margin-bottom: -0;
    }

    .hmd-nl-0-md {
        margin-left: -0;
    }

    .hmd-ma-1\/10-md {
        margin: 1px;
    }

    .hmd-mv-1\/10-md {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .hmd-mh-1\/10-md {
        margin-left: 1px;
        margin-right: 1px;
    }

    .hmd-mt-1\/10-md {
        margin-top: 1px;
    }

    .hmd-mr-1\/10-md {
        margin-right: 1px;
    }

    .hmd-mb-1\/10-md {
        margin-bottom: 1px;
    }

    .hmd-ml-1\/10-md {
        margin-left: 1px;
    }

    .hmd-nt-1\/10-md {
        margin-top: -1px;
    }

    .hmd-nr-1\/10-md {
        margin-right: -1px;
    }

    .hmd-nb-1\/10-md {
        margin-bottom: -1px;
    }

    .hmd-nl-1\/10-md {
        margin-left: -1px;
    }

    .hmd-ma-1\/5-md {
        margin: 2px;
    }

    .hmd-mv-1\/5-md {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .hmd-mh-1\/5-md {
        margin-left: 2px;
        margin-right: 2px;
    }

    .hmd-mt-1\/5-md {
        margin-top: 2px;
    }

    .hmd-mr-1\/5-md {
        margin-right: 2px;
    }

    .hmd-mb-1\/5-md {
        margin-bottom: 2px;
    }

    .hmd-ml-1\/5-md {
        margin-left: 2px;
    }

    .hmd-nt-1\/5-md {
        margin-top: -2px;
    }

    .hmd-nr-1\/5-md {
        margin-right: -2px;
    }

    .hmd-nb-1\/5-md {
        margin-bottom: -2px;
    }

    .hmd-nl-1\/5-md {
        margin-left: -2px;
    }

    .hmd-ma-1\/4-md {
        margin: .25rem;
    }

    .hmd-mv-1\/4-md {
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

    .hmd-mh-1\/4-md {
        margin-left: .25rem;
        margin-right: .25rem;
    }

    .hmd-mt-1\/4-md {
        margin-top: .25rem;
    }

    .hmd-mr-1\/4-md {
        margin-right: .25rem;
    }

    .hmd-mb-1\/4-md {
        margin-bottom: .25rem;
    }

    .hmd-ml-1\/4-md {
        margin-left: .25rem;
    }

    .hmd-nt-1\/4-md {
        margin-top: -0.25rem;
    }

    .hmd-nr-1\/4-md {
        margin-right: -0.25rem;
    }

    .hmd-nb-1\/4-md {
        margin-bottom: -0.25rem;
    }

    .hmd-nl-1\/4-md {
        margin-left: -0.25rem;
    }

    .hmd-ma-3\/4-md {
        margin: .75rem;
    }

    .hmd-mv-3\/4-md {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    .hmd-mh-3\/4-md {
        margin-left: .75rem;
        margin-right: .75rem;
    }

    .hmd-mt-3\/4-md {
        margin-top: .75rem;
    }

    .hmd-mr-3\/4-md {
        margin-right: .75rem;
    }

    .hmd-mb-3\/4-md {
        margin-bottom: .75rem;
    }

    .hmd-ml-3\/4-md {
        margin-left: .75rem;
    }

    .hmd-nt-3\/4-md {
        margin-top: -0.75rem;
    }

    .hmd-nr-3\/4-md {
        margin-right: -0.75rem;
    }

    .hmd-nb-3\/4-md {
        margin-bottom: -0.75rem;
    }

    .hmd-nl-3\/4-md {
        margin-left: -0.75rem;
    }

    .hmd-ma-1\/8-md {
        margin: .125rem;
    }

    .hmd-mv-1\/8-md {
        margin-top: .125rem;
        margin-bottom: .125rem;
    }

    .hmd-mh-1\/8-md {
        margin-left: .125rem;
        margin-right: .125rem;
    }

    .hmd-mt-1\/8-md {
        margin-top: .125rem;
    }

    .hmd-mr-1\/8-md {
        margin-right: .125rem;
    }

    .hmd-mb-1\/8-md {
        margin-bottom: .125rem;
    }

    .hmd-ml-1\/8-md {
        margin-left: .125rem;
    }

    .hmd-nt-1\/8-md {
        margin-top: -0.125rem;
    }

    .hmd-nr-1\/8-md {
        margin-right: -0.125rem;
    }

    .hmd-nb-1\/8-md {
        margin-bottom: -0.125rem;
    }

    .hmd-nl-1\/8-md {
        margin-left: -0.125rem;
    }

    .hmd-ma-1\/2-md {
        margin: 5px;
    }

    .hmd-mv-1\/2-md {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hmd-mh-1\/2-md {
        margin-left: 5px;
        margin-right: 5px;
    }

    .hmd-mt-1\/2-md {
        margin-top: 5px;
    }

    .hmd-mr-1\/2-md {
        margin-right: 5px;
    }

    .hmd-mb-1\/2-md {
        margin-bottom: 5px;
    }

    .hmd-ml-1\/2-md {
        margin-left: 5px;
    }

    .hmd-nt-1\/2-md {
        margin-top: -5px;
    }

    .hmd-nr-1\/2-md {
        margin-right: -5px;
    }

    .hmd-nb-1\/2-md {
        margin-bottom: -5px;
    }

    .hmd-nl-1\/2-md {
        margin-left: -5px;
    }

    .hmd-ma-1-md {
        margin: 10px;
    }

    .hmd-mv-1-md {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .hmd-mh-1-md {
        margin-left: 10px;
        margin-right: 10px;
    }

    .hmd-mt-1-md {
        margin-top: 10px;
    }

    .hmd-mr-1-md {
        margin-right: 10px;
    }

    .hmd-mb-1-md {
        margin-bottom: 10px;
    }

    .hmd-ml-1-md {
        margin-left: 10px;
    }

    .hmd-nt-1-md {
        margin-top: -10px;
    }

    .hmd-nr-1-md {
        margin-right: -10px;
    }

    .hmd-nb-1-md {
        margin-bottom: -10px;
    }

    .hmd-nl-1-md {
        margin-left: -10px;
    }

    .hmd-ma-3\/2-md {
        margin: 15px;
    }

    .hmd-mv-3\/2-md {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .hmd-mh-3\/2-md {
        margin-left: 15px;
        margin-right: 15px;
    }

    .hmd-mt-3\/2-md {
        margin-top: 15px;
    }

    .hmd-mr-3\/2-md {
        margin-right: 15px;
    }

    .hmd-mb-3\/2-md {
        margin-bottom: 15px;
    }

    .hmd-ml-3\/2-md {
        margin-left: 15px;
    }

    .hmd-nt-3\/2-md {
        margin-top: -15px;
    }

    .hmd-nr-3\/2-md {
        margin-right: -15px;
    }

    .hmd-nb-3\/2-md {
        margin-bottom: -15px;
    }

    .hmd-nl-3\/2-md {
        margin-left: -15px;
    }

    .hmd-ma-2-md {
        margin: 20px;
    }

    .hmd-mv-2-md {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hmd-mh-2-md {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hmd-mt-2-md {
        margin-top: 20px;
    }

    .hmd-mr-2-md {
        margin-right: 20px;
    }

    .hmd-mb-2-md {
        margin-bottom: 20px;
    }

    .hmd-ml-2-md {
        margin-left: 20px;
    }

    .hmd-nt-2-md {
        margin-top: -20px;
    }

    .hmd-nr-2-md {
        margin-right: -20px;
    }

    .hmd-nb-2-md {
        margin-bottom: -20px;
    }

    .hmd-nl-2-md {
        margin-left: -20px;
    }

    .hmd-ma-25-md {
        margin: 25px;
    }

    .hmd-mv-25-md {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .hmd-mh-25-md {
        margin-left: 25px;
        margin-right: 25px;
    }

    .hmd-mt-25-md {
        margin-top: 25px;
    }

    .hmd-mr-25-md {
        margin-right: 25px;
    }

    .hmd-mb-25-md {
        margin-bottom: 25px;
    }

    .hmd-ml-25-md {
        margin-left: 25px;
    }

    .hmd-nt-25-md {
        margin-top: -25px;
    }

    .hmd-nr-25-md {
        margin-right: -25px;
    }

    .hmd-nb-25-md {
        margin-bottom: -25px;
    }

    .hmd-nl-25-md {
        margin-left: -25px;
    }

    .hmd-ma-3-md {
        margin: 30px;
    }

    .hmd-mv-3-md {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .hmd-mh-3-md {
        margin-left: 30px;
        margin-right: 30px;
    }

    .hmd-mt-3-md {
        margin-top: 30px;
    }

    .hmd-mr-3-md {
        margin-right: 30px;
    }

    .hmd-mb-3-md {
        margin-bottom: 30px;
    }

    .hmd-ml-3-md {
        margin-left: 30px;
    }

    .hmd-nt-3-md {
        margin-top: -30px;
    }

    .hmd-nr-3-md {
        margin-right: -30px;
    }

    .hmd-nb-3-md {
        margin-bottom: -30px;
    }

    .hmd-nl-3-md {
        margin-left: -30px;
    }

    .hmd-ma-35-md {
        margin: 35px;
    }

    .hmd-mv-35-md {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .hmd-mh-35-md {
        margin-left: 35px;
        margin-right: 35px;
    }

    .hmd-mt-35-md {
        margin-top: 35px;
    }

    .hmd-mr-35-md {
        margin-right: 35px;
    }

    .hmd-mb-35-md {
        margin-bottom: 35px;
    }

    .hmd-ml-35-md {
        margin-left: 35px;
    }

    .hmd-nt-35-md {
        margin-top: -35px;
    }

    .hmd-nr-35-md {
        margin-right: -35px;
    }

    .hmd-nb-35-md {
        margin-bottom: -35px;
    }

    .hmd-nl-35-md {
        margin-left: -35px;
    }

    .hmd-ma-4-md {
        margin: 40px;
    }

    .hmd-mv-4-md {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .hmd-mh-4-md {
        margin-left: 40px;
        margin-right: 40px;
    }

    .hmd-mt-4-md {
        margin-top: 40px;
    }

    .hmd-mr-4-md {
        margin-right: 40px;
    }

    .hmd-mb-4-md {
        margin-bottom: 40px;
    }

    .hmd-ml-4-md {
        margin-left: 40px;
    }

    .hmd-nt-4-md {
        margin-top: -40px;
    }

    .hmd-nr-4-md {
        margin-right: -40px;
    }

    .hmd-nb-4-md {
        margin-bottom: -40px;
    }

    .hmd-nl-4-md {
        margin-left: -40px;
    }

    .hmd-ma-5-md {
        margin: 50px;
    }

    .hmd-mv-5-md {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hmd-mh-5-md {
        margin-left: 50px;
        margin-right: 50px;
    }

    .hmd-mt-5-md {
        margin-top: 50px;
    }

    .hmd-mr-5-md {
        margin-right: 50px;
    }

    .hmd-mb-5-md {
        margin-bottom: 50px;
    }

    .hmd-ml-5-md {
        margin-left: 50px;
    }

    .hmd-nt-5-md {
        margin-top: -50px;
    }

    .hmd-nr-5-md {
        margin-right: -50px;
    }

    .hmd-nb-5-md {
        margin-bottom: -50px;
    }

    .hmd-nl-5-md {
        margin-left: -50px;
    }

    .hmd-ma-55-md {
        margin: 55px;
    }

    .hmd-mv-55-md {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .hmd-mh-55-md {
        margin-left: 55px;
        margin-right: 55px;
    }

    .hmd-mt-55-md {
        margin-top: 55px;
    }

    .hmd-mr-55-md {
        margin-right: 55px;
    }

    .hmd-mb-55-md {
        margin-bottom: 55px;
    }

    .hmd-ml-55-md {
        margin-left: 55px;
    }

    .hmd-nt-55-md {
        margin-top: -55px;
    }

    .hmd-nr-55-md {
        margin-right: -55px;
    }

    .hmd-nb-55-md {
        margin-bottom: -55px;
    }

    .hmd-nl-55-md {
        margin-left: -55px;
    }

    .hmd-ma-6-md {
        margin: 60px;
    }

    .hmd-mv-6-md {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .hmd-mh-6-md {
        margin-left: 60px;
        margin-right: 60px;
    }

    .hmd-mt-6-md {
        margin-top: 60px;
    }

    .hmd-mr-6-md {
        margin-right: 60px;
    }

    .hmd-mb-6-md {
        margin-bottom: 60px;
    }

    .hmd-ml-6-md {
        margin-left: 60px;
    }

    .hmd-nt-6-md {
        margin-top: -60px;
    }

    .hmd-nr-6-md {
        margin-right: -60px;
    }

    .hmd-nb-6-md {
        margin-bottom: -60px;
    }

    .hmd-nl-6-md {
        margin-left: -60px;
    }

    .hmd-ma-7-md {
        margin: 70px;
    }

    .hmd-mv-7-md {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .hmd-mh-7-md {
        margin-left: 70px;
        margin-right: 70px;
    }

    .hmd-mt-7-md {
        margin-top: 70px;
    }

    .hmd-mr-7-md {
        margin-right: 70px;
    }

    .hmd-mb-7-md {
        margin-bottom: 70px;
    }

    .hmd-ml-7-md {
        margin-left: 70px;
    }

    .hmd-nt-7-md {
        margin-top: -70px;
    }

    .hmd-nr-7-md {
        margin-right: -70px;
    }

    .hmd-nb-7-md {
        margin-bottom: -70px;
    }

    .hmd-nl-7-md {
        margin-left: -70px;
    }

    .hmd-ma-8-md {
        margin: 80px;
    }

    .hmd-mv-8-md {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .hmd-mh-8-md {
        margin-left: 80px;
        margin-right: 80px;
    }

    .hmd-mt-8-md {
        margin-top: 80px;
    }

    .hmd-mr-8-md {
        margin-right: 80px;
    }

    .hmd-mb-8-md {
        margin-bottom: 80px;
    }

    .hmd-ml-8-md {
        margin-left: 80px;
    }

    .hmd-nt-8-md {
        margin-top: -80px;
    }

    .hmd-nr-8-md {
        margin-right: -80px;
    }

    .hmd-nb-8-md {
        margin-bottom: -80px;
    }

    .hmd-nl-8-md {
        margin-left: -80px;
    }

    .hmd-ma-10-md {
        margin: 100px;
    }

    .hmd-mv-10-md {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .hmd-mh-10-md {
        margin-left: 100px;
        margin-right: 100px;
    }

    .hmd-mt-10-md {
        margin-top: 100px;
    }

    .hmd-mr-10-md {
        margin-right: 100px;
    }

    .hmd-mb-10-md {
        margin-bottom: 100px;
    }

    .hmd-ml-10-md {
        margin-left: 100px;
    }

    .hmd-nt-10-md {
        margin-top: -100px;
    }

    .hmd-nr-10-md {
        margin-right: -100px;
    }

    .hmd-nb-10-md {
        margin-bottom: -100px;
    }

    .hmd-nl-10-md {
        margin-left: -100px;
    }

    .hmd-ma-12-md {
        margin: 120px;
    }

    .hmd-mv-12-md {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .hmd-mh-12-md {
        margin-left: 120px;
        margin-right: 120px;
    }

    .hmd-mt-12-md {
        margin-top: 120px;
    }

    .hmd-mr-12-md {
        margin-right: 120px;
    }

    .hmd-mb-12-md {
        margin-bottom: 120px;
    }

    .hmd-ml-12-md {
        margin-left: 120px;
    }

    .hmd-nt-12-md {
        margin-top: -120px;
    }

    .hmd-nr-12-md {
        margin-right: -120px;
    }

    .hmd-nb-12-md {
        margin-bottom: -120px;
    }

    .hmd-nl-12-md {
        margin-left: -120px;
    }

    .hmd-ma-14-md {
        margin: 140px;
    }

    .hmd-mv-14-md {
        margin-top: 140px;
        margin-bottom: 140px;
    }

    .hmd-mh-14-md {
        margin-left: 140px;
        margin-right: 140px;
    }

    .hmd-mt-14-md {
        margin-top: 140px;
    }

    .hmd-mr-14-md {
        margin-right: 140px;
    }

    .hmd-mb-14-md {
        margin-bottom: 140px;
    }

    .hmd-ml-14-md {
        margin-left: 140px;
    }

    .hmd-nt-14-md {
        margin-top: -140px;
    }

    .hmd-nr-14-md {
        margin-right: -140px;
    }

    .hmd-nb-14-md {
        margin-bottom: -140px;
    }

    .hmd-nl-14-md {
        margin-left: -140px;
    }

    .hmd-ma-16-md {
        margin: 160px;
    }

    .hmd-mv-16-md {
        margin-top: 160px;
        margin-bottom: 160px;
    }

    .hmd-mh-16-md {
        margin-left: 160px;
        margin-right: 160px;
    }

    .hmd-mt-16-md {
        margin-top: 160px;
    }

    .hmd-mr-16-md {
        margin-right: 160px;
    }

    .hmd-mb-16-md {
        margin-bottom: 160px;
    }

    .hmd-ml-16-md {
        margin-left: 160px;
    }

    .hmd-nt-16-md {
        margin-top: -160px;
    }

    .hmd-nr-16-md {
        margin-right: -160px;
    }

    .hmd-nb-16-md {
        margin-bottom: -160px;
    }

    .hmd-nl-16-md {
        margin-left: -160px;
    }

    .hmd-ma-auto-md {
        margin: auto;
    }

    .hmd-mv-auto-md {
        margin-top: auto;
        margin-bottom: auto;
    }

    .hmd-mh-auto-md {
        margin-left: auto;
        margin-right: auto;
    }

    .hmd-mt-auto-md {
        margin-top: auto;
    }

    .hmd-mr-auto-md {
        margin-right: auto;
    }

    .hmd-mb-auto-md {
        margin-bottom: auto;
    }

    .hmd-ml-auto-md {
        margin-left: auto;
    }

    .hmd-nt-auto-md {
        margin-top: -auto;
    }

    .hmd-nr-auto-md {
        margin-right: -auto;
    }

    .hmd-nb-auto-md {
        margin-bottom: -auto;
    }

    .hmd-nl-auto-md {
        margin-left: -auto;
    }

    .hmd-mh-auto--md {
        margin: 0 auto;
    }

    .hmd-op-0-md {
        opacity: 0%;
    }

    .hmd-op-1-md {
        opacity: 10%;
    }

    .hmd-op-2-md {
        opacity: 20%;
    }

    .hmd-op-3-md {
        opacity: 30%;
    }

    .hmd-op-4-md {
        opacity: 40%;
    }

    .hmd-op-5-md {
        opacity: 50%;
    }

    .hmd-op-6-md {
        opacity: 60%;
    }

    .hmd-op-7-md {
        opacity: 70%;
    }

    .hmd-op-8-md {
        opacity: 80%;
    }

    .hmd-op-9-md {
        opacity: 90%;
    }

    .hmd-op-10-md {
        opacity: 100%;
    }

    .hmd-w-1-md {
        width: 10px;
    }

    .hmd-mw-1-md {
        max-width: 10px;
    }

    .hmd-nw-1-md {
        min-width: 10px;
    }

    .hmd-w-2-md {
        width: 20px;
    }

    .hmd-mw-2-md {
        max-width: 20px;
    }

    .hmd-nw-2-md {
        min-width: 20px;
    }

    .hmd-w-3-md {
        width: 30px;
    }

    .hmd-mw-3-md {
        max-width: 30px;
    }

    .hmd-nw-3-md {
        min-width: 30px;
    }

    .hmd-w-4-md {
        width: 40px;
    }

    .hmd-mw-4-md {
        max-width: 40px;
    }

    .hmd-nw-4-md {
        min-width: 40px;
    }

    .hmd-w-8-md {
        width: 80px;
    }

    .hmd-mw-8-md {
        max-width: 80px;
    }

    .hmd-nw-8-md {
        min-width: 80px;
    }

    .hmd-w-16-md {
        width: 160px;
    }

    .hmd-mw-16-md {
        max-width: 160px;
    }

    .hmd-nw-16-md {
        min-width: 160px;
    }

    .hmd-w-18-md {
        width: 180px;
    }

    .hmd-mw-18-md {
        max-width: 180px;
    }

    .hmd-nw-18-md {
        min-width: 180px;
    }

    .hmd-w-30-md {
        width: 300px;
    }

    .hmd-mw-30-md {
        max-width: 300px;
    }

    .hmd-nw-30-md {
        min-width: 300px;
    }

    .hmd-w-110-md {
        width: 1110px;
    }

    .hmd-mw-110-md {
        max-width: 1110px;
    }

    .hmd-nw-110-md {
        min-width: 1110px;
    }

    .hmd-w-1\/10-md {
        width: 10%;
    }

    .hmd-mw-1\/10-md {
        max-width: 10%;
    }

    .hmd-nw-1\/10-md {
        min-width: 10%;
    }

    .hmd-w-1\/5-md {
        width: 20%;
    }

    .hmd-mw-1\/5-md {
        max-width: 20%;
    }

    .hmd-nw-1\/5-md {
        min-width: 20%;
    }

    .hmd-w-1\/4-md {
        width: 25%;
    }

    .hmd-mw-1\/4-md {
        max-width: 25%;
    }

    .hmd-nw-1\/4-md {
        min-width: 25%;
    }

    .hmd-w-3\/10-md {
        width: 30%;
    }

    .hmd-mw-3\/10-md {
        max-width: 30%;
    }

    .hmd-nw-3\/10-md {
        min-width: 30%;
    }

    .hmd-w-1\/3-md {
        width: 33.3333%;
    }

    .hmd-mw-1\/3-md {
        max-width: 33.3333%;
    }

    .hmd-nw-1\/3-md {
        min-width: 33.3333%;
    }

    .hmd-w-2\/5-md {
        width: 40%;
    }

    .hmd-mw-2\/5-md {
        max-width: 40%;
    }

    .hmd-nw-2\/5-md {
        min-width: 40%;
    }

    .hmd-w-1\/2-md {
        width: 50%;
    }

    .hmd-mw-1\/2-md {
        max-width: 50%;
    }

    .hmd-nw-1\/2-md {
        min-width: 50%;
    }

    .hmd-w-3\/5-md {
        width: 60%;
    }

    .hmd-mw-3\/5-md {
        max-width: 60%;
    }

    .hmd-nw-3\/5-md {
        min-width: 60%;
    }

    .hmd-w-7\/10-md {
        width: 70%;
    }

    .hmd-mw-7\/10-md {
        max-width: 70%;
    }

    .hmd-nw-7\/10-md {
        min-width: 70%;
    }

    .hmd-w-3\/4-md {
        width: 75%;
    }

    .hmd-mw-3\/4-md {
        max-width: 75%;
    }

    .hmd-nw-3\/4-md {
        min-width: 75%;
    }

    .hmd-w-4\/5-md {
        width: 80%;
    }

    .hmd-mw-4\/5-md {
        max-width: 80%;
    }

    .hmd-nw-4\/5-md {
        min-width: 80%;
    }

    .hmd-w-9\/10-md {
        width: 90%;
    }

    .hmd-mw-9\/10-md {
        max-width: 90%;
    }

    .hmd-nw-9\/10-md {
        min-width: 90%;
    }

    .hmd-w-full-md {
        width: 100%;
    }

    .hmd-mw-full-md {
        max-width: 100%;
    }

    .hmd-nw-full-md {
        min-width: 100%;
    }

    .hmd-w-100-md {
        width: 100%;
    }

    .hmd-mw-100-md {
        max-width: 100%;
    }

    .hmd-nw-100-md {
        min-width: 100%;
    }

    .hmd-w-auto-md {
        width: auto;
    }

    .hmd-mw-auto-md {
        max-width: auto;
    }

    .hmd-nw-auto-md {
        min-width: auto;
    }
}

@media (min-width: 768px) {
    .navbar .ui-profile-label img {
        height: 24px;
        width: 24px;
    }

    .nav-mobile {
        display: none;
    }

    .hmd-text-left-sm {
        text-align: left;
    }

    .hmd-text-right-sm {
        text-align: right;
    }

    .hmd-text-center-sm {
        text-align: center;
    }

    .hmd-text-bold-sm {
        font-weight: bold;
    }

    .hmd-text-underline-sm {
        text-decoration: underline;
    }

    .hmd-text-left-sm {
        text-align: left;
    }

    .hmd-text-right-sm {
        text-align: right;
    }

    .hmd-text-center-sm {
        text-align: center;
    }

    .hmd-text-bold-sm {
        font-weight: bold;
    }

    .hmd-text-underline-sm {
        text-decoration: underline;
    }

    .modal-body {
        max-height: calc(100vh - 90px);
    }

    .hmd-flex-sm {
        display: flex;
    }

    .inline-flex-sm {
        display: inline-flex;
    }

    .hmd-flex-auto-sm {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0;
    }

    .hmd-flex-one-sm {
        flex: 1;
    }

    .hmd-flex-two-sm {
        flex: 2;
    }

    .hmd-flex-none-sm {
        flex: none;
    }

    .hmd-flex-column-sm {
        flex-direction: column;
    }

    .hmd-flex-row-sm {
        flex-direction: row;
    }

    .hmd-flex-wrap-sm {
        flex-wrap: wrap;
    }

    .hmd-flex-nowrap-sm {
        flex-wrap: nowrap;
    }

    .hmd-flex-wrap-reverse-sm {
        flex-wrap: wrap-reverse;
    }

    .hmd-flex-column-reverse-sm {
        flex-direction: column-reverse;
    }

    .hmd-flex-row-reverse-sm {
        flex-direction: row-reverse;
    }

    .hmd-items-start-sm {
        align-items: flex-start;
    }

    .hmd-items-end-sm {
        align-items: flex-end;
    }

    .hmd-items-center-sm {
        align-items: center;
    }

    .hmd-items-baseline-sm {
        align-items: baseline;
    }

    .hmd-items-stretch-sm {
        align-items: stretch;
    }

    .hmd-self-start-sm {
        align-self: flex-start;
    }

    .hmd-self-end-sm {
        align-self: flex-end;
    }

    .hmd-self-center-sm {
        align-self: center;
    }

    .hmd-self-baseline-sm {
        align-self: baseline;
    }

    .hmd-self-stretch-sm {
        align-self: stretch;
    }

    .hmd-justify-start-sm {
        justify-content: flex-start;
    }

    .hmd-justify-end-sm {
        justify-content: flex-end;
    }

    .hmd-justify-center-sm {
        justify-content: center;
    }

    .hmd-justify-between-sm {
        justify-content: space-between;
    }

    .hmd-justify-around-sm {
        justify-content: space-around;
    }

    .hmd-content-start-sm {
        align-content: flex-start;
    }

    .hmd-content-end-sm {
        align-content: flex-end;
    }

    .hmd-content-center-sm {
        align-content: center;
    }

    .hmd-content-between-sm {
        align-content: space-between;
    }

    .hmd-content-around-sm {
        align-content: space-around;
    }

    .hmd-content-stretch-sm {
        align-content: stretch;
    }

    .hmd-order-0-sm {
        order: 0;
    }

    .hmd-order-1-sm {
        order: 1;
    }

    .hmd-order-2-sm {
        order: 2;
    }

    .hmd-order-3-sm {
        order: 3;
    }

    .hmd-order-4-sm {
        order: 4;
    }

    .hmd-order-5-sm {
        order: 5;
    }

    .hmd-order-6-sm {
        order: 6;
    }

    .hmd-order-7-sm {
        order: 7;
    }

    .hmd-order-8-sm {
        order: 8;
    }

    .hmd-order-last-sm {
        order: 99999;
    }

    .hmd-flex-grow-0-sm {
        flex-grow: 0;
    }

    .hmd-flex-grow-1-sm {
        flex-grow: 1;
    }

    .hmd-flex-shrink-0-sm {
        flex-shrink: 0;
    }

    .hmd-flex-shrink-1-sm {
        flex-shrink: 1;
    }

    .hmd-dn-sm {
        display: none;
    }

    .hmd-di-sm {
        display: inline;
    }

    .hmd-db-sm {
        display: block;
    }

    .hmd-dib-sm {
        display: inline-block;
    }

    .hmd-dit-sm {
        display: inline-table;
    }

    .hmd-dt-sm {
        display: table;
    }

    .hmd-dtc-sm {
        display: table-cell;
    }

    .hmd-dt-row-sm {
        display: table-row;
    }

    .hmd-dt-row-group-sm {
        display: table-row-group;
    }

    .hmd-dt-column-sm {
        display: table-column;
    }

    .hmd-dt-column-group-sm {
        display: table-column-group;
    }

    .hmd-dns-sm {
        display: unset;
    }

    .hmd-dni-sm {
        display: none !important;
    }

    .hmd-vv-sm {
        visibility: visible;
    }

    .hmd-vh-sm {
        visibility: hidden;
    }

    .hmd-pa-0-sm {
        padding: 0;
    }

    .hmd-pv-0-sm {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hmd-ph-0-sm {
        padding-left: 0;
        padding-right: 0;
    }

    .hmd-pt-0-sm {
        padding-top: 0;
    }

    .hmd-pr-0-sm {
        padding-right: 0;
    }

    .hmd-pb-0-sm {
        padding-bottom: 0;
    }

    .hmd-pl-0-sm {
        padding-left: 0;
    }

    .hmd-pa-1\/10-sm {
        padding: 1px;
    }

    .hmd-pv-1\/10-sm {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .hmd-ph-1\/10-sm {
        padding-left: 1px;
        padding-right: 1px;
    }

    .hmd-pt-1\/10-sm {
        padding-top: 1px;
    }

    .hmd-pr-1\/10-sm {
        padding-right: 1px;
    }

    .hmd-pb-1\/10-sm {
        padding-bottom: 1px;
    }

    .hmd-pl-1\/10-sm {
        padding-left: 1px;
    }

    .hmd-pa-1\/5-sm {
        padding: 2px;
    }

    .hmd-pv-1\/5-sm {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .hmd-ph-1\/5-sm {
        padding-left: 2px;
        padding-right: 2px;
    }

    .hmd-pt-1\/5-sm {
        padding-top: 2px;
    }

    .hmd-pr-1\/5-sm {
        padding-right: 2px;
    }

    .hmd-pb-1\/5-sm {
        padding-bottom: 2px;
    }

    .hmd-pl-1\/5-sm {
        padding-left: 2px;
    }

    .hmd-pa-1\/4-sm {
        padding: .25rem;
    }

    .hmd-pv-1\/4-sm {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .hmd-ph-1\/4-sm {
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .hmd-pt-1\/4-sm {
        padding-top: .25rem;
    }

    .hmd-pr-1\/4-sm {
        padding-right: .25rem;
    }

    .hmd-pb-1\/4-sm {
        padding-bottom: .25rem;
    }

    .hmd-pl-1\/4-sm {
        padding-left: .25rem;
    }

    .hmd-pa-3\/4-sm {
        padding: .75rem;
    }

    .hmd-pv-3\/4-sm {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    .hmd-ph-3\/4-sm {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .hmd-pt-3\/4-sm {
        padding-top: .75rem;
    }

    .hmd-pr-3\/4-sm {
        padding-right: .75rem;
    }

    .hmd-pb-3\/4-sm {
        padding-bottom: .75rem;
    }

    .hmd-pl-3\/4-sm {
        padding-left: .75rem;
    }

    .hmd-pa-1\/8-sm {
        padding: .125rem;
    }

    .hmd-pv-1\/8-sm {
        padding-top: .125rem;
        padding-bottom: .125rem;
    }

    .hmd-ph-1\/8-sm {
        padding-left: .125rem;
        padding-right: .125rem;
    }

    .hmd-pt-1\/8-sm {
        padding-top: .125rem;
    }

    .hmd-pr-1\/8-sm {
        padding-right: .125rem;
    }

    .hmd-pb-1\/8-sm {
        padding-bottom: .125rem;
    }

    .hmd-pl-1\/8-sm {
        padding-left: .125rem;
    }

    .hmd-pa-1\/2-sm {
        padding: 5px;
    }

    .hmd-pv-1\/2-sm {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hmd-ph-1\/2-sm {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hmd-pt-1\/2-sm {
        padding-top: 5px;
    }

    .hmd-pr-1\/2-sm {
        padding-right: 5px;
    }

    .hmd-pb-1\/2-sm {
        padding-bottom: 5px;
    }

    .hmd-pl-1\/2-sm {
        padding-left: 5px;
    }

    .hmd-pa-1-sm {
        padding: 10px;
    }

    .hmd-pv-1-sm {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hmd-ph-1-sm {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hmd-pt-1-sm {
        padding-top: 10px;
    }

    .hmd-pr-1-sm {
        padding-right: 10px;
    }

    .hmd-pb-1-sm {
        padding-bottom: 10px;
    }

    .hmd-pl-1-sm {
        padding-left: 10px;
    }

    .hmd-pa-3\/2-sm {
        padding: 15px;
    }

    .hmd-pv-3\/2-sm {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hmd-ph-3\/2-sm {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmd-pt-3\/2-sm {
        padding-top: 15px;
    }

    .hmd-pr-3\/2-sm {
        padding-right: 15px;
    }

    .hmd-pb-3\/2-sm {
        padding-bottom: 15px;
    }

    .hmd-pl-3\/2-sm {
        padding-left: 15px;
    }

    .hmd-pa-2-sm {
        padding: 20px;
    }

    .hmd-pv-2-sm {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hmd-ph-2-sm {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hmd-pt-2-sm {
        padding-top: 20px;
    }

    .hmd-pr-2-sm {
        padding-right: 20px;
    }

    .hmd-pb-2-sm {
        padding-bottom: 20px;
    }

    .hmd-pl-2-sm {
        padding-left: 20px;
    }

    .hmd-pa-25-sm {
        padding: 25px;
    }

    .hmd-pv-25-sm {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .hmd-ph-25-sm {
        padding-left: 25px;
        padding-right: 25px;
    }

    .hmd-pt-25-sm {
        padding-top: 25px;
    }

    .hmd-pr-25-sm {
        padding-right: 25px;
    }

    .hmd-pb-25-sm {
        padding-bottom: 25px;
    }

    .hmd-pl-25-sm {
        padding-left: 25px;
    }

    .hmd-pa-3-sm {
        padding: 30px;
    }

    .hmd-pv-3-sm {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hmd-ph-3-sm {
        padding-left: 30px;
        padding-right: 30px;
    }

    .hmd-pt-3-sm {
        padding-top: 30px;
    }

    .hmd-pr-3-sm {
        padding-right: 30px;
    }

    .hmd-pb-3-sm {
        padding-bottom: 30px;
    }

    .hmd-pl-3-sm {
        padding-left: 30px;
    }

    .hmd-pa-35-sm {
        padding: 35px;
    }

    .hmd-pv-35-sm {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .hmd-ph-35-sm {
        padding-left: 35px;
        padding-right: 35px;
    }

    .hmd-pt-35-sm {
        padding-top: 35px;
    }

    .hmd-pr-35-sm {
        padding-right: 35px;
    }

    .hmd-pb-35-sm {
        padding-bottom: 35px;
    }

    .hmd-pl-35-sm {
        padding-left: 35px;
    }

    .hmd-pa-4-sm {
        padding: 40px;
    }

    .hmd-pv-4-sm {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hmd-ph-4-sm {
        padding-left: 40px;
        padding-right: 40px;
    }

    .hmd-pt-4-sm {
        padding-top: 40px;
    }

    .hmd-pr-4-sm {
        padding-right: 40px;
    }

    .hmd-pb-4-sm {
        padding-bottom: 40px;
    }

    .hmd-pl-4-sm {
        padding-left: 40px;
    }

    .hmd-pa-5-sm {
        padding: 50px;
    }

    .hmd-pv-5-sm {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hmd-ph-5-sm {
        padding-left: 50px;
        padding-right: 50px;
    }

    .hmd-pt-5-sm {
        padding-top: 50px;
    }

    .hmd-pr-5-sm {
        padding-right: 50px;
    }

    .hmd-pb-5-sm {
        padding-bottom: 50px;
    }

    .hmd-pl-5-sm {
        padding-left: 50px;
    }

    .hmd-pa-55-sm {
        padding: 55px;
    }

    .hmd-pv-55-sm {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hmd-ph-55-sm {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hmd-pt-55-sm {
        padding-top: 55px;
    }

    .hmd-pr-55-sm {
        padding-right: 55px;
    }

    .hmd-pb-55-sm {
        padding-bottom: 55px;
    }

    .hmd-pl-55-sm {
        padding-left: 55px;
    }

    .hmd-pa-6-sm {
        padding: 60px;
    }

    .hmd-pv-6-sm {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hmd-ph-6-sm {
        padding-left: 60px;
        padding-right: 60px;
    }

    .hmd-pt-6-sm {
        padding-top: 60px;
    }

    .hmd-pr-6-sm {
        padding-right: 60px;
    }

    .hmd-pb-6-sm {
        padding-bottom: 60px;
    }

    .hmd-pl-6-sm {
        padding-left: 60px;
    }

    .hmd-pa-7-sm {
        padding: 70px;
    }

    .hmd-pv-7-sm {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .hmd-ph-7-sm {
        padding-left: 70px;
        padding-right: 70px;
    }

    .hmd-pt-7-sm {
        padding-top: 70px;
    }

    .hmd-pr-7-sm {
        padding-right: 70px;
    }

    .hmd-pb-7-sm {
        padding-bottom: 70px;
    }

    .hmd-pl-7-sm {
        padding-left: 70px;
    }

    .hmd-pa-8-sm {
        padding: 80px;
    }

    .hmd-pv-8-sm {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hmd-ph-8-sm {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hmd-pt-8-sm {
        padding-top: 80px;
    }

    .hmd-pr-8-sm {
        padding-right: 80px;
    }

    .hmd-pb-8-sm {
        padding-bottom: 80px;
    }

    .hmd-pl-8-sm {
        padding-left: 80px;
    }

    .hmd-pa-10-sm {
        padding: 100px;
    }

    .hmd-pv-10-sm {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .hmd-ph-10-sm {
        padding-left: 100px;
        padding-right: 100px;
    }

    .hmd-pt-10-sm {
        padding-top: 100px;
    }

    .hmd-pr-10-sm {
        padding-right: 100px;
    }

    .hmd-pb-10-sm {
        padding-bottom: 100px;
    }

    .hmd-pl-10-sm {
        padding-left: 100px;
    }

    .hmd-pa-12-sm {
        padding: 120px;
    }

    .hmd-pv-12-sm {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .hmd-ph-12-sm {
        padding-left: 120px;
        padding-right: 120px;
    }

    .hmd-pt-12-sm {
        padding-top: 120px;
    }

    .hmd-pr-12-sm {
        padding-right: 120px;
    }

    .hmd-pb-12-sm {
        padding-bottom: 120px;
    }

    .hmd-pl-12-sm {
        padding-left: 120px;
    }

    .hmd-pa-14-sm {
        padding: 140px;
    }

    .hmd-pv-14-sm {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .hmd-ph-14-sm {
        padding-left: 140px;
        padding-right: 140px;
    }

    .hmd-pt-14-sm {
        padding-top: 140px;
    }

    .hmd-pr-14-sm {
        padding-right: 140px;
    }

    .hmd-pb-14-sm {
        padding-bottom: 140px;
    }

    .hmd-pl-14-sm {
        padding-left: 140px;
    }

    .hmd-pa-16-sm {
        padding: 160px;
    }

    .hmd-pv-16-sm {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .hmd-ph-16-sm {
        padding-left: 160px;
        padding-right: 160px;
    }

    .hmd-pt-16-sm {
        padding-top: 160px;
    }

    .hmd-pr-16-sm {
        padding-right: 160px;
    }

    .hmd-pb-16-sm {
        padding-bottom: 160px;
    }

    .hmd-pl-16-sm {
        padding-left: 160px;
    }

    .hmd-pa-auto-sm {
        padding: auto;
    }

    .hmd-pv-auto-sm {
        padding-top: auto;
        padding-bottom: auto;
    }

    .hmd-ph-auto-sm {
        padding-left: auto;
        padding-right: auto;
    }

    .hmd-pt-auto-sm {
        padding-top: auto;
    }

    .hmd-pr-auto-sm {
        padding-right: auto;
    }

    .hmd-pb-auto-sm {
        padding-bottom: auto;
    }

    .hmd-pl-auto-sm {
        padding-left: auto;
    }

    .hmd-ma-0-sm {
        margin: 0;
    }

    .hmd-mv-0-sm {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hmd-mh-0-sm {
        margin-left: 0;
        margin-right: 0;
    }

    .hmd-mt-0-sm {
        margin-top: 0;
    }

    .hmd-mr-0-sm {
        margin-right: 0;
    }

    .hmd-mb-0-sm {
        margin-bottom: 0;
    }

    .hmd-ml-0-sm {
        margin-left: 0;
    }

    .hmd-nt-0-sm {
        margin-top: -0;
    }

    .hmd-nr-0-sm {
        margin-right: -0;
    }

    .hmd-nb-0-sm {
        margin-bottom: -0;
    }

    .hmd-nl-0-sm {
        margin-left: -0;
    }

    .hmd-ma-1\/10-sm {
        margin: 1px;
    }

    .hmd-mv-1\/10-sm {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .hmd-mh-1\/10-sm {
        margin-left: 1px;
        margin-right: 1px;
    }

    .hmd-mt-1\/10-sm {
        margin-top: 1px;
    }

    .hmd-mr-1\/10-sm {
        margin-right: 1px;
    }

    .hmd-mb-1\/10-sm {
        margin-bottom: 1px;
    }

    .hmd-ml-1\/10-sm {
        margin-left: 1px;
    }

    .hmd-nt-1\/10-sm {
        margin-top: -1px;
    }

    .hmd-nr-1\/10-sm {
        margin-right: -1px;
    }

    .hmd-nb-1\/10-sm {
        margin-bottom: -1px;
    }

    .hmd-nl-1\/10-sm {
        margin-left: -1px;
    }

    .hmd-ma-1\/5-sm {
        margin: 2px;
    }

    .hmd-mv-1\/5-sm {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .hmd-mh-1\/5-sm {
        margin-left: 2px;
        margin-right: 2px;
    }

    .hmd-mt-1\/5-sm {
        margin-top: 2px;
    }

    .hmd-mr-1\/5-sm {
        margin-right: 2px;
    }

    .hmd-mb-1\/5-sm {
        margin-bottom: 2px;
    }

    .hmd-ml-1\/5-sm {
        margin-left: 2px;
    }

    .hmd-nt-1\/5-sm {
        margin-top: -2px;
    }

    .hmd-nr-1\/5-sm {
        margin-right: -2px;
    }

    .hmd-nb-1\/5-sm {
        margin-bottom: -2px;
    }

    .hmd-nl-1\/5-sm {
        margin-left: -2px;
    }

    .hmd-ma-1\/4-sm {
        margin: .25rem;
    }

    .hmd-mv-1\/4-sm {
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

    .hmd-mh-1\/4-sm {
        margin-left: .25rem;
        margin-right: .25rem;
    }

    .hmd-mt-1\/4-sm {
        margin-top: .25rem;
    }

    .hmd-mr-1\/4-sm {
        margin-right: .25rem;
    }

    .hmd-mb-1\/4-sm {
        margin-bottom: .25rem;
    }

    .hmd-ml-1\/4-sm {
        margin-left: .25rem;
    }

    .hmd-nt-1\/4-sm {
        margin-top: -0.25rem;
    }

    .hmd-nr-1\/4-sm {
        margin-right: -0.25rem;
    }

    .hmd-nb-1\/4-sm {
        margin-bottom: -0.25rem;
    }

    .hmd-nl-1\/4-sm {
        margin-left: -0.25rem;
    }

    .hmd-ma-3\/4-sm {
        margin: .75rem;
    }

    .hmd-mv-3\/4-sm {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    .hmd-mh-3\/4-sm {
        margin-left: .75rem;
        margin-right: .75rem;
    }

    .hmd-mt-3\/4-sm {
        margin-top: .75rem;
    }

    .hmd-mr-3\/4-sm {
        margin-right: .75rem;
    }

    .hmd-mb-3\/4-sm {
        margin-bottom: .75rem;
    }

    .hmd-ml-3\/4-sm {
        margin-left: .75rem;
    }

    .hmd-nt-3\/4-sm {
        margin-top: -0.75rem;
    }

    .hmd-nr-3\/4-sm {
        margin-right: -0.75rem;
    }

    .hmd-nb-3\/4-sm {
        margin-bottom: -0.75rem;
    }

    .hmd-nl-3\/4-sm {
        margin-left: -0.75rem;
    }

    .hmd-ma-1\/8-sm {
        margin: .125rem;
    }

    .hmd-mv-1\/8-sm {
        margin-top: .125rem;
        margin-bottom: .125rem;
    }

    .hmd-mh-1\/8-sm {
        margin-left: .125rem;
        margin-right: .125rem;
    }

    .hmd-mt-1\/8-sm {
        margin-top: .125rem;
    }

    .hmd-mr-1\/8-sm {
        margin-right: .125rem;
    }

    .hmd-mb-1\/8-sm {
        margin-bottom: .125rem;
    }

    .hmd-ml-1\/8-sm {
        margin-left: .125rem;
    }

    .hmd-nt-1\/8-sm {
        margin-top: -0.125rem;
    }

    .hmd-nr-1\/8-sm {
        margin-right: -0.125rem;
    }

    .hmd-nb-1\/8-sm {
        margin-bottom: -0.125rem;
    }

    .hmd-nl-1\/8-sm {
        margin-left: -0.125rem;
    }

    .hmd-ma-1\/2-sm {
        margin: 5px;
    }

    .hmd-mv-1\/2-sm {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hmd-mh-1\/2-sm {
        margin-left: 5px;
        margin-right: 5px;
    }

    .hmd-mt-1\/2-sm {
        margin-top: 5px;
    }

    .hmd-mr-1\/2-sm {
        margin-right: 5px;
    }

    .hmd-mb-1\/2-sm {
        margin-bottom: 5px;
    }

    .hmd-ml-1\/2-sm {
        margin-left: 5px;
    }

    .hmd-nt-1\/2-sm {
        margin-top: -5px;
    }

    .hmd-nr-1\/2-sm {
        margin-right: -5px;
    }

    .hmd-nb-1\/2-sm {
        margin-bottom: -5px;
    }

    .hmd-nl-1\/2-sm {
        margin-left: -5px;
    }

    .hmd-ma-1-sm {
        margin: 10px;
    }

    .hmd-mv-1-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .hmd-mh-1-sm {
        margin-left: 10px;
        margin-right: 10px;
    }

    .hmd-mt-1-sm {
        margin-top: 10px;
    }

    .hmd-mr-1-sm {
        margin-right: 10px;
    }

    .hmd-mb-1-sm {
        margin-bottom: 10px;
    }

    .hmd-ml-1-sm {
        margin-left: 10px;
    }

    .hmd-nt-1-sm {
        margin-top: -10px;
    }

    .hmd-nr-1-sm {
        margin-right: -10px;
    }

    .hmd-nb-1-sm {
        margin-bottom: -10px;
    }

    .hmd-nl-1-sm {
        margin-left: -10px;
    }

    .hmd-ma-3\/2-sm {
        margin: 15px;
    }

    .hmd-mv-3\/2-sm {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .hmd-mh-3\/2-sm {
        margin-left: 15px;
        margin-right: 15px;
    }

    .hmd-mt-3\/2-sm {
        margin-top: 15px;
    }

    .hmd-mr-3\/2-sm {
        margin-right: 15px;
    }

    .hmd-mb-3\/2-sm {
        margin-bottom: 15px;
    }

    .hmd-ml-3\/2-sm {
        margin-left: 15px;
    }

    .hmd-nt-3\/2-sm {
        margin-top: -15px;
    }

    .hmd-nr-3\/2-sm {
        margin-right: -15px;
    }

    .hmd-nb-3\/2-sm {
        margin-bottom: -15px;
    }

    .hmd-nl-3\/2-sm {
        margin-left: -15px;
    }

    .hmd-ma-2-sm {
        margin: 20px;
    }

    .hmd-mv-2-sm {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hmd-mh-2-sm {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hmd-mt-2-sm {
        margin-top: 20px;
    }

    .hmd-mr-2-sm {
        margin-right: 20px;
    }

    .hmd-mb-2-sm {
        margin-bottom: 20px;
    }

    .hmd-ml-2-sm {
        margin-left: 20px;
    }

    .hmd-nt-2-sm {
        margin-top: -20px;
    }

    .hmd-nr-2-sm {
        margin-right: -20px;
    }

    .hmd-nb-2-sm {
        margin-bottom: -20px;
    }

    .hmd-nl-2-sm {
        margin-left: -20px;
    }

    .hmd-ma-25-sm {
        margin: 25px;
    }

    .hmd-mv-25-sm {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .hmd-mh-25-sm {
        margin-left: 25px;
        margin-right: 25px;
    }

    .hmd-mt-25-sm {
        margin-top: 25px;
    }

    .hmd-mr-25-sm {
        margin-right: 25px;
    }

    .hmd-mb-25-sm {
        margin-bottom: 25px;
    }

    .hmd-ml-25-sm {
        margin-left: 25px;
    }

    .hmd-nt-25-sm {
        margin-top: -25px;
    }

    .hmd-nr-25-sm {
        margin-right: -25px;
    }

    .hmd-nb-25-sm {
        margin-bottom: -25px;
    }

    .hmd-nl-25-sm {
        margin-left: -25px;
    }

    .hmd-ma-3-sm {
        margin: 30px;
    }

    .hmd-mv-3-sm {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .hmd-mh-3-sm {
        margin-left: 30px;
        margin-right: 30px;
    }

    .hmd-mt-3-sm {
        margin-top: 30px;
    }

    .hmd-mr-3-sm {
        margin-right: 30px;
    }

    .hmd-mb-3-sm {
        margin-bottom: 30px;
    }

    .hmd-ml-3-sm {
        margin-left: 30px;
    }

    .hmd-nt-3-sm {
        margin-top: -30px;
    }

    .hmd-nr-3-sm {
        margin-right: -30px;
    }

    .hmd-nb-3-sm {
        margin-bottom: -30px;
    }

    .hmd-nl-3-sm {
        margin-left: -30px;
    }

    .hmd-ma-35-sm {
        margin: 35px;
    }

    .hmd-mv-35-sm {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .hmd-mh-35-sm {
        margin-left: 35px;
        margin-right: 35px;
    }

    .hmd-mt-35-sm {
        margin-top: 35px;
    }

    .hmd-mr-35-sm {
        margin-right: 35px;
    }

    .hmd-mb-35-sm {
        margin-bottom: 35px;
    }

    .hmd-ml-35-sm {
        margin-left: 35px;
    }

    .hmd-nt-35-sm {
        margin-top: -35px;
    }

    .hmd-nr-35-sm {
        margin-right: -35px;
    }

    .hmd-nb-35-sm {
        margin-bottom: -35px;
    }

    .hmd-nl-35-sm {
        margin-left: -35px;
    }

    .hmd-ma-4-sm {
        margin: 40px;
    }

    .hmd-mv-4-sm {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .hmd-mh-4-sm {
        margin-left: 40px;
        margin-right: 40px;
    }

    .hmd-mt-4-sm {
        margin-top: 40px;
    }

    .hmd-mr-4-sm {
        margin-right: 40px;
    }

    .hmd-mb-4-sm {
        margin-bottom: 40px;
    }

    .hmd-ml-4-sm {
        margin-left: 40px;
    }

    .hmd-nt-4-sm {
        margin-top: -40px;
    }

    .hmd-nr-4-sm {
        margin-right: -40px;
    }

    .hmd-nb-4-sm {
        margin-bottom: -40px;
    }

    .hmd-nl-4-sm {
        margin-left: -40px;
    }

    .hmd-ma-5-sm {
        margin: 50px;
    }

    .hmd-mv-5-sm {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hmd-mh-5-sm {
        margin-left: 50px;
        margin-right: 50px;
    }

    .hmd-mt-5-sm {
        margin-top: 50px;
    }

    .hmd-mr-5-sm {
        margin-right: 50px;
    }

    .hmd-mb-5-sm {
        margin-bottom: 50px;
    }

    .hmd-ml-5-sm {
        margin-left: 50px;
    }

    .hmd-nt-5-sm {
        margin-top: -50px;
    }

    .hmd-nr-5-sm {
        margin-right: -50px;
    }

    .hmd-nb-5-sm {
        margin-bottom: -50px;
    }

    .hmd-nl-5-sm {
        margin-left: -50px;
    }

    .hmd-ma-55-sm {
        margin: 55px;
    }

    .hmd-mv-55-sm {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .hmd-mh-55-sm {
        margin-left: 55px;
        margin-right: 55px;
    }

    .hmd-mt-55-sm {
        margin-top: 55px;
    }

    .hmd-mr-55-sm {
        margin-right: 55px;
    }

    .hmd-mb-55-sm {
        margin-bottom: 55px;
    }

    .hmd-ml-55-sm {
        margin-left: 55px;
    }

    .hmd-nt-55-sm {
        margin-top: -55px;
    }

    .hmd-nr-55-sm {
        margin-right: -55px;
    }

    .hmd-nb-55-sm {
        margin-bottom: -55px;
    }

    .hmd-nl-55-sm {
        margin-left: -55px;
    }

    .hmd-ma-6-sm {
        margin: 60px;
    }

    .hmd-mv-6-sm {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .hmd-mh-6-sm {
        margin-left: 60px;
        margin-right: 60px;
    }

    .hmd-mt-6-sm {
        margin-top: 60px;
    }

    .hmd-mr-6-sm {
        margin-right: 60px;
    }

    .hmd-mb-6-sm {
        margin-bottom: 60px;
    }

    .hmd-ml-6-sm {
        margin-left: 60px;
    }

    .hmd-nt-6-sm {
        margin-top: -60px;
    }

    .hmd-nr-6-sm {
        margin-right: -60px;
    }

    .hmd-nb-6-sm {
        margin-bottom: -60px;
    }

    .hmd-nl-6-sm {
        margin-left: -60px;
    }

    .hmd-ma-7-sm {
        margin: 70px;
    }

    .hmd-mv-7-sm {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .hmd-mh-7-sm {
        margin-left: 70px;
        margin-right: 70px;
    }

    .hmd-mt-7-sm {
        margin-top: 70px;
    }

    .hmd-mr-7-sm {
        margin-right: 70px;
    }

    .hmd-mb-7-sm {
        margin-bottom: 70px;
    }

    .hmd-ml-7-sm {
        margin-left: 70px;
    }

    .hmd-nt-7-sm {
        margin-top: -70px;
    }

    .hmd-nr-7-sm {
        margin-right: -70px;
    }

    .hmd-nb-7-sm {
        margin-bottom: -70px;
    }

    .hmd-nl-7-sm {
        margin-left: -70px;
    }

    .hmd-ma-8-sm {
        margin: 80px;
    }

    .hmd-mv-8-sm {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .hmd-mh-8-sm {
        margin-left: 80px;
        margin-right: 80px;
    }

    .hmd-mt-8-sm {
        margin-top: 80px;
    }

    .hmd-mr-8-sm {
        margin-right: 80px;
    }

    .hmd-mb-8-sm {
        margin-bottom: 80px;
    }

    .hmd-ml-8-sm {
        margin-left: 80px;
    }

    .hmd-nt-8-sm {
        margin-top: -80px;
    }

    .hmd-nr-8-sm {
        margin-right: -80px;
    }

    .hmd-nb-8-sm {
        margin-bottom: -80px;
    }

    .hmd-nl-8-sm {
        margin-left: -80px;
    }

    .hmd-ma-10-sm {
        margin: 100px;
    }

    .hmd-mv-10-sm {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .hmd-mh-10-sm {
        margin-left: 100px;
        margin-right: 100px;
    }

    .hmd-mt-10-sm {
        margin-top: 100px;
    }

    .hmd-mr-10-sm {
        margin-right: 100px;
    }

    .hmd-mb-10-sm {
        margin-bottom: 100px;
    }

    .hmd-ml-10-sm {
        margin-left: 100px;
    }

    .hmd-nt-10-sm {
        margin-top: -100px;
    }

    .hmd-nr-10-sm {
        margin-right: -100px;
    }

    .hmd-nb-10-sm {
        margin-bottom: -100px;
    }

    .hmd-nl-10-sm {
        margin-left: -100px;
    }

    .hmd-ma-12-sm {
        margin: 120px;
    }

    .hmd-mv-12-sm {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .hmd-mh-12-sm {
        margin-left: 120px;
        margin-right: 120px;
    }

    .hmd-mt-12-sm {
        margin-top: 120px;
    }

    .hmd-mr-12-sm {
        margin-right: 120px;
    }

    .hmd-mb-12-sm {
        margin-bottom: 120px;
    }

    .hmd-ml-12-sm {
        margin-left: 120px;
    }

    .hmd-nt-12-sm {
        margin-top: -120px;
    }

    .hmd-nr-12-sm {
        margin-right: -120px;
    }

    .hmd-nb-12-sm {
        margin-bottom: -120px;
    }

    .hmd-nl-12-sm {
        margin-left: -120px;
    }

    .hmd-ma-14-sm {
        margin: 140px;
    }

    .hmd-mv-14-sm {
        margin-top: 140px;
        margin-bottom: 140px;
    }

    .hmd-mh-14-sm {
        margin-left: 140px;
        margin-right: 140px;
    }

    .hmd-mt-14-sm {
        margin-top: 140px;
    }

    .hmd-mr-14-sm {
        margin-right: 140px;
    }

    .hmd-mb-14-sm {
        margin-bottom: 140px;
    }

    .hmd-ml-14-sm {
        margin-left: 140px;
    }

    .hmd-nt-14-sm {
        margin-top: -140px;
    }

    .hmd-nr-14-sm {
        margin-right: -140px;
    }

    .hmd-nb-14-sm {
        margin-bottom: -140px;
    }

    .hmd-nl-14-sm {
        margin-left: -140px;
    }

    .hmd-ma-16-sm {
        margin: 160px;
    }

    .hmd-mv-16-sm {
        margin-top: 160px;
        margin-bottom: 160px;
    }

    .hmd-mh-16-sm {
        margin-left: 160px;
        margin-right: 160px;
    }

    .hmd-mt-16-sm {
        margin-top: 160px;
    }

    .hmd-mr-16-sm {
        margin-right: 160px;
    }

    .hmd-mb-16-sm {
        margin-bottom: 160px;
    }

    .hmd-ml-16-sm {
        margin-left: 160px;
    }

    .hmd-nt-16-sm {
        margin-top: -160px;
    }

    .hmd-nr-16-sm {
        margin-right: -160px;
    }

    .hmd-nb-16-sm {
        margin-bottom: -160px;
    }

    .hmd-nl-16-sm {
        margin-left: -160px;
    }

    .hmd-ma-auto-sm {
        margin: auto;
    }

    .hmd-mv-auto-sm {
        margin-top: auto;
        margin-bottom: auto;
    }

    .hmd-mh-auto-sm {
        margin-left: auto;
        margin-right: auto;
    }

    .hmd-mt-auto-sm {
        margin-top: auto;
    }

    .hmd-mr-auto-sm {
        margin-right: auto;
    }

    .hmd-mb-auto-sm {
        margin-bottom: auto;
    }

    .hmd-ml-auto-sm {
        margin-left: auto;
    }

    .hmd-nt-auto-sm {
        margin-top: -auto;
    }

    .hmd-nr-auto-sm {
        margin-right: -auto;
    }

    .hmd-nb-auto-sm {
        margin-bottom: -auto;
    }

    .hmd-nl-auto-sm {
        margin-left: -auto;
    }

    .hmd-mh-auto--sm {
        margin: 0 auto;
    }

    .hmd-op-0-sm {
        opacity: 0%;
    }

    .hmd-op-1-sm {
        opacity: 10%;
    }

    .hmd-op-2-sm {
        opacity: 20%;
    }

    .hmd-op-3-sm {
        opacity: 30%;
    }

    .hmd-op-4-sm {
        opacity: 40%;
    }

    .hmd-op-5-sm {
        opacity: 50%;
    }

    .hmd-op-6-sm {
        opacity: 60%;
    }

    .hmd-op-7-sm {
        opacity: 70%;
    }

    .hmd-op-8-sm {
        opacity: 80%;
    }

    .hmd-op-9-sm {
        opacity: 90%;
    }

    .hmd-op-10-sm {
        opacity: 100%;
    }

    .hmd-w-1-sm {
        width: 10px;
    }

    .hmd-mw-1-sm {
        max-width: 10px;
    }

    .hmd-nw-1-sm {
        min-width: 10px;
    }

    .hmd-w-2-sm {
        width: 20px;
    }

    .hmd-mw-2-sm {
        max-width: 20px;
    }

    .hmd-nw-2-sm {
        min-width: 20px;
    }

    .hmd-w-3-sm {
        width: 30px;
    }

    .hmd-mw-3-sm {
        max-width: 30px;
    }

    .hmd-nw-3-sm {
        min-width: 30px;
    }

    .hmd-w-4-sm {
        width: 40px;
    }

    .hmd-mw-4-sm {
        max-width: 40px;
    }

    .hmd-nw-4-sm {
        min-width: 40px;
    }

    .hmd-w-8-sm {
        width: 80px;
    }

    .hmd-mw-8-sm {
        max-width: 80px;
    }

    .hmd-nw-8-sm {
        min-width: 80px;
    }

    .hmd-w-16-sm {
        width: 160px;
    }

    .hmd-mw-16-sm {
        max-width: 160px;
    }

    .hmd-nw-16-sm {
        min-width: 160px;
    }

    .hmd-w-18-sm {
        width: 180px;
    }

    .hmd-mw-18-sm {
        max-width: 180px;
    }

    .hmd-nw-18-sm {
        min-width: 180px;
    }

    .hmd-w-30-sm {
        width: 300px;
    }

    .hmd-mw-30-sm {
        max-width: 300px;
    }

    .hmd-nw-30-sm {
        min-width: 300px;
    }

    .hmd-w-110-sm {
        width: 1110px;
    }

    .hmd-mw-110-sm {
        max-width: 1110px;
    }

    .hmd-nw-110-sm {
        min-width: 1110px;
    }

    .hmd-w-1\/10-sm {
        width: 10%;
    }

    .hmd-mw-1\/10-sm {
        max-width: 10%;
    }

    .hmd-nw-1\/10-sm {
        min-width: 10%;
    }

    .hmd-w-1\/5-sm {
        width: 20%;
    }

    .hmd-mw-1\/5-sm {
        max-width: 20%;
    }

    .hmd-nw-1\/5-sm {
        min-width: 20%;
    }

    .hmd-w-1\/4-sm {
        width: 25%;
    }

    .hmd-mw-1\/4-sm {
        max-width: 25%;
    }

    .hmd-nw-1\/4-sm {
        min-width: 25%;
    }

    .hmd-w-3\/10-sm {
        width: 30%;
    }

    .hmd-mw-3\/10-sm {
        max-width: 30%;
    }

    .hmd-nw-3\/10-sm {
        min-width: 30%;
    }

    .hmd-w-1\/3-sm {
        width: 33.3333%;
    }

    .hmd-mw-1\/3-sm {
        max-width: 33.3333%;
    }

    .hmd-nw-1\/3-sm {
        min-width: 33.3333%;
    }

    .hmd-w-2\/5-sm {
        width: 40%;
    }

    .hmd-mw-2\/5-sm {
        max-width: 40%;
    }

    .hmd-nw-2\/5-sm {
        min-width: 40%;
    }

    .hmd-w-1\/2-sm {
        width: 50%;
    }

    .hmd-mw-1\/2-sm {
        max-width: 50%;
    }

    .hmd-nw-1\/2-sm {
        min-width: 50%;
    }

    .hmd-w-3\/5-sm {
        width: 60%;
    }

    .hmd-mw-3\/5-sm {
        max-width: 60%;
    }

    .hmd-nw-3\/5-sm {
        min-width: 60%;
    }

    .hmd-w-7\/10-sm {
        width: 70%;
    }

    .hmd-mw-7\/10-sm {
        max-width: 70%;
    }

    .hmd-nw-7\/10-sm {
        min-width: 70%;
    }

    .hmd-w-3\/4-sm {
        width: 75%;
    }

    .hmd-mw-3\/4-sm {
        max-width: 75%;
    }

    .hmd-nw-3\/4-sm {
        min-width: 75%;
    }

    .hmd-w-4\/5-sm {
        width: 80%;
    }

    .hmd-mw-4\/5-sm {
        max-width: 80%;
    }

    .hmd-nw-4\/5-sm {
        min-width: 80%;
    }

    .hmd-w-9\/10-sm {
        width: 90%;
    }

    .hmd-mw-9\/10-sm {
        max-width: 90%;
    }

    .hmd-nw-9\/10-sm {
        min-width: 90%;
    }

    .hmd-w-full-sm {
        width: 100%;
    }

    .hmd-mw-full-sm {
        max-width: 100%;
    }

    .hmd-nw-full-sm {
        min-width: 100%;
    }

    .hmd-w-100-sm {
        width: 100%;
    }

    .hmd-mw-100-sm {
        max-width: 100%;
    }

    .hmd-nw-100-sm {
        min-width: 100%;
    }

    .hmd-w-auto-sm {
        width: auto;
    }

    .hmd-mw-auto-sm {
        max-width: auto;
    }

    .hmd-nw-auto-sm {
        min-width: auto;
    }

    .ui-view-area {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sidenav {
        display: none;
    }

    .ui-more-menu-back {
        display: none;
    }

    .ui-invitee.ui-invitee-list {
        overflow-y: auto;
        min-height: 140px;
        max-height: calc(80vh - 240px);
    }
}

@media (max-width: 350px) {
    .navbar .announcement-popover.center {
        border-radius: 0;
    }

    .navbar .announcement-popover.center .announcement-popover-header {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .navbar .announcement-popover.center .announcement-popover-footer {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

@media (max-width: 470px) {
    .modal.signin-modal .btn-social {
        display: block;
        margin: 10px auto 0 auto;
    }
}

@media (max-width: 768px) {
    .modal.signin-modal .modal-dialog {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .public-published-toggle {
        padding: 5px 20px;
    }

    #home .btn-lg {
        font-size: 16px;
    }

    #namedRevisionModal .revision-card .revision-card-heading {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 35px;
    }

    #namedRevisionModal .revision-card .revision-card-heading .ui-revision-list-toggle {
        padding-top: 10px;
    }

    #namedRevisionModal .revision-item {
        padding-left: 35px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #namedRevisionModal #revisionSummary .summary-authorship {
        max-width: 70%;
    }

    #namedRevisionModal #revisionSummary .summary-timestamp {
        width: 100%;
    }

    #namedRevisionModal .sidebar.revision-list-container {
        height: 100%;
    }

    #namedRevisionModal #revision-editor-container {
        max-height: calc(100vh - 100px);
    }

    #namedRevisionModal .github-sync-enabled .sidebar.revision-list-container {
        height: 100%;
    }

    #namedRevisionModal .github-sync-enabled #revision-editor-container {
        max-height: calc(100vh - 100px);
    }

    #namedRevisionModal #revision-editor-container {
        position: absolute;
        top: 0;
        transform: translateX(100%);
        transition: transform 300ms;
    }

    #namedRevisionModal.open #revision-editor-container {
        transform: translateX(0);
    }

    #namedRevisionModal.open .modal-title {
        width: 100%;
    }

    #namedRevisionModal.open .modal-header button.back {
        opacity: .2;
    }

    .hmd-flex-xs {
        display: flex;
    }

    .inline-flex-xs {
        display: inline-flex;
    }

    .hmd-flex-auto-xs {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0;
    }

    .hmd-flex-one-xs {
        flex: 1;
    }

    .hmd-flex-two-xs {
        flex: 2;
    }

    .hmd-flex-none-xs {
        flex: none;
    }

    .hmd-flex-column-xs {
        flex-direction: column;
    }

    .hmd-flex-row-xs {
        flex-direction: row;
    }

    .hmd-flex-wrap-xs {
        flex-wrap: wrap;
    }

    .hmd-flex-nowrap-xs {
        flex-wrap: nowrap;
    }

    .hmd-flex-wrap-reverse-xs {
        flex-wrap: wrap-reverse;
    }

    .hmd-flex-column-reverse-xs {
        flex-direction: column-reverse;
    }

    .hmd-flex-row-reverse-xs {
        flex-direction: row-reverse;
    }

    .hmd-items-start-xs {
        align-items: flex-start;
    }

    .hmd-items-end-xs {
        align-items: flex-end;
    }

    .hmd-items-center-xs {
        align-items: center;
    }

    .hmd-items-baseline-xs {
        align-items: baseline;
    }

    .hmd-items-stretch-xs {
        align-items: stretch;
    }

    .hmd-self-start-xs {
        align-self: flex-start;
    }

    .hmd-self-end-xs {
        align-self: flex-end;
    }

    .hmd-self-center-xs {
        align-self: center;
    }

    .hmd-self-baseline-xs {
        align-self: baseline;
    }

    .hmd-self-stretch-xs {
        align-self: stretch;
    }

    .hmd-justify-start-xs {
        justify-content: flex-start;
    }

    .hmd-justify-end-xs {
        justify-content: flex-end;
    }

    .hmd-justify-center-xs {
        justify-content: center;
    }

    .hmd-justify-between-xs {
        justify-content: space-between;
    }

    .hmd-justify-around-xs {
        justify-content: space-around;
    }

    .hmd-content-start-xs {
        align-content: flex-start;
    }

    .hmd-content-end-xs {
        align-content: flex-end;
    }

    .hmd-content-center-xs {
        align-content: center;
    }

    .hmd-content-between-xs {
        align-content: space-between;
    }

    .hmd-content-around-xs {
        align-content: space-around;
    }

    .hmd-content-stretch-xs {
        align-content: stretch;
    }

    .hmd-order-0-xs {
        order: 0;
    }

    .hmd-order-1-xs {
        order: 1;
    }

    .hmd-order-2-xs {
        order: 2;
    }

    .hmd-order-3-xs {
        order: 3;
    }

    .hmd-order-4-xs {
        order: 4;
    }

    .hmd-order-5-xs {
        order: 5;
    }

    .hmd-order-6-xs {
        order: 6;
    }

    .hmd-order-7-xs {
        order: 7;
    }

    .hmd-order-8-xs {
        order: 8;
    }

    .hmd-order-last-xs {
        order: 99999;
    }

    .hmd-flex-grow-0-xs {
        flex-grow: 0;
    }

    .hmd-flex-grow-1-xs {
        flex-grow: 1;
    }

    .hmd-flex-shrink-0-xs {
        flex-shrink: 0;
    }

    .hmd-flex-shrink-1-xs {
        flex-shrink: 1;
    }

    .hmd-dn-xs {
        display: none;
    }

    .hmd-di-xs {
        display: inline;
    }

    .hmd-db-xs {
        display: block;
    }

    .hmd-dib-xs {
        display: inline-block;
    }

    .hmd-dit-xs {
        display: inline-table;
    }

    .hmd-dt-xs {
        display: table;
    }

    .hmd-dtc-xs {
        display: table-cell;
    }

    .hmd-dt-row-xs {
        display: table-row;
    }

    .hmd-dt-row-group-xs {
        display: table-row-group;
    }

    .hmd-dt-column-xs {
        display: table-column;
    }

    .hmd-dt-column-group-xs {
        display: table-column-group;
    }

    .hmd-dns-xs {
        display: unset;
    }

    .hmd-dni-xs {
        display: none !important;
    }

    .hmd-vv-xs {
        visibility: visible;
    }

    .hmd-vh-xs {
        visibility: hidden;
    }

    .hmd-pa-0-xs {
        padding: 0;
    }

    .hmd-pv-0-xs {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hmd-ph-0-xs {
        padding-left: 0;
        padding-right: 0;
    }

    .hmd-pt-0-xs {
        padding-top: 0;
    }

    .hmd-pr-0-xs {
        padding-right: 0;
    }

    .hmd-pb-0-xs {
        padding-bottom: 0;
    }

    .hmd-pl-0-xs {
        padding-left: 0;
    }

    .hmd-pa-1\/10-xs {
        padding: 1px;
    }

    .hmd-pv-1\/10-xs {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .hmd-ph-1\/10-xs {
        padding-left: 1px;
        padding-right: 1px;
    }

    .hmd-pt-1\/10-xs {
        padding-top: 1px;
    }

    .hmd-pr-1\/10-xs {
        padding-right: 1px;
    }

    .hmd-pb-1\/10-xs {
        padding-bottom: 1px;
    }

    .hmd-pl-1\/10-xs {
        padding-left: 1px;
    }

    .hmd-pa-1\/5-xs {
        padding: 2px;
    }

    .hmd-pv-1\/5-xs {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .hmd-ph-1\/5-xs {
        padding-left: 2px;
        padding-right: 2px;
    }

    .hmd-pt-1\/5-xs {
        padding-top: 2px;
    }

    .hmd-pr-1\/5-xs {
        padding-right: 2px;
    }

    .hmd-pb-1\/5-xs {
        padding-bottom: 2px;
    }

    .hmd-pl-1\/5-xs {
        padding-left: 2px;
    }

    .hmd-pa-1\/4-xs {
        padding: .25rem;
    }

    .hmd-pv-1\/4-xs {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .hmd-ph-1\/4-xs {
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .hmd-pt-1\/4-xs {
        padding-top: .25rem;
    }

    .hmd-pr-1\/4-xs {
        padding-right: .25rem;
    }

    .hmd-pb-1\/4-xs {
        padding-bottom: .25rem;
    }

    .hmd-pl-1\/4-xs {
        padding-left: .25rem;
    }

    .hmd-pa-3\/4-xs {
        padding: .75rem;
    }

    .hmd-pv-3\/4-xs {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    .hmd-ph-3\/4-xs {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .hmd-pt-3\/4-xs {
        padding-top: .75rem;
    }

    .hmd-pr-3\/4-xs {
        padding-right: .75rem;
    }

    .hmd-pb-3\/4-xs {
        padding-bottom: .75rem;
    }

    .hmd-pl-3\/4-xs {
        padding-left: .75rem;
    }

    .hmd-pa-1\/8-xs {
        padding: .125rem;
    }

    .hmd-pv-1\/8-xs {
        padding-top: .125rem;
        padding-bottom: .125rem;
    }

    .hmd-ph-1\/8-xs {
        padding-left: .125rem;
        padding-right: .125rem;
    }

    .hmd-pt-1\/8-xs {
        padding-top: .125rem;
    }

    .hmd-pr-1\/8-xs {
        padding-right: .125rem;
    }

    .hmd-pb-1\/8-xs {
        padding-bottom: .125rem;
    }

    .hmd-pl-1\/8-xs {
        padding-left: .125rem;
    }

    .hmd-pa-1\/2-xs {
        padding: 5px;
    }

    .hmd-pv-1\/2-xs {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hmd-ph-1\/2-xs {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hmd-pt-1\/2-xs {
        padding-top: 5px;
    }

    .hmd-pr-1\/2-xs {
        padding-right: 5px;
    }

    .hmd-pb-1\/2-xs {
        padding-bottom: 5px;
    }

    .hmd-pl-1\/2-xs {
        padding-left: 5px;
    }

    .hmd-pa-1-xs {
        padding: 10px;
    }

    .hmd-pv-1-xs {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hmd-ph-1-xs {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hmd-pt-1-xs {
        padding-top: 10px;
    }

    .hmd-pr-1-xs {
        padding-right: 10px;
    }

    .hmd-pb-1-xs {
        padding-bottom: 10px;
    }

    .hmd-pl-1-xs {
        padding-left: 10px;
    }

    .hmd-pa-3\/2-xs {
        padding: 15px;
    }

    .hmd-pv-3\/2-xs {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hmd-ph-3\/2-xs {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmd-pt-3\/2-xs {
        padding-top: 15px;
    }

    .hmd-pr-3\/2-xs {
        padding-right: 15px;
    }

    .hmd-pb-3\/2-xs {
        padding-bottom: 15px;
    }

    .hmd-pl-3\/2-xs {
        padding-left: 15px;
    }

    .hmd-pa-2-xs {
        padding: 20px;
    }

    .hmd-pv-2-xs {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hmd-ph-2-xs {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hmd-pt-2-xs {
        padding-top: 20px;
    }

    .hmd-pr-2-xs {
        padding-right: 20px;
    }

    .hmd-pb-2-xs {
        padding-bottom: 20px;
    }

    .hmd-pl-2-xs {
        padding-left: 20px;
    }

    .hmd-pa-25-xs {
        padding: 25px;
    }

    .hmd-pv-25-xs {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .hmd-ph-25-xs {
        padding-left: 25px;
        padding-right: 25px;
    }

    .hmd-pt-25-xs {
        padding-top: 25px;
    }

    .hmd-pr-25-xs {
        padding-right: 25px;
    }

    .hmd-pb-25-xs {
        padding-bottom: 25px;
    }

    .hmd-pl-25-xs {
        padding-left: 25px;
    }

    .hmd-pa-3-xs {
        padding: 30px;
    }

    .hmd-pv-3-xs {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hmd-ph-3-xs {
        padding-left: 30px;
        padding-right: 30px;
    }

    .hmd-pt-3-xs {
        padding-top: 30px;
    }

    .hmd-pr-3-xs {
        padding-right: 30px;
    }

    .hmd-pb-3-xs {
        padding-bottom: 30px;
    }

    .hmd-pl-3-xs {
        padding-left: 30px;
    }

    .hmd-pa-35-xs {
        padding: 35px;
    }

    .hmd-pv-35-xs {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .hmd-ph-35-xs {
        padding-left: 35px;
        padding-right: 35px;
    }

    .hmd-pt-35-xs {
        padding-top: 35px;
    }

    .hmd-pr-35-xs {
        padding-right: 35px;
    }

    .hmd-pb-35-xs {
        padding-bottom: 35px;
    }

    .hmd-pl-35-xs {
        padding-left: 35px;
    }

    .hmd-pa-4-xs {
        padding: 40px;
    }

    .hmd-pv-4-xs {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hmd-ph-4-xs {
        padding-left: 40px;
        padding-right: 40px;
    }

    .hmd-pt-4-xs {
        padding-top: 40px;
    }

    .hmd-pr-4-xs {
        padding-right: 40px;
    }

    .hmd-pb-4-xs {
        padding-bottom: 40px;
    }

    .hmd-pl-4-xs {
        padding-left: 40px;
    }

    .hmd-pa-5-xs {
        padding: 50px;
    }

    .hmd-pv-5-xs {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hmd-ph-5-xs {
        padding-left: 50px;
        padding-right: 50px;
    }

    .hmd-pt-5-xs {
        padding-top: 50px;
    }

    .hmd-pr-5-xs {
        padding-right: 50px;
    }

    .hmd-pb-5-xs {
        padding-bottom: 50px;
    }

    .hmd-pl-5-xs {
        padding-left: 50px;
    }

    .hmd-pa-55-xs {
        padding: 55px;
    }

    .hmd-pv-55-xs {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hmd-ph-55-xs {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hmd-pt-55-xs {
        padding-top: 55px;
    }

    .hmd-pr-55-xs {
        padding-right: 55px;
    }

    .hmd-pb-55-xs {
        padding-bottom: 55px;
    }

    .hmd-pl-55-xs {
        padding-left: 55px;
    }

    .hmd-pa-6-xs {
        padding: 60px;
    }

    .hmd-pv-6-xs {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hmd-ph-6-xs {
        padding-left: 60px;
        padding-right: 60px;
    }

    .hmd-pt-6-xs {
        padding-top: 60px;
    }

    .hmd-pr-6-xs {
        padding-right: 60px;
    }

    .hmd-pb-6-xs {
        padding-bottom: 60px;
    }

    .hmd-pl-6-xs {
        padding-left: 60px;
    }

    .hmd-pa-7-xs {
        padding: 70px;
    }

    .hmd-pv-7-xs {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .hmd-ph-7-xs {
        padding-left: 70px;
        padding-right: 70px;
    }

    .hmd-pt-7-xs {
        padding-top: 70px;
    }

    .hmd-pr-7-xs {
        padding-right: 70px;
    }

    .hmd-pb-7-xs {
        padding-bottom: 70px;
    }

    .hmd-pl-7-xs {
        padding-left: 70px;
    }

    .hmd-pa-8-xs {
        padding: 80px;
    }

    .hmd-pv-8-xs {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hmd-ph-8-xs {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hmd-pt-8-xs {
        padding-top: 80px;
    }

    .hmd-pr-8-xs {
        padding-right: 80px;
    }

    .hmd-pb-8-xs {
        padding-bottom: 80px;
    }

    .hmd-pl-8-xs {
        padding-left: 80px;
    }

    .hmd-pa-10-xs {
        padding: 100px;
    }

    .hmd-pv-10-xs {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .hmd-ph-10-xs {
        padding-left: 100px;
        padding-right: 100px;
    }

    .hmd-pt-10-xs {
        padding-top: 100px;
    }

    .hmd-pr-10-xs {
        padding-right: 100px;
    }

    .hmd-pb-10-xs {
        padding-bottom: 100px;
    }

    .hmd-pl-10-xs {
        padding-left: 100px;
    }

    .hmd-pa-12-xs {
        padding: 120px;
    }

    .hmd-pv-12-xs {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .hmd-ph-12-xs {
        padding-left: 120px;
        padding-right: 120px;
    }

    .hmd-pt-12-xs {
        padding-top: 120px;
    }

    .hmd-pr-12-xs {
        padding-right: 120px;
    }

    .hmd-pb-12-xs {
        padding-bottom: 120px;
    }

    .hmd-pl-12-xs {
        padding-left: 120px;
    }

    .hmd-pa-14-xs {
        padding: 140px;
    }

    .hmd-pv-14-xs {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .hmd-ph-14-xs {
        padding-left: 140px;
        padding-right: 140px;
    }

    .hmd-pt-14-xs {
        padding-top: 140px;
    }

    .hmd-pr-14-xs {
        padding-right: 140px;
    }

    .hmd-pb-14-xs {
        padding-bottom: 140px;
    }

    .hmd-pl-14-xs {
        padding-left: 140px;
    }

    .hmd-pa-16-xs {
        padding: 160px;
    }

    .hmd-pv-16-xs {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .hmd-ph-16-xs {
        padding-left: 160px;
        padding-right: 160px;
    }

    .hmd-pt-16-xs {
        padding-top: 160px;
    }

    .hmd-pr-16-xs {
        padding-right: 160px;
    }

    .hmd-pb-16-xs {
        padding-bottom: 160px;
    }

    .hmd-pl-16-xs {
        padding-left: 160px;
    }

    .hmd-pa-auto-xs {
        padding: auto;
    }

    .hmd-pv-auto-xs {
        padding-top: auto;
        padding-bottom: auto;
    }

    .hmd-ph-auto-xs {
        padding-left: auto;
        padding-right: auto;
    }

    .hmd-pt-auto-xs {
        padding-top: auto;
    }

    .hmd-pr-auto-xs {
        padding-right: auto;
    }

    .hmd-pb-auto-xs {
        padding-bottom: auto;
    }

    .hmd-pl-auto-xs {
        padding-left: auto;
    }

    .hmd-ma-0-xs {
        margin: 0;
    }

    .hmd-mv-0-xs {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hmd-mh-0-xs {
        margin-left: 0;
        margin-right: 0;
    }

    .hmd-mt-0-xs {
        margin-top: 0;
    }

    .hmd-mr-0-xs {
        margin-right: 0;
    }

    .hmd-mb-0-xs {
        margin-bottom: 0;
    }

    .hmd-ml-0-xs {
        margin-left: 0;
    }

    .hmd-nt-0-xs {
        margin-top: -0;
    }

    .hmd-nr-0-xs {
        margin-right: -0;
    }

    .hmd-nb-0-xs {
        margin-bottom: -0;
    }

    .hmd-nl-0-xs {
        margin-left: -0;
    }

    .hmd-ma-1\/10-xs {
        margin: 1px;
    }

    .hmd-mv-1\/10-xs {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .hmd-mh-1\/10-xs {
        margin-left: 1px;
        margin-right: 1px;
    }

    .hmd-mt-1\/10-xs {
        margin-top: 1px;
    }

    .hmd-mr-1\/10-xs {
        margin-right: 1px;
    }

    .hmd-mb-1\/10-xs {
        margin-bottom: 1px;
    }

    .hmd-ml-1\/10-xs {
        margin-left: 1px;
    }

    .hmd-nt-1\/10-xs {
        margin-top: -1px;
    }

    .hmd-nr-1\/10-xs {
        margin-right: -1px;
    }

    .hmd-nb-1\/10-xs {
        margin-bottom: -1px;
    }

    .hmd-nl-1\/10-xs {
        margin-left: -1px;
    }

    .hmd-ma-1\/5-xs {
        margin: 2px;
    }

    .hmd-mv-1\/5-xs {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .hmd-mh-1\/5-xs {
        margin-left: 2px;
        margin-right: 2px;
    }

    .hmd-mt-1\/5-xs {
        margin-top: 2px;
    }

    .hmd-mr-1\/5-xs {
        margin-right: 2px;
    }

    .hmd-mb-1\/5-xs {
        margin-bottom: 2px;
    }

    .hmd-ml-1\/5-xs {
        margin-left: 2px;
    }

    .hmd-nt-1\/5-xs {
        margin-top: -2px;
    }

    .hmd-nr-1\/5-xs {
        margin-right: -2px;
    }

    .hmd-nb-1\/5-xs {
        margin-bottom: -2px;
    }

    .hmd-nl-1\/5-xs {
        margin-left: -2px;
    }

    .hmd-ma-1\/4-xs {
        margin: .25rem;
    }

    .hmd-mv-1\/4-xs {
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

    .hmd-mh-1\/4-xs {
        margin-left: .25rem;
        margin-right: .25rem;
    }

    .hmd-mt-1\/4-xs {
        margin-top: .25rem;
    }

    .hmd-mr-1\/4-xs {
        margin-right: .25rem;
    }

    .hmd-mb-1\/4-xs {
        margin-bottom: .25rem;
    }

    .hmd-ml-1\/4-xs {
        margin-left: .25rem;
    }

    .hmd-nt-1\/4-xs {
        margin-top: -0.25rem;
    }

    .hmd-nr-1\/4-xs {
        margin-right: -0.25rem;
    }

    .hmd-nb-1\/4-xs {
        margin-bottom: -0.25rem;
    }

    .hmd-nl-1\/4-xs {
        margin-left: -0.25rem;
    }

    .hmd-ma-3\/4-xs {
        margin: .75rem;
    }

    .hmd-mv-3\/4-xs {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    .hmd-mh-3\/4-xs {
        margin-left: .75rem;
        margin-right: .75rem;
    }

    .hmd-mt-3\/4-xs {
        margin-top: .75rem;
    }

    .hmd-mr-3\/4-xs {
        margin-right: .75rem;
    }

    .hmd-mb-3\/4-xs {
        margin-bottom: .75rem;
    }

    .hmd-ml-3\/4-xs {
        margin-left: .75rem;
    }

    .hmd-nt-3\/4-xs {
        margin-top: -0.75rem;
    }

    .hmd-nr-3\/4-xs {
        margin-right: -0.75rem;
    }

    .hmd-nb-3\/4-xs {
        margin-bottom: -0.75rem;
    }

    .hmd-nl-3\/4-xs {
        margin-left: -0.75rem;
    }

    .hmd-ma-1\/8-xs {
        margin: .125rem;
    }

    .hmd-mv-1\/8-xs {
        margin-top: .125rem;
        margin-bottom: .125rem;
    }

    .hmd-mh-1\/8-xs {
        margin-left: .125rem;
        margin-right: .125rem;
    }

    .hmd-mt-1\/8-xs {
        margin-top: .125rem;
    }

    .hmd-mr-1\/8-xs {
        margin-right: .125rem;
    }

    .hmd-mb-1\/8-xs {
        margin-bottom: .125rem;
    }

    .hmd-ml-1\/8-xs {
        margin-left: .125rem;
    }

    .hmd-nt-1\/8-xs {
        margin-top: -0.125rem;
    }

    .hmd-nr-1\/8-xs {
        margin-right: -0.125rem;
    }

    .hmd-nb-1\/8-xs {
        margin-bottom: -0.125rem;
    }

    .hmd-nl-1\/8-xs {
        margin-left: -0.125rem;
    }

    .hmd-ma-1\/2-xs {
        margin: 5px;
    }

    .hmd-mv-1\/2-xs {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hmd-mh-1\/2-xs {
        margin-left: 5px;
        margin-right: 5px;
    }

    .hmd-mt-1\/2-xs {
        margin-top: 5px;
    }

    .hmd-mr-1\/2-xs {
        margin-right: 5px;
    }

    .hmd-mb-1\/2-xs {
        margin-bottom: 5px;
    }

    .hmd-ml-1\/2-xs {
        margin-left: 5px;
    }

    .hmd-nt-1\/2-xs {
        margin-top: -5px;
    }

    .hmd-nr-1\/2-xs {
        margin-right: -5px;
    }

    .hmd-nb-1\/2-xs {
        margin-bottom: -5px;
    }

    .hmd-nl-1\/2-xs {
        margin-left: -5px;
    }

    .hmd-ma-1-xs {
        margin: 10px;
    }

    .hmd-mv-1-xs {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .hmd-mh-1-xs {
        margin-left: 10px;
        margin-right: 10px;
    }

    .hmd-mt-1-xs {
        margin-top: 10px;
    }

    .hmd-mr-1-xs {
        margin-right: 10px;
    }

    .hmd-mb-1-xs {
        margin-bottom: 10px;
    }

    .hmd-ml-1-xs {
        margin-left: 10px;
    }

    .hmd-nt-1-xs {
        margin-top: -10px;
    }

    .hmd-nr-1-xs {
        margin-right: -10px;
    }

    .hmd-nb-1-xs {
        margin-bottom: -10px;
    }

    .hmd-nl-1-xs {
        margin-left: -10px;
    }

    .hmd-ma-3\/2-xs {
        margin: 15px;
    }

    .hmd-mv-3\/2-xs {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .hmd-mh-3\/2-xs {
        margin-left: 15px;
        margin-right: 15px;
    }

    .hmd-mt-3\/2-xs {
        margin-top: 15px;
    }

    .hmd-mr-3\/2-xs {
        margin-right: 15px;
    }

    .hmd-mb-3\/2-xs {
        margin-bottom: 15px;
    }

    .hmd-ml-3\/2-xs {
        margin-left: 15px;
    }

    .hmd-nt-3\/2-xs {
        margin-top: -15px;
    }

    .hmd-nr-3\/2-xs {
        margin-right: -15px;
    }

    .hmd-nb-3\/2-xs {
        margin-bottom: -15px;
    }

    .hmd-nl-3\/2-xs {
        margin-left: -15px;
    }

    .hmd-ma-2-xs {
        margin: 20px;
    }

    .hmd-mv-2-xs {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hmd-mh-2-xs {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hmd-mt-2-xs {
        margin-top: 20px;
    }

    .hmd-mr-2-xs {
        margin-right: 20px;
    }

    .hmd-mb-2-xs {
        margin-bottom: 20px;
    }

    .hmd-ml-2-xs {
        margin-left: 20px;
    }

    .hmd-nt-2-xs {
        margin-top: -20px;
    }

    .hmd-nr-2-xs {
        margin-right: -20px;
    }

    .hmd-nb-2-xs {
        margin-bottom: -20px;
    }

    .hmd-nl-2-xs {
        margin-left: -20px;
    }

    .hmd-ma-25-xs {
        margin: 25px;
    }

    .hmd-mv-25-xs {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .hmd-mh-25-xs {
        margin-left: 25px;
        margin-right: 25px;
    }

    .hmd-mt-25-xs {
        margin-top: 25px;
    }

    .hmd-mr-25-xs {
        margin-right: 25px;
    }

    .hmd-mb-25-xs {
        margin-bottom: 25px;
    }

    .hmd-ml-25-xs {
        margin-left: 25px;
    }

    .hmd-nt-25-xs {
        margin-top: -25px;
    }

    .hmd-nr-25-xs {
        margin-right: -25px;
    }

    .hmd-nb-25-xs {
        margin-bottom: -25px;
    }

    .hmd-nl-25-xs {
        margin-left: -25px;
    }

    .hmd-ma-3-xs {
        margin: 30px;
    }

    .hmd-mv-3-xs {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .hmd-mh-3-xs {
        margin-left: 30px;
        margin-right: 30px;
    }

    .hmd-mt-3-xs {
        margin-top: 30px;
    }

    .hmd-mr-3-xs {
        margin-right: 30px;
    }

    .hmd-mb-3-xs {
        margin-bottom: 30px;
    }

    .hmd-ml-3-xs {
        margin-left: 30px;
    }

    .hmd-nt-3-xs {
        margin-top: -30px;
    }

    .hmd-nr-3-xs {
        margin-right: -30px;
    }

    .hmd-nb-3-xs {
        margin-bottom: -30px;
    }

    .hmd-nl-3-xs {
        margin-left: -30px;
    }

    .hmd-ma-35-xs {
        margin: 35px;
    }

    .hmd-mv-35-xs {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .hmd-mh-35-xs {
        margin-left: 35px;
        margin-right: 35px;
    }

    .hmd-mt-35-xs {
        margin-top: 35px;
    }

    .hmd-mr-35-xs {
        margin-right: 35px;
    }

    .hmd-mb-35-xs {
        margin-bottom: 35px;
    }

    .hmd-ml-35-xs {
        margin-left: 35px;
    }

    .hmd-nt-35-xs {
        margin-top: -35px;
    }

    .hmd-nr-35-xs {
        margin-right: -35px;
    }

    .hmd-nb-35-xs {
        margin-bottom: -35px;
    }

    .hmd-nl-35-xs {
        margin-left: -35px;
    }

    .hmd-ma-4-xs {
        margin: 40px;
    }

    .hmd-mv-4-xs {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .hmd-mh-4-xs {
        margin-left: 40px;
        margin-right: 40px;
    }

    .hmd-mt-4-xs {
        margin-top: 40px;
    }

    .hmd-mr-4-xs {
        margin-right: 40px;
    }

    .hmd-mb-4-xs {
        margin-bottom: 40px;
    }

    .hmd-ml-4-xs {
        margin-left: 40px;
    }

    .hmd-nt-4-xs {
        margin-top: -40px;
    }

    .hmd-nr-4-xs {
        margin-right: -40px;
    }

    .hmd-nb-4-xs {
        margin-bottom: -40px;
    }

    .hmd-nl-4-xs {
        margin-left: -40px;
    }

    .hmd-ma-5-xs {
        margin: 50px;
    }

    .hmd-mv-5-xs {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hmd-mh-5-xs {
        margin-left: 50px;
        margin-right: 50px;
    }

    .hmd-mt-5-xs {
        margin-top: 50px;
    }

    .hmd-mr-5-xs {
        margin-right: 50px;
    }

    .hmd-mb-5-xs {
        margin-bottom: 50px;
    }

    .hmd-ml-5-xs {
        margin-left: 50px;
    }

    .hmd-nt-5-xs {
        margin-top: -50px;
    }

    .hmd-nr-5-xs {
        margin-right: -50px;
    }

    .hmd-nb-5-xs {
        margin-bottom: -50px;
    }

    .hmd-nl-5-xs {
        margin-left: -50px;
    }

    .hmd-ma-55-xs {
        margin: 55px;
    }

    .hmd-mv-55-xs {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .hmd-mh-55-xs {
        margin-left: 55px;
        margin-right: 55px;
    }

    .hmd-mt-55-xs {
        margin-top: 55px;
    }

    .hmd-mr-55-xs {
        margin-right: 55px;
    }

    .hmd-mb-55-xs {
        margin-bottom: 55px;
    }

    .hmd-ml-55-xs {
        margin-left: 55px;
    }

    .hmd-nt-55-xs {
        margin-top: -55px;
    }

    .hmd-nr-55-xs {
        margin-right: -55px;
    }

    .hmd-nb-55-xs {
        margin-bottom: -55px;
    }

    .hmd-nl-55-xs {
        margin-left: -55px;
    }

    .hmd-ma-6-xs {
        margin: 60px;
    }

    .hmd-mv-6-xs {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .hmd-mh-6-xs {
        margin-left: 60px;
        margin-right: 60px;
    }

    .hmd-mt-6-xs {
        margin-top: 60px;
    }

    .hmd-mr-6-xs {
        margin-right: 60px;
    }

    .hmd-mb-6-xs {
        margin-bottom: 60px;
    }

    .hmd-ml-6-xs {
        margin-left: 60px;
    }

    .hmd-nt-6-xs {
        margin-top: -60px;
    }

    .hmd-nr-6-xs {
        margin-right: -60px;
    }

    .hmd-nb-6-xs {
        margin-bottom: -60px;
    }

    .hmd-nl-6-xs {
        margin-left: -60px;
    }

    .hmd-ma-7-xs {
        margin: 70px;
    }

    .hmd-mv-7-xs {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .hmd-mh-7-xs {
        margin-left: 70px;
        margin-right: 70px;
    }

    .hmd-mt-7-xs {
        margin-top: 70px;
    }

    .hmd-mr-7-xs {
        margin-right: 70px;
    }

    .hmd-mb-7-xs {
        margin-bottom: 70px;
    }

    .hmd-ml-7-xs {
        margin-left: 70px;
    }

    .hmd-nt-7-xs {
        margin-top: -70px;
    }

    .hmd-nr-7-xs {
        margin-right: -70px;
    }

    .hmd-nb-7-xs {
        margin-bottom: -70px;
    }

    .hmd-nl-7-xs {
        margin-left: -70px;
    }

    .hmd-ma-8-xs {
        margin: 80px;
    }

    .hmd-mv-8-xs {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .hmd-mh-8-xs {
        margin-left: 80px;
        margin-right: 80px;
    }

    .hmd-mt-8-xs {
        margin-top: 80px;
    }

    .hmd-mr-8-xs {
        margin-right: 80px;
    }

    .hmd-mb-8-xs {
        margin-bottom: 80px;
    }

    .hmd-ml-8-xs {
        margin-left: 80px;
    }

    .hmd-nt-8-xs {
        margin-top: -80px;
    }

    .hmd-nr-8-xs {
        margin-right: -80px;
    }

    .hmd-nb-8-xs {
        margin-bottom: -80px;
    }

    .hmd-nl-8-xs {
        margin-left: -80px;
    }

    .hmd-ma-10-xs {
        margin: 100px;
    }

    .hmd-mv-10-xs {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .hmd-mh-10-xs {
        margin-left: 100px;
        margin-right: 100px;
    }

    .hmd-mt-10-xs {
        margin-top: 100px;
    }

    .hmd-mr-10-xs {
        margin-right: 100px;
    }

    .hmd-mb-10-xs {
        margin-bottom: 100px;
    }

    .hmd-ml-10-xs {
        margin-left: 100px;
    }

    .hmd-nt-10-xs {
        margin-top: -100px;
    }

    .hmd-nr-10-xs {
        margin-right: -100px;
    }

    .hmd-nb-10-xs {
        margin-bottom: -100px;
    }

    .hmd-nl-10-xs {
        margin-left: -100px;
    }

    .hmd-ma-12-xs {
        margin: 120px;
    }

    .hmd-mv-12-xs {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .hmd-mh-12-xs {
        margin-left: 120px;
        margin-right: 120px;
    }

    .hmd-mt-12-xs {
        margin-top: 120px;
    }

    .hmd-mr-12-xs {
        margin-right: 120px;
    }

    .hmd-mb-12-xs {
        margin-bottom: 120px;
    }

    .hmd-ml-12-xs {
        margin-left: 120px;
    }

    .hmd-nt-12-xs {
        margin-top: -120px;
    }

    .hmd-nr-12-xs {
        margin-right: -120px;
    }

    .hmd-nb-12-xs {
        margin-bottom: -120px;
    }

    .hmd-nl-12-xs {
        margin-left: -120px;
    }

    .hmd-ma-14-xs {
        margin: 140px;
    }

    .hmd-mv-14-xs {
        margin-top: 140px;
        margin-bottom: 140px;
    }

    .hmd-mh-14-xs {
        margin-left: 140px;
        margin-right: 140px;
    }

    .hmd-mt-14-xs {
        margin-top: 140px;
    }

    .hmd-mr-14-xs {
        margin-right: 140px;
    }

    .hmd-mb-14-xs {
        margin-bottom: 140px;
    }

    .hmd-ml-14-xs {
        margin-left: 140px;
    }

    .hmd-nt-14-xs {
        margin-top: -140px;
    }

    .hmd-nr-14-xs {
        margin-right: -140px;
    }

    .hmd-nb-14-xs {
        margin-bottom: -140px;
    }

    .hmd-nl-14-xs {
        margin-left: -140px;
    }

    .hmd-ma-16-xs {
        margin: 160px;
    }

    .hmd-mv-16-xs {
        margin-top: 160px;
        margin-bottom: 160px;
    }

    .hmd-mh-16-xs {
        margin-left: 160px;
        margin-right: 160px;
    }

    .hmd-mt-16-xs {
        margin-top: 160px;
    }

    .hmd-mr-16-xs {
        margin-right: 160px;
    }

    .hmd-mb-16-xs {
        margin-bottom: 160px;
    }

    .hmd-ml-16-xs {
        margin-left: 160px;
    }

    .hmd-nt-16-xs {
        margin-top: -160px;
    }

    .hmd-nr-16-xs {
        margin-right: -160px;
    }

    .hmd-nb-16-xs {
        margin-bottom: -160px;
    }

    .hmd-nl-16-xs {
        margin-left: -160px;
    }

    .hmd-ma-auto-xs {
        margin: auto;
    }

    .hmd-mv-auto-xs {
        margin-top: auto;
        margin-bottom: auto;
    }

    .hmd-mh-auto-xs {
        margin-left: auto;
        margin-right: auto;
    }

    .hmd-mt-auto-xs {
        margin-top: auto;
    }

    .hmd-mr-auto-xs {
        margin-right: auto;
    }

    .hmd-mb-auto-xs {
        margin-bottom: auto;
    }

    .hmd-ml-auto-xs {
        margin-left: auto;
    }

    .hmd-nt-auto-xs {
        margin-top: -auto;
    }

    .hmd-nr-auto-xs {
        margin-right: -auto;
    }

    .hmd-nb-auto-xs {
        margin-bottom: -auto;
    }

    .hmd-nl-auto-xs {
        margin-left: -auto;
    }

    .hmd-mh-auto--xs {
        margin: 0 auto;
    }

    .hmd-op-0-xs {
        opacity: 0%;
    }

    .hmd-op-1-xs {
        opacity: 10%;
    }

    .hmd-op-2-xs {
        opacity: 20%;
    }

    .hmd-op-3-xs {
        opacity: 30%;
    }

    .hmd-op-4-xs {
        opacity: 40%;
    }

    .hmd-op-5-xs {
        opacity: 50%;
    }

    .hmd-op-6-xs {
        opacity: 60%;
    }

    .hmd-op-7-xs {
        opacity: 70%;
    }

    .hmd-op-8-xs {
        opacity: 80%;
    }

    .hmd-op-9-xs {
        opacity: 90%;
    }

    .hmd-op-10-xs {
        opacity: 100%;
    }

    .hmd-w-1-xs {
        width: 10px;
    }

    .hmd-mw-1-xs {
        max-width: 10px;
    }

    .hmd-nw-1-xs {
        min-width: 10px;
    }

    .hmd-w-2-xs {
        width: 20px;
    }

    .hmd-mw-2-xs {
        max-width: 20px;
    }

    .hmd-nw-2-xs {
        min-width: 20px;
    }

    .hmd-w-3-xs {
        width: 30px;
    }

    .hmd-mw-3-xs {
        max-width: 30px;
    }

    .hmd-nw-3-xs {
        min-width: 30px;
    }

    .hmd-w-4-xs {
        width: 40px;
    }

    .hmd-mw-4-xs {
        max-width: 40px;
    }

    .hmd-nw-4-xs {
        min-width: 40px;
    }

    .hmd-w-8-xs {
        width: 80px;
    }

    .hmd-mw-8-xs {
        max-width: 80px;
    }

    .hmd-nw-8-xs {
        min-width: 80px;
    }

    .hmd-w-16-xs {
        width: 160px;
    }

    .hmd-mw-16-xs {
        max-width: 160px;
    }

    .hmd-nw-16-xs {
        min-width: 160px;
    }

    .hmd-w-18-xs {
        width: 180px;
    }

    .hmd-mw-18-xs {
        max-width: 180px;
    }

    .hmd-nw-18-xs {
        min-width: 180px;
    }

    .hmd-w-30-xs {
        width: 300px;
    }

    .hmd-mw-30-xs {
        max-width: 300px;
    }

    .hmd-nw-30-xs {
        min-width: 300px;
    }

    .hmd-w-110-xs {
        width: 1110px;
    }

    .hmd-mw-110-xs {
        max-width: 1110px;
    }

    .hmd-nw-110-xs {
        min-width: 1110px;
    }

    .hmd-w-1\/10-xs {
        width: 10%;
    }

    .hmd-mw-1\/10-xs {
        max-width: 10%;
    }

    .hmd-nw-1\/10-xs {
        min-width: 10%;
    }

    .hmd-w-1\/5-xs {
        width: 20%;
    }

    .hmd-mw-1\/5-xs {
        max-width: 20%;
    }

    .hmd-nw-1\/5-xs {
        min-width: 20%;
    }

    .hmd-w-1\/4-xs {
        width: 25%;
    }

    .hmd-mw-1\/4-xs {
        max-width: 25%;
    }

    .hmd-nw-1\/4-xs {
        min-width: 25%;
    }

    .hmd-w-3\/10-xs {
        width: 30%;
    }

    .hmd-mw-3\/10-xs {
        max-width: 30%;
    }

    .hmd-nw-3\/10-xs {
        min-width: 30%;
    }

    .hmd-w-1\/3-xs {
        width: 33.3333%;
    }

    .hmd-mw-1\/3-xs {
        max-width: 33.3333%;
    }

    .hmd-nw-1\/3-xs {
        min-width: 33.3333%;
    }

    .hmd-w-2\/5-xs {
        width: 40%;
    }

    .hmd-mw-2\/5-xs {
        max-width: 40%;
    }

    .hmd-nw-2\/5-xs {
        min-width: 40%;
    }

    .hmd-w-1\/2-xs {
        width: 50%;
    }

    .hmd-mw-1\/2-xs {
        max-width: 50%;
    }

    .hmd-nw-1\/2-xs {
        min-width: 50%;
    }

    .hmd-w-3\/5-xs {
        width: 60%;
    }

    .hmd-mw-3\/5-xs {
        max-width: 60%;
    }

    .hmd-nw-3\/5-xs {
        min-width: 60%;
    }

    .hmd-w-7\/10-xs {
        width: 70%;
    }

    .hmd-mw-7\/10-xs {
        max-width: 70%;
    }

    .hmd-nw-7\/10-xs {
        min-width: 70%;
    }

    .hmd-w-3\/4-xs {
        width: 75%;
    }

    .hmd-mw-3\/4-xs {
        max-width: 75%;
    }

    .hmd-nw-3\/4-xs {
        min-width: 75%;
    }

    .hmd-w-4\/5-xs {
        width: 80%;
    }

    .hmd-mw-4\/5-xs {
        max-width: 80%;
    }

    .hmd-nw-4\/5-xs {
        min-width: 80%;
    }

    .hmd-w-9\/10-xs {
        width: 90%;
    }

    .hmd-mw-9\/10-xs {
        max-width: 90%;
    }

    .hmd-nw-9\/10-xs {
        min-width: 90%;
    }

    .hmd-w-full-xs {
        width: 100%;
    }

    .hmd-mw-full-xs {
        max-width: 100%;
    }

    .hmd-nw-full-xs {
        min-width: 100%;
    }

    .hmd-w-100-xs {
        width: 100%;
    }

    .hmd-mw-100-xs {
        max-width: 100%;
    }

    .hmd-nw-100-xs {
        min-width: 100%;
    }

    .hmd-w-auto-xs {
        width: auto;
    }

    .hmd-mw-auto-xs {
        max-width: auto;
    }

    .hmd-nw-auto-xs {
        min-width: auto;
    }

    .dropdown a.dropdown-icon {
        border: 1px solid #337ab7;
        border-radius: 2px;
        display: inline-block;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 20px;
    }

    .dropdown a.dropdown-icon:active, .dropdown a.dropdown-icon:hover {
        background: #337ab7;
        color: #fff;
    }

    .dropdown.ui-notification {
        margin-right: 10px;
    }

    .dropdown.ui-invitee {
        margin-right: 10px;
        margin-top: 10px;
    }

    .dropdown.ui-notification .dropdown-menu>li>a {
        max-width: calc(100vw - 60px);
    }
}

@media (min-width: 1200px) {
    .hmd-text-left-lg {
        text-align: left;
    }

    .hmd-text-right-lg {
        text-align: right;
    }

    .hmd-text-center-lg {
        text-align: center;
    }

    .hmd-text-bold-lg {
        font-weight: bold;
    }

    .hmd-text-underline-lg {
        text-decoration: underline;
    }

    .hmd-text-left-lg {
        text-align: left;
    }

    .hmd-text-right-lg {
        text-align: right;
    }

    .hmd-text-center-lg {
        text-align: center;
    }

    .hmd-text-bold-lg {
        font-weight: bold;
    }

    .hmd-text-underline-lg {
        text-decoration: underline;
    }

    .hmd-flex-lg {
        display: flex;
    }

    .inline-flex-lg {
        display: inline-flex;
    }

    .hmd-flex-auto-lg {
        flex: 1 1 auto;
        min-width: 0;
        min-height: 0;
    }

    .hmd-flex-one-lg {
        flex: 1;
    }

    .hmd-flex-two-lg {
        flex: 2;
    }

    .hmd-flex-none-lg {
        flex: none;
    }

    .hmd-flex-column-lg {
        flex-direction: column;
    }

    .hmd-flex-row-lg {
        flex-direction: row;
    }

    .hmd-flex-wrap-lg {
        flex-wrap: wrap;
    }

    .hmd-flex-nowrap-lg {
        flex-wrap: nowrap;
    }

    .hmd-flex-wrap-reverse-lg {
        flex-wrap: wrap-reverse;
    }

    .hmd-flex-column-reverse-lg {
        flex-direction: column-reverse;
    }

    .hmd-flex-row-reverse-lg {
        flex-direction: row-reverse;
    }

    .hmd-items-start-lg {
        align-items: flex-start;
    }

    .hmd-items-end-lg {
        align-items: flex-end;
    }

    .hmd-items-center-lg {
        align-items: center;
    }

    .hmd-items-baseline-lg {
        align-items: baseline;
    }

    .hmd-items-stretch-lg {
        align-items: stretch;
    }

    .hmd-self-start-lg {
        align-self: flex-start;
    }

    .hmd-self-end-lg {
        align-self: flex-end;
    }

    .hmd-self-center-lg {
        align-self: center;
    }

    .hmd-self-baseline-lg {
        align-self: baseline;
    }

    .hmd-self-stretch-lg {
        align-self: stretch;
    }

    .hmd-justify-start-lg {
        justify-content: flex-start;
    }

    .hmd-justify-end-lg {
        justify-content: flex-end;
    }

    .hmd-justify-center-lg {
        justify-content: center;
    }

    .hmd-justify-between-lg {
        justify-content: space-between;
    }

    .hmd-justify-around-lg {
        justify-content: space-around;
    }

    .hmd-content-start-lg {
        align-content: flex-start;
    }

    .hmd-content-end-lg {
        align-content: flex-end;
    }

    .hmd-content-center-lg {
        align-content: center;
    }

    .hmd-content-between-lg {
        align-content: space-between;
    }

    .hmd-content-around-lg {
        align-content: space-around;
    }

    .hmd-content-stretch-lg {
        align-content: stretch;
    }

    .hmd-order-0-lg {
        order: 0;
    }

    .hmd-order-1-lg {
        order: 1;
    }

    .hmd-order-2-lg {
        order: 2;
    }

    .hmd-order-3-lg {
        order: 3;
    }

    .hmd-order-4-lg {
        order: 4;
    }

    .hmd-order-5-lg {
        order: 5;
    }

    .hmd-order-6-lg {
        order: 6;
    }

    .hmd-order-7-lg {
        order: 7;
    }

    .hmd-order-8-lg {
        order: 8;
    }

    .hmd-order-last-lg {
        order: 99999;
    }

    .hmd-flex-grow-0-lg {
        flex-grow: 0;
    }

    .hmd-flex-grow-1-lg {
        flex-grow: 1;
    }

    .hmd-flex-shrink-0-lg {
        flex-shrink: 0;
    }

    .hmd-flex-shrink-1-lg {
        flex-shrink: 1;
    }

    .hmd-dn-lg {
        display: none;
    }

    .hmd-di-lg {
        display: inline;
    }

    .hmd-db-lg {
        display: block;
    }

    .hmd-dib-lg {
        display: inline-block;
    }

    .hmd-dit-lg {
        display: inline-table;
    }

    .hmd-dt-lg {
        display: table;
    }

    .hmd-dtc-lg {
        display: table-cell;
    }

    .hmd-dt-row-lg {
        display: table-row;
    }

    .hmd-dt-row-group-lg {
        display: table-row-group;
    }

    .hmd-dt-column-lg {
        display: table-column;
    }

    .hmd-dt-column-group-lg {
        display: table-column-group;
    }

    .hmd-dns-lg {
        display: unset;
    }

    .hmd-dni-lg {
        display: none !important;
    }

    .hmd-vv-lg {
        visibility: visible;
    }

    .hmd-vh-lg {
        visibility: hidden;
    }

    .hmd-pa-0-lg {
        padding: 0;
    }

    .hmd-pv-0-lg {
        padding-top: 0;
        padding-bottom: 0;
    }

    .hmd-ph-0-lg {
        padding-left: 0;
        padding-right: 0;
    }

    .hmd-pt-0-lg {
        padding-top: 0;
    }

    .hmd-pr-0-lg {
        padding-right: 0;
    }

    .hmd-pb-0-lg {
        padding-bottom: 0;
    }

    .hmd-pl-0-lg {
        padding-left: 0;
    }

    .hmd-pa-1\/10-lg {
        padding: 1px;
    }

    .hmd-pv-1\/10-lg {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .hmd-ph-1\/10-lg {
        padding-left: 1px;
        padding-right: 1px;
    }

    .hmd-pt-1\/10-lg {
        padding-top: 1px;
    }

    .hmd-pr-1\/10-lg {
        padding-right: 1px;
    }

    .hmd-pb-1\/10-lg {
        padding-bottom: 1px;
    }

    .hmd-pl-1\/10-lg {
        padding-left: 1px;
    }

    .hmd-pa-1\/5-lg {
        padding: 2px;
    }

    .hmd-pv-1\/5-lg {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .hmd-ph-1\/5-lg {
        padding-left: 2px;
        padding-right: 2px;
    }

    .hmd-pt-1\/5-lg {
        padding-top: 2px;
    }

    .hmd-pr-1\/5-lg {
        padding-right: 2px;
    }

    .hmd-pb-1\/5-lg {
        padding-bottom: 2px;
    }

    .hmd-pl-1\/5-lg {
        padding-left: 2px;
    }

    .hmd-pa-1\/4-lg {
        padding: .25rem;
    }

    .hmd-pv-1\/4-lg {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .hmd-ph-1\/4-lg {
        padding-left: .25rem;
        padding-right: .25rem;
    }

    .hmd-pt-1\/4-lg {
        padding-top: .25rem;
    }

    .hmd-pr-1\/4-lg {
        padding-right: .25rem;
    }

    .hmd-pb-1\/4-lg {
        padding-bottom: .25rem;
    }

    .hmd-pl-1\/4-lg {
        padding-left: .25rem;
    }

    .hmd-pa-3\/4-lg {
        padding: .75rem;
    }

    .hmd-pv-3\/4-lg {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    .hmd-ph-3\/4-lg {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .hmd-pt-3\/4-lg {
        padding-top: .75rem;
    }

    .hmd-pr-3\/4-lg {
        padding-right: .75rem;
    }

    .hmd-pb-3\/4-lg {
        padding-bottom: .75rem;
    }

    .hmd-pl-3\/4-lg {
        padding-left: .75rem;
    }

    .hmd-pa-1\/8-lg {
        padding: .125rem;
    }

    .hmd-pv-1\/8-lg {
        padding-top: .125rem;
        padding-bottom: .125rem;
    }

    .hmd-ph-1\/8-lg {
        padding-left: .125rem;
        padding-right: .125rem;
    }

    .hmd-pt-1\/8-lg {
        padding-top: .125rem;
    }

    .hmd-pr-1\/8-lg {
        padding-right: .125rem;
    }

    .hmd-pb-1\/8-lg {
        padding-bottom: .125rem;
    }

    .hmd-pl-1\/8-lg {
        padding-left: .125rem;
    }

    .hmd-pa-1\/2-lg {
        padding: 5px;
    }

    .hmd-pv-1\/2-lg {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .hmd-ph-1\/2-lg {
        padding-left: 5px;
        padding-right: 5px;
    }

    .hmd-pt-1\/2-lg {
        padding-top: 5px;
    }

    .hmd-pr-1\/2-lg {
        padding-right: 5px;
    }

    .hmd-pb-1\/2-lg {
        padding-bottom: 5px;
    }

    .hmd-pl-1\/2-lg {
        padding-left: 5px;
    }

    .hmd-pa-1-lg {
        padding: 10px;
    }

    .hmd-pv-1-lg {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hmd-ph-1-lg {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hmd-pt-1-lg {
        padding-top: 10px;
    }

    .hmd-pr-1-lg {
        padding-right: 10px;
    }

    .hmd-pb-1-lg {
        padding-bottom: 10px;
    }

    .hmd-pl-1-lg {
        padding-left: 10px;
    }

    .hmd-pa-3\/2-lg {
        padding: 15px;
    }

    .hmd-pv-3\/2-lg {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .hmd-ph-3\/2-lg {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hmd-pt-3\/2-lg {
        padding-top: 15px;
    }

    .hmd-pr-3\/2-lg {
        padding-right: 15px;
    }

    .hmd-pb-3\/2-lg {
        padding-bottom: 15px;
    }

    .hmd-pl-3\/2-lg {
        padding-left: 15px;
    }

    .hmd-pa-2-lg {
        padding: 20px;
    }

    .hmd-pv-2-lg {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hmd-ph-2-lg {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hmd-pt-2-lg {
        padding-top: 20px;
    }

    .hmd-pr-2-lg {
        padding-right: 20px;
    }

    .hmd-pb-2-lg {
        padding-bottom: 20px;
    }

    .hmd-pl-2-lg {
        padding-left: 20px;
    }

    .hmd-pa-25-lg {
        padding: 25px;
    }

    .hmd-pv-25-lg {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .hmd-ph-25-lg {
        padding-left: 25px;
        padding-right: 25px;
    }

    .hmd-pt-25-lg {
        padding-top: 25px;
    }

    .hmd-pr-25-lg {
        padding-right: 25px;
    }

    .hmd-pb-25-lg {
        padding-bottom: 25px;
    }

    .hmd-pl-25-lg {
        padding-left: 25px;
    }

    .hmd-pa-3-lg {
        padding: 30px;
    }

    .hmd-pv-3-lg {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .hmd-ph-3-lg {
        padding-left: 30px;
        padding-right: 30px;
    }

    .hmd-pt-3-lg {
        padding-top: 30px;
    }

    .hmd-pr-3-lg {
        padding-right: 30px;
    }

    .hmd-pb-3-lg {
        padding-bottom: 30px;
    }

    .hmd-pl-3-lg {
        padding-left: 30px;
    }

    .hmd-pa-35-lg {
        padding: 35px;
    }

    .hmd-pv-35-lg {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .hmd-ph-35-lg {
        padding-left: 35px;
        padding-right: 35px;
    }

    .hmd-pt-35-lg {
        padding-top: 35px;
    }

    .hmd-pr-35-lg {
        padding-right: 35px;
    }

    .hmd-pb-35-lg {
        padding-bottom: 35px;
    }

    .hmd-pl-35-lg {
        padding-left: 35px;
    }

    .hmd-pa-4-lg {
        padding: 40px;
    }

    .hmd-pv-4-lg {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .hmd-ph-4-lg {
        padding-left: 40px;
        padding-right: 40px;
    }

    .hmd-pt-4-lg {
        padding-top: 40px;
    }

    .hmd-pr-4-lg {
        padding-right: 40px;
    }

    .hmd-pb-4-lg {
        padding-bottom: 40px;
    }

    .hmd-pl-4-lg {
        padding-left: 40px;
    }

    .hmd-pa-5-lg {
        padding: 50px;
    }

    .hmd-pv-5-lg {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .hmd-ph-5-lg {
        padding-left: 50px;
        padding-right: 50px;
    }

    .hmd-pt-5-lg {
        padding-top: 50px;
    }

    .hmd-pr-5-lg {
        padding-right: 50px;
    }

    .hmd-pb-5-lg {
        padding-bottom: 50px;
    }

    .hmd-pl-5-lg {
        padding-left: 50px;
    }

    .hmd-pa-55-lg {
        padding: 55px;
    }

    .hmd-pv-55-lg {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .hmd-ph-55-lg {
        padding-left: 55px;
        padding-right: 55px;
    }

    .hmd-pt-55-lg {
        padding-top: 55px;
    }

    .hmd-pr-55-lg {
        padding-right: 55px;
    }

    .hmd-pb-55-lg {
        padding-bottom: 55px;
    }

    .hmd-pl-55-lg {
        padding-left: 55px;
    }

    .hmd-pa-6-lg {
        padding: 60px;
    }

    .hmd-pv-6-lg {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hmd-ph-6-lg {
        padding-left: 60px;
        padding-right: 60px;
    }

    .hmd-pt-6-lg {
        padding-top: 60px;
    }

    .hmd-pr-6-lg {
        padding-right: 60px;
    }

    .hmd-pb-6-lg {
        padding-bottom: 60px;
    }

    .hmd-pl-6-lg {
        padding-left: 60px;
    }

    .hmd-pa-7-lg {
        padding: 70px;
    }

    .hmd-pv-7-lg {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .hmd-ph-7-lg {
        padding-left: 70px;
        padding-right: 70px;
    }

    .hmd-pt-7-lg {
        padding-top: 70px;
    }

    .hmd-pr-7-lg {
        padding-right: 70px;
    }

    .hmd-pb-7-lg {
        padding-bottom: 70px;
    }

    .hmd-pl-7-lg {
        padding-left: 70px;
    }

    .hmd-pa-8-lg {
        padding: 80px;
    }

    .hmd-pv-8-lg {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hmd-ph-8-lg {
        padding-left: 80px;
        padding-right: 80px;
    }

    .hmd-pt-8-lg {
        padding-top: 80px;
    }

    .hmd-pr-8-lg {
        padding-right: 80px;
    }

    .hmd-pb-8-lg {
        padding-bottom: 80px;
    }

    .hmd-pl-8-lg {
        padding-left: 80px;
    }

    .hmd-pa-10-lg {
        padding: 100px;
    }

    .hmd-pv-10-lg {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .hmd-ph-10-lg {
        padding-left: 100px;
        padding-right: 100px;
    }

    .hmd-pt-10-lg {
        padding-top: 100px;
    }

    .hmd-pr-10-lg {
        padding-right: 100px;
    }

    .hmd-pb-10-lg {
        padding-bottom: 100px;
    }

    .hmd-pl-10-lg {
        padding-left: 100px;
    }

    .hmd-pa-12-lg {
        padding: 120px;
    }

    .hmd-pv-12-lg {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .hmd-ph-12-lg {
        padding-left: 120px;
        padding-right: 120px;
    }

    .hmd-pt-12-lg {
        padding-top: 120px;
    }

    .hmd-pr-12-lg {
        padding-right: 120px;
    }

    .hmd-pb-12-lg {
        padding-bottom: 120px;
    }

    .hmd-pl-12-lg {
        padding-left: 120px;
    }

    .hmd-pa-14-lg {
        padding: 140px;
    }

    .hmd-pv-14-lg {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .hmd-ph-14-lg {
        padding-left: 140px;
        padding-right: 140px;
    }

    .hmd-pt-14-lg {
        padding-top: 140px;
    }

    .hmd-pr-14-lg {
        padding-right: 140px;
    }

    .hmd-pb-14-lg {
        padding-bottom: 140px;
    }

    .hmd-pl-14-lg {
        padding-left: 140px;
    }

    .hmd-pa-16-lg {
        padding: 160px;
    }

    .hmd-pv-16-lg {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .hmd-ph-16-lg {
        padding-left: 160px;
        padding-right: 160px;
    }

    .hmd-pt-16-lg {
        padding-top: 160px;
    }

    .hmd-pr-16-lg {
        padding-right: 160px;
    }

    .hmd-pb-16-lg {
        padding-bottom: 160px;
    }

    .hmd-pl-16-lg {
        padding-left: 160px;
    }

    .hmd-pa-auto-lg {
        padding: auto;
    }

    .hmd-pv-auto-lg {
        padding-top: auto;
        padding-bottom: auto;
    }

    .hmd-ph-auto-lg {
        padding-left: auto;
        padding-right: auto;
    }

    .hmd-pt-auto-lg {
        padding-top: auto;
    }

    .hmd-pr-auto-lg {
        padding-right: auto;
    }

    .hmd-pb-auto-lg {
        padding-bottom: auto;
    }

    .hmd-pl-auto-lg {
        padding-left: auto;
    }

    .hmd-ma-0-lg {
        margin: 0;
    }

    .hmd-mv-0-lg {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hmd-mh-0-lg {
        margin-left: 0;
        margin-right: 0;
    }

    .hmd-mt-0-lg {
        margin-top: 0;
    }

    .hmd-mr-0-lg {
        margin-right: 0;
    }

    .hmd-mb-0-lg {
        margin-bottom: 0;
    }

    .hmd-ml-0-lg {
        margin-left: 0;
    }

    .hmd-nt-0-lg {
        margin-top: -0;
    }

    .hmd-nr-0-lg {
        margin-right: -0;
    }

    .hmd-nb-0-lg {
        margin-bottom: -0;
    }

    .hmd-nl-0-lg {
        margin-left: -0;
    }

    .hmd-ma-1\/10-lg {
        margin: 1px;
    }

    .hmd-mv-1\/10-lg {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .hmd-mh-1\/10-lg {
        margin-left: 1px;
        margin-right: 1px;
    }

    .hmd-mt-1\/10-lg {
        margin-top: 1px;
    }

    .hmd-mr-1\/10-lg {
        margin-right: 1px;
    }

    .hmd-mb-1\/10-lg {
        margin-bottom: 1px;
    }

    .hmd-ml-1\/10-lg {
        margin-left: 1px;
    }

    .hmd-nt-1\/10-lg {
        margin-top: -1px;
    }

    .hmd-nr-1\/10-lg {
        margin-right: -1px;
    }

    .hmd-nb-1\/10-lg {
        margin-bottom: -1px;
    }

    .hmd-nl-1\/10-lg {
        margin-left: -1px;
    }

    .hmd-ma-1\/5-lg {
        margin: 2px;
    }

    .hmd-mv-1\/5-lg {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .hmd-mh-1\/5-lg {
        margin-left: 2px;
        margin-right: 2px;
    }

    .hmd-mt-1\/5-lg {
        margin-top: 2px;
    }

    .hmd-mr-1\/5-lg {
        margin-right: 2px;
    }

    .hmd-mb-1\/5-lg {
        margin-bottom: 2px;
    }

    .hmd-ml-1\/5-lg {
        margin-left: 2px;
    }

    .hmd-nt-1\/5-lg {
        margin-top: -2px;
    }

    .hmd-nr-1\/5-lg {
        margin-right: -2px;
    }

    .hmd-nb-1\/5-lg {
        margin-bottom: -2px;
    }

    .hmd-nl-1\/5-lg {
        margin-left: -2px;
    }

    .hmd-ma-1\/4-lg {
        margin: .25rem;
    }

    .hmd-mv-1\/4-lg {
        margin-top: .25rem;
        margin-bottom: .25rem;
    }

    .hmd-mh-1\/4-lg {
        margin-left: .25rem;
        margin-right: .25rem;
    }

    .hmd-mt-1\/4-lg {
        margin-top: .25rem;
    }

    .hmd-mr-1\/4-lg {
        margin-right: .25rem;
    }

    .hmd-mb-1\/4-lg {
        margin-bottom: .25rem;
    }

    .hmd-ml-1\/4-lg {
        margin-left: .25rem;
    }

    .hmd-nt-1\/4-lg {
        margin-top: -0.25rem;
    }

    .hmd-nr-1\/4-lg {
        margin-right: -0.25rem;
    }

    .hmd-nb-1\/4-lg {
        margin-bottom: -0.25rem;
    }

    .hmd-nl-1\/4-lg {
        margin-left: -0.25rem;
    }

    .hmd-ma-3\/4-lg {
        margin: .75rem;
    }

    .hmd-mv-3\/4-lg {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    .hmd-mh-3\/4-lg {
        margin-left: .75rem;
        margin-right: .75rem;
    }

    .hmd-mt-3\/4-lg {
        margin-top: .75rem;
    }

    .hmd-mr-3\/4-lg {
        margin-right: .75rem;
    }

    .hmd-mb-3\/4-lg {
        margin-bottom: .75rem;
    }

    .hmd-ml-3\/4-lg {
        margin-left: .75rem;
    }

    .hmd-nt-3\/4-lg {
        margin-top: -0.75rem;
    }

    .hmd-nr-3\/4-lg {
        margin-right: -0.75rem;
    }

    .hmd-nb-3\/4-lg {
        margin-bottom: -0.75rem;
    }

    .hmd-nl-3\/4-lg {
        margin-left: -0.75rem;
    }

    .hmd-ma-1\/8-lg {
        margin: .125rem;
    }

    .hmd-mv-1\/8-lg {
        margin-top: .125rem;
        margin-bottom: .125rem;
    }

    .hmd-mh-1\/8-lg {
        margin-left: .125rem;
        margin-right: .125rem;
    }

    .hmd-mt-1\/8-lg {
        margin-top: .125rem;
    }

    .hmd-mr-1\/8-lg {
        margin-right: .125rem;
    }

    .hmd-mb-1\/8-lg {
        margin-bottom: .125rem;
    }

    .hmd-ml-1\/8-lg {
        margin-left: .125rem;
    }

    .hmd-nt-1\/8-lg {
        margin-top: -0.125rem;
    }

    .hmd-nr-1\/8-lg {
        margin-right: -0.125rem;
    }

    .hmd-nb-1\/8-lg {
        margin-bottom: -0.125rem;
    }

    .hmd-nl-1\/8-lg {
        margin-left: -0.125rem;
    }

    .hmd-ma-1\/2-lg {
        margin: 5px;
    }

    .hmd-mv-1\/2-lg {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hmd-mh-1\/2-lg {
        margin-left: 5px;
        margin-right: 5px;
    }

    .hmd-mt-1\/2-lg {
        margin-top: 5px;
    }

    .hmd-mr-1\/2-lg {
        margin-right: 5px;
    }

    .hmd-mb-1\/2-lg {
        margin-bottom: 5px;
    }

    .hmd-ml-1\/2-lg {
        margin-left: 5px;
    }

    .hmd-nt-1\/2-lg {
        margin-top: -5px;
    }

    .hmd-nr-1\/2-lg {
        margin-right: -5px;
    }

    .hmd-nb-1\/2-lg {
        margin-bottom: -5px;
    }

    .hmd-nl-1\/2-lg {
        margin-left: -5px;
    }

    .hmd-ma-1-lg {
        margin: 10px;
    }

    .hmd-mv-1-lg {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .hmd-mh-1-lg {
        margin-left: 10px;
        margin-right: 10px;
    }

    .hmd-mt-1-lg {
        margin-top: 10px;
    }

    .hmd-mr-1-lg {
        margin-right: 10px;
    }

    .hmd-mb-1-lg {
        margin-bottom: 10px;
    }

    .hmd-ml-1-lg {
        margin-left: 10px;
    }

    .hmd-nt-1-lg {
        margin-top: -10px;
    }

    .hmd-nr-1-lg {
        margin-right: -10px;
    }

    .hmd-nb-1-lg {
        margin-bottom: -10px;
    }

    .hmd-nl-1-lg {
        margin-left: -10px;
    }

    .hmd-ma-3\/2-lg {
        margin: 15px;
    }

    .hmd-mv-3\/2-lg {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .hmd-mh-3\/2-lg {
        margin-left: 15px;
        margin-right: 15px;
    }

    .hmd-mt-3\/2-lg {
        margin-top: 15px;
    }

    .hmd-mr-3\/2-lg {
        margin-right: 15px;
    }

    .hmd-mb-3\/2-lg {
        margin-bottom: 15px;
    }

    .hmd-ml-3\/2-lg {
        margin-left: 15px;
    }

    .hmd-nt-3\/2-lg {
        margin-top: -15px;
    }

    .hmd-nr-3\/2-lg {
        margin-right: -15px;
    }

    .hmd-nb-3\/2-lg {
        margin-bottom: -15px;
    }

    .hmd-nl-3\/2-lg {
        margin-left: -15px;
    }

    .hmd-ma-2-lg {
        margin: 20px;
    }

    .hmd-mv-2-lg {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .hmd-mh-2-lg {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hmd-mt-2-lg {
        margin-top: 20px;
    }

    .hmd-mr-2-lg {
        margin-right: 20px;
    }

    .hmd-mb-2-lg {
        margin-bottom: 20px;
    }

    .hmd-ml-2-lg {
        margin-left: 20px;
    }

    .hmd-nt-2-lg {
        margin-top: -20px;
    }

    .hmd-nr-2-lg {
        margin-right: -20px;
    }

    .hmd-nb-2-lg {
        margin-bottom: -20px;
    }

    .hmd-nl-2-lg {
        margin-left: -20px;
    }

    .hmd-ma-25-lg {
        margin: 25px;
    }

    .hmd-mv-25-lg {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .hmd-mh-25-lg {
        margin-left: 25px;
        margin-right: 25px;
    }

    .hmd-mt-25-lg {
        margin-top: 25px;
    }

    .hmd-mr-25-lg {
        margin-right: 25px;
    }

    .hmd-mb-25-lg {
        margin-bottom: 25px;
    }

    .hmd-ml-25-lg {
        margin-left: 25px;
    }

    .hmd-nt-25-lg {
        margin-top: -25px;
    }

    .hmd-nr-25-lg {
        margin-right: -25px;
    }

    .hmd-nb-25-lg {
        margin-bottom: -25px;
    }

    .hmd-nl-25-lg {
        margin-left: -25px;
    }

    .hmd-ma-3-lg {
        margin: 30px;
    }

    .hmd-mv-3-lg {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .hmd-mh-3-lg {
        margin-left: 30px;
        margin-right: 30px;
    }

    .hmd-mt-3-lg {
        margin-top: 30px;
    }

    .hmd-mr-3-lg {
        margin-right: 30px;
    }

    .hmd-mb-3-lg {
        margin-bottom: 30px;
    }

    .hmd-ml-3-lg {
        margin-left: 30px;
    }

    .hmd-nt-3-lg {
        margin-top: -30px;
    }

    .hmd-nr-3-lg {
        margin-right: -30px;
    }

    .hmd-nb-3-lg {
        margin-bottom: -30px;
    }

    .hmd-nl-3-lg {
        margin-left: -30px;
    }

    .hmd-ma-35-lg {
        margin: 35px;
    }

    .hmd-mv-35-lg {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .hmd-mh-35-lg {
        margin-left: 35px;
        margin-right: 35px;
    }

    .hmd-mt-35-lg {
        margin-top: 35px;
    }

    .hmd-mr-35-lg {
        margin-right: 35px;
    }

    .hmd-mb-35-lg {
        margin-bottom: 35px;
    }

    .hmd-ml-35-lg {
        margin-left: 35px;
    }

    .hmd-nt-35-lg {
        margin-top: -35px;
    }

    .hmd-nr-35-lg {
        margin-right: -35px;
    }

    .hmd-nb-35-lg {
        margin-bottom: -35px;
    }

    .hmd-nl-35-lg {
        margin-left: -35px;
    }

    .hmd-ma-4-lg {
        margin: 40px;
    }

    .hmd-mv-4-lg {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .hmd-mh-4-lg {
        margin-left: 40px;
        margin-right: 40px;
    }

    .hmd-mt-4-lg {
        margin-top: 40px;
    }

    .hmd-mr-4-lg {
        margin-right: 40px;
    }

    .hmd-mb-4-lg {
        margin-bottom: 40px;
    }

    .hmd-ml-4-lg {
        margin-left: 40px;
    }

    .hmd-nt-4-lg {
        margin-top: -40px;
    }

    .hmd-nr-4-lg {
        margin-right: -40px;
    }

    .hmd-nb-4-lg {
        margin-bottom: -40px;
    }

    .hmd-nl-4-lg {
        margin-left: -40px;
    }

    .hmd-ma-5-lg {
        margin: 50px;
    }

    .hmd-mv-5-lg {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .hmd-mh-5-lg {
        margin-left: 50px;
        margin-right: 50px;
    }

    .hmd-mt-5-lg {
        margin-top: 50px;
    }

    .hmd-mr-5-lg {
        margin-right: 50px;
    }

    .hmd-mb-5-lg {
        margin-bottom: 50px;
    }

    .hmd-ml-5-lg {
        margin-left: 50px;
    }

    .hmd-nt-5-lg {
        margin-top: -50px;
    }

    .hmd-nr-5-lg {
        margin-right: -50px;
    }

    .hmd-nb-5-lg {
        margin-bottom: -50px;
    }

    .hmd-nl-5-lg {
        margin-left: -50px;
    }

    .hmd-ma-55-lg {
        margin: 55px;
    }

    .hmd-mv-55-lg {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .hmd-mh-55-lg {
        margin-left: 55px;
        margin-right: 55px;
    }

    .hmd-mt-55-lg {
        margin-top: 55px;
    }

    .hmd-mr-55-lg {
        margin-right: 55px;
    }

    .hmd-mb-55-lg {
        margin-bottom: 55px;
    }

    .hmd-ml-55-lg {
        margin-left: 55px;
    }

    .hmd-nt-55-lg {
        margin-top: -55px;
    }

    .hmd-nr-55-lg {
        margin-right: -55px;
    }

    .hmd-nb-55-lg {
        margin-bottom: -55px;
    }

    .hmd-nl-55-lg {
        margin-left: -55px;
    }

    .hmd-ma-6-lg {
        margin: 60px;
    }

    .hmd-mv-6-lg {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .hmd-mh-6-lg {
        margin-left: 60px;
        margin-right: 60px;
    }

    .hmd-mt-6-lg {
        margin-top: 60px;
    }

    .hmd-mr-6-lg {
        margin-right: 60px;
    }

    .hmd-mb-6-lg {
        margin-bottom: 60px;
    }

    .hmd-ml-6-lg {
        margin-left: 60px;
    }

    .hmd-nt-6-lg {
        margin-top: -60px;
    }

    .hmd-nr-6-lg {
        margin-right: -60px;
    }

    .hmd-nb-6-lg {
        margin-bottom: -60px;
    }

    .hmd-nl-6-lg {
        margin-left: -60px;
    }

    .hmd-ma-7-lg {
        margin: 70px;
    }

    .hmd-mv-7-lg {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .hmd-mh-7-lg {
        margin-left: 70px;
        margin-right: 70px;
    }

    .hmd-mt-7-lg {
        margin-top: 70px;
    }

    .hmd-mr-7-lg {
        margin-right: 70px;
    }

    .hmd-mb-7-lg {
        margin-bottom: 70px;
    }

    .hmd-ml-7-lg {
        margin-left: 70px;
    }

    .hmd-nt-7-lg {
        margin-top: -70px;
    }

    .hmd-nr-7-lg {
        margin-right: -70px;
    }

    .hmd-nb-7-lg {
        margin-bottom: -70px;
    }

    .hmd-nl-7-lg {
        margin-left: -70px;
    }

    .hmd-ma-8-lg {
        margin: 80px;
    }

    .hmd-mv-8-lg {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .hmd-mh-8-lg {
        margin-left: 80px;
        margin-right: 80px;
    }

    .hmd-mt-8-lg {
        margin-top: 80px;
    }

    .hmd-mr-8-lg {
        margin-right: 80px;
    }

    .hmd-mb-8-lg {
        margin-bottom: 80px;
    }

    .hmd-ml-8-lg {
        margin-left: 80px;
    }

    .hmd-nt-8-lg {
        margin-top: -80px;
    }

    .hmd-nr-8-lg {
        margin-right: -80px;
    }

    .hmd-nb-8-lg {
        margin-bottom: -80px;
    }

    .hmd-nl-8-lg {
        margin-left: -80px;
    }

    .hmd-ma-10-lg {
        margin: 100px;
    }

    .hmd-mv-10-lg {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .hmd-mh-10-lg {
        margin-left: 100px;
        margin-right: 100px;
    }

    .hmd-mt-10-lg {
        margin-top: 100px;
    }

    .hmd-mr-10-lg {
        margin-right: 100px;
    }

    .hmd-mb-10-lg {
        margin-bottom: 100px;
    }

    .hmd-ml-10-lg {
        margin-left: 100px;
    }

    .hmd-nt-10-lg {
        margin-top: -100px;
    }

    .hmd-nr-10-lg {
        margin-right: -100px;
    }

    .hmd-nb-10-lg {
        margin-bottom: -100px;
    }

    .hmd-nl-10-lg {
        margin-left: -100px;
    }

    .hmd-ma-12-lg {
        margin: 120px;
    }

    .hmd-mv-12-lg {
        margin-top: 120px;
        margin-bottom: 120px;
    }

    .hmd-mh-12-lg {
        margin-left: 120px;
        margin-right: 120px;
    }

    .hmd-mt-12-lg {
        margin-top: 120px;
    }

    .hmd-mr-12-lg {
        margin-right: 120px;
    }

    .hmd-mb-12-lg {
        margin-bottom: 120px;
    }

    .hmd-ml-12-lg {
        margin-left: 120px;
    }

    .hmd-nt-12-lg {
        margin-top: -120px;
    }

    .hmd-nr-12-lg {
        margin-right: -120px;
    }

    .hmd-nb-12-lg {
        margin-bottom: -120px;
    }

    .hmd-nl-12-lg {
        margin-left: -120px;
    }

    .hmd-ma-14-lg {
        margin: 140px;
    }

    .hmd-mv-14-lg {
        margin-top: 140px;
        margin-bottom: 140px;
    }

    .hmd-mh-14-lg {
        margin-left: 140px;
        margin-right: 140px;
    }

    .hmd-mt-14-lg {
        margin-top: 140px;
    }

    .hmd-mr-14-lg {
        margin-right: 140px;
    }

    .hmd-mb-14-lg {
        margin-bottom: 140px;
    }

    .hmd-ml-14-lg {
        margin-left: 140px;
    }

    .hmd-nt-14-lg {
        margin-top: -140px;
    }

    .hmd-nr-14-lg {
        margin-right: -140px;
    }

    .hmd-nb-14-lg {
        margin-bottom: -140px;
    }

    .hmd-nl-14-lg {
        margin-left: -140px;
    }

    .hmd-ma-16-lg {
        margin: 160px;
    }

    .hmd-mv-16-lg {
        margin-top: 160px;
        margin-bottom: 160px;
    }

    .hmd-mh-16-lg {
        margin-left: 160px;
        margin-right: 160px;
    }

    .hmd-mt-16-lg {
        margin-top: 160px;
    }

    .hmd-mr-16-lg {
        margin-right: 160px;
    }

    .hmd-mb-16-lg {
        margin-bottom: 160px;
    }

    .hmd-ml-16-lg {
        margin-left: 160px;
    }

    .hmd-nt-16-lg {
        margin-top: -160px;
    }

    .hmd-nr-16-lg {
        margin-right: -160px;
    }

    .hmd-nb-16-lg {
        margin-bottom: -160px;
    }

    .hmd-nl-16-lg {
        margin-left: -160px;
    }

    .hmd-ma-auto-lg {
        margin: auto;
    }

    .hmd-mv-auto-lg {
        margin-top: auto;
        margin-bottom: auto;
    }

    .hmd-mh-auto-lg {
        margin-left: auto;
        margin-right: auto;
    }

    .hmd-mt-auto-lg {
        margin-top: auto;
    }

    .hmd-mr-auto-lg {
        margin-right: auto;
    }

    .hmd-mb-auto-lg {
        margin-bottom: auto;
    }

    .hmd-ml-auto-lg {
        margin-left: auto;
    }

    .hmd-nt-auto-lg {
        margin-top: -auto;
    }

    .hmd-nr-auto-lg {
        margin-right: -auto;
    }

    .hmd-nb-auto-lg {
        margin-bottom: -auto;
    }

    .hmd-nl-auto-lg {
        margin-left: -auto;
    }

    .hmd-mh-auto--lg {
        margin: 0 auto;
    }

    .hmd-op-0-lg {
        opacity: 0%;
    }

    .hmd-op-1-lg {
        opacity: 10%;
    }

    .hmd-op-2-lg {
        opacity: 20%;
    }

    .hmd-op-3-lg {
        opacity: 30%;
    }

    .hmd-op-4-lg {
        opacity: 40%;
    }

    .hmd-op-5-lg {
        opacity: 50%;
    }

    .hmd-op-6-lg {
        opacity: 60%;
    }

    .hmd-op-7-lg {
        opacity: 70%;
    }

    .hmd-op-8-lg {
        opacity: 80%;
    }

    .hmd-op-9-lg {
        opacity: 90%;
    }

    .hmd-op-10-lg {
        opacity: 100%;
    }

    .hmd-w-1-lg {
        width: 10px;
    }

    .hmd-mw-1-lg {
        max-width: 10px;
    }

    .hmd-nw-1-lg {
        min-width: 10px;
    }

    .hmd-w-2-lg {
        width: 20px;
    }

    .hmd-mw-2-lg {
        max-width: 20px;
    }

    .hmd-nw-2-lg {
        min-width: 20px;
    }

    .hmd-w-3-lg {
        width: 30px;
    }

    .hmd-mw-3-lg {
        max-width: 30px;
    }

    .hmd-nw-3-lg {
        min-width: 30px;
    }

    .hmd-w-4-lg {
        width: 40px;
    }

    .hmd-mw-4-lg {
        max-width: 40px;
    }

    .hmd-nw-4-lg {
        min-width: 40px;
    }

    .hmd-w-8-lg {
        width: 80px;
    }

    .hmd-mw-8-lg {
        max-width: 80px;
    }

    .hmd-nw-8-lg {
        min-width: 80px;
    }

    .hmd-w-16-lg {
        width: 160px;
    }

    .hmd-mw-16-lg {
        max-width: 160px;
    }

    .hmd-nw-16-lg {
        min-width: 160px;
    }

    .hmd-w-18-lg {
        width: 180px;
    }

    .hmd-mw-18-lg {
        max-width: 180px;
    }

    .hmd-nw-18-lg {
        min-width: 180px;
    }

    .hmd-w-30-lg {
        width: 300px;
    }

    .hmd-mw-30-lg {
        max-width: 300px;
    }

    .hmd-nw-30-lg {
        min-width: 300px;
    }

    .hmd-w-110-lg {
        width: 1110px;
    }

    .hmd-mw-110-lg {
        max-width: 1110px;
    }

    .hmd-nw-110-lg {
        min-width: 1110px;
    }

    .hmd-w-1\/10-lg {
        width: 10%;
    }

    .hmd-mw-1\/10-lg {
        max-width: 10%;
    }

    .hmd-nw-1\/10-lg {
        min-width: 10%;
    }

    .hmd-w-1\/5-lg {
        width: 20%;
    }

    .hmd-mw-1\/5-lg {
        max-width: 20%;
    }

    .hmd-nw-1\/5-lg {
        min-width: 20%;
    }

    .hmd-w-1\/4-lg {
        width: 25%;
    }

    .hmd-mw-1\/4-lg {
        max-width: 25%;
    }

    .hmd-nw-1\/4-lg {
        min-width: 25%;
    }

    .hmd-w-3\/10-lg {
        width: 30%;
    }

    .hmd-mw-3\/10-lg {
        max-width: 30%;
    }

    .hmd-nw-3\/10-lg {
        min-width: 30%;
    }

    .hmd-w-1\/3-lg {
        width: 33.3333%;
    }

    .hmd-mw-1\/3-lg {
        max-width: 33.3333%;
    }

    .hmd-nw-1\/3-lg {
        min-width: 33.3333%;
    }

    .hmd-w-2\/5-lg {
        width: 40%;
    }

    .hmd-mw-2\/5-lg {
        max-width: 40%;
    }

    .hmd-nw-2\/5-lg {
        min-width: 40%;
    }

    .hmd-w-1\/2-lg {
        width: 50%;
    }

    .hmd-mw-1\/2-lg {
        max-width: 50%;
    }

    .hmd-nw-1\/2-lg {
        min-width: 50%;
    }

    .hmd-w-3\/5-lg {
        width: 60%;
    }

    .hmd-mw-3\/5-lg {
        max-width: 60%;
    }

    .hmd-nw-3\/5-lg {
        min-width: 60%;
    }

    .hmd-w-7\/10-lg {
        width: 70%;
    }

    .hmd-mw-7\/10-lg {
        max-width: 70%;
    }

    .hmd-nw-7\/10-lg {
        min-width: 70%;
    }

    .hmd-w-3\/4-lg {
        width: 75%;
    }

    .hmd-mw-3\/4-lg {
        max-width: 75%;
    }

    .hmd-nw-3\/4-lg {
        min-width: 75%;
    }

    .hmd-w-4\/5-lg {
        width: 80%;
    }

    .hmd-mw-4\/5-lg {
        max-width: 80%;
    }

    .hmd-nw-4\/5-lg {
        min-width: 80%;
    }

    .hmd-w-9\/10-lg {
        width: 90%;
    }

    .hmd-mw-9\/10-lg {
        max-width: 90%;
    }

    .hmd-nw-9\/10-lg {
        min-width: 90%;
    }

    .hmd-w-full-lg {
        width: 100%;
    }

    .hmd-mw-full-lg {
        max-width: 100%;
    }

    .hmd-nw-full-lg {
        min-width: 100%;
    }

    .hmd-w-100-lg {
        width: 100%;
    }

    .hmd-mw-100-lg {
        max-width: 100%;
    }

    .hmd-nw-100-lg {
        min-width: 100%;
    }

    .hmd-w-auto-lg {
        width: auto;
    }

    .hmd-mw-auto-lg {
        max-width: auto;
    }

    .hmd-nw-auto-lg {
        min-width: auto;
    }
}

@media (max-width: 1139px) {
    .tool-bar>a:not(:last-child) {
        margin-right: 0;
    }

    .tool-bar>i:not(:last-child) {
        margin: 0 4px;
    }
}

@media print {
    body {
        padding-top: 0 !important;
    }

    .CodeMirror {
        height: auto !important;
    }
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgb(190 190 190 / var(--tw-text-opacity));
}

.hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(136 136 136 / var(--tw-text-opacity));
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(143 143 143 / var(--tw-text-opacity));
}

.hover\:text-yellow-default:hover {
    --tw-text-opacity: 1;
    color: rgb(247 160 4 / var(--tw-text-opacity));
}

.hover\:text-red-light:hover {
    --tw-text-opacity: 1;
    color: rgb(255 99 99 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-black-brand:hover {
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity));
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(205 205 205 / var(--tw-text-opacity));
}

.hover\:underline:hover {
    text-decoration-line: underline;
}

.hover\:no-underline:hover {
    text-decoration-line: none;
}

.focus\:border-white:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.focus\:text-gray-400:focus {
    --tw-text-opacity: 1;
    color: rgb(190 190 190 / var(--tw-text-opacity));
}

.focus\:text-gray-600:focus {
    --tw-text-opacity: 1;
    color: rgb(136 136 136 / var(--tw-text-opacity));
}

.focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgb(143 143 143 / var(--tw-text-opacity));
}

.focus\:text-yellow-default:focus {
    --tw-text-opacity: 1;
    color: rgb(247 160 4 / var(--tw-text-opacity));
}

.focus\:text-red-light:focus {
    --tw-text-opacity: 1;
    color: rgb(255 99 99 / var(--tw-text-opacity));
}

.focus\:text-white:focus {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.focus\:no-underline:focus {
    text-decoration-line: none;
}

.focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.active\:no-underline:active {
    text-decoration-line: none;
}

@media (min-width: 640px) {

    .sm\:mt-7\.5 {
        margin-top: 30px;
    }

    .sm\:mt-7 {
        margin-top: 28px;
    }

    .sm\:grid {
        display: grid;
    }

    .sm\:w-224 {
        width: 900px;
    }

    .sm\:w-100 {
        width: 400px;
    }

    .sm\:w-150 {
        width: 600px;
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:items-center {
        align-items: center;
    }

    .sm\:gap-0 {
        gap: 0px;
    }
}

@media (min-width: 768px) {

    .md\:w-auto {
        width: auto;
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .md\:px-8 {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1024px) {

    .lg\:relative {
        position: relative;
    }

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:w-auto {
        width: auto;
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:items-center {
        align-items: center;
    }

    .lg\:justify-center {
        justify-content: center;
    }

    .lg\:gap-6 {
        gap: 24px;
    }

    .lg\:p-0 {
        padding: 0px;
    }

    .lg\:px-10 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .lg\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .lg\:drop-shadow-none {
        --tw-drop-shadow: drop-shadow(0 0 #0000);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
}

@media (min-width: 1280px) {

    .xl\:gap-8 {
        gap: 32px;
    }
}

@media (min-width: 1536px) {

    .\32xl\:gap-10 {
        gap: 40px;
    }
}

.site-ui-font {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

.vimeo, .youtube {
    position: relative;
    cursor: pointer;
    display: table;
    width: 100%;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #000;
    overflow: hidden;
}

.youtube {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.vimeo img {
    width: 100%;
    object-fit: contain;
    z-index: 0;
}

.youtube img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.vimeo iframe, .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    z-index: 1;
}

.vimeo .icon, .youtube .icon {
    position: absolute;
    height: auto;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    opacity: .3;
    transition: opacity .2s;
    z-index: 0;
}

.vimeo:hover .icon, .youtube:hover .icon {
    opacity: .6;
    transition: opacity .2s;
}

.slideshare .inner, .speakerdeck .inner {
    position: relative;
    width: 100%;
}

.slideshare .inner iframe, .speakerdeck .inner iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.figma {
    display: table;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.figma iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
}

.markmap-container {
    height: 300px;
}

.markmap-container>svg {
    width: 100%;
    height: 100%;
}

.MJX_Assistive_MathML {
    display: none;
}

#MathJax_Message {
    z-index: 1000 !important;
}

.ui-infobar {
    position: relative;
    z-index: 2;
    max-width: 760px;
    margin: 25px auto -25px auto;
    color: #777;
}

.toc .invisable-node {
    list-style-type: none;
}

.ui-toc {
    position: fixed;
    bottom: 20px;
    z-index: 998;
}

.ui-toc.both-mode {
    margin-left: 8px;
}

.ui-toc.both-mode .ui-toc-label {
    height: 40px;
    padding: 10px 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-toc-label {
    background-color: #e6e6e6;
    border: none;
    color: #868686;
    transition: opacity .2s;
}

.ui-toc .open .ui-toc-label {
    opacity: 1;
    color: #fff;
    transition: opacity .2s;
}

.ui-toc-label:focus {
    opacity: .3;
    background-color: #ccc;
    color: #000;
}

.ui-toc-label:hover {
    opacity: 1;
    background-color: #ccc;
    transition: opacity .2s;
}

.ui-toc-dropdown {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 45vw;
    width: 25vw;
    max-height: 70vh;
    overflow: auto;
    text-align: inherit;
}

.ui-toc-dropdown>.toc {
    max-height: calc(70vh - 100px);
    overflow: auto;
}

.ui-toc-dropdown[dir=rtl] .nav {
    padding-right: 0;
    letter-spacing: .0029em;
}

.ui-toc-dropdown a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
}

.ui-toc-dropdown .nav>li>a {
    display: block;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 500;
    color: #767676;
}

.ui-toc-dropdown .toc.expand ul {
    display: block;
}

.ui-toc-dropdown .nav>li:first-child:nth-last-child(1)>ul {
    display: block;
}

.ui-toc-dropdown .nav>li>a:focus, .ui-toc-dropdown .nav>li>a:hover {
    padding-left: 19px;
    color: #000;
    text-decoration: none;
    background-color: transparent;
    border-left: 1px solid #000;
}

.ui-toc-dropdown[dir=rtl] .nav>li>a:focus,
.ui-toc-dropdown[dir=rtl] .nav>li>a:hover {
    padding-right: 19px;
    border-left: none;
    border-right: 1px solid #000;
}

.ui-toc-dropdown .nav>.active:focus>a, .ui-toc-dropdown .nav>.active:hover>a,
.ui-toc-dropdown .nav>.active>a {
    padding-left: 18px;
    font-weight: 700;
    color: #000;
    background-color: transparent;
    border-left: 2px solid #000;
}

.ui-toc-dropdown[dir=rtl] .nav>.active:focus>a,
.ui-toc-dropdown[dir=rtl] .nav>.active:hover>a,
.ui-toc-dropdown[dir=rtl] .nav>.active>a {
    padding-right: 18px;
    border-left: none;
    border-right: 2px solid #000;
}

.ui-toc-dropdown .nav .nav {
    display: none;
    padding-bottom: 10px;
}

.ui-toc-dropdown .nav>.active>ul {
    display: block;
}

.ui-toc-dropdown .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
    font-weight: 400;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>li>a {
    padding-right: 30px;
}

.ui-toc-dropdown .nav .nav>li>ul>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 40px;
    font-size: 12px;
    font-weight: 400;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>li>ul>li>a {
    padding-right: 40px;
}

.ui-toc-dropdown .nav .nav>li>a:focus, .ui-toc-dropdown .nav .nav>li>a:hover {
    padding-left: 29px;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>li>a:focus,
.ui-toc-dropdown[dir=rtl] .nav .nav>li>a:hover {
    padding-right: 29px;
}

.ui-toc-dropdown .nav .nav>li>ul>li>a:focus,
.ui-toc-dropdown .nav .nav>li>ul>li>a:hover {
    padding-left: 39px;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>li>ul>li>a:focus,
.ui-toc-dropdown[dir=rtl] .nav .nav>li>ul>li>a:hover {
    padding-right: 39px;
}

.ui-toc-dropdown .nav .nav>.active:focus>a,
.ui-toc-dropdown .nav .nav>.active:hover>a, .ui-toc-dropdown .nav .nav>.active>a {
    padding-left: 28px;
    font-weight: 500;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>.active:focus>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active:hover>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active>a {
    padding-right: 28px;
}

.ui-toc-dropdown .nav .nav>.active>.nav>.active:focus>a,
.ui-toc-dropdown .nav .nav>.active>.nav>.active:hover>a,
.ui-toc-dropdown .nav .nav>.active>.nav>.active>a {
    padding-left: 38px;
    font-weight: 500;
}

.ui-toc-dropdown[dir=rtl] .nav .nav>.active>.nav>.active:focus>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active>.nav>.active:hover>a,
.ui-toc-dropdown[dir=rtl] .nav .nav>.active>.nav>.active>a {
    padding-right: 38px;
}

.markdown-body {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

html[lang^=ja] .markdown-body {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

html[lang=zh-tw] .markdown-body {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

html[lang=zh-cn] .markdown-body {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

html .markdown-body[lang^=ja] {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

html .markdown-body[lang=zh-tw] {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

html .markdown-body[lang=zh-cn] {
    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 "Helvetica Neue",
                 Helvetica,
                 Roboto,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif,
                 "Apple Color Emoji",
                 "Segoe UI Emoji",
                 "Segoe UI Symbol";
}

html[lang^=ja] .ui-toc-dropdown {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Meiryo UI",
                 "MS PGothic",
                 "ＭＳ Ｐゴシック",
                 sans-serif;
}

html[lang=zh-tw] .ui-toc-dropdown {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Microsoft JhengHei UI",
                 "微軟正黑UI",
                 sans-serif;
}

html[lang=zh-cn] .ui-toc-dropdown {
    font-family: "Source Sans Pro", Helvetica, Arial, "Microsoft YaHei UI", "微软雅黑UI", sans-serif;
}

html .ui-toc-dropdown[lang^=ja] {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Meiryo UI",
                 "MS PGothic",
                 "ＭＳ Ｐゴシック",
                 sans-serif;
}

html .ui-toc-dropdown[lang=zh-tw] {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Microsoft JhengHei UI",
                 "微軟正黑UI",
                 sans-serif;
}

html .ui-toc-dropdown[lang=zh-cn] {
    font-family: "Source Sans Pro", Helvetica, Arial, "Microsoft YaHei UI", "微软雅黑UI", sans-serif;
}

.ui-affix-toc {
    position: fixed;
    top: 0;
    max-width: 15vw;
    max-height: 70vh;
    overflow: auto;
}

.expand-toggle, .back-to-top, .go-to-bottom {
    display: block;
    padding: 4px 10px;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #999;
}

.expand-toggle:hover, .expand-toggle:focus, .back-to-top:hover,
.back-to-top:focus, .go-to-bottom:hover, .go-to-bottom:focus {
    color: #563d7c;
    text-decoration: none;
}

.back-to-top, .go-to-bottom {
    margin-top: 0;
}

.ui-user-icon {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ui-user-icon.small {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 .2em 0;
}

.ui-infobar>small>span {
    line-height: 22px;
}

.ui-infobar>small .dropdown {
    display: inline-block;
}

.ui-infobar>small .dropdown a:focus, .ui-infobar>small .dropdown a:hover {
    text-decoration: none;
}

.ui-more-info {
    color: #888;
    cursor: pointer;
    vertical-align: middle;
}

.ui-more-info .fa {
    font-size: 16px;
}

.ui-published-note, .ui-connectedGithub {
    color: #888;
}

.ui-connectedGithub {
    line-height: 23px;
    white-space: nowrap;
}

.ui-connectedGithub a.file-path {
    color: #888;
    text-decoration: none;
    padding-left: 22px;
}

.ui-connectedGithub a.file-path:hover, .ui-connectedGithub a.file-path:active {
    color: #888;
    text-decoration: underline;
}

.ui-connectedGithub .fa {
    font-size: 20px;
}

.ui-published-note .fa {
    font-size: 20px;
    vertical-align: top;
}

.unselectable {
    -o-user-select: none;
       user-select: none;
}

.selectable {
    -o-user-select: text;
       user-select: text;
}

.inline-spoiler-section {
    cursor: pointer;
}

.inline-spoiler-section .spoiler-text {
    border-radius: 2px;
    background-color: #333;
}

.inline-spoiler-section .spoiler-text>* {
    opacity: 0;
}

.inline-spoiler-section .spoiler-img {
    filter: blur(10px);
}

.inline-spoiler-section.raw {
    border-radius: 2px;
    background-color: #333;
}

.inline-spoiler-section.raw>* {
    opacity: 0;
}

.inline-spoiler-section.unveil {
    cursor: auto;
}

.inline-spoiler-section.unveil .spoiler-text {
    background-color: rgba(51, 51, 51, .1);
}

.inline-spoiler-section.unveil .spoiler-text>* {
    opacity: 1;
}

.inline-spoiler-section.unveil .spoiler-img {
    filter: none;
}

@media print {
    div, table, img, pre, blockquote {
        page-break-inside: avoid !important;
    }

    a[href]:after {
        font-size: 12px !important;
    }
}

.site-ui-font {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] .site-ui-font {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

body {
            font-smoothing: subpixel-antialiased !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: auto !important;
    -webkit-overflow-scrolling: touch;
    letter-spacing: .025em;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

html[lang^=ja] body {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "Hiragino Kaku Gothic Pro",
                 "ヒラギノ角ゴ Pro W3",
                 Osaka,
                 Meiryo,
                 "メイリオ",
                 "MS Gothic",
                 "ＭＳ ゴシック",
                 sans-serif;
}

html[lang=zh-tw] body {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang TC",
                 "Microsoft JhengHei",
                 "微軟正黑",
                 sans-serif;
}

html[lang=zh-cn] body {
    font-family: "Source Sans Pro",
                 Helvetica,
                 Arial,
                 "PingFang SC",
                 "Microsoft YaHei",
                 "微软雅黑",
                 sans-serif;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

abbr[title], abbr[data-original-title] {
    cursor: help;
}

body.modal-open {
    overflow-y: auto;
    padding-right: 0 !important;
}

svg {
    text-shadow: none;
}