.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;
}

.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%;
    -webkit-user-select: none;
            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;
    -webkit-user-select: none;
            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 {
    -webkit-user-select: none;
            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 {
    -webkit-user-select: none;
            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;
    -webkit-user-select: none;
            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 {
    -webkit-user-select: none;
            user-select: none;
}

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

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

.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;
}

.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;
    -webkit-text-decoration-line: underline;
            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; /*! autoprefixer: off */
    -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;
    }
}

.StripeElement {
    box-sizing: border-box;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.StripeElement--empty {
    color: #868686;
}

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

.StripeElement--invalid {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

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

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.plans-comparison-table .fa-check[data-v-255c8205] {
    color: #5cb85c;
}
.plans-comparison-table .fa-times[data-v-255c8205] {
    color: #ff6363;
}
.plans-comparison-table .fa-question-circle[data-v-255c8205] {
    color: #cdcdcd;
    cursor: pointer;
}
.plans-comparison-table .fa-question-circle[data-v-255c8205]:hover {
    color: #333;
}
.plans-comparison-table.desktop[data-v-255c8205] {
    max-width: 1100px;
    width: 100%;
    padding: 0 20px 20px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 0;
    grid-template-areas: ". . .";
}
.plans-comparison-table.desktop [role=mainheader][data-v-255c8205] {
    top: 0;
    height: 140px;
}
.plans-comparison-table.desktop [role=mainheader] h4[data-v-255c8205] {
    margin: 0;
    font-size: 15px;
}
.plans-comparison-table.desktop [role=mainheader] .price[data-v-255c8205] {
    font-size: 20px;
    font-weight: 700;
    color: #337ab7;
    height: 30px;
}
.plans-comparison-table.desktop [role=mainheader] .btn-lg[data-v-255c8205] {
    font-size: 15px;
}
.plans-comparison-table.desktop [role=mainheader] small[data-v-255c8205] {
    font-size: 12px;
    font-weight: 500;
    color: #888;
}
.plans-comparison-table.desktop [role=mainheader] .read-more[data-v-255c8205] {
    color: #337ab7;
}
.plans-comparison-table.desktop>div[data-v-255c8205] {
    transition: top .2s linear;
}
.plans-comparison-table.desktop>div[data-v-255c8205]:nth-child(4n+1) {
    text-align: left;
}
.plans-comparison-table.desktop>div[data-v-255c8205]:nth-child(4n+1),
.plans-comparison-table.desktop>div[data-v-255c8205]:nth-child(4n+2),
.plans-comparison-table.desktop>div[data-v-255c8205]:nth-child(4n+3) {
    background-color: #fff;
    padding: 16px 0;
}
.plans-comparison-table.desktop>div:nth-child(4n+1)[role=columnheader][data-v-255c8205] {
    font-weight: 600;
    padding-top: 37px;
    padding-bottom: 7px;
}
.plans-comparison-table.desktop>div[data-v-255c8205]:nth-child(4n+2),
.plans-comparison-table.desktop>div[data-v-255c8205]:nth-child(4n+3) {
    padding: 0 8px;
    background-color: #fff;
    text-align: center;
}
.plans-comparison-table.desktop>div:nth-child(4n+2) .column-inner[data-v-255c8205],
.plans-comparison-table.desktop>div:nth-child(4n+3) .column-inner[data-v-255c8205] {
    height: 100%;
    padding: 16px 20px;
    background-color: #f8f8f8;
}
.plans-comparison-table.desktop>div:nth-child(4n+2) .column-inner.no-padding[data-v-255c8205],
.plans-comparison-table.desktop>div:nth-child(4n+3) .column-inner.no-padding[data-v-255c8205] {
    padding: 0;
}
.plans-comparison-table.desktop>div:nth-child(4n+2) .column-inner.coming-soon[data-v-255c8205],
.plans-comparison-table.desktop>div:nth-child(4n+3) .column-inner.coming-soon[data-v-255c8205] {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #888;
}
.plans-comparison-table.desktop .separator[data-v-255c8205] {
    grid-column: 1/-1;
    height: 1px;
    width: calc(100% - 8px);
    background: #e7e7e7;
}
.plans-comparison-table.desktop .separator[role=columnheader][data-v-255c8205] {
    top: calc(140px + 65px);
}
.plans-comparison-table.desktop .separator.transparent[data-v-255c8205] {
    height: 0;
}
.plans-comparison-table.desktop .separator.bold[data-v-255c8205] {
    height: 2px;
    background-color: #ccc;
}
.plans-comparison-table.desktop.is-navbar-show [role=mainheader][data-v-255c8205] {
    top: 50px;
}
.plans-comparison-table.desktop.is-navbar-show [role=columnheader][data-v-255c8205] {
    top: calc(50px + 140px);
}
.plans-comparison-table.desktop.is-navbar-show .separator[role=columnheader][data-v-255c8205] {
    top: calc(50px + 140px + 65px);
}
.plans-comparison-table.mobile[data-v-255c8205] {
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #f8f8f8;
    border-radius: 6px;
    overflow: hidden;
}
.plans-comparison-table.mobile>thead>tr>th[data-v-255c8205] {
    border-bottom: 1px solid #e7e7e7;
}
.plans-comparison-table.mobile>tbody>tr>t3[data-v-255c8205],
.plans-comparison-table.mobile>tbody>tr>th[data-v-255c8205],
.plans-comparison-table.mobile>tbody>tr>td[data-v-255c8205],
.plans-comparison-table.mobile>tfoot>tr>td[data-v-255c8205],
.plans-comparison-table.mobile>tfoot>tr>th[data-v-255c8205],
.plans-comparison-table.mobile>thead>tr>td[data-v-255c8205],
.plans-comparison-table.mobile>thead>tr>th[data-v-255c8205] {
    padding: 15px;
    border-top: 1px solid #e7e7e7;
}
.plans-comparison-table.mobile>thead>tr:first-child>td[data-v-255c8205],
.plans-comparison-table.mobile>thead>tr:first-child>th[data-v-255c8205],
.plans-comparison-table.mobile>thead>tr:first-child>td[data-v-255c8205],
.plans-comparison-table.mobile>thead>tr:first-child>th[data-v-255c8205],
.plans-comparison-table.mobile>thead:first-child>tr:first-child>td[data-v-255c8205],
.plans-comparison-table.mobile>thead:first-child>tr:first-child>th[data-v-255c8205] {
    border-top: 0;
}
.plans-comparison-table.mobile tr>td[data-v-255c8205] {
    width: 50%;
}
.plans-comparison-table.mobile tr>td[data-v-255c8205]:nth-child(2n) {
    font-weight: 600;
}
.plans-comparison-table.mobile tr>td:nth-child(2n).coming-soon[data-v-255c8205] {
    color: #888;
}
@media (max-width: 767px) {
.plans-comparison-table.desktop[data-v-255c8205] {
        display: none;
}
}
@media (min-width: 768px) {
.plans-comparison-table.mobile[data-v-255c8205] {
        display: none;
}
}

.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;
}

/**
 * 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;
    -webkit-hyphens: none;
            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;
    -webkit-user-select: none;
            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;
}

.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: 1366px;
    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 {
    -webkit-user-select: none;
     -o-user-select: none;
        user-select: none;
}

.selectable {
    -webkit-user-select: text;
     -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;
    }
}

.markdown-body.slides {
    position: relative;
    z-index: 1;
    color: #222;
}

.markdown-body.slides::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: currentColor;
    box-shadow: 0 0 0 50vw;
}

.markdown-body.slides section[data-markdown] {
    position: relative;
    margin-bottom: 1.5em;
    background-color: #fff;
    text-align: center;
}

.markdown-body.slides section[data-markdown] code {
    text-align: left;
}

.markdown-body.slides section[data-markdown]::before {
    content: '';
    display: block;
    padding-bottom: 56.23%;
}

.markdown-body.slides section[data-markdown] > div:first-child {
    position: absolute;
    top: 50%;
    left: 1em;
    right: 1em;
    transform: translateY(-50%);
    max-height: 100%;
    overflow: hidden;
}

.markdown-body.slides section[data-markdown] > ul {
    display: inline-block;
}

.markdown-body.slides > section > section + section::after {
    content: '';
    position: absolute;
    top: -1.5em;
    right: 1em;
    height: 1.5em;
    border: 3px solid #777;
}

.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;
    -webkit-text-decoration: underline dotted;
            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;
}

.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-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-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;
}

.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;
}

.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;
}

.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;
}

.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);
}
*, ::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;
}
.inset-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.top-0 {
    top: 0px;
}
.left-4 {
    left: 16px;
}
.right-5 {
    right: 20px;
}
.top-\[-4px\] {
    top: -4px;
}
.right-0 {
    right: 0px;
}
.bottom-1 {
    bottom: 4px;
}
.right-16 {
    right: 64px;
}
.top-1 {
    top: 4px;
}
.right-2\.5 {
    right: 10px;
}
.top-2\.5 {
    top: 10px;
}
.right-2 {
    right: 8px;
}
.top-2 {
    top: 8px;
}
.left-0 {
    left: 0px;
}
.right-4 {
    right: 16px;
}
.left-1\/2 {
    left: 50%;
}
.bottom-0 {
    bottom: 0px;
}
.top-3 {
    top: 12px;
}
.z-10 {
    z-index: 10;
}
.z-\[1049\] {
    z-index: 1049;
}
.z-50 {
    z-index: 50;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.col-span-6 {
    grid-column: span 6 / span 6;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.m-0 {
    margin: 0px;
}
.m-auto {
    margin: auto;
}
.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-3 {
    margin-left: 12px;
    margin-right: 12px;
}
.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 {
    margin-right: 8px;
}
.mr-5 {
    margin-right: 20px;
}
.mt-7\.5 {
    margin-top: 30px;
}
.mb-2\.5 {
    margin-bottom: 10px;
}
.mt-7 {
    margin-top: 28px;
}
.mb-2 {
    margin-bottom: 8px;
}
.mr-2\.5 {
    margin-right: 10px;
}
.mt-5 {
    margin-top: 20px;
}
.mb-5 {
    margin-bottom: 20px;
}
.mb-4 {
    margin-bottom: 16px;
}
.-mt-3 {
    margin-top: -12px;
}
.ml-7\.5 {
    margin-left: 30px;
}
.ml-7 {
    margin-left: 28px;
}
.mb-\[2px\] {
    margin-bottom: 2px;
}
.mr-\[6px\] {
    margin-right: 6px;
}
.ml-\[2px\] {
    margin-left: 2px;
}
.mb-10 {
    margin-bottom: 40px;
}
.mt-8 {
    margin-top: 32px;
}
.mr-3 {
    margin-right: 12px;
}
.mr-0 {
    margin-right: 0px;
}
.mt-1 {
    margin-top: 4px;
}
.ml-\[7px\] {
    margin-left: 7px;
}
.mb-3 {
    margin-bottom: 12px;
}
.-mb-4 {
    margin-bottom: -16px;
}
.mb-14 {
    margin-bottom: 56px;
}
.mr-6 {
    margin-right: 24px;
}
.mt-3 {
    margin-top: 12px;
}
.mt-0 {
    margin-top: 0px;
}
.mr-4 {
    margin-right: 16px;
}
.mb-8 {
    margin-bottom: 32px;
}
.-mt-5 {
    margin-top: -20px;
}
.mr-10 {
    margin-right: 40px;
}
.mt-10 {
    margin-top: 40px;
}
.ml-12 {
    margin-left: 48px;
}
.mt-\[5px\] {
    margin-top: 5px;
}
.mt-\[30px\] {
    margin-top: 30px;
}
.ml-auto {
    margin-left: auto;
}
.mr-auto {
    margin-right: auto;
}
.mt-\[-10px\] {
    margin-top: -10px;
}
.mt-\[18px\] {
    margin-top: 18px;
}
.mr-1\.5 {
    margin-right: 6px;
}
.ml-1\.5 {
    margin-left: 6px;
}
.mr-3\.5 {
    margin-right: 14px;
}
.mr-3\.75 {
    margin-right: 15px;
}
.mb-\[10px\] {
    margin-bottom: 10px;
}
.mb-\[3px\] {
    margin-bottom: 3px;
}
.mt-12 {
    margin-top: 48px;
}
.mt-14 {
    margin-top: 56px;
}
.mb-20 {
    margin-bottom: 80px;
}
.mb-\[35px\] {
    margin-bottom: 35px;
}
.mb-\[5px\] {
    margin-bottom: 5px;
}
.mt-\[35px\] {
    margin-top: 35px;
}
.mb-3\.5 {
    margin-bottom: 14px;
}
.mb-11 {
    margin-bottom: 44px;
}
.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-2 {
    height: 8px;
}
.h-6 {
    height: 24px;
}
.h-6\.5 {
    height: 26px;
}
.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-\[14px\] {
    height: 14px;
}
.h-auto {
    height: auto;
}
.h-9 {
    height: 36px;
}
.h-7 {
    height: 28px;
}
.h-\[175px\] {
    height: 175px;
}
.max-h-fit {
    max-height: fit-content;
}
.min-h-screen {
    min-height: 100vh;
}
.min-h-full {
    min-height: 100%;
}
.w-\[28px\] {
    width: 28px;
}
.w-\[18px\] {
    width: 18px;
}
.w-full {
    width: 100%;
}
.w-2 {
    width: 8px;
}
.w-4 {
    width: 16px;
}
.w-6 {
    width: 24px;
}
.w-6\.5 {
    width: 26px;
}
.w-5 {
    width: 20px;
}
.w-4\.5 {
    width: 18px;
}
.w-12 {
    width: 48px;
}
.w-\[14px\] {
    width: 14px;
}
.w-9 {
    width: 36px;
}
.w-20 {
    width: 80px;
}
.w-8 {
    width: 32px;
}
.w-\[77\%\] {
    width: 77%;
}
.w-max {
    width: max-content;
}
.w-\[355px\] {
    width: 355px;
}
.w-fit {
    width: fit-content;
}
.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-\[306px\] {
    max-width: 306px;
}
.max-w-\[398px\] {
    max-width: 398px;
}
.max-w-\[70\%\] {
    max-width: 70%;
}
.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;
}
.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    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));
}
.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 {
    -webkit-user-select: none;
            user-select: none;
}
.select-all {
    -webkit-user-select: all;
            user-select: all;
}
.resize-y {
    resize: vertical;
}
.resize {
    resize: both;
}
.list-none {
    list-style-type: none;
}
.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
.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;
}
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
.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;
}
.rounded-t-\[4px\] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.rounded-b-\[4px\] {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.border {
    border-width: 1px;
}
.border-2 {
    border-width: 2px;
}
.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-2 {
    border-bottom-width: 2px;
}
.border-t-0 {
    border-top-width: 0px;
}
.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-yellow-prime {
    --tw-border-opacity: 1;
    border-color: rgb(235 176 71 / var(--tw-border-opacity));
}
.border-black-brand {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.border-gray-850 {
    --tw-border-opacity: 1;
    border-color: rgb(72 72 72 / 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-green-dark {
    --tw-border-opacity: 1;
    border-color: rgb(74 117 67 / 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));
}
.border-opacity-30 {
    --tw-border-opacity: 0.3;
}
.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));
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}
.bg-green-default {
    --tw-bg-opacity: 1;
    background-color: rgb(92 184 92 / var(--tw-bg-opacity));
}
.bg-\[rgba\(0\2c 0\2c 0\2c \.3\)\] {
    background-color: rgba(0,0,0,.3);
}
.bg-\[\#337AB7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(51 122 183 / var(--tw-bg-opacity));
}
.p-5 {
    padding: 20px;
}
.p-1\.5 {
    padding: 6px;
}
.p-1 {
    padding: 4px;
}
.p-0\.5 {
    padding: 2px;
}
.p-0 {
    padding: 0px;
}
.p-3 {
    padding: 12px;
}
.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-5 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.py-4 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px;
}
.px-2 {
    padding-left: 8px;
    padding-right: 8px;
}
.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px;
}
.px-6 {
    padding-left: 24px;
    padding-right: 24px;
}
.px-8 {
    padding-left: 32px;
    padding-right: 32px;
}
.py-20 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.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-4 {
    padding-left: 16px;
}
.pl-0 {
    padding-left: 0px;
}
.pr-9 {
    padding-right: 36px;
}
.pt-10 {
    padding-top: 40px;
}
.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-bottom {
    vertical-align: bottom;
}
.align-text-top {
    vertical-align: text-top;
}
.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-7 {
    line-height: 1.75rem;
}
.leading-\[14px\] {
    line-height: 14px;
}
.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-green-default {
    --tw-text-opacity: 1;
    color: rgb(92 184 92 / var(--tw-text-opacity));
}
.text-blue-dark {
    --tw-text-opacity: 1;
    color: rgb(102 181 240 / 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-dark {
    --tw-text-opacity: 1;
    color: rgb(74 117 67 / var(--tw-text-opacity));
}
.text-\[\#888888\] {
    --tw-text-opacity: 1;
    color: rgb(136 136 136 / 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 {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}
.overline {
    -webkit-text-decoration-line: overline;
            text-decoration-line: overline;
}
.line-through {
    -webkit-text-decoration-line: 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-50 {
    opacity: 0.5;
}
.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);
}
.grayscale {
    --tw-grayscale: grayscale(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);
}
.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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-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%;
}

#doc.markdown-body {
    max-width: 1366px;
    padding-bottom: 80px;
    min-height: calc(100% - 160px);
}

.container-thiner {
    max-width: 1366px;
    margin: 0 auto;
    padding: 0 15px;
}

.ui-toc {
    bottom: 55px;
}

.ui-infobar {
    margin: 0 auto;
    padding-top: 25px;
}

.ui-comment-app {
    top: 25px;
}

.ui-infobar-inner {
    display: flex;
    align-items: stretch;
}

.ui-infobar .btn {
    font-size: 15px;
    line-height: 16px;
    padding: 7px 12px;
}

.ui-infobar .btn.btn-default {
    border: 1px solid #ccc;
    color: #333;
}

.ui-infobar .btn.btn-success {
    border: 1px solid #5cb85c;
    background: #5cb85c;
    font-weight: 700;
}

.ui-infobar .btn.btn-success:hover, .ui-infobar .btn.btn-success:active {
    background: #449d44;
}

.ui-infobar .btn.ui-edit {
    padding: 7px 10px;
    color: #868686;
}

.ui-infobar .btn.ui-signin.btn.btn-default {
    color: #868686;
}

.ui-infobar__user-info {
    display: flex;
    align-items: center;
    flex: 1;
}

.ui-infobar__user-info li {
    margin-right: 20px;
    padding: 0;
    color: #888;
    font-size: 12px;
    font-weight: normal;
}

.ui-infobar__user-info li .ui-user-icon {
    border-radius: 100%;
}

.ui-infobar__actions {
    display: flex;
    justify-content: flex-end;
}

.ui-infobar__actions>ul {
    display: flex;
}

.ui-infobar__actions>ul>li {
    padding: 0;
}

.ui-infobar__actions>ul>li:not(:last-child) {
    padding-right: 15px;
}

.ui-infobar__actions .open>.dropdown-menu {
    top: 24px;
    left: auto;
    right: 0;
    margin-top: 5px;
    padding: 7px 0;
}

.ui-infobar__actions .open>.dropdown-menu>li>a {
    line-height: 18px;
    font-size: 14px;
    padding: 3px 20px;
    -webkit-user-select: none;
            user-select: none;
}

.ui-notification {
    display: inline;
    color: #868686;
}

.ui-notification .dropdown-menu {
    width: 200px;
}

.ui-notification .dropdown-menu.left {
    margin-left: 40px;
    margin-bottom: -30px;
}

.ui-notification.dropdown:not(.dropup):not(.open) .fa-angle-up {
    display: none;
}

.ui-notification.dropdown:not(.dropup).open .fa-angle-down {
    display: none;
}

.ui-notification.dropdown.dropup:not(.open) .fa-angle-down {
    display: none;
}

.ui-notification.dropdown.dropup.open .fa-angle-up {
    display: none;
}

.ui-notification.dropdown.open .community-button {
    background-color: #f8f8f8;
}

.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;
}

a.community-button {
    color: #868686;
}

a.community-button:hover, a.community-button:focus {
    text-decoration: none;
}

.community-button {
    color: #868686;
    display: inline-block;
    border-radius: 4px;
    font-size: 15px;
    line-height: 15px;
    padding: 9px 12px 8px 12px;
    cursor: pointer;
    margin-right: 2px;
}

.community-button .count {
    margin-left: 5px;
}

.community-button:hover, .community-button:focus {
    background-color: #f8f8f8;
}

.community-button .text {
    margin-left: 5px;
}

.community-button.small {
    padding: 8px 10.37px 7px 10.37px;
}

.community-button.small .text {
    display: none;
}

.community-button.ui-like.liked .fa::before {
    content: "";
}

.community-button.ui-like .fa::before {
    content: "";
}

.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;
}

.tooltip {
    z-index: 999;
}

footer {
    background: #f8f8f8;
    width: 100%;
    border-top: 1px solid #dedede;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    z-index: 999;
}

footer.footer-hide {
    transition: transform 200ms ease;
    transform: translate(0, 50px);
}

footer.footer-show {
    transition: transform 300ms ease;
    transform: translate(0, 0);
}

.footer {
    color: #686868;
    font-size: 15px;
}

.footer a {
    color: #686868;
}

.document-footer {
    max-width: 1366px;
}

.document-footer.hide {
    display: none;
}

.ui-community {
    position: fixed;
    z-index: 998;
    bottom: 100px;
}

.ui-community .community-button {
    display: block;
    padding: 10px 10.36px;
}

.ui-community>*:not(:last-child) {
    margin-bottom: 10px;
}

.ui-community .ui-like .count {
    margin-left: 0;
    margin-top: 5px;
    text-align: center;
}

#viewer-header {
    width: 1366px;
    margin: 0 auto;
    padding: 30px 15px 0 15px;
    color: #888;
}

#viewer-header img {
    width: 14px;
    height: 14px;
    filter: invert(50%) sepia(48%) saturate(6%) hue-rotate(357deg) brightness(98%) contrast(83%);
    margin-right: 6px;
}

@media (max-width: 767px) {

    #doc.markdown-body {
        max-width: 666px;
        padding-bottom: 80px;
        min-height: calc(100% - 160px);
    }
    
    .container-thiner {
        max-width: 666px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .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-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-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;
    }

    .ui-comment-app {
        height: 1px;
        top: -10px;
    }

    .ui-infobar .btn.ui-edit {
        width: 32px;
        padding: 7px 0;
    }

    .footer .footer__published-by span:nth-of-type(1),
    .footer .footer__published-by span.brand {
        display: none;
    }
}

@media (min-width: 768px) {
    #doc.markdown-body {
        max-width: 760px;
        padding-bottom: 80px;
        min-height: calc(100% - 160px);
    }
    
    .container-thiner {
        max-width: 760px;
        margin: 0 auto;
        padding: 0 15px;
    }
    .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-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-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-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;
    }

    .footer .footer__published-by span:nth-of-type(1),
    .footer .footer__published-by span.brand {
        display: unset;
    }
}

@media (min-width: 992px) {
    #doc.markdown-body {
        max-width: 990px;
        padding-bottom: 80px;
        min-height: calc(100% - 160px);
    }
    
    .container-thiner {
        max-width: 990px;
        margin: 0 auto;
        padding: 0 15px;
    }
    .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-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-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-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;
    }
}

@media (min-width: 1200px) {
    #doc.markdown-body {
        max-width: 1366px;
        padding-bottom: 80px;
        min-height: calc(100% - 160px);
    }
    
    .container-thiner {
        max-width: 1366px;
        margin: 0 auto;
        padding: 0 15px;
    }
    .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-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-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-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;
    }
}

@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 only screen {
    .ui-infobar__actions .dropdown>button:last-child {
        padding: 7px 5px;
    }

    .ui-infobar__actions .dropdown>button:last-child::after {
        font-family: FontAwesome;
        content: "";
        color: #868686;
    }
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

.hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(205 205 205 / 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-green-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(74 117 67 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-blue-dark:hover {
    --tw-text-opacity: 1;
    color: rgb(102 181 240 / 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 {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}

.hover\:no-underline:hover {
    -webkit-text-decoration-line: none;
            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 {
    -webkit-text-decoration-line: none;
            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);
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.active\:no-underline:active {
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}

@keyframes fadeOut {

    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.radix-state-closed\:animate-dialog-overlay-out[data-state="closed"] {
    animation: fadeOut 200ms ease-in;
}

@keyframes dialogOut {

    0% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateX(-50%) scale(.95);
    }
}

.radix-state-closed\:animate-dialog-out[data-state="closed"] {
    animation: dialogOut 200ms ease-in;
}

@keyframes fadeIn {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.radix-state-open\:animate-dialog-overlay-in[data-state="open"] {
    animation: fadeIn 300ms ease-out;
}

@keyframes dialogIn {

    0% {
        opacity: 0;
        transform: translateX(-50%) scale(.95);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
}

.radix-state-open\:animate-dialog-in[data-state="open"] {
    animation: dialogIn 300ms ease-out;
}

@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\:max-w-\[400px\] {
        max-width: 400px;
    }

    .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\:hidden {
        display: none;
    }

    .md\:w-auto {
        width: auto;
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .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;
    }
}