.tribute-container {
    box-shadow: 0 1px 3px 1px #c7c7c7
}

.tribute-container ul {
    background: #fff
}

.tribute-container li {
    padding: 8px 12px;
    border-bottom: 1px solid #dcdcdc
}

.tribute-container li img {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    margin-right: 5px
}

.tribute-container li span.fullname {
    font-weight: 400;
    font-size: .8rem;
    margin-left: 3px
}

.tribute-container li.highlight,.tribute-container li:hover {
    background: #2185d0;
    color: #fff
}

.emoji {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    background-size: contain
}

.ui.label .emoji {
    height: 1.2em!important
}

@font-face {
    font-family: Yu Gothic;
    src: local("Yu Gothic Medium");
    font-weight: 400
}

@font-face {
    font-family: Yu Gothic;
    src: local("Yu Gothic Bold");
    font-weight: 700
}

.markdown:not(code),textarea {
    font-family: -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

h1,h2,h3,h4,h5 {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

.home .hero h1,.home .hero h2 {
    font-family: PT Sans Narrow,Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

.ui.accordion .title:not(.ui),.ui.button,.ui.card>.content>.header.ui.card>.content>.header,.ui.category.search>.results .category>.name,.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url],.ui.header,.ui.input>input,.ui.input input,.ui.items>.item>.content>.header,.ui.language>.menu>.item,.ui.list .list>.item .header,.ui.list>.item .header,.ui.menu,.ui.message .header,.ui.modal>.header,.ui.popup>.header,.ui.search>.results .result .title,.ui.search>.results>.message .header,.ui.statistic>.label,.ui.statistic>.value,.ui.statistics .statistic>.label,.ui.statistics .statistic>.value,.ui.steps .step .title,.ui.text.container,body {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

body {
    background-color: #fff;
    overflow-y: auto;
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-direction: column
}

:lang(ja) .markdown:not(code),:lang(ja) textarea {
    font-family: -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Source Han Sans JP,Noto Sans CJK JP,Droid Sans Japanese,Meiryo,MS PGothic,sans-serif
}

:lang(ja) h1,:lang(ja) h2,:lang(ja) h3,:lang(ja) h4,:lang(ja) h5 {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Source Han Sans JP,Noto Sans CJK JP,Droid Sans Japanese,Meiryo,MS PGothic,sans-serif
}

:lang(ja) .home .hero h1,:lang(ja) .home .hero h2 {
    font-family: PT Sans Narrow,Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Source Han Sans JP,Noto Sans CJK JP,Droid Sans Japanese,Meiryo,MS PGothic,sans-serif
}

.ui.language>.menu>.item:lang(ja),:lang(ja) .ui.accordion .title:not(.ui),:lang(ja) .ui.button,:lang(ja) .ui.card>.content>.header.ui.card>.content>.header,:lang(ja) .ui.category.search>.results .category>.name,:lang(ja) .ui.form input:not([type]),:lang(ja) .ui.form input[type=date],:lang(ja) .ui.form input[type=datetime-local],:lang(ja) .ui.form input[type=email],:lang(ja) .ui.form input[type=file],:lang(ja) .ui.form input[type=number],:lang(ja) .ui.form input[type=password],:lang(ja) .ui.form input[type=search],:lang(ja) .ui.form input[type=tel],:lang(ja) .ui.form input[type=text],:lang(ja) .ui.form input[type=time],:lang(ja) .ui.form input[type=url],:lang(ja) .ui.header,:lang(ja) .ui.input>input,:lang(ja) .ui.input input,:lang(ja) .ui.items>.item>.content>.header,:lang(ja) .ui.list .list>.item .header,:lang(ja) .ui.list>.item .header,:lang(ja) .ui.menu,:lang(ja) .ui.message .header,:lang(ja) .ui.modal>.header,:lang(ja) .ui.popup>.header,:lang(ja) .ui.search>.results .result .title,:lang(ja) .ui.search>.results>.message .header,:lang(ja) .ui.statistic>.label,:lang(ja) .ui.statistic>.value,:lang(ja) .ui.statistics .statistic>.label,:lang(ja) .ui.statistics .statistic>.value,:lang(ja) .ui.steps .step .title,:lang(ja) .ui.text.container,:lang(ja) body {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Source Han Sans JP,Noto Sans CJK JP,Droid Sans Japanese,Meiryo,MS PGothic,sans-serif
}

:lang(zh-CN) .markdown:not(code),:lang(zh-CN) textarea {
    font-family: -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Source Han Sans CN,Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,Heiti SC,SimHei,sans-serif
}

:lang(zh-CN) h1,:lang(zh-CN) h2,:lang(zh-CN) h3,:lang(zh-CN) h4,:lang(zh-CN) h5 {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Source Han Sans CN,Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,Heiti SC,SimHei,sans-serif
}

:lang(zh-CN) .home .hero h1,:lang(zh-CN) .home .hero h2 {
    font-family: PT Sans Narrow,Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Source Han Sans CN,Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,Heiti SC,SimHei,sans-serif
}

.ui.language>.menu>.item:lang(zh-CN),:lang(zh-CN) .ui.accordion .title:not(.ui),:lang(zh-CN) .ui.button,:lang(zh-CN) .ui.card>.content>.header.ui.card>.content>.header,:lang(zh-CN) .ui.category.search>.results .category>.name,:lang(zh-CN) .ui.form input:not([type]),:lang(zh-CN) .ui.form input[type=date],:lang(zh-CN) .ui.form input[type=datetime-local],:lang(zh-CN) .ui.form input[type=email],:lang(zh-CN) .ui.form input[type=file],:lang(zh-CN) .ui.form input[type=number],:lang(zh-CN) .ui.form input[type=password],:lang(zh-CN) .ui.form input[type=search],:lang(zh-CN) .ui.form input[type=tel],:lang(zh-CN) .ui.form input[type=text],:lang(zh-CN) .ui.form input[type=time],:lang(zh-CN) .ui.form input[type=url],:lang(zh-CN) .ui.header,:lang(zh-CN) .ui.input>input,:lang(zh-CN) .ui.input input,:lang(zh-CN) .ui.items>.item>.content>.header,:lang(zh-CN) .ui.list .list>.item .header,:lang(zh-CN) .ui.list>.item .header,:lang(zh-CN) .ui.menu,:lang(zh-CN) .ui.message .header,:lang(zh-CN) .ui.modal>.header,:lang(zh-CN) .ui.popup>.header,:lang(zh-CN) .ui.search>.results .result .title,:lang(zh-CN) .ui.search>.results>.message .header,:lang(zh-CN) .ui.statistic>.label,:lang(zh-CN) .ui.statistic>.value,:lang(zh-CN) .ui.statistics .statistic>.label,:lang(zh-CN) .ui.statistics .statistic>.value,:lang(zh-CN) .ui.steps .step .title,:lang(zh-CN) .ui.text.container,:lang(zh-CN) body {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Source Han Sans CN,Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,Heiti SC,SimHei,sans-serif
}

:lang(zh-TW) .markdown:not(code),:lang(zh-TW) textarea {
    font-family: -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang TC,Hiragino Sans TC,Source Han Sans TW,Source Han Sans TC,Noto Sans CJK TC,Microsoft JhengHei,Heiti TC,PMingLiU,sans-serif
}

:lang(zh-TW) h1,:lang(zh-TW) h2,:lang(zh-TW) h3,:lang(zh-TW) h4,:lang(zh-TW) h5 {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang TC,Hiragino Sans TC,Source Han Sans TW,Source Han Sans TC,Noto Sans CJK TC,Microsoft JhengHei,Heiti TC,PMingLiU,sans-serif
}

:lang(zh-TW) .home .hero h1,:lang(zh-TW) .home .hero h2 {
    font-family: PT Sans Narrow,Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang TC,Hiragino Sans TC,Source Han Sans TW,Source Han Sans TC,Noto Sans CJK TC,Microsoft JhengHei,Heiti TC,PMingLiU,sans-serif
}

.ui.language>.menu>.item:lang(zh-TW),:lang(zh-TW) .ui.accordion .title:not(.ui),:lang(zh-TW) .ui.button,:lang(zh-TW) .ui.card>.content>.header.ui.card>.content>.header,:lang(zh-TW) .ui.category.search>.results .category>.name,:lang(zh-TW) .ui.form input:not([type]),:lang(zh-TW) .ui.form input[type=date],:lang(zh-TW) .ui.form input[type=datetime-local],:lang(zh-TW) .ui.form input[type=email],:lang(zh-TW) .ui.form input[type=file],:lang(zh-TW) .ui.form input[type=number],:lang(zh-TW) .ui.form input[type=password],:lang(zh-TW) .ui.form input[type=search],:lang(zh-TW) .ui.form input[type=tel],:lang(zh-TW) .ui.form input[type=text],:lang(zh-TW) .ui.form input[type=time],:lang(zh-TW) .ui.form input[type=url],:lang(zh-TW) .ui.header,:lang(zh-TW) .ui.input>input,:lang(zh-TW) .ui.input input,:lang(zh-TW) .ui.items>.item>.content>.header,:lang(zh-TW) .ui.list .list>.item .header,:lang(zh-TW) .ui.list>.item .header,:lang(zh-TW) .ui.menu,:lang(zh-TW) .ui.message .header,:lang(zh-TW) .ui.modal>.header,:lang(zh-TW) .ui.popup>.header,:lang(zh-TW) .ui.search>.results .result .title,:lang(zh-TW) .ui.search>.results>.message .header,:lang(zh-TW) .ui.statistic>.label,:lang(zh-TW) .ui.statistic>.value,:lang(zh-TW) .ui.statistics .statistic>.label,:lang(zh-TW) .ui.statistics .statistic>.value,:lang(zh-TW) .ui.steps .step .title,:lang(zh-TW) .ui.text.container,:lang(zh-TW) body {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang TC,Hiragino Sans TC,Source Han Sans TW,Source Han Sans TC,Noto Sans CJK TC,Microsoft JhengHei,Heiti TC,PMingLiU,sans-serif
}

:lang(zh-HK) .markdown:not(code),:lang(zh-HK) textarea {
    font-family: -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang HK,Hiragino Sans TC,Source Han Sans HK,Source Han Sans TC,Noto Sans CJK TC,Microsoft JhengHei,Heiti TC,PMingLiU_HKSCS,PMingLiU,sans-serif
}

:lang(zh-HK) h1,:lang(zh-HK) h2,:lang(zh-HK) h3,:lang(zh-HK) h4,:lang(zh-HK) h5 {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang HK,Hiragino Sans TC,Source Han Sans HK,Source Han Sans TC,Noto Sans CJK TC,Microsoft JhengHei,Heiti TC,PMingLiU_HKSCS,PMingLiU,sans-serif
}

:lang(zh-HK) .home .hero h1,:lang(zh-HK) .home .hero h2 {
    font-family: PT Sans Narrow,Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang HK,Hiragino Sans TC,Source Han Sans HK,Source Han Sans TC,Noto Sans CJK TC,Microsoft JhengHei,Heiti TC,PMingLiU_HKSCS,PMingLiU,sans-serif
}

.ui.language>.menu>.item:lang(zh-HK),:lang(zh-HK) .ui.accordion .title:not(.ui),:lang(zh-HK) .ui.button,:lang(zh-HK) .ui.card>.content>.header.ui.card>.content>.header,:lang(zh-HK) .ui.category.search>.results .category>.name,:lang(zh-HK) .ui.form input:not([type]),:lang(zh-HK) .ui.form input[type=date],:lang(zh-HK) .ui.form input[type=datetime-local],:lang(zh-HK) .ui.form input[type=email],:lang(zh-HK) .ui.form input[type=file],:lang(zh-HK) .ui.form input[type=number],:lang(zh-HK) .ui.form input[type=password],:lang(zh-HK) .ui.form input[type=search],:lang(zh-HK) .ui.form input[type=tel],:lang(zh-HK) .ui.form input[type=text],:lang(zh-HK) .ui.form input[type=time],:lang(zh-HK) .ui.form input[type=url],:lang(zh-HK) .ui.header,:lang(zh-HK) .ui.input>input,:lang(zh-HK) .ui.input input,:lang(zh-HK) .ui.items>.item>.content>.header,:lang(zh-HK) .ui.list .list>.item .header,:lang(zh-HK) .ui.list>.item .header,:lang(zh-HK) .ui.menu,:lang(zh-HK) .ui.message .header,:lang(zh-HK) .ui.modal>.header,:lang(zh-HK) .ui.popup>.header,:lang(zh-HK) .ui.search>.results .result .title,:lang(zh-HK) .ui.search>.results>.message .header,:lang(zh-HK) .ui.statistic>.label,:lang(zh-HK) .ui.statistic>.value,:lang(zh-HK) .ui.statistics .statistic>.label,:lang(zh-HK) .ui.statistics .statistic>.value,:lang(zh-HK) .ui.steps .step .title,:lang(zh-HK) .ui.text.container,:lang(zh-HK) body {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,PingFang HK,Hiragino Sans TC,Source Han Sans HK,Source Han Sans TC,Noto Sans CJK TC,Microsoft JhengHei,Heiti TC,PMingLiU_HKSCS,PMingLiU,sans-serif
}

:lang(ko) .markdown:not(code),:lang(ko) textarea {
    font-family: -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,NanumBarunGothic,Malgun Gothic,Gulim,Dotum,Nanum Gothic,Source Han Sans KR,Noto Sans CJK KR,sans-serif
}

:lang(ko) h1,:lang(ko) h2,:lang(ko) h3,:lang(ko) h4,:lang(ko) h5 {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,NanumBarunGothic,Malgun Gothic,Gulim,Dotum,Nanum Gothic,Source Han Sans KR,Noto Sans CJK KR,sans-serif
}

:lang(ko) .home .hero h1,:lang(ko) .home .hero h2 {
    font-family: PT Sans Narrow,Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,NanumBarunGothic,Malgun Gothic,Gulim,Dotum,Nanum Gothic,Source Han Sans KR,Noto Sans CJK KR,sans-serif
}

.ui.language>.menu>.item:lang(ko),:lang(ko) .ui.accordion .title:not(.ui),:lang(ko) .ui.button,:lang(ko) .ui.card>.content>.header.ui.card>.content>.header,:lang(ko) .ui.category.search>.results .category>.name,:lang(ko) .ui.form input:not([type]),:lang(ko) .ui.form input[type=date],:lang(ko) .ui.form input[type=datetime-local],:lang(ko) .ui.form input[type=email],:lang(ko) .ui.form input[type=file],:lang(ko) .ui.form input[type=number],:lang(ko) .ui.form input[type=password],:lang(ko) .ui.form input[type=search],:lang(ko) .ui.form input[type=tel],:lang(ko) .ui.form input[type=text],:lang(ko) .ui.form input[type=time],:lang(ko) .ui.form input[type=url],:lang(ko) .ui.header,:lang(ko) .ui.input>input,:lang(ko) .ui.input input,:lang(ko) .ui.items>.item>.content>.header,:lang(ko) .ui.list .list>.item .header,:lang(ko) .ui.list>.item .header,:lang(ko) .ui.menu,:lang(ko) .ui.message .header,:lang(ko) .ui.modal>.header,:lang(ko) .ui.popup>.header,:lang(ko) .ui.search>.results .result .title,:lang(ko) .ui.search>.results>.message .header,:lang(ko) .ui.statistic>.label,:lang(ko) .ui.statistic>.value,:lang(ko) .ui.statistics .statistic>.label,:lang(ko) .ui.statistics .statistic>.value,:lang(ko) .ui.steps .step .title,:lang(ko) .ui.text.container,:lang(ko) body {
    font-family: Lato,-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,NanumBarunGothic,Malgun Gothic,Gulim,Dotum,Nanum Gothic,Source Han Sans KR,Noto Sans CJK KR,sans-serif
}

img {
    border-radius: 3px
}

table {
    border-collapse: collapse
}

a {
    cursor: pointer
}

.rounded {
    border-radius: .28571429rem!important
}

.wrap {
    word-wrap: break-word;
    word-break: break-all
}

.mono,code,pre {
    font: 12px SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace
}

.mono.raw,code.raw,pre.raw {
    padding: 7px 12px;
    margin: 10px 0;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.5;
    overflow: auto
}

.mono.wrap,code.wrap,pre.wrap {
    white-space: pre-wrap
}

.dont-break-out,.mono.wrap,code.wrap,pre.wrap {
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.dont-break-out {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.full.height {
    flex-grow: 1;
    padding-bottom: 80px
}

.following.bar {
    z-index: 900;
    left: 0;
    margin: 0!important
}

.following.bar.light {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 2px 3px rgba(0,0,0,.04)
}

.following.bar .column .menu {
    margin-top: 0
}

.following.bar .top.menu a.item.brand {
    padding-left: 0
}

.following.bar .brand .ui.mini.image {
    width: 30px
}

.following.bar .top.menu .dropdown.item.active,.following.bar .top.menu .dropdown.item:hover,.following.bar .top.menu a.item:hover {
    background-color: transparent
}

.following.bar .top.menu a.item:hover {
    color: rgba(0,0,0,.45)
}

.following.bar .top.menu .menu {
    z-index: 900
}

.following.bar .octicon {
    margin-right: .75em
}

.following.bar .octicon.fitted {
    margin-right: 0
}

.following.bar .searchbox {
    background-color: #f4f4f4!important
}

.following.bar .searchbox:focus {
    background-color: #e9e9e9!important
}

.following.bar .text .octicon {
    width: 16px;
    text-align: center
}

.following.bar #navbar {
    width: 100vw;
    min-height: 52px;
    padding: 0 .5rem
}

.following.bar #navbar .brand {
    margin: 0
}

@media only screen and (max-width: 767px) {
    .following.bar #navbar:not(.shown)>:not(:first-child) {
        display:none
    }
}

.right.stackable.menu {
    margin-left: auto;
    display: flex;
    align-items: inherit;
    flex-direction: inherit
}

.ui.left {
    float: left
}

.ui.right {
    float: right
}

.ui.button,.ui.menu .item {
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.ui.container.fluid.padded {
    padding: 0 10px
}

.ui.form .ui.button {
    font-weight: 400
}

.ui.floating.label {
    z-index: 10
}

.ui.transparent.label {
    background-color: transparent
}

.ui.nopadding {
    padding: 0
}

.ui.menu,.ui.segment,.ui.vertical.menu {
    box-shadow: none
}

.ui .menu:not(.vertical) .item>.button.compact {
    padding: .58928571em 1.125em
}

.ui .menu:not(.vertical) .item>.button.small {
    font-size: .92857143rem
}

.ui.menu .ui.dropdown.item .menu .item {
    width: 100%
}

.ui.dropdown .menu>.item>.floating.label {
    z-index: 11
}

.ui.dropdown .menu .menu>.item>.floating.label {
    z-index: 21
}

.ui.dropdown .menu>.header {
    font-size: .8em
}

.ui .text.red,.ui .text.red a {
    color: #d95c5c!important
}

.ui .text.red a:hover {
    color: #e67777!important
}

.ui .text.blue {
    color: #428bca!important
}

.ui .text.blue a {
    color: #15c!important
}

.ui .text.blue a:hover {
    color: #428bca!important
}

.ui .text.black {
    color: #444
}

.ui .text.black:hover {
    color: #000
}

.ui .text.grey {
    color: #767676!important
}

.ui .text.grey a {
    color: #444!important
}

.ui .text.grey a:hover {
    color: #000!important
}

.ui .text.light.grey {
    color: #888!important
}

.ui .text.green {
    color: #6cc644!important
}

.ui .text.purple {
    color: #6e5494!important
}

.ui .text.yellow {
    color: #fbbd08!important
}

.ui .text.orange {
    color: #f2711c!important
}

.ui .text.gold {
    color: #a1882b!important
}

.ui .text.left {
    text-align: left!important
}

.ui .text.right {
    text-align: right!important
}

.ui .text.small {
    font-size: .75em
}

.ui .text.normal {
    font-weight: 400
}

.ui .text.bold {
    font-weight: 700
}

.ui .text.italic {
    font-style: italic
}

.ui .text.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.ui .text.thin {
    font-weight: 400
}

.ui .text.middle {
    vertical-align: middle
}

.ui .text.nopadding {
    padding: 0
}

.ui .text.nomargin {
    margin: 0
}

.ui .message {
    text-align: center
}

.ui .message>ul {
    margin-left: auto;
    margin-right: auto;
    display: table;
    text-align: left
}

.ui.bottom.attached.message {
    font-weight: 700;
    text-align: left;
    color: #000
}

.ui.bottom.attached.message .pull-right {
    color: #000
}

.ui.bottom.attached.message .pull-right>span,.ui.bottom.attached.message>span {
    color: #21ba45
}

.ui .header>i+.content {
    padding-left: .75rem;
    vertical-align: middle
}

.ui .warning.header {
    background-color: #f9edbe!important
}

.ui .warning.header,.ui .warning.segment {
    border-color: #efc16b
}

.ui .info.segment {
    border: 1px solid #c5d5dd
}

.ui .info.segment.top {
    background-color: #e6f1f6!important
}

.ui .info.segment.top h3,.ui .info.segment.top h4 {
    margin-top: 0
}

.ui .info.segment.top h3:last-child {
    margin-top: 4px
}

.ui .info.segment.top>:last-child {
    margin-bottom: 0
}

.ui .normal.header {
    font-weight: 400
}

.ui .avatar.image {
    border-radius: 3px
}

.ui .form .fake {
    display: none!important
}

.ui .form .sub.field {
    margin-left: 25px
}

.ui .sha.label {
    font-family: SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace;
    font-size: 13px;
    padding: 6px 10px 4px;
    font-weight: 400;
    margin: 0 6px
}

.ui .button.truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    margin-right: 6px
}

.ui.status.buttons .octicon {
    margin-right: 4px
}

.ui.inline.delete-button {
    padding: 8px 15px;
    font-weight: 400
}

.ui .background.red {
    background-color: #d95c5c!important
}

.ui .background.blue {
    background-color: #428bca!important
}

.ui .background.black {
    background-color: #444
}

.ui .background.grey {
    background-color: #767676!important
}

.ui .background.light.grey {
    background-color: #888!important
}

.ui .background.green {
    background-color: #6cc644!important
}

.ui .background.purple {
    background-color: #6e5494!important
}

.ui .background.yellow {
    background-color: #fbbf09!important
}

.ui .background.orange {
    background-color: #f2711c!important
}

.ui .background.gold {
    background-color: #a1882b!important
}

.ui .migrate {
    color: #888!important;
    opacity: .5
}

.ui .migrate a {
    color: #444!important
}

.ui .migrate a:hover {
    color: #000!important
}

.ui .border {
    border: 1px solid
}

.ui .border.red {
    border-color: #d95c5c!important
}

.ui .border.blue {
    border-color: #428bca!important
}

.ui .border.black {
    border-color: #444
}

.ui .border.grey {
    border-color: #767676!important
}

.ui .border.light.grey {
    border-color: #888!important
}

.ui .border.green {
    border-color: #6cc644!important
}

.ui .border.purple {
    border-color: #6e5494!important
}

.ui .border.yellow {
    border-color: #fbbd08!important
}

.ui .border.orange {
    border-color: #f2711c!important
}

.ui .border.gold {
    border-color: #a1882b!important
}

.ui .branch-tag-choice {
    line-height: 20px
}

@media only screen and (max-width: 767px) {
    .ui.pagination.menu .item.navigation span.navigation_label,.ui.pagination.menu .item:not(.active):not(.navigation) {
        display:none
    }
}

.ui.floating.dropdown .overflow.menu .scrolling.menu.items {
    border-radius: 0!important;
    box-shadow: none!important;
    border-bottom: 1px solid rgba(34,36,38,.15)
}

.user-menu>.item {
    width: 100%;
    border-radius: 0!important
}

.scrolling.menu .item.selected {
    font-weight: 700!important
}

footer {
    background-color: #fff;
    border-top: 1px solid #d6d6d6;
    width: 100%;
    flex-basis: 40px;
    color: #888
}

footer .container {
    width: 100vw!important;
    padding: 0 .5rem;
    max-width: calc(100vw - 1rem)!important
}

footer .container .fa {
    width: 16px;
    text-align: center;
    color: #428bca
}

footer .container .links>* {
    border-left: 1px solid #d6d6d6;
    padding-left: 8px;
    margin-left: 5px
}

footer .container .links>:first-child {
    border-left: 0
}

footer .ui.language .menu {
    max-height: 500px;
    overflow-y: auto;
    margin-bottom: 7px
}

footer .ui.left,footer .ui.right {
    line-height: 40px
}

.hide {
    display: none
}

.hide.hide-outdated,.hide.show-outdated {
    display: none!important
}

.center {
    text-align: center
}

.img-1 {
    width: 2px!important;
    height: 2px!important
}

.img-2 {
    width: 4px!important;
    height: 4px!important
}

.img-3 {
    width: 6px!important;
    height: 6px!important
}

.img-4 {
    width: 8px!important;
    height: 8px!important
}

.img-5 {
    width: 10px!important;
    height: 10px!important
}

.img-6 {
    width: 12px!important;
    height: 12px!important
}

.img-7 {
    width: 14px!important;
    height: 14px!important
}

.img-8 {
    width: 16px!important;
    height: 16px!important
}

.img-9 {
    width: 18px!important;
    height: 18px!important
}

.img-10 {
    width: 20px!important;
    height: 20px!important
}

.img-11 {
    width: 22px!important;
    height: 22px!important
}

.img-12 {
    width: 24px!important;
    height: 24px!important
}

.img-13 {
    width: 26px!important;
    height: 26px!important
}

.img-14 {
    width: 28px!important;
    height: 28px!important
}

.img-15 {
    width: 30px!important;
    height: 30px!important
}

.img-16 {
    width: 32px!important;
    height: 32px!important
}

@media only screen and (min-width: 768px) {
    .mobile-only,.ui.button.mobile-only {
        display:none
    }

    .sr-mobile-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0
    }
}

@media only screen and (max-width: 767px) {
    .not-mobile {
        display:none
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@media only screen and (max-width: 991px) and (min-width:768px) {
    .ui.container {
        width:95%
    }
}

.hljs {
    background: inherit!important;
    padding: 0!important
}

.ui.menu.new-menu {
    justify-content: center!important;
    padding-top: 15px!important;
    margin-top: -15px!important;
    margin-bottom: 15px!important;
    background-color: #fafafa!important;
    border-width: 1px!important
}

@media only screen and (max-width: 1200px) {
    .ui.menu.new-menu {
        overflow-x:auto!important;
        justify-content: left!important;
        padding-bottom: 5px
    }

    .ui.menu.new-menu::-webkit-scrollbar {
        height: 8px;
        display: none
    }

    .ui.menu.new-menu:hover::-webkit-scrollbar {
        display: block
    }

    .ui.menu.new-menu::-webkit-scrollbar-track {
        background: rgba(0,0,0,.01)
    }

    .ui.menu.new-menu::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.2)
    }

    .ui.menu.new-menu:after {
        position: absolute;
        margin-top: -15px;
        display: block;
        background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
        content: " ";
        right: 0;
        height: 53px;
        z-index: 1000;
        width: 60px;
        clear: none;
        visibility: visible
    }

    .ui.menu.new-menu a.item:last-child {
        padding-right: 30px!important
    }
}

[v-cloak] {
    display: none!important
}

.repos-search {
    padding-bottom: 0!important
}

.repos-filter {
    margin-top: 0!important;
    border-bottom-width: 0!important;
    margin-bottom: 2px!important
}

#user-heatmap {
    width: 107%;
    text-align: center
}

#user-heatmap svg:not(:root) {
    overflow: inherit;
    padding: 0!important
}

@media only screen and (max-width: 1200px) {
    #user-heatmap {
        display:none
    }
}

#user-heatmap .total-contributions {
    text-align: left;
    font-weight: 500;
    margin-top: 0
}

.heatmap-color-0 {
    background-color: #f4f4f4
}

.heatmap-color-1 {
    background-color: #d8efbf
}

.heatmap-color-2 {
    background-color: #9fdb81
}

.heatmap-color-3 {
    background-color: #66c74b
}

.heatmap-color-4 {
    background-color: #609926
}

.heatmap-color-5 {
    background-color: #025900
}

.archived-icon {
    color: #b3b3b3!important
}

.oauth2-authorize-application-box {
    margin-top: 3em!important
}

.ui.tabular.menu .item {
    color: rgba(0,0,0,.5)
}

.ui.tabular.menu .item:hover {
    color: rgba(0,0,0,.8)
}

.ui.tabular.menu .item.active {
    color: rgba(0,0,0,.9)
}

.inline-grouped-list {
    display: inline-block;
    vertical-align: top
}

.inline-grouped-list>.ui {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px
}

.inline-grouped-list>.ui:first-child {
    margin-top: 1px
}

i.icons .icon:first-child {
    margin-right: 0
}

i.icon.centerlock {
    top: 1.45em
}

.ui.label>.detail .icons {
    margin-right: .25em
}

.ui.label>.detail .icons .icon {
    margin-right: 0
}

.lines-num {
    vertical-align: top;
    text-align: right!important;
    color: #999;
    background: #f5f5f5;
    width: 1%;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lines-num span:before {
    content: attr(data-line-number);
    line-height: 20px!important;
    padding: 0 10px;
    cursor: pointer;
    display: block
}

.lines-code,.lines-num {
    padding: 0!important
}

.lines-code .hljs,.lines-code ol,.lines-code pre,.lines-num .hljs,.lines-num ol,.lines-num pre {
    background-color: #fff;
    margin: 0;
    padding: 0!important
}

.lines-code .hljs li,.lines-code ol li,.lines-code pre li,.lines-num .hljs li,.lines-num ol li,.lines-num pre li {
    display: block;
    width: 100%
}

.lines-code .hljs li:before,.lines-code ol li:before,.lines-code pre li:before,.lines-num .hljs li:before,.lines-num ol li:before,.lines-num pre li:before {
    content: " "
}

.lines-commit {
    vertical-align: top;
    color: #999;
    padding: 0!important;
    background: #f5f5f5;
    width: 1%
}

.lines-commit,.lines-commit .blame-info {
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.lines-commit .blame-info {
    width: 350px;
    max-width: 350px;
    display: block;
    padding: 0 0 0 10px
}

.lines-commit .blame-info .blame-data {
    display: flex;
    font-family: -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Helvetica,Arial
}

.lines-commit .blame-info .blame-data .blame-message {
    flex-grow: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px
}

.lines-commit .blame-info .blame-data .blame-avatar,.lines-commit .blame-info .blame-data .blame-time {
    flex-shrink: 0
}

.lines-commit .ui.avatar.image {
    height: 18px;
    width: 18px
}

.lines-code .bottom-line,.lines-commit .bottom-line,.lines-num .bottom-line {
    border-bottom: 1px solid #eaecef
}

.code-view {
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden
}

.code-view.has-context-menu {
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible
}

.code-view :not(.fa):not(.octicon):not(.icon) {
    font-size: 12px;
    font-family: SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace;
    line-height: 20px
}

.code-view table {
    width: 100%
}

.code-view .active {
    background: #fff866
}

.octicon-tiny {
    font-size: .85714286rem
}

.ui.basic.blue.button,.ui.basic.blue.buttons .button {
    box-shadow: inset 0 0 0 1px #1678c2!important;
    color: #1678c2!important
}

.ui.label>img {
    width: auto!important;
    vertical-align: middle;
    height: 2.1666em!important
}

.markdown:not(code) {
    overflow: hidden;
    font-size: 16px;
    line-height: 1.6!important;
    word-wrap: break-word
}

.markdown:not(code).ui.segment {
    padding: 3em
}

.markdown:not(code).file-view {
    padding: 2em!important
}

.markdown:not(code)>:first-child {
    margin-top: 0!important
}

.markdown:not(code)>:last-child {
    margin-bottom: 0!important
}

.markdown:not(code) a:not([href]) {
    color: inherit;
    text-decoration: none
}

.markdown:not(code) .absent {
    color: #c00
}

.markdown:not(code) .anchor {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding-right: 6px;
    padding-left: 30px;
    margin-left: -30px
}

.markdown:not(code) .anchor:focus {
    outline: none
}

.markdown:not(code) h1,.markdown:not(code) h2,.markdown:not(code) h3,.markdown:not(code) h4,.markdown:not(code) h5,.markdown:not(code) h6 {
    position: relative;
    margin-top: 1em;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 1.4
}

.markdown:not(code) h1:first-of-type,.markdown:not(code) h2:first-of-type,.markdown:not(code) h3:first-of-type,.markdown:not(code) h4:first-of-type,.markdown:not(code) h5:first-of-type,.markdown:not(code) h6:first-of-type {
    margin-top: 0!important
}

.markdown:not(code) h1 .octicon-link,.markdown:not(code) h2 .octicon-link,.markdown:not(code) h3 .octicon-link,.markdown:not(code) h4 .octicon-link,.markdown:not(code) h5 .octicon-link,.markdown:not(code) h6 .octicon-link {
    display: none;
    color: #000;
    vertical-align: middle
}

.markdown:not(code) h1:hover .anchor,.markdown:not(code) h2:hover .anchor,.markdown:not(code) h3:hover .anchor,.markdown:not(code) h4:hover .anchor,.markdown:not(code) h5:hover .anchor,.markdown:not(code) h6:hover .anchor {
    padding-left: 8px;
    margin-left: -30px;
    text-decoration: none
}

.markdown:not(code) h1:hover .anchor .octicon-link,.markdown:not(code) h2:hover .anchor .octicon-link,.markdown:not(code) h3:hover .anchor .octicon-link,.markdown:not(code) h4:hover .anchor .octicon-link,.markdown:not(code) h5:hover .anchor .octicon-link,.markdown:not(code) h6:hover .anchor .octicon-link {
    display: inline-block
}

.markdown:not(code) h1 code,.markdown:not(code) h1 tt,.markdown:not(code) h2 code,.markdown:not(code) h2 tt,.markdown:not(code) h3 code,.markdown:not(code) h3 tt,.markdown:not(code) h4 code,.markdown:not(code) h4 tt,.markdown:not(code) h5 code,.markdown:not(code) h5 tt,.markdown:not(code) h6 code,.markdown:not(code) h6 tt {
    font-size: inherit
}

.markdown:not(code) h1 {
    padding-bottom: .3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee
}

.markdown:not(code) h1 .anchor {
    line-height: 1
}

.markdown:not(code) h2 {
    padding-bottom: .3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee
}

.markdown:not(code) h2 .anchor {
    line-height: 1
}

.markdown:not(code) h3 {
    font-size: 1.5em;
    line-height: 1.43
}

.markdown:not(code) h3 .anchor {
    line-height: 1.2
}

.markdown:not(code) h4 {
    font-size: 1.25em
}

.markdown:not(code) h4 .anchor {
    line-height: 1.2
}

.markdown:not(code) h5 {
    font-size: 1em
}

.markdown:not(code) h5 .anchor {
    line-height: 1.1
}

.markdown:not(code) h6 {
    font-size: 1em;
    color: #777
}

.markdown:not(code) h6 .anchor {
    line-height: 1.1
}

.markdown:not(code) blockquote,.markdown:not(code) dl,.markdown:not(code) ol,.markdown:not(code) p,.markdown:not(code) pre,.markdown:not(code) table,.markdown:not(code) ul {
    margin-top: 0;
    margin-bottom: 16px
}

.markdown:not(code) hr {
    height: 4px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0
}

.markdown:not(code) ol,.markdown:not(code) ul {
    padding-left: 2em
}

.markdown:not(code) ol.no-list,.markdown:not(code) ul.no-list {
    padding: 0;
    list-style-type: none
}

.markdown:not(code) ol ol,.markdown:not(code) ol ul,.markdown:not(code) ul ol,.markdown:not(code) ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.markdown:not(code) ol ol,.markdown:not(code) ul ol {
    list-style-type: lower-roman
}

.markdown:not(code) li>p {
    margin-top: 0
}

.markdown:not(code) dl {
    padding: 0
}

.markdown:not(code) dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: 700
}

.markdown:not(code) dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

.markdown:not(code) blockquote {
    margin-left: 0;
    padding: 0 15px;
    color: #777;
    border-left: 4px solid #ddd
}

.markdown:not(code) blockquote>:first-child {
    margin-top: 0
}

.markdown:not(code) blockquote>:last-child {
    margin-bottom: 0
}

.markdown:not(code) table {
    width: auto;
    overflow: auto;
    word-break: keep-all;
    display: block
}

.markdown:not(code) table th {
    font-weight: 700
}

.markdown:not(code) table td,.markdown:not(code) table th {
    padding: 6px 13px!important;
    border: 1px solid #ddd!important
}

.markdown:not(code) table tr {
    background-color: #fff;
    border-top: 1px solid #ccc
}

.markdown:not(code) table tr:nth-child(2n) {
    background-color: #f8f8f8
}

.markdown:not(code) img {
    max-width: 100%;
    box-sizing: border-box
}

.markdown:not(code) .emoji {
    max-width: none
}

.markdown:not(code) span.frame {
    display: block;
    overflow: hidden
}

.markdown:not(code) span.frame>span {
    display: block;
    float: left;
    width: auto;
    padding: 7px;
    margin: 13px 0 0;
    overflow: hidden;
    border: 1px solid #ddd
}

.markdown:not(code) span.frame span img {
    display: block;
    float: left
}

.markdown:not(code) span.frame span span {
    display: block;
    padding: 5px 0 0;
    clear: both;
    color: #333
}

.markdown:not(code) span.align-center {
    display: block;
    overflow: hidden;
    clear: both
}

.markdown:not(code) span.align-center>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: center
}

.markdown:not(code) span.align-center span img {
    margin: 0 auto;
    text-align: center
}

.markdown:not(code) span.align-right {
    display: block;
    overflow: hidden;
    clear: both
}

.markdown:not(code) span.align-right>span {
    display: block;
    margin: 13px 0 0;
    overflow: hidden;
    text-align: right
}

.markdown:not(code) span.align-right span img {
    margin: 0;
    text-align: right
}

.markdown:not(code) span.float-left {
    display: block;
    float: left;
    margin-right: 13px;
    overflow: hidden
}

.markdown:not(code) span.float-left span {
    margin: 13px 0 0
}

.markdown:not(code) span.float-right {
    display: block;
    float: right;
    margin-left: 13px;
    overflow: hidden
}

.markdown:not(code) span.float-right>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: right
}

.markdown:not(code) code,.markdown:not(code) tt {
    padding: .2em 0;
    margin: 0;
    font-size: 85%;
    background-color: rgba(0,0,0,.04);
    border-radius: 3px
}

.markdown:not(code) code:after,.markdown:not(code) code:before,.markdown:not(code) tt:after,.markdown:not(code) tt:before {
    letter-spacing: -.2em;
    content: "\00a0"
}

.markdown:not(code) code br,.markdown:not(code) tt br {
    display: none
}

.markdown:not(code) del code {
    text-decoration: inherit
}

.markdown:not(code) pre>code {
    padding: 0;
    margin: 0;
    font-size: 100%;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0
}

.markdown:not(code) .highlight {
    margin-bottom: 16px
}

.markdown:not(code) .highlight pre,.markdown:not(code) pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border-radius: 3px
}

.markdown:not(code) .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.markdown:not(code) pre {
    word-wrap: normal
}

.markdown:not(code) pre code,.markdown:not(code) pre tt {
    display: inline;
    max-width: none;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

.markdown:not(code) pre code:after,.markdown:not(code) pre code:before,.markdown:not(code) pre tt:after,.markdown:not(code) pre tt:before {
    content: normal
}

.markdown:not(code) kbd {
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 10px;
    color: #555;
    vertical-align: middle;
    background-color: #fcfcfc;
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 #bbb
}

.markdown:not(code) input[type=checkbox] {
    vertical-align: middle!important
}

.markdown:not(code) .csv-data td,.markdown:not(code) .csv-data th {
    padding: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    white-space: nowrap
}

.markdown:not(code) .csv-data .blob-num {
    padding: 10px 8px 9px;
    text-align: right;
    background: #fff;
    border: 0
}

.markdown:not(code) .csv-data tr {
    border-top: 0
}

.markdown:not(code) .csv-data th {
    font-weight: 700;
    background: #f8f8f8;
    border-top: 0
}

.markdown:not(code) .ui.list .list,.markdown:not(code) ol.ui.list ol,.markdown:not(code) ul.ui.list ul {
    padding-left: 2em
}

.repository.wiki.revisions .ui.container>.ui.stackable.grid {
    flex-direction: row-reverse
}

.repository.wiki.revisions .ui.container>.ui.stackable.grid>.header {
    margin-top: 0
}

.repository.wiki.revisions .ui.container>.ui.stackable.grid>.header .sub.header {
    padding-left: 52px;
    word-break: break-word
}

.file-revisions-btn {
    display: block;
    float: left;
    margin-bottom: 2px!important;
    padding: 11px!important;
    margin-right: 10px!important
}

.file-revisions-btn i {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.home .logo {
    max-width: 220px
}

@media only screen and (max-width: 767px) {
    .home .hero h1 {
        font-size:3.5em
    }

    .home .hero h2 {
        font-size: 2em
    }
}

@media only screen and (min-width: 768px) {
    .home .hero h1 {
        font-size:5.5em
    }

    .home .hero h2 {
        font-size: 3em
    }
}

.home .hero .octicon {
    color: #5aa509;
    font-size: 40px;
    width: 50px
}

.home .hero.header {
    font-size: 20px
}

.home p.large {
    font-size: 16px
}

.home .stackable {
    padding-top: 30px
}

.home a {
    color: #5aa509
}

.signup {
    padding-top: 15px
}

@media only screen and (max-width: 880px) {
    footer .ui.container .left,footer .ui.container .right {
        display:block;
        text-align: center;
        float: none
    }
}

.install {
    padding-top: 45px
}

.install form label {
    text-align: right;
    width: 320px!important
}

.install form input {
    width: 35%!important
}

.install form .field {
    text-align: left
}

.install form .field .help {
    margin-left: 335px!important
}

.install form .field.optional .title {
    margin-left: 38%
}

.install .ui .checkbox {
    margin-left: 40%!important
}

.install .ui .checkbox label {
    width: auto!important
}

.form .help {
    color: #999;
    padding-top: .6em;
    padding-bottom: .6em;
    display: inline-block
}

.ui.attached.header {
    background: #f0f0f0
}

.ui.attached.header .right {
    margin-top: -5px
}

.ui.attached.header .right .button {
    padding: 8px 10px;
    font-weight: 400
}

#create-page-form form {
    margin: auto
}

#create-page-form form .ui.message {
    text-align: center
}

@media only screen and (min-width: 768px) {
    #create-page-form form {
        width:800px!important
    }

    #create-page-form form .header {
        padding-left: 280px!important
    }

    #create-page-form form .inline.field>label {
        text-align: right;
        width: 250px!important;
        word-wrap: break-word
    }

    #create-page-form form .help {
        margin-left: 265px!important
    }

    #create-page-form form .optional .title {
        margin-left: 250px!important
    }

    #create-page-form form input,#create-page-form form textarea {
        width: 50%!important
    }
}

@media only screen and (max-width: 767px) {
    #create-page-form form .optional .title {
        margin-left:15px
    }

    #create-page-form form .inline.field>label {
        display: block
    }
}

.signin .oauth2 div {
    display: inline-block
}

.signin .oauth2 div p {
    margin: 10px 5px 0 0;
    float: left
}

.signin .oauth2 a {
    margin-right: 3px
}

.signin .oauth2 a:last-child {
    margin-right: 0
}

.signin .oauth2 img {
    width: 32px;
    height: 32px
}

.signin .oauth2 img.openidConnect {
    width: auto
}

@media only screen and (min-width: 768px) {
    .g-recaptcha {
        margin:0 auto!important;
        width: 304px;
        padding-left: 30px
    }
}

@media screen and (max-height: 575px) {
    #rc-imageselect,.g-recaptcha {
        transform:scale(.77);
        transform-origin: 0 0
    }
}

.user.activate form,.user.forgot.password form,.user.reset.password form,.user.signin form,.user.signup form {
    margin: auto
}

.user.activate form .ui.message,.user.forgot.password form .ui.message,.user.reset.password form .ui.message,.user.signin form .ui.message,.user.signup form .ui.message {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .user.activate form,.user.forgot.password form,.user.reset.password form,.user.signin form,.user.signup form {
        width:800px!important
    }

    .user.activate form .header,.user.forgot.password form .header,.user.reset.password form .header,.user.signin form .header,.user.signup form .header {
        padding-left: 280px!important
    }

    .user.activate form .inline.field>label,.user.forgot.password form .inline.field>label,.user.reset.password form .inline.field>label,.user.signin form .inline.field>label,.user.signup form .inline.field>label {
        text-align: right;
        width: 250px!important;
        word-wrap: break-word
    }

    .user.activate form .help,.user.forgot.password form .help,.user.reset.password form .help,.user.signin form .help,.user.signup form .help {
        margin-left: 265px!important
    }

    .user.activate form .optional .title,.user.forgot.password form .optional .title,.user.reset.password form .optional .title,.user.signin form .optional .title,.user.signup form .optional .title {
        margin-left: 250px!important
    }

    .user.activate form input,.user.activate form textarea,.user.forgot.password form input,.user.forgot.password form textarea,.user.reset.password form input,.user.reset.password form textarea,.user.signin form input,.user.signin form textarea,.user.signup form input,.user.signup form textarea {
        width: 50%!important
    }
}

@media only screen and (max-width: 767px) {
    .user.activate form .optional .title,.user.forgot.password form .optional .title,.user.reset.password form .optional .title,.user.signin form .optional .title,.user.signup form .optional .title {
        margin-left:15px
    }

    .user.activate form .inline.field>label,.user.forgot.password form .inline.field>label,.user.reset.password form .inline.field>label,.user.signin form .inline.field>label,.user.signup form .inline.field>label {
        display: block
    }
}

.user.activate form,.user.forgot.password form,.user.reset.password form,.user.signin form,.user.signup form {
    width: 700px!important
}

.user.activate form .header,.user.forgot.password form .header,.user.reset.password form .header,.user.signin form .header,.user.signup form .header {
    padding-left: 0!important;
    text-align: center
}

.user.activate form .inline.field>label,.user.forgot.password form .inline.field>label,.user.reset.password form .inline.field>label,.user.signin form .inline.field>label,.user.signup form .inline.field>label {
    width: 200px
}

@media only screen and (max-width: 768px) {
    .user.activate form .inline.field>label,.user.activate form input,.user.forgot.password form .inline.field>label,.user.forgot.password form input,.user.reset.password form .inline.field>label,.user.reset.password form input,.user.signin form .inline.field>label,.user.signin form input,.user.signup form .inline.field>label,.user.signup form input {
        width:100%!important
    }
}

.user.activate form input[type=number],.user.forgot.password form input[type=number],.user.reset.password form input[type=number],.user.signin form input[type=number],.user.signup form input[type=number] {
    -moz-appearance: textfield
}

.user.activate form input::-webkit-inner-spin-button,.user.activate form input::-webkit-outer-spin-button,.user.forgot.password form input::-webkit-inner-spin-button,.user.forgot.password form input::-webkit-outer-spin-button,.user.reset.password form input::-webkit-inner-spin-button,.user.reset.password form input::-webkit-outer-spin-button,.user.signin form input::-webkit-inner-spin-button,.user.signin form input::-webkit-outer-spin-button,.user.signup form input::-webkit-inner-spin-button,.user.signup form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.repository.new.fork form,.repository.new.migrate form,.repository.new.repo form {
    margin: auto
}

.repository.new.fork form .ui.message,.repository.new.migrate form .ui.message,.repository.new.repo form .ui.message {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .repository.new.fork form,.repository.new.migrate form,.repository.new.repo form {
        width:800px!important
    }

    .repository.new.fork form .header,.repository.new.migrate form .header,.repository.new.repo form .header {
        padding-left: 280px!important
    }

    .repository.new.fork form .inline.field>label,.repository.new.migrate form .inline.field>label,.repository.new.repo form .inline.field>label {
        text-align: right;
        width: 250px!important;
        word-wrap: break-word
    }

    .repository.new.fork form .help,.repository.new.migrate form .help,.repository.new.repo form .help {
        margin-left: 265px!important
    }

    .repository.new.fork form .optional .title,.repository.new.migrate form .optional .title,.repository.new.repo form .optional .title {
        margin-left: 250px!important
    }

    .repository.new.fork form input,.repository.new.fork form textarea,.repository.new.migrate form input,.repository.new.migrate form textarea,.repository.new.repo form input,.repository.new.repo form textarea {
        width: 50%!important
    }
}

@media only screen and (max-width: 767px) {
    .repository.new.fork form .optional .title,.repository.new.migrate form .optional .title,.repository.new.repo form .optional .title {
        margin-left:15px
    }

    .repository.new.fork form .inline.field>label,.repository.new.migrate form .inline.field>label,.repository.new.repo form .inline.field>label {
        display: block
    }
}

.repository.new.fork form .dropdown .dropdown.icon,.repository.new.migrate form .dropdown .dropdown.icon,.repository.new.repo form .dropdown .dropdown.icon {
    margin-top: -7px!important;
    padding-bottom: 5px
}

.repository.new.fork form .dropdown .text,.repository.new.fork form .dropdown .text i,.repository.new.migrate form .dropdown .text,.repository.new.migrate form .dropdown .text i,.repository.new.repo form .dropdown .text,.repository.new.repo form .dropdown .text i {
    margin-right: 0!important
}

.repository.new.fork form .header,.repository.new.migrate form .header,.repository.new.repo form .header {
    padding-left: 0!important;
    text-align: center
}

@media only screen and (max-width: 768px) {
    .repository.new.fork form .selection.dropdown,.repository.new.fork form input,.repository.new.fork form label,.repository.new.migrate form .selection.dropdown,.repository.new.migrate form input,.repository.new.migrate form label,.repository.new.repo form .selection.dropdown,.repository.new.repo form input,.repository.new.repo form label {
        width:100%!important
    }

    .repository.new.fork form .field a,.repository.new.fork form .field button,.repository.new.migrate form .field a,.repository.new.migrate form .field button,.repository.new.repo form .field a,.repository.new.repo form .field button {
        margin-bottom: 1em;
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .repository.new.repo .ui.form #auto-init {
        margin-left:265px!important
    }
}

.repository.new.repo .ui.form .selection.dropdown:not(.owner) {
    width: 50%!important
}

@media only screen and (max-width: 768px) {
    .repository.new.repo .ui.form .selection.dropdown:not(.owner) {
        width:100%!important
    }
}

.new.webhook form .help {
    margin-left: 25px
}

.new.webhook .events.fields .column {
    padding-left: 40px
}

.githook textarea {
    font-family: SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace
}

@media only screen and (max-width: 768px) {
    .new.org .ui.form .field a,.new.org .ui.form .field button {
        margin-bottom:1em;
        width: 100%
    }

    .new.org .ui.form .field input {
        width: 100%!important
    }
}

.repository {
    padding-top: 15px
}

.repository .repo-header .ui.compact.menu {
    margin-left: 1rem
}

.repository .repo-header .ui.header {
    margin-top: 0
}

.repository .repo-header .mega-octicon {
    width: 30px;
    font-size: 30px
}

.repository .repo-header .ui.huge.breadcrumb {
    font-weight: 400;
    font-size: 1.5rem
}

.repository .repo-header .ui.huge.breadcrumb i.mega-octicon {
    position: relative;
    top: 5px
}

.repository .repo-header .ui.huge.breadcrumb i.octicon-lock {
    margin-left: 5px
}

.repository .repo-header .fork-flag {
    margin-left: 36px;
    margin-top: 3px;
    display: block;
    font-size: 12px;
    white-space: nowrap
}

.repository .repo-header .octicon.octicon-repo-forked {
    margin-top: -1px;
    font-size: 15px
}

.repository .repo-header .button {
    margin-top: 2px;
    margin-bottom: 2px
}

.repository .tabs .navbar {
    justify-content: normal
}

.repository .navbar {
    display: flex;
    justify-content: space-between
}

.repository .navbar .ui.label {
    margin-left: 7px;
    padding: 3px 5px
}

.repository .owner.dropdown {
    min-width: 40%!important
}

.repository #file-buttons {
    margin-left: auto!important;
    font-weight: 400
}

.repository #file-buttons .ui.button {
    padding: 8px 10px;
    font-weight: 400
}

.repository .metas .menu {
    overflow-x: auto;
    max-height: 300px
}

.repository .metas .ui.list .hide {
    display: none!important
}

.repository .metas .ui.list .item {
    padding: 0
}

.repository .metas .ui.list .label.color {
    padding: 0 8px;
    margin-right: 5px
}

.repository .metas .ui.list a {
    margin: 2px 0
}

.repository .metas .ui.list a .text {
    color: #444
}

.repository .metas .ui.list a .text:hover {
    color: #000
}

.repository .metas #deadlineForm input {
    width: 12.8rem;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    white-space: nowrap
}

.repository .header-wrapper {
    background-color: #fafafa;
    margin-top: -15px;
    padding-top: 15px
}

.repository .header-wrapper .ui.tabs.divider {
    border-bottom: 0
}

.repository .header-wrapper .ui.tabular .octicon {
    margin-right: 5px
}

.repository .filter.menu .label.color {
    border-radius: 3px;
    margin-left: 15px;
    padding: 0 8px
}

.repository .filter.menu .octicon {
    float: left;
    margin: 0 -7px 0 -5px;
    width: 16px
}

.repository .filter.menu.labels .octicon {
    margin: -2px -7px 0 -5px
}

.repository .filter.menu.labels .label-filter .menu .info {
    display: inline-block;
    padding: 9px 7px 7px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    font-size: 12px
}

.repository .filter.menu.labels .label-filter .menu .info code {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px 2px 1px;
    font-size: 11px
}

.repository .filter.menu .text {
    margin-left: .9em
}

.repository .filter.menu .menu {
    max-height: 300px;
    overflow-x: auto;
    right: 0!important;
    left: auto!important
}

.repository .filter.menu .dropdown.item {
    margin: 1px;
    padding-right: 0
}

.repository .select-label .item {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis
}

.repository .select-label .desc {
    padding-left: 16px
}

.repository .ui.tabs.container {
    margin-top: 14px;
    margin-bottom: 0
}

.repository .ui.tabs.container .ui.menu {
    border-bottom: 0
}

.repository .ui.tabs.divider {
    margin-top: 0;
    margin-bottom: 20px
}

.repository #clone-panel {
    width: 350px
}

@media only screen and (max-width: 768px) {
    .repository #clone-panel {
        width:100%
    }
}

.repository #clone-panel input {
    border-radius: 0;
    padding: 5px 10px;
    width: 50%
}

.repository #clone-panel .clone.button {
    font-size: 13px;
    padding: 0 5px
}

.repository #clone-panel .clone.button:first-child {
    border-radius: .28571429rem 0 0 .28571429rem
}

.repository #clone-panel .icon.button {
    padding: 0 10px
}

.repository #clone-panel .dropdown .menu {
    right: 0!important;
    left: auto!important
}

.repository.file.list .repo-description {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.repository.file.list #repo-desc {
    font-size: 1.2em
}

.repository.file.list .choose.reference .header .icon {
    font-size: 1.4em
}

.repository.file.list .repo-path .divider,.repository.file.list .repo-path .section {
    display: inline
}

.repository.file.list #file-buttons {
    font-weight: 400
}

.repository.file.list #file-buttons .ui.button {
    padding: 8px 10px;
    font-weight: 400
}

@media only screen and (max-width: 768px) {
    .repository.file.list #file-buttons .ui.tiny.blue.buttons {
        width:100%
    }
}

.repository.file.list #repo-files-table thead th {
    padding-top: 8px;
    padding-bottom: 5px;
    font-weight: 400
}

.repository.file.list #repo-files-table thead .ui.avatar {
    margin-bottom: 5px
}

.repository.file.list #repo-files-table thead .commit-summary a {
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed
}

.repository.file.list #repo-files-table thead .commit-summary a:hover {
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid
}

.repository.file.list #repo-files-table thead .commit-summary a.default-link {
    text-decoration: none
}

.repository.file.list #repo-files-table thead .commit-summary a.default-link:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid
}

.repository.file.list #repo-files-table tbody .octicon {
    margin-left: 3px;
    margin-right: 5px;
    color: #777
}

.repository.file.list #repo-files-table tbody .octicon.octicon-mail-reply {
    margin-right: 10px
}

.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory,.repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule,.repository.file.list #repo-files-table tbody .octicon.octicon-file-symlink-directory {
    color: #1e70bf
}

.repository.file.list #repo-files-table td {
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: initial
}

.repository.file.list #repo-files-table td.name {
    max-width: 150px
}

.repository.file.list #repo-files-table td.message {
    max-width: 400px
}

.repository.file.list #repo-files-table td.age {
    width: 120px
}

.repository.file.list #repo-files-table td .truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.repository.file.list #repo-files-table td.message .isSigned {
    cursor: default
}

.repository.file.list #repo-files-table tr:hover {
    background-color: #ffe
}

.repository.file.list #repo-files-table .jumpable-path {
    color: #888
}

.repository.file.list .non-diff-file-content .header .icon {
    font-size: 1em
}

.repository.file.list .non-diff-file-content .header .file-actions {
    margin-bottom: -5px
}

.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon {
    display: inline-block;
    padding: 5px;
    margin-left: 5px;
    line-height: 1;
    color: #767676;
    vertical-align: middle;
    background: transparent;
    border: 0;
    outline: none
}

.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon:hover {
    color: #4078c0
}

.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon-danger:hover {
    color: #bd2c00
}

.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon.disabled {
    color: #bbb;
    cursor: default
}

.repository.file.list .non-diff-file-content .header .file-actions #delete-file-form {
    display: inline-block
}

.repository.file.list .non-diff-file-content .view-raw {
    padding: 5px
}

.repository.file.list .non-diff-file-content .view-raw * {
    max-width: 100%
}

.repository.file.list .non-diff-file-content .view-raw img {
    padding: 5px 5px 0
}

.repository.file.list .non-diff-file-content .plain-text {
    padding: 1em 2em
}

.repository.file.list .non-diff-file-content .plain-text pre {
    word-break: break-word;
    white-space: pre-wrap
}

.repository.file.list .non-diff-file-content .csv {
    overflow-x: auto;
    padding: 0!important
}

.repository.file.list .non-diff-file-content pre {
    overflow: auto
}

.repository.file.list .sidebar {
    padding-left: 0
}

.repository.file.list .sidebar .octicon {
    width: 16px
}

.repository.file.editor .treepath {
    width: 100%
}

.repository.file.editor .treepath input {
    vertical-align: middle;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.0745098);
    width: inherit;
    padding: 7px 8px;
    margin-right: 5px
}

.repository.file.editor .tabular.menu .octicon {
    margin-right: 5px
}

.repository.file.editor .commit-form-wrapper {
    padding-left: 64px
}

.repository.file.editor .commit-form-wrapper .commit-avatar {
    float: left;
    margin-left: -64px;
    width: 3em;
    height: auto
}

.repository.file.editor .commit-form-wrapper .commit-form {
    position: relative;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.repository.file.editor .commit-form-wrapper .commit-form:after,.repository.file.editor .commit-form-wrapper .commit-form:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.repository.file.editor .commit-form-wrapper .commit-form:before {
    border-right-color: #d3d3d4;
    border-width: 9px;
    margin-top: -9px
}

.repository.file.editor .commit-form-wrapper .commit-form:after {
    border-right-color: #f7f7f7;
    border-width: 8px;
    margin-top: -8px;
    border-right-color: #fff
}

.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .branch-name {
    display: inline-block;
    padding: 3px 6px;
    font: 12px SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace;
    color: rgba(0,0,0,.65);
    background-color: rgba(209,227,237,.45);
    border-radius: 3px
}

.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .new-branch-name-input {
    position: relative;
    margin-left: 25px
}

.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .new-branch-name-input input {
    width: 240px!important;
    padding-left: 26px!important
}

.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .octicon-git-branch {
    position: absolute;
    top: 9px;
    left: 10px;
    color: #b0c4ce
}

.repository.options #interval {
    width: 100px!important;
    min-width: 100px
}

.repository.options .danger .item {
    padding: 20px 15px
}

.repository.options .danger .ui.divider {
    margin: 0
}

.repository .comment textarea {
    max-height: none!important
}

.repository.new.issue .comment.form .comment .avatar {
    width: 3em
}

.repository.new.issue .comment.form .content {
    margin-left: 4em
}

.repository.new.issue .comment.form .content:after,.repository.new.issue .comment.form .content:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.repository.new.issue .comment.form .content:before {
    border-right-color: #d3d3d4;
    border-width: 9px;
    margin-top: -9px
}

.repository.new.issue .comment.form .content:after {
    border-right-color: #f7f7f7;
    border-width: 8px;
    margin-top: -8px;
    border-right-color: #fff
}

.repository.new.issue .comment.form .content .markdown {
    font-size: 14px
}

.repository.new.issue .comment.form .metas {
    min-width: 220px
}

.repository.new.issue .comment.form .metas .filter.menu {
    max-height: 300px;
    overflow-x: auto
}

.repository.view.issue .title {
    padding-bottom: 0!important
}

.repository.view.issue .title h1 {
    font-weight: 300;
    font-size: 2.3rem;
    margin-bottom: 5px
}

.repository.view.issue .title h1 .ui.input {
    font-size: .5em;
    vertical-align: top;
    width: 50%;
    min-width: 600px
}

.repository.view.issue .title h1 .ui.input input {
    font-size: 1.5em;
    padding: 6px 10px
}

.repository.view.issue .title .index {
    font-weight: 300;
    color: #aaa;
    letter-spacing: -1px
}

.repository.view.issue .title .label {
    margin-right: 10px
}

.repository.view.issue .title .edit-zone {
    margin-top: 10px
}

.repository.view.issue .pull-desc code {
    color: #0166e6
}

.repository.view.issue .pull.tabular.menu {
    margin-bottom: 10px
}

.repository.view.issue .pull.tabular.menu .octicon {
    margin-right: 5px
}

.repository.view.issue .pull.tab.segment {
    border: 0;
    padding: 10px 0 0;
    box-shadow: none;
    background-color: inherit
}

.repository.view.issue .pull .merge.box .avatar {
    margin-left: 10px;
    margin-top: 10px
}

.repository.view.issue .pull .review-item .avatar,.repository.view.issue .pull .review-item .type-icon {
    float: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.repository.view.issue .pull .review-item .avatar .octicon,.repository.view.issue .pull .review-item .type-icon .octicon {
    width: 23px;
    font-size: 23px;
    margin-top: .45em
}

.repository.view.issue .pull .review-item .text {
    margin: .3em 0 .5em .5em
}

.repository.view.issue .pull .review-item .type-icon {
    float: right;
    margin-right: 1em
}

.repository.view.issue .pull .review-item .divider {
    margin: .5rem 0
}

.repository.view.issue .pull .review-item .review-content {
    padding: 1em 0 1em 3.8em
}

.repository.view.issue .comment-list:not(.prevent-before-timeline):before {
    display: block;
    content: "";
    position: absolute;
    margin-top: 12px;
    margin-bottom: 14px;
    top: 0;
    bottom: 0;
    left: 96px;
    width: 2px;
    background-color: #f3f3f3;
    z-index: -1
}

.repository.view.issue .comment-list .timeline-line {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%
}

.repository.view.issue .comment-list .timeline-line:before {
    display: block;
    content: "";
    position: absolute;
    margin-top: 12px;
    margin-bottom: 14px;
    top: 0;
    bottom: 0;
    left: 82px;
    width: 2px;
    background-color: #f3f3f3;
    z-index: -1
}

.repository.view.issue .comment-list .comment .avatar {
    width: 3em
}

.repository.view.issue .comment-list .comment .tag {
    color: #767676;
    margin-top: 3px;
    padding: 2px 5px;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px
}

.repository.view.issue .comment-list .comment .tag.review {
    margin-left: 5px
}

.repository.view.issue .comment-list .comment .tag.review.pending {
    color: #000;
    background-color: #fffbb2
}

.repository.view.issue .comment-list .comment .actions .item {
    float: left
}

.repository.view.issue .comment-list .comment .actions .item.context {
    float: none
}

.repository.view.issue .comment-list .comment .actions .item.tag {
    margin-right: 5px
}

.repository.view.issue .comment-list .comment .actions .item.action {
    margin-top: 6px;
    margin-left: 10px
}

.repository.view.issue .comment-list .comment .content {
    margin-left: 4em
}

.repository.view.issue .comment-list .comment .content>.header {
    font-weight: 400;
    padding: auto 15px;
    position: relative;
    color: #767676;
    background-color: #f7f7f7;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.repository.view.issue .comment-list .comment .content>.header:after,.repository.view.issue .comment-list .comment .content>.header:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.repository.view.issue .comment-list .comment .content>.header:before {
    border-right-color: #d3d3d4;
    border-width: 9px;
    margin-top: -9px
}

.repository.view.issue .comment-list .comment .content>.header:after {
    border-right-color: #f7f7f7;
    border-width: 8px;
    margin-top: -8px
}

.repository.view.issue .comment-list .comment .content>.header .text {
    max-width: 78%;
    padding-top: 10px;
    padding-bottom: 10px
}

.repository.view.issue .comment-list .comment .content>.merge-section {
    border-top: 1px solid #d4d4d5;
    background-color: #f7f7f7
}

.repository.view.issue .comment-list .comment .content .markdown {
    font-size: 14px
}

.repository.view.issue .comment-list .comment .content .no-content {
    color: #767676;
    font-style: italic
}

.repository.view.issue .comment-list .comment .content>.bottom.segment {
    background: #f3f4f5
}

.repository.view.issue .comment-list .comment .content>.bottom.segment .ui.images:after {
    clear: both;
    content: " ";
    display: block
}

.repository.view.issue .comment-list .comment .content>.bottom.segment a {
    display: block;
    float: left;
    margin: 5px;
    padding: 5px;
    height: 150px;
    border: 1px solid #eee;
    border-radius: 3px;
    max-width: 150px;
    background-color: #fff
}

.repository.view.issue .comment-list .comment .content>.bottom.segment a:before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.repository.view.issue .comment-list .comment .content>.bottom.segment .ui.image {
    max-height: 100%;
    width: auto;
    margin: 0;
    vertical-align: middle
}

.repository.view.issue .comment-list .comment .content>.bottom.segment span.ui.image {
    font-size: 128px;
    color: #000
}

.repository.view.issue .comment-list .comment .content>.bottom.segment span.ui.image:hover {
    color: #000
}

.repository.view.issue .comment-list .comment:target>.content {
    box-shadow: 0 0 10px #8c8c8c
}

.repository.view.issue .comment-list .comment:target>.content>.code-comment-content {
    padding: 4px
}

.repository.view.issue .comment-list .comment:target>.content>.code-comment-content>.text {
    margin-bottom: 0
}

.repository.view.issue .comment-list .comment .ui.form .field:first-child {
    clear: none
}

.repository.view.issue .comment-list .comment .ui.form .tab.segment {
    border: 0;
    padding: 10px 0 0
}

.repository.view.issue .comment-list .comment .ui.form textarea {
    height: 200px;
    font-family: SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace
}

.repository.view.issue .comment-list .comment .edit.buttons {
    margin-top: 10px
}

.repository.view.issue .comment-list .event {
    position: relative;
    margin: 15px 0 15px 79px;
    padding-left: 25px
}

.repository.view.issue .comment-list .event>.octicon:not(.issue-symbol) {
    text-shadow: -2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff
}

.repository.view.issue .comment-list .event>.octicon.issue-symbol {
    font-size: 20px;
    margin-left: -35px;
    margin-right: -1px;
    margin-top: 0!important;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    background: #eee
}

.repository.view.issue .comment-list .event>.octicon.issue-symbol:before {
    width: 15px;
    display: inline-block
}

.repository.view.issue .comment-list .event>.octicon.issue-symbol.octicon-key:before {
    width: 18px
}

.repository.view.issue .comment-list .event>.octicon.issue-symbol.octicon-circle-slash:before {
    width: 17px
}

.repository.view.issue .comment-list .event>.octicon.issue-symbol.octicon-comment {
    font-size: 21px;
    line-height: 33px
}

.repository.view.issue .comment-list .event>.octicon.issue-symbol.octicon-comment:before {
    width: 20px
}

.repository.view.issue .comment-list .event .octicon {
    width: 30px;
    float: left;
    text-align: center
}

.repository.view.issue .comment-list .event .octicon.octicon-circle-slash {
    margin-top: 5px;
    margin-left: -34.5px;
    font-size: 20px;
    color: #bd2c00
}

.repository.view.issue .comment-list .event .octicon.octicon-primitive-dot {
    margin-top: -1px;
    margin-left: -28.5px;
    margin-right: -1px;
    font-size: 30px;
    color: #6cc644
}

.repository.view.issue .comment-list .event .octicon.octicon-bookmark {
    margin-top: 2px;
    margin-left: -31px;
    margin-right: -1px;
    font-size: 25px
}

.repository.view.issue .comment-list .event .octicon.octicon-eye {
    margin-top: 3px;
    margin-left: -36px;
    margin-right: 0;
    font-size: 22px
}

.repository.view.issue .comment-list .event .octicon.octicon-x {
    margin-left: -33px;
    font-size: 25px
}

.repository.view.issue .comment-list .event .detail {
    font-size: .9rem;
    margin-top: 5px;
    margin-left: 35px
}

.repository.view.issue .comment-list .event .detail .octicon.octicon-git-commit {
    margin-top: 2px
}

.repository.view.issue .ui.segment.metas {
    margin-top: -3px
}

.repository.view.issue .ui.participants img {
    margin-top: 5px;
    margin-right: 5px
}

.repository.view.issue .ui.depending .item.is-closed .title {
    text-decoration: line-through
}

.repository .comment.form .ui.comments {
    margin-top: -12px;
    max-width: 100%
}

.repository .comment.form .content .field:first-child {
    clear: none
}

.repository .comment.form .content .form:after,.repository .comment.form .content .form:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.repository .comment.form .content .form:before {
    border-right-color: #d3d3d4;
    border-width: 9px;
    margin-top: -9px
}

.repository .comment.form .content .form:after {
    border-right-color: #f7f7f7;
    border-width: 8px;
    margin-top: -8px;
    border-right-color: #fff
}

.repository .comment.form .content .tab.segment {
    border: 0;
    padding: 10px 0 0
}

.repository .comment.form .content textarea {
    height: 200px;
    font-family: SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace
}

.repository .label.list {
    list-style: none;
    padding-top: 15px
}

.repository .label.list .item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #aaa
}

.repository .label.list .item a {
    font-size: 15px;
    padding-top: 5px;
    padding-right: 10px;
    color: #666
}

.repository .label.list .item a:hover {
    color: #000
}

.repository .label.list .item a.open-issues {
    margin-right: 30px
}

.repository .label.list .item .ui.label {
    font-size: 1em
}

.repository .milestone.list {
    list-style: none;
    padding-top: 15px
}

.repository .milestone.list>.item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #aaa
}

.repository .milestone.list>.item>a {
    padding-top: 5px;
    padding-right: 10px;
    color: #000
}

.repository .milestone.list>.item>a:hover {
    color: #4078c0
}

.repository .milestone.list>.item .ui.progress {
    width: 40%;
    padding: 0;
    border: 0;
    margin: 0
}

.repository .milestone.list>.item .ui.progress .bar {
    height: 20px
}

.repository .milestone.list>.item .meta {
    color: #999;
    padding-top: 5px
}

.repository .milestone.list>.item .meta .issue-stats .octicon {
    padding-left: 5px
}

.repository .milestone.list>.item .meta .overdue {
    color: red
}

.repository .milestone.list>.item .operate {
    margin-top: -15px
}

.repository .milestone.list>.item .operate>a {
    font-size: 15px;
    padding-top: 5px;
    padding-right: 10px;
    color: #666
}

.repository .milestone.list>.item .operate>a:hover {
    color: #000
}

.repository .milestone.list>.item .content {
    padding-top: 10px
}

.repository.new.milestone textarea {
    height: 200px
}

.repository.new.milestone #deadline {
    width: 150px
}

.repository.compare.pull .show-form-container {
    text-align: left
}

.repository.compare.pull .choose.branch .octicon {
    padding-right: 10px
}

.repository.compare.pull .comment.form .content:after,.repository.compare.pull .comment.form .content:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.repository.compare.pull .comment.form .content:before {
    border-right-color: #d3d3d4;
    border-width: 9px;
    margin-top: -9px
}

.repository.compare.pull .comment.form .content:after {
    border-right-color: #f7f7f7;
    border-width: 8px;
    margin-top: -8px;
    border-right-color: #fff
}

.repository .filter.dropdown .menu {
    margin-top: 1px!important
}

.repository.branches .commit-divergence .bar-group {
    position: relative;
    float: left;
    padding-bottom: 6px;
    width: 90px
}

.repository.branches .commit-divergence .bar-group:last-child {
    border-left: 1px solid #b4b4b4
}

.repository.branches .commit-divergence .count {
    margin: 0 3px
}

.repository.branches .commit-divergence .count.count-ahead {
    text-align: left
}

.repository.branches .commit-divergence .count.count-behind {
    text-align: right
}

.repository.branches .commit-divergence .bar {
    height: 4px;
    position: absolute;
    background-color: #d4d4d5
}

.repository.branches .commit-divergence .bar.bar-behind {
    right: 0
}

.repository.branches .commit-divergence .bar.bar-ahead {
    left: 0
}

.repository.commits .header .search input {
    font-weight: 400;
    padding: 5px 10px
}

.repository #commits-table thead th:first-of-type {
    padding-left: 15px
}

.repository #commits-table thead .sha {
    width: 175px
}

.repository #commits-table thead .shatd {
    text-align: center
}

.repository #commits-table td.sha .sha.label {
    margin: 0
}

.repository #commits-table td.message {
    text-overflow: unset
}

.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0,0,0,.02)!important
}

.repository #commits-table td.sha .sha.label,.repository #repo-files-table .sha.label {
    border: 1px solid #bbb
}

.repository #commits-table td.sha .sha.label .ui.signature.avatar,.repository #repo-files-table .sha.label .ui.signature.avatar {
    height: 16px;
    margin-bottom: 0;
    width: auto
}

.repository #commits-table td.sha .sha.label .detail.icon,.repository #repo-files-table .sha.label .detail.icon {
    background: #fafafa;
    margin: -6px -10px -4px 0;
    padding: 5px 4px 5px 6px;
    border: 0;
    border-left: 1px solid #bbb;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.repository #commits-table td.sha .sha.label .detail.icon img,.repository #repo-files-table .sha.label .detail.icon img {
    margin-right: 0
}

.repository #commits-table td.sha .sha.label .detail.icon>div,.repository #repo-files-table .sha.label .detail.icon>div {
    display: inline-flex;
    align-items: center
}

.repository #commits-table td.sha .sha.label.isSigned.isWarning,.repository #repo-files-table .sha.label.isSigned.isWarning {
    border: 1px solid #db2828;
    background: rgba(219,40,40,.1)
}

.repository #commits-table td.sha .sha.label.isSigned.isWarning .shortsha,.repository #repo-files-table .sha.label.isSigned.isWarning .shortsha {
    display: inline-block;
    padding-top: 1px
}

.repository #commits-table td.sha .sha.label.isSigned.isWarning .detail.icon,.repository #repo-files-table .sha.label.isSigned.isWarning .detail.icon {
    border-left: 1px solid #db2828;
    color: #db2828
}

.repository #commits-table td.sha .sha.label.isSigned.isWarning:hover,.repository #repo-files-table .sha.label.isSigned.isWarning:hover {
    background: rgba(219,40,40,.3)!important
}

.repository #commits-table td.sha .sha.label.isSigned.isVerified,.repository #repo-files-table .sha.label.isSigned.isVerified {
    border: 1px solid #21ba45;
    background: rgba(33,186,69,.1)
}

.repository #commits-table td.sha .sha.label.isSigned.isVerified .shortsha,.repository #repo-files-table .sha.label.isSigned.isVerified .shortsha {
    display: inline-block;
    padding-top: 1px
}

.repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon,.repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon {
    border-left: 1px solid #21ba45;
    color: #21ba45
}

.repository #commits-table td.sha .sha.label.isSigned.isVerified:hover,.repository #repo-files-table .sha.label.isSigned.isVerified:hover {
    background: rgba(33,186,69,.3)!important
}

.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted,.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted {
    border: 1px solid #fbbd08;
    background: rgba(251,189,8,.1)
}

.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted .shortsha,.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted .shortsha {
    display: inline-block;
    padding-top: 1px
}

.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted .detail.icon,.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted .detail.icon {
    border-left: 1px solid #fbbd08;
    color: #fbbd08
}

.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted:hover,.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted:hover {
    background: rgba(251,189,8,.3)!important
}

.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched,.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched {
    border: 1px solid #f2711c;
    background: rgba(242,113,28,.1)
}

.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched .shortsha,.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched .shortsha {
    display: inline-block;
    padding-top: 1px
}

.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched .detail.icon,.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched .detail.icon {
    border-left: 1px solid #f2711c;
    color: #f2711c
}

.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched:hover,.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched:hover {
    background: rgba(242,113,28,.3)!important
}

.repository .diff-detail-box {
    padding: 7px 0;
    background: #fff;
    line-height: 30px
}

.repository .diff-detail-box>div:after {
    clear: both;
    content: "";
    display: block
}

.repository .diff-detail-box span.status {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    vertical-align: middle
}

.repository .diff-detail-box span.status.modify {
    background-color: #f0db88
}

.repository .diff-detail-box span.status.add {
    background-color: #b4e2b4
}

.repository .diff-detail-box span.status.del {
    background-color: #e9aeae
}

.repository .diff-detail-box span.status.rename {
    background-color: #dad8ff
}

.repository .diff-detail-box .detail-files {
    background: #fff;
    margin: 0
}

.repository .diff-box .header {
    display: flex;
    align-items: center
}

.repository .diff-box .header .count {
    margin-right: 12px;
    font-size: 13px;
    flex: 0 0 auto
}

.repository .diff-box .header .count .bar {
    background-color: #bd2c00;
    height: 12px;
    width: 40px;
    display: inline-block;
    margin: 2px 4px 0;
    vertical-align: text-top
}

.repository .diff-box .header .count .bar .add {
    background-color: #55a532;
    height: 12px
}

.repository .diff-box .header .file {
    flex: 1;
    color: #888;
    word-break: break-all
}

.repository .diff-box .header .button {
    margin: -5px 0 -5px 12px;
    padding: 8px 10px;
    flex: 0 0 auto
}

.repository .diff-file-box .header {
    background-color: #f7f7f7
}

.repository .diff-file-box .file-body.file-code .lines-num {
    text-align: right;
    color: #a6a6a6;
    background: #fafafa;
    width: 1%;
    min-width: 50px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top
}

.repository .diff-file-box .file-body.file-code .lines-num span.fold {
    display: block;
    text-align: center
}

.repository .diff-file-box .file-body.file-code .lines-num-old {
    border-right: 1px solid #ddd
}

.repository .diff-file-box .code-diff {
    font-size: 12px
}

.repository .diff-file-box .code-diff td {
    padding: 0 0 0 10px!important;
    border-top: 0
}

.repository .diff-file-box .code-diff .lines-num {
    border-right: 1px solid;
    border-color: #d4d4d5;
    padding: 0 5px!important
}

.repository .diff-file-box .code-diff tbody tr td.halfwidth {
    width: 49%
}

.repository .diff-file-box .code-diff tbody tr td.center {
    text-align: center
}

.repository .diff-file-box .code-diff tbody tr .removed-code {
    background-color: #f99
}

.repository .diff-file-box .code-diff tbody tr .added-code {
    background-color: #9f9
}

.repository .diff-file-box .code-diff tbody tr [data-line-num]:before {
    content: attr(data-line-num);
    text-align: right
}

.repository .diff-file-box .code-diff tbody tr .lines-type-marker {
    width: 10px;
    min-width: 10px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.repository .diff-file-box .code-diff tbody tr [data-type-marker]:before {
    content: attr(data-type-marker);
    text-align: right;
    display: inline-block
}

.repository .diff-file-box .code-diff-unified tbody tr.del-code td {
    background-color: #ffe0e0!important;
    border-color: #f1c0c0!important
}

.repository .diff-file-box .code-diff-unified tbody tr.add-code td {
    background-color: #d6fcd6!important;
    border-color: #c1e9c1!important
}

.repository .diff-file-box .code-diff-split table,.repository .diff-file-box .code-diff-split tbody {
    width: 100%
}

.repository .diff-file-box .code-diff-split tbody tr.add-code td:first-child,.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2),.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3),.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4),.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(5),.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(6) {
    background-color: #fafafa
}

.repository .diff-file-box .code-diff-split tbody tr.del-code td:first-child,.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2),.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3),.repository .diff-file-box .code-diff-split tbody tr td.del-code {
    background-color: #ffe0e0!important;
    border-color: #f1c0c0!important
}

.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4),.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(5),.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(6),.repository .diff-file-box .code-diff-split tbody tr td.add-code {
    background-color: #d6fcd6!important;
    border-color: #c1e9c1!important
}

.repository .diff-file-box .code-diff-split tbody tr td:nth-child(4) {
    border-left-width: 1px;
    border-left-style: solid
}

.repository .diff-file-box.file-content {
    clear: right
}

.repository .diff-file-box.file-content img {
    max-width: 100%;
    padding: 5px 5px 0
}

.repository .diff-file-box.file-content img.emoji {
    padding: 0
}

.repository .diff-stats {
    clear: both;
    margin-bottom: 5px;
    max-height: 400px;
    overflow: auto;
    padding-left: 0
}

.repository .diff-stats li {
    list-style: none;
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: 1px dashed #ddd;
    padding-left: 6px
}

.repository .diff-stats .diff-counter {
    margin-right: 15px
}

.repository .diff-stats .diff-counter .del {
    color: red
}

.repository .diff-stats .diff-counter .add {
    color: green
}

.repository .repo-search-result {
    padding-top: 10px;
    padding-bottom: 10px
}

.repository .repo-search-result .lines-num a {
    color: inherit
}

.repository.quickstart .guide .item {
    padding: 1em
}

.repository.quickstart .guide .item small {
    font-weight: 400
}

.repository.quickstart .guide .clone.button:first-child {
    border-radius: .28571429rem 0 0 .28571429rem
}

.repository.quickstart .guide .ui.action.small.input {
    width: 100%
}

.repository.quickstart .guide #repo-clone-url {
    border-radius: 0;
    padding: 5px 10px;
    font-size: 1.2em
}

.repository.release #release-list {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 15px
}

.repository.release #release-list>li {
    list-style: none
}

.repository.release #release-list>li .detail,.repository.release #release-list>li .meta {
    padding-top: 30px;
    padding-bottom: 40px
}

.repository.release #release-list>li .meta {
    text-align: right;
    position: relative
}

.repository.release #release-list>li .meta .tag:not(.icon) {
    display: block;
    margin-top: 15px
}

.repository.release #release-list>li .meta .commit {
    display: block;
    margin-top: 10px
}

.repository.release #release-list>li .detail {
    border-left: 1px solid #ddd
}

.repository.release #release-list>li .detail .author img {
    margin-bottom: -3px
}

.repository.release #release-list>li .detail .download {
    margin-top: 20px
}

.repository.release #release-list>li .detail .download>a .octicon {
    margin-left: 5px;
    margin-right: 5px
}

.repository.release #release-list>li .detail .download .list {
    padding-left: 0;
    border-top: 1px solid #eee
}

.repository.release #release-list>li .detail .download .list li {
    list-style: none;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee
}

.repository.release #release-list>li .detail .dot {
    width: 9px;
    height: 9px;
    background-color: #ccc;
    z-index: 999;
    position: absolute;
    display: block;
    left: -5px;
    top: 40px;
    border-radius: 6px;
    border: 1px solid #fff
}

.repository.new.release .target {
    min-width: 500px
}

.repository.new.release .target #tag-name {
    margin-top: -4px
}

.repository.new.release .target .at {
    margin-left: -5px;
    margin-right: 5px
}

.repository.new.release .target .dropdown.icon {
    margin: 0;
    padding-top: 3px
}

.repository.new.release .target .selection.dropdown {
    padding-top: 10px;
    padding-bottom: 10px
}

.repository.new.release .prerelease.field {
    margin-bottom: 0
}

@media only screen and (max-width: 438px) {
    .repository.new.release .field button,.repository.new.release .field input {
        width:100%
    }
}

@media only screen and (max-width: 768px) {
    .repository.new.release .field button {
        margin-bottom:1em
    }
}

.repository.forks .list {
    margin-top: 0
}

.repository.forks .list .item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.repository.forks .list .item .ui.avatar {
    float: left;
    margin-right: 5px
}

.repository.forks .list .item .link {
    padding-top: 5px
}

.repository.wiki.start .ui.segment {
    padding-top: 70px;
    padding-bottom: 100px
}

.repository.wiki.start .ui.segment .mega-octicon {
    font-size: 48px
}

.repository.wiki.new .CodeMirror .CodeMirror-code {
    font-family: SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace
}

.repository.wiki.new .CodeMirror .CodeMirror-code .cm-comment {
    background: inherit
}

.repository.wiki.new .editor-preview {
    background-color: #fff
}

.repository.wiki.new .ui.attached.tabular.menu.previewtabs {
    margin-bottom: 15px
}

.repository.wiki.new .ui.attached.tabular.menu.previewtabs+.field .editor-toolbar:not(.fullscreen) a.fa-eye {
    display: none
}

.repository.wiki.view .choose.page {
    margin-top: -5px
}

.repository.wiki.view .ui.sub.header {
    text-transform: none
}

.repository.wiki.view>.markdown {
    padding: 15px 30px
}

.repository.wiki.view>.markdown h1:first-of-type,.repository.wiki.view>.markdown h2:first-of-type,.repository.wiki.view>.markdown h3:first-of-type,.repository.wiki.view>.markdown h4:first-of-type,.repository.wiki.view>.markdown h5:first-of-type,.repository.wiki.view>.markdown h6:first-of-type {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .repository.wiki .dividing.header .stackable.grid .button {
        margin-top:2px;
        margin-bottom: 2px
    }
}

.repository.settings.collaboration .collaborator.list {
    padding: 0
}

.repository.settings.collaboration .collaborator.list>.item {
    margin: 0;
    line-height: 2em
}

.repository.settings.collaboration .collaborator.list>.item:not(:last-child) {
    border-bottom: 1px solid #ddd
}

.repository.settings.collaboration #repo-collab-form #search-user-box .results {
    left: 7px
}

.repository.settings.collaboration #repo-collab-form .ui.button {
    margin-left: 5px;
    margin-top: -3px
}

.repository.settings.collaboration #repo-collab-team-form #search-team-box .results {
    left: 7px
}

.repository.settings.collaboration #repo-collab-team-form .ui.button {
    margin-left: 5px;
    margin-top: -3px
}

.repository.settings.branches .protected-branches .selection.dropdown {
    width: 300px
}

.repository.settings.branches .protected-branches .item {
    border: 1px solid #eaeaea;
    padding: 10px 15px
}

.repository.settings.branches .protected-branches .item:not(:last-child) {
    border-bottom: 0
}

.repository.settings.branches .branch-protection .help {
    margin-left: 26px;
    padding-top: 0
}

.repository.settings.branches .branch-protection .fields {
    margin-left: 20px;
    display: block
}

.repository.settings.branches .branch-protection .whitelist {
    margin-left: 26px
}

.repository.settings.branches .branch-protection .whitelist .dropdown img {
    display: inline-block
}

.repository.settings.webhook .events .column {
    padding-bottom: 0
}

.repository.settings.webhook .events .help {
    font-size: 13px;
    margin-left: 26px;
    padding-top: 0
}

.repository .ui.attached.isSigned.isWarning {
    border-left: 1px solid #c29393;
    border-right: 1px solid #c29393
}

.repository .ui.attached.isSigned.isWarning.message,.repository .ui.attached.isSigned.isWarning.top {
    border-top: 1px solid #c29393
}

.repository .ui.attached.isSigned.isWarning.message {
    box-shadow: none;
    background-color: #fff5f5;
    color: #d95c5c
}

.repository .ui.attached.isSigned.isWarning.message .ui.text {
    color: #d64444
}

.repository .ui.attached.isSigned.isWarning.bottom,.repository .ui.attached.isSigned.isWarning:last-child {
    border-bottom: 1px solid #c29393
}

.repository .ui.attached.isSigned:not(.isWarning) .pull-right {
    padding-top: 5px
}

.repository .ui.attached.isSigned.isVerified {
    border-left: 1px solid #a3c293;
    border-right: 1px solid #a3c293
}

.repository .ui.attached.isSigned.isVerified.message,.repository .ui.attached.isSigned.isVerified.top {
    border-top: 1px solid #a3c293
}

.repository .ui.attached.isSigned.isVerified.message {
    box-shadow: none;
    background-color: #fcfff5;
    color: #6cc644
}

.repository .ui.attached.isSigned.isVerified.message .pull-right {
    color: #000
}

.repository .ui.attached.isSigned.isVerified.message .ui.text {
    color: #21ba45
}

.repository .ui.attached.isSigned.isVerified.bottom,.repository .ui.attached.isSigned.isVerified:last-child {
    border-bottom: 1px solid #a3c293
}

.repository .ui.attached.isSigned.isVerifiedUntrusted {
    border-left: 1px solid #c2c193;
    border-right: 1px solid #c2c193
}

.repository .ui.attached.isSigned.isVerifiedUntrusted.message,.repository .ui.attached.isSigned.isVerifiedUntrusted.top {
    border-top: 1px solid #c2c193
}

.repository .ui.attached.isSigned.isVerifiedUntrusted.message {
    box-shadow: none;
    background-color: #fffff5;
    color: #fbbd08
}

.repository .ui.attached.isSigned.isVerifiedUntrusted.message .ui.text {
    color: #d2ab00
}

.repository .ui.attached.isSigned.isVerifiedUntrusted.bottom,.repository .ui.attached.isSigned.isVerifiedUntrusted:last-child {
    border-bottom: 1px solid #c2c193
}

.repository .ui.attached.isSigned.isVerifiedUnmatched {
    border-left: 1px solid #c2a893;
    border-right: 1px solid #c2a893
}

.repository .ui.attached.isSigned.isVerifiedUnmatched.message,.repository .ui.attached.isSigned.isVerifiedUnmatched.top {
    border-top: 1px solid #c2a893
}

.repository .ui.attached.isSigned.isVerifiedUnmatched.message {
    box-shadow: none;
    background-color: #fffaf5;
    color: #f2711c
}

.repository .ui.attached.isSigned.isVerifiedUnmatched.message .ui.text {
    color: #ee5f00
}

.repository .ui.attached.isSigned.isVerifiedUnmatched.bottom,.repository .ui.attached.isSigned.isVerifiedUnmatched:last-child {
    border-bottom: 1px solid #c2a893
}

.repository .ui.segment.sub-menu {
    padding: 7px;
    line-height: 0
}

.repository .ui.segment.sub-menu .list {
    width: 100%;
    display: flex
}

.repository .ui.segment.sub-menu .list .item {
    width: 100%;
    border-radius: 3px
}

.repository .ui.segment.sub-menu .list .item a {
    color: #000
}

.repository .ui.segment.sub-menu .list .item a:hover {
    color: #666
}

.repository .ui.segment.sub-menu .list .item.active {
    background: rgba(0,0,0,.05)
}

.repository .segment.reactions.dropdown .menu,.repository .select-reaction.dropdown .menu {
    right: 0!important;
    left: auto!important
}

.repository .segment.reactions.dropdown .menu>.header,.repository .select-reaction.dropdown .menu>.header {
    margin: .75rem 0 .5rem
}

.repository .segment.reactions.dropdown .menu>.item,.repository .select-reaction.dropdown .menu>.item {
    float: left;
    padding: .5rem!important
}

.repository .segment.reactions.dropdown .menu>.item img.emoji,.repository .select-reaction.dropdown .menu>.item img.emoji {
    margin-right: 0
}

.repository .segment.reactions {
    padding: 0;
    display: flex
}

.repository .segment.reactions .ui.label {
    padding: .4em 1em;
    border: 0;
    border-right: 1px solid;
    border-radius: 0;
    margin: 0;
    font-size: 14px;
    border-color: inherit!important
}

.repository .segment.reactions .ui.label.disabled {
    cursor: default;
    opacity: .5
}

.repository .segment.reactions .ui.label>img {
    height: 1.5em!important
}

.repository .segment.reactions .ui.label.basic.blue {
    background-color: #f1f8ff!important;
    border-color: inherit!important
}

.repository .segment.reactions .select-reaction {
    float: left;
    padding: .5em .5em .5em 1em
}

.repository .segment.reactions .select-reaction:not(.active) a {
    display: none
}

.repository .segment.reactions:hover .select-reaction a {
    display: block
}

.repository .ui.fluid.action.input .ui.search.action.input {
    flex: auto
}

.user-cards .list {
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.user-cards .list .item {
    list-style: none;
    width: 32%;
    margin: 10px 10px 10px 0;
    padding-bottom: 14px;
    float: left
}

.user-cards .list .item .avatar {
    width: 48px;
    height: 48px;
    float: left;
    display: block;
    margin-right: 10px
}

.user-cards .list .item .name {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400
}

.user-cards .list .item .meta {
    margin-top: 5px
}

#search-repo-box .results .result .image,#search-user-box .results .result .image {
    float: left;
    margin-right: 8px;
    width: 2em;
    height: 2em
}

#search-repo-box .results .result .content,#search-team-box .results .result .content,#search-user-box .results .result .content {
    margin: 6px 0
}

#issue-filters.hide {
    display: none
}

#issue-actions {
    margin-top: -1rem!important
}

#issue-actions.hide {
    display: none
}

.ui.checkbox.issue-checkbox {
    vertical-align: middle
}

.ui.menu .item>img:not(.ui) {
    width: auto
}

.issue.list {
    list-style: none
}

.issue.list>.item {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #aaa
}

.issue.list>.item .title {
    color: #444;
    font-size: 15px;
    font-weight: 700;
    margin: 0 6px
}

.issue.list>.item .title:hover {
    color: #000
}

.issue.list>.item .comment {
    padding-right: 10px;
    color: #666
}

.issue.list>.item .desc {
    padding-top: 5px;
    color: #999
}

.issue.list>.item .desc .checklist {
    padding-left: 5px
}

.issue.list>.item .desc .checklist .progress-bar {
    margin-left: 2px;
    width: 80px;
    height: 6px;
    display: inline-block;
    background-color: #eee;
    overflow: hidden;
    border-radius: 3px;
    vertical-align: 2px!important
}

.issue.list>.item .desc .checklist .progress-bar .progress {
    background-color: #ccc;
    display: block;
    height: 100%
}

.issue.list>.item .desc .due-date {
    padding-left: 5px
}

.issue.list>.item .desc a.milestone {
    margin-left: 5px;
    color: #999!important
}

.issue.list>.item .desc a.milestone:hover {
    color: #000!important
}

.issue.list>.item .desc a.ref {
    margin-left: 8px;
    color: #999!important
}

.issue.list>.item .desc a.ref:hover {
    color: #000!important
}

.issue.list>.item .desc a.ref span {
    margin-right: -4px
}

.issue.list>.item .desc .assignee {
    margin-top: -5px;
    margin-right: 5px
}

.issue.list>.item .desc .overdue {
    color: red
}

.page.buttons {
    padding-top: 15px
}

.ui.form .dropzone {
    width: 100%;
    margin-bottom: 10px;
    border: 2px dashed #0087f5;
    box-shadow: none!important
}

.ui.form .dropzone .dz-error-message {
    top: 140px
}

.settings .content {
    margin-top: 2px
}

.settings .content .segment,.settings .content>.header {
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15)
}

.settings .list>.item .green:not(.ui.button) {
    color: #21ba45
}

.settings .list>.item:not(:first-child) {
    border-top: 1px solid #eaeaea;
    padding: 1rem;
    margin: 15px -1rem -1rem
}

.settings .list>.item>.mega-octicon {
    display: table-cell
}

.settings .list>.item>.mega-octicon+.content {
    display: table-cell;
    padding: 0 0 0 .5em;
    vertical-align: top
}

.settings .list>.item .info {
    margin-top: 10px
}

.settings .list>.item .info .tab.segment {
    border: 0;
    padding: 10px 0 0
}

.settings .list.key .meta {
    padding-top: 5px;
    color: #666
}

.settings .list.email>.item:not(:first-child) {
    min-height: 60px
}

.settings .list.collaborator>.item {
    padding: 0
}

.ui.vertical.menu .header.item {
    font-size: 1.1em;
    background: #f0f0f0
}

.edit-label.modal .form .column,.new-label.segment .form .column {
    padding-right: 0
}

.edit-label.modal .form .buttons,.new-label.segment .form .buttons {
    margin-left: auto;
    padding-top: 15px
}

.edit-label.modal .form .color.picker.column,.new-label.segment .form .color.picker.column {
    width: auto
}

.edit-label.modal .form .color.picker.column .color-picker,.new-label.segment .form .color.picker.column .color-picker {
    height: 35px;
    width: auto;
    padding-left: 30px
}

.edit-label.modal .form .minicolors-swatch.minicolors-sprite,.new-label.segment .form .minicolors-swatch.minicolors-sprite {
    top: 10px;
    left: 10px;
    width: 15px;
    height: 15px
}

.edit-label.modal .form .precolors,.new-label.segment .form .precolors {
    padding-left: 0;
    padding-right: 0;
    margin: 3px 10px auto;
    width: 120px
}

.edit-label.modal .form .precolors .color,.new-label.segment .form .precolors .color {
    float: left;
    width: 15px;
    height: 15px
}

#avatar-arrow:after,#avatar-arrow:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#avatar-arrow:before {
    border-right-color: #d3d3d4;
    border-width: 9px;
    margin-top: -9px
}

#avatar-arrow:after {
    border-right-color: #f7f7f7;
    border-width: 8px;
    margin-top: -8px
}

#delete-repo-modal .ui.message,#transfer-repo-modal .ui.message {
    width: 100%!important
}

.tab-size-1 {
    -moz-tab-size: 1!important;
    -o-tab-size: 1!important;
    tab-size: 1!important
}

.tab-size-2 {
    -moz-tab-size: 2!important;
    -o-tab-size: 2!important;
    tab-size: 2!important
}

.tab-size-3 {
    -moz-tab-size: 3!important;
    -o-tab-size: 3!important;
    tab-size: 3!important
}

.tab-size-4 {
    -moz-tab-size: 4!important;
    -o-tab-size: 4!important;
    tab-size: 4!important
}

.tab-size-5 {
    -moz-tab-size: 5!important;
    -o-tab-size: 5!important;
    tab-size: 5!important
}

.tab-size-6 {
    -moz-tab-size: 6!important;
    -o-tab-size: 6!important;
    tab-size: 6!important
}

.tab-size-7 {
    -moz-tab-size: 7!important;
    -o-tab-size: 7!important;
    tab-size: 7!important
}

.tab-size-8 {
    -moz-tab-size: 8!important;
    -o-tab-size: 8!important;
    tab-size: 8!important
}

.tab-size-9 {
    -moz-tab-size: 9!important;
    -o-tab-size: 9!important;
    tab-size: 9!important
}

.tab-size-10 {
    -moz-tab-size: 10!important;
    -o-tab-size: 10!important;
    tab-size: 10!important
}

.tab-size-11 {
    -moz-tab-size: 11!important;
    -o-tab-size: 11!important;
    tab-size: 11!important
}

.tab-size-12 {
    -moz-tab-size: 12!important;
    -o-tab-size: 12!important;
    tab-size: 12!important
}

.tab-size-13 {
    -moz-tab-size: 13!important;
    -o-tab-size: 13!important;
    tab-size: 13!important
}

.tab-size-14 {
    -moz-tab-size: 14!important;
    -o-tab-size: 14!important;
    tab-size: 14!important
}

.tab-size-15 {
    -moz-tab-size: 15!important;
    -o-tab-size: 15!important;
    tab-size: 15!important
}

.tab-size-16 {
    -moz-tab-size: 16!important;
    -o-tab-size: 16!important;
    tab-size: 16!important
}

.stats-table {
    display: table;
    width: 100%
}

.stats-table .table-cell {
    display: table-cell
}

.stats-table .table-cell.tiny {
    height: .5em
}

tbody.commit-list {
    vertical-align: baseline
}

.message-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width: 767.98px) {
    tr.commit-list {
        width:100%
    }

    th .message-wrapper {
        display: block;
        max-width: calc(100vw - 70px)
    }
}

@media only screen and (min-width: 768px) and (max-width:991.98px) {
    tr.commit-list {
        width:723px
    }

    th .message-wrapper {
        max-width: 280px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199.98px) {
    tr.commit-list {
        width:933px
    }

    th .message-wrapper {
        max-width: 490px
    }
}

@media only screen and (min-width: 1200px) {
    tr.commit-list {
        width:1127px
    }

    th .message-wrapper {
        max-width: 680px
    }
}

.commit-list .commit-summary a {
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed
}

.commit-list .commit-summary a:hover {
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid
}

.commit-list .commit-summary a.default-link {
    text-decoration: none
}

.commit-list .commit-summary a.default-link:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid
}

.commit-list .commit-status-link {
    display: inline-block;
    vertical-align: middle
}

.commit-body {
    white-space: pre-wrap
}

.git-notes.top {
    text-align: left
}

.git-notes .commit-body {
    margin: 0
}

@media only screen and (max-width: 767px) {
    .ui.stackable.menu.mobile--margin-between-items>.item {
        margin-top:5px;
        margin-bottom: 5px
    }

    .ui.stackable.menu.mobile--no-negative-margins {
        margin-left: 0;
        margin-right: 0
    }
}

#repo-topics,#topic_edit {
    margin-top: 5px
}

.repo-topic {
    cursor: pointer
}

#new-dependency-drop-list.ui.selection.dropdown {
    min-width: 0;
    width: 100%;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    white-space: nowrap
}

#new-dependency-drop-list .text {
    width: 100%;
    overflow: hidden
}

#manage_topic {
    font-size: 12px
}

.label+#manage_topic {
    margin-left: 5px
}

.ui.small.label.topic {
    margin-bottom: 4px
}

.repo-header {
    justify-content: space-between;
    flex-wrap: wrap
}

.repo-header,.repo-header .repo-buttons {
    display: flex;
    align-items: center
}

.repo-buttons .disabled-repo-button .label {
    opacity: .5
}

.repo-buttons .disabled-repo-button a.button {
    opacity: .5;
    cursor: not-allowed
}

.repo-buttons .disabled-repo-button a.button:hover {
    background: none!important;
    color: rgba(0,0,0,.6)!important;
    box-shadow: inset 0 0 0 1px rgba(34,36,38,.15)!important
}

.repo-buttons .ui.labeled.button>.label {
    border-left: 0!important;
    margin: 0!important
}

.tag-code,.tag-code td {
    background-color: #f0f0f0!important;
    border-color: #d3cfcf!important;
    padding-top: 8px;
    padding-bottom: 8px
}

td.blob-excerpt {
    background-color: #fafafa
}

.issue-keyword {
    border-bottom: 1px dotted #959da5;
    display: inline-block
}

.file-header {
    justify-content: space-between;
    padding: 8px 12px!important
}

.file-header,.file-info {
    display: flex;
    align-items: center
}

.file-info-entry+.file-info-entry {
    border-left: 1px solid;
    margin-left: 8px;
    padding-left: 8px
}

.title_wip_desc {
    margin-top: 1em
}

.CodeMirror {
    font: 14px SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace
}

.CodeMirror.cm-s-default {
    border-radius: 3px;
    padding: 0!important
}

.CodeMirror .cm-comment {
    background: inherit!important
}

.repository.file.editor .tab[data-tab=write] {
    padding: 0!important
}

.repository.file.editor .tab[data-tab=write] .editor-toolbar {
    border: 0!important
}

.repository.file.editor .tab[data-tab=write] .CodeMirror {
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.organization {
    padding-top: 15px
}

.organization .head .ui.header .text {
    vertical-align: middle;
    font-size: 1.6rem;
    margin-left: 15px
}

.organization .head .ui.header .ui.right {
    margin-top: 5px
}

.organization.new.org form {
    margin: auto
}

.organization.new.org form .ui.message {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .organization.new.org form {
        width:800px!important
    }

    .organization.new.org form .header {
        padding-left: 280px!important
    }

    .organization.new.org form .inline.field>label {
        text-align: right;
        width: 250px!important;
        word-wrap: break-word
    }

    .organization.new.org form .help {
        margin-left: 265px!important
    }

    .organization.new.org form .optional .title {
        margin-left: 250px!important
    }

    .organization.new.org form input,.organization.new.org form textarea {
        width: 50%!important
    }
}

@media only screen and (max-width: 767px) {
    .organization.new.org form .optional .title {
        margin-left:15px
    }

    .organization.new.org form .inline.field>label {
        display: block
    }
}

.organization.new.org form .header {
    padding-left: 0!important;
    text-align: center
}

.organization.options input {
    min-width: 300px
}

.organization.profile #org-avatar {
    width: 100px;
    height: 100px;
    margin-right: 15px
}

.organization.profile #org-info .ui.header {
    font-size: 36px;
    margin-bottom: 0
}

.organization.profile #org-info .desc {
    font-size: 16px;
    margin-bottom: 10px
}

.organization.profile #org-info .meta .item {
    display: inline-block;
    margin-right: 10px
}

.organization.profile #org-info .meta .item .icon {
    margin-right: 5px
}

.organization.profile .ui.top.header .ui.right {
    margin-top: 0
}

.organization.profile .teams .item {
    padding: 10px 15px
}

.organization.profile .members .ui.avatar,.organization.teams .members .ui.avatar {
    width: 48px;
    height: 48px;
    margin-right: 5px
}

.organization.invite #invite-box {
    margin: 50px auto auto;
    width: 500px!important
}

.organization.invite #invite-box #search-user-box input {
    margin-left: 0;
    width: 300px
}

.organization.invite #invite-box .ui.button {
    margin-left: 5px;
    margin-top: -3px
}

.organization.members .list .item {
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #eee
}

.organization.members .list .item .ui.avatar {
    width: 48px;
    height: 48px
}

.organization.members .list .item .meta {
    line-height: 24px
}

.organization.teams .detail .item {
    padding: 10px 15px
}

.organization.teams .detail .item:not(:last-child) {
    border-bottom: 1px solid #eee
}

.organization.teams .members .item,.organization.teams .repositories .item {
    padding: 10px 20px;
    line-height: 32px
}

.organization.teams .members .item:not(:last-child),.organization.teams .repositories .item:not(:last-child) {
    border-bottom: 1px solid #ddd
}

.organization.teams .members .item .button,.organization.teams .repositories .item .button {
    padding: 9px 10px
}

.organization.teams #add-member-form input,.organization.teams #add-repo-form input,.organization.teams #repo-multiple-form input {
    margin-left: 0
}

.organization.teams #add-member-form .ui.button,.organization.teams #add-repo-form .ui.button,.organization.teams #repo-multiple-form .ui.button {
    margin-left: 5px;
    margin-top: -3px
}

.organization.teams #repo-top-segment {
    height: 60px
}

.user:not(.icon) {
    padding-top: 15px
}

.user.profile .ui.card .username {
    display: block
}

.user.profile .ui.card .extra.content {
    padding: 0
}

.user.profile .ui.card .extra.content ul {
    margin: 0;
    padding: 0
}

.user.profile .ui.card .extra.content ul li {
    padding: 10px;
    list-style: none
}

.user.profile .ui.card .extra.content ul li:not(:last-child) {
    border-bottom: 1px solid #eaeaea
}

.user.profile .ui.card .extra.content ul li .fa,.user.profile .ui.card .extra.content ul li .octicon {
    margin-left: 1px;
    margin-right: 5px
}

.user.profile .ui.card .extra.content ul li.follow .ui.button {
    width: 100%
}

@media only screen and (max-width: 768px) {
    .user.profile .ui.card #profile-avatar {
        height:250px;
        overflow: hidden
    }

    .user.profile .ui.card #profile-avatar img {
        max-height: 768px;
        max-width: 768px
    }
}

@media only screen and (max-width: 768px) {
    .user.profile .ui.card {
        width:100%
    }
}

.user.profile .ui.repository.list {
    margin-top: 25px
}

.user.profile #loading-heatmap {
    margin-bottom: 1em
}

.user.followers .header.name {
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle
}

.user.followers .follow .ui.button {
    padding: 8px 15px
}

.user.notification .octicon {
    float: left;
    font-size: 2em
}

.user.notification .octicon.green {
    color: #21ba45
}

.user.notification .octicon.red {
    color: #d01919
}

.user.notification .octicon.purple {
    color: #a333c8
}

.user.notification .octicon.blue {
    color: #2185d0
}

.user.notification .content {
    float: left;
    margin-left: 7px
}

.user.notification table form {
    display: inline-block
}

.user.notification table button {
    padding: 3px 3px 3px 5px
}

.user.notification table tr {
    cursor: pointer
}

.user.link-account:not(.icon) {
    padding-top: 15px;
    padding-bottom: 5px
}

.user.settings .iconFloat {
    float: left
}

.user-orgs {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin: -3px!important
}

.user-orgs li {
    display: flex;
    border-bottom: 0!important;
    padding: 3px!important;
    width: 20%;
    max-width: 60px
}

.dashboard {
    padding-top: 15px
}

.dashboard.feeds .context.user.menu,.dashboard.issues .context.user.menu {
    z-index: 101;
    min-width: 200px
}

.dashboard.feeds .context.user.menu .ui.header,.dashboard.issues .context.user.menu .ui.header {
    font-size: 1rem;
    text-transform: none
}

.dashboard.feeds .filter.menu,.dashboard.issues .filter.menu {
    width: auto
}

.dashboard.feeds .filter.menu .item,.dashboard.issues .filter.menu .item {
    text-align: left
}

.dashboard.feeds .filter.menu .item .text,.dashboard.issues .filter.menu .item .text {
    height: 16px;
    vertical-align: middle
}

.dashboard.feeds .filter.menu .item .text.truncate,.dashboard.issues .filter.menu .item .text.truncate {
    width: 75%
}

.dashboard.feeds .filter.menu .item .floating.label,.dashboard.issues .filter.menu .item .floating.label {
    top: 7px;
    left: 90%;
    width: 15%
}

@media only screen and (max-width: 768px) {
    .dashboard.feeds .filter.menu .item .floating.label,.dashboard.issues .filter.menu .item .floating.label {
        top:10px;
        left: auto;
        width: auto;
        right: 13px
    }
}

.dashboard.feeds .filter.menu .jump.item,.dashboard.issues .filter.menu .jump.item {
    margin: 1px;
    padding-right: 0
}

.dashboard.feeds .filter.menu .menu,.dashboard.issues .filter.menu .menu {
    max-height: 300px;
    overflow-x: auto;
    right: 0!important;
    left: auto!important
}

@media only screen and (max-width: 768px) {
    .dashboard.feeds .filter.menu,.dashboard.issues .filter.menu {
        width:100%
    }
}

.dashboard.feeds .right.stackable.menu>.item.active,.dashboard.issues .right.stackable.menu>.item.active {
    color: #d9453d
}

.dashboard .dashboard-repos {
    margin: 0 1px
}

.dashboard .dashboard-navbar {
    width: 100vw;
    padding: 0 .5rem
}

.feeds .news>.ui.grid {
    margin-left: auto;
    margin-right: auto
}

.feeds .news .ui.avatar {
    margin-top: 13px
}

.feeds .news .time-since {
    font-size: 13px
}

.feeds .news .issue.title {
    width: 80%
}

.feeds .news .push.news .content ul {
    font-size: 13px;
    list-style: none;
    padding-left: 10px
}

.feeds .news .push.news .content ul img {
    margin-bottom: -2px
}

.feeds .news .push.news .content ul .text.truncate {
    width: 80%;
    margin-bottom: -5px
}

.feeds .news .commit-id {
    font-family: SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace
}

.feeds .news code {
    padding: 1px;
    font-size: 85%;
    background-color: rgba(0,0,0,.04);
    border-radius: 3px;
    word-break: break-all
}

.feeds .list .header .ui.label {
    margin-top: -4px;
    padding: 4px 5px;
    font-weight: 400
}

.feeds .list .header .plus.icon {
    margin-top: 5px
}

.feeds .list ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.feeds .list ul li:not(:last-child) {
    border-bottom: 1px solid #ebebeb
}

.feeds .list ul li.private {
    background-color: #fcf8e9
}

.feeds .list ul li a {
    padding: 6px 1.2em;
    display: block
}

.feeds .list ul li a .octicon {
    color: #888
}

.feeds .list ul li a .octicon.rear {
    font-size: 15px
}

.feeds .list ul li a .star-num {
    font-size: 12px
}

.feeds .list .repo-owner-name-list .item-name {
    max-width: 70%;
    margin-bottom: -4px
}

.feeds .list #collaborative-repo-list .owner-and-repo {
    max-width: 80%;
    margin-bottom: -5px
}

.feeds .list #collaborative-repo-list .owner-name {
    max-width: 120px;
    margin-bottom: -5px
}

.admin {
    padding-top: 15px
}

.admin .table.segment {
    padding: 0;
    font-size: 13px
}

.admin .table.segment:not(.striped) {
    padding-top: 5px
}

.admin .table.segment:not(.striped) thead th:last-child {
    padding-right: 5px!important
}

.admin .table.segment th {
    padding-top: 5px;
    padding-bottom: 5px
}

.admin .table.segment:not(.select) td:first-of-type,.admin .table.segment:not(.select) th:first-of-type {
    padding-left: 15px!important
}

.admin .table.segment form tbody button[type=submit] {
    padding: 5px 8px
}

.admin .ui.header,.admin .ui.segment {
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15)
}

.admin.user .email {
    max-width: 200px
}

.admin dl.admin-dl-horizontal {
    padding: 20px;
    margin: 0
}

.admin dl.admin-dl-horizontal dd {
    margin-left: 275px
}

.admin dl.admin-dl-horizontal dt {
    font-weight: bolder;
    float: left;
    width: 285px;
    clear: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.admin.config #test-mail-btn {
    margin-left: 5px
}

.admin code,.admin pre {
    white-space: pre-wrap;
    word-wrap: break-word
}

.explore {
    padding-top: 15px
}

.explore .navbar {
    justify-content: center;
    padding-top: 15px!important;
    margin-top: -15px!important;
    margin-bottom: 15px!important;
    background-color: #fafafa!important;
    border-width: 1px!important
}

.explore .navbar .octicon {
    width: 16px;
    text-align: center;
    margin-right: 5px
}

.ui.repository.list .item {
    padding-bottom: 25px
}

.ui.repository.list .item:not(:first-child) {
    border-top: 1px solid #eee;
    padding-top: 25px
}

.ui.repository.list .item .ui.header {
    font-size: 1.5rem;
    padding-bottom: 10px
}

.ui.repository.list .item .ui.header .name {
    word-break: break-all
}

.ui.repository.list .item .ui.header .metas {
    color: #888;
    font-size: 14px;
    font-weight: 400
}

.ui.repository.list .item .ui.header .metas span:not(:last-child) {
    margin-right: 5px
}

.ui.repository.list .item .time {
    font-size: 12px;
    color: grey
}

.ui.repository.list .item .ui.tags {
    margin-bottom: 1em
}

.ui.repository.list .item .ui.avatar.image {
    width: 24px;
    height: 24px
}

.ui.repository.branches .info {
    font-size: 12px;
    color: grey;
    display: flex;
    white-space: pre
}

.ui.repository.branches .info .commit-message {
    max-width: 72em;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui.repository.branches .overflow-visible {
    overflow: visible
}

.ui.user.list .item {
    padding-bottom: 25px
}

.ui.user.list .item:not(:first-child) {
    border-top: 1px solid #eee;
    padding-top: 25px
}

.ui.user.list .item .ui.avatar.image {
    width: 40px;
    height: 40px
}

.ui.user.list .item .description {
    margin-top: 5px
}

.ui.user.list .item .description .octicon:not(:first-child) {
    margin-left: 5px
}

.ui.user.list .item .description a {
    color: #333
}

.ui.user.list .item .description a:hover {
    text-decoration: underline
}

.ui.button.add-code-comment {
    font-size: 14px;
    height: 16px;
    line-height: 16px!important;
    padding: 0;
    position: relative;
    width: 16px;
    z-index: 5;
    float: left;
    margin: 2px -10px 2px -20px;
    opacity: 0;
    transition: transform .1s ease-in-out;
    transform: scale(1)
}

.ui.button.add-code-comment:hover {
    transform: scale(1.2)
}

.focus-lines-new .ui.button.add-code-comment.add-code-comment-right,.focus-lines-old .ui.button.add-code-comment.add-code-comment-left {
    opacity: 1
}

.comment-code-cloud {
    padding: 4px;
    position: relative;
    border: 1px solid #f1f1f1;
    margin: 13px 10px 5px auto
}

.comment-code-cloud:before {
    content: " ";
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #f1f1f1;
    left: 20px;
    position: absolute;
    top: -13px
}

.comment-code-cloud .attached.tab {
    border: 0;
    padding: 0;
    margin: 0
}

.comment-code-cloud .attached.tab.markdown {
    padding: 1em;
    min-height: 168px
}

.comment-code-cloud .attached.header {
    padding: .1rem 1rem
}

.comment-code-cloud .right.menu.options .item {
    padding: .85714286em .442857em;
    cursor: pointer
}

.comment-code-cloud .ui.form textarea {
    border: 0
}

.comment-code-cloud .ui.attached.tabular.menu {
    background: #f7f7f7;
    border: 1px solid #d4d4d5;
    padding-top: 5px;
    padding-left: 5px;
    margin-top: 0
}

.comment-code-cloud .footer {
    border-top: 1px solid #f1f1f1;
    margin-top: 10px
}

.comment-code-cloud .footer .markdown-info {
    display: inline-block;
    margin: 5px 0;
    font-size: 12px;
    color: rgba(0,0,0,.6)
}

.comment-code-cloud .footer .ui.right.floated {
    padding-top: 6px
}

.comment-code-cloud .footer:after {
    clear: both;
    content: "";
    display: block
}

.comment-code-cloud button.comment-form-reply {
    margin: .5em .5em .5em 4.5em
}

.comment-code-cloud form.comment-form-reply {
    margin: 0 0 0 4em
}

.file-comment {
    font: 12px SF Mono,Consolas,Menlo,Liberation Mono,Monaco,Lucida Console,monospace;
    color: rgba(0,0,0,.87)
}

.ui.fold-code {
    margin-right: 1em;
    padding-left: 5px;
    cursor: pointer;
    width: 22px;
    font-size: 12px
}

.ui.fold-code:hover {
    color: #428bca
}

.ui.blob-excerpt {
    display: block;
    line-height: 20px;
    font-size: 16px;
    cursor: pointer
}

.ui.blob-excerpt:hover {
    color: #428bca
}

@media only screen and (max-width: 768px) {
    #review-box>.menu>.ui.segment {
        width:94vw
    }

    #review-box>.menu .editor-toolbar {
        overflow-x: auto
    }

    #review-box .CodeMirror-scroll {
        max-width: calc(100vw - 70px)
    }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    #review-box .CodeMirror-scroll {
        max-width:700px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    #review-box .CodeMirror-scroll {
        max-width:800px
    }
}

@media only screen and (min-width: 1200px) {
    #review-box .CodeMirror-scroll {
        max-width:900px
    }
}