nixin-farm/nixin_farm_ssr/assets/static/fj_index.css

21059 lines
476 KiB
CSS
Raw Permalink Normal View History

2024-10-24 02:17:56 +00:00
ul[data-v-a3ebb2f6] {
list-style:none;
margin:0;
padding-left:0
}
ul li[data-v-a3ebb2f6] {
padding:0 10px
}
ul li[data-v-a3ebb2f6]:not(:last-child) {
border-bottom:1px solid var(--color-secondary)
}
.repos-search[data-v-a3ebb2f6] {
padding-bottom:0!important
}
.repos-filter[data-v-a3ebb2f6] {
padding-top:0!important;
margin-top:0!important;
border-bottom-width:0!important;
margin-bottom:2px!important
}
.repos-filter .item[data-v-a3ebb2f6] {
padding-left:6px!important;
padding-right:6px!important
}
.repo-list-link[data-v-a3ebb2f6] {
min-width:0;
display:flex;
align-items:center;
flex:1;
gap:.5rem
}
.repo-list-link .svg[data-v-a3ebb2f6] {
color:var(--color-text-light-2)
}
.repo-list-icon[data-v-a3ebb2f6] {
min-width:16px;
margin-right:2px
}
.repo-list-icon.octicon-mirror[data-v-a3ebb2f6] {
width:14px;
min-width:14px;
margin-left:1px;
margin-right:3px
}
.repo-owner-name-list li.active[data-v-a3ebb2f6] {
background:var(--color-hover)
}
a[data-v-9574f84c],
a[data-v-9574f84c]:hover {
text-decoration:none;
color:var(--color-text)
}
.sub-items[data-v-9574f84c] {
display:flex;
flex-direction:column;
gap:1px;
margin-left:13px;
border-left:1px solid var(--color-secondary)
}
.sub-items .item-file[data-v-9574f84c] {
padding-left:18px
}
.item-file.selected[data-v-9574f84c] {
color:var(--color-text);
background:var(--color-active);
border-radius:4px
}
.item-file.viewed[data-v-9574f84c] {
color:var(--color-text-light-3)
}
.item-file[data-v-9574f84c],
.item-directory[data-v-9574f84c] {
display:flex;
align-items:center;
gap:.25em;
padding:3px 6px
}
.item-file[data-v-9574f84c]:hover,
.item-directory[data-v-9574f84c]:hover {
color:var(--color-text);
background:var(--color-hover);
border-radius:4px;
cursor:pointer
}
.diff-file-tree-items[data-v-3385ef54] {
display:flex;
flex-direction:column;
gap:1px;
margin-right:.5rem
}
.hovered[data-v-69d19822]:not(.selection) {
background-color:var(--color-small-accent)!important
}
.selection[data-v-69d19822] {
background-color:var(--color-accent)!important
}
.info[data-v-69d19822] {
display:inline-block;
padding:7px 14px!important;
line-height:1.4;
width:100%
}
#diff-commit-selector-menu[data-v-69d19822] {
overflow-x:hidden;
max-height:450px
}
#diff-commit-selector-menu .loading-indicator[data-v-69d19822] {
height:200px;
width:350px
}
#diff-commit-selector-menu .item[data-v-69d19822],
#diff-commit-selector-menu .info[data-v-69d19822] {
display:flex!important;
flex-direction:row;
line-height:1.4;
padding:7px 14px!important;
border-top:1px solid var(--color-secondary)!important;
gap:.25em
}
#diff-commit-selector-menu .item[data-v-69d19822]:focus {
color:var(--color-text);
background:var(--color-hover)
}
#diff-commit-selector-menu .commit-list-summary[data-v-69d19822] {
max-width:min(380px,96vw)
}
.branch-tag-tab[data-v-363a532f] {
padding:0 10px
}
.branch-tag-item[data-v-363a532f] {
display:inline-block;
padding:10px;
border:1px solid transparent;
border-bottom:none
}
.branch-tag-item.active[data-v-363a532f] {
border-color:var(--color-secondary);
background:var(--color-menu);
border-top-left-radius:var(--border-radius);
border-top-right-radius:var(--border-radius)
}
.branch-tag-divider[data-v-363a532f] {
margin-top:-1px!important;
border-top:1px solid var(--color-secondary)
}
.scrolling.menu[data-v-363a532f] {
border-top:none!important
}
.menu .item .rss-icon[data-v-363a532f] {
display:none
}
.menu .item:hover .rss-icon[data-v-363a532f] {
display:inline-block
}
.scrolling.menu .loading-indicator[data-v-363a532f] {
height:4em
}
.ui.dropdown .menu.show[data-v-4e855095] {
display:block
}
.ui.checkbox label[data-v-4e855095] {
cursor:pointer
}
.ui.merge-button[data-v-4e855095] {
position:relative
}
.ui.merge-button .ui.dropdown[data-v-4e855095] {
position:static
}
.ui.merge-button>.ui.dropdown:last-child>.menu[data-v-4e855095]:not(.left) {
left:0;
right:auto
}
.ui.merge-button .ui.dropdown .menu>.item[data-v-4e855095] {
display:flex;
align-items:stretch;
padding:0!important
}
.action-text[data-v-4e855095] {
padding:.8rem;
flex:1
}
.auto-merge-small[data-v-4e855095] {
width:40px;
display:flex;
align-items:center;
justify-content:center;
position:relative
}
.auto-merge-small .auto-merge-tip[data-v-4e855095] {
display:none;
left:38px;
top:-1px;
bottom:-1px;
position:absolute;
align-items:center;
color:var(--color-info-text);
background-color:var(--color-info-bg);
border:1px solid var(--color-info-border);
border-left:none;
padding-right:1rem
}
.auto-merge-small[data-v-4e855095]:hover {
color:var(--color-info-text);
background-color:var(--color-info-bg);
border:1px solid var(--color-info-border)
}
.auto-merge-small:hover .auto-merge-tip[data-v-4e855095] {
display:flex
}
.action-view-body[data-v-74c949c6] {
padding-top:12px;
padding-bottom:12px;
display:flex;
gap:12px
}
.action-view-header[data-v-74c949c6] {
margin-top:8px
}
.action-info-summary[data-v-74c949c6] {
display:flex;
align-items:center;
justify-content:space-between;
gap:8px
}
.action-info-summary-title[data-v-74c949c6] {
display:flex
}
.action-info-summary-title-text[data-v-74c949c6] {
font-size:20px;
margin:0 0 0 8px;
flex:1;
overflow-wrap:anywhere
}
.action-summary[data-v-74c949c6] {
display:flex;
flex-wrap:wrap;
gap:5px;
margin-left:28px
}
@media (max-width: 767.98px) {
.action-commit-summary[data-v-74c949c6] {
margin-left:0;
margin-top:8px
}
}
.action-view-left[data-v-74c949c6] {
width:30%;
max-width:400px;
position:sticky;
top:12px;
max-height:100vh;
overflow-y:auto;
background:var(--color-body);
z-index:2
}
@media (max-width: 767.98px) {
.action-view-left[data-v-74c949c6] {
position:static
}
}
.job-artifacts-title[data-v-74c949c6] {
font-size:18px;
margin-top:16px;
padding:16px 10px 0 20px;
border-top:1px solid var(--color-secondary)
}
.job-artifacts-item[data-v-74c949c6] {
margin:5px 0;
padding:6px;
display:flex;
justify-content:space-between
}
.job-artifacts-list[data-v-74c949c6] {
padding-left:12px;
list-style:none
}
.job-artifacts-icon[data-v-74c949c6] {
padding-right:3px
}
.job-brief-list[data-v-74c949c6] {
display:flex;
flex-direction:column;
gap:8px
}
.job-brief-item[data-v-74c949c6] {
padding:10px;
border-radius:var(--border-radius);
text-decoration:none;
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
color:var(--color-text)
}
.job-brief-item[data-v-74c949c6]:hover {
background-color:var(--color-hover)
}
.job-brief-item.selected[data-v-74c949c6] {
font-weight:var(--font-weight-bold);
background-color:var(--color-active)
}
.job-brief-item[data-v-74c949c6]:first-of-type {
margin-top:0
}
.job-brief-item .job-brief-rerun[data-v-74c949c6] {
cursor:pointer;
transition:transform .2s
}
.job-brief-item .job-brief-rerun[data-v-74c949c6]:hover {
transform:scale(1.3)
}
.job-brief-item .job-brief-item-left[data-v-74c949c6] {
display:flex;
width:100%;
min-width:0
}
.job-brief-item .job-brief-item-left span[data-v-74c949c6] {
display:flex;
align-items:center
}
.job-brief-item .job-brief-item-left .job-brief-name[data-v-74c949c6] {
display:block;
width:70%
}
.job-brief-item .job-brief-item-right[data-v-74c949c6] {
display:flex;
align-items:center
}
.action-view-right[data-v-74c949c6] {
flex:1;
color:var(--color-console-fg-subtle);
max-height:100%;
width:70%;
display:flex;
flex-direction:column;
border:1px solid var(--color-console-border);
border-radius:var(--border-radius);
background:var(--color-console-bg);
align-self:flex-start
}
.action-view-right .ui.button[data-v-74c949c6],
.action-view-right .ui.button[data-v-74c949c6]:focus {
background:transparent;
color:var(--color-console-fg-subtle)
}
.action-view-right .ui.button[data-v-74c949c6]:hover {
background:var(--color-console-hover-bg);
color:var(--color-console-fg)
}
.action-view-right .ui.button[data-v-74c949c6]:active {
background:var(--color-console-active-bg);
color:var(--color-console-fg)
}
.action-view-right .ui.dropdown .menu[data-v-74c949c6] {
background:var(--color-console-menu-bg);
border-color:var(--color-console-menu-border)
}
.action-view-right .ui.dropdown .menu>.item[data-v-74c949c6] {
color:var(--color-console-fg)
}
.action-view-right .ui.dropdown .menu>.item[data-v-74c949c6]:hover {
color:var(--color-console-fg);
background:var(--color-console-hover-bg)
}
.action-view-right .ui.dropdown .menu>.item[data-v-74c949c6]:active {
color:var(--color-console-fg);
background:var(--color-console-active-bg)
}
.action-view-right .ui.dropdown .menu>.divider[data-v-74c949c6] {
border-top-color:var(--color-console-menu-border)
}
.action-view-right .ui.pointing.dropdown>.menu[data-v-74c949c6]:not(.hidden):after {
background:var(--color-console-menu-bg);
box-shadow:-1px -1px 0 0 var(--color-console-menu-border)
}
.job-info-header[data-v-74c949c6] {
display:flex;
justify-content:space-between;
align-items:center;
padding:0 12px;
position:sticky;
top:0;
height:60px;
z-index:1;
background:var(--color-console-bg);
border-radius:3px
}
.job-info-header[data-v-74c949c6]:has(+.job-step-container) {
border-radius:var(--border-radius) var(--border-radius) 0 0
}
.job-info-header .job-info-header-title[data-v-74c949c6] {
color:var(--color-console-fg);
font-size:16px;
margin:0
}
.job-info-header .job-info-header-detail[data-v-74c949c6] {
color:var(--color-console-fg-subtle);
font-size:12px
}
.job-info-header-left[data-v-74c949c6] {
flex:1
}
.job-step-container[data-v-74c949c6] {
max-height:100%;
border-radius:0 0 var(--border-radius) var(--border-radius);
border-top:1px solid var(--color-console-border);
z-index:0
}
.job-step-container .job-step-summary[data-v-74c949c6] {
padding:5px 10px;
display:flex;
align-items:center;
border-radius:var(--border-radius)
}
.job-step-container .job-step-summary.step-expandable[data-v-74c949c6] {
cursor:pointer
}
.job-step-container .job-step-summary.step-expandable[data-v-74c949c6]:hover {
color:var(--color-console-fg);
background:var(--color-console-hover-bg)
}
.job-step-container .job-step-summary .step-summary-msg[data-v-74c949c6] {
flex:1
}
.job-step-container .job-step-summary .step-summary-duration[data-v-74c949c6] {
margin-left:16px
}
.job-step-container .job-step-summary.selected[data-v-74c949c6] {
color:var(--color-console-fg);
background-color:var(--color-console-active-bg);
position:sticky;
top:60px
}
@media (max-width: 767.98px) {
.action-view-body[data-v-74c949c6] {
flex-direction:column
}
.action-view-left[data-v-74c949c6],
.action-view-right[data-v-74c949c6] {
width:100%
}
.action-view-left[data-v-74c949c6] {
max-width:none
}
}
.job-status-rotate {
animation:job-status-rotate-keyframes 1s linear infinite
}
@keyframes job-status-rotate-keyframes {
to {
transform:rotate(-360deg)
}
}
.job-step-section {
margin:10px
}
.job-step-section .job-step-logs {
font-family:var(--fonts-monospace);
margin:8px 0;
font-size:12px
}
.job-step-section .job-step-logs .job-log-line {
display:flex
}
.job-log-line:hover,
.job-log-line:target {
background-color:var(--color-console-hover-bg)
}
.job-log-line:target {
scroll-margin-top:95px
}
.job-log-line .line-num,
.log-time-seconds {
width:48px;
color:var(--color-text-light-3);
text-align:right;
user-select:none
}
.job-log-line:target>.line-num {
color:var(--color-primary);
text-decoration:underline
}
.log-time-seconds {
padding-right:2px
}
.job-log-line .log-time,
.log-time-stamp {
color:var(--color-text-light-3);
margin-left:10px;
white-space:nowrap
}
.job-step-section .job-step-logs .job-log-line .log-msg {
flex:1;
word-break:break-all;
white-space:break-spaces;
margin-left:10px;
overflow-wrap:anywhere
}
.full.height>.action-view-right {
width:100%;
height:100%;
padding:0;
border-radius:0
}
.full.height>.action-view-right>.job-info-header {
border-radius:0
}
.full.height>.action-view-right>.job-step-container {
height:calc(100% - 60px);
border-radius:0
}
.job-log-list.hidden {
display:none
}
.CodeMirror {
font-family:monospace;
height:300px;
color:#000;
direction:ltr
}
.CodeMirror-lines {
padding:4px 0
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
padding:0 4px
}
.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler {
background-color:#fff
}
.CodeMirror-gutters {
border-right:1px solid #ddd;
background-color:#f7f7f7;
white-space:nowrap
}
.CodeMirror-linenumber {
padding:0 3px 0 5px;
min-width:20px;
text-align:right;
color:#999;
white-space:nowrap
}
.CodeMirror-guttermarker {
color:#000
}
.CodeMirror-guttermarker-subtle {
color:#999
}
.CodeMirror-cursor {
border-left:1px solid #000;
border-right:none;
width:0
}
.CodeMirror div.CodeMirror-secondarycursor {
border-left:1px solid silver
}
.cm-fat-cursor .CodeMirror-cursor {
width:auto;
border:0!important;
background:#7e7
}
.cm-fat-cursor div.CodeMirror-cursors {
z-index:1
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line>span::selection,
.cm-fat-cursor .CodeMirror-line>span>span::selection {
background:0 0
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line>span::-moz-selection,
.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection {
background:0 0
}
.cm-fat-cursor {
caret-color:transparent
}
@-moz-keyframes blink {
50% {
background-color:transparent
}
}
@-webkit-keyframes blink {
50% {
background-color:transparent
}
}
@keyframes blink {
50% {
background-color:transparent
}
}
.cm-tab {
display:inline-block;
text-decoration:inherit
}
.CodeMirror-rulers {
position:absolute;
inset:-50px 0 0;
overflow:hidden
}
.CodeMirror-ruler {
border-left:1px solid #ccc;
top:0;
bottom:0;
position:absolute
}
.cm-s-default .cm-header {
color:#00f
}
.cm-s-default .cm-quote {
color:#090
}
.cm-negative {
color:#d44
}
.cm-positive {
color:#292
}
.cm-header,
.cm-strong {
font-weight:700
}
.cm-em {
font-style:italic
}
.cm-link {
text-decoration:underline
}
.cm-strikethrough {
text-decoration:line-through
}
.cm-s-default .cm-keyword {
color:#708
}
.cm-s-default .cm-atom {
color:#219
}
.cm-s-default .cm-number {
color:#164
}
.cm-s-default .cm-def {
color:#00f
}
.cm-s-default .cm-variable-2 {
color:#05a
}
.cm-s-default .cm-type,
.cm-s-default .cm-variable-3 {
color:#085
}
.cm-s-default .cm-comment {
color:#a50
}
.cm-s-default .cm-string {
color:#a11
}
.cm-s-default .cm-string-2 {
color:#f50
}
.cm-s-default .cm-meta,
.cm-s-default .cm-qualifier {
color:#555
}
.cm-s-default .cm-builtin {
color:#30a
}
.cm-s-default .cm-bracket {
color:#997
}
.cm-s-default .cm-tag {
color:#170
}
.cm-s-default .cm-attribute {
color:#00c
}
.cm-s-default .cm-hr {
color:#999
}
.cm-s-default .cm-link {
color:#00c
}
.cm-s-default .cm-error,
.cm-invalidchar {
color:red
}
.CodeMirror-composing {
border-bottom:2px solid
}
div.CodeMirror span.CodeMirror-matchingbracket {
color:#0b0
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color:#a22
}
.CodeMirror-matchingtag {
background:#ff96004d
}
.CodeMirror-activeline-background {
background:#e8f2ff
}
.CodeMirror {
position:relative;
overflow:hidden;
background:#fff
}
.CodeMirror-scroll {
overflow:scroll!important;
margin-bottom:-50px;
margin-right:-50px;
padding-bottom:50px;
height:100%;
outline:0;
position:relative;
z-index:0
}
.CodeMirror-sizer {
position:relative;
border-right:50px solid transparent
}
.CodeMirror-gutter-filler,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
position:absolute;
z-index:6;
display:none;
outline:0
}
.CodeMirror-vscrollbar {
right:0;
top:0;
overflow-x:hidden;
overflow-y:scroll
}
.CodeMirror-hscrollbar {
bottom:0;
left:0;
overflow-y:hidden;
overflow-x:scroll
}
.CodeMirror-scrollbar-filler {
right:0;
bottom:0
}
.CodeMirror-gutter-filler {
left:0;
bottom:0
}
.CodeMirror-gutters {
position:absolute;
left:0;
top:0;
min-height:100%;
z-index:3
}
.CodeMirror-gutter {
white-space:normal;
height:100%;
display:inline-block;
vertical-align:top;
margin-bottom:-50px
}
.CodeMirror-gutter-wrapper {
position:absolute;
z-index:4;
background:0 0!important;
border:none!important
}
.CodeMirror-gutter-background {
position:absolute;
top:0;
bottom:0;
z-index:4
}
.CodeMirror-gutter-elt {
position:absolute;
cursor:default;
z-index:4
}
.CodeMirror-gutter-wrapper ::selection {
background-color:transparent
}
.CodeMirror-gutter-wrapper ::-moz-selection {
background-color:transparent
}
.CodeMirror-lines {
cursor:text;
min-height:1px
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
border-width:0;
background:0 0;
font-family:inherit;
font-size:inherit;
margin:0;
white-space:pre;
word-wrap:normal;
line-height:inherit;
color:inherit;
z-index:2;
position:relative;
overflow:visible;
-webkit-tap-highlight-color:transparent;
-webkit-font-variant-ligatures:contextual;
font-variant-ligatures:contextual
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
word-wrap:break-word;
white-space:pre-wrap;
word-break:normal
}
.CodeMirror-linebackground {
position:absolute;
inset:0;
z-index:0
}
.CodeMirror-linewidget {
position:relative;
z-index:2;
padding:.1px
}
.CodeMirror-code {
outline:0
}
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer {
-moz-box-sizing:content-box;
box-sizing:content-box
}
.CodeMirror-measure {
position:absolute;
width:100%;
height:0;
overflow:hidden;
visibility:hidden
}
.CodeMirror-cursor {
position:absolute;
pointer-events:none
}
.CodeMirror-measure pre {
position:static
}
div.CodeMirror-cursors {
visibility:hidden;
position:relative;
z-index:3
}
div.CodeMirror-dragcursors,
.CodeMirror-focused div.CodeMirror-cursors {
visibility:visible
}
.CodeMirror-selected {
background:#d9d9d9
}
.CodeMirror-focused .CodeMirror-selected {
background:#d7d4f0
}
.CodeMirror-crosshair {
cursor:crosshair
}
.CodeMirror-line::selection,
.CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
background:#d7d4f0
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
background:#d7d4f0
}
.cm-searching {
background-color:#ffa;
background-color:#ff06
}
.cm-force-border {
padding-right:.1px
}
@media print {
.CodeMirror div.CodeMirror-cursors {
visibility:hidden
}
}
.cm-tab-wrap-hack:after {
content:""
}
span.CodeMirror-selectedtext {
background:0 0
}
.EasyMDEContainer {
display:block
}
.CodeMirror-rtl pre {
direction:rtl
}
.EasyMDEContainer.sided--no-fullscreen {
display:flex;
flex-direction:row;
flex-wrap:wrap
}
.EasyMDEContainer .CodeMirror {
box-sizing:border-box;
height:auto;
border:1px solid #ced4da;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
padding:10px;
font:inherit;
z-index:0;
word-wrap:break-word
}
.EasyMDEContainer .CodeMirror-scroll {
cursor:text
}
.EasyMDEContainer .CodeMirror-fullscreen {
background:#fff;
position:fixed!important;
inset:50px 0 0;
height:auto;
z-index:8;
border-right:none!important;
border-bottom-right-radius:0!important
}
.EasyMDEContainer .CodeMirror-sided {
width:50%!important
}
.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided {
border-right:none!important;
border-bottom-right-radius:0;
position:relative;
flex:1 1 auto
}
.EasyMDEContainer .CodeMirror-placeholder {
opacity:.5
}
.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected {
background:#d9d9d9
}
.editor-toolbar {
position:relative;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
padding:9px 10px;
border-top:1px solid #ced4da;
border-left:1px solid #ced4da;
border-right:1px solid #ced4da;
border-top-left-radius:4px;
border-top-right-radius:4px
}
.editor-toolbar.fullscreen {
width:100%;
height:50px;
padding-top:10px;
padding-bottom:10px;
box-sizing:border-box;
background:#fff;
border:0;
position:fixed;
top:0;
left:0;
opacity:1;
z-index:9
}
.editor-toolbar.fullscreen:before {
width:20px;
height:50px;
background:-moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0)));
background:-webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
background:-o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
background:-ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%);
background:linear-gradient(to right,#fff 0,#fff0);
position:fixed;
top:0;
left:0;
margin:0;
padding:0
}
.editor-toolbar.fullscreen:after {
width:20px;
height:50px;
background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
background:-o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
background:linear-gradient(to right,#fff0 0,#fff);
position:fixed;
top:0;
right:0;
margin:0;
padding:0
}
.EasyMDEContainer.sided--no-fullscreen .editor-toolbar {
width:100%
}
.editor-toolbar .easymde-dropdown,
.editor-toolbar button {
background:0 0;
display:inline-block;
text-align:center;
text-decoration:none!important;
height:30px;
margin:0;
padding:0;
border:1px solid transparent;
border-radius:3px;
cursor:pointer
}
.editor-toolbar button {
font-weight:700;
min-width:30px;
padding:0 6px;
white-space:nowrap
}
.editor-toolbar button.active,
.editor-toolbar button:hover {
background:#fcfcfc;
border-color:#95a5a6
}
.editor-toolbar i.separator {
display:inline-block;
width:0;
border-left:1px solid #d9d9d9;
border-right:1px solid #fff;
color:transparent;
text-indent:-10px;
margin:0 6px
}
.editor-toolbar button:after {
font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
font-size:65%;
vertical-align:text-bottom;
position:relative;
top:2px
}
.editor-toolbar button.heading-1:after {
content:"1"
}
.editor-toolbar button.heading-2:after {
content:"2"
}
.editor-toolbar button.heading-3:after {
content:"3"
}
.editor-toolbar button.heading-bigger:after {
content:"\25b2"
}
.editor-toolbar button.heading-smaller:after {
content:"\25bc"
}
.editor-toolbar.disabled-for-preview button:not(.no-disable) {
opacity:.6;
pointer-events:none
}
@media only screen and (max-width:700px) {
.editor-toolbar i.no-mobile {
display:none
}
}
.editor-statusbar {
padding:8px 10px;
font-size:12px;
color:#959694;
text-align:right
}
.EasyMDEContainer.sided--no-fullscreen .editor-statusbar {
width:100%
}
.editor-statusbar span {
display:inline-block;
min-width:4em;
margin-left:1em
}
.editor-statusbar .lines:before {
content:"lines: "
}
.editor-statusbar .words:before {
content:"words: "
}
.editor-statusbar .characters:before {
content:"characters: "
}
.editor-preview-full {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:7;
overflow:auto;
display:none;
box-sizing:border-box
}
.editor-preview-side {
position:fixed;
bottom:0;
width:50%;
top:50px;
right:0;
z-index:9;
overflow:auto;
display:none;
box-sizing:border-box;
border:1px solid #ddd;
word-wrap:break-word
}
.editor-preview-active-side {
display:block
}
.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side {
flex:1 1 auto;
height:auto;
position:static
}
.editor-preview-active {
display:block
}
.editor-preview {
padding:10px;
background:#fafafa
}
.editor-preview>p {
margin-top:0
}
.editor-preview pre {
background:#eee;
margin-bottom:10px
}
.editor-preview table td,
.editor-preview table th {
border:1px solid #ddd;
padding:5px
}
.cm-s-easymde .cm-tag {
color:#63a35c
}
.cm-s-easymde .cm-attribute {
color:#795da3
}
.cm-s-easymde .cm-string {
color:#183691
}
.cm-s-easymde .cm-header-1 {
font-size:calc(1.375rem + 1.5vw)
}
.cm-s-easymde .cm-header-2 {
font-size:calc(1.325rem + .9vw)
}
.cm-s-easymde .cm-header-3 {
font-size:calc(1.3rem + .6vw)
}
.cm-s-easymde .cm-header-4 {
font-size:calc(1.275rem + .3vw)
}
.cm-s-easymde .cm-header-5 {
font-size:1.25rem
}
.cm-s-easymde .cm-header-6 {
font-size:1rem
}
.cm-s-easymde .cm-header-1,
.cm-s-easymde .cm-header-2,
.cm-s-easymde .cm-header-3,
.cm-s-easymde .cm-header-4,
.cm-s-easymde .cm-header-5,
.cm-s-easymde .cm-header-6 {
margin-bottom:.5rem;
line-height:1.2
}
.cm-s-easymde .cm-comment {
background:#0000000d;
border-radius:2px
}
.cm-s-easymde .cm-link {
color:#7f8c8d
}
.cm-s-easymde .cm-url {
color:#aab2b3
}
.cm-s-easymde .cm-quote {
color:#7f8c8d;
font-style:italic
}
.editor-toolbar .easymde-dropdown {
position:relative;
background:linear-gradient(to bottom right,#fff 0 84%,#333 50% 100%);
border-radius:0;
border:1px solid #fff
}
.editor-toolbar .easymde-dropdown:hover {
background:linear-gradient(to bottom right,#fff 0 84%,#333 50% 100%)
}
.easymde-dropdown-content {
display:block;
visibility:hidden;
position:absolute;
background-color:#f9f9f9;
box-shadow:0 8px 16px #0003;
padding:8px;
z-index:2;
top:30px
}
.easymde-dropdown:active .easymde-dropdown-content,
.easymde-dropdown:focus .easymde-dropdown-content,
.easymde-dropdown:focus-within .easymde-dropdown-content {
visibility:visible
}
.easymde-dropdown-content button {
display:block
}
span[data-img-src]:after {
content:"";
background-image:var(--bg-image);
display:block;
max-height:100%;
max-width:100%;
background-size:contain;
height:0;
padding-top:var(--height);
width:var(--width);
background-repeat:no-repeat
}
.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
background:#ff000026
}
.ui.button {
cursor:pointer;
display:inline-block;
min-height:1em;
outline:none;
border:none;
vertical-align:baseline;
background:#e0e1e2 none;
color:#0009;
font-family:var(--fonts-regular);
margin:0 .25em 0 0;
padding:.78571429em 1.5em;
text-transform:none;
text-shadow:none;
font-weight:500;
line-height:1em;
font-style:normal;
text-align:center;
text-decoration:none;
border-radius:.28571429rem;
box-shadow:0 0 0 1px transparent inset,0 0 #22242626 inset;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
will-change:auto;
-webkit-tap-highlight-color:transparent
}
.ui.button:hover {
background-color:#cacbcd;
background-image:none;
box-shadow:0 0 0 1px transparent inset,0 0 #22242626 inset;
color:#000c
}
.ui.button:hover .icon {
opacity:.85
}
.ui.button:focus {
background-color:#cacbcd;
color:#000c;
background-image:none;
box-shadow:""
}
.ui.button:focus .icon {
opacity:.85
}
.ui.button:active,
.ui.active.button:active {
background-color:#babbbc;
background-image:"";
color:#000000e6;
box-shadow:0 0 0 1px transparent inset,none
}
.ui.active.button {
background-color:#c0c1c2;
background-image:none;
box-shadow:0 0 0 1px transparent inset;
color:#000000f2
}
.ui.active.button:hover {
background-color:#c0c1c2;
background-image:none;
color:#000000f2
}
.ui.active.button:active {
background-color:#c0c1c2;
background-image:none
}
.ui.loading.loading.loading.loading.loading.loading.button {
position:relative;
cursor:default;
text-shadow:none!important;
color:transparent;
opacity:1;
pointer-events:auto;
transition:all 0s linear,opacity .1s ease
}
.ui.loading.button:before {
position:absolute;
content:"";
top:50%;
left:50%;
margin:-.64285714em 0 0 -.64285714em;
width:1.28571429em;
height:1.28571429em;
border-radius:500rem;
border:.2em solid rgba(0,0,0,.15)
}
.ui.loading.button:after {
position:absolute;
content:"";
top:50%;
left:50%;
margin:-.64285714em 0 0 -.64285714em;
width:1.28571429em;
height:1.28571429em;
border-radius:500rem;
animation:loader .6s infinite linear;
border:.2em solid currentColor;
color:#fff;
box-shadow:0 0 0 1px transparent
}
.ui.labeled.icon.loading.button .icon {
background-color:transparent;
box-shadow:none
}
.ui.basic.loading.button:not(.inverted):before {
border-color:#0000001a
}
.ui.basic.loading.button:not(.inverted):after {
border-color:#767676
}
.ui.buttons .disabled.button:not(.basic),
.ui.disabled.button,
.ui.button:disabled,
.ui.disabled.button:hover,
.ui.disabled.active.button {
cursor:default;
opacity:var(--opacity-disabled)!important;
background-image:none;
box-shadow:none;
pointer-events:none!important
}
.ui.basic.buttons .ui.disabled.button {
border-color:#22242680
}
.ui.labeled.button:not(.icon) {
display:inline-flex;
flex-direction:row;
background:none;
padding:0!important;
border:none;
box-shadow:none
}
.ui.labeled.button>.button {
margin:0
}
.ui.labeled.button>.label {
display:flex;
align-items:center;
margin:0 0 0 -1px!important;
font-size:1em;
padding:"";
border-color:#22242626
}
.ui.labeled.button>.tag.label:before {
width:1.85em;
height:1.85em
}
.ui.labeled.button:not([class*="left labeled"])>.button {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.ui.labeled.button:not([class*="left labeled"])>.label {
border-top-left-radius:0;
border-bottom-left-radius:0
}
.ui[class*="left labeled"].button>.button {
border-top-left-radius:0;
border-bottom-left-radius:0
}
.ui[class*="left labeled"].button>.label {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.ui.button>.icon:not(.button) {
height:auto;
opacity:.8;
transition:opacity .1s ease;
color:""
}
.ui.button:not(.icon)>.icon:not(.button):not(.dropdown),
.ui.button:not(.icon)>.icons:not(.button):not(.dropdown) {
margin:0 .42857143em 0 -.21428571em;
vertical-align:baseline
}
.ui.button:not(.icon)>.icons:not(.button):not(.dropdown)>.icon {
vertical-align:baseline
}
.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown) {
margin:0 -.21428571em 0 .42857143em
}
.ui[class*="left floated"].buttons,
.ui[class*="left floated"].button {
float:left;
margin-left:0;
margin-right:.25em
}
.ui[class*="right floated"].buttons,
.ui[class*="right floated"].button {
float:right;
margin-right:0;
margin-left:.25em
}
.ui.compact.buttons .button,
.ui.compact.button {
padding:.58928571em 1.125em
}
.ui.compact.icon.buttons .button,
.ui.compact.icon.button {
padding:.58928571em
}
.ui.compact.labeled.icon.buttons .button,
.ui.compact.labeled.icon.button {
padding:.58928571em 3.69642857em
}
.ui.compact.labeled.icon.buttons .button>.icon,
.ui.compact.labeled.icon.button>.icon {
padding:.58928571em 0
}
.ui.buttons .button,
.ui.buttons .or,
.ui.button {
font-size:1rem
}
.ui.mini.buttons .dropdown,
.ui.mini.buttons .dropdown .menu>.item,
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.ui.ui.ui.mini.button {
font-size:.78571429rem
}
.ui.tiny.buttons .dropdown,
.ui.tiny.buttons .dropdown .menu>.item,
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.ui.ui.ui.tiny.button {
font-size:.85714286rem
}
.ui.small.buttons .dropdown,
.ui.small.buttons .dropdown .menu>.item,
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.ui.ui.ui.small.button {
font-size:.92857143rem
}
.ui.large.buttons .dropdown,
.ui.large.buttons .dropdown .menu>.item,
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.ui.ui.ui.large.button {
font-size:1.14285714rem
}
.ui.big.buttons .dropdown,
.ui.big.buttons .dropdown .menu>.item,
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.ui.ui.ui.big.button {
font-size:1.28571429rem
}
.ui.huge.buttons .dropdown,
.ui.huge.buttons .dropdown .menu>.item,
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.ui.ui.ui.huge.button {
font-size:1.42857143rem
}
.ui.massive.buttons .dropdown,
.ui.massive.buttons .dropdown .menu>.item,
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.ui.ui.ui.massive.button {
font-size:1.71428571rem
}
.ui.icon.buttons .button,
.ui.icon.button:not(.animated):not(.compact) {
padding:.78571429em
}
.ui.animated.icon.button>.content>.icon,
.ui.icon.buttons .button>.icon,
.ui.icon.button>.icon {
opacity:.9;
margin:0!important;
vertical-align:top
}
.ui.animated.button>.content>.icon {
vertical-align:top
}
.ui.basic.buttons .button,
.ui.basic.button {
background:transparent none;
color:#0009;
font-weight:400;
border-radius:.28571429rem;
text-transform:none;
text-shadow:none!important;
box-shadow:0 0 0 1px #22242626 inset
}
.ui.basic.buttons {
box-shadow:none;
border:1px solid rgba(34,36,38,.15);
border-radius:.28571429rem
}
.ui.basic.buttons .button {
border-radius:0
}
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
background:#fff;
color:#000c;
box-shadow:0 0 0 1px #22242659 inset,0 0 #22242626 inset
}
.ui.basic.buttons .button:focus,
.ui.basic.button:focus {
background:#fff;
color:#000c;
box-shadow:0 0 0 1px #22242659 inset,0 0 #22242626 inset
}
.ui.basic.buttons .button:active,
.ui.basic.button:active {
background:#f8f8f8;
color:#000000e6;
box-shadow:0 0 0 1px #00000026 inset,0 1px 4px #22242626 inset
}
.ui.basic.buttons .active.button,
.ui.basic.active.button {
background:#0000000d;
box-shadow:"";
color:#000000f2
}
.ui.basic.buttons .active.button:hover,
.ui.basic.active.button:hover {
background-color:#0000000d
}
.ui.basic.buttons .button:hover {
box-shadow:0 0 0 1px #22242659 inset,0 0 0 0 #22242626 inset inset
}
.ui.basic.buttons .button:active {
box-shadow:0 0 0 1px #00000026 inset,0 1px 4px 0 #22242626 inset inset
}
.ui.basic.buttons .active.button {
box-shadow:""
}
.ui.basic.buttons .button {
border-left:1px solid rgba(34,36,38,.15);
box-shadow:none
}
.ui.basic.vertical.buttons .button {
border-left:none;
border-left-width:0;
border-top:1px solid rgba(34,36,38,.15)
}
.ui.basic.vertical.buttons .button:first-child {
border-top-width:0
}
.ui.labeled.icon.buttons .button,
.ui.labeled.icon.button {
position:relative;
padding-left:4.07142857em!important;
padding-right:1.5em!important
}
.ui.labeled.icon.buttons>.button>.icon,
.ui.labeled.icon.button>.icon {
position:absolute;
top:0;
left:0;
height:100%;
line-height:1;
border-radius:0;
border-top-left-radius:inherit;
border-bottom-left-radius:inherit;
text-align:center;
animation:none;
padding:.78571429em 0;
margin:0;
width:2.57142857em;
background-color:#0000000d;
color:"";
box-shadow:-1px 0 0 0 transparent inset
}
.ui[class*="right labeled"].icon.button {
padding-right:4.07142857em!important;
padding-left:1.5em!important
}
.ui[class*="right labeled"].icon.button>.icon {
left:auto;
right:0;
border-radius:0;
border-top-right-radius:inherit;
border-bottom-right-radius:inherit;
box-shadow:1px 0 0 0 transparent inset
}
.ui.labeled.icon.buttons>.button>.icon:before,
.ui.labeled.icon.button>.icon:before,
.ui.labeled.icon.buttons>.button>.icon:after,
.ui.labeled.icon.button>.icon:after {
display:block;
position:relative;
width:100%;
top:0;
text-align:center
}
.ui.labeled.icon.buttons .button>.icon {
border-radius:0
}
.ui.labeled.icon.buttons .button:first-child>.icon {
border-top-left-radius:.28571429rem;
border-bottom-left-radius:.28571429rem
}
.ui.labeled.icon.buttons .button:last-child>.icon {
border-top-right-radius:.28571429rem;
border-bottom-right-radius:.28571429rem
}
.ui.vertical.labeled.icon.buttons .button:first-child>.icon {
border-radius:0;
border-top-left-radius:.28571429rem
}
.ui.vertical.labeled.icon.buttons .button:last-child>.icon {
border-radius:0;
border-bottom-left-radius:.28571429rem
}
.ui.labeled.icon.button>.loading.icon:before {
animation:loader 2s linear infinite
}
.ui.toggle.buttons .active.button,
.ui.buttons .button.toggle.active,
.ui.button.toggle.active {
background-color:#21ba45;
box-shadow:none;
text-shadow:none;
color:#fff
}
.ui.button.toggle.active:hover {
background-color:#16ab39;
text-shadow:none;
color:#fff
}
.ui.circular.button {
border-radius:10em
}
.ui.circular.button>.icon {
width:1em;
vertical-align:baseline
}
.ui.buttons .or {
position:relative;
width:.3em;
height:2.57142857em;
z-index:3
}
.ui.buttons .or:before {
position:absolute;
text-align:center;
border-radius:500rem;
content:"or";
top:50%;
left:50%;
background-color:#fff;
text-shadow:none;
margin-top:-.89285714em;
margin-left:-.89285714em;
width:1.78571429em;
height:1.78571429em;
line-height:1.78571429em;
color:#0006;
font-style:normal;
font-weight:500;
box-shadow:0 0 0 1px transparent inset
}
.ui.buttons .or[data-text]:before {
content:attr(data-text)
}
.ui.fluid.buttons .or {
width:0!important
}
.ui.fluid.buttons .or:after {
display:none
}
.ui.fluid.buttons,
.ui.fluid.button {
width:100%
}
.ui.fluid.button {
display:block
}
.ui.two.buttons {
width:100%
}
.ui.two.buttons>.button {
width:50%
}
.ui.three.buttons {
width:100%
}
.ui.three.buttons>.button {
width:33.333%
}
.ui.four.buttons {
width:100%
}
.ui.four.buttons>.button {
width:25%
}
.ui.five.buttons {
width:100%
}
.ui.five.buttons>.button {
width:20%
}
.ui.six.buttons {
width:100%
}
.ui.six.buttons>.button {
width:16.666%
}
.ui.seven.buttons {
width:100%
}
.ui.seven.buttons>.button {
width:14.285%
}
.ui.eight.buttons {
width:100%
}
.ui.eight.buttons>.button {
width:12.5%
}
.ui.nine.buttons {
width:100%
}
.ui.nine.buttons>.button {
width:11.11%
}
.ui.ten.buttons {
width:100%
}
.ui.ten.buttons>.button {
width:10%
}
.ui.eleven.buttons {
width:100%
}
.ui.eleven.buttons>.button {
width:9.09%
}
.ui.twelve.buttons {
width:100%
}
.ui.twelve.buttons>.button {
width:8.3333%
}
.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons>.button {
display:flex;
width:auto;
justify-content:center
}
.ui.two.vertical.buttons>.button {
height:50%
}
.ui.three.vertical.buttons>.button {
height:33.333%
}
.ui.four.vertical.buttons>.button {
height:25%
}
.ui.five.vertical.buttons>.button {
height:20%
}
.ui.six.vertical.buttons>.button {
height:16.666%
}
.ui.seven.vertical.buttons>.button {
height:14.285%
}
.ui.eight.vertical.buttons>.button {
height:12.5%
}
.ui.nine.vertical.buttons>.button {
height:11.11%
}
.ui.ten.vertical.buttons>.button {
height:10%
}
.ui.eleven.vertical.buttons>.button {
height:9.09%
}
.ui.twelve.vertical.buttons>.button {
height:8.3333%
}
.ui.primary.buttons .button,
.ui.primary.button {
background-color:#2185d0;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.primary.button {
box-shadow:0 0 #22242626 inset
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
background-color:#1678c2;
color:#fff;
text-shadow:none
}
.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
background-color:#0d71bb;
color:#fff;
text-shadow:none
}
.ui.primary.buttons .button:active,
.ui.primary.button:active {
background-color:#1a69a4;
color:#fff;
text-shadow:none
}
.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active,
.ui.primary.active.button,
.ui.primary.button .active.button:active {
background-color:#1279c6;
color:#fff;
text-shadow:none
}
.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
background:transparent;
box-shadow:0 0 0 1px #2185d0 inset;
color:#2185d0
}
.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover {
background:transparent;
box-shadow:0 0 0 1px #1678c2 inset;
color:#1678c2
}
.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
background:transparent;
box-shadow:0 0 0 1px #0d71bb inset;
color:#1678c2
}
.ui.basic.primary.buttons .active.button,
.ui.basic.primary.active.button {
background:transparent;
box-shadow:0 0 0 1px #1279c6 inset;
color:#1a69a4
}
.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
box-shadow:0 0 0 1px #1a69a4 inset;
color:#1a69a4
}
.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child) {
margin-left:-1px
}
.ui.secondary.buttons .button,
.ui.secondary.button {
background-color:#1b1c1d;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.secondary.button {
box-shadow:0 0 #22242626 inset
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover {
background-color:#27292a;
color:#fff;
text-shadow:none
}
.ui.secondary.buttons .button:focus,
.ui.secondary.button:focus {
background-color:#2e3032;
color:#fff;
text-shadow:none
}
.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
background-color:#343637;
color:#fff;
text-shadow:none
}
.ui.secondary.buttons .active.button,
.ui.secondary.buttons .active.button:active,
.ui.secondary.active.button,
.ui.secondary.button .active.button:active {
background-color:#27292a;
color:#fff;
text-shadow:none
}
.ui.basic.secondary.buttons .button,
.ui.basic.secondary.button {
background:transparent;
box-shadow:0 0 0 1px #1b1c1d inset;
color:#1b1c1d
}
.ui.basic.secondary.buttons .button:hover,
.ui.basic.secondary.button:hover {
background:transparent;
box-shadow:0 0 0 1px #27292a inset;
color:#27292a
}
.ui.basic.secondary.buttons .button:focus,
.ui.basic.secondary.button:focus {
background:transparent;
box-shadow:0 0 0 1px #2e3032 inset;
color:#27292a
}
.ui.basic.secondary.buttons .active.button,
.ui.basic.secondary.active.button {
background:transparent;
box-shadow:0 0 0 1px #27292a inset;
color:#343637
}
.ui.basic.secondary.buttons .button:active,
.ui.basic.secondary.button:active {
box-shadow:0 0 0 1px #343637 inset;
color:#343637
}
.ui.buttons:not(.vertical)>.basic.secondary.button:not(:first-child) {
margin-left:-1px
}
.ui.red.buttons .button,
.ui.red.button {
background-color:#db2828;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.red.button {
box-shadow:0 0 #22242626 inset
}
.ui.red.buttons .button:hover,
.ui.red.button:hover {
background-color:#d01919;
color:#fff;
text-shadow:none
}
.ui.red.buttons .button:focus,
.ui.red.button:focus {
background-color:#ca1010;
color:#fff;
text-shadow:none
}
.ui.red.buttons .button:active,
.ui.red.button:active {
background-color:#b21e1e;
color:#fff;
text-shadow:none
}
.ui.red.buttons .active.button,
.ui.red.buttons .active.button:active,
.ui.red.active.button,
.ui.red.button .active.button:active {
background-color:#d41515;
color:#fff;
text-shadow:none
}
.ui.basic.red.buttons .button,
.ui.basic.red.button {
background:transparent;
box-shadow:0 0 0 1px #db2828 inset;
color:#db2828
}
.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
background:transparent;
box-shadow:0 0 0 1px #d01919 inset;
color:#d01919
}
.ui.basic.red.buttons .button:focus,
.ui.basic.red.button:focus {
background:transparent;
box-shadow:0 0 0 1px #ca1010 inset;
color:#d01919
}
.ui.basic.red.buttons .active.button,
.ui.basic.red.active.button {
background:transparent;
box-shadow:0 0 0 1px #d41515 inset;
color:#b21e1e
}
.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
box-shadow:0 0 0 1px #b21e1e inset;
color:#b21e1e
}
.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child) {
margin-left:-1px
}
.ui.orange.buttons .button,
.ui.orange.button {
background-color:#f2711c;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.orange.button {
box-shadow:0 0 #22242626 inset
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover {
background-color:#f26202;
color:#fff;
text-shadow:none
}
.ui.orange.buttons .button:focus,
.ui.orange.button:focus {
background-color:#e55b00;
color:#fff;
text-shadow:none
}
.ui.orange.buttons .button:active,
.ui.orange.button:active {
background-color:#cf590c;
color:#fff;
text-shadow:none
}
.ui.orange.buttons .active.button,
.ui.orange.buttons .active.button:active,
.ui.orange.active.button,
.ui.orange.button .active.button:active {
background-color:#f56100;
color:#fff;
text-shadow:none
}
.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
background:transparent;
box-shadow:0 0 0 1px #f2711c inset;
color:#f2711c
}
.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
background:transparent;
box-shadow:0 0 0 1px #f26202 inset;
color:#f26202
}
.ui.basic.orange.buttons .button:focus,
.ui.basic.orange.button:focus {
background:transparent;
box-shadow:0 0 0 1px #e55b00 inset;
color:#f26202
}
.ui.basic.orange.buttons .active.button,
.ui.basic.orange.active.button {
background:transparent;
box-shadow:0 0 0 1px #f56100 inset;
color:#cf590c
}
.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
box-shadow:0 0 0 1px #cf590c inset;
color:#cf590c
}
.ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child) {
margin-left:-1px
}
.ui.yellow.buttons .button,
.ui.yellow.button {
background-color:#fbbd08;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.yellow.button {
box-shadow:0 0 #22242626 inset
}
.ui.yellow.buttons .button:hover,
.ui.yellow.button:hover {
background-color:#eaae00;
color:#fff;
text-shadow:none
}
.ui.yellow.buttons .button:focus,
.ui.yellow.button:focus {
background-color:#daa300;
color:#fff;
text-shadow:none
}
.ui.yellow.buttons .button:active,
.ui.yellow.button:active {
background-color:#cd9903;
color:#fff;
text-shadow:none
}
.ui.yellow.buttons .active.button,
.ui.yellow.buttons .active.button:active,
.ui.yellow.active.button,
.ui.yellow.button .active.button:active {
background-color:#eaae00;
color:#fff;
text-shadow:none
}
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
background:transparent;
box-shadow:0 0 0 1px #fbbd08 inset;
color:#fbbd08
}
.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
background:transparent;
box-shadow:0 0 0 1px #eaae00 inset;
color:#eaae00
}
.ui.basic.yellow.buttons .button:focus,
.ui.basic.yellow.button:focus {
background:transparent;
box-shadow:0 0 0 1px #daa300 inset;
color:#eaae00
}
.ui.basic.yellow.buttons .active.button,
.ui.basic.yellow.active.button {
background:transparent;
box-shadow:0 0 0 1px #eaae00 inset;
color:#cd9903
}
.ui.basic.yellow.buttons .button:active,
.ui.basic.yellow.button:active {
box-shadow:0 0 0 1px #cd9903 inset;
color:#cd9903
}
.ui.buttons:not(.vertical)>.basic.yellow.button:not(:first-child) {
margin-left:-1px
}
.ui.olive.buttons .button,
.ui.olive.button {
background-color:#b5cc18;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.olive.button {
box-shadow:0 0 #22242626 inset
}
.ui.olive.buttons .button:hover,
.ui.olive.button:hover {
background-color:#a7bd0d;
color:#fff;
text-shadow:none
}
.ui.olive.buttons .button:focus,
.ui.olive.button:focus {
background-color:#a0b605;
color:#fff;
text-shadow:none
}
.ui.olive.buttons .button:active,
.ui.olive.button:active {
background-color:#8d9e13;
color:#fff;
text-shadow:none
}
.ui.olive.buttons .active.button,
.ui.olive.buttons .active.button:active,
.ui.olive.active.button,
.ui.olive.button .active.button:active {
background-color:#aac109;
color:#fff;
text-shadow:none
}
.ui.basic.olive.buttons .button,
.ui.basic.olive.button {
background:transparent;
box-shadow:0 0 0 1px #b5cc18 inset;
color:#b5cc18
}
.ui.basic.olive.buttons .button:hover,
.ui.basic.olive.button:hover {
background:transparent;
box-shadow:0 0 0 1px #a7bd0d inset;
color:#a7bd0d
}
.ui.basic.olive.buttons .button:focus,
.ui.basic.olive.button:focus {
background:transparent;
box-shadow:0 0 0 1px #a0b605 inset;
color:#a7bd0d
}
.ui.basic.olive.buttons .active.button,
.ui.basic.olive.active.button {
background:transparent;
box-shadow:0 0 0 1px #aac109 inset;
color:#8d9e13
}
.ui.basic.olive.buttons .button:active,
.ui.basic.olive.button:active {
box-shadow:0 0 0 1px #8d9e13 inset;
color:#8d9e13
}
.ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child) {
margin-left:-1px
}
.ui.green.buttons .button,
.ui.green.button {
background-color:#21ba45;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.green.button {
box-shadow:0 0 #22242626 inset
}
.ui.green.buttons .button:hover,
.ui.green.button:hover {
background-color:#16ab39;
color:#fff;
text-shadow:none
}
.ui.green.buttons .button:focus,
.ui.green.button:focus {
background-color:#0ea432;
color:#fff;
text-shadow:none
}
.ui.green.buttons .button:active,
.ui.green.button:active {
background-color:#198f35;
color:#fff;
text-shadow:none
}
.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active,
.ui.green.active.button,
.ui.green.button .active.button:active {
background-color:#13ae38;
color:#fff;
text-shadow:none
}
.ui.basic.green.buttons .button,
.ui.basic.green.button {
background:transparent;
box-shadow:0 0 0 1px #21ba45 inset;
color:#21ba45
}
.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
background:transparent;
box-shadow:0 0 0 1px #16ab39 inset;
color:#16ab39
}
.ui.basic.green.buttons .button:focus,
.ui.basic.green.button:focus {
background:transparent;
box-shadow:0 0 0 1px #0ea432 inset;
color:#16ab39
}
.ui.basic.green.buttons .active.button,
.ui.basic.green.active.button {
background:transparent;
box-shadow:0 0 0 1px #13ae38 inset;
color:#198f35
}
.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
box-shadow:0 0 0 1px #198f35 inset;
color:#198f35
}
.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child) {
margin-left:-1px
}
.ui.teal.buttons .button,
.ui.teal.button {
background-color:#00b5ad;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.teal.button {
box-shadow:0 0 #22242626 inset
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover {
background-color:#009c95;
color:#fff;
text-shadow:none
}
.ui.teal.buttons .button:focus,
.ui.teal.button:focus {
background-color:#008c86;
color:#fff;
text-shadow:none
}
.ui.teal.buttons .button:active,
.ui.teal.button:active {
background-color:#00827c;
color:#fff;
text-shadow:none
}
.ui.teal.buttons .active.button,
.ui.teal.buttons .active.button:active,
.ui.teal.active.button,
.ui.teal.button .active.button:active {
background-color:#009c95;
color:#fff;
text-shadow:none
}
.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
background:transparent;
box-shadow:0 0 0 1px #00b5ad inset;
color:#00b5ad
}
.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
background:transparent;
box-shadow:0 0 0 1px #009c95 inset;
color:#009c95
}
.ui.basic.teal.buttons .button:focus,
.ui.basic.teal.button:focus {
background:transparent;
box-shadow:0 0 0 1px #008c86 inset;
color:#009c95
}
.ui.basic.teal.buttons .active.button,
.ui.basic.teal.active.button {
background:transparent;
box-shadow:0 0 0 1px #009c95 inset;
color:#00827c
}
.ui.basic.teal.buttons .button:active,
.ui.basic.teal.button:active {
box-shadow:0 0 0 1px #00827c inset;
color:#00827c
}
.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child) {
margin-left:-1px
}
.ui.blue.buttons .button,
.ui.blue.button {
background-color:#2185d0;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.blue.button {
box-shadow:0 0 #22242626 inset
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover {
background-color:#1678c2;
color:#fff;
text-shadow:none
}
.ui.blue.buttons .button:focus,
.ui.blue.button:focus {
background-color:#0d71bb;
color:#fff;
text-shadow:none
}
.ui.blue.buttons .button:active,
.ui.blue.button:active {
background-color:#1a69a4;
color:#fff;
text-shadow:none
}
.ui.blue.buttons .active.button,
.ui.blue.buttons .active.button:active,
.ui.blue.active.button,
.ui.blue.button .active.button:active {
background-color:#1279c6;
color:#fff;
text-shadow:none
}
.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
background:transparent;
box-shadow:0 0 0 1px #2185d0 inset;
color:#2185d0
}
.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
background:transparent;
box-shadow:0 0 0 1px #1678c2 inset;
color:#1678c2
}
.ui.basic.blue.buttons .button:focus,
.ui.basic.blue.button:focus {
background:transparent;
box-shadow:0 0 0 1px #0d71bb inset;
color:#1678c2
}
.ui.basic.blue.buttons .active.button,
.ui.basic.blue.active.button {
background:transparent;
box-shadow:0 0 0 1px #1279c6 inset;
color:#1a69a4
}
.ui.basic.blue.buttons .button:active,
.ui.basic.blue.button:active {
box-shadow:0 0 0 1px #1a69a4 inset;
color:#1a69a4
}
.ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child) {
margin-left:-1px
}
.ui.violet.buttons .button,
.ui.violet.button {
background-color:#6435c9;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.violet.button {
box-shadow:0 0 #22242626 inset
}
.ui.violet.buttons .button:hover,
.ui.violet.button:hover {
background-color:#5829bb;
color:#fff;
text-shadow:none
}
.ui.violet.buttons .button:focus,
.ui.violet.button:focus {
background-color:#4f20b5;
color:#fff;
text-shadow:none
}
.ui.violet.buttons .button:active,
.ui.violet.button:active {
background-color:#502aa1;
color:#fff;
text-shadow:none
}
.ui.violet.buttons .active.button,
.ui.violet.buttons .active.button:active,
.ui.violet.active.button,
.ui.violet.button .active.button:active {
background-color:#5626bf;
color:#fff;
text-shadow:none
}
.ui.basic.violet.buttons .button,
.ui.basic.violet.button {
background:transparent;
box-shadow:0 0 0 1px #6435c9 inset;
color:#6435c9
}
.ui.basic.violet.buttons .button:hover,
.ui.basic.violet.button:hover {
background:transparent;
box-shadow:0 0 0 1px #5829bb inset;
color:#5829bb
}
.ui.basic.violet.buttons .button:focus,
.ui.basic.violet.button:focus {
background:transparent;
box-shadow:0 0 0 1px #4f20b5 inset;
color:#5829bb
}
.ui.basic.violet.buttons .active.button,
.ui.basic.violet.active.button {
background:transparent;
box-shadow:0 0 0 1px #5626bf inset;
color:#502aa1
}
.ui.basic.violet.buttons .button:active,
.ui.basic.violet.button:active {
box-shadow:0 0 0 1px #502aa1 inset;
color:#502aa1
}
.ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child) {
margin-left:-1px
}
.ui.purple.buttons .button,
.ui.purple.button {
background-color:#a333c8;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.purple.button {
box-shadow:0 0 #22242626 inset
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover {
background-color:#9627ba;
color:#fff;
text-shadow:none
}
.ui.purple.buttons .button:focus,
.ui.purple.button:focus {
background-color:#8f1eb4;
color:#fff;
text-shadow:none
}
.ui.purple.buttons .button:active,
.ui.purple.button:active {
background-color:#82299f;
color:#fff;
text-shadow:none
}
.ui.purple.buttons .active.button,
.ui.purple.buttons .active.button:active,
.ui.purple.active.button,
.ui.purple.button .active.button:active {
background-color:#9724be;
color:#fff;
text-shadow:none
}
.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
background:transparent;
box-shadow:0 0 0 1px #a333c8 inset;
color:#a333c8
}
.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
background:transparent;
box-shadow:0 0 0 1px #9627ba inset;
color:#9627ba
}
.ui.basic.purple.buttons .button:focus,
.ui.basic.purple.button:focus {
background:transparent;
box-shadow:0 0 0 1px #8f1eb4 inset;
color:#9627ba
}
.ui.basic.purple.buttons .active.button,
.ui.basic.purple.active.button {
background:transparent;
box-shadow:0 0 0 1px #9724be inset;
color:#82299f
}
.ui.basic.purple.buttons .button:active,
.ui.basic.purple.button:active {
box-shadow:0 0 0 1px #82299f inset;
color:#82299f
}
.ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child) {
margin-left:-1px
}
.ui.pink.buttons .button,
.ui.pink.button {
background-color:#e03997;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.pink.button {
box-shadow:0 0 #22242626 inset
}
.ui.pink.buttons .button:hover,
.ui.pink.button:hover {
background-color:#e61a8d;
color:#fff;
text-shadow:none
}
.ui.pink.buttons .button:focus,
.ui.pink.button:focus {
background-color:#e10f85;
color:#fff;
text-shadow:none
}
.ui.pink.buttons .button:active,
.ui.pink.button:active {
background-color:#c71f7e;
color:#fff;
text-shadow:none
}
.ui.pink.buttons .active.button,
.ui.pink.buttons .active.button:active,
.ui.pink.active.button,
.ui.pink.button .active.button:active {
background-color:#ea158d;
color:#fff;
text-shadow:none
}
.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
background:transparent;
box-shadow:0 0 0 1px #e03997 inset;
color:#e03997
}
.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
background:transparent;
box-shadow:0 0 0 1px #e61a8d inset;
color:#e61a8d
}
.ui.basic.pink.buttons .button:focus,
.ui.basic.pink.button:focus {
background:transparent;
box-shadow:0 0 0 1px #e10f85 inset;
color:#e61a8d
}
.ui.basic.pink.buttons .active.button,
.ui.basic.pink.active.button {
background:transparent;
box-shadow:0 0 0 1px #ea158d inset;
color:#c71f7e
}
.ui.basic.pink.buttons .button:active,
.ui.basic.pink.button:active {
box-shadow:0 0 0 1px #c71f7e inset;
color:#c71f7e
}
.ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child) {
margin-left:-1px
}
.ui.brown.buttons .button,
.ui.brown.button {
background-color:#a5673f;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.brown.button {
box-shadow:0 0 #22242626 inset
}
.ui.brown.buttons .button:hover,
.ui.brown.button:hover {
background-color:#975b33;
color:#fff;
text-shadow:none
}
.ui.brown.buttons .button:focus,
.ui.brown.button:focus {
background-color:#90532b;
color:#fff;
text-shadow:none
}
.ui.brown.buttons .button:active,
.ui.brown.button:active {
background-color:#805031;
color:#fff;
text-shadow:none
}
.ui.brown.buttons .active.button,
.ui.brown.buttons .active.button:active,
.ui.brown.active.button,
.ui.brown.button .active.button:active {
background-color:#995a31;
color:#fff;
text-shadow:none
}
.ui.basic.brown.buttons .button,
.ui.basic.brown.button {
background:transparent;
box-shadow:0 0 0 1px #a5673f inset;
color:#a5673f
}
.ui.basic.brown.buttons .button:hover,
.ui.basic.brown.button:hover {
background:transparent;
box-shadow:0 0 0 1px #975b33 inset;
color:#975b33
}
.ui.basic.brown.buttons .button:focus,
.ui.basic.brown.button:focus {
background:transparent;
box-shadow:0 0 0 1px #90532b inset;
color:#975b33
}
.ui.basic.brown.buttons .active.button,
.ui.basic.brown.active.button {
background:transparent;
box-shadow:0 0 0 1px #995a31 inset;
color:#805031
}
.ui.basic.brown.buttons .button:active,
.ui.basic.brown.button:active {
box-shadow:0 0 0 1px #805031 inset;
color:#805031
}
.ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child) {
margin-left:-1px
}
.ui.grey.buttons .button,
.ui.grey.button {
background-color:#767676;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.grey.button {
box-shadow:0 0 #22242626 inset
}
.ui.grey.buttons .button:hover,
.ui.grey.button:hover {
background-color:#838383;
color:#fff;
text-shadow:none
}
.ui.grey.buttons .button:focus,
.ui.grey.button:focus {
background-color:#8a8a8a;
color:#fff;
text-shadow:none
}
.ui.grey.buttons .button:active,
.ui.grey.button:active {
background-color:#909090;
color:#fff;
text-shadow:none
}
.ui.grey.buttons .active.button,
.ui.grey.buttons .active.button:active,
.ui.grey.active.button,
.ui.grey.button .active.button:active {
background-color:#696969;
color:#fff;
text-shadow:none
}
.ui.basic.grey.buttons .button,
.ui.basic.grey.button {
background:transparent;
box-shadow:0 0 0 1px #767676 inset;
color:#767676
}
.ui.basic.grey.buttons .button:hover,
.ui.basic.grey.button:hover {
background:transparent;
box-shadow:0 0 0 1px #838383 inset;
color:#838383
}
.ui.basic.grey.buttons .button:focus,
.ui.basic.grey.button:focus {
background:transparent;
box-shadow:0 0 0 1px #8a8a8a inset;
color:#838383
}
.ui.basic.grey.buttons .active.button,
.ui.basic.grey.active.button {
background:transparent;
box-shadow:0 0 0 1px #696969 inset;
color:#909090
}
.ui.basic.grey.buttons .button:active,
.ui.basic.grey.button:active {
box-shadow:0 0 0 1px #909090 inset;
color:#909090
}
.ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child) {
margin-left:-1px
}
.ui.black.buttons .button,
.ui.black.button {
background-color:#1b1c1d;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.black.button {
box-shadow:0 0 #22242626 inset
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
background-color:#27292a;
color:#fff;
text-shadow:none
}
.ui.black.buttons .button:focus,
.ui.black.button:focus {
background-color:#2f3032;
color:#fff;
text-shadow:none
}
.ui.black.buttons .button:active,
.ui.black.button:active {
background-color:#343637;
color:#fff;
text-shadow:none
}
.ui.black.buttons .active.button,
.ui.black.buttons .active.button:active,
.ui.black.active.button,
.ui.black.button .active.button:active {
background-color:#0f0f10;
color:#fff;
text-shadow:none
}
.ui.basic.black.buttons .button,
.ui.basic.black.button {
background:transparent;
box-shadow:0 0 0 1px #1b1c1d inset;
color:#1b1c1d
}
.ui.basic.black.buttons .button:hover,
.ui.basic.black.button:hover {
background:transparent;
box-shadow:0 0 0 1px #27292a inset;
color:#27292a
}
.ui.basic.black.buttons .button:focus,
.ui.basic.black.button:focus {
background:transparent;
box-shadow:0 0 0 1px #2f3032 inset;
color:#27292a
}
.ui.basic.black.buttons .active.button,
.ui.basic.black.active.button {
background:transparent;
box-shadow:0 0 0 1px #0f0f10 inset;
color:#343637
}
.ui.basic.black.buttons .button:active,
.ui.basic.black.button:active {
box-shadow:0 0 0 1px #343637 inset;
color:#343637
}
.ui.buttons:not(.vertical)>.basic.black.button:not(:first-child) {
margin-left:-1px
}
.ui.positive.buttons .button,
.ui.positive.button {
background-color:#21ba45;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.positive.button {
box-shadow:0 0 #22242626 inset
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover {
background-color:#16ab39;
color:#fff;
text-shadow:none
}
.ui.positive.buttons .button:focus,
.ui.positive.button:focus {
background-color:#0ea432;
color:#fff;
text-shadow:none
}
.ui.positive.buttons .button:active,
.ui.positive.button:active {
background-color:#198f35;
color:#fff;
text-shadow:none
}
.ui.positive.buttons .active.button,
.ui.positive.buttons .active.button:active,
.ui.positive.active.button,
.ui.positive.button .active.button:active {
background-color:#13ae38;
color:#fff;
text-shadow:none
}
.ui.basic.positive.buttons .button,
.ui.basic.positive.button {
background:transparent;
box-shadow:0 0 0 1px #21ba45 inset;
color:#21ba45
}
.ui.basic.positive.buttons .button:hover,
.ui.basic.positive.button:hover {
background:transparent;
box-shadow:0 0 0 1px #16ab39 inset;
color:#16ab39
}
.ui.basic.positive.buttons .button:focus,
.ui.basic.positive.button:focus {
background:transparent;
box-shadow:0 0 0 1px #0ea432 inset;
color:#16ab39
}
.ui.basic.positive.buttons .active.button,
.ui.basic.positive.active.button {
background:transparent;
box-shadow:0 0 0 1px #13ae38 inset;
color:#198f35
}
.ui.basic.positive.buttons .button:active,
.ui.basic.positive.button:active {
box-shadow:0 0 0 1px #198f35 inset;
color:#198f35
}
.ui.buttons:not(.vertical)>.basic.positive.button:not(:first-child) {
margin-left:-1px
}
.ui.negative.buttons .button,
.ui.negative.button {
background-color:#db2828;
color:#fff;
text-shadow:none;
background-image:none
}
.ui.negative.button {
box-shadow:0 0 #22242626 inset
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover {
background-color:#d01919;
color:#fff;
text-shadow:none
}
.ui.negative.buttons .button:focus,
.ui.negative.button:focus {
background-color:#ca1010;
color:#fff;
text-shadow:none
}
.ui.negative.buttons .button:active,
.ui.negative.button:active {
background-color:#b21e1e;
color:#fff;
text-shadow:none
}
.ui.negative.buttons .active.button,
.ui.negative.buttons .active.button:active,
.ui.negative.active.button,
.ui.negative.button .active.button:active {
background-color:#d41515;
color:#fff;
text-shadow:none
}
.ui.basic.negative.buttons .button,
.ui.basic.negative.button {
background:transparent;
box-shadow:0 0 0 1px #db2828 inset;
color:#db2828
}
.ui.basic.negative.buttons .button:hover,
.ui.basic.negative.button:hover {
background:transparent;
box-shadow:0 0 0 1px #d01919 inset;
color:#d01919
}
.ui.basic.negative.buttons .button:focus,
.ui.basic.negative.button:focus {
background:transparent;
box-shadow:0 0 0 1px #ca1010 inset;
color:#d01919
}
.ui.basic.negative.buttons .active.button,
.ui.basic.negative.active.button {
background:transparent;
box-shadow:0 0 0 1px #d41515 inset;
color:#b21e1e
}
.ui.basic.negative.buttons .button:active,
.ui.basic.negative.button:active {
box-shadow:0 0 0 1px #b21e1e inset;
color:#b21e1e
}
.ui.buttons:not(.vertical)>.basic.negative.button:not(:first-child) {
margin-left:-1px
}
.ui.buttons {
display:inline-flex;
flex-direction:row;
font-size:0;
vertical-align:baseline;
margin:0 .25em 0 0
}
.ui.buttons:not(.basic):not(.inverted) {
box-shadow:none
}
.ui.buttons:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.ui.buttons .button {
flex:1 0 auto;
border-radius:0;
margin:0
}
.ui.buttons:not(.basic):not(.inverted)>.button:not(.basic):not(.inverted) {
box-shadow:0 0 0 1px transparent inset,0 0 #22242626 inset
}
.ui.buttons .button:first-child {
border-left:none;
margin-left:0;
border-top-left-radius:.28571429rem;
border-bottom-left-radius:.28571429rem
}
.ui.buttons .button:last-child {
border-top-right-radius:.28571429rem;
border-bottom-right-radius:.28571429rem
}
.ui.vertical.buttons {
display:inline-flex;
flex-direction:column
}
.ui.vertical.buttons .button {
display:block;
float:none;
width:100%;
margin:0;
box-shadow:none;
border-radius:0
}
.ui.vertical.buttons .button:first-child {
border-top-left-radius:.28571429rem;
border-top-right-radius:.28571429rem
}
.ui.vertical.buttons .button:last-child {
margin-bottom:0;
border-bottom-left-radius:.28571429rem;
border-bottom-right-radius:.28571429rem
}
.ui.vertical.buttons .button:only-child {
border-radius:.28571429rem
}
.dimmable:not(body) {
position:relative
}
.ui.dimmer {
display:none;
position:absolute;
top:0!important;
left:0!important;
width:100%;
height:100%;
text-align:center;
vertical-align:middle;
padding:1em;
background:#000000d9;
opacity:0;
line-height:1;
animation-fill-mode:both;
animation-duration:.5s;
transition:background-color .5s linear;
flex-direction:column;
align-items:center;
justify-content:center;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
will-change:opacity;
z-index:1000
}
.ui.dimmer>.content {
-webkit-user-select:text;
-moz-user-select:text;
user-select:text;
color:#fff
}
.ui.segment>.ui.dimmer:not(.page) {
border-radius:inherit
}
.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
overflow:hidden
}
.dimmed.dimmable>.ui.animating.dimmer,
.dimmed.dimmable>.ui.visible.dimmer,
.ui.active.dimmer {
display:flex;
opacity:1
}
.ui.disabled.dimmer {
width:0!important;
height:0!important
}
.dimmed.dimmable>.ui.animating.legacy.dimmer,
.dimmed.dimmable>.ui.visible.legacy.dimmer,
.ui.active.legacy.dimmer {
display:block
}
.ui[class*="top aligned"].dimmer {
justify-content:flex-start
}
.ui[class*="bottom aligned"].dimmer {
justify-content:flex-end
}
.ui.page.dimmer {
position:fixed;
transform-style:"";
perspective:2000px;
transform-origin:center center
}
.ui.page.dimmer.modals {
-moz-perspective:none
}
body.animating.in.dimmable,
body.dimmed.dimmable {
overflow:hidden
}
body.dimmable>.dimmer {
position:fixed
}
.blurring.dimmable>:not(.dimmer) {
filter:initial;
transition:.8s filter ease
}
.blurring.dimmed.dimmable>:not(.dimmer):not(.popup) {
filter:blur(5px) grayscale(.7)
}
.blurring.dimmable>.dimmer {
background:#0009
}
.blurring.dimmable>.inverted.dimmer {
background:#fff9
}
.ui.dimmer>.top.aligned.content>* {
vertical-align:top
}
.ui.dimmer>.bottom.aligned.content>* {
vertical-align:bottom
}
.medium.medium.medium.medium.medium.dimmer {
background:#000000a6
}
.light.light.light.light.light.dimmer {
background:#00000073
}
.very.light.light.light.light.dimmer {
background:#00000040
}
.ui.simple.dimmer {
display:block;
overflow:hidden;
opacity:0;
width:0;
height:0;
z-index:-100;
background:#0000
}
.dimmed.dimmable>.ui.simple.dimmer {
overflow:visible;
opacity:1;
width:100%;
height:100%;
background:#000000d9;
z-index:1
}
.ui.simple.inverted.dimmer {
background:#fff0
}
.dimmed.dimmable>.ui.simple.inverted.dimmer {
background:#ffffffd9
}
.ui[class*="top dimmer"],
.ui[class*="center dimmer"],
.ui[class*="bottom dimmer"] {
height:auto
}
.ui[class*="bottom dimmer"] {
top:auto!important;
bottom:0
}
.ui[class*="center dimmer"] {
top:50%!important;
transform:translateY(-50%);
-webkit-transform:translateY(calc(-50% - .5px))
}
.ui.segment>.ui.ui[class*="top dimmer"] {
border-bottom-left-radius:0;
border-bottom-right-radius:0
}
.ui.segment>.ui.ui[class*="center dimmer"] {
border-radius:0
}
.ui.segment>.ui.ui[class*="bottom dimmer"] {
border-top-left-radius:0;
border-top-right-radius:0
}
.ui[class*="center dimmer"].transition[class*="fade up"].in {
animation-name:fadeInUpCenter
}
.ui[class*="center dimmer"].transition[class*="fade down"].in {
animation-name:fadeInDownCenter
}
.ui[class*="center dimmer"].transition[class*="fade up"].out {
animation-name:fadeOutUpCenter
}
.ui[class*="center dimmer"].transition[class*="fade down"].out {
animation-name:fadeOutDownCenter
}
.ui[class*="center dimmer"].bounce.transition {
animation-name:bounceCenter
}
@keyframes fadeInUpCenter {
0% {
opacity:0;
transform:translateY(-40%);
-webkit-transform:translateY(calc(-40% - .5px))
}
to {
opacity:1;
transform:translateY(-50%);
-webkit-transform:translateY(calc(-50% - .5px))
}
}
@keyframes fadeInDownCenter {
0% {
opacity:0;
transform:translateY(-60%);
-webkit-transform:translateY(calc(-60% - .5px))
}
to {
opacity:1;
transform:translateY(-50%);
-webkit-transform:translateY(calc(-50% - .5px))
}
}
@keyframes fadeOutUpCenter {
0% {
opacity:1;
transform:translateY(-50%);
-webkit-transform:translateY(calc(-50% - .5px))
}
to {
opacity:0;
transform:translateY(-45%);
-webkit-transform:translateY(calc(-45% - .5px))
}
}
@keyframes fadeOutDownCenter {
0% {
opacity:1;
transform:translateY(-50%);
-webkit-transform:translateY(calc(-50% - .5px))
}
to {
opacity:0;
transform:translateY(-55%);
-webkit-transform:translateY(calc(-55% - .5px))
}
}
@keyframes bounceCenter {
0%,
20%,
50%,
80%,
to {
transform:translateY(-50%);
-webkit-transform:translateY(calc(-50% - .5px))
}
40% {
transform:translateY(calc(-50% - 30px))
}
60% {
transform:translateY(calc(-50% - 15px))
}
}
.ui.dropdown {
cursor:pointer;
position:relative;
display:inline-block;
outline:none;
text-align:left;
transition:box-shadow .1s ease,width .1s ease;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.ui.dropdown .menu {
cursor:auto;
position:absolute;
display:none;
outline:none;
top:100%;
min-width:-moz-max-content;
min-width:max-content;
margin:0;
padding:0;
background:#fff;
font-size:1em;
text-shadow:none;
text-align:left;
box-shadow:0 2px 3px #22242626;
border:1px solid rgba(34,36,38,.15);
border-radius:.28571429rem;
transition:opacity .1s ease;
z-index:11;
will-change:transform,opacity
}
.ui.dropdown .menu>* {
white-space:nowrap
}
.ui.dropdown>input:not(.search):first-child,
.ui.dropdown>select {
display:none!important
}
.ui.dropdown:not(.labeled)>.dropdown.icon {
position:relative;
width:auto;
font-size:.85714286em;
margin:0 0 0 1em
}
.ui.dropdown .menu>.item .dropdown.icon {
width:auto;
float:right;
margin:0 0 0 1em
}
.ui.dropdown .menu>.item .dropdown.icon+.text {
margin-right:1em
}
.ui.dropdown>.text {
display:inline-block;
transition:none
}
.ui.dropdown .menu>.item {
position:relative;
cursor:pointer;
display:block;
border:none;
height:auto;
min-height:2.57142857rem;
text-align:left;
border-top:none;
line-height:1em;
font-size:1rem;
color:#000000de;
padding:.78571429rem 1.14285714rem!important;
text-transform:none;
font-weight:400;
box-shadow:none;
-webkit-touch-callout:none
}
.ui.dropdown .menu>.item:first-child {
border-top-width:0
}
.ui.dropdown .menu>.item.vertical {
display:flex;
flex-direction:column-reverse
}
.ui.dropdown>.text>[class*="right floated"],
.ui.dropdown .menu .item>[class*="right floated"] {
float:right!important;
margin-right:0!important;
margin-left:1em!important
}
.ui.dropdown>.text>[class*="left floated"],
.ui.dropdown .menu .item>[class*="left floated"] {
float:left!important;
margin-left:0!important;
margin-right:1em!important
}
.ui.dropdown .menu .item>i.icon.floated,
.ui.dropdown .menu .item>.flag.floated,
.ui.dropdown .menu .item>.image.floated,
.ui.dropdown .menu .item>img.floated {
margin-top:0
}
.ui.dropdown .menu>.header {
margin:1rem 0 .75rem;
padding:0 1.14285714rem;
font-weight:500;
text-transform:uppercase
}
.ui.dropdown .menu>.header:not(.ui) {
color:#000000d9;
font-size:.78571429em
}
.ui.dropdown .menu>.divider {
border-top:1px solid rgba(34,36,38,.1);
height:0;
margin:.5em 0
}
.ui.dropdown .menu>.horizontal.divider {
border-top:none
}
.ui.dropdown.dropdown .menu>.input {
width:auto;
display:flex;
margin:1.14285714rem .78571429rem;
min-width:10rem
}
.ui.dropdown .menu>.header+.input {
margin-top:0
}
.ui.dropdown .menu>.input:not(.transparent) input {
padding:.5em 1em
}
.ui.dropdown .menu>.input:not(.transparent) .button,
.ui.dropdown .menu>.input:not(.transparent) i.icon,
.ui.dropdown .menu>.input:not(.transparent) .label {
padding-top:.5em;
padding-bottom:.5em
}
.ui.dropdown>.text>.description,
.ui.dropdown .menu>.item>.description {
float:right;
margin:0 0 0 1em;
color:#0006
}
.ui.dropdown .menu>.item.vertical>.description {
margin:0
}
.ui.dropdown .menu>.item.vertical>.text {
margin-bottom:.25em
}
.ui.dropdown .menu>.message {
padding:.78571429rem 1.14285714rem;
font-weight:400
}
.ui.dropdown .menu>.message:not(.ui) {
color:#0006
}
.ui.dropdown .menu .menu {
top:0;
left:100%;
right:auto;
margin:0 -.5em!important;
border-radius:.28571429rem!important;
z-index:21!important
}
.ui.dropdown .menu .menu:after {
display:none
}
.ui.dropdown>.text>i.icon,
.ui.dropdown>.text>.label,
.ui.dropdown>.text>.flag,
.ui.dropdown>.text>img,
.ui.dropdown>.text>.image {
margin-top:0
}
.ui.dropdown .menu>.item>i.icon,
.ui.dropdown .menu>.item>.label,
.ui.dropdown .menu>.item>.flag,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img {
margin-top:0
}
.ui.dropdown>.text>i.icon,
.ui.dropdown>.text>.label,
.ui.dropdown>.text>.flag,
.ui.dropdown>.text>img,
.ui.dropdown>.text>.image,
.ui.dropdown .menu>.item>i.icon,
.ui.dropdown .menu>.item>.label,
.ui.dropdown .menu>.item>.flag,
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img {
margin-left:0;
float:none;
margin-right:.78571429rem
}
.ui.dropdown>.text>img,
.ui.dropdown>.text>.image:not(.icon),
.ui.dropdown .menu>.item>.image:not(.icon),
.ui.dropdown .menu>.item>img {
display:inline-block;
vertical-align:top;
width:auto;
margin-top:-.5em;
margin-bottom:-.5em;
max-height:2em
}
.ui.dropdown .ui.menu>.item:before,
.ui.menu .ui.dropdown .menu>.item:before {
display:none
}
.ui.menu .ui.dropdown .menu .active.item {
border-left:none
}
.ui.menu .right.menu .dropdown:last-child>.menu:not(.left),
.ui.menu .right.dropdown.item>.menu:not(.left),
.ui.buttons>.ui.dropdown:last-child>.menu:not(.left) {
left:auto;
right:0
}
.ui.label.dropdown .menu {
min-width:100%
}
.ui.dropdown.icon.button>.dropdown.icon {
margin:0
}
.ui.button.dropdown .menu {
min-width:100%
}
select.ui.dropdown {
height:38px;
padding:.5em;
border:1px solid rgba(34,36,38,.15);
visibility:visible
}
.ui.selection.dropdown {
cursor:pointer;
word-wrap:break-word;
line-height:1em;
white-space:normal;
outline:0;
transform:rotate(0);
min-width:14em;
min-height:2.71428571em;
background:#fff;
display:inline-block;
padding:.78571429em 3.2em .78571429em 1em;
color:#000000de;
box-shadow:none;
border:1px solid rgba(34,36,38,.15);
border-radius:.28571429rem;
transition:box-shadow .1s ease,width .1s ease
}
.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
z-index:10
}
.ui.selection.dropdown>.search.icon,
.ui.selection.dropdown>.delete.icon,
.ui.selection.dropdown>.dropdown.icon {
cursor:pointer;
position:absolute;
width:auto;
height:auto;
line-height:1.21428571em;
top:.78571429em;
right:1em;
z-index:3;
margin:-.78571429em;
padding:.91666667em;
opacity:.8;
transition:opacity .1s ease
}
.ui.compact.selection.dropdown {
min-width:0
}
.ui.selection.dropdown .menu {
overflow-x:hidden;
overflow-y:auto;
backface-visibility:hidden;
-webkit-overflow-scrolling:touch;
border-top-width:0!important;
width:auto;
outline:none;
margin:0 -1px;
min-width:calc(100% + 2px);
width:calc(100% + 2px);
border-radius:0 0 .28571429rem .28571429rem;
box-shadow:0 2px 3px #22242626;
transition:opacity .1s ease
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
display:none
}
.ui.selection.dropdown .menu>.message {
padding:.78571429rem 1.14285714rem
}
@media only screen and (max-width: 767.98px) {
.ui.selection.dropdown.short .menu {
max-height:6.01071429rem
}
.ui.selection.dropdown[class*="very short"] .menu {
max-height:4.00714286rem
}
.ui.selection.dropdown .menu {
max-height:8.01428571rem
}
.ui.selection.dropdown.long .menu {
max-height:16.02857143rem
}
.ui.selection.dropdown[class*="very long"] .menu {
max-height:24.04285714rem
}
}
@media only screen and (min-width: 768px) {
.ui.selection.dropdown.short .menu {
max-height:8.01428571rem
}
.ui.selection.dropdown[class*="very short"] .menu {
max-height:5.34285714rem
}
.ui.selection.dropdown .menu {
max-height:10.68571429rem
}
.ui.selection.dropdown.long .menu {
max-height:21.37142857rem
}
.ui.selection.dropdown[class*="very long"] .menu {
max-height:32.05714286rem
}
}
@media only screen and (min-width: 992px) {
.ui.selection.dropdown.short .menu {
max-height:12.02142857rem
}
.ui.selection.dropdown[class*="very short"] .menu {
max-height:8.01428571rem
}
.ui.selection.dropdown .menu {
max-height:16.02857143rem
}
.ui.selection.dropdown.long .menu {
max-height:32.05714286rem
}
.ui.selection.dropdown[class*="very long"] .menu {
max-height:48.08571429rem
}
}
@media only screen and (min-width: 1920px) {
.ui.selection.dropdown.short .menu {
max-height:16.02857143rem
}
.ui.selection.dropdown[class*="very short"] .menu {
max-height:10.68571429rem
}
.ui.selection.dropdown .menu {
max-height:21.37142857rem
}
.ui.selection.dropdown.long .menu {
max-height:42.74285714rem
}
.ui.selection.dropdown[class*="very long"] .menu {
max-height:64.11428571rem
}
}
.ui.selection.dropdown .menu>.item {
border-top:1px solid #FAFAFA;
padding:.78571429rem 1.14285714rem!important;
white-space:normal;
word-wrap:normal
}
.ui.selection.dropdown .menu>.hidden.addition.item {
display:none
}
.ui.selection.dropdown:hover {
border-color:#22242659;
box-shadow:none
}
.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
border-color:#96c8da;
box-shadow:0 2px 3px #22242626
}
.ui.selection.dropdown:focus {
border-color:#96c8da;
box-shadow:none
}
.ui.selection.dropdown:focus .menu {
border-color:#96c8da;
box-shadow:0 2px 3px #22242626
}
.ui.selection.visible.dropdown>.text:not(.default) {
font-weight:400;
color:#000c
}
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown:hover .menu {
border-color:#96c8da;
box-shadow:0 2px 3px #22242626
}
.ui.active.selection.dropdown>.dropdown.icon,
.ui.visible.selection.dropdown>.dropdown.icon {
opacity:"";
z-index:3
}
.ui.active.selection.dropdown {
border-bottom-left-radius:0!important;
border-bottom-right-radius:0!important
}
.ui.active.empty.selection.dropdown {
border-radius:.28571429rem!important;
box-shadow:none!important
}
.ui.active.empty.selection.dropdown .menu {
border:none!important;
box-shadow:none!important
}
@supports (-webkit-touch-callout: none) or (-webkit-overflow-scrolling: touch) or (-moz-appearance:none) {
@media (-moz-touch-enabled),(pointer: coarse) {
.ui.dropdown .scrollhint.menu:not(.hidden):before {
animation:scrollhint 2s ease 2;
content:"";
z-index:15;
display:block;
position:absolute;
opacity:0;
right:.25em;
top:0;
height:100%;
border-right:.25em solid;
border-left:0;
-o-border-image:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,0)) 1 100%;
border-image:linear-gradient(to bottom,#000000bf,#0000) 1 100%
}
.ui.inverted.dropdown .scrollhint.menu:not(.hidden):before {
-o-border-image:linear-gradient(to bottom,rgba(255,255,255,.75),rgba(255,255,255,0)) 1 100%;
border-image:linear-gradient(to bottom,#ffffffbf,#fff0) 1 100%
}
@keyframes scrollhint {
0% {
opacity:1;
top:100%
}
to {
opacity:0;
top:0
}
}
}
}
.ui.search.dropdown {
min-width:""
}
.ui.search.dropdown>input.search {
background:none transparent!important;
border:none!important;
box-shadow:none!important;
cursor:text;
top:0;
left:1px;
width:100%;
outline:none;
-webkit-tap-highlight-color:rgba(255,255,255,0);
padding:inherit
}
.ui.search.dropdown>input.search {
position:absolute;
z-index:2
}
.ui.search.dropdown>.text {
cursor:text;
position:relative;
left:1px;
z-index:auto
}
.ui.search.selection.dropdown>input.search {
line-height:1.21428571em;
padding:.67857143em 3.2em .67857143em 1em
}
.ui.search.selection.dropdown>span.sizer {
line-height:1.21428571em;
padding:.67857143em 3.2em .67857143em 1em;
display:none;
white-space:pre
}
.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
cursor:auto
}
.ui.search.dropdown.active>.text,
.ui.search.dropdown.visible>.text {
pointer-events:none
}
.ui.active.search.dropdown input.search:focus+.text i.icon,
.ui.active.search.dropdown input.search:focus+.text .flag {
opacity:var(--opacity-disabled)
}
.ui.active.search.dropdown input.search:focus+.text {
color:#737373de!important
}
.ui.search.dropdown.button>span.sizer {
display:none
}
.ui.search.dropdown .menu {
overflow-x:hidden;
overflow-y:auto;
backface-visibility:hidden;
-webkit-overflow-scrolling:touch
}
@media only screen and (max-width: 767.98px) {
.ui.search.dropdown .menu {
max-height:8.01428571rem
}
}
@media only screen and (min-width: 768px) {
.ui.search.dropdown .menu {
max-height:10.68571429rem
}
}
@media only screen and (min-width: 992px) {
.ui.search.dropdown .menu {
max-height:16.02857143rem
}
}
@media only screen and (min-width: 1920px) {
.ui.search.dropdown .menu {
max-height:21.37142857rem
}
}
.ui.dropdown>.remove.icon {
cursor:pointer;
font-size:.85714286em;
margin:-.78571429em;
padding:.91666667em;
right:3em;
top:.78571429em;
position:absolute;
opacity:.6;
z-index:3
}
.ui.clearable.dropdown .text,
.ui.clearable.dropdown a:last-of-type {
margin-right:1.5em
}
.ui.dropdown select.noselection~.remove.icon,
.ui.dropdown input[value=""]~.remove.icon,
.ui.dropdown input:not([value])~.remove.icon,
.ui.dropdown.loading>.remove.icon {
display:none
}
.ui.ui.multiple.dropdown {
padding:.22619048em 3.2em .22619048em .35714286em
}
.ui.multiple.dropdown .menu {
cursor:auto
}
.ui.multiple.dropdown>.label {
display:inline-block;
white-space:normal;
font-size:1em;
padding:.35714286em .78571429em;
margin:.14285714rem .28571429rem .14285714rem 0;
box-shadow:0 0 0 1px #22242626 inset
}
.ui.multiple.dropdown .dropdown.icon {
margin:"";
padding:""
}
.ui.multiple.dropdown>.text {
position:static;
padding:0;
max-width:100%;
margin:.45238095em 0 .45238095em .64285714em;
line-height:1.21428571em
}
.ui.multiple.dropdown>.text.default {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.ui.multiple.dropdown>.label~input.search {
margin-left:.14285714em!important
}
.ui.multiple.dropdown>.label~.text {
display:none
}
.ui.multiple.dropdown>.label:not(.image)>img:not(.centered) {
margin-right:.78571429rem
}
.ui.multiple.dropdown>.label:not(.image)>img.ui:not(.avatar) {
margin-bottom:.39285714rem
}
.ui.multiple.dropdown>.image.label img {
margin:-.35714286em .78571429em -.35714286em -.78571429em;
height:1.71428571em
}
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown>input.search {
cursor:text
}
.ui.multiple.search.dropdown>.text {
display:inline-block;
position:absolute;
top:0;
left:0;
padding:inherit;
margin:.45238095em 0 .45238095em .64285714em;
line-height:1.21428571em
}
.ui.multiple.search.dropdown>.label~.text {
display:none
}
.ui.multiple.search.dropdown>input.search {
position:static;
padding:0;
max-width:100%;
margin:.45238095em 0 .45238095em .64285714em;
width:2.2em;
line-height:1.21428571em
}
.ui.multiple.search.dropdown.button {
min-width:14em
}
.ui.inline.dropdown {
cursor:pointer;
display:inline-block;
color:inherit
}
.ui.inline.dropdown .dropdown.icon {
margin:0 .21428571em;
vertical-align:baseline
}
.ui.inline.dropdown>.text {
font-weight:500
}
.ui.inline.dropdown .menu {
cursor:auto;
margin-top:.21428571em;
border-radius:.28571429rem
}
.ui.dropdown .menu .active.item {
background:transparent;
font-weight:500;
color:#000000f2;
box-shadow:none;
z-index:12
}
.ui.dropdown .menu>.item:hover {
background:#0000000d;
color:#000000f2;
z-index:13
}
.ui.dropdown:not(.button)>.default.text,
.ui.default.dropdown:not(.button)>.text {
color:#bfbfbfde
}
.ui.dropdown:not(.button)>input:focus~.default.text,
.ui.default.dropdown:not(.button)>input:focus~.text {
color:#737373de
}
.ui.loading.dropdown>i.icon {
height:1em!important
}
.ui.loading.selection.dropdown>i.icon {
padding:1.5em 1.28571429em!important
}
.ui.loading.dropdown>i.icon:before {
position:absolute;
content:"";
top:50%;
left:50%;
margin:-.64285714em 0 0 -.64285714em;
width:1.28571429em;
height:1.28571429em;
border-radius:500rem;
border:.2em solid rgba(0,0,0,.1)
}
.ui.loading.dropdown>i.icon:after {
position:absolute;
content:"";
top:50%;
left:50%;
box-shadow:0 0 0 1px transparent;
margin:-.64285714em 0 0 -.64285714em;
width:1.28571429em;
height:1.28571429em;
animation:loader .6s infinite linear;
border:.2em solid #767676;
border-radius:500rem
}
.ui.loading.dropdown.button>i.icon:before,
.ui.loading.dropdown.button>i.icon:after {
display:none
}
.ui.loading.dropdown>.text {
transition:none
}
.ui.dropdown .loading.menu {
display:block;
visibility:hidden;
z-index:-1
}
.ui.dropdown>.loading.menu {
left:0!important;
right:auto!important
}
.ui.dropdown>.menu .loading.menu {
left:100%!important;
right:auto!important
}
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
background:#00000008;
color:#000000f2
}
.ui.dropdown>.filtered.text {
visibility:hidden
}
.ui.dropdown .filtered.item {
display:none!important
}
.ui.dropdown.error,
.ui.dropdown.error>.text,
.ui.dropdown.error>.default.text {
color:#9f3a38
}
.ui.selection.dropdown.error {
background:#fff6f6;
border-color:#e0b4b4
}
.ui.selection.dropdown.error:hover {
border-color:#e0b4b4
}
.ui.multiple.selection.error.dropdown>.label {
border-color:#e0b4b4
}
.ui.dropdown.error>.menu,
.ui.dropdown.error>.menu .menu {
border-color:#e0b4b4
}
.ui.dropdown.error>.menu>.item {
color:#9f3a38
}
.ui.dropdown.error>.menu>.item:hover {
background-color:#fbe7e7
}
.ui.dropdown.error>.menu .active.item {
background-color:#fdcfcf
}
.ui.dropdown.info,
.ui.dropdown.info>.text,
.ui.dropdown.info>.default.text {
color:#276f86
}
.ui.selection.dropdown.info {
background:#f8ffff;
border-color:#a9d5de
}
.ui.selection.dropdown.info:hover {
border-color:#a9d5de
}
.ui.multiple.selection.info.dropdown>.label {
border-color:#a9d5de
}
.ui.dropdown.info>.menu,
.ui.dropdown.info>.menu .menu {
border-color:#a9d5de
}
.ui.dropdown.info>.menu>.item {
color:#276f86
}
.ui.dropdown.info>.menu>.item:hover {
background-color:#e9f2fb
}
.ui.dropdown.info>.menu .active.item {
background-color:#cef1fd
}
.ui.dropdown.success,
.ui.dropdown.success>.text,
.ui.dropdown.success>.default.text {
color:#2c662d
}
.ui.selection.dropdown.success {
background:#fcfff5;
border-color:#a3c293
}
.ui.selection.dropdown.success:hover {
border-color:#a3c293
}
.ui.multiple.selection.success.dropdown>.label {
border-color:#a3c293
}
.ui.dropdown.success>.menu,
.ui.dropdown.success>.menu .menu {
border-color:#a3c293
}
.ui.dropdown.success>.menu>.item {
color:#2c662d
}
.ui.dropdown.success>.menu>.item:hover {
background-color:#e9fbe9
}
.ui.dropdown.success>.menu .active.item {
background-color:#dafdce
}
.ui.dropdown.warning,
.ui.dropdown.warning>.text,
.ui.dropdown.warning>.default.text {
color:#573a08
}
.ui.selection.dropdown.warning {
background:#fffaf3;
border-color:#c9ba9b
}
.ui.selection.dropdown.warning:hover {
border-color:#c9ba9b
}
.ui.multiple.selection.warning.dropdown>.label {
border-color:#c9ba9b
}
.ui.dropdown.warning>.menu,
.ui.dropdown.warning>.menu .menu {
border-color:#c9ba9b
}
.ui.dropdown.warning>.menu>.item {
color:#573a08
}
.ui.dropdown.warning>.menu>.item:hover {
background-color:#fbfbe9
}
.ui.dropdown.warning>.menu .active.item {
background-color:#fdfdce
}
.ui.dropdown>.clear.dropdown.icon {
opacity:.8;
transition:opacity .1s ease
}
.ui.dropdown>.clear.dropdown.icon:hover {
opacity:1
}
.ui.disabled.dropdown,
.ui.dropdown .menu>.disabled.item {
cursor:default;
pointer-events:none;
opacity:var(--opacity-disabled)
}
.ui.dropdown .menu {
left:0
}
.ui.dropdown .right.menu>.menu,
.ui.dropdown .menu .right.menu {
left:100%!important;
right:auto!important;
border-radius:.28571429rem!important
}
.ui.dropdown>.left.menu {
left:auto!important;
right:0!important
}
.ui.dropdown>.left.menu .menu,
.ui.dropdown .menu .left.menu {
left:auto;
right:100%;
margin:0 -.5em 0 0!important;
border-radius:.28571429rem!important
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
width:auto;
float:left;
margin:0
}
.ui.dropdown .item .left.dropdown.icon+.text,
.ui.dropdown .left.menu .item .dropdown.icon+.text {
margin-left:1em;
margin-right:0
}
.ui.upward.dropdown>.menu {
top:auto;
bottom:100%;
box-shadow:0 0 3px #00000014;
border-radius:.28571429rem .28571429rem 0 0
}
.ui.dropdown .upward.menu {
top:auto!important;
bottom:0!important
}
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
border-radius:.28571429rem .28571429rem 0 0!important
}
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
border-radius:.28571429rem .28571429rem 0 0
}
.ui.upward.selection.dropdown .menu {
border-top-width:1px!important;
border-bottom-width:0!important;
box-shadow:0 -2px 3px #00000014
}
.ui.upward.selection.dropdown:hover {
box-shadow:0 0 2px #0000000d
}
.ui.active.upward.selection.dropdown {
border-radius:0 0 .28571429rem .28571429rem!important
}
.ui.upward.selection.dropdown.visible {
box-shadow:0 0 3px #00000014;
border-radius:0 0 .28571429rem .28571429rem!important
}
.ui.upward.active.selection.dropdown:hover {
box-shadow:0 0 3px #0000000d
}
.ui.upward.active.selection.dropdown:hover .menu {
box-shadow:0 -2px 3px #00000014
}
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
overflow-x:hidden;
overflow-y:auto
}
.ui.scrolling.dropdown .menu {
overflow-x:hidden;
overflow-y:auto;
backface-visibility:hidden;
-webkit-overflow-scrolling:touch;
min-width:100%!important;
width:auto!important
}
.ui.dropdown .scrolling.menu {
position:static;
overflow-y:auto;
border:none;
box-shadow:none!important;
border-radius:0!important;
margin:0!important;
min-width:100%!important;
width:auto!important;
border-top:1px solid rgba(34,36,38,.15)
}
.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu>.item.item.item {
border-top:none
}
.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
border-top:none
}
.ui.dropdown>.animating.menu .scrolling.menu,
.ui.dropdown>.visible.menu .scrolling.menu {
display:block
}
@media all and (-ms-high-contrast: none) {
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
min-width:calc(100% - 17px)
}
}
@media only screen and (max-width: 767.98px) {
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
max-height:10.28571429rem
}
}
@media only screen and (min-width: 768px) {
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
max-height:15.42857143rem
}
}
@media only screen and (min-width: 992px) {
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
max-height:20.57142857rem
}
}
@media only screen and (min-width: 1920px) {
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
max-height:20.57142857rem
}
}
.ui.column.dropdown>.menu {
flex-wrap:wrap
}
.ui.dropdown[class*="two column"]>.menu>.item {
width:50%
}
.ui.dropdown[class*="three column"]>.menu>.item {
width:33%
}
.ui.dropdown[class*="four column"]>.menu>.item {
width:25%
}
.ui.dropdown[class*="five column"]>.menu>.item {
width:20%
}
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
display:none
}
.ui.simple.dropdown .menu {
position:absolute;
display:-ms-inline-flexbox!important;
display:block;
overflow:hidden;
top:-9999px;
opacity:0;
width:0;
height:0;
transition:opacity .1s ease;
margin-top:0!important
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
border-bottom-left-radius:0!important;
border-bottom-right-radius:0!important
}
.ui.simple.active.dropdown>.menu,
.ui.simple.dropdown:hover>.menu {
overflow:visible;
width:auto;
height:auto;
top:100%;
opacity:1
}
.ui.simple.dropdown>.menu>.item:active>.menu,
.ui.simple.dropdown .menu .item:hover>.menu {
overflow:visible;
width:auto;
height:auto;
top:0!important;
left:100%;
opacity:1
}
.ui.simple.dropdown>.menu>.item:active>.left.menu,
.ui.simple.dropdown .menu .item:hover>.left.menu,
.right.menu .ui.simple.dropdown>.menu>.item:active>.menu:not(.right),
.right.menu .ui.simple.dropdown>.menu .item:hover>.menu:not(.right) {
left:auto;
right:100%
}
.ui.simple.disabled.dropdown:hover .menu {
display:none;
height:0;
width:0;
overflow:hidden
}
.ui.simple.visible.dropdown>.menu {
display:block
}
.ui.simple.scrolling.active.dropdown>.menu,
.ui.simple.scrolling.dropdown:hover>.menu {
overflow-x:hidden;
overflow-y:auto
}
.ui.fluid.dropdown {
display:block;
width:100%!important;
min-width:0
}
.ui.fluid.dropdown>.dropdown.icon {
float:right
}
.ui.floating.dropdown .menu {
left:0;
right:auto;
box-shadow:0 2px 4px #2224261f,0 2px 10px #22242626!important;
border-radius:.28571429rem!important
}
.ui.floating.dropdown>.menu {
border-radius:.28571429rem!important
}
.ui:not(.upward).floating.dropdown>.menu {
margin-top:.5em
}
.ui.upward.floating.dropdown>.menu {
margin-bottom:.5em
}
.ui.pointing.dropdown>.menu {
top:100%;
margin-top:.78571429rem;
border-radius:.28571429rem
}
.ui.pointing.dropdown>.menu:not(.hidden):after {
display:block;
position:absolute;
pointer-events:none;
content:"";
visibility:visible;
transform:rotate(45deg);
width:.5em;
height:.5em;
box-shadow:-1px -1px #22242626;
background:#fff;
z-index:2;
top:-.25em;
left:50%;
margin:0 0 0 -.25em
}
.ui.top.left.pointing.dropdown>.menu {
inset:100% auto auto 0;
margin:1em 0 0
}
.ui.top.left.pointing.dropdown>.menu:after {
top:-.25em;
left:1em;
right:auto;
margin:0;
transform:rotate(45deg)
}
.ui.top.right.pointing.dropdown>.menu {
inset:100% 0 auto auto;
margin:1em 0 0
}
.ui.top.pointing.dropdown>.left.menu:after,
.ui.top.right.pointing.dropdown>.menu:after {
top:-.25em;
left:auto!important;
right:1em!important;
margin:0;
transform:rotate(45deg)
}
.ui.left.pointing.dropdown>.menu {
top:0;
left:100%;
right:auto;
margin:0 0 0 1em
}
.ui.left.pointing.dropdown>.menu:after {
top:1em;
left:-.25em;
margin:0;
transform:rotate(-45deg)
}
.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu {
left:auto!important;
right:100%!important;
margin:0 1em 0 0
}
.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after {
top:1em;
left:auto;
right:-.25em;
margin:0;
transform:rotate(135deg)
}
.ui.right.pointing.dropdown>.menu {
top:0;
left:auto;
right:100%;
margin:0 1em 0 0
}
.ui.right.pointing.dropdown>.menu:after {
top:1em;
left:auto;
right:-.25em;
margin:0;
transform:rotate(135deg)
}
.ui.bottom.pointing.dropdown>.menu {
inset:auto auto 100% 0;
margin:0 0 1em
}
.ui.bottom.pointing.dropdown>.menu:after {
top:auto;
bottom:-.25em;
right:auto;
margin:0;
transform:rotate(-135deg)
}
.ui.bottom.pointing.dropdown>.menu .menu {
top:auto!important;
bottom:0!important
}
.ui.bottom.left.pointing.dropdown>.menu {
left:0;
right:auto
}
.ui.bottom.left.pointing.dropdown>.menu:after {
left:1em;
right:auto
}
.ui.bottom.right.pointing.dropdown>.menu {
right:0;
left:auto
}
.ui.bottom.right.pointing.dropdown>.menu:after {
left:auto;
right:1em
}
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
top:auto!important;
bottom:100%!important;
margin:0 0 .78571429rem;
border-radius:.28571429rem
}
.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
top:100%!important;
bottom:auto!important;
box-shadow:1px 1px #22242626;
margin:-.25em 0 0
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
top:auto!important;
bottom:0!important;
margin:0 1em 0 0
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
top:auto!important;
bottom:0!important;
margin:0 0 1em;
box-shadow:-1px -1px #22242626
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
top:auto!important;
bottom:0!important;
margin:0 0 0 1em
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
top:auto!important;
bottom:0!important;
margin:0 0 1em;
box-shadow:-1px -1px #22242626
}
.ui.dropdown,
.ui.dropdown .menu>.item {
font-size:1rem
}
.ui.mini.dropdown,
.ui.mini.dropdown .menu>.item {
font-size:.78571429rem
}
.ui.tiny.dropdown,
.ui.tiny.dropdown .menu>.item {
font-size:.85714286rem
}
.ui.small.dropdown,
.ui.small.dropdown .menu>.item {
font-size:.92857143rem
}
.ui.large.dropdown,
.ui.large.dropdown .menu>.item {
font-size:1.14285714rem
}
.ui.big.dropdown,
.ui.big.dropdown .menu>.item {
font-size:1.28571429rem
}
.ui.huge.dropdown,
.ui.huge.dropdown .menu>.item {
font-size:1.42857143rem
}
.ui.massive.dropdown,
.ui.massive.dropdown .menu>.item {
font-size:1.71428571rem
}
@font-face {
font-family:Dropdown;
src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"),
url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
font-weight:400;
font-style:normal
}
.ui.dropdown>.dropdown.icon {
font-family:Dropdown;
line-height:1;
height:1em;
width:1.23em;
backface-visibility:hidden;
font-weight:400;
font-style:normal;
text-align:center;
width:auto
}
.ui.dropdown>.dropdown.icon:before {
content:"\f0d7"
}
.ui.dropdown .menu .item .dropdown.icon:before {
content:"\f0da"
}
.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
content:"\f0d9"
}
.ui.vertical.menu .dropdown.item>.dropdown.icon:before {
content:"\f0da"
}
.ui.form {
position:relative;
max-width:100%
}
.ui.form>p {
margin:1em 0
}
.ui.form .field {
clear:both;
margin:0 0 1em
}
.ui.form .fields .fields,
.ui.form .field:last-child,
.ui.form .fields:last-child .field {
margin-bottom:0
}
.ui.form .fields .field {
clear:both;
margin:0
}
.ui.form .field>label {
display:block;
margin:0 0 .28571429rem;
color:#000000de;
font-size:.92857143em;
font-weight:500;
text-transform:none
}
.ui.form textarea,
.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=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=time],
.ui.form input[type=text],
.ui.form input[type=file],
.ui.form input[type=url] {
width:100%;
vertical-align:top
}
.ui.form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button {
height:1.21428571em
}
.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=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=time],
.ui.form input[type=text],
.ui.form input[type=file],
.ui.form input[type=url] {
font-family:var(--fonts-regular);
margin:0;
outline:none;
-webkit-appearance:none;
-webkit-tap-highlight-color:rgba(255,255,255,0);
line-height:1.21428571em;
padding:.67857143em 1em;
font-size:1em;
background:#fff;
border:1px solid rgba(34,36,38,.15);
color:#000000de;
border-radius:.28571429rem;
box-shadow:0 0 0 0 transparent inset;
transition:color .1s ease,border-color .1s ease
}
.ui.input textarea,
.ui.form textarea {
margin:0;
-webkit-appearance:none;
-webkit-tap-highlight-color:rgba(255,255,255,0);
padding:.78571429em 1em;
background:#fff;
border:1px solid rgba(34,36,38,.15);
outline:none;
color:#000000de;
border-radius:.28571429rem;
box-shadow:0 0 0 0 transparent inset;
transition:color .1s ease,border-color .1s ease;
font-size:1em;
font-family:var(--fonts-regular);
line-height:1.2857;
resize:vertical
}
.ui.form textarea:not([rows]) {
height:12em;
min-height:8em;
max-height:24em
}
.ui.form textarea,
.ui.form input[type=checkbox] {
vertical-align:top
}
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) label+.ui.ui.checkbox {
margin-top:.7em
}
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.checkbox {
margin-top:2.41428571em
}
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.toggle.checkbox {
margin-top:2.21428571em
}
.ui.form .fields:not(.grouped):not(.inline) .field:not(:only-child) .ui.slider.checkbox {
margin-top:2.61428571em
}
.ui.ui.form .field .fields .field:not(:only-child) .ui.checkbox {
margin-top:.6em
}
.ui.ui.form .field .fields .field:not(:only-child) .ui.toggle.checkbox {
margin-top:.5em
}
.ui.ui.form .field .fields .field:not(:only-child) .ui.slider.checkbox {
margin-top:.7em
}
.ui.form input.attached {
width:auto
}
.ui.form select {
display:block;
height:auto;
width:100%;
background:#fff;
border:1px solid rgba(34,36,38,.15);
border-radius:.28571429rem;
box-shadow:0 0 0 0 transparent inset;
padding:.62em 1em;
color:#000000de;
transition:color .1s ease,border-color .1s ease
}
.ui.form .field>.selection.dropdown {
min-width:auto;
width:100%
}
.ui.form .field>.selection.dropdown>.dropdown.icon {
float:right
}
.ui.form .inline.fields .field>.selection.dropdown,
.ui.form .inline.field>.selection.dropdown {
width:auto
}
.ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon,
.ui.form .inline.field>.selection.dropdown>.dropdown.icon {
float:none
}
.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
width:100%
}
.ui.form .inline.fields .field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) .ui.input {
width:auto;
vertical-align:middle
}
.ui.form .fields .field .ui.input input,
.ui.form .field .ui.input input {
width:auto
}
.ui.form .ten.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .eight.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
flex:1 0 auto;
width:0
}
.ui.form .error.message,
.ui.form .error.message:empty {
display:none
}
.ui.form .info.message,
.ui.form .info.message:empty {
display:none
}
.ui.form .success.message,
.ui.form .success.message:empty {
display:none
}
.ui.form .warning.message,
.ui.form .warning.message:empty {
display:none
}
.ui.form .message:first-child {
margin-top:0
}
.ui.form .field .prompt.label {
white-space:normal;
background:#fff!important;
border:1px solid #E0B4B4!important;
color:#9f3a38!important
}
.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
vertical-align:top;
margin:-.25em 0 -.5em .5em
}
.ui.form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before {
border-width:0 0 1px 1px;
inset:50% auto auto 0
}
.ui.form .field.field input:-webkit-autofill {
box-shadow:0 0 0 100px ivory inset!important;
border-color:#e5dfa1!important
}
.ui.form .field.field input:-webkit-autofill:focus {
box-shadow:0 0 0 100px ivory inset!important;
border-color:#d5c315!important
}
.ui.form ::-webkit-input-placeholder {
color:#bfbfbfde
}
.ui.form :-ms-input-placeholder {
color:#bfbfbfde!important
}
.ui.form ::-moz-placeholder {
color:#bfbfbfde
}
.ui.form :focus::-webkit-input-placeholder {
color:#737373de
}
.ui.form :focus:-ms-input-placeholder {
color:#737373de!important
}
.ui.form :focus::-moz-placeholder {
color:#737373de
}
.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=url]:focus {
color:#000000f2;
border-color:#85b7d9;
border-radius:.28571429rem;
background:#fff;
box-shadow:0 0 #22242659 inset
}
.ui.form .ui.action.input:not([class*="left action"]) input:not([type]):focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=date]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=datetime-local]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=email]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=number]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=password]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=search]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=tel]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=time]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=text]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=file]:focus,
.ui.form .ui.action.input:not([class*="left action"]) input[type=url]:focus {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.ui.form .ui[class*="left action"].input input:not([type]),
.ui.form .ui[class*="left action"].input input[type=date],
.ui.form .ui[class*="left action"].input input[type=datetime-local],
.ui.form .ui[class*="left action"].input input[type=email],
.ui.form .ui[class*="left action"].input input[type=number],
.ui.form .ui[class*="left action"].input input[type=password],
.ui.form .ui[class*="left action"].input input[type=search],
.ui.form .ui[class*="left action"].input input[type=tel],
.ui.form .ui[class*="left action"].input input[type=time],
.ui.form .ui[class*="left action"].input input[type=text],
.ui.form .ui[class*="left action"].input input[type=file],
.ui.form .ui[class*="left action"].input input[type=url] {
border-bottom-left-radius:0;
border-top-left-radius:0
}
.ui.form textarea:focus {
color:#000000f2;
border-color:#85b7d9;
border-radius:.28571429rem;
background:#fff;
box-shadow:0 0 #22242659 inset;
-webkit-appearance:none
}
.ui.form.error .error.message:not(:empty) {
display:block
}
.ui.form.error .compact.error.message:not(:empty) {
display:inline-block
}
.ui.form.error .icon.error.message:not(:empty) {
display:flex
}
.ui.form .fields.error .error.message:not(:empty),
.ui.form .field.error .error.message:not(:empty) {
display:block
}
.ui.form .fields.error .compact.error.message:not(:empty),
.ui.form .field.error .compact.error.message:not(:empty) {
display:inline-block
}
.ui.form .fields.error .icon.error.message:not(:empty),
.ui.form .field.error .icon.error.message:not(:empty) {
display:flex
}
.ui.ui.form .fields.error .field label,
.ui.ui.form .field.error label,
.ui.ui.form .fields.error .field .input,
.ui.ui.form .field.error .input {
color:#9f3a38
}
.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
border-color:#9f3a38;
color:#fff
}
.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type=date],
.ui.form .fields.error .field input[type=datetime-local],
.ui.form .fields.error .field input[type=email],
.ui.form .fields.error .field input[type=number],
.ui.form .fields.error .field input[type=password],
.ui.form .fields.error .field input[type=search],
.ui.form .fields.error .field input[type=tel],
.ui.form .fields.error .field input[type=time],
.ui.form .fields.error .field input[type=text],
.ui.form .fields.error .field input[type=file],
.ui.form .fields.error .field input[type=url],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type=date],
.ui.form .field.error input[type=datetime-local],
.ui.form .field.error input[type=email],
.ui.form .field.error input[type=number],
.ui.form .field.error input[type=password],
.ui.form .field.error input[type=search],
.ui.form .field.error input[type=tel],
.ui.form .field.error input[type=time],
.ui.form .field.error input[type=text],
.ui.form .field.error input[type=file],
.ui.form .field.error input[type=url] {
color:#9f3a38;
background:#fff6f6;
border-color:#e0b4b4;
border-radius:"";
box-shadow:none
}
.ui.form .field.error textarea:focus,
.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type=date]:focus,
.ui.form .field.error input[type=datetime-local]:focus,
.ui.form .field.error input[type=email]:focus,
.ui.form .field.error input[type=number]:focus,
.ui.form .field.error input[type=password]:focus,
.ui.form .field.error input[type=search]:focus,
.ui.form .field.error input[type=tel]:focus,
.ui.form .field.error input[type=time]:focus,
.ui.form .field.error input[type=text]:focus,
.ui.form .field.error input[type=file]:focus,
.ui.form .field.error input[type=url]:focus {
background:#fff6f6;
border-color:#e0b4b4;
color:#9f3a38;
box-shadow:none
}
.ui.form .field.error select {
-webkit-appearance:menulist-button
}
.ui.form .field.error .transparent.input input,
.ui.form .field.error .transparent.input textarea,
.ui.form .field.error input.transparent,
.ui.form .field.error textarea.transparent {
background-color:#fff6f6!important;
color:#9f3a38!important
}
.ui.form .error.error input:-webkit-autofill {
box-shadow:0 0 0 100px #fffaf0 inset!important;
border-color:#e0b4b4!important
}
.ui.form .error ::-webkit-input-placeholder {
color:#e7bdbc
}
.ui.form .error :-ms-input-placeholder {
color:#e7bdbc!important
}
.ui.form .error ::-moz-placeholder {
color:#e7bdbc
}
.ui.form .error :focus::-webkit-input-placeholder {
color:#da9796
}
.ui.form .error :focus:-ms-input-placeholder {
color:#da9796!important
}
.ui.form .error :focus::-moz-placeholder {
color:#da9796
}
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .text,
.ui.form .field.error .ui.dropdown .item {
background:#fff6f6;
color:#9f3a38
}
.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
border-color:#e0b4b4!important
}
.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
border-color:#e0b4b4
}
.ui.form .fields.error .field .ui.multiple.selection.dropdown>.label,
.ui.form .field.error .ui.multiple.selection.dropdown>.label {
background-color:#eacbcb;
color:#9f3a38
}
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover,
.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
.ui.form .field.error .ui.dropdown .menu .selected.item {
background-color:#fbe7e7
}
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
background-color:#fdcfcf!important
}
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
color:#9f3a38
}
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
background:#fff6f6;
border-color:#e0b4b4
}
.ui.form .fields.error .field .checkbox label:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .field.error .checkbox .box:after {
color:#9f3a38
}
.ui.form.info .info.message:not(:empty) {
display:block
}
.ui.form.info .compact.info.message:not(:empty) {
display:inline-block
}
.ui.form.info .icon.info.message:not(:empty) {
display:flex
}
.ui.form .fields.info .info.message:not(:empty),
.ui.form .field.info .info.message:not(:empty) {
display:block
}
.ui.form .fields.info .compact.info.message:not(:empty),
.ui.form .field.info .compact.info.message:not(:empty) {
display:inline-block
}
.ui.form .fields.info .icon.info.message:not(:empty),
.ui.form .field.info .icon.info.message:not(:empty) {
display:flex
}
.ui.ui.form .fields.info .field label,
.ui.ui.form .field.info label,
.ui.ui.form .fields.info .field .input,
.ui.ui.form .field.info .input {
color:#276f86
}
.ui.form .fields.info .field .corner.label,
.ui.form .field.info .corner.label {
border-color:#276f86;
color:#fff
}
.ui.form .fields.info .field textarea,
.ui.form .fields.info .field select,
.ui.form .fields.info .field input:not([type]),
.ui.form .fields.info .field input[type=date],
.ui.form .fields.info .field input[type=datetime-local],
.ui.form .fields.info .field input[type=email],
.ui.form .fields.info .field input[type=number],
.ui.form .fields.info .field input[type=password],
.ui.form .fields.info .field input[type=search],
.ui.form .fields.info .field input[type=tel],
.ui.form .fields.info .field input[type=time],
.ui.form .fields.info .field input[type=text],
.ui.form .fields.info .field input[type=file],
.ui.form .fields.info .field input[type=url],
.ui.form .field.info textarea,
.ui.form .field.info select,
.ui.form .field.info input:not([type]),
.ui.form .field.info input[type=date],
.ui.form .field.info input[type=datetime-local],
.ui.form .field.info input[type=email],
.ui.form .field.info input[type=number],
.ui.form .field.info input[type=password],
.ui.form .field.info input[type=search],
.ui.form .field.info input[type=tel],
.ui.form .field.info input[type=time],
.ui.form .field.info input[type=text],
.ui.form .field.info input[type=file],
.ui.form .field.info input[type=url] {
color:#276f86;
background:#f8ffff;
border-color:#a9d5de;
border-radius:"";
box-shadow:none
}
.ui.form .field.info textarea:focus,
.ui.form .field.info select:focus,
.ui.form .field.info input:not([type]):focus,
.ui.form .field.info input[type=date]:focus,
.ui.form .field.info input[type=datetime-local]:focus,
.ui.form .field.info input[type=email]:focus,
.ui.form .field.info input[type=number]:focus,
.ui.form .field.info input[type=password]:focus,
.ui.form .field.info input[type=search]:focus,
.ui.form .field.info input[type=tel]:focus,
.ui.form .field.info input[type=time]:focus,
.ui.form .field.info input[type=text]:focus,
.ui.form .field.info input[type=file]:focus,
.ui.form .field.info input[type=url]:focus {
background:#f8ffff;
border-color:#a9d5de;
color:#276f86;
box-shadow:none
}
.ui.form .field.info select {
-webkit-appearance:menulist-button
}
.ui.form .field.info .transparent.input input,
.ui.form .field.info .transparent.input textarea,
.ui.form .field.info input.transparent,
.ui.form .field.info textarea.transparent {
background-color:#f8ffff!important;
color:#276f86!important
}
.ui.form .info.info input:-webkit-autofill {
box-shadow:0 0 0 100px #f0faff inset!important;
border-color:#b3e0e0!important
}
.ui.form .info ::-webkit-input-placeholder {
color:#98cfe1
}
.ui.form .info :-ms-input-placeholder {
color:#98cfe1!important
}
.ui.form .info ::-moz-placeholder {
color:#98cfe1
}
.ui.form .info :focus::-webkit-input-placeholder {
color:#70bdd6
}
.ui.form .info :focus:-ms-input-placeholder {
color:#70bdd6!important
}
.ui.form .info :focus::-moz-placeholder {
color:#70bdd6
}
.ui.form .fields.info .field .ui.dropdown,
.ui.form .fields.info .field .ui.dropdown .item,
.ui.form .field.info .ui.dropdown,
.ui.form .field.info .ui.dropdown .text,
.ui.form .field.info .ui.dropdown .item {
background:#f8ffff;
color:#276f86
}
.ui.form .fields.info .field .ui.dropdown,
.ui.form .field.info .ui.dropdown,
.ui.form .fields.info .field .ui.dropdown:hover,
.ui.form .field.info .ui.dropdown:hover {
border-color:#a9d5de!important
}
.ui.form .fields.info .field .ui.dropdown:hover .menu,
.ui.form .field.info .ui.dropdown:hover .menu {
border-color:#a9d5de
}
.ui.form .fields.info .field .ui.multiple.selection.dropdown>.label,
.ui.form .field.info .ui.multiple.selection.dropdown>.label {
background-color:#cce3ea;
color:#276f86
}
.ui.form .fields.info .field .ui.dropdown .menu .item:hover,
.ui.form .field.info .ui.dropdown .menu .item:hover,
.ui.form .fields.info .field .ui.dropdown .menu .selected.item,
.ui.form .field.info .ui.dropdown .menu .selected.item {
background-color:#e9f2fb
}
.ui.form .fields.info .field .ui.dropdown .menu .active.item,
.ui.form .field.info .ui.dropdown .menu .active.item {
background-color:#cef1fd!important
}
.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.info .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.info .checkbox:not(.toggle):not(.slider) .box {
color:#276f86
}
.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.info .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.info .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.info .checkbox:not(.toggle):not(.slider) .box:before {
background:#f8ffff;
border-color:#a9d5de
}
.ui.form .fields.info .field .checkbox label:after,
.ui.form .field.info .checkbox label:after,
.ui.form .fields.info .field .checkbox .box:after,
.ui.form .field.info .checkbox .box:after {
color:#276f86
}
.ui.form.success .success.message:not(:empty) {
display:block
}
.ui.form.success .compact.success.message:not(:empty) {
display:inline-block
}
.ui.form.success .icon.success.message:not(:empty) {
display:flex
}
.ui.form .fields.success .success.message:not(:empty),
.ui.form .field.success .success.message:not(:empty) {
display:block
}
.ui.form .fields.success .compact.success.message:not(:empty),
.ui.form .field.success .compact.success.message:not(:empty) {
display:inline-block
}
.ui.form .fields.success .icon.success.message:not(:empty),
.ui.form .field.success .icon.success.message:not(:empty) {
display:flex
}
.ui.ui.form .fields.success .field label,
.ui.ui.form .field.success label,
.ui.ui.form .fields.success .field .input,
.ui.ui.form .field.success .input {
color:#2c662d
}
.ui.form .fields.success .field .corner.label,
.ui.form .field.success .corner.label {
border-color:#2c662d;
color:#fff
}
.ui.form .fields.success .field textarea,
.ui.form .fields.success .field select,
.ui.form .fields.success .field input:not([type]),
.ui.form .fields.success .field input[type=date],
.ui.form .fields.success .field input[type=datetime-local],
.ui.form .fields.success .field input[type=email],
.ui.form .fields.success .field input[type=number],
.ui.form .fields.success .field input[type=password],
.ui.form .fields.success .field input[type=search],
.ui.form .fields.success .field input[type=tel],
.ui.form .fields.success .field input[type=time],
.ui.form .fields.success .field input[type=text],
.ui.form .fields.success .field input[type=file],
.ui.form .fields.success .field input[type=url],
.ui.form .field.success textarea,
.ui.form .field.success select,
.ui.form .field.success input:not([type]),
.ui.form .field.success input[type=date],
.ui.form .field.success input[type=datetime-local],
.ui.form .field.success input[type=email],
.ui.form .field.success input[type=number],
.ui.form .field.success input[type=password],
.ui.form .field.success input[type=search],
.ui.form .field.success input[type=tel],
.ui.form .field.success input[type=time],
.ui.form .field.success input[type=text],
.ui.form .field.success input[type=file],
.ui.form .field.success input[type=url] {
color:#2c662d;
background:#fcfff5;
border-color:#a3c293;
border-radius:"";
box-shadow:none
}
.ui.form .field.success textarea:focus,
.ui.form .field.success select:focus,
.ui.form .field.success input:not([type]):focus,
.ui.form .field.success input[type=date]:focus,
.ui.form .field.success input[type=datetime-local]:focus,
.ui.form .field.success input[type=email]:focus,
.ui.form .field.success input[type=number]:focus,
.ui.form .field.success input[type=password]:focus,
.ui.form .field.success input[type=search]:focus,
.ui.form .field.success input[type=tel]:focus,
.ui.form .field.success input[type=time]:focus,
.ui.form .field.success input[type=text]:focus,
.ui.form .field.success input[type=file]:focus,
.ui.form .field.success input[type=url]:focus {
background:#fcfff5;
border-color:#a3c293;
color:#2c662d;
box-shadow:none
}
.ui.form .field.success select {
-webkit-appearance:menulist-button
}
.ui.form .field.success .transparent.input input,
.ui.form .field.success .transparent.input textarea,
.ui.form .field.success input.transparent,
.ui.form .field.success textarea.transparent {
background-color:#fcfff5!important;
color:#2c662d!important
}
.ui.form .success.success input:-webkit-autofill {
box-shadow:0 0 0 100px #f0fff0 inset!important;
border-color:#bee0b3!important
}
.ui.form .success ::-webkit-input-placeholder {
color:#8fcf90
}
.ui.form .success :-ms-input-placeholder {
color:#8fcf90!important
}
.ui.form .success ::-moz-placeholder {
color:#8fcf90
}
.ui.form .success :focus::-webkit-input-placeholder {
color:#6cbf6d
}
.ui.form .success :focus:-ms-input-placeholder {
color:#6cbf6d!important
}
.ui.form .success :focus::-moz-placeholder {
color:#6cbf6d
}
.ui.form .fields.success .field .ui.dropdown,
.ui.form .fields.success .field .ui.dropdown .item,
.ui.form .field.success .ui.dropdown,
.ui.form .field.success .ui.dropdown .text,
.ui.form .field.success .ui.dropdown .item {
background:#fcfff5;
color:#2c662d
}
.ui.form .fields.success .field .ui.dropdown,
.ui.form .field.success .ui.dropdown,
.ui.form .fields.success .field .ui.dropdown:hover,
.ui.form .field.success .ui.dropdown:hover {
border-color:#a3c293!important
}
.ui.form .fields.success .field .ui.dropdown:hover .menu,
.ui.form .field.success .ui.dropdown:hover .menu {
border-color:#a3c293
}
.ui.form .fields.success .field .ui.multiple.selection.dropdown>.label,
.ui.form .field.success .ui.multiple.selection.dropdown>.label {
background-color:#cceacc;
color:#2c662d
}
.ui.form .fields.success .field .ui.dropdown .menu .item:hover,
.ui.form .field.success .ui.dropdown .menu .item:hover,
.ui.form .fields.success .field .ui.dropdown .menu .selected.item,
.ui.form .field.success .ui.dropdown .menu .selected.item {
background-color:#e9fbe9
}
.ui.form .fields.success .field .ui.dropdown .menu .active.item,
.ui.form .field.success .ui.dropdown .menu .active.item {
background-color:#dafdce!important
}
.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.success .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.success .checkbox:not(.toggle):not(.slider) .box {
color:#2c662d
}
.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.success .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.success .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.success .checkbox:not(.toggle):not(.slider) .box:before {
background:#fcfff5;
border-color:#a3c293
}
.ui.form .fields.success .field .checkbox label:after,
.ui.form .field.success .checkbox label:after,
.ui.form .fields.success .field .checkbox .box:after,
.ui.form .field.success .checkbox .box:after {
color:#2c662d
}
.ui.form.warning .warning.message:not(:empty) {
display:block
}
.ui.form.warning .compact.warning.message:not(:empty) {
display:inline-block
}
.ui.form.warning .icon.warning.message:not(:empty) {
display:flex
}
.ui.form .fields.warning .warning.message:not(:empty),
.ui.form .field.warning .warning.message:not(:empty) {
display:block
}
.ui.form .fields.warning .compact.warning.message:not(:empty),
.ui.form .field.warning .compact.warning.message:not(:empty) {
display:inline-block
}
.ui.form .fields.warning .icon.warning.message:not(:empty),
.ui.form .field.warning .icon.warning.message:not(:empty) {
display:flex
}
.ui.ui.form .fields.warning .field label,
.ui.ui.form .field.warning label,
.ui.ui.form .fields.warning .field .input,
.ui.ui.form .field.warning .input {
color:#573a08
}
.ui.form .fields.warning .field .corner.label,
.ui.form .field.warning .corner.label {
border-color:#573a08;
color:#fff
}
.ui.form .fields.warning .field textarea,
.ui.form .fields.warning .field select,
.ui.form .fields.warning .field input:not([type]),
.ui.form .fields.warning .field input[type=date],
.ui.form .fields.warning .field input[type=datetime-local],
.ui.form .fields.warning .field input[type=email],
.ui.form .fields.warning .field input[type=number],
.ui.form .fields.warning .field input[type=password],
.ui.form .fields.warning .field input[type=search],
.ui.form .fields.warning .field input[type=tel],
.ui.form .fields.warning .field input[type=time],
.ui.form .fields.warning .field input[type=text],
.ui.form .fields.warning .field input[type=file],
.ui.form .fields.warning .field input[type=url],
.ui.form .field.warning textarea,
.ui.form .field.warning select,
.ui.form .field.warning input:not([type]),
.ui.form .field.warning input[type=date],
.ui.form .field.warning input[type=datetime-local],
.ui.form .field.warning input[type=email],
.ui.form .field.warning input[type=number],
.ui.form .field.warning input[type=password],
.ui.form .field.warning input[type=search],
.ui.form .field.warning input[type=tel],
.ui.form .field.warning input[type=time],
.ui.form .field.warning input[type=text],
.ui.form .field.warning input[type=file],
.ui.form .field.warning input[type=url] {
color:#573a08;
background:#fffaf3;
border-color:#c9ba9b;
border-radius:"";
box-shadow:none
}
.ui.form .field.warning textarea:focus,
.ui.form .field.warning select:focus,
.ui.form .field.warning input:not([type]):focus,
.ui.form .field.warning input[type=date]:focus,
.ui.form .field.warning input[type=datetime-local]:focus,
.ui.form .field.warning input[type=email]:focus,
.ui.form .field.warning input[type=number]:focus,
.ui.form .field.warning input[type=password]:focus,
.ui.form .field.warning input[type=search]:focus,
.ui.form .field.warning input[type=tel]:focus,
.ui.form .field.warning input[type=time]:focus,
.ui.form .field.warning input[type=text]:focus,
.ui.form .field.warning input[type=file]:focus,
.ui.form .field.warning input[type=url]:focus {
background:#fffaf3;
border-color:#c9ba9b;
color:#573a08;
box-shadow:none
}
.ui.form .field.warning select {
-webkit-appearance:menulist-button
}
.ui.form .field.warning .transparent.input input,
.ui.form .field.warning .transparent.input textarea,
.ui.form .field.warning input.transparent,
.ui.form .field.warning textarea.transparent {
background-color:#fffaf3!important;
color:#573a08!important
}
.ui.form .warning.warning input:-webkit-autofill {
box-shadow:0 0 0 100px #ffffe0 inset!important;
border-color:#e0e0b3!important
}
.ui.form .warning ::-webkit-input-placeholder {
color:#edad3e
}
.ui.form .warning :-ms-input-placeholder {
color:#edad3e!important
}
.ui.form .warning ::-moz-placeholder {
color:#edad3e
}
.ui.form .warning :focus::-webkit-input-placeholder {
color:#e39715
}
.ui.form .warning :focus:-ms-input-placeholder {
color:#e39715!important
}
.ui.form .warning :focus::-moz-placeholder {
color:#e39715
}
.ui.form .fields.warning .field .ui.dropdown,
.ui.form .fields.warning .field .ui.dropdown .item,
.ui.form .field.warning .ui.dropdown,
.ui.form .field.warning .ui.dropdown .text,
.ui.form .field.warning .ui.dropdown .item {
background:#fffaf3;
color:#573a08
}
.ui.form .fields.warning .field .ui.dropdown,
.ui.form .field.warning .ui.dropdown,
.ui.form .fields.warning .field .ui.dropdown:hover,
.ui.form .field.warning .ui.dropdown:hover {
border-color:#c9ba9b!important
}
.ui.form .fields.warning .field .ui.dropdown:hover .menu,
.ui.form .field.warning .ui.dropdown:hover .menu {
border-color:#c9ba9b
}
.ui.form .fields.warning .field .ui.multiple.selection.dropdown>.label,
.ui.form .field.warning .ui.multiple.selection.dropdown>.label {
background-color:#eaeacc;
color:#573a08
}
.ui.form .fields.warning .field .ui.dropdown .menu .item:hover,
.ui.form .field.warning .ui.dropdown .menu .item:hover,
.ui.form .fields.warning .field .ui.dropdown .menu .selected.item,
.ui.form .field.warning .ui.dropdown .menu .selected.item {
background-color:#fbfbe9
}
.ui.form .fields.warning .field .ui.dropdown .menu .active.item,
.ui.form .field.warning .ui.dropdown .menu .active.item {
background-color:#fdfdce!important
}
.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box {
color:#573a08
}
.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.warning .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.warning .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.warning .checkbox:not(.toggle):not(.slider) .box:before {
background:#fffaf3;
border-color:#c9ba9b
}
.ui.form .fields.warning .field .checkbox label:after,
.ui.form .field.warning .checkbox label:after,
.ui.form .fields.warning .field .checkbox .box:after,
.ui.form .field.warning .checkbox .box:after {
color:#573a08
}
.ui.form .disabled.fields .field,
.ui.form .disabled.field,
.ui.form .field :disabled {
pointer-events:none;
opacity:var(--opacity-disabled)
}
.ui.form .field.disabled>label,
.ui.form .fields.disabled>label {
opacity:var(--opacity-disabled)
}
.ui.form .field.disabled :disabled {
opacity:1
}
.ui.loading.form {
position:relative;
cursor:default;
pointer-events:none
}
.ui.loading.form:before {
position:absolute;
content:"";
top:0;
left:0;
background:#fffc;
width:100%;
height:100%;
z-index:100
}
.ui.loading.form.segments:before {
border-radius:.28571429rem
}
.ui.loading.form:after {
position:absolute;
content:"";
top:50%;
left:50%;
margin:-1.5em 0 0 -1.5em;
width:3em;
height:3em;
animation:loader .6s infinite linear;
border:.2em solid #767676;
border-radius:500rem;
box-shadow:0 0 0 1px transparent;
visibility:visible;
z-index:101
}
.ui.form .required.fields:not(.grouped)>.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.field>label:after,
.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,
.ui.form .required.field>.checkbox:after,
.ui.form label.required:after {
margin:-.2em 0 0 .2em;
content:"*";
color:#db2828
}
.ui.form .required.fields:not(.grouped)>.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.field>label:after,
.ui.form label.required:after {
display:inline-block;
vertical-align:top
}
.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,
.ui.form .required.field>.checkbox:after {
position:absolute;
top:0;
left:100%
}
.ui.form .grouped.fields {
display:block;
margin:0 0 1em
}
.ui.form .grouped.fields:last-child {
margin-bottom:0
}
.ui.form .grouped.fields>label {
margin:0 0 .28571429rem;
color:#000000de;
font-size:.92857143em;
font-weight:500;
text-transform:none
}
.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
display:block;
margin:.5em 0;
padding:0
}
.ui.form .grouped.inline.fields .ui.checkbox {
margin-bottom:.4em
}
.ui.form .fields {
display:flex;
flex-direction:row;
margin:0 -.5em 1em
}
.ui.form .fields>.field {
flex:0 1 auto;
padding-left:.5em;
padding-right:.5em
}
.ui.form .fields>.field:first-child {
border-left:none;
box-shadow:none
}
.ui.form .two.fields>.fields,
.ui.form .two.fields>.field {
width:50%
}
.ui.form .three.fields>.fields,
.ui.form .three.fields>.field {
width:33.33333333%
}
.ui.form .four.fields>.fields,
.ui.form .four.fields>.field {
width:25%
}
.ui.form .five.fields>.fields,
.ui.form .five.fields>.field {
width:20%
}
.ui.form .six.fields>.fields,
.ui.form .six.fields>.field {
width:16.66666667%
}
.ui.form .seven.fields>.fields,
.ui.form .seven.fields>.field {
width:14.28571429%
}
.ui.form .eight.fields>.fields,
.ui.form .eight.fields>.field {
width:12.5%
}
.ui.form .nine.fields>.fields,
.ui.form .nine.fields>.field {
width:11.11111111%
}
.ui.form .ten.fields>.fields,
.ui.form .ten.fields>.field {
width:10%
}
@media only screen and (max-width: 767.98px) {
.ui.form .fields {
flex-wrap:wrap;
margin-bottom:0
}
.ui.form:not(.unstackable) .fields:not(.unstackable)>.fields,
.ui.form:not(.unstackable) .fields:not(.unstackable)>.field {
width:100%;
margin:0 0 1em
}
}
.ui.form .fields .wide.field {
width:6.25%;
padding-left:.5em;
padding-right:.5em
}
.ui.form .one.wide.field {
width:6.25%
}
.ui.form .two.wide.field {
width:12.5%
}
.ui.form .three.wide.field {
width:18.75%
}
.ui.form .four.wide.field {
width:25%
}
.ui.form .five.wide.field {
width:31.25%
}
.ui.form .six.wide.field {
width:37.5%
}
.ui.form .seven.wide.field {
width:43.75%
}
.ui.form .eight.wide.field {
width:50%
}
.ui.form .nine.wide.field {
width:56.25%
}
.ui.form .ten.wide.field {
width:62.5%
}
.ui.form .eleven.wide.field {
width:68.75%
}
.ui.form .twelve.wide.field {
width:75%
}
.ui.form .thirteen.wide.field {
width:81.25%
}
.ui.form .fourteen.wide.field {
width:87.5%
}
.ui.form .fifteen.wide.field {
width:93.75%
}
.ui.form .sixteen.wide.field {
width:100%
}
.ui[class*="equal width"].form .fields>.field,
.ui.form [class*="equal width"].fields>.field {
width:100%;
flex:1 1 auto
}
.ui.form .inline.fields {
margin:0 0 1em;
align-items:center
}
.ui.form .inline.fields .field {
margin:0;
padding:0 1em 0 0
}
.ui.form .inline.fields>label,
.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p,
.ui.form .inline.field>label,
.ui.form .inline.field>p {
display:inline-block;
width:auto;
margin-top:0;
margin-bottom:0;
vertical-align:baseline;
font-size:.92857143em;
font-weight:500;
color:#000000de;
text-transform:none
}
.ui.form .inline.fields>label {
margin:.035714em 1em 0 0
}
.ui.form .inline.fields .field>input,
.ui.form .inline.fields .field>select,
.ui.form .inline.field>input,
.ui.form .inline.field>select {
display:inline-block;
width:auto;
margin-top:0;
margin-bottom:0;
vertical-align:middle;
font-size:1em
}
.ui.form .inline.fields .field .calendar:not(.popup),
.ui.form .inline.field .calendar:not(.popup) {
display:inline-block
}
.ui.form .inline.fields .field .calendar:not(.popup)>.input>input,
.ui.form .inline.field .calendar:not(.popup)>.input>input {
width:13.11em
}
.ui.form .inline.fields .field>:first-child,
.ui.form .inline.field>:first-child {
margin:0 .85714286em 0 0
}
.ui.form .inline.fields .field>:only-child,
.ui.form .inline.field>:only-child {
margin:0
}
.ui.form .inline.fields .wide.field {
display:flex;
align-items:center
}
.ui.form .inline.fields .wide.field>input,
.ui.form .inline.fields .wide.field>select {
width:100%
}
.ui.form,
.ui.form .field .dropdown,
.ui.form .field .dropdown .menu>.item {
font-size:1rem
}
.ui.mini.form,
.ui.mini.form .field .dropdown,
.ui.mini.form .field .dropdown .menu>.item {
font-size:.78571429rem
}
.ui.tiny.form,
.ui.tiny.form .field .dropdown,
.ui.tiny.form .field .dropdown .menu>.item {
font-size:.85714286rem
}
.ui.small.form,
.ui.small.form .field .dropdown,
.ui.small.form .field .dropdown .menu>.item {
font-size:.92857143rem
}
.ui.large.form,
.ui.large.form .field .dropdown,
.ui.large.form .field .dropdown .menu>.item {
font-size:1.14285714rem
}
.ui.big.form,
.ui.big.form .field .dropdown,
.ui.big.form .field .dropdown .menu>.item {
font-size:1.28571429rem
}
.ui.huge.form,
.ui.huge.form .field .dropdown,
.ui.huge.form .field .dropdown .menu>.item {
font-size:1.42857143rem
}
.ui.massive.form,
.ui.massive.form .field .dropdown,
.ui.massive.form .field .dropdown .menu>.item {
font-size:1.71428571rem
}
.ui.menu {
display:flex;
margin:1rem 0;
font-family:var(--fonts-regular);
background:#fff;
font-weight:400;
border:1px solid rgba(34,36,38,.15);
box-shadow:0 1px 2px #22242626;
border-radius:.28571429rem;
min-height:2.85714286em
}
.ui.menu:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden
}
.ui.menu:first-child {
margin-top:0
}
.ui.menu:last-child {
margin-bottom:0
}
.ui.menu .menu {
margin:0
}
.ui.menu:not(.vertical)>.menu {
display:flex
}
.ui.menu:not(.vertical) .item {
display:flex;
align-items:center
}
.ui.menu .item {
position:relative;
vertical-align:middle;
line-height:1;
text-decoration:none;
-webkit-tap-highlight-color:transparent;
flex:0 0 auto;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
background:none;
padding:.92857143em 1.14285714em;
text-transform:none;
color:#000000de;
font-weight:400;
transition:background .1s ease,box-shadow .1s ease,color .1s ease
}
.ui.menu>.item:first-child {
border-radius:.28571429rem 0 0 .28571429rem
}
.ui.menu .item:before {
position:absolute;
content:"";
top:0;
right:0;
height:100%;
width:1px;
background:#2224261a
}
.ui.menu .text.item>*,
.ui.menu .item>a:not(.ui),
.ui.menu .item>p:only-child {
-webkit-user-select:text;
-moz-user-select:text;
user-select:text;
line-height:1.3
}
.ui.menu .item>p:first-child {
margin-top:0
}
.ui.menu .item>p:last-child {
margin-bottom:0
}
.ui.menu .item>i.icon {
opacity:.9;
float:none;
margin:0 .35714286em 0 0
}
.ui.menu:not(.vertical) .item>.button {
position:relative;
top:0;
margin:-.5em 0;
padding-bottom:.78571429em;
padding-top:.78571429em;
font-size:1em
}
.ui.menu>.grid,
.ui.menu>.container {
display:flex;
align-items:inherit;
flex-direction:inherit
}
.ui.menu .item>.input {
width:100%
}
.ui.menu:not(.vertical) .item>.input {
position:relative;
top:0;
margin:-.5em 0
}
.ui.menu .item>.input input {
font-size:1em;
padding-top:.57142857em;
padding-bottom:.57142857em
}
.ui.menu .header.item,
.ui.vertical.menu .header.item {
margin:0;
background:"";
text-transform:normal;
font-weight:500
}
.ui.vertical.menu .item>.header:not(.ui) {
margin:0 0 .5em;
font-size:1em;
font-weight:500
}
.ui.menu .item>i.dropdown.icon {
padding:0;
float:right;
margin:0 0 0 1em
}
.ui.menu .dropdown.item .menu {
min-width:calc(100% - 1px);
border-radius:0 0 .28571429rem .28571429rem;
background:#fff;
margin:0;
box-shadow:0 1px 3px #00000014;
flex-direction:column!important
}
.ui.menu .ui.dropdown .menu>.item {
margin:0;
text-align:left;
font-size:1em!important;
padding:.78571429em 1.14285714em!important;
background:transparent!important;
color:#000000de!important;
text-transform:none!important;
font-weight:400!important;
box-shadow:none!important;
transition:none!important
}
.ui.menu .ui.dropdown .menu>.item:hover {
background:#0000000d!important;
color:#000000f2!important
}
.ui.menu .ui.dropdown .menu>.selected.item {
background:#0000000d!important;
color:#000000f2!important
}
.ui.menu .ui.dropdown .menu>.active.item {
background:#00000008!important;
font-weight:500!important;
color:#000000f2!important
}
.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
display:block
}
.ui.menu .ui.dropdown .menu>.item>.icons,
.ui.menu .ui.dropdown .menu>.item>i.icon:not(.dropdown) {
display:inline-block;
font-size:1em!important;
float:none;
margin:0 .75em 0 0!important
}
.ui.secondary.menu .dropdown.item>.menu,
.ui.text.menu .dropdown.item>.menu {
border-radius:.28571429rem;
margin-top:.35714286em
}
.ui.menu .pointing.dropdown.item .menu {
margin-top:.75em
}
.ui.vertical.menu .dropdown.item>i.icon {
float:right;
content:"\f0da";
margin-left:1em
}
.ui.vertical.menu .dropdown.item .menu {
left:100%;
min-width:0;
min-width:-moz-max-content;
min-width:max-content;
margin:0;
box-shadow:0 1px 3px #00000014;
border-radius:0 .28571429rem .28571429rem
}
.ui.vertical.menu .dropdown.item.upward .menu {
bottom:0
}
.ui.vertical.menu .dropdown.item:not(.upward) .menu {
top:0
}
.ui.vertical.menu .active.dropdown.item {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.ui.vertical.menu .dropdown.active.item {
box-shadow:none
}
.ui.item.menu .dropdown .menu .item {
width:100%
}
.ui.menu .item>.label:not(.floating) {
margin-left:1em;
padding:.3em .78571429em
}
.ui.vertical.menu .item>.label {
margin-top:-.15em;
margin-bottom:-.15em;
padding:.3em .78571429em
}
.ui.menu .item>.floating.label {
padding:.3em .78571429em
}
.ui.menu .item>.label {
background:#999;
color:#fff
}
.ui.menu .item>.image.label img {
margin:-.2833em .8em -.2833em -.8em;
height:1.5666em
}
.ui.menu .item>img:not(.ui) {
display:inline-block;
vertical-align:middle;
margin:-.3em 0;
width:2.5em
}
.ui.vertical.menu .item>img:not(.ui):only-child {
display:block;
max-width:100%;
width:auto
}
.ui.menu .list .item:before {
background:none!important
}
.ui.vertical.sidebar.menu>.item:first-child:before {
display:block!important
}
.ui.vertical.sidebar.menu>.item:before {
top:auto;
bottom:0
}
@media only screen and (max-width: 767.98px) {
.ui.menu>.ui.container {
width:100%!important;
margin-left:0!important;
margin-right:0!important
}
}
@media only screen and (min-width: 768px) {
.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.item:not(.right):not(.borderless):first-child {
border-left:1px solid rgba(34,36,38,.1)
}
.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.right.item:not(.borderless):last-child,
.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.right.menu>.item:not(.borderless):last-child {
border-right:1px solid rgba(34,36,38,.1)
}
}
.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
cursor:pointer;
background:#00000008;
color:#000000f2
}
.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active {
background:#00000008;
color:#000000f2
}
.ui.menu .active.item {
background:#0000000d;
color:#000000f2;
font-weight:400;
box-shadow:none
}
.ui.menu .active.item>i.icon {
opacity:1
}
.ui.menu .active.item:hover,
.ui.vertical.menu .active.item:hover {
background-color:#0000000d;
color:#000000f2
}
.ui.ui.menu .item.disabled {
cursor:default;
background-color:transparent;
color:#2828284d;
pointer-events:none
}
.ui.menu:not(.vertical) .left.item,
.ui.menu:not(.vertical) .left.menu {
display:flex;
margin-right:auto!important
}
.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
display:flex;
margin-left:auto!important
}
.ui.menu:not(.vertical) :not(.dropdown)>.left.menu,
.ui.menu:not(.vertical) :not(.dropdown)>.right.menu {
display:inherit
}
.ui.menu:not(.vertical) .center.item,
.ui.menu:not(.vertical) .center.menu {
display:flex;
margin-left:auto!important;
margin-right:auto!important
}
.ui.menu .right.item:before,
.ui.menu .right.menu>.item:before {
right:auto;
left:0
}
.ui.menu .center.item:last-child:before,
.ui.menu .center.menu>.item:last-child:before {
display:none
}
.ui.vertical.menu {
display:block;
flex-direction:column;
background:#fff;
box-shadow:0 1px 2px #22242626
}
.ui.vertical.menu .item {
display:block;
background:none;
border-top:none;
border-right:none
}
.ui.vertical.menu>.item:first-child {
border-radius:.28571429rem .28571429rem 0 0
}
.ui.vertical.menu>.item:last-child {
border-radius:0 0 .28571429rem .28571429rem
}
.ui.vertical.menu .item>.label {
float:right;
text-align:center
}
.ui.vertical.menu .item>i.icon,
.ui.vertical.menu .item>i.icons {
width:1.18em;
float:right;
margin:0 0 0 .5em
}
.ui.vertical.menu .item>.label+i.icon {
float:none;
margin:0 .5em 0 0
}
.ui.vertical.menu .item:before {
position:absolute;
content:"";
top:0;
left:0;
width:100%;
height:1px;
background:#2224261a
}
.ui.vertical.menu .item:first-child:before {
display:none!important
}
.ui.vertical.menu .item>.menu {
margin:.5em -1.14285714em 0
}
.ui.vertical.menu .menu .item {
background:none;
padding:.5em 1.33333333em;
font-size:.85714286em;
color:#00000080
}
.ui.vertical.menu .item .menu a.item:hover,
.ui.vertical.menu .item .menu .link.item:hover {
color:#000000d9
}
.ui.vertical.menu .menu .item:before {
display:none
}
.ui.vertical.menu .active.item {
background:#0000000d;
border-radius:0;
box-shadow:none
}
.ui.vertical.menu>.active.item:first-child {
border-radius:.28571429rem .28571429rem 0 0
}
.ui.vertical.menu>.active.item:last-child {
border-radius:0 0 .28571429rem .28571429rem
}
.ui.vertical.menu>.active.item:only-child {
border-radius:.28571429rem
}
.ui.vertical.menu .active.item .menu .active.item {
border-left:none
}
.ui.vertical.menu .item .menu .active.item {
background-color:transparent;
font-weight:500;
color:#000000f2
}
.ui.tabular.menu {
border-radius:0;
box-shadow:none!important;
border:none;
background:none transparent;
border-bottom:1px solid #D4D4D5
}
.ui.tabular.fluid.menu {
width:calc(100% + 2px)!important
}
.ui.tabular.menu .item {
background:transparent;
border-bottom:none;
border-left:1px solid transparent;
border-right:1px solid transparent;
border-top:2px solid transparent;
padding:.92857143em 1.42857143em;
color:#000000de
}
.ui.tabular.menu .item:before {
display:none
}
.ui.tabular.menu .item:hover {
background-color:transparent;
color:#000c
}
.ui.tabular.menu .active.item {
background:none #fff;
color:#000000f2;
border-top-width:1px;
border-color:#d4d4d5;
font-weight:500;
margin-bottom:-1px;
box-shadow:none;
border-radius:.28571429rem .28571429rem 0 0!important
}
.ui.tabular.menu+.attached:not(.top).segment,
.ui.tabular.menu+.attached:not(.top).segment+.attached:not(.top).segment {
border-top:none;
margin-left:0;
margin-top:0;
margin-right:0;
width:100%
}
.top.attached.segment+.ui.bottom.tabular.menu {
position:relative;
width:calc(100% + 2px);
left:-1px
}
.ui.bottom.tabular.menu {
background:none transparent;
border-radius:0;
box-shadow:none!important;
border-bottom:none;
border-top:1px solid #D4D4D5
}
.ui.bottom.tabular.menu .item {
background:none;
border-left:1px solid transparent;
border-right:1px solid transparent;
border-bottom:1px solid transparent;
border-top:none
}
.ui.bottom.tabular.menu .active.item {
background:none #fff;
color:#000000f2;
border-color:#d4d4d5;
margin:-1px 0 0;
border-radius:0 0 .28571429rem .28571429rem!important
}
.ui.vertical.tabular.menu {
background:none transparent;
border-radius:0;
box-shadow:none!important;
border-bottom:none;
border-right:1px solid #D4D4D5
}
.ui.vertical.tabular.menu .item {
background:none;
border-left:1px solid transparent;
border-bottom:1px solid transparent;
border-top:1px solid transparent;
border-right:none
}
.ui.vertical.tabular.menu .active.item {
background:none #fff;
color:#000000f2;
border-color:#d4d4d5;
margin:0 -1px 0 0;
border-radius:.28571429rem 0 0 .28571429rem!important
}
.ui.vertical.right.tabular.menu {
background:none transparent;
border-radius:0;
box-shadow:none!important;
border-bottom:none;
border-right:none;
border-left:1px solid #D4D4D5
}
.ui.vertical.right.tabular.menu .item {
background:none;
border-right:1px solid transparent;
border-bottom:1px solid transparent;
border-top:1px solid transparent;
border-left:none
}
.ui.vertical.right.tabular.menu .active.item {
background:none #fff;
color:#000000f2;
border-color:#d4d4d5;
margin:0 0 0 -1px;
border-radius:0 .28571429rem .28571429rem 0!important
}
.ui.tabular.menu .active.dropdown.item {
margin-bottom:0;
border-left:1px solid transparent;
border-right:1px solid transparent;
border-top:2px solid transparent;
border-bottom:none
}
.ui.pagination.menu {
margin:0;
display:inline-flex;
vertical-align:middle
}
.ui.pagination.menu .item:last-child {
border-radius:0 .28571429rem .28571429rem 0
}
.ui.compact.menu .item:last-child {
border-radius:0 .28571429rem .28571429rem 0
}
.ui.pagination.menu .item:last-child:before {
display:none
}
.ui.pagination.menu .item {
min-width:3em;
text-align:center
}
.ui.pagination.menu .icon.item i.icon {
vertical-align:top
}
.ui.pagination.menu .active.item {
border-top:none;
padding-top:.92857143em;
background-color:#0000000d;
color:#000000f2;
box-shadow:none
}
.ui.secondary.menu {
background:none;
margin-left:-.35714286em;
margin-right:-.35714286em;
border-radius:0;
border:none;
box-shadow:none
}
.ui.secondary.menu .item {
align-self:center;
box-shadow:none;
border:none;
padding:.78571429em .92857143em;
margin:0 .35714286em;
background:none;
transition:color .1s ease;
border-radius:.28571429rem
}
.ui.secondary.menu .item:before {
display:none!important
}
.ui.secondary.menu .header.item {
border-radius:0;
border-right:none;
background:none transparent
}
.ui.secondary.menu .item>img:not(.ui) {
margin:0
}
.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
background:#0000000d;
color:#000000f2
}
.ui.secondary.menu .active.item {
box-shadow:none;
background:#0000000d;
color:#000000f2;
border-radius:.28571429rem
}
.ui.secondary.menu .active.item:hover {
box-shadow:none;
background:#0000000d;
color:#000000f2
}
.ui.secondary.item.menu {
margin-left:0;
margin-right:0
}
.ui.secondary.item.menu .item:last-child {
margin-right:0
}
.ui.secondary.attached.menu {
box-shadow:none
}
.ui.vertical.secondary.menu .item:not(.dropdown)>.menu {
margin:0 -.92857143em
}
.ui.vertical.secondary.menu .item:not(.dropdown)>.menu>.item {
margin:0;
padding:.5em 1.33333333em
}
.ui.secondary.vertical.menu>.item {
border:none;
margin:0 0 .35714286em;
border-radius:.28571429rem!important
}
.ui.secondary.vertical.menu>.header.item {
border-radius:0
}
.ui.vertical.secondary.menu .item>.menu .item {
background-color:transparent
}
.ui.secondary.inverted.menu {
background-color:transparent
}
.ui.secondary.pointing.menu {
margin-left:0;
margin-right:0;
border-bottom:2px solid rgba(34,36,38,.15)
}
.ui.secondary.pointing.menu .item {
border-bottom-color:transparent;
border-bottom-style:solid;
border-radius:0;
align-self:flex-end;
margin:0 0 -2px;
padding:.85714286em 1.14285714em;
border-bottom-width:2px;
transition:color .1s ease
}
.ui.secondary.pointing.menu .ui.dropdown .menu .item {
border-bottom-width:0
}
.ui.secondary.pointing.menu .item>.label:not(.floating) {
margin-top:-.3em;
margin-bottom:-.3em
}
.ui.secondary.pointing.menu .item>.circular.label {
margin-top:-.5em;
margin-bottom:-.5em
}
.ui.secondary.pointing.menu .header.item {
color:#000000d9!important
}
.ui.secondary.pointing.menu .text.item {
box-shadow:none!important
}
.ui.secondary.pointing.menu .item:after {
display:none
}
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
background-color:transparent;
color:#000000de
}
.ui.secondary.pointing.menu .dropdown.item:active,
.ui.secondary.pointing.menu .link.item:active,
.ui.secondary.pointing.menu a.item:active {
background-color:transparent;
border-color:#22242626
}
.ui.secondary.pointing.menu .active.item {
background-color:transparent;
box-shadow:none;
border-color:currentColor;
font-weight:500;
color:#000000f2
}
.ui.secondary.pointing.menu .active.item:hover {
border-color:currentColor;
color:#000000f2
}
.ui.secondary.pointing.menu .active.dropdown.item {
border-color:transparent
}
.ui.secondary.vertical.pointing.menu {
border-bottom-width:0;
border-right-width:2px;
border-right-style:solid;
border-right-color:#22242626
}
.ui.secondary.vertical.pointing.menu .item {
border-bottom:none;
border-right-style:solid;
border-right-color:transparent;
border-radius:0!important;
margin:0 -2px 0 0;
border-right-width:2px
}
.ui.secondary.vertical.pointing.menu .active.item {
border-color:currentColor
}
.ui.text.menu {
background:none transparent;
border-radius:0;
box-shadow:none;
border:none;
margin:1em -.5em
}
.ui.text.menu .item {
border-radius:0;
box-shadow:none;
align-self:center;
margin:0;
padding:.35714286em .5em;
font-weight:400;
color:#0009;
transition:opacity .1s ease
}
.ui.text.menu .item:before,
.ui.text.menu .menu .item:before {
display:none!important
}
.ui.text.menu .header.item {
background-color:transparent;
opacity:1;
color:#000000d9;
font-size:.92857143em;
text-transform:uppercase;
font-weight:500
}
.ui.text.menu .item>img:not(.ui) {
margin:0
}
.ui.text.item.menu .item {
margin:0
}
.ui.vertical.text.menu {
margin:1em 0
}
.ui.vertical.text.menu:first-child {
margin-top:0
}
.ui.vertical.text.menu:last-child {
margin-bottom:0
}
.ui.vertical.text.menu .item {
margin:.57142857em 0;
padding-left:0;
padding-right:0
}
.ui.vertical.text.menu .item>i.icon {
float:none;
margin:0 .35714286em 0 0
}
.ui.vertical.text.menu .header.item {
margin:.57142857em 0 .71428571em
}
.ui.vertical.text.menu .item:not(.dropdown)>.menu {
margin:0
}
.ui.vertical.text.menu .item:not(.dropdown)>.menu>.item {
margin:0;
padding:.5em 0
}
.ui.text.menu .item:hover {
opacity:1;
background-color:transparent
}
.ui.text.menu .active.item {
background-color:transparent;
border:none;
box-shadow:none;
font-weight:400;
color:#000000f2
}
.ui.text.menu .active.item:hover {
background-color:transparent
}
.ui.text.pointing.menu .active.item:after {
box-shadow:none
}
.ui.text.attached.menu {
box-shadow:none
}
.ui.fluid.text.menu {
margin-left:0;
margin-right:0
}
.ui.vertical.icon.menu {
display:inline-block;
width:auto
}
.ui.icon.menu .item {
height:auto;
text-align:center;
color:#1b1c1d
}
.ui.icon.menu .item>i.icon:not(.dropdown) {
margin:0;
opacity:1
}
.ui.icon.menu i.icon:before {
opacity:1
}
.ui.menu .icon.item>i.icon {
width:auto;
margin:0 auto
}
.ui.vertical.icon.menu .item>i.icon:not(.dropdown) {
display:block;
opacity:1;
margin:0 auto;
float:none
}
.ui.inverted.icon.menu .item {
color:#fff
}
.ui.labeled.icon.menu {
text-align:center
}
.ui.labeled.icon.menu .item {
min-width:6em;
flex-direction:column
}
.ui.labeled.icon.menu>.item>i.icon:not(.dropdown) {
height:1em;
display:block;
font-size:1.71428571em!important;
margin:0 auto .5rem!important
}
.ui.fluid.labeled.icon.menu>.item {
min-width:0
}
@media only screen and (max-width: 767.98px) {
.ui.stackable.menu {
flex-direction:column
}
.ui.stackable.menu .item {
width:100%!important
}
.ui.stackable.menu .item:before {
position:absolute;
content:"";
top:auto;
bottom:0;
left:0;
width:100%;
height:1px;
background:#2224261a
}
.ui.stackable.menu .left.menu,
.ui.stackable.menu .left.item {
margin-right:0!important
}
.ui.stackable.menu .right.menu,
.ui.stackable.menu .right.item {
margin-left:0!important
}
.ui.stackable.menu .center.menu,
.ui.stackable.menu .center.item {
margin-left:0!important;
margin-right:0!important
}
.ui.stackable.menu .right.menu,
.ui.stackable.menu .center.menu,
.ui.stackable.menu .left.menu {
flex-direction:column
}
}
.ui.ui.ui.menu .primary.active.item,
.ui.ui.primary.menu .active.item:hover,
.ui.ui.primary.menu .active.item {
color:#2185d0
}
.ui.ui.ui.menu .red.active.item,
.ui.ui.red.menu .active.item:hover,
.ui.ui.red.menu .active.item {
color:#db2828
}
.ui.ui.ui.menu .orange.active.item,
.ui.ui.orange.menu .active.item:hover,
.ui.ui.orange.menu .active.item {
color:#f2711c
}
.ui.ui.ui.menu .yellow.active.item,
.ui.ui.yellow.menu .active.item:hover,
.ui.ui.yellow.menu .active.item {
color:#fbbd08
}
.ui.ui.ui.menu .olive.active.item,
.ui.ui.olive.menu .active.item:hover,
.ui.ui.olive.menu .active.item {
color:#b5cc18
}
.ui.ui.ui.menu .green.active.item,
.ui.ui.green.menu .active.item:hover,
.ui.ui.green.menu .active.item {
color:#21ba45
}
.ui.ui.ui.menu .teal.active.item,
.ui.ui.teal.menu .active.item:hover,
.ui.ui.teal.menu .active.item {
color:#00b5ad
}
.ui.ui.ui.menu .blue.active.item,
.ui.ui.blue.menu .active.item:hover,
.ui.ui.blue.menu .active.item {
color:#2185d0
}
.ui.ui.ui.menu .violet.active.item,
.ui.ui.violet.menu .active.item:hover,
.ui.ui.violet.menu .active.item {
color:#6435c9
}
.ui.ui.ui.menu .purple.active.item,
.ui.ui.purple.menu .active.item:hover,
.ui.ui.purple.menu .active.item {
color:#a333c8
}
.ui.ui.ui.menu .pink.active.item,
.ui.ui.pink.menu .active.item:hover,
.ui.ui.pink.menu .active.item {
color:#e03997
}
.ui.ui.ui.menu .brown.active.item,
.ui.ui.brown.menu .active.item:hover,
.ui.ui.brown.menu .active.item {
color:#a5673f
}
.ui.ui.ui.menu .grey.active.item,
.ui.ui.grey.menu .active.item:hover,
.ui.ui.grey.menu .active.item {
color:#767676
}
.ui.ui.ui.menu .black.active.item,
.ui.ui.black.menu .active.item:hover,
.ui.ui.black.menu .active.item {
color:#1b1c1d
}
.ui.floated.menu {
float:left;
margin:0 .5rem 0 0
}
.ui.floated.menu .item:last-child:before {
display:none
}
.ui.right.floated.menu {
float:right;
margin:0 0 0 .5rem
}
.ui.fitted.menu .item,
.ui.fitted.menu .item .menu .item,
.ui.menu .fitted.item {
padding:0
}
.ui.horizontally.fitted.menu .item,
.ui.horizontally.fitted.menu .item .menu .item,
.ui.menu .horizontally.fitted.item {
padding-top:.92857143em;
padding-bottom:.92857143em
}
.ui.vertically.fitted.menu .item,
.ui.vertically.fitted.menu .item .menu .item,
.ui.menu .vertically.fitted.item {
padding-left:1.14285714em;
padding-right:1.14285714em
}
.ui.borderless.menu .item:before,
.ui.borderless.menu .item .menu .item:before,
.ui.menu .borderless.item:before {
background:none!important
}
.ui.compact.menu {
display:inline-flex;
margin:0;
vertical-align:middle
}
.ui.compact.vertical.menu {
display:-ms-inline-flexbox!important;
display:inline-block
}
.ui.compact.menu:not(.secondary) .item:last-child {
border-radius:0 .28571429rem .28571429rem 0
}
.ui.compact.menu .item:last-child:before {
display:none
}
.ui.compact.vertical.menu {
width:auto!important
}
.ui.compact.vertical.menu .item:last-child:before {
display:block
}
.ui.menu.fluid,
.ui.vertical.menu.fluid {
width:100%!important
}
.ui.item.menu,
.ui.item.menu .item {
width:100%;
padding-left:0!important;
padding-right:0!important;
margin-left:0!important;
margin-right:0!important;
text-align:center;
justify-content:center
}
.ui.attached.item.menu:not(.tabular) {
margin:0 -1px!important
}
.ui.item.menu .item:last-child:before {
display:none
}
.ui.menu.two.item .item {
width:50%
}
.ui.menu.three.item .item {
width:33.333%
}
.ui.menu.four.item .item {
width:25%
}
.ui.menu.five.item .item {
width:20%
}
.ui.menu.six.item .item {
width:16.666%
}
.ui.menu.seven.item .item {
width:14.285%
}
.ui.menu.eight.item .item {
width:12.5%
}
.ui.menu.nine.item .item {
width:11.11%
}
.ui.menu.ten.item .item {
width:10%
}
.ui.menu.eleven.item .item {
width:9.09%
}
.ui.menu.twelve.item .item {
width:8.333%
}
.ui.menu.fixed {
position:fixed;
z-index:101;
margin:0;
width:100%
}
.ui.menu.fixed,
.ui.menu.fixed .item:first-child,
.ui.menu.fixed .item:last-child {
border-radius:0!important
}
.ui.fixed.menu,
.ui[class*="top fixed"].menu {
inset:0 auto auto 0
}
.ui[class*="top fixed"].menu {
border-top:none;
border-left:none;
border-right:none
}
.ui[class*="right fixed"].menu {
border-top:none;
border-bottom:none;
border-right:none;
inset:0 0 auto auto;
width:auto;
height:100%
}
.ui[class*="bottom fixed"].menu {
border-bottom:none;
border-left:none;
border-right:none;
inset:auto auto 0 0
}
.ui[class*="left fixed"].menu {
border-top:none;
border-bottom:none;
border-left:none;
inset:0 auto auto 0;
width:auto;
height:100%
}
.ui.fixed.menu+.ui.grid {
padding-top:2.75rem
}
.ui.pointing.menu .item:after {
visibility:hidden;
position:absolute;
content:"";
top:100%;
left:50%;
transform:translate(-50%) translateY(-50%) rotate(45deg);
background:none;
margin:.5px 0 0;
width:.57142857em;
height:.57142857em;
border:none;
border-bottom:1px solid #D4D4D5;
border-right:1px solid #D4D4D5;
z-index:2;
transition:background .1s ease
}
.ui.vertical.pointing.menu .item:after {
position:absolute;
inset:50% 0 auto auto;
transform:translate(50%) translateY(-50%) rotate(45deg);
margin:0 -.5px 0 0;
border:none;
border-top:1px solid #D4D4D5;
border-right:1px solid #D4D4D5
}
.ui.pointing.menu .ui.dropdown .menu .item:after,
.ui.vertical.pointing.menu .ui.dropdown .menu .item:after {
display:none
}
.ui.pointing.menu .active.item:after {
visibility:visible
}
.ui.pointing.menu .active.dropdown.item:after {
visibility:hidden
}
.ui.pointing.menu .dropdown.active.item:after,
.ui.pointing.menu .active.item .menu .active.item:after {
display:none
}
.ui.pointing.menu .active.item:after {
background-color:#f2f2f2
}
.ui.pointing.menu .active.item:hover:after {
background-color:#f2f2f2
}
.ui.vertical.pointing.menu .active.item:hover:after {
background-color:#f2f2f2
}
.ui.vertical.pointing.menu .active.item:after {
background-color:#f2f2f2
}
.ui.vertical.pointing.menu .menu .active.item:after {
background-color:#fff
}
.ui.inverted.pointing.menu .primary.active.item:after {
background-color:#2185d0
}
.ui.inverted.pointing.menu .secondary.active.item:after {
background-color:#1b1c1d
}
.ui.inverted.pointing.menu .red.active.item:after {
background-color:#db2828
}
.ui.inverted.pointing.menu .orange.active.item:after {
background-color:#f2711c
}
.ui.inverted.pointing.menu .yellow.active.item:after {
background-color:#fbbd08
}
.ui.inverted.pointing.menu .olive.active.item:after {
background-color:#b5cc18
}
.ui.inverted.pointing.menu .green.active.item:after {
background-color:#21ba45
}
.ui.inverted.pointing.menu .teal.active.item:after {
background-color:#00b5ad
}
.ui.inverted.pointing.menu .blue.active.item:after {
background-color:#2185d0
}
.ui.inverted.pointing.menu .violet.active.item:after {
background-color:#6435c9
}
.ui.inverted.pointing.menu .purple.active.item:after {
background-color:#a333c8
}
.ui.inverted.pointing.menu .pink.active.item:after {
background-color:#e03997
}
.ui.inverted.pointing.menu .brown.active.item:after {
background-color:#a5673f
}
.ui.inverted.pointing.menu .grey.active.item:after {
background-color:#767676
}
.ui.inverted.pointing.menu .black.active.item:after {
background-color:#1b1c1d
}
.ui.attached.menu {
top:0;
bottom:0;
border-radius:0;
margin:0 -1px;
width:calc(100% + 2px);
max-width:calc(100% + 2px);
box-shadow:none
}
.ui.attached+.ui.attached.menu:not(.top) {
border-top:none
}
.ui[class*="top attached"].menu {
bottom:0;
margin-bottom:0;
top:0;
margin-top:1rem;
border-radius:.28571429rem .28571429rem 0 0
}
.ui.menu[class*="top attached"]:first-child {
margin-top:0
}
.ui[class*="bottom attached"].menu {
bottom:0;
margin-top:0;
top:0;
margin-bottom:1rem;
box-shadow:0 1px 2px #22242626,none;
border-radius:0 0 .28571429rem .28571429rem
}
.ui[class*="bottom attached"].menu:last-child {
margin-bottom:0
}
.ui.top.attached.menu>.item:first-child {
border-radius:.28571429rem 0 0
}
.ui.bottom.attached.menu>.item:first-child {
border-radius:0 0 0 .28571429rem
}
.ui.attached.menu:not(.tabular) {
border:1px solid #D4D4D5
}
.ui.attached.tabular.menu {
margin-left:0;
margin-right:0;
width:100%
}
.ui.menu {
font-size:1rem
}
.ui.vertical.menu {
width:15rem
}
.ui.mini.menu,
.ui.mini.menu .dropdown,
.ui.mini.menu .dropdown .menu>.item {
font-size:.78571429rem
}
.ui.mini.vertical.menu:not(.icon) {
width:9rem
}
.ui.tiny.menu,
.ui.tiny.menu .dropdown,
.ui.tiny.menu .dropdown .menu>.item {
font-size:.85714286rem
}
.ui.tiny.vertical.menu:not(.icon) {
width:11rem
}
.ui.small.menu,
.ui.small.menu .dropdown,
.ui.small.menu .dropdown .menu>.item {
font-size:.92857143rem
}
.ui.small.vertical.menu:not(.icon) {
width:13rem
}
.ui.large.menu,
.ui.large.menu .dropdown,
.ui.large.menu .dropdown .menu>.item {
font-size:1.07142857rem
}
.ui.large.vertical.menu:not(.icon) {
width:18rem
}
.ui.big.menu,
.ui.big.menu .dropdown,
.ui.big.menu .dropdown .menu>.item {
font-size:1.14285714rem
}
.ui.big.vertical.menu:not(.icon) {
width:20rem
}
.ui.huge.menu,
.ui.huge.menu .dropdown,
.ui.huge.menu .dropdown .menu>.item {
font-size:1.21428571rem
}
.ui.huge.vertical.menu:not(.icon) {
width:22rem
}
.ui.massive.menu,
.ui.massive.menu .dropdown,
.ui.massive.menu .dropdown .menu>.item {
font-size:1.28571429rem
}
.ui.massive.vertical.menu:not(.icon) {
width:25rem
}
.ui.menu .ui.inverted.inverted.dropdown.item .menu {
background:#1b1c1d;
box-shadow:none
}
.ui.menu .ui.inverted.dropdown .menu>.item {
color:#fffc!important
}
.ui.menu .ui.inverted.dropdown .menu>.active.item {
background:transparent!important;
color:#fffc!important
}
.ui.menu .ui.inverted.dropdown .menu>.item:hover {
background:#ffffff14!important;
color:#fffc!important
}
.ui.menu .ui.inverted.dropdown .menu>.selected.item {
background:#ffffff26!important;
color:#fffc!important
}
.ui.vertical.menu .inverted.dropdown.item .menu {
box-shadow:none
}
.ui.modal {
position:absolute;
display:none;
z-index:1001;
text-align:left;
background:#fff;
border:none;
box-shadow:1px 3px 3px #0003,1px 3px 15px 2px #0003;
transform-origin:50% 25%;
flex:0 0 auto;
border-radius:.28571429rem;
-webkit-user-select:text;
-moz-user-select:text;
user-select:text;
will-change:top,left,margin,transform,opacity
}
.ui.modal>:first-child:not(.icon):not(.dimmer),
.ui.modal>i.icon:first-child+*,
.ui.modal>.dimmer:first-child+*:not(.icon),
.ui.modal>.dimmer:first-child+i.icon+* {
border-top-left-radius:.28571429rem;
border-top-right-radius:.28571429rem
}
.ui.modal>:last-child {
border-bottom-left-radius:.28571429rem;
border-bottom-right-radius:.28571429rem
}
.ui.modal>.ui.dimmer {
border-radius:inherit
}
.ui.modal>.close {
cursor:pointer;
position:absolute;
top:-2.5rem;
right:-2.5rem;
z-index:1;
opacity:.8;
font-size:1.25em;
color:#fff;
width:2.25rem;
height:2.25rem;
padding:.625rem 0 0
}
.ui.modal>.close:hover {
opacity:1
}
.ui.modal>.header {
display:block;
font-family:var(--fonts-regular);
background:#fff;
margin:0;
padding:1.25rem 1.5rem;
box-shadow:none;
color:#000000d9;
border-bottom:1px solid rgba(34,36,38,.15)
}
.ui.modal>.header:not(.ui) {
font-size:1.42857143rem;
line-height:1.28571429em;
font-weight:500
}
.ui.modal>.content {
display:block;
width:100%;
font-size:1em;
line-height:1.4;
padding:1.5rem;
background:#fff
}
.ui.modal>.image.content {
display:flex;
flex-direction:row
}
.ui.modal>.content>.image {
display:block;
flex:0 1 auto;
width:"";
align-self:start;
max-width:100%
}
.ui.modal>[class*="top aligned"] {
align-self:start
}
.ui.modal>[class*="middle aligned"] {
align-self:center
}
.ui.modal>[class*=stretched] {
align-self:stretch
}
.ui.modal>.content>.description {
display:block;
flex:1 0 auto;
min-width:0;
align-self:start
}
.ui.modal>.content>i.icon+.description,
.ui.modal>.content>.image+.description {
flex:0 1 auto;
min-width:"";
width:auto;
padding-left:2em
}
.ui.modal>.content>.image>i.icon {
margin:0;
opacity:1;
width:auto;
line-height:1;
font-size:8rem
}
.ui.modal>.actions {
background:#f9fafb;
padding:1rem;
border-top:1px solid rgba(34,36,38,.15);
text-align:right
}
.ui.modal .actions>.button:not(.fluid) {
margin-left:.75em
}
.ui.basic.modal>.actions {
border-top:none
}
@media only screen and (max-width: 767.98px) {
.ui.modal:not(.fullscreen) {
width:95%;
margin:0
}
}
@media only screen and (min-width: 768px) {
.ui.modal:not(.fullscreen) {
width:88%;
margin:0
}
}
@media only screen and (min-width: 992px) {
.ui.modal:not(.fullscreen) {
width:850px;
margin:0
}
}
@media only screen and (min-width: 1200px) {
.ui.modal:not(.fullscreen) {
width:900px;
margin:0
}
}
@media only screen and (min-width: 1920px) {
.ui.modal:not(.fullscreen) {
width:950px;
margin:0
}
}
@media only screen and (max-width: 991.98px) {
.ui.modal>.header {
padding-right:2.25rem
}
.ui.modal>.close {
top:1.0535rem;
right:1rem;
color:#000000de
}
}
@media only screen and (max-width: 767.98px) {
.ui.modal>.header {
padding:.75rem 2.25rem .75rem 1rem!important
}
.ui.overlay.fullscreen.modal>.content.content.content {
min-height:calc(100vh - 8.1rem)
}
.ui.overlay.fullscreen.modal>.scrolling.content.content.content {
max-height:calc(100vh - 8.1rem)
}
.ui.modal>.content {
display:block;
padding:1rem!important
}
.ui.modal>.close {
top:.5rem!important;
right:.5rem!important
}
.ui.modal .image.content {
flex-direction:column
}
.ui.modal>.content>.image {
display:block;
max-width:100%;
margin:0 auto!important;
text-align:center;
padding:0 0 1rem!important
}
.ui.modal>.content>.image>i.icon {
font-size:5rem;
text-align:center
}
.ui.modal>.content>.description {
display:block;
width:100%!important;
margin:0!important;
padding:1rem 0!important;
box-shadow:none
}
.ui.modal>.actions {
padding:1rem 1rem 0rem!important
}
.ui.modal .actions>.buttons,
.ui.modal .actions>.button {
margin-bottom:1rem
}
}
.ui.inverted.dimmer>.ui.modal {
box-shadow:1px 3px 10px 2px #0003
}
.ui.basic.modal {
background-color:transparent;
border:none;
border-radius:0;
box-shadow:none!important;
color:#fff
}
.ui.basic.modal>.header,
.ui.basic.modal>.content,
.ui.basic.modal>.actions {
background-color:transparent
}
.ui.basic.modal>.header {
color:#fff;
border-bottom:none
}
.ui.basic.modal>.close {
top:1rem;
right:1.5rem;
color:#fff
}
.ui.inverted.dimmer>.basic.modal {
color:#000000de
}
.ui.inverted.dimmer>.ui.basic.modal>.header {
color:#000000d9
}
.ui.legacy.legacy.modal,
.ui.legacy.legacy.page.dimmer>.ui.modal {
left:50%!important
}
.ui.legacy.legacy.modal:not(.aligned),
.ui.legacy.legacy.page.dimmer>.ui.modal:not(.aligned) {
top:50%
}
.ui.legacy.legacy.page.dimmer>.ui.scrolling.modal:not(.aligned),
.ui.page.dimmer>.ui.scrolling.legacy.legacy.modal:not(.aligned),
.ui.top.aligned.legacy.legacy.page.dimmer>.ui.modal:not(.aligned),
.ui.top.aligned.dimmer>.ui.legacy.legacy.modal:not(.aligned) {
top:auto
}
.ui.legacy.overlay.fullscreen.modal {
margin-top:-2rem!important
}
.ui.loading.modal {
display:block;
visibility:hidden;
z-index:-1
}
.ui.active.modal {
display:block
}
.modals.dimmer .ui.top.aligned.modal {
top:5vh
}
.modals.dimmer .ui.bottom.aligned.modal {
bottom:5vh
}
@media only screen and (max-width: 767.98px) {
.modals.dimmer .ui.top.aligned.modal {
top:1rem
}
.modals.dimmer .ui.bottom.aligned.modal {
bottom:1rem
}
}
.scrolling.dimmable.dimmed {
overflow:hidden
}
.scrolling.dimmable>.dimmer {
justify-content:flex-start;
position:fixed
}
.scrolling.dimmable.dimmed>.dimmer {
overflow:auto;
-webkit-overflow-scrolling:touch
}
.modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
margin:2rem auto
}
.modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"]):after {
content:"\a0";
position:absolute;
height:2rem
}
.scrolling.undetached.dimmable.dimmed {
overflow:auto;
-webkit-overflow-scrolling:touch
}
.scrolling.undetached.dimmable.dimmed>.dimmer {
overflow:hidden
}
.scrolling.undetached.dimmable .ui.scrolling.modal:not(.fullscreen) {
position:absolute;
left:50%
}
.ui.modal>.scrolling.content {
max-height:calc(80vh - 10rem);
overflow:auto
}
.ui.overlay.fullscreen.modal>.content {
min-height:calc(100vh - 9.1rem)
}
.ui.overlay.fullscreen.modal>.scrolling.content {
max-height:calc(100vh - 9.1rem)
}
.ui.fullscreen.modal {
width:95%;
left:2.5%;
margin:1em auto
}
.ui.overlay.fullscreen.modal {
width:100%;
left:0;
margin:0 auto;
top:0;
border-radius:0
}
.ui.modal>.close.inside+.header,
.ui.fullscreen.modal>.header {
padding-right:2.25rem
}
.ui.modal>.close.inside,
.ui.fullscreen.modal>.close {
top:1.0535rem;
right:1rem;
color:#000000de
}
.ui.basic.fullscreen.modal>.close {
color:#fff
}
.ui.modal {
font-size:1rem
}
.ui.mini.modal>.header:not(.ui) {
font-size:1.3em
}
@media only screen and (max-width: 767.98px) {
.ui.mini.modal {
width:95%;
margin:0
}
}
@media only screen and (min-width: 768px) {
.ui.mini.modal {
width:35.2%;
margin:0
}
}
@media only screen and (min-width: 992px) {
.ui.mini.modal {
width:340px;
margin:0
}
}
@media only screen and (min-width: 1200px) {
.ui.mini.modal {
width:360px;
margin:0
}
}
@media only screen and (min-width: 1920px) {
.ui.mini.modal {
width:380px;
margin:0
}
}
.ui.tiny.modal>.header:not(.ui) {
font-size:1.3em
}
@media only screen and (max-width: 767.98px) {
.ui.tiny.modal {
width:95%;
margin:0
}
}
@media only screen and (min-width: 768px) {
.ui.tiny.modal {
width:52.8%;
margin:0
}
}
@media only screen and (min-width: 992px) {
.ui.tiny.modal {
width:510px;
margin:0
}
}
@media only screen and (min-width: 1200px) {
.ui.tiny.modal {
width:540px;
margin:0
}
}
@media only screen and (min-width: 1920px) {
.ui.tiny.modal {
width:570px;
margin:0
}
}
.ui.small.modal>.header:not(.ui) {
font-size:1.3em
}
@media only screen and (max-width: 767.98px) {
.ui.small.modal {
width:95%;
margin:0
}
}
@media only screen and (min-width: 768px) {
.ui.small.modal {
width:70.4%;
margin:0
}
}
@media only screen and (min-width: 992px) {
.ui.small.modal {
width:680px;
margin:0
}
}
@media only screen and (min-width: 1200px) {
.ui.small.modal {
width:720px;
margin:0
}
}
@media only screen and (min-width: 1920px) {
.ui.small.modal {
width:760px;
margin:0
}
}
.ui.large.modal>.header:not(.ui) {
font-size:1.6em
}
@media only screen and (max-width: 767.98px) {
.ui.large.modal {
width:95%;
margin:0
}
}
@media only screen and (min-width: 768px) {
.ui.large.modal {
width:88%;
margin:0
}
}
@media only screen and (min-width: 992px) {
.ui.large.modal {
width:1020px;
margin:0
}
}
@media only screen and (min-width: 1200px) {
.ui.large.modal {
width:1080px;
margin:0
}
}
@media only screen and (min-width: 1920px) {
.ui.large.modal {
width:1140px;
margin:0
}
}
.ui.big.modal>.header:not(.ui) {
font-size:1.6em
}
@media only screen and (max-width: 767.98px) {
.ui.big.modal {
width:95%;
margin:0
}
}
@media only screen and (min-width: 768px) {
.ui.big.modal {
width:88%;
margin:0
}
}
@media only screen and (min-width: 992px) {
.ui.big.modal {
width:1190px;
margin:0
}
}
@media only screen and (min-width: 1200px) {
.ui.big.modal {
width:1260px;
margin:0
}
}
@media only screen and (min-width: 1920px) {
.ui.big.modal {
width:1330px;
margin:0
}
}
.ui.huge.modal>.header:not(.ui) {
font-size:1.6em
}
@media only screen and (max-width: 767.98px) {
.ui.huge.modal {
width:95%;
margin:0
}
}
@media only screen and (min-width: 768px) {
.ui.huge.modal {
width:88%;
margin:0
}
}
@media only screen and (min-width: 992px) {
.ui.huge.modal {
width:1360px;
margin:0
}
}
@media only screen and (min-width: 1200px) {
.ui.huge.modal {
width:1440px;
margin:0
}
}
@media only screen and (min-width: 1920px) {
.ui.huge.modal {
width:1520px;
margin:0
}
}
.ui.massive.modal>.header:not(.ui) {
font-size:1.8em
}
@media only screen and (max-width: 767.98px) {
.ui.massive.modal {
width:95%;
margin:0
}
}
@media only screen and (min-width: 768px) {
.ui.massive.modal {
width:88%;
margin:0
}
}
@media only screen and (min-width: 992px) {
.ui.massive.modal {
width:1530px;
margin:0
}
}
@media only screen and (min-width: 1200px) {
.ui.massive.modal {
width:1620px;
margin:0
}
}
@media only screen and (min-width: 1920px) {
.ui.massive.modal {
width:1710px;
margin:0
}
}
.ui.search {
position:relative
}
.ui.search>.prompt {
margin:0;
outline:none;
-webkit-appearance:none;
-webkit-tap-highlight-color:rgba(255,255,255,0);
text-shadow:none;
font-style:normal;
font-weight:400;
line-height:1.21428571em;
padding:.67857143em 1em;
font-size:1em;
background:#fff;
border:1px solid rgba(34,36,38,.15);
color:#000000de;
box-shadow:0 0 0 0 transparent inset;
transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease
}
.ui.search .prompt {
border-radius:500rem
}
.ui.search .prompt~.search.icon {
cursor:pointer
}
.ui.search>.results {
display:none;
position:absolute;
top:100%;
left:0;
transform-origin:center top;
white-space:normal;
text-align:left;
text-transform:none;
background:#fff;
margin-top:.5em;
width:18em;
border-radius:.28571429rem;
box-shadow:0 2px 4px #2224261f,0 2px 10px #22242626;
border:1px solid #D4D4D5;
z-index:998
}
.ui.search>.results>:first-child {
border-radius:.28571429rem .28571429rem 0 0
}
.ui.search>.results>:last-child {
border-radius:0 0 .28571429rem .28571429rem
}
.ui.search>.results .result {
cursor:pointer;
display:block;
overflow:hidden;
font-size:1em;
padding:.85714286em 1.14285714em;
color:#000000de;
line-height:1.33;
border-bottom:1px solid rgba(34,36,38,.1)
}
.ui.search>.results .result:last-child {
border-bottom:none!important
}
.ui.search>.results .result .image {
float:right;
overflow:hidden;
background:none;
width:5em;
height:3em;
border-radius:.25em
}
.ui.search>.results .result .image img {
display:block;
width:auto;
height:100%
}
.ui.search>.results .result .image+.content {
margin:0 6em 0 0
}
.ui.search>.results .result .title {
margin:-.14285714em 0 0;
font-family:var(--fonts-regular);
font-weight:500;
font-size:1em;
color:#000000d9
}
.ui.search>.results .result .description {
margin-top:0;
font-size:.92857143em;
color:#0006
}
.ui.search>.results .result .price {
float:right;
color:#21ba45
}
.ui.search>.results>.message {
padding:1em
}
.ui.search>.results>.message .header {
font-family:var(--fonts-regular);
font-size:1rem;
font-weight:500;
color:#000000de
}
.ui.search>.results>.message .description {
margin-top:.25rem;
font-size:1em;
color:#000000de
}
.ui.search>.results>.action {
display:block;
border-top:none;
background:#f3f4f5;
padding:.92857143em 1em;
color:#000000de;
font-weight:500;
text-align:center
}
.ui.search>.prompt:focus {
border-color:#22242659;
background:#fff;
color:#000000f2
}
.ui.loading.search .input>i.icon:before {
position:absolute;
content:"";
top:50%;
left:50%;
margin:-.64285714em 0 0 -.64285714em;
width:1.28571429em;
height:1.28571429em;
border-radius:500rem;
border:.2em solid rgba(0,0,0,.1)
}
.ui.loading.search .input>i.icon:after {
position:absolute;
content:"";
top:50%;
left:50%;
margin:-.64285714em 0 0 -.64285714em;
width:1.28571429em;
height:1.28571429em;
animation:loader .6s infinite linear;
border:.2em solid #767676;
border-radius:500rem;
box-shadow:0 0 0 1px transparent
}
.ui.search>.results .result:hover,
.ui.category.search>.results .category .result:hover {
background:#f9fafb
}
.ui.search .action:hover:not(div) {
background:#e0e0e0
}
.ui.category.search>.results .category.active {
background:#f3f4f5
}
.ui.category.search>.results .category.active>.name {
color:#000000de
}
.ui.search>.results .result.active,
.ui.category.search>.results .category .result.active {
position:relative;
border-left-color:#2224261a;
background:#f3f4f5;
box-shadow:none
}
.ui.search>.results .result.active .title {
color:#000000d9
}
.ui.search>.results .result.active .description {
color:#000000d9
}
.ui.disabled.search {
cursor:default;
pointer-events:none;
opacity:var(--opacity-disabled)
}
.ui.search.selection .prompt {
border-radius:.28571429rem
}
.ui.search.selection>.icon.input>.remove.icon {
pointer-events:none;
position:absolute;
left:auto;
opacity:0;
color:"";
top:0;
right:0;
transition:color .1s ease,opacity .1s ease
}
.ui.search.selection>.icon.input>.active.remove.icon {
cursor:pointer;
opacity:.8;
pointer-events:auto
}
.ui.search.selection>.icon.input:not([class*="left icon"])>.icon~.remove.icon {
right:1.85714em
}
.ui.search.selection>.icon.input>.remove.icon:hover {
opacity:1;
color:#db2828
}
.ui.category.search .results {
width:28em
}
.ui.category.search .results.animating,
.ui.category.search .results.visible {
display:table
}
.ui.category.search>.results .category {
display:table-row;
background:#f3f4f5;
box-shadow:none;
transition:background .1s ease,border-color .1s ease
}
.ui.category.search>.results .category:last-child {
border-bottom:none
}
.ui.category.search>.results .category:first-child .name+.result {
border-radius:0 .28571429rem 0 0
}
.ui.category.search>.results .category:last-child .result:last-child {
border-radius:0 0 .28571429rem
}
.ui.category.search>.results .category>.name {
display:table-cell;
text-overflow:ellipsis;
width:100px;
white-space:nowrap;
background:transparent;
font-family:var(--fonts-regular);
font-size:1em;
padding:.4em 1em;
font-weight:500;
color:#0006;
border-bottom:1px solid rgba(34,36,38,.1)
}
.ui.category.search>.results .category .results {
display:table-cell;
background:#fff;
border-left:1px solid rgba(34,36,38,.15);
border-bottom:1px solid rgba(34,36,38,.1)
}
.ui.category.search>.results .category .result {
border-bottom:1px solid rgba(34,36,38,.1);
transition:background .1s ease,border-color .1s ease;
padding:.85714286em 1.14285714em
}
.ui.scrolling.search>.results,
.ui.search.long>.results,
.ui.search.short>.results {
overflow-x:hidden;
overflow-y:auto;
backface-visibility:hidden;
-webkit-overflow-scrolling:touch
}
@media only screen and (max-width: 767.98px) {
.ui.scrolling.search>.results {
max-height:12.17714286em
}
}
@media only screen and (min-width: 768px) {
.ui.scrolling.search>.results {
max-height:18.26571429em
}
}
@media only screen and (min-width: 992px) {
.ui.scrolling.search>.results {
max-height:24.35428571em
}
}
@media only screen and (min-width: 1920px) {
.ui.scrolling.search>.results {
max-height:36.53142857em
}
}
@media only screen and (max-width: 767.98px) {
.ui.search.short>.results {
max-height:12.17714286em
}
.ui.search[class*="very short"]>.results {
max-height:9.13285714em
}
.ui.search.long>.results {
max-height:24.35428571em
}
.ui.search[class*="very long"]>.results {
max-height:36.53142857em
}
}
@media only screen and (min-width: 768px) {
.ui.search.short>.results {
max-height:18.26571429em
}
.ui.search[class*="very short"]>.results {
max-height:13.69928571em
}
.ui.search.long>.results {
max-height:36.53142857em
}
.ui.search[class*="very long"]>.results {
max-height:54.79714286em
}
}
@media only screen and (min-width: 992px) {
.ui.search.short>.results {
max-height:24.35428571em
}
.ui.search[class*="very short"]>.results {
max-height:18.26571429em
}
.ui.search.long>.results {
max-height:48.70857143em
}
.ui.search[class*="very long"]>.results {
max-height:73.06285714em
}
}
@media only screen and (min-width: 1920px) {
.ui.search.short>.results {
max-height:36.53142857em
}
.ui.search[class*="very short"]>.results {
max-height:27.39857143em
}
.ui.search.long>.results {
max-height:73.06285714em
}
.ui.search[class*="very long"]>.results {
max-height:109.59428571em
}
}
.ui[class*="left aligned"].search>.results {
right:auto;
left:0
}
.ui[class*="right aligned"].search>.results {
right:0;
left:auto
}
.ui.fluid.search .results {
width:100%
}
.ui.search {
font-size:1em
}
.ui.mini.search {
font-size:.78571429em
}
.ui.tiny.search {
font-size:.85714286em
}
.ui.small.search {
font-size:.92857143em
}
.ui.large.search {
font-size:1.14285714em
}
.ui.big.search {
font-size:1.28571429em
}
.ui.huge.search {
font-size:1.42857143em
}
.ui.massive.search {
font-size:1.71428571em
}
@media only screen and (max-width: 767.98px) {
.ui.search .results {
max-width:calc(100vw - 2rem)
}
}
.ui.tab {
display:none
}
.ui.tab.active,
.ui.tab.open {
display:block
}
.ui.tab.loading {
position:relative;
overflow:hidden;
display:block;
min-height:250px
}
.ui.tab.loading * {
position:relative!important;
left:-10000px!important
}
.ui.tab.loading:before,
.ui.tab.loading.segment:before {
position:absolute;
content:"";
top:50%;
left:50%;
margin:-1.25em 0 0 -1.25em;
width:2.5em;
height:2.5em;
border-radius:500rem;
border:.2em solid rgba(0,0,0,.1)
}
.ui.tab.loading:after,
.ui.tab.loading.segment:after {
position:absolute;
content:"";
top:50%;
left:50%;
margin:-1.25em 0 0 -1.25em;
width:2.5em;
height:2.5em;
animation:loader .6s infinite linear;
border:.2em solid #767676;
border-radius:500rem;
box-shadow:0 0 0 1px transparent
}
*,
:before,
:after {
box-sizing:border-box
}
html {
line-height:normal;
-webkit-text-size-adjust:100%
}
body {
margin:0
}
hr {
height:0;
color:inherit
}
abbr[title] {
text-decoration:underline dotted
}
small {
font-size:80%
}
sub,
sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub {
bottom:-.25em
}
sup {
top:-.5em
}
table {
text-indent:0;
border-color:inherit
}
button,
input,
optgroup,
select,
textarea {
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}
button,
select {
text-transform:none
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance:button
}
::-moz-focus-inner {
border-style:none;
padding:0
}
:-moz-focusring {
outline:1px dotted ButtonText
}
:-moz-ui-invalid {
box-shadow:none
}
legend {
padding:0
}
progress {
vertical-align:baseline
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
summary {
display:list-item
}
@keyframes isloadingspin {
0% {
transform:translate(-50%,-50%) rotate(0)
}
to {
transform:translate(-50%,-50%) rotate(360deg)
}
}
.is-loading {
pointer-events:none!important;
position:relative!important
}
.is-loading>* {
opacity:.3
}
.btn.is-loading>*,
.button.is-loading>* {
opacity:0
}
.is-loading:after {
content:"";
position:absolute;
display:block;
left:50%;
top:50%;
height:min(4em,66.6%);
width:fit-content;
aspect-ratio:1;
transform:translate(-50%,-50%);
animation:isloadingspin 1s infinite linear;
border-width:4px;
border-style:solid;
border-color:var(--color-secondary) var(--color-secondary) var(--color-secondary-dark-8) var(--color-secondary-dark-8);
border-radius:var(--border-radius-full)
}
.is-loading.loading-icon-2px:after {
border-width:2px
}
.is-loading.loading-icon-3px:after {
border-width:3px
}
form.single-button-form.is-loading>* {
opacity:1
}
form.single-button-form.is-loading .button {
color:transparent
}
.markup pre.is-loading,
.editor-loading.is-loading,
.pdf-content.is-loading {
height:var(--height-loading)
}
.markup .is-loading>* {
visibility:hidden
}
.markup .is-loading {
color:transparent;
background:transparent
}
code.language-math.is-loading:after {
padding:0;
border-width:2px;
width:1.25rem;
height:1.25rem
}
@keyframes fadein {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeout {
0% {
opacity:1
}
to {
opacity:0
}
}
@keyframes pulse {
0% {
transform:scale(1)
}
50% {
transform:scale(1.8)
}
to {
transform:scale(1)
}
}
.pulse {
animation:pulse 2s linear
}
.ui.modal,
.ui.dimmer.transition {
animation-name:fadein;
animation-duration:.1s;
animation-timing-function:ease-in-out
}
.ui.button {
background:var(--color-button);
border:1px solid var(--color-light-border);
color:var(--color-text)
}
.ui.button:hover,
.ui.button:focus {
background:var(--color-hover);
color:var(--color-text)
}
.page-content .ui.button {
box-shadow:none!important
}
.ui.active.button,
.ui.button:active,
.ui.active.button:active,
.ui.active.button:hover,
.ui.active.button:focus {
background:var(--color-active);
color:var(--color-text)
}
.delete-button,
.delete-button:hover,
.delete-button:focus {
color:var(--color-red)
}
.btn {
background:transparent;
border-radius:var(--border-radius);
border:none;
color:inherit;
margin:0;
padding:0
}
.btn:hover,
.btn:active,
.btn:focus {
background:none;
border:none
}
a.btn,
a.btn:hover {
color:inherit
}
.ui.buttons .button {
border-right:none
}
.ui.buttons .button:hover {
border-color:var(--color-secondary-dark-2)
}
.ui.buttons .button:hover+.button {
border-left:1px solid var(--color-secondary-dark-2)
}
.ui.buttons .button:first-child,
.ui.buttons .button.tw-hidden:first-child+.button {
border-left:1px solid var(--color-light-border)
}
.ui.buttons .button:last-child,
.ui.buttons .button:nth-last-child(2):has(+.button.tw-hidden) {
border-right:1px solid var(--color-light-border)
}
.ui.buttons .button.active {
border-left:1px solid var(--color-light-border);
border-right:1px solid var(--color-light-border)
}
.ui.buttons .button.active+.button {
border-left:none
}
.ui.basic.buttons .button,
.ui.basic.button,
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
box-shadow:none
}
.ui.small.button:not(.compact):has(.svg) {
padding-top:.58928571em;
padding-bottom:.58928571em
}
.ui.labeled.button.disabled>.button,
.ui.basic.buttons .button,
.ui.basic.button {
color:var(--color-text-light);
background:var(--color-button)
}
.ui.basic.buttons .button:hover,
.ui.basic.button:hover,
.ui.basic.buttons .button:focus,
.ui.basic.button:focus {
color:var(--color-text);
background:var(--color-hover);
border-color:var(--color-secondary-dark-2)
}
.ui.basic.buttons .button:active,
.ui.basic.button:active,
.ui.basic.buttons .active.button,
.ui.basic.active.button,
.ui.basic.buttons .active.button:hover,
.ui.basic.active.button:hover,
.ui.basic.buttons .active.button:focus,
.ui.basic.active.button:focus {
color:var(--color-text);
background:var(--color-active)
}
.ui.labeled.button>.label {
border-color:var(--color-light-border)
}
.ui.labeled.icon.buttons>.button>.icon,
.ui.labeled.icon.button>.icon {
background:var(--color-hover)
}
.ui.primary.labels .label,
.ui.ui.ui.primary.label,
.ui.primary.button,
.ui.primary.buttons .button {
background:var(--color-primary);
color:var(--color-primary-contrast)
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.primary.button:focus,
.ui.primary.buttons .button:focus {
background:var(--color-primary-hover);
color:var(--color-primary-contrast)
}
.ui.primary.button:active,
.ui.primary.buttons .button:active {
background:var(--color-primary-active)
}
.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
color:var(--color-primary);
border-color:var(--color-primary)
}
.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover,
.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
color:var(--color-primary-hover);
border-color:var(--color-primary-hover)
}
.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
color:var(--color-primary-active);
border-color:var(--color-primary-active)
}
.ui.secondary.labels .label,
.ui.ui.ui.secondary.label,
.ui.secondary.button,
.ui.secondary.buttons .button,
.ui.secondary.button:focus,
.ui.secondary.buttons .button:focus {
background:var(--color-secondary-button)
}
.ui.secondary.button:hover,
.ui.secondary.buttons .button:hover {
background:var(--color-secondary-hover)
}
.ui.secondary.button:active,
.ui.secondary.buttons .button:active {
background:var(--color-secondary-active)
}
.ui.basic.secondary.buttons .button,
.ui.basic.secondary.button {
color:var(--color-secondary-button);
border-color:var(--color-secondary-button)
}
.ui.basic.secondary.buttons .button:hover,
.ui.basic.secondary.button:hover,
.ui.basic.secondary.button:focus,
.ui.basic.secondary.buttons .button:focus {
color:var(--color-secondary-hover);
border-color:var(--color-secondary-hover)
}
.ui.basic.secondary.buttons .button:active,
.ui.basic.secondary.button:active {
color:var(--color-secondary-active);
border-color:var(--color-secondary-active)
}
.ui.red.labels .label,
.ui.ui.ui.red.label,
.ui.red.button,
.ui.red.buttons .button {
background:var(--color-red)
}
.ui.red.button:hover,
.ui.red.buttons .button:hover,
.ui.red.button:focus,
.ui.red.buttons .button:focus {
background:var(--color-red-dark-1)
}
.ui.red.button:active,
.ui.red.buttons .button:active {
background:var(--color-red-dark-2)
}
.ui.basic.red.buttons .button,
.ui.basic.red.button {
color:var(--color-red);
border-color:var(--color-red)
}
.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover,
.ui.basic.red.buttons .button:focus,
.ui.basic.red.button:focus {
color:var(--color-red-dark-1);
border-color:var(--color-red-dark-1)
}
.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
color:var(--color-red-dark-2);
border-color:var(--color-red-dark-2)
}
.ui.orange.labels .label,
.ui.ui.ui.orange.label,
.ui.orange.button,
.ui.orange.buttons .button,
.ui.orange.button:focus,
.ui.orange.buttons .button:focus {
background:var(--color-orange)
}
.ui.orange.button:hover,
.ui.orange.buttons .button:hover {
background:var(--color-orange-dark-1)
}
.ui.orange.button:active,
.ui.orange.buttons .button:active {
background:var(--color-orange-dark-2)
}
.ui.basic.orange.buttons .button,
.ui.basic.orange.button,
.ui.basic.orange.buttons .button:focus,
.ui.basic.orange.button:focus {
color:var(--color-orange);
border-color:var(--color-orange)
}
.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
color:var(--color-orange-dark-1);
border-color:var(--color-orange-dark-1)
}
.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
color:var(--color-orange-dark-2);
border-color:var(--color-orange-dark-2)
}
.ui.yellow.labels .label,
.ui.ui.ui.yellow.label,
.ui.yellow.button,
.ui.yellow.buttons .button,
.ui.yellow.button:focus,
.ui.yellow.buttons .button:focus {
background:var(--color-yellow)
}
.ui.yellow.button:hover,
.ui.yellow.buttons .button:hover {
background:var(--color-yellow-dark-1)
}
.ui.yellow.button:active,
.ui.yellow.buttons .button:active {
background:var(--color-yellow-dark-2)
}
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button,
.ui.basic.yellow.buttons .button:focus,
.ui.basic.yellow.button:focus {
color:var(--color-yellow);
border-color:var(--color-yellow)
}
.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
color:var(--color-yellow-dark-1);
border-color:var(--color-yellow-dark-1)
}
.ui.basic.yellow.buttons .button:active,
.ui.basic.yellow.button:active {
color:var(--color-yellow-dark-2);
border-color:var(--color-yellow-dark-2)
}
.ui.olive.labels .label,
.ui.ui.ui.olive.label,
.ui.olive.button,
.ui.olive.buttons .button,
.ui.olive.button:focus,
.ui.olive.buttons .button:focus {
background:var(--color-olive)
}
.ui.olive.button:hover,
.ui.olive.buttons .button:hover {
background:var(--color-olive-dark-1)
}
.ui.olive.button:active,
.ui.olive.buttons .button:active {
background:var(--color-olive-dark-2)
}
.ui.basic.olive.buttons .button,
.ui.basic.olive.button,
.ui.basic.olive.buttons .button:focus,
.ui.basic.olive.button:focus {
color:var(--color-olive);
border-color:var(--color-olive)
}
.ui.basic.olive.buttons .button:hover,
.ui.basic.olive.button:hover {
color:var(--color-olive-dark-1);
border-color:var(--color-olive-dark-1)
}
.ui.basic.olive.buttons .button:active,
.ui.basic.olive.button:active {
color:var(--color-olive-dark-2);
border-color:var(--color-olive-dark-2)
}
.ui.green.labels .label,
.ui.ui.ui.green.label,
.ui.green.button,
.ui.green.buttons .button,
.ui.green.button:focus,
.ui.green.buttons .button:focus {
background:var(--color-green)
}
.ui.green.button:hover,
.ui.green.buttons .button:hover {
background:var(--color-green-dark-1)
}
.ui.green.button:active,
.ui.green.buttons .button:active {
background:var(--color-green-dark-2)
}
.ui.basic.green.buttons .button,
.ui.basic.green.button,
.ui.basic.green.buttons .button:focus,
.ui.basic.green.button:focus {
color:var(--color-green);
border-color:var(--color-green)
}
.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
color:var(--color-green-dark-1);
border-color:var(--color-green-dark-1)
}
.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
color:var(--color-green-dark-2);
border-color:var(--color-green-dark-2)
}
.ui.teal.labels .label,
.ui.ui.ui.teal.label,
.ui.teal.button,
.ui.teal.buttons .button,
.ui.teal.button:focus,
.ui.teal.buttons .button:focus {
background:var(--color-teal)
}
.ui.teal.button:hover,
.ui.teal.buttons .button:hover {
background:var(--color-teal-dark-1)
}
.ui.teal.button:active,
.ui.teal.buttons .button:active {
background:var(--color-teal-dark-2)
}
.ui.basic.teal.buttons .button,
.ui.basic.teal.button,
.ui.basic.teal.buttons .button:focus,
.ui.basic.teal.button:focus {
color:var(--color-teal);
border-color:var(--color-teal)
}
.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
color:var(--color-teal-dark-1);
border-color:var(--color-teal-dark-1)
}
.ui.basic.teal.buttons .button:active,
.ui.basic.teal.button:active {
color:var(--color-teal-dark-2);
border-color:var(--color-teal-dark-2)
}
.ui.blue.labels .label,
.ui.ui.ui.blue.label,
.ui.blue.button,
.ui.blue.buttons .button,
.ui.blue.button:focus,
.ui.blue.buttons .button:focus {
background:var(--color-blue)
}
.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
background:var(--color-blue-dark-1)
}
.ui.blue.button:active,
.ui.blue.buttons .button:active {
background:var(--color-blue-dark-2)
}
.ui.basic.blue.buttons .button,
.ui.basic.blue.button,
.ui.basic.blue.buttons .button:focus,
.ui.basic.blue.button:focus {
color:var(--color-blue);
border-color:var(--color-blue)
}
.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
color:var(--color-blue-dark-1);
border-color:var(--color-blue-dark-1)
}
.ui.basic.blue.buttons .button:active,
.ui.basic.blue.button:active {
color:var(--color-blue-dark-2);
border-color:var(--color-blue-dark-2)
}
.ui.violet.labels .label,
.ui.ui.ui.violet.label,
.ui.violet.button,
.ui.violet.buttons .button,
.ui.violet.button:focus,
.ui.violet.buttons .button:focus {
background:var(--color-violet)
}
.ui.violet.button:hover,
.ui.violet.buttons .button:hover {
background:var(--color-violet-dark-1)
}
.ui.violet.button:active,
.ui.violet.buttons .button:active {
background:var(--color-violet-dark-2)
}
.ui.basic.violet.buttons .button,
.ui.basic.violet.button,
.ui.basic.violet.buttons .button:focus,
.ui.basic.violet.button:focus {
color:var(--color-violet);
border-color:var(--color-violet)
}
.ui.basic.violet.buttons .button:hover,
.ui.basic.violet.button:hover {
color:var(--color-violet-dark-1);
border-color:var(--color-violet-dark-1)
}
.ui.basic.violet.buttons .button:active,
.ui.basic.violet.button:active {
color:var(--color-violet-dark-2);
border-color:var(--color-violet-dark-2)
}
.ui.purple.labels .label,
.ui.ui.ui.purple.label,
.ui.purple.button,
.ui.purple.buttons .button,
.ui.purple.button:focus,
.ui.purple.buttons .button:focus {
background:var(--color-purple)
}
.ui.purple.button:hover,
.ui.purple.buttons .button:hover {
background:var(--color-purple-dark-1)
}
.ui.purple.button:active,
.ui.purple.buttons .button:active {
background:var(--color-purple-dark-2)
}
.ui.basic.purple.buttons .button,
.ui.basic.purple.button,
.ui.basic.purple.buttons .button:focus,
.ui.basic.purple.button:focus {
color:var(--color-purple);
border-color:var(--color-purple)
}
.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
color:var(--color-purple-dark-1);
border-color:var(--color-purple-dark-1)
}
.ui.basic.purple.buttons .button:active,
.ui.basic.purple.button:active {
color:var(--color-purple-dark-2);
border-color:var(--color-purple-dark-2)
}
.ui.pink.labels .label,
.ui.ui.ui.pink.label,
.ui.pink.button,
.ui.pink.buttons .button,
.ui.pink.button:focus,
.ui.pink.buttons .button:focus {
background:var(--color-pink)
}
.ui.pink.button:hover,
.ui.pink.buttons .button:hover {
background:var(--color-pink-dark-1)
}
.ui.pink.button:active,
.ui.pink.buttons .button:active {
background:var(--color-pink-dark-2)
}
.ui.basic.pink.buttons .button,
.ui.basic.pink.button,
.ui.basic.pink.buttons .button:focus,
.ui.basic.pink.button:focus {
color:var(--color-pink);
border-color:var(--color-pink)
}
.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
color:var(--color-pink-dark-1);
border-color:var(--color-pink-dark-1)
}
.ui.basic.pink.buttons .button:active,
.ui.basic.pink.button:active {
color:var(--color-pink-dark-2);
border-color:var(--color-pink-dark-2)
}
.ui.brown.labels .label,
.ui.ui.ui.brown.label,
.ui.brown.button,
.ui.brown.buttons .button,
.ui.brown.button:focus,
.ui.brown.buttons .button:focus {
background:var(--color-brown)
}
.ui.brown.button:hover,
.ui.brown.buttons .button:hover {
background:var(--color-brown-dark-1)
}
.ui.brown.button:active,
.ui.brown.buttons .button:active {
background:var(--color-brown-dark-2)
}
.ui.basic.brown.buttons .button,
.ui.basic.brown.button,
.ui.basic.brown.buttons .button:focus,
.ui.basic.brown.button:focus {
color:var(--color-brown);
border-color:var(--color-brown)
}
.ui.basic.brown.buttons .button:hover,
.ui.basic.brown.button:hover {
color:var(--color-brown-dark-1);
border-color:var(--color-brown-dark-1)
}
.ui.basic.brown.buttons .button:active,
.ui.basic.brown.button:active {
color:var(--color-brown-dark-2);
border-color:var(--color-brown-dark-2)
}
.ui.negative.buttons .button,
.ui.negative.button,
.ui.negative.buttons .button:focus,
.ui.negative.button:focus {
background:var(--color-red)
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover {
background:var(--color-red-dark-1)
}
.ui.negative.buttons .button:active,
.ui.negative.button:active {
background:var(--color-red-dark-2)
}
.ui.basic.negative.buttons .button,
.ui.basic.negative.button,
.ui.basic.negative.buttons .button:focus,
.ui.basic.negative.button:focus {
color:var(--color-red);
border-color:var(--color-red)
}
.ui.basic.negative.buttons .button:hover,
.ui.basic.negative.button:hover {
color:var(--color-red-dark-1);
border-color:var(--color-red-dark-1)
}
.ui.basic.negative.buttons .button:active,
.ui.basic.negative.button:active {
color:var(--color-red-dark-2);
border-color:var(--color-red-dark-2)
}
.ui.positive.buttons .button,
.ui.positive.button,
.ui.positive.buttons .button:focus,
.ui.positive.button:focus {
background:var(--color-green)
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover {
background:var(--color-green-dark-1)
}
.ui.positive.buttons .button:active,
.ui.positive.button:active {
background:var(--color-green-dark-2)
}
.ui.basic.positive.buttons .button,
.ui.basic.positive.button,
.ui.basic.positive.buttons .button:focus,
.ui.basic.positive.button:focus {
color:var(--color-green);
border-color:var(--color-green)
}
.ui.basic.positive.buttons .button:hover,
.ui.basic.positive.button:hover {
color:var(--color-green-dark-1);
border-color:var(--color-green-dark-1)
}
.ui.basic.positive.buttons .button:active,
.ui.basic.positive.button:active {
color:var(--color-green-dark-2);
border-color:var(--color-green-dark-2)
}
.ui.container {
display:block;
max-width:100%
}
@media (max-width: 767.98px) {
.ui.ui.ui.container:not(.fluid) {
width:auto;
margin-left:1em;
margin-right:1em
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.ui.ui.ui.container:not(.fluid) {
width:723px;
margin-left:auto;
margin-right:auto
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.ui.ui.ui.container:not(.fluid) {
width:933px;
margin-left:auto;
margin-right:auto
}
}
@media (min-width: 1200px) {
.ui.ui.ui.container:not(.fluid) {
width:1127px;
margin-left:auto;
margin-right:auto
}
}
.ui.fluid.container {
width:100%
}
.ui[class*="center aligned"].container {
text-align:center
}
.page-content .ui.ui.ui.container:not(.fluid) {
width:1280px;
max-width:calc(100% - calc(2 * var(--page-margin-x)));
margin-left:auto;
margin-right:auto
}
.ui.container.fluid.padded {
padding:0 var(--page-margin-x)
}
.divider {
margin:10px 0;
height:0;
font-weight:var(--font-weight-medium);
color:var(--color-text);
font-size:1rem;
width:100%
}
h4.divider {
margin-top:1.25rem;
margin-bottom:1.25rem
}
.divider:not(.divider-text) {
border-top:1px solid var(--color-secondary)
}
.divider.divider-text {
display:flex;
align-items:center;
padding:5px 0
}
.divider.divider-text:before,
.divider.divider-text:after {
content:"";
flex:1;
border-top:1px solid var(--color-secondary)
}
.divider.divider-text:before {
margin-right:.75em
}
.divider.divider-text:after {
margin-left:.75em
}
.ui.dropdown .menu>.divider {
border-top:1px solid var(--color-secondary);
margin:4px 0
}
.ui.header {
color:var(--color-text);
border:none;
margin:calc(2rem - .1428571428571429em) 0 1rem;
padding:0;
font-family:var(--fonts-regular);
font-weight:var(--font-weight-medium);
line-height:1.28571429
}
.ui.header:first-child {
margin-top:-.14285714em
}
.ui.header:last-child {
margin-bottom:0
}
.ui.header .ui.label {
margin-left:.25rem;
vertical-align:middle
}
.ui.header>.ui.label.compact {
margin-top:inherit
}
.ui.header .sub.header {
display:block;
font-weight:var(--font-weight-normal);
padding:0;
margin:0;
font-size:1rem;
line-height:1.2;
color:var(--color-text-light-1)
}
.ui.header>i.icon {
display:table-cell;
opacity:1;
font-size:1.5em;
padding-top:0;
vertical-align:middle
}
.ui.header>i.icon:only-child {
display:inline-block;
padding:0;
margin-right:.75rem
}
.ui.header+p {
margin-top:0
}
h2.ui.header {
font-size:1.71428571rem
}
h2.ui.header .sub.header {
font-size:1.14285714rem
}
h4.ui.header {
font-size:1.07142857rem
}
h4.ui.header .sub.header {
font-size:1rem
}
.ui.sub.header {
padding:0;
margin-bottom:.14285714rem;
font-weight:var(--font-weight-normal);
font-size:.85714286em
}
.ui.icon.header svg {
width:3em;
height:3em;
float:none;
display:block;
line-height:var(--line-height-default);
padding:0;
margin:0 auto .5rem;
opacity:1
}
.ui.header:not(h1,
h2,
h3,
h4,
h5,
h6) {
font-size:1.28571429em
}
.ui.attached.header {
position:relative;
background:var(--color-box-header);
padding:.78571429rem 1rem;
margin:0 -1px;
border-radius:0;
border:1px solid var(--color-secondary)
}
.ui.attached:not(.top).header {
border-top:none
}
.ui.top.attached.header {
border-radius:.28571429rem .28571429rem 0 0
}
.ui.bottom.attached.header {
border-radius:0 0 .28571429rem .28571429rem
}
.ui.attached.header:not(h1,
h2,
h3,
h4,
h5,
h6) {
font-size:1em
}
.ui.attached.header>.ui.right {
position:absolute;
right:.78571429rem;
top:0;
bottom:0;
display:flex;
align-items:center;
gap:.25em
}
.ui.attached.header>.ui.right .ui.tiny.button {
padding:6px 10px;
font-weight:var(--font-weight-normal)
}
.ui.attached.header>.ui.right .ui.dropdown .menu {
right:0;
left:auto
}
.ui.segments+.ui.top.attached.header,
.ui.attached.segment+.ui.top.attached.header {
margin-top:1rem
}
.ui.dividing.header {
border-bottom-color:var(--color-secondary)
}
.ui.dividing.header .sub.header {
padding-bottom:.21428571rem
}
.ui.dividing.header i.icon {
margin-bottom:0
}
.ui.error.header {
background:var(--color-error-bg)!important;
color:var(--color-error-text)!important;
border-color:var(--color-error-border)!important
}
.ui.warning.header {
background:var(--color-warning-bg)!important;
color:var(--color-warning-text)!important;
border-color:var(--color-warning-border)!important
}
.attention-header {
padding:.5em .75em!important;
color:var(--color-text)!important
}
.ui.input {
position:relative;
font-weight:var(--font-weight-normal);
display:inline-flex;
color:var(--color-input-text)
}
.ui.input>input {
margin:0;
max-width:100%;
flex:1 0 auto;
outline:none;
font-family:var(--fonts-regular);
padding:.67857143em 1em;
border:1px solid var(--color-input-border);
color:var(--color-input-text);
border-radius:.28571429rem;
line-height:var(--line-height-default);
text-align:start
}
.ui.disabled.input,
.ui.input:not(.disabled) input[disabled] {
opacity:var(--opacity-disabled)
}
.ui.disabled.input>input,
.ui.input:not(.disabled) input[disabled] {
pointer-events:none
}
.ui.input.focus>input,
.ui.input>input:focus {
border-color:var(--color-primary)
}
.ui.input.error>input {
background:var(--color-error-bg);
border-color:var(--color-error-border);
color:var(--color-error-text)
}
.ui.icon.input>i.icon {
display:flex;
align-items:center;
justify-content:center;
cursor:default;
position:absolute;
text-align:center;
top:0;
right:0;
margin:0;
height:100%;
width:2.67142857em;
opacity:.5;
border-radius:0 .28571429rem .28571429rem 0;
pointer-events:none;
padding:4px
}
.ui.icon.input>i.icon.is-loading {
position:absolute!important;
height:28px;
top:4px
}
.ui.icon.input>i.icon.is-loading>* {
visibility:hidden
}
.ui.ui.ui.ui.icon.input>textarea,
.ui.ui.ui.ui.icon.input>input {
padding-right:2.67142857em
}
.ui.icon.input>i.link.icon {
cursor:pointer
}
.ui.icon.input>i.circular.icon {
top:.35em;
right:.5em
}
.ui[class*="left icon"].input>i.icon {
right:auto;
left:1px;
border-radius:.28571429rem 0 0 .28571429rem
}
.ui[class*="left icon"].input>i.circular.icon {
right:auto;
left:.5em
}
.ui.ui.ui.ui[class*="left icon"].input>textarea,
.ui.ui.ui.ui[class*="left icon"].input>input {
padding-left:2.67142857em;
padding-right:1em
}
.ui.icon.input>textarea:focus~.icon,
.ui.icon.input>input:focus~.icon {
opacity:1
}
.ui.icon.input>textarea~i.icon {
height:3em
}
.ui.form .field.error>.ui.action.input>.ui.button,
.ui.action.input.error>.ui.button {
border-top:1px solid var(--color-error-border);
border-bottom:1px solid var(--color-error-border)
}
.ui.action.input>.button,
.ui.action.input>.buttons {
display:flex;
align-items:center;
flex:0 0 auto
}
.ui.action.input>.button,
.ui.action.input>.buttons>.button {
padding-top:.78571429em;
padding-bottom:.78571429em;
margin:0
}
.ui.action.input:not([class*="left action"])>input {
border-top-right-radius:0;
border-bottom-right-radius:0;
border-right-color:transparent
}
.ui.action.input>.dropdown:first-child,
.ui.action.input>.button:first-child,
.ui.action.input>.buttons:first-child>.button {
border-radius:.28571429rem 0 0 .28571429rem
}
.ui.action.input>.dropdown:not(:first-child),
.ui.action.input>.button:not(:first-child),
.ui.action.input>.buttons:not(:first-child)>.button {
border-radius:0
}
.ui.action.input>.dropdown:last-child,
.ui.action.input>.button:last-child,
.ui.action.input>.buttons:last-child>.button {
border-radius:0 .28571429rem .28571429rem 0
}
.ui.fluid.input {
display:flex
}
.ui.fluid.input>input {
width:0!important
}
.ui.tiny.input {
font-size:.85714286em
}
.ui.small.input {
font-size:.92857143em
}
.ui.action.input .ui.ui.button {
border-color:var(--color-input-border);
padding-top:0;
padding-bottom:0
}
.ui.action.input:not([class*="left action"])>.ui.dropdown.selection {
min-width:10em
}
.ui.action.input:not([class*="left action"])>.ui.dropdown.selection:not(:focus) {
border-right:none
}
.ui.action.input:not([class*="left action"])>.ui.dropdown.selection:not(.active):hover {
border-color:var(--color-input-border)
}
.ui.action.input:not([class*="left action"]) .ui.dropdown.selection.upward.visible {
border-bottom-left-radius:0!important;
border-bottom-right-radius:0!important
}
.ui.action.input:not([class*="left action"])>input,
.ui.action.input:not([class*="left action"])>input:hover {
border-right:none
}
.ui.action.input:not([class*="left action"])>input:focus+.ui.dropdown.selection,
.ui.action.input:not([class*="left action"])>input:focus+.ui.dropdown.selection:hover,
.ui.action.input:not([class*="left action"])>input:focus+.button,
.ui.action.input:not([class*="left action"])>input:focus+.button:hover,
.ui.action.input:not([class*="left action"])>input:focus+.icon+.button,
.ui.action.input:not([class*="left action"])>input:focus+.icon+.button:hover {
border-left-color:var(--color-primary)
}
.ui.action.input:not([class*="left action"])>input:focus {
border-right-color:var(--color-primary)
}
.ui.label {
display:inline-flex;
align-items:center;
gap:.25rem;
min-width:0;
vertical-align:middle;
line-height:1;
background:var(--color-label-bg);
color:var(--color-label-text);
padding:.3em .5em;
font-size:.85714286rem;
font-weight:var(--font-weight-medium);
border:0 solid transparent;
border-radius:.28571429rem;
white-space:nowrap
}
.ui.label:first-child {
margin-left:0
}
.ui.label:last-child {
margin-right:0
}
a.ui.label {
cursor:pointer
}
.ui.label>a {
cursor:pointer;
color:inherit;
opacity:.75
}
.ui.label>a:hover {
opacity:1
}
.ui.label>img {
width:auto;
vertical-align:middle;
height:2.1666em
}
.ui.label>.color-icon {
margin-left:0
}
.ui.label>.icon {
width:auto;
margin:0 .75em 0 0
}
.ui.label>.detail {
display:inline-block;
vertical-align:top;
font-weight:var(--font-weight-medium);
margin-left:1em;
opacity:.8
}
.ui.label>.detail .icon {
margin:0 .25em 0 0
}
.ui.label>.close.icon,
.ui.label>.delete.icon {
cursor:pointer;
font-size:.92857143em;
opacity:.5
}
.ui.label>.close.icon:hover,
.ui.label>.delete.icon:hover {
opacity:1
}
.ui.label.left.icon>.close.icon,
.ui.label.left.icon>.delete.icon {
margin:0 .5em 0 0
}
.ui.label:not(.icon)>.close.icon,
.ui.label:not(.icon)>.delete.icon {
margin:0 0 0 .5em
}
.ui.header>.ui.label {
margin-top:-.29165em
}
a.ui.label:hover {
background:var(--color-label-hover-bg);
border-color:var(--color-label-hover-bg);
color:var(--color-label-text)
}
.ui.label.visible:not(.dropdown) {
display:inline-block!important
}
.ugc-labels .item {
text-overflow:unset!important
}
.ugc-labels .item .ui.label {
text-wrap:auto;
overflow-wrap:anywhere
}
.ui.basic.label {
background:var(--color-button);
border:1px solid var(--color-light-border);
color:var(--color-text-light);
padding:calc(.5833em - 1px) calc(.833em - 1px)
}
a.ui.basic.label:hover {
text-decoration:none;
color:var(--color-text);
border-color:var(--color-light-border);
background:var(--color-hover)
}
.ui.ui.ui.primary.label {
background:var(--color-primary);
border-color:var(--color-primary-dark-2);
color:var(--color-primary-contrast)
}
a.ui.ui.ui.primary.label:hover {
background:var(--color-primary-dark-3);
border-color:var(--color-primary-dark-3);
color:var(--color-primary-contrast)
}
.ui.ui.ui.basic.primary.label {
background:transparent;
border-color:var(--color-primary);
color:var(--color-primary)
}
a.ui.ui.ui.basic.primary.label:hover {
background:var(--color-hover);
border-color:var(--color-primary-dark-1);
color:var(--color-primary-dark-1)
}
.ui.ui.ui.red.label {
background:var(--color-red);
border-color:var(--color-red);
color:var(--color-white)
}
a.ui.ui.ui.red.label:hover {
background:var(--color-red-dark-1);
border-color:var(--color-red-dark-1);
color:var(--color-white)
}
.ui.ui.ui.basic.red.label {
background:transparent;
border-color:var(--color-red);
color:var(--color-red)
}
a.ui.ui.ui.basic.red.label:hover {
background:transparent;
border-color:var(--color-red-dark-1);
color:var(--color-red-dark-1)
}
.ui.ui.ui.orange.label {
background:var(--color-orange);
border-color:var(--color-orange);
color:var(--color-white)
}
a.ui.ui.ui.orange.label:hover {
background:var(--color-orange-dark-1);
border-color:var(--color-orange-dark-1);
color:var(--color-white)
}
.ui.ui.ui.basic.orange.label {
background:transparent;
border-color:var(--color-orange);
color:var(--color-orange)
}
a.ui.ui.ui.basic.orange.label:hover {
background:transparent;
border-color:var(--color-orange-dark-1);
color:var(--color-orange-dark-1)
}
.ui.ui.ui.yellow.label {
background:var(--color-yellow);
border-color:var(--color-yellow);
color:var(--color-white)
}
a.ui.ui.ui.yellow.label:hover {
background:var(--color-yellow-dark-1);
border-color:var(--color-yellow-dark-1);
color:var(--color-white)
}
.ui.ui.ui.basic.yellow.label {
background:transparent;
border-color:var(--color-yellow);
color:var(--color-yellow)
}
a.ui.ui.ui.basic.yellow.label:hover {
background:transparent;
border-color:var(--color-yellow-dark-1);
color:var(--color-yellow-dark-1)
}
.ui.ui.ui.olive.label {
background:var(--color-olive);
border-color:var(--color-olive);
color:var(--color-white)
}
.ui.ui.ui.green.label {
background:var(--color-green);
border-color:var(--color-green);
color:var(--color-white)
}
a.ui.ui.ui.green.label:hover {
background:var(--color-green-dark-1);
border-color:var(--color-green-dark-1);
color:var(--color-white)
}
.ui.ui.ui.basic.green.label {
background:transparent;
border-color:var(--color-green);
color:var(--color-green)
}
a.ui.ui.ui.basic.green.label:hover {
background:transparent;
border-color:var(--color-green-dark-1);
color:var(--color-green-dark-1)
}
.ui.ui.ui.purple.label {
background:var(--color-purple);
border-color:var(--color-purple);
color:var(--color-white)
}
a.ui.ui.ui.purple.label:hover {
background:var(--color-purple-dark-1);
border-color:var(--color-purple-dark-1);
color:var(--color-white)
}
.ui.ui.ui.basic.purple.label {
background:transparent;
border-color:var(--color-purple);
color:var(--color-purple)
}
a.ui.ui.ui.basic.purple.label:hover {
background:transparent;
border-color:var(--color-purple-dark-1);
color:var(--color-purple-dark-1)
}
.ui.ui.ui.grey.label {
background:var(--color-label-bg);
border-color:var(--color-label-bg);
color:var(--color-label-text)
}
a.ui.ui.ui.grey.label:hover {
background:var(--color-label-hover-bg);
border-color:var(--color-label-hover-bg);
color:var(--color-white)
}
.ui.ui.ui.basic.grey.label {
background:transparent;
border-color:var(--color-label-bg);
color:var(--color-label-text)
}
a.ui.ui.ui.basic.grey.label:hover {
background:transparent;
border-color:var(--color-label-hover-bg);
color:var(--color-label-hover-bg)
}
.ui.horizontal.label {
margin:0 .5em 0 0;
padding:.4em .833em;
min-width:3em;
text-align:center
}
.ui.circular.label {
min-width:2em;
min-height:2em;
padding:.5em!important;
line-height:1;
text-align:center;
border-radius:500rem;
justify-content:center
}
.ui.mini.label {
font-size:.64285714rem
}
.ui.tiny.label {
font-size:.71428571rem
}
.ui.small.label {
font-size:.78571429rem
}
.ui.large.label {
font-size:1rem
}
.ui.list {
list-style-type:none;
margin:1em 0;
padding:0;
font-size:1em
}
.ui.list:first-child {
margin-top:0;
padding-top:0
}
.ui.list:last-child {
margin-bottom:0;
padding-bottom:0
}
.ui.list>.item,
.ui.list .list>.item {
display:list-item;
table-layout:fixed;
list-style-type:none;
list-style-position:outside
}
.ui.list>.list>.item:after,
.ui.list>.item:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden
}
.ui.list .list:not(.icon) {
clear:both;
margin:0;
padding:.75em 0 .25em .5em
}
.ui.list .list>.item {
padding:.14285714em 0
}
.ui.list .list>.item>i.icon,
.ui.list>.item>i.icon {
display:table-cell;
min-width:1.55em;
padding-top:0;
transition:color .1s ease;
padding-right:.28571429em;
vertical-align:top
}
.ui.list .list>.item>i.icon:only-child,
.ui.list>.item>i.icon:only-child {
display:inline-block;
min-width:auto;
vertical-align:top
}
.ui.list .list>.item>.image,
.ui.list>.item>.image {
display:table-cell;
background-color:transparent;
vertical-align:top
}
.ui.list .list>.item>.image:not(:only-child):not(img),
.ui.list>.item>.image:not(:only-child):not(img) {
padding-right:.5em
}
.ui.list .list>.item>.image img,
.ui.list>.item>.image img {
vertical-align:top
}
.ui.list .list>.item>img.image,
.ui.list .list>.item>.image:only-child,
.ui.list>.item>img.image,
.ui.list>.item>.image:only-child {
display:inline-block
}
.ui.list .list>.item>.content,
.ui.list>.item>.content {
color:var(--color-text)
}
.ui.list .list>.item>.image+.content,
.ui.list .list>.item>i.icon+.content,
.ui.list>.item>.image+.content,
.ui.list>.item>i.icon+.content {
display:table-cell;
width:100%;
padding:0 0 0 .5em;
vertical-align:top
}
.ui.list .list>.item>img.image+.content,
.ui.list>.item>img.image+.content {
display:inline-block;
width:auto
}
.ui.list .list>.item>.content>.list,
.ui.list>.item>.content>.list {
margin-left:0;
padding-left:0
}
.ui.list .list>.item .header,
.ui.list>.item .header {
display:block;
margin:0;
font-family:var(--fonts-regular);
font-weight:var(--font-weight-medium);
color:var(--color-text-dark)
}
.ui.list .list>.item .description,
.ui.list>.item .description {
display:block;
color:var(--color-text)
}
.ui.list>.item a,
.ui.list .list>.item a {
cursor:pointer
}
.ui.list .list>.item [class*="right floated"],
.ui.list>.item [class*="right floated"] {
float:right;
margin:0 0 0 1em
}
.ui.menu .ui.list>.item,
.ui.menu .ui.list .list>.item {
display:list-item;
table-layout:fixed;
background-color:transparent;
list-style-type:none;
list-style-position:outside;
padding:.21428571em 0
}
.ui.menu .ui.list .list>.item:before,
.ui.menu .ui.list>.item:before {
border:none;
background:none
}
.ui.menu .ui.list .list>.item:first-child,
.ui.menu .ui.list>.item:first-child {
padding-top:0
}
.ui.menu .ui.list .list>.item:last-child,
.ui.menu .ui.list>.item:last-child {
padding-bottom:0
}
.ui.list .list>.disabled.item,
.ui.list>.disabled.item {
pointer-events:none;
opacity:var(--opacity-disabled)
}
.ui.list .list>a.item:hover>.icons,
.ui.list>a.item:hover>.icons,
.ui.list .list>a.item:hover>i.icon,
.ui.list>a.item:hover>i.icon {
color:var(--color-text-dark)
}
.ui.divided.list>.item {
border-top:1px solid var(--color-secondary)
}
.ui.divided.list .list>.item {
border-top:none
}
.ui.divided.list .item .list>.item {
border-top:none
}
.ui.divided.list .list>.item:first-child,
.ui.divided.list>.item:first-child {
border-top:none
}
.ui.divided.list .list>.item:first-child {
border-top-width:1px
}
.ui.relaxed.list>.item:not(:first-child) {
padding-top:.42857143em
}
.ui.relaxed.list>.item:not(:last-child) {
padding-bottom:.42857143em
}
.ui.segment {
position:relative;
margin:1rem 0;
padding:1em;
border-radius:.28571429rem;
border:1px solid var(--color-secondary);
background:var(--color-box-body);
color:var(--color-text)
}
.ui.segment:first-child {
margin-top:0
}
.ui.segment:last-child {
margin-bottom:0
}
.ui.grid.segment {
margin:1rem 0;
border-radius:.28571429rem
}
.ui.segment.tab:last-child {
margin-bottom:1rem
}
.ui.segments {
flex-direction:column;
position:relative;
margin:1rem 0;
border:1px solid var(--color-secondary);
border-radius:.28571429rem;
background:var(--color-box-body);
color:var(--color-text)
}
.ui.segments:first-child {
margin-top:0
}
.ui.segments:last-child {
margin-bottom:0
}
.ui.segments>.segment {
top:0;
bottom:0;
border-radius:0;
margin:0;
width:auto;
box-shadow:none;
border:none;
border-top:1px solid var(--color-secondary)
}
.ui.segments:not(.horizontal)>.segment:first-child {
top:0;
bottom:0;
border-top:none;
margin-top:0;
margin-bottom:0;
border-radius:.28571429rem .28571429rem 0 0
}
.ui.segments:not(.horizontal)>.segment:last-child {
top:0;
bottom:0;
margin-top:0;
margin-bottom:0;
border-radius:0 0 .28571429rem .28571429rem
}
.ui.segments:not(.horizontal)>.segment:only-child {
border-radius:.214285717rem
}
.ui.segments:not(.horizontal)>.segment:has(~.tw-hidden) {
border-radius:.28571429rem
}
.ui.segments>.ui.segments {
border-top:1px solid var(--color-secondary);
margin:1rem
}
.ui.segments>.segments:first-child {
border-top:none
}
.ui.segments>.segment+.segments:not(.horizontal) {
margin-top:0
}
.ui.horizontal.segments {
display:flex;
flex-direction:row;
background-color:transparent;
padding:0;
margin:1rem 0;
border-radius:.28571429rem;
border:1px solid var(--color-secondary)
}
.ui.horizontal.segments>.segment {
margin:0;
min-width:0;
border-radius:0;
border:none;
box-shadow:none;
border-left:1px solid var(--color-secondary)
}
.ui.segments>.horizontal.segments:first-child {
border-top:none
}
.ui.horizontal.segments:not(.stackable)>.segment:first-child {
border-left:none
}
.ui.horizontal.segments>.segment:first-child {
border-radius:.28571429rem 0 0 .28571429rem
}
.ui.horizontal.segments>.segment:last-child {
border-radius:0 .28571429rem .28571429rem 0
}
.ui.clearing.segment:after {
content:"";
display:block;
clear:both
}
.ui[class*="left aligned"].segment {
text-align:left
}
.ui[class*="center aligned"].segment {
text-align:center
}
.ui.secondary.segment {
background:var(--color-secondary-bg);
color:var(--color-text-light)
}
.ui.attached.segment {
top:0;
bottom:0;
border-radius:0;
margin:0 -1px;
width:calc(100% + 2px);
max-width:calc(100% + 2px);
box-shadow:none;
border:1px solid var(--color-secondary);
background:var(--color-box-body);
color:var(--color-text)
}
.ui.attached:not(.message)+.ui.attached.segment:not(.top) {
border-top:none
}
.ui.attached.segment:has(+.ui[class*="top attached"].header),
.ui.attached.segment:last-child {
border-radius:0 0 .28571429rem .28571429rem
}
.ui[class*="top attached"].segment {
bottom:0;
margin-bottom:0;
top:0;
margin-top:1rem;
border-radius:.28571429rem .28571429rem 0 0
}
.ui.segment[class*="top attached"]:first-child {
margin-top:0
}
.ui.segment[class*="bottom attached"] {
bottom:0;
margin-top:0;
top:0;
margin-bottom:1rem;
border-radius:0 0 .28571429rem .28571429rem
}
.ui.segment[class*="bottom attached"]:last-child {
margin-bottom:1rem
}
.ui.fitted.segment:not(.horizontally) {
padding-top:0;
padding-bottom:0
}
.ui.fitted.segment:not(.vertically) {
padding-left:0;
padding-right:0
}
.ui.segments .segment,
.ui.segment {
font-size:1rem
}
.ui.error.segment {
border-color:var(--color-error-border)!important
}
.ui.warning.segment {
border-color:var(--color-warning-border)!important
}
.ui.grid {
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
padding:0;
margin:-1rem
}
.ui.relaxed.grid {
margin-left:-1.5rem;
margin-right:-1.5rem
}
.ui[class*="very relaxed"].grid {
margin-left:-2.5rem;
margin-right:-2.5rem
}
.ui.grid+.grid {
margin-top:1rem
}
.ui.grid>.column:not(.row),
.ui.grid>.row>.column {
position:relative;
display:inline-block;
width:6.25%;
padding-left:1rem;
padding-right:1rem;
vertical-align:top
}
.ui.grid>* {
padding-left:1rem;
padding-right:1rem
}
.ui.grid>.row {
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:inherit;
align-items:stretch;
width:100%!important;
padding:0;
padding-top:1rem;
padding-bottom:1rem
}
.ui.grid>.column:not(.row) {
padding-top:1rem;
padding-bottom:1rem
}
.ui.grid>.row>.column {
margin-top:0;
margin-bottom:0
}
.ui.grid>.row>img,
.ui.grid>.row>.column>img {
max-width:100%
}
.ui.grid>.ui.grid:first-child {
margin-top:0
}
.ui.grid>.ui.grid:last-child {
margin-bottom:0
}
.ui.grid .aligned.row>.column>.segment:not(.compact):not(.attached),
.ui.aligned.grid .column>.segment:not(.compact):not(.attached) {
width:100%
}
.ui.grid .row+.ui.divider {
flex-grow:1;
margin:1rem
}
.ui.grid .column+.ui.vertical.divider {
height:calc(50% - 1rem)
}
.ui.grid>.row>.column:last-child>.horizontal.segment,
.ui.grid>.column:last-child>.horizontal.segment {
box-shadow:none
}
@media only screen and (max-width: 767.98px) {
.ui.page.grid {
width:auto;
padding-left:0;
padding-right:0;
margin-left:0;
margin-right:0
}
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
.ui.page.grid {
width:auto;
margin-left:0;
margin-right:0;
padding-left:2em;
padding-right:2em
}
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
.ui.page.grid {
width:auto;
margin-left:0;
margin-right:0;
padding-left:3%;
padding-right:3%
}
}
@media only screen and (min-width: 1200px) and (max-width: 1919.98px) {
.ui.page.grid {
width:auto;
margin-left:0;
margin-right:0;
padding-left:15%;
padding-right:15%
}
}
@media only screen and (min-width: 1920px) {
.ui.page.grid {
width:auto;
margin-left:0;
margin-right:0;
padding-left:23%;
padding-right:23%
}
}
.ui.grid>.column:only-child,
.ui.grid>.row>.column:only-child {
width:100%
}
.ui[class*="one column"].grid>.row>.column,
.ui[class*="one column"].grid>.column:not(.row) {
width:100%
}
.ui[class*="two column"].grid>.row>.column,
.ui[class*="two column"].grid>.column:not(.row) {
width:50%
}
.ui[class*="three column"].grid>.row>.column,
.ui[class*="three column"].grid>.column:not(.row) {
width:33.33333333%
}
.ui[class*="four column"].grid>.row>.column,
.ui[class*="four column"].grid>.column:not(.row) {
width:25%
}
.ui[class*="five column"].grid>.row>.column,
.ui[class*="five column"].grid>.column:not(.row) {
width:20%
}
.ui[class*="six column"].grid>.row>.column,
.ui[class*="six column"].grid>.column:not(.row) {
width:16.66666667%
}
.ui[class*="seven column"].grid>.row>.column,
.ui[class*="seven column"].grid>.column:not(.row) {
width:14.28571429%
}
.ui[class*="eight column"].grid>.row>.column,
.ui[class*="eight column"].grid>.column:not(.row) {
width:12.5%
}
.ui[class*="nine column"].grid>.row>.column,
.ui[class*="nine column"].grid>.column:not(.row) {
width:11.11111111%
}
.ui[class*="ten column"].grid>.row>.column,
.ui[class*="ten column"].grid>.column:not(.row) {
width:10%
}
.ui[class*="eleven column"].grid>.row>.column,
.ui[class*="eleven column"].grid>.column:not(.row) {
width:9.09090909%
}
.ui[class*="twelve column"].grid>.row>.column,
.ui[class*="twelve column"].grid>.column:not(.row) {
width:8.33333333%
}
.ui[class*="thirteen column"].grid>.row>.column,
.ui[class*="thirteen column"].grid>.column:not(.row) {
width:7.69230769%
}
.ui[class*="fourteen column"].grid>.row>.column,
.ui[class*="fourteen column"].grid>.column:not(.row) {
width:7.14285714%
}
.ui[class*="fifteen column"].grid>.row>.column,
.ui[class*="fifteen column"].grid>.column:not(.row) {
width:6.66666667%
}
.ui[class*="sixteen column"].grid>.row>.column,
.ui[class*="sixteen column"].grid>.column:not(.row) {
width:6.25%
}
.ui.grid>[class*="one column"].row>.column {
width:100%!important
}
.ui.grid>[class*="two column"].row>.column {
width:50%!important
}
.ui.grid>[class*="three column"].row>.column {
width:33.33333333%!important
}
.ui.grid>[class*="four column"].row>.column {
width:25%!important
}
.ui.grid>[class*="five column"].row>.column {
width:20%!important
}
.ui.grid>[class*="six column"].row>.column {
width:16.66666667%!important
}
.ui.grid>[class*="seven column"].row>.column {
width:14.28571429%!important
}
.ui.grid>[class*="eight column"].row>.column {
width:12.5%!important
}
.ui.grid>[class*="nine column"].row>.column {
width:11.11111111%!important
}
.ui.grid>[class*="ten column"].row>.column {
width:10%!important
}
.ui.grid>[class*="eleven column"].row>.column {
width:9.09090909%!important
}
.ui.grid>[class*="twelve column"].row>.column {
width:8.33333333%!important
}
.ui.grid>[class*="thirteen column"].row>.column {
width:7.69230769%!important
}
.ui.grid>[class*="fourteen column"].row>.column {
width:7.14285714%!important
}
.ui.grid>[class*="fifteen column"].row>.column {
width:6.66666667%!important
}
.ui.grid>[class*="sixteen column"].row>.column {
width:6.25%!important
}
.ui.grid>.row>[class*="one wide"].column,
.ui.grid>.column.row>[class*="one wide"].column,
.ui.grid>[class*="one wide"].column,
.ui.column.grid>[class*="one wide"].column {
width:6.25%!important
}
.ui.grid>.row>[class*="two wide"].column,
.ui.grid>.column.row>[class*="two wide"].column,
.ui.grid>[class*="two wide"].column,
.ui.column.grid>[class*="two wide"].column {
width:12.5%!important
}
.ui.grid>.row>[class*="three wide"].column,
.ui.grid>.column.row>[class*="three wide"].column,
.ui.grid>[class*="three wide"].column,
.ui.column.grid>[class*="three wide"].column {
width:18.75%!important
}
.ui.grid>.row>[class*="four wide"].column,
.ui.grid>.column.row>[class*="four wide"].column,
.ui.grid>[class*="four wide"].column,
.ui.column.grid>[class*="four wide"].column {
width:25%!important
}
.ui.grid>.row>[class*="five wide"].column,
.ui.grid>.column.row>[class*="five wide"].column,
.ui.grid>[class*="five wide"].column,
.ui.column.grid>[class*="five wide"].column {
width:31.25%!important
}
.ui.grid>.row>[class*="six wide"].column,
.ui.grid>.column.row>[class*="six wide"].column,
.ui.grid>[class*="six wide"].column,
.ui.column.grid>[class*="six wide"].column {
width:37.5%!important
}
.ui.grid>.row>[class*="seven wide"].column,
.ui.grid>.column.row>[class*="seven wide"].column,
.ui.grid>[class*="seven wide"].column,
.ui.column.grid>[class*="seven wide"].column {
width:43.75%!important
}
.ui.grid>.row>[class*="eight wide"].column,
.ui.grid>.column.row>[class*="eight wide"].column,
.ui.grid>[class*="eight wide"].column,
.ui.column.grid>[class*="eight wide"].column {
width:50%!important
}
.ui.grid>.row>[class*="nine wide"].column,
.ui.grid>.column.row>[class*="nine wide"].column,
.ui.grid>[class*="nine wide"].column,
.ui.column.grid>[class*="nine wide"].column {
width:56.25%!important
}
.ui.grid>.row>[class*="ten wide"].column,
.ui.grid>.column.row>[class*="ten wide"].column,
.ui.grid>[class*="ten wide"].column,
.ui.column.grid>[class*="ten wide"].column {
width:62.5%!important
}
.ui.grid>.row>[class*="eleven wide"].column,
.ui.grid>.column.row>[class*="eleven wide"].column,
.ui.grid>[class*="eleven wide"].column,
.ui.column.grid>[class*="eleven wide"].column {
width:68.75%!important
}
.ui.grid>.row>[class*="twelve wide"].column,
.ui.grid>.column.row>[class*="twelve wide"].column,
.ui.grid>[class*="twelve wide"].column,
.ui.column.grid>[class*="twelve wide"].column {
width:75%!important
}
.ui.grid>.row>[class*="thirteen wide"].column,
.ui.grid>.column.row>[class*="thirteen wide"].column,
.ui.grid>[class*="thirteen wide"].column,
.ui.column.grid>[class*="thirteen wide"].column {
width:81.25%!important
}
.ui.grid>.row>[class*="fourteen wide"].column,
.ui.grid>.column.row>[class*="fourteen wide"].column,
.ui.grid>[class*="fourteen wide"].column,
.ui.column.grid>[class*="fourteen wide"].column {
width:87.5%!important
}
.ui.grid>.row>[class*="fifteen wide"].column,
.ui.grid>.column.row>[class*="fifteen wide"].column,
.ui.grid>[class*="fifteen wide"].column,
.ui.column.grid>[class*="fifteen wide"].column {
width:93.75%!important
}
.ui.grid>.row>[class*="sixteen wide"].column,
.ui.grid>.column.row>[class*="sixteen wide"].column,
.ui.grid>[class*="sixteen wide"].column,
.ui.column.grid>[class*="sixteen wide"].column {
width:100%!important
}
.ui.centered.grid,
.ui.centered.grid>.row,
.ui.grid>.centered.row {
text-align:center;
justify-content:center
}
.ui.centered.grid>.column:not(.aligned):not(.justified):not(.row),
.ui.centered.grid>.row>.column:not(.aligned):not(.justified),
.ui.grid .centered.row>.column:not(.aligned):not(.justified) {
text-align:left
}
.ui.grid>.centered.column,
.ui.grid>.row>.centered.column {
display:block;
margin-left:auto;
margin-right:auto
}
.ui.relaxed.grid>.column:not(.row),
.ui.relaxed.grid>.row>.column,
.ui.grid>.relaxed.row>.column {
padding-left:1.5rem;
padding-right:1.5rem
}
.ui[class*="very relaxed"].grid>.column:not(.row),
.ui[class*="very relaxed"].grid>.row>.column,
.ui.grid>[class*="very relaxed"].row>.column {
padding-left:2.5rem;
padding-right:2.5rem
}
.ui.relaxed.grid .row+.ui.divider,
.ui.grid .relaxed.row+.ui.divider {
margin-left:1.5rem;
margin-right:1.5rem
}
.ui[class*="very relaxed"].grid .row+.ui.divider,
.ui.grid [class*="very relaxed"].row+.ui.divider {
margin-left:2.5rem;
margin-right:2.5rem
}
.ui[class*="middle aligned"].grid>.column:not(.row),
.ui[class*="middle aligned"].grid>.row>.column,
.ui.grid>[class*="middle aligned"].row>.column,
.ui.grid>[class*="middle aligned"].column:not(.row),
.ui.grid>.row>[class*="middle aligned"].column {
flex-direction:column;
vertical-align:middle;
align-self:center!important
}
.ui[class*="left aligned"].grid>.column,
.ui[class*="left aligned"].grid>.row>.column,
.ui.grid>[class*="left aligned"].row>.column,
.ui.grid>[class*="left aligned"].column.column,
.ui.grid>.row>[class*="left aligned"].column.column {
text-align:left;
align-self:inherit
}
.ui[class*="center aligned"].grid>.column,
.ui[class*="center aligned"].grid>.row>.column,
.ui.grid>[class*="center aligned"].row>.column,
.ui.grid>[class*="center aligned"].column.column,
.ui.grid>.row>[class*="center aligned"].column.column {
text-align:center;
align-self:inherit
}
.ui[class*="center aligned"].grid {
justify-content:center
}
.ui[class*="right aligned"].grid>.column,
.ui[class*="right aligned"].grid>.row>.column,
.ui.grid>[class*="right aligned"].row>.column,
.ui.grid>[class*="right aligned"].column.column,
.ui.grid>.row>[class*="right aligned"].column.column {
text-align:right;
align-self:inherit
}
.ui[class*="equal width"].grid>.column:not(.row),
.ui[class*="equal width"].grid>.row>.column,
.ui.grid>[class*="equal width"].row>.column {
display:inline-block;
flex-grow:1
}
.ui[class*="equal width"].grid>.wide.column,
.ui[class*="equal width"].grid>.row>.wide.column,
.ui.grid>[class*="equal width"].row>.wide.column {
flex-grow:0
}
@media only screen and (max-width: 767.98px) {
.ui[class*="mobile reversed"].grid,
.ui[class*="mobile reversed"].grid>.row,
.ui.grid>[class*="mobile reversed"].row {
flex-direction:row-reverse
}
.ui.stackable[class*="mobile reversed"] {
flex-direction:column-reverse
}
.ui.stackable.grid {
width:auto;
margin-left:0!important;
margin-right:0!important
}
.ui.stackable.grid>.row>.wide.column,
.ui.stackable.grid>.wide.column,
.ui.stackable.grid>.column.grid>.column,
.ui.stackable.grid>.column.row>.column,
.ui.stackable.grid>.row>.column,
.ui.stackable.grid>.column:not(.row),
.ui.grid>.stackable.stackable.stackable.row>.column {
width:100%!important;
margin:0!important;
box-shadow:none!important;
padding:1rem
}
.ui.stackable.grid:not(.vertically)>.row {
margin:0;
padding:0
}
.ui.container>.ui.stackable.grid>.column,
.ui.container>.ui.stackable.grid>.row>.column {
padding-left:0!important;
padding-right:0!important
}
.ui.grid .ui.stackable.grid,
.ui.segment:not(.vertical) .ui.stackable.page.grid {
margin-left:-1rem!important;
margin-right:-1rem!important
}
}
.ui.ui.ui.compact.grid>.column:not(.row),
.ui.ui.ui.compact.grid>.row>.column {
padding-left:.5rem;
padding-right:.5rem
}
.ui.ui.ui.compact.grid>* {
padding-left:.5rem;
padding-right:.5rem
}
.ui.ui.ui.compact.grid>.row {
padding-top:.5rem;
padding-bottom:.5rem
}
.ui.ui.ui.compact.grid>.column:not(.row) {
padding-top:.5rem;
padding-bottom:.5rem
}
.ui.message {
background:var(--color-box-body);
color:var(--color-text);
border:1px solid var(--color-secondary);
position:relative;
min-height:1em;
margin:1em 0;
padding:1em 1.5em;
border-radius:var(--border-radius)
}
.ui.message:first-child {
margin-top:0
}
.ui.message:last-child {
margin-bottom:0
}
.ui.attached.message {
margin-bottom:-1px;
border-radius:var(--border-radius) var(--border-radius) 0 0;
margin-left:-1px;
margin-right:-1px
}
.ui.attached+.ui.attached.message:not(.top):not(.bottom) {
margin-top:-1px;
border-radius:0
}
.ui.bottom.attached.message {
margin-top:-1px;
border-radius:0 0 var(--border-radius) var(--border-radius)
}
.ui.bottom.attached.message:not(:last-child) {
margin-bottom:1em
}
.ui.info.message .header,
.ui.blue.message .header {
color:var(--color-blue)
}
.ui.info.message,
.ui.attached.info.message,
.ui.blue.message,
.ui.attached.blue.message {
background:var(--color-info-bg);
color:var(--color-info-text);
border-color:var(--color-info-border)
}
.ui.success.message .header,
.ui.positive.message .header,
.ui.green.message .header {
color:var(--color-green)
}
.ui.success.message,
.ui.attached.success.message,
.ui.positive.message,
.ui.attached.positive.message {
background:var(--color-success-bg);
color:var(--color-success-text);
border-color:var(--color-success-border)
}
.ui.error.message .header,
.ui.negative.message .header,
.ui.red.message .header {
color:var(--color-red)
}
.ui.error.message,
.ui.attached.error.message,
.ui.red.message,
.ui.attached.red.message,
.ui.negative.message,
.ui.attached.negative.message {
background:var(--color-error-bg);
color:var(--color-error-text);
border-color:var(--color-error-border)
}
.ui.warning.message .header,
.ui.yellow.message .header {
color:var(--color-yellow)
}
.ui.warning.message,
.ui.attached.warning.message,
.ui.yellow.message,
.ui.attached.yellow.message {
background:var(--color-warning-bg);
color:var(--color-warning-text);
border-color:var(--color-warning-border)
}
.ui.message>.close.icon {
cursor:pointer;
position:absolute;
top:9px;
right:9px;
opacity:.7
}
.ui.message>.close.icon:hover {
opacity:1
}
.ui.table {
width:100%;
margin:1em 0;
border:1px solid var(--color-secondary);
border-radius:.28571429rem;
vertical-align:middle;
border-collapse:separate;
border-spacing:0;
color:var(--color-text);
background:var(--color-box-body);
border-color:var(--color-secondary);
text-align:start
}
.ui.table:first-child {
margin-top:0
}
.ui.table:last-child {
margin-bottom:0
}
.ui.table>thead,
.ui.table>tbody {
text-align:inherit;
vertical-align:inherit
}
.ui.table>thead>tr>th {
background:var(--color-box-header);
text-align:inherit;
color:var(--color-text);
padding:6px 5px;
vertical-align:inherit;
font-weight:var(--font-weight-normal);
border-bottom:1px solid var(--color-secondary);
border-left:none
}
.ui.table>thead>tr>th:first-child {
border-left:none
}
.ui.table>thead>tr:first-child>th:first-child {
border-radius:.28571429rem 0 0
}
.ui.table>thead>tr:first-child>th:last-child {
border-radius:0 .28571429rem 0 0
}
.ui.table>thead>tr:first-child>th:only-child {
border-radius:.28571429rem .28571429rem 0 0
}
.ui.table>tfoot>tr>th,
.ui.table>tfoot>tr>td {
border-top:1px solid var(--color-secondary);
background:var(--color-box-body);
text-align:inherit;
color:var(--color-text);
padding:.78571429em;
vertical-align:inherit;
font-weight:var(--font-weight-normal)
}
.ui.table>tfoot>tr>th:first-child,
.ui.table>tfoot>tr>td:first-child {
border-left:none
}
.ui.table>tfoot>tr:first-child>th:first-child,
.ui.table>tfoot>tr:first-child>td:first-child {
border-radius:0 0 0 .28571429rem
}
.ui.table>tfoot>tr:first-child>th:last-child,
.ui.table>tfoot>tr:first-child>td:last-child {
border-radius:0 0 .28571429rem
}
.ui.table>tfoot>tr:first-child>th:only-child,
.ui.table>tfoot>tr:first-child>td:only-child {
border-radius:0 0 .28571429rem .28571429rem
}
.ui.table>tr>td,
.ui.table>tbody>tr>td {
border-top:1px solid var(--color-secondary-alpha-50);
padding:6px 5px;
text-align:inherit
}
.ui.table>tr:first-child>td,
.ui.table>tbody>tr:first-child>td {
border-top:none
}
.ui.table.segment {
padding:0
}
.ui.table.segment:after {
display:none
}
@media only screen and (max-width: 767.98px) {
.ui.table:not(.unstackable) {
width:100%;
padding:0
}
.ui.table:not(.unstackable)>thead,
.ui.table:not(.unstackable)>thead>tr,
.ui.table:not(.unstackable)>tfoot,
.ui.table:not(.unstackable)>tfoot>tr,
.ui.table:not(.unstackable)>tbody,
.ui.table:not(.unstackable)>tr,
.ui.table:not(.unstackable)>tbody>tr,
.ui.table:not(.unstackable)>tr>th,
.ui.table:not(.unstackable)>thead>tr>th,
.ui.table:not(.unstackable)>tbody>tr>th,
.ui.table:not(.unstackable)>tfoot>tr>th,
.ui.table:not(.unstackable)>tr>td,
.ui.table:not(.unstackable)>tbody>tr>td,
.ui.table:not(.unstackable)>tfoot>tr>td {
display:block!important;
width:auto!important
}
.ui.table:not(.unstackable)>thead {
display:block
}
.ui.table:not(.unstackable)>tfoot {
display:block
}
.ui.ui.ui.ui.table:not(.unstackable)>tr,
.ui.ui.ui.ui.table:not(.unstackable)>thead>tr,
.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr,
.ui.ui.ui.ui.table:not(.unstackable)>tfoot>tr {
padding-top:1em;
padding-bottom:1em
}
.ui.ui.ui.ui.table:not(.unstackable)>tr>th,
.ui.ui.ui.ui.table:not(.unstackable)>thead>tr>th,
.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr>th,
.ui.ui.ui.ui.table:not(.unstackable)>tfoot>tr>th,
.ui.ui.ui.ui.table:not(.unstackable)>tr>td,
.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr>td,
.ui.ui.ui.ui.table:not(.unstackable)>tfoot>tr>td {
background:none;
border:none;
padding:.25em .75em
}
.ui.table:not(.unstackable)>tr>th:first-child,
.ui.table:not(.unstackable)>thead>tr>th:first-child,
.ui.table:not(.unstackable)>tbody>tr>th:first-child,
.ui.table:not(.unstackable)>tfoot>tr>th:first-child,
.ui.table:not(.unstackable)>tr>td:first-child,
.ui.table:not(.unstackable)>tbody>tr>td:first-child,
.ui.table:not(.unstackable)>tfoot>tr>td:first-child {
font-weight:var(--font-weight-normal)
}
}
.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
text-align:left
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
text-align:center
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
text-align:right
}
.ui.table[class*="top aligned"],
.ui.table [class*="top aligned"] {
vertical-align:top
}
.ui.table[class*="middle aligned"],
.ui.table [class*="middle aligned"] {
vertical-align:middle
}
.ui.table th.collapsing,
.ui.table td.collapsing {
width:1px;
white-space:nowrap
}
.ui.fixed.table {
table-layout:fixed
}
.ui.fixed.table th,
.ui.fixed.table td {
overflow:hidden;
text-overflow:ellipsis
}
.ui.attached.table {
top:0;
bottom:0;
border-radius:0;
margin:0 -1px;
width:calc(100% + 2px);
max-width:calc(100% + 2px);
border:1px solid var(--color-secondary)
}
.ui.attached+.ui.attached.table:not(.top) {
border-top:none
}
.ui[class*="bottom attached"].table {
bottom:0;
margin-top:0;
top:0;
margin-bottom:1em;
border-radius:0 0 .28571429rem .28571429rem
}
.ui[class*="bottom attached"].table:last-child {
margin-bottom:0
}
.ui.striped.table>tr:nth-child(2n),
.ui.striped.table>tbody>tr:nth-child(2n) {
background:var(--color-light)
}
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
white-space:nowrap
}
.ui.table th.one.wide,
.ui.table td.one.wide {
width:6.25%
}
.ui.table th.two.wide,
.ui.table td.two.wide {
width:12.5%
}
.ui.table th.three.wide,
.ui.table td.three.wide {
width:18.75%
}
.ui.table th.four.wide,
.ui.table td.four.wide {
width:25%
}
.ui.table th.five.wide,
.ui.table td.five.wide {
width:31.25%
}
.ui.table th.six.wide,
.ui.table td.six.wide {
width:37.5%
}
.ui.table th.seven.wide,
.ui.table td.seven.wide {
width:43.75%
}
.ui.table th.eight.wide,
.ui.table td.eight.wide {
width:50%
}
.ui.table th.nine.wide,
.ui.table td.nine.wide {
width:56.25%
}
.ui.table th.ten.wide,
.ui.table td.ten.wide {
width:62.5%
}
.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
width:68.75%
}
.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
width:75%
}
.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
width:81.25%
}
.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
width:87.5%
}
.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
width:93.75%
}
.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
width:100%
}
.ui.basic.table {
background:transparent;
border:1px solid var(--color-secondary)
}
.ui.basic.table>thead>tr>th,
.ui.basic.table>tbody>tr>th,
.ui.basic.table>tfoot>tr>th,
.ui.basic.table>tr>th {
background:transparent;
border-left:none
}
.ui.basic.table>tbody>tr {
border-bottom:1px solid var(--color-secondary)
}
.ui.basic.table>tbody>tr>td,
.ui.basic.table>tfoot>tr>td,
.ui.basic.table>tr>td {
background:transparent
}
.ui.basic.striped.table>tbody>tr:nth-child(2n) {
background:var(--color-light)
}
.ui[class*="very basic"].table {
border:none
}
.ui[class*="very basic"].table:not(.striped)>tr>th:first-child,
.ui[class*="very basic"].table:not(.striped)>thead>tr>th:first-child,
.ui[class*="very basic"].table:not(.striped)>tbody>tr>th:first-child,
.ui[class*="very basic"].table:not(.striped)>tfoot>tr>th:first-child,
.ui[class*="very basic"].table:not(.striped)>tr>td:first-child,
.ui[class*="very basic"].table:not(.striped)>tbody>tr>td:first-child,
.ui[class*="very basic"].table:not(.striped)>tfoot>tr>td:first-child {
padding-left:0
}
.ui[class*="very basic"].table:not(.striped)>tr>th:last-child,
.ui[class*="very basic"].table:not(.striped)>thead>tr>th:last-child,
.ui[class*="very basic"].table:not(.striped)>tbody>tr>th:last-child,
.ui[class*="very basic"].table:not(.striped)>tfoot>tr>th:last-child,
.ui[class*="very basic"].table:not(.striped)>tr>td:last-child,
.ui[class*="very basic"].table:not(.striped)>tbody>tr>td:last-child,
.ui[class*="very basic"].table:not(.striped)>tfoot>tr>td:last-child {
padding-right:0
}
.ui[class*="very basic"].table:not(.striped)>thead>tr:first-child>th {
padding-top:0
}
.ui.celled.table>tr>th,
.ui.celled.table>thead>tr>th,
.ui.celled.table>tbody>tr>th,
.ui.celled.table>tfoot>tr>th,
.ui.celled.table>tr>td,
.ui.celled.table>tbody>tr>td,
.ui.celled.table>tfoot>tr>td {
border-left:1px solid var(--color-secondary-alpha-50)
}
.ui.celled.table>tr>th:first-child,
.ui.celled.table>thead>tr>th:first-child,
.ui.celled.table>tbody>tr>th:first-child,
.ui.celled.table>tfoot>tr>th:first-child,
.ui.celled.table>tr>td:first-child,
.ui.celled.table>tbody>tr>td:first-child,
.ui.celled.table>tfoot>tr>td:first-child {
border-left:none
}
.ui.compact.table>tr>th,
.ui.compact.table>thead>tr>th,
.ui.compact.table>tbody>tr>th,
.ui.compact.table>tfoot>tr>th {
padding-left:.7em;
padding-right:.7em
}
.ui.compact.table>tr>td,
.ui.compact.table>tbody>tr>td,
.ui.compact.table>tfoot>tr>td {
padding:.5em .7em
}
.ui.table>thead>tr>th:first-of-type,
.ui.table>tbody>tr>td:first-of-type,
.ui.table>tr>td:first-of-type {
padding-left:10px
}
.ui.table>thead>tr>th:last-of-type,
.ui.table>tbody>tr>td:last-of-type,
.ui.table>tr>td:last-of-type {
padding-right:10px
}
.ui.card:last-child {
margin-bottom:0
}
.ui.card:first-child {
margin-top:0
}
.ui.cards>.card,
.ui.card {
display:flex;
flex-direction:column;
max-width:100%;
width:290px;
min-height:0;
padding:0;
background:var(--color-card);
border:1px solid var(--color-secondary);
box-shadow:none;
word-wrap:break-word
}
.ui.card {
margin:1em 0
}
.ui.cards {
display:flex;
margin:-.875em -.5em;
flex-wrap:wrap
}
.ui.cards>.card {
display:flex;
margin:.875em .5em;
float:none
}
.ui.cards>.card>.content,
.ui.card>.content {
border-top:1px solid var(--color-secondary);
max-width:100%;
padding:1em;
font-size:1em
}
.ui.cards>.card>.content>.meta+.description,
.ui.cards>.card>.content>.header+.description,
.ui.card>.content>.meta+.description,
.ui.card>.content>.header+.description {
margin-top:.5em
}
.ui.cards>.card>.content>.header:not(.ui),
.ui.card>.content>.header:not(.ui) {
font-weight:var(--font-weight-medium);
font-size:1.28571429em;
margin-top:-.21425em;
line-height:1.28571429
}
.ui.cards>.card>.content:first-child,
.ui.card>.content:first-child {
border-top:none;
border-radius:var(--border-radius) var(--border-radius) 0 0
}
.ui.cards>.card>:last-child,
.ui.card>:last-child {
border-radius:0 0 var(--border-radius) var(--border-radius)
}
.ui.cards>.card>:only-child,
.ui.card>:only-child {
border-radius:var(--border-radius)!important
}
.ui.cards>.card>.extra,
.ui.card>.extra,
.ui.cards>.card>.extra a:not(.ui),
.ui.card>.extra a:not(.ui) {
color:var(--color-text)
}
.ui.cards>.card>.extra a:not(.ui):hover,
.ui.card>.extra a:not(.ui):hover {
color:var(--color-primary)
}
.ui.cards>.card>.content>.header,
.ui.card>.content>.header {
color:var(--color-text)
}
.ui.cards>.card>.content>.description,
.ui.card>.content>.description {
color:var(--color-text)
}
.ui.cards>.card .meta>a:not(.ui),
.ui.card .meta>a:not(.ui) {
color:var(--color-text-light-2)
}
.ui.cards>.card .meta>a:not(.ui):hover,
.ui.card .meta>a:not(.ui):hover {
color:var(--color-text)
}
.ui.cards a.card:hover,
a.ui.card:hover {
border:1px solid var(--color-secondary);
background:var(--color-card)
}
.ui.cards>.card>.extra,
.ui.card>.extra {
color:var(--color-text);
border-top-color:var(--color-secondary-light-1)!important
}
.ui.three.cards {
margin-left:-1em;
margin-right:-1em
}
.ui.three.cards>.card {
width:calc(33.33333333333333% - 2em);
margin-left:1em;
margin-right:1em
}
input[type=checkbox],
input[type=radio] {
width:var(--checkbox-size);
height:var(--checkbox-size)
}
.ui.checkbox {
position:relative;
display:inline-block;
vertical-align:baseline;
min-height:var(--checkbox-size);
line-height:var(--checkbox-size);
min-width:var(--checkbox-size);
padding:1px
}
.ui.checkbox input[type=checkbox],
.ui.checkbox input[type=radio] {
position:absolute;
top:1px;
left:0;
width:var(--checkbox-size);
height:var(--checkbox-size)
}
.ui.checkbox input[type=checkbox]:enabled,
.ui.checkbox input[type=radio]:enabled,
.ui.checkbox label:enabled {
cursor:pointer
}
.ui.checkbox label {
cursor:auto;
position:relative;
display:block;
user-select:none
}
.ui.checkbox label,
.ui.radio.checkbox label {
margin-left:1.85714em
}
.ui.checkbox+label {
vertical-align:middle
}
.ui.disabled.checkbox label,
.ui.checkbox input[disabled]~label {
cursor:default!important;
opacity:.5;
pointer-events:none
}
.ui.radio.checkbox {
min-height:var(--checkbox-size)
}
.ui.toggle.checkbox {
min-height:1.5rem
}
.ui.toggle.checkbox input {
width:3.5rem;
height:21px;
opacity:0;
z-index:3
}
.ui.toggle.checkbox label {
min-height:1.5rem;
padding-left:4.5rem;
padding-top:.15em
}
.ui.toggle.checkbox label:before {
display:block;
position:absolute;
content:"";
z-index:1;
top:0;
width:49px;
height:21px;
border-radius:500rem;
left:0
}
.ui.toggle.checkbox label:after {
background:var(--color-white);
box-shadow:1px 1px 4px 1px var(--color-shadow);
position:absolute;
content:"";
opacity:1;
z-index:2;
width:18px;
height:18px;
top:1.5px;
left:1.5px;
border-radius:500rem;
transition:background .3s ease,left .3s ease
}
.ui.toggle.checkbox input~label:after {
left:1.5px
}
.ui.toggle.checkbox input:checked~label:after {
left:29px
}
.ui.toggle.checkbox input:focus~label:before,
.ui.toggle.checkbox label:before {
background:var(--color-input-toggle-background)
}
.ui.toggle.checkbox label,
.ui.toggle.checkbox input:checked~label,
.ui.toggle.checkbox input:focus:checked~label {
color:var(--color-text)!important
}
.ui.toggle.checkbox input:checked~label:before,
.ui.toggle.checkbox input:focus:checked~label:before {
background:var(--color-primary)!important
}
.ui.modal.g-modal-confirm {
max-width:min(800px,90vw);
width:fit-content
}
.ui.modal.g-modal-confirm>.inside.close.icon {
padding:0;
width:1em;
height:1em;
top:1.2em
}
.ui.modal>.close.icon[height="16"] {
top:.7em;
color:var(--color-text-dark)
}
.ui.modal>.header {
color:var(--color-text-dark);
background:var(--color-body);
border-color:var(--color-secondary);
border-top-left-radius:var(--border-radius);
border-top-right-radius:var(--border-radius);
vertical-align:middle
}
.ui.modal>.header .svg {
vertical-align:middle;
display:inline-block
}
.ui.modal {
background:var(--color-body);
box-shadow:1px 3px 3px 0 var(--color-shadow),1px 3px 15px 2px var(--color-shadow)
}
.ui.modal>.content,
.ui.modal form>.content {
padding:1.5em;
background:var(--color-body)
}
.ui.modal>.actions,
.ui.modal .content+.actions,
.ui.modal .content+form>.actions {
background:var(--color-secondary-bg);
border-color:var(--color-secondary);
padding:1rem;
text-align:right
}
.ui.modal .content>.actions {
padding-top:1em;
text-align:right
}
.ui.modal .actions>.ui.button {
display:inline-flex;
align-items:center;
padding:10px 12px 10px 10px;
margin-right:0
}
.ui.modal .actions>.ui.button.danger {
display:block;
width:100%;
margin:0 auto;
text-align:center
}
.ui.modal .actions>.ui.button .svg {
margin-right:5px
}
.gitea-select {
position:relative
}
.gitea-select select {
appearance:none
}
.gitea-select:after {
position:absolute;
top:12px;
right:8px;
pointer-events:none;
content:"";
width:14px;
height:14px;
mask-size:cover;
-webkit-mask-size:cover;
mask-image:var(--octicon-chevron-right);
-webkit-mask-image:var(--octicon-chevron-right);
transform:rotate(90deg);
background:currentcolor
}
.tippy-target {
display:none!important
}
.tippy-content .tippy-target {
display:unset!important
}
[data-tippy-root] {
max-width:calc(100vw - 32px)
}
.tippy-box {
position:relative;
background-color:var(--color-body);
color:var(--color-secondary-dark-6);
border:1px solid var(--color-secondary);
border-radius:var(--border-radius);
font-size:1rem
}
.tippy-content {
position:relative;
padding:1rem;
z-index:1
}
.tippy-box[data-theme=bare] {
border:none;
box-shadow:0 6px 18px var(--color-shadow)
}
.tippy-box[data-theme=bare] .tippy-content {
padding:0;
background:transparent
}
.tippy-box[data-theme=tooltip] {
background-color:var(--color-tooltip-bg);
color:var(--color-tooltip-text);
border:none
}
.tippy-box[data-theme=tooltip] .tippy-content {
padding:.5rem 1rem
}
.tippy-box[data-theme=tooltip] .tippy-svg-arrow-inner,
.tippy-box[data-theme=tooltip] .tippy-svg-arrow-outer {
fill:var(--color-tooltip-bg)
}
.tippy-box[data-theme=menu] {
background-color:var(--color-menu);
color:var(--color-text);
box-shadow:0 6px 18px var(--color-shadow)
}
.tippy-box[data-theme=menu] .tippy-content {
padding:4px 0
}
.tippy-box[data-theme=menu] .tippy-svg-arrow-inner {
fill:var(--color-menu)
}
.tippy-box[data-theme=menu] .item {
display:flex;
align-items:center;
padding:9px 18px;
color:inherit;
text-decoration:none;
gap:10px
}
.tippy-box[data-theme=menu] .item:hover {
background:var(--color-hover)
}
.tippy-box[data-theme=menu] .item:focus {
background:var(--color-active)
}
.tippy-box[data-theme=box-with-header] {
box-shadow:0 6px 18px var(--color-shadow)
}
.tippy-box[data-theme=box-with-header] .tippy-content {
background:var(--color-box-body);
border-radius:var(--border-radius);
padding:0
}
.tippy-box[data-theme=box-with-header][data-placement^=top] .tippy-svg-arrow-inner {
fill:var(--color-box-body)
}
.tippy-box[data-theme=box-with-header][data-placement^=bottom] .tippy-svg-arrow-inner {
fill:var(--color-box-header)
}
.tippy-box[data-placement^=top]>.tippy-svg-arrow {
bottom:0
}
.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
top:16px;
transform:rotate(180deg)
}
.tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
top:0
}
.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
bottom:16px
}
.tippy-box[data-placement^=left]>.tippy-svg-arrow {
right:0
}
.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
transform:rotate(90deg);
top:calc(50% - 3px);
left:11px
}
.tippy-box[data-placement^=right]>.tippy-svg-arrow {
left:0
}
.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
transform:rotate(-90deg);
top:calc(50% - 3px);
right:11px
}
.tippy-svg-arrow {
width:16px;
height:16px;
text-align:initial
}
.tippy-svg-arrow,
.tippy-svg-arrow>svg {
position:absolute
}
.tippy-svg-arrow-outer {
fill:var(--color-secondary)
}
.tippy-svg-arrow-inner {
fill:var(--color-body)
}
.breadcrumb {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:3px
}
.breadcrumb .breadcrumb-divider {
color:var(--color-text-light-2)
}
.breadcrumb>* {
display:inline
}
.ui.comments {
margin:1.5em 0
}
.ui.comments:first-child {
margin-top:0
}
.ui.comments:last-child {
margin-bottom:0
}
.ui.comments .comment {
position:relative;
background:none;
margin:.5em 0 0;
padding:.5em 0 0;
border:none;
border-top:none;
line-height:1.2
}
.ui.comments .comment:first-child {
margin-top:0;
padding-top:0
}
.ui.comments .comment>.comments {
margin:0 0 .5em .5em;
padding:1em 0 1em 1em
}
.ui.comments .comment>.comments:before {
position:absolute;
top:0;
left:0
}
.ui.comments .comment>.comments .comment {
border:none;
border-top:none;
background:none
}
.ui.comments .comment .avatar {
float:left;
width:2.5em
}
.ui.comments .comment>.content {
display:block
}
.ui.comments .comment>.avatar~.content {
margin-left:3.5em
}
.ui.comments .comment .author {
font-size:1em;
font-weight:var(--font-weight-medium)
}
.ui.comments .comment a.author {
cursor:pointer
}
.ui.comments .comment .metadata {
display:inline-block;
margin-left:.5em;
font-size:.875em
}
.ui.comments .comment .metadata>* {
display:inline-block;
margin:0 .5em 0 0
}
.ui.comments .comment .metadata>:last-child {
margin-right:0
}
.ui.comments .comment .text {
margin:.25em 0 .5em;
font-size:1em;
word-wrap:break-word;
line-height:1.3
}
#navbar {
display:flex;
align-items:center;
justify-content:space-between;
background:var(--color-nav-bg);
border-bottom:1px solid var(--color-secondary);
margin:0!important;
padding:0 10px
}
#navbar,
#navbar .navbar-left,
#navbar .navbar-right {
min-height:49px
}
#navbar .navbar-left,
#navbar .navbar-right {
margin:0;
display:flex;
align-items:center
}
#navbar-logo {
margin:0
}
#navbar .item {
min-height:36px;
min-width:36px;
padding-top:3px;
padding-bottom:3px;
display:flex
}
#navbar>.menu>.item {
color:var(--color-nav-text)
}
#navbar .dropdown .item {
justify-content:stretch
}
#navbar a.item:hover,
#navbar a.item:focus,
#navbar button.item:hover,
#navbar button.item:focus {
background:var(--color-nav-hover-bg)
}
#navbar .secondary.menu>.item>.svg,
#navbar .right.menu>.item>.svg {
margin-right:0
}
@media (max-width: 767.98px) {
#navbar {
align-items:stretch
}
#navbar .item {
display:none
}
#navbar #navbar-logo {
display:flex
}
#navbar .navbar-left {
flex:1;
display:flex;
justify-content:space-between
}
#navbar .navbar-mobile-right {
display:flex;
margin-left:auto!important;
width:auto!important
}
#navbar .navbar-mobile-right>.item {
display:flex;
width:auto!important
}
#navbar.navbar-menu-open {
padding-bottom:8px
}
#navbar.navbar-menu-open,
#navbar.navbar-menu-open .navbar-right {
flex-direction:column
}
#navbar.navbar-menu-open .navbar-left {
display:flex;
flex-wrap:wrap
}
#navbar.navbar-menu-open .item {
display:flex;
width:100%;
margin:0
}
#navbar.navbar-menu-open .navbar-left #navbar-logo {
justify-content:flex-start;
width:auto
}
#navbar.navbar-menu-open .navbar-left .navbar-mobile-right {
justify-content:flex-end;
width:50%;
min-height:48px
}
#navbar #mobile-notifications-icon {
margin-right:6px!important
}
}
#navbar a.item .notification_count {
color:var(--color-nav-bg);
padding:0 3.75px;
font-size:12px;
line-height:12px;
font-weight:var(--font-weight-bold)
}
#navbar a.item:hover .notification_count,
#navbar a.item:hover .header-stopwatch-dot {
border-color:var(--color-nav-hover-bg)
}
#navbar a.item .notification_count,
#navbar a.item .header-stopwatch-dot {
background:var(--color-primary);
border:2px solid var(--color-nav-bg);
position:absolute;
left:6px;
top:-9px;
min-width:17px;
height:17px;
border-radius:11px;
display:flex;
align-items:center;
justify-content:center;
z-index:1
}
.secondary-nav {
background:var(--color-secondary-nav-bg)!important
}
.issue-navbar {
display:flex;
justify-content:space-between
}
.toastify {
color:var(--color-white);
position:fixed;
opacity:0;
transition:all .2s ease;
z-index:500;
border-radius:var(--border-radius);
box-shadow:0 8px 24px var(--color-shadow);
display:flex;
max-width:50vw;
min-width:300px;
padding:4px
}
.toastify.on {
opacity:1
}
.toast-body {
flex:1;
padding:5px 0;
overflow-wrap:anywhere
}
.toast-close,
.toast-icon {
color:currentcolor;
border-radius:var(--border-radius);
background:transparent;
border:none;
display:flex;
width:30px;
height:30px;
justify-content:center;
align-items:center
}
.toast-close:hover {
background:var(--color-hover)
}
.toast-close:active {
background:var(--color-active)
}
.toastify-right {
right:15px
}
.toastify-left {
left:15px
}
.toastify-top {
top:-150px
}
.toastify-bottom {
bottom:-150px
}
.toastify-center {
margin-left:auto;
margin-right:auto;
left:0;
right:0
}
@media (max-width: 360px) {
.toastify-right,
.toastify-left {
margin-left:auto;
margin-right:auto;
left:0;
right:0;
max-width:fit-content
}
}
.svg {
display:inline-block;
vertical-align:text-top;
fill:currentcolor
}
.middle .svg {
vertical-align:middle
}
.svg[height="12"] {
min-height:12px
}
.svg[height="13"] {
min-height:13px
}
.svg[height="14"] {
min-height:14px
}
.svg[height="15"] {
min-height:15px
}
.svg[height="16"] {
min-height:16px
}
.svg[height="18"] {
min-height:18px
}
.svg[height="20"] {
min-height:20px
}
.svg[height="22"] {
min-height:22px
}
.svg[height="24"] {
min-height:24px
}
.svg[height="36"] {
min-height:36px
}
.svg[height="48"] {
min-height:48px
}
.svg[height="56"] {
min-height:56px
}
.svg[width="12"] {
min-width:12px
}
.svg[width="13"] {
min-width:13px
}
.svg[width="14"] {
min-width:14px
}
.svg[width="15"] {
min-width:15px
}
.svg[width="16"] {
min-width:16px
}
.svg[width="18"] {
min-width:18px
}
.svg[width="20"] {
min-width:20px
}
.svg[width="22"] {
min-width:22px
}
.svg[width="24"] {
min-width:24px
}
.svg[width="36"] {
min-width:36px
}
.svg[width="48"] {
min-width:48px
}
.svg[width="56"] {
min-width:56px
}
.flex-container {
display:flex!important;
gap:var(--page-spacing);
margin-top:var(--page-spacing)
}
.flex-container-nav {
width:240px
}
.flex-container-sidebar {
width:35%
}
.flex-container-main {
flex:1;
min-width:0
}
@media (max-width: 767.98px) {
.flex-container {
flex-direction:column
}
.flex-container-nav,
.flex-container-sidebar {
order:-1;
width:auto
}
}
.flex-list {
list-style:none
}
.flex-item {
display:flex;
gap:8px;
align-items:flex-start;
padding:10px 0
}
.flex-item .flex-item-leading {
display:flex;
align-items:flex-start
}
.flex-item .flex-item-main {
display:flex;
flex-direction:column;
flex-grow:1;
flex-basis:60%;
min-width:0
}
.flex-item-header {
display:flex;
gap:.25rem;
justify-content:space-between;
flex-wrap:wrap
}
.flex-item a:not(.label,
.button):hover {
color:var(--color-primary)!important
}
.flex-item .flex-item-icon {
align-self:baseline
}
.flex-item .flex-item-icon+.flex-item-main {
align-self:baseline
}
.flex-item .flex-item-trailing {
display:flex;
gap:.5rem;
align-items:center;
flex-grow:0;
flex-wrap:wrap;
justify-content:end
}
.flex-item .flex-item-title {
display:inline-flex;
flex-wrap:wrap;
align-items:center;
gap:.25rem;
max-width:100%;
color:var(--color-text);
font-size:16px;
font-weight:var(--font-weight-semibold);
overflow-wrap:anywhere;
min-width:0
}
.flex-item .flex-item-title a {
color:var(--color-text);
overflow-wrap:anywhere
}
.flex-item .flex-item-body {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:.25rem;
color:var(--color-text-light-2);
overflow-wrap:anywhere
}
.flex-item .flex-item-body a {
color:inherit;
overflow-wrap:anywhere
}
.flex-list>.flex-item+.flex-item {
border-top:1px solid var(--color-secondary)
}
.flex-list.flex-space-fitted>.flex-item:first-child,
.ui.segment>.flex-list>.flex-item:first-child {
padding-top:0
}
.flex-list.flex-space-fitted>.flex-item:last-child,
.ui.segment>.flex-list>.flex-item:last-child {
padding-bottom:0
}
.divider+.flex-list>.flex-item:first-child {
padding-top:0
}
.flex-list+.divider {
margin-top:0
}
.milestone-list {
list-style:none
}
.milestone-card {
width:100%;
padding-top:10px;
padding-bottom:10px
}
.milestone-card+.milestone-card {
border-top:1px solid var(--color-secondary)
}
.milestone-card .content {
padding-top:10px
}
.milestone-header progress {
width:200px;
height:16px
}
.milestone-header {
display:flex;
align-items:center;
margin:0;
flex-wrap:wrap;
justify-content:space-between
}
.milestone-toolbar {
padding-top:5px;
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:space-between
}
.milestone-toolbar .group {
color:var(--color-text-light-2);
display:flex;
flex-wrap:wrap;
gap:8px
}
.milestone-toolbar .group>a {
font-size:15px;
color:var(--color-text-light-2)
}
.milestone-toolbar .group>a:hover {
color:var(--color-text)
}
@media (max-width: 767.98px) {
.milestone-card {
display:flex;
flex-direction:column;
gap:8px
}
}
.repository .head .ui.header .text,
.organization .head .ui.header .text {
vertical-align:middle;
font-size:1.6rem;
margin-left:15px
}
.repository .ui.tabs.container,
.organization .ui.tabs.container {
margin-top:14px;
margin-bottom:0
}
.repository .head .ui.header .org-visibility .label,
.organization .head .ui.header .org-visibility .label {
margin-left:5px;
margin-top:5px
}
details.toggleable-item {
user-select:none!important;
padding:0!important
}
details.toggleable-item .menu {
margin:4px 0 10px!important
}
details.toggleable-item summary {
display:flex;
justify-content:space-between;
align-items:center;
padding:.92857143em 1.14285714em
}
details.toggleable-item summary::marker,
details.toggleable-item summary::-webkit-details-marker {
display:none
}
details.toggleable-item summary:after {
transition:transform .25s ease;
content:"";
width:14px;
height:14px;
mask-size:cover;
-webkit-mask-size:cover;
mask-image:var(--octicon-chevron-right);
-webkit-mask-image:var(--octicon-chevron-right);
background:currentcolor;
border:1px solid var(--color-body)
}
details.toggleable-item[open] summary:after {
transform:rotate(90deg)
}
.ui .field .dropzone {
border:2px dashed var(--color-secondary);
background:none;
box-shadow:none;
padding:0;
border-radius:var(--border-radius-medium);
min-height:0
}
.ui .field .dropzone .dz-message {
margin:10px 0
}
.dropzone .dz-button {
color:var(--color-text-light)!important
}
.dropzone:hover .dz-button {
color:var(--color-text)!important
}
.dropzone .dz-error-message {
top:145px!important
}
.dropzone .dz-image {
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:0!important
}
.dropzone .dz-image img {
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important
}
.dropzone .dz-preview.dz-image-preview,
.dropzone-attachments .thumbnails img {
background:transparent!important
}
.dropzone-attachments .thumbnails img {
height:120px!important;
width:120px!important;
object-fit:contain!important;
margin-bottom:0!important
}
.dropzone .dz-preview:hover .dz-image img {
filter:opacity(.5)!important
}
.ui .field .dropzone .dz-preview .dz-progress {
top:7em
}
#git-graph-container {
overflow-x:auto;
width:100%;
min-height:350px
}
#git-graph-container h2 {
display:flex;
justify-content:space-between;
align-items:center
}
#git-graph-container .ui.header.dividing {
padding-bottom:10px
}
#git-graph-container #flow-select-refs-dropdown {
border-top-right-radius:0;
border-bottom-right-radius:0;
min-width:250px;
border-right:none
}
#git-graph-container #flow-select-refs-dropdown .ui.label {
max-width:180px;
display:inline-flex!important;
align-items:center
}
#git-graph-container #flow-select-refs-dropdown .default.text {
padding-top:4px;
padding-bottom:4px
}
#git-graph-container #flow-select-refs-dropdown input.search {
position:relative;
top:1px
}
#git-graph-container li {
list-style-type:none;
height:24px;
line-height:24px;
white-space:nowrap;
display:flex;
align-items:center
}
#git-graph-container li .node-relation {
font-family:var(--fonts-monospace)
}
#git-graph-container li .author {
color:var(--color-text-light)
}
#git-graph-container li .time {
color:var(--color-text-light-3)
}
#git-graph-container li a:not(.ui):hover {
text-decoration:underline
}
#git-graph-container li a em {
color:var(--color-red);
border-bottom:1px dotted var(--color-secondary);
text-decoration:none;
font-style:normal
}
#git-graph-container #rel-container {
max-width:30%;
overflow-x:auto;
float:left
}
#git-graph-container #rev-list {
margin:0;
padding:0
}
#git-graph-container #rev-list li.highlight.hover {
background-color:var(--color-secondary-alpha-30)
}
#git-graph-container #rev-list .commit-refs .button {
padding:2px 4px;
margin-right:.25em;
display:inline-block;
max-width:200px;
overflow:hidden;
text-overflow:ellipsis
}
#git-graph-container #rev-list .sha.label {
padding-top:5px;
padding-bottom:3px
}
#git-graph-container #rev-list .sha.label .ui.detail.icon.button {
padding-top:3px;
margin-top:-5px;
padding-bottom:1px
}
#git-graph-container #rev-list .author img.ui.avatar {
width:auto;
height:18px;
max-width:none
}
#git-graph-container #graph-raw-list {
margin:0
}
#git-graph-container.monochrome #rel-container .flow-group {
stroke:var(--color-secondary-dark-5);
fill:var(--color-secondary-dark-5)
}
#git-graph-container.monochrome #rel-container .flow-group.highlight {
stroke:var(--color-secondary-dark-12);
fill:var(--color-secondary-dark-12)
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-1 {
stroke:#499a37;
fill:#499a37
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-2 {
stroke:#ce4751;
fill:#ce4751
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-3 {
stroke:#8f9121;
fill:#8f9121
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-4 {
stroke:#ac32a6;
fill:#ac32a6
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-5 {
stroke:#7445e9;
fill:#7445e9
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-6 {
stroke:#c67d28;
fill:#c67d28
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-7 {
stroke:#4db392;
fill:#4db392
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-8 {
stroke:#aa4d30;
fill:#aa4d30
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-9 {
stroke:#2a6f84;
fill:#2a6f84
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-10 {
stroke:#c45327;
fill:#c45327
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-11 {
stroke:#3d965c;
fill:#3d965c
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-12 {
stroke:#792a93;
fill:#792a93
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-13 {
stroke:#439d73;
fill:#439d73
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-14 {
stroke:#103aad;
fill:#103aad
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-15 {
stroke:#982e85;
fill:#982e85
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.flow-color-16-0 {
stroke:#7db233;
fill:#7db233
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-1 {
stroke:#5ac144;
fill:#5ac144
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-2 {
stroke:#ed5a8b;
fill:#ed5a8b
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-3 {
stroke:#ced049;
fill:#ced048
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-4 {
stroke:#db61d7;
fill:#db62d6
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-5 {
stroke:#8455f9;
fill:#8455f9
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-6 {
stroke:#e6a151;
fill:#e6a151
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-7 {
stroke:#44daaa;
fill:#44daaa
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-8 {
stroke:#dd7a5c;
fill:#dd7a5c
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-9 {
stroke:#38859c;
fill:#38859c
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-10 {
stroke:#d95520;
fill:#d95520
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-11 {
stroke:#42ae68;
fill:#42ae68
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-12 {
stroke:#9126b5;
fill:#9126b5
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-13 {
stroke:#4ab080;
fill:#4ab080
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-14 {
stroke:#284fb8;
fill:#284fb8
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-15 {
stroke:#971c80;
fill:#971c80
}
#git-graph-container:not(.monochrome) #rel-container .flow-group.highlight.flow-color-16-0 {
stroke:#87ca28;
fill:#87ca28
}
#user-heatmap {
width:100%;
font-size:9px;
position:relative
}
#user-heatmap.is-loading {
aspect-ratio:5.415
}
.user.profile #user-heatmap.is-loading {
aspect-ratio:5.645
}
#user-heatmap text {
fill:currentcolor!important
}
#user-heatmap .vch__legend .vch__legend {
display:flex;
font-size:11px;
align-items:center;
justify-content:right
}
#user-heatmap .vch__legend .vch__legend div:first-child,
#user-heatmap .vch__legend .vch__legend div:last-child {
display:inline-block;
padding:0 5px
}
#user-heatmap .vch__day__square:hover {
outline:1.5px solid var(--color-text)
}
#user-heatmap .total-contributions {
font-size:11px;
position:absolute;
bottom:0;
left:25px
}
@media (max-width: 1200px) {
#user-heatmap .total-contributions {
left:21px
}
}
@media (max-width: 1000px) {
#user-heatmap .total-contributions {
font-size:10px;
left:17px;
bottom:-4px
}
}
.image-diff-tabs {
min-height:60px
}
.image-diff-tabs.is-loading .tab {
display:none
}
.image-diff-container {
text-align:center;
padding:.5em 0 1em
}
.image-diff-container img {
border:1px solid var(--color-primary-light-7);
--gradient: conic-gradient(var(--checkerboard-color-1) 90deg, var(--checkerboard-color-2) 90deg 180deg, var(--checkerboard-color-1) 180deg 270deg, var(--checkerboard-color-2) 270deg);
background:var(--gradient);
background-size:20px 20px
}
.image-diff-container .before-container {
border:1px solid var(--color-red);
display:block
}
.image-diff-container .after-container {
border:1px solid var(--color-green);
display:block
}
.image-diff-container .diff-side-by-side .side {
display:inline-block;
line-height:0;
vertical-align:top;
margin:0 1em
}
.image-diff-container .diff-side-by-side .side .side-header {
font-weight:var(--font-weight-semibold)
}
.image-diff-container .diff-swipe {
margin:auto;
padding:1em 0
}
.image-diff-container .diff-swipe .swipe-frame,
.image-diff-container .diff-swipe .swipe-frame .before-container {
position:absolute
}
.image-diff-container .diff-swipe .swipe-frame .swipe-container {
position:absolute;
right:0;
display:block;
border-left:2px solid var(--color-secondary-dark-8);
height:100%;
overflow:hidden
}
.image-diff-container .diff-swipe .swipe-frame .swipe-container .after-container {
position:absolute;
right:0
}
.image-diff-container .diff-swipe .swipe-frame .swipe-bar {
position:absolute;
height:100%;
top:0;
left:0
}
.image-diff-container .diff-swipe .swipe-frame .swipe-bar .handle {
background:var(--color-secondary-dark-8);
left:-5px;
height:12px;
width:12px;
position:absolute;
transform:rotate(45deg);
box-sizing:border-box;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer
}
.image-diff-container .diff-swipe .swipe-frame .swipe-bar .top-handle {
top:-12px
}
.image-diff-container .diff-swipe .swipe-frame .swipe-bar .bottom-handle {
bottom:-14px
}
.image-diff-container .diff-overlay {
margin:0 auto
}
.image-diff-container .diff-overlay .overlay-frame {
margin:1em auto 0;
position:relative
}
.image-diff-container .diff-overlay .before-container,
.image-diff-container .diff-overlay .after-container {
position:absolute
}
.image-diff-container .diff-overlay input {
max-width:300px
}
.monaco-editor-container,
.editor-loading.is-loading {
width:100%;
min-height:200px;
height:90vh
}
.edit.githook .monaco-editor-container {
border:1px solid var(--color-secondary);
height:70vh
}
.monaco-editor-container .inputarea {
min-height:0!important;
margin:0!important;
padding:0!important;
resize:none!important;
border:none!important;
color:transparent!important;
background-color:transparent!important
}
.monaco-scrollable-element>.scrollbar>.slider {
background:var(--color-primary)!important
}
.monaco-scrollable-element>.scrollbar>.slider:hover {
background:var(--color-primary-dark-1)!important
}
.monaco-scrollable-element>.scrollbar>.slider:active {
background:var(--color-primary-dark-2)!important
}
.monaco-editor .iPadShowKeyboard {
border:none!important;
width:58px!important;
min-width:0!important;
height:36px!important;
min-height:0!important;
margin:0!important;
padding:0!important;
position:absolute!important;
resize:none!important;
overflow:hidden!important;
border-radius:var(--border-radius-medium)!important
}
.board {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
overflow-x:auto;
margin:0 .5em
}
.project-column {
background-color:var(--color-project-column-bg)!important;
border:1px solid var(--color-secondary)!important;
border-radius:var(--border-radius);
margin:0 .5rem!important;
padding:.5rem!important;
width:320px;
height:calc(100vh - 450px);
min-height:60vh;
overflow-y:scroll;
flex:0 0 auto;
overflow:visible;
display:flex;
flex-direction:column;
cursor:default
}
.project-column .issue-card {
color:var(--color-text)
}
.project-column-header {
display:flex;
align-items:center;
justify-content:space-between
}
.project-column-title {
background:none!important;
line-height:1.25!important;
color:inherit!important;
cursor:inherit
}
.project-column-title-label {
overflow:hidden;
text-overflow:ellipsis
}
.project-column-header>.dropdown {
flex-shrink:0
}
.project-column>.cards {
flex:1;
display:flex;
align-content:baseline;
margin:0!important;
padding:0!important;
flex-wrap:nowrap!important;
flex-direction:column;
overflow-x:auto;
gap:.25rem
}
.project-column>.divider {
margin:5px 0;
border-color:currentcolor;
opacity:.5
}
.project-column:first-child {
margin-left:auto!important
}
.project-column:last-child {
margin-right:auto!important
}
.card-attachment-images {
display:inline-block;
white-space:nowrap;
overflow:scroll;
cursor:default;
text-align:center
}
.card-attachment-images img {
display:inline-block;
max-height:50px;
border-radius:var(--border-radius);
text-align:left;
margin-right:2px;
aspect-ratio:1
}
.card-attachment-images img:only-child {
max-height:90px;
margin:auto
}
.card-ghost {
border-color:var(--color-secondary-dark-4)!important;
border-style:dashed!important;
background:none!important
}
.card-ghost * {
opacity:0
}
.tribute-container {
position:absolute;
top:0;
left:0;
height:auto;
max-height:300px;
max-width:500px;
overflow:auto;
display:block;
z-index:999999
}
.tribute-container ul {
margin:2px 0 0;
padding:0;
list-style:none;
background:#efefef
}
.tribute-container li {
padding:5px;
cursor:pointer
}
.tribute-container li.highlight {
background:#ddd
}
.tribute-container li span {
font-weight:700
}
.tribute-container li.no-match {
cursor:default
}
.tribute-container .menu-highlighted {
font-weight:700
}
.tribute-container {
box-shadow:0 .25rem .5rem #00000040;
border-radius:var(--border-radius)
}
.tribute-container ul {
margin-top:0!important;
background:var(--color-body)!important
}
.tribute-container li {
padding:3px .5rem!important
}
.tribute-container li span.fullname {
font-weight:var(--font-weight-normal);
font-size:.8rem;
margin-left:3px
}
.tribute-container li.highlight,
.tribute-container li:hover {
background:var(--color-primary)!important;
color:var(--color-primary-contrast)!important
}
.tribute-item {
display:flex;
align-items:center
}
.tribute-item .emoji,
.tribute-item img[src*="/avatar/"] {
margin-right:.5rem
}
.tribute-container img {
width:1.5rem!important;
height:1.5rem!important
}
.console {
background:var(--color-console-bg);
color:var(--color-console-fg);
font-family:var(--fonts-monospace);
border-radius:var(--border-radius);
overflow-wrap:anywhere
}
.console img {
max-width:100%
}
.console a {
color:inherit;
text-decoration:underline;
text-decoration-style:dashed
}
.console a:hover {
color:var(--color-primary)
}
@keyframes blink-animation {
to {
visibility:hidden
}
}
.ansi-black-fg {
color:var(--color-ansi-black)
}
.ansi-red-fg {
color:var(--color-ansi-red)
}
.ansi-green-fg {
color:var(--color-ansi-green)
}
.ansi-yellow-fg {
color:var(--color-ansi-yellow)
}
.ansi-blue-fg {
color:var(--color-ansi-blue)
}
.ansi-magenta-fg {
color:var(--color-ansi-magenta)
}
.ansi-cyan-fg {
color:var(--color-ansi-cyan)
}
.ansi-white-fg {
color:var(--color-ansi-white)
}
.ansi-bright-black-fg {
color:var(--color-ansi-bright-black)
}
.ansi-bright-red-fg {
color:var(--color-ansi-bright-red)
}
.ansi-bright-green-fg {
color:var(--color-ansi-bright-green)
}
.ansi-bright-yellow-fg {
color:var(--color-ansi-bright-yellow)
}
.ansi-bright-blue-fg {
color:var(--color-ansi-bright-blue)
}
.ansi-bright-magenta-fg {
color:var(--color-ansi-bright-magenta)
}
.ansi-bright-cyan-fg {
color:var(--color-ansi-bright-cyan)
}
.ansi-bright-white-fg {
color:var(--color-ansi-bright-white)
}
.ansi-black-bg {
background-color:var(--color-ansi-black)
}
.ansi-red-bg {
background-color:var(--color-ansi-red)
}
.ansi-green-bg {
background-color:var(--color-ansi-green)
}
.ansi-yellow-bg {
background-color:var(--color-ansi-yellow)
}
.ansi-blue-bg {
background-color:var(--color-ansi-blue)
}
.ansi-magenta-bg {
background-color:var(--color-ansi-magenta)
}
.ansi-cyan-bg {
background-color:var(--color-ansi-cyan)
}
.ansi-white-bg {
background-color:var(--color-ansi-white)
}
.ansi-bright-black-bg {
background-color:var(--color-ansi-bright-black)
}
.ansi-bright-red-bg {
background-color:var(--color-ansi-bright-red)
}
.ansi-bright-green-bg {
background-color:var(--color-ansi-bright-green)
}
.ansi-bright-yellow-bg {
background-color:var(--color-ansi-bright-yellow)
}
.ansi-bright-blue-bg {
background-color:var(--color-ansi-bright-blue)
}
.ansi-bright-magenta-bg {
background-color:var(--color-ansi-bright-magenta)
}
.ansi-bright-cyan-bg {
background-color:var(--color-ansi-bright-cyan)
}
.ansi-bright-white-bg {
background-color:var(--color-ansi-bright-white)
}
.term-fg2 {
color:var(--color-ansi-bright-black)
}
.term-fg3 {
font-style:italic
}
.term-fg4 {
text-decoration:underline
}
.term-fg5 {
animation:blink-animation 1s steps(3,start) infinite
}
.term-fg9 {
text-decoration:line-through
}
.term-fg30 {
color:var(--color-ansi-black)
}
.term-fg31 {
color:var(--color-ansi-red)
}
.term-fg32 {
color:var(--color-ansi-green)
}
.term-fg33 {
color:var(--color-ansi-yellow)
}
.term-fg34 {
color:var(--color-ansi-blue)
}
.term-fg35 {
color:var(--color-ansi-magenta)
}
.term-fg36 {
color:var(--color-ansi-cyan)
}
.term-fgi1 {
color:var(--color-ansi-bright-green)
}
.term-fgi90 {
color:var(--color-ansi-bright-black)
}
.term-fgi91 {
color:var(--color-ansi-bright-red)
}
.term-fgi92 {
color:var(--color-ansi-bright-green)
}
.term-fgi93 {
color:var(--color-ansi-bright-yellow)
}
.term-fgi94 {
color:var(--color-ansi-bright-blue)
}
.term-fgi95 {
color:var(--color-ansi-bright-magenta)
}
.term-fgi96 {
color:var(--color-ansi-bright-cyan)
}
.term-bg40 {
background:var(--color-ansi-bright-black)
}
.term-bg41 {
background:var(--color-ansi-red)
}
.term-bg42 {
background:var(--color-ansi-green)
}
.term-fg31.term-bg40 {
color:var(--color-ansi-bright-red)
}
.term-fgx16 {
color:#000
}
.term-fgx17 {
color:#00005f
}
.term-fgx18 {
color:#000087
}
.term-fgx19 {
color:#0000af
}
.term-fgx20 {
color:#0000d7
}
.term-fgx21 {
color:#00f
}
.term-fgx22 {
color:#005f00
}
.term-fgx23 {
color:#005f5f
}
.term-fgx24 {
color:#005f87
}
.term-fgx25 {
color:#005faf
}
.term-fgx26 {
color:#005fd7
}
.term-fgx27 {
color:#005fff
}
.term-fgx28 {
color:#008700
}
.term-fgx29 {
color:#00875f
}
.term-fgx30 {
color:#008787
}
.term-fgx31 {
color:#0087af
}
.term-fgx32 {
color:#0087d7
}
.term-fgx33 {
color:#0087ff
}
.term-fgx34 {
color:#00af00
}
.term-fgx35 {
color:#00af5f
}
.term-fgx36 {
color:#00af87
}
.term-fgx37 {
color:#00afaf
}
.term-fgx38 {
color:#00afd7
}
.term-fgx39 {
color:#00afff
}
.term-fgx40 {
color:#00d700
}
.term-fgx41 {
color:#00d75f
}
.term-fgx42 {
color:#00d787
}
.term-fgx43 {
color:#00d7af
}
.term-fgx44 {
color:#00d7d7
}
.term-fgx45 {
color:#00d7ff
}
.term-fgx46 {
color:#0f0
}
.term-fgx47 {
color:#00ff5f
}
.term-fgx48 {
color:#00ff87
}
.term-fgx49 {
color:#00ffaf
}
.term-fgx50 {
color:#00ffd7
}
.term-fgx51 {
color:#0ff
}
.term-fgx52 {
color:#5f0000
}
.term-fgx53 {
color:#5f005f
}
.term-fgx54 {
color:#5f0087
}
.term-fgx55 {
color:#5f00af
}
.term-fgx56 {
color:#5f00d7
}
.term-fgx57 {
color:#5f00ff
}
.term-fgx58 {
color:#5f5f00
}
.term-fgx59 {
color:#5f5f5f
}
.term-fgx60 {
color:#5f5f87
}
.term-fgx61 {
color:#5f5faf
}
.term-fgx62 {
color:#5f5fd7
}
.term-fgx63 {
color:#5f5fff
}
.term-fgx64 {
color:#5f8700
}
.term-fgx65 {
color:#5f875f
}
.term-fgx66 {
color:#5f8787
}
.term-fgx67 {
color:#5f87af
}
.term-fgx68 {
color:#5f87d7
}
.term-fgx69 {
color:#5f87ff
}
.term-fgx70 {
color:#5faf00
}
.term-fgx71 {
color:#5faf5f
}
.term-fgx72 {
color:#5faf87
}
.term-fgx73 {
color:#5fafaf
}
.term-fgx74 {
color:#5fafd7
}
.term-fgx75 {
color:#5fafff
}
.term-fgx76 {
color:#5fd700
}
.term-fgx77 {
color:#5fd75f
}
.term-fgx78 {
color:#5fd787
}
.term-fgx79 {
color:#5fd7af
}
.term-fgx80 {
color:#5fd7d7
}
.term-fgx81 {
color:#5fd7ff
}
.term-fgx82 {
color:#5fff00
}
.term-fgx83 {
color:#5fff5f
}
.term-fgx84 {
color:#5fff87
}
.term-fgx85 {
color:#5fffaf
}
.term-fgx86 {
color:#5fffd7
}
.term-fgx87 {
color:#5fffff
}
.term-fgx88 {
color:#870000
}
.term-fgx89 {
color:#87005f
}
.term-fgx90 {
color:#870087
}
.term-fgx91 {
color:#8700af
}
.term-fgx92 {
color:#8700d7
}
.term-fgx93 {
color:#8700ff
}
.term-fgx94 {
color:#875f00
}
.term-fgx95 {
color:#875f5f
}
.term-fgx96 {
color:#875f87
}
.term-fgx97 {
color:#875faf
}
.term-fgx98 {
color:#875fd7
}
.term-fgx99 {
color:#875fff
}
.term-fgx100 {
color:#878700
}
.term-fgx101 {
color:#87875f
}
.term-fgx102 {
color:#878787
}
.term-fgx103 {
color:#8787af
}
.term-fgx104 {
color:#8787d7
}
.term-fgx105 {
color:#8787ff
}
.term-fgx106 {
color:#87af00
}
.term-fgx107 {
color:#87af5f
}
.term-fgx108 {
color:#87af87
}
.term-fgx109 {
color:#87afaf
}
.term-fgx110 {
color:#87afd7
}
.term-fgx111 {
color:#87afff
}
.term-fgx112 {
color:#87d700
}
.term-fgx113 {
color:#87d75f
}
.term-fgx114 {
color:#87d787
}
.term-fgx115 {
color:#87d7af
}
.term-fgx116 {
color:#87d7d7
}
.term-fgx117 {
color:#87d7ff
}
.term-fgx118 {
color:#87ff00
}
.term-fgx119 {
color:#87ff5f
}
.term-fgx120 {
color:#87ff87
}
.term-fgx121 {
color:#87ffaf
}
.term-fgx122 {
color:#87ffd7
}
.term-fgx123 {
color:#87ffff
}
.term-fgx124 {
color:#af0000
}
.term-fgx125 {
color:#af005f
}
.term-fgx126 {
color:#af0087
}
.term-fgx127 {
color:#af00af
}
.term-fgx128 {
color:#af00d7
}
.term-fgx129 {
color:#af00ff
}
.term-fgx130 {
color:#af5f00
}
.term-fgx131 {
color:#af5f5f
}
.term-fgx132 {
color:#af5f87
}
.term-fgx133 {
color:#af5faf
}
.term-fgx134 {
color:#af5fd7
}
.term-fgx135 {
color:#af5fff
}
.term-fgx136 {
color:#af8700
}
.term-fgx137 {
color:#af875f
}
.term-fgx138 {
color:#af8787
}
.term-fgx139 {
color:#af87af
}
.term-fgx140 {
color:#af87d7
}
.term-fgx141 {
color:#af87ff
}
.term-fgx142 {
color:#afaf00
}
.term-fgx143 {
color:#afaf5f
}
.term-fgx144 {
color:#afaf87
}
.term-fgx145 {
color:#afafaf
}
.term-fgx146 {
color:#afafd7
}
.term-fgx147 {
color:#afafff
}
.term-fgx148 {
color:#afd700
}
.term-fgx149 {
color:#afd75f
}
.term-fgx150 {
color:#afd787
}
.term-fgx151 {
color:#afd7af
}
.term-fgx152 {
color:#afd7d7
}
.term-fgx153 {
color:#afd7ff
}
.term-fgx154 {
color:#afff00
}
.term-fgx155 {
color:#afff5f
}
.term-fgx156 {
color:#afff87
}
.term-fgx157 {
color:#afffaf
}
.term-fgx158 {
color:#afffd7
}
.term-fgx159 {
color:#afffff
}
.term-fgx160 {
color:#d70000
}
.term-fgx161 {
color:#d7005f
}
.term-fgx162 {
color:#d70087
}
.term-fgx163 {
color:#d700af
}
.term-fgx164 {
color:#d700d7
}
.term-fgx165 {
color:#d700ff
}
.term-fgx166 {
color:#d75f00
}
.term-fgx167 {
color:#d75f5f
}
.term-fgx168 {
color:#d75f87
}
.term-fgx169 {
color:#d75faf
}
.term-fgx170 {
color:#d75fd7
}
.term-fgx171 {
color:#d75fff
}
.term-fgx172 {
color:#d78700
}
.term-fgx173 {
color:#d7875f
}
.term-fgx174 {
color:#d78787
}
.term-fgx175 {
color:#d787af
}
.term-fgx176 {
color:#d787d7
}
.term-fgx177 {
color:#d787ff
}
.term-fgx178 {
color:#d7af00
}
.term-fgx179 {
color:#d7af5f
}
.term-fgx180 {
color:#d7af87
}
.term-fgx181 {
color:#d7afaf
}
.term-fgx182 {
color:#d7afd7
}
.term-fgx183 {
color:#d7afff
}
.term-fgx184 {
color:#d7d700
}
.term-fgx185 {
color:#d7d75f
}
.term-fgx186 {
color:#d7d787
}
.term-fgx187 {
color:#d7d7af
}
.term-fgx188 {
color:#d7d7d7
}
.term-fgx189 {
color:#d7d7ff
}
.term-fgx190 {
color:#d7ff00
}
.term-fgx191 {
color:#d7ff5f
}
.term-fgx192 {
color:#d7ff87
}
.term-fgx193 {
color:#d7ffaf
}
.term-fgx194 {
color:#d7ffd7
}
.term-fgx195 {
color:#d7ffff
}
.term-fgx196 {
color:red
}
.term-fgx197 {
color:#ff005f
}
.term-fgx198 {
color:#ff0087
}
.term-fgx199 {
color:#ff00af
}
.term-fgx200 {
color:#ff00d7
}
.term-fgx201 {
color:#f0f
}
.term-fgx202 {
color:#ff5f00
}
.term-fgx203 {
color:#ff5f5f
}
.term-fgx204 {
color:#ff5f87
}
.term-fgx205 {
color:#ff5faf
}
.term-fgx206 {
color:#ff5fd7
}
.term-fgx207 {
color:#ff5fff
}
.term-fgx208 {
color:#ff8700
}
.term-fgx209 {
color:#ff875f
}
.term-fgx210 {
color:#ff8787
}
.term-fgx211 {
color:#ff87af
}
.term-fgx212 {
color:#ff87d7
}
.term-fgx213 {
color:#ff87ff
}
.term-fgx214 {
color:#ffaf00
}
.term-fgx215 {
color:#ffaf5f
}
.term-fgx216 {
color:#ffaf87
}
.term-fgx217 {
color:#ffafaf
}
.term-fgx218 {
color:#ffafd7
}
.term-fgx219 {
color:#ffafff
}
.term-fgx220 {
color:gold
}
.term-fgx221 {
color:#ffd75f
}
.term-fgx222 {
color:#ffd787
}
.term-fgx223 {
color:#ffd7af
}
.term-fgx224 {
color:#ffd7d7
}
.term-fgx225 {
color:#ffd7ff
}
.term-fgx226 {
color:#ff0
}
.term-fgx227 {
color:#ffff5f
}
.term-fgx228 {
color:#ffff87
}
.term-fgx229 {
color:#ffffaf
}
.term-fgx230 {
color:#ffffd7
}
.term-fgx231 {
color:#fff
}
.term-fgx232 {
color:#080808
}
.term-fgx233 {
color:#121212
}
.term-fgx234 {
color:#1c1c1c
}
.term-fgx235 {
color:#262626
}
.term-fgx236 {
color:#303030
}
.term-fgx237 {
color:#3a3a3a
}
.term-fgx238 {
color:#444
}
.term-fgx239 {
color:#4e4e4e
}
.term-fgx240 {
color:#585858
}
.term-fgx241 {
color:#626262
}
.term-fgx242 {
color:#6c6c6c
}
.term-fgx243 {
color:#767676
}
.term-fgx244 {
color:gray
}
.term-fgx245 {
color:#8a8a8a
}
.term-fgx246 {
color:#949494
}
.term-fgx247 {
color:#9e9e9e
}
.term-fgx248 {
color:#a8a8a8
}
.term-fgx249 {
color:#b2b2b2
}
.term-fgx250 {
color:#bcbcbc
}
.term-fgx251 {
color:#c6c6c6
}
.term-fgx252 {
color:#d0d0d0
}
.term-fgx253 {
color:#dadada
}
.term-fgx254 {
color:#e4e4e4
}
.term-fgx255 {
color:#eee
}
.markup {
overflow:hidden;
font-size:16px;
line-height:1.5!important;
word-wrap:break-word
}
.markup>*:first-child {
margin-top:0!important
}
.markup>*:last-child {
margin-bottom:0!important
}
.markup a:not([href]) {
color:inherit;
text-decoration:none
}
.markup .absent {
color:var(--color-red)
}
.markup .anchor {
float:left;
padding-right:4px;
margin-left:-20px;
color:inherit
}
.markup .anchor .svg {
vertical-align:middle
}
.markup .anchor:focus {
outline:none
}
.markup h1 .anchor {
margin-top:-2px
}
.markup h1 .anchor .svg,
.markup h2 .anchor .svg,
.markup h3 .anchor .svg,
.markup h4 .anchor .svg,
.markup h5 .anchor .svg,
.markup h6 .anchor .svg {
visibility:hidden
}
.markup h1:hover .anchor .svg,
.markup h2:hover .anchor .svg,
.markup h3:hover .anchor .svg,
.markup h4:hover .anchor .svg,
.markup h5:hover .anchor .svg,
.markup h6:hover .anchor .svg {
visibility:visible
}
.markup h2 .anchor .svg,
.markup h3 .anchor .svg,
.markup h4 .anchor .svg {
position:relative;
top:-2px
}
.markup h1,
.markup h2,
.markup h3,
.markup h4,
.markup h5,
.markup h6 {
margin-top:24px!important;
margin-bottom:16px;
font-weight:var(--font-weight-semibold);
line-height:1.25
}
.markup h1 tt,
.markup h1 code,
.markup h2 tt,
.markup h2 code,
.markup h3 tt,
.markup h3 code,
.markup h4 tt,
.markup h4 code,
.markup h5 tt,
.markup h5 code,
.markup h6 tt,
.markup h6 code {
font-size:inherit
}
.markup h1 {
padding-bottom:.3em;
font-size:2em;
border-bottom:1px solid var(--color-secondary)
}
.markup h2 {
padding-bottom:.3em;
font-size:1.5em;
border-bottom:1px solid var(--color-secondary)
}
.markup h3 {
font-size:1.25em
}
.markup h4 {
font-size:1em
}
.markup h5 {
font-size:.875em
}
.markup h6 {
font-size:.85em;
color:var(--color-text-light-2)
}
.markup p,
.markup blockquote,
.markup details,
.markup ul,
.markup ol,
.markup dl,
.markup table,
.markup pre {
margin-top:0;
margin-bottom:16px
}
.markup hr {
height:4px;
padding:0;
margin:16px 0;
background-color:var(--color-secondary);
border:0
}
.markup ul,
.markup ol {
padding-left:2em
}
.markup ul.no-list,
.markup ol.no-list {
padding:0;
list-style-type:none
}
.markup .task-list-item {
list-style-type:none
}
.markup .task-list-item p+ul {
margin-top:16px
}
.markup .task-list-item input[type=checkbox] {
margin:0 .3em .25em -1.4em;
vertical-align:middle;
padding:0
}
.markup .task-list-item input[type=checkbox]+p {
margin-left:-.2em;
display:inline
}
.markup .task-list-item>p {
margin-inline:16px
}
.markup .task-list-item+.task-list-item {
margin-top:4px
}
.markup input[type=checkbox] {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
border:1px solid var(--color-secondary);
border-radius:var(--border-radius);
background:var(--color-input-background);
height:14px;
width:14px;
opacity:1!important;
pointer-events:auto!important;
vertical-align:middle!important;
-webkit-print-color-adjust:exact;
color-adjust:exact
}
.markup input[type=checkbox]:not([disabled]):hover,
.markup input[type=checkbox]:not([disabled]):active {
border-color:var(--color-primary)
}
.markup input[type=checkbox]:after {
position:absolute;
inset:0;
pointer-events:none;
background:var(--color-text);
mask-size:cover;
-webkit-mask-size:cover
}
.markup input[type=checkbox]:checked:after {
content:"";
mask-image:var(--checkbox-mask-checked);
-webkit-mask-image:var(--checkbox-mask-checked);
-webkit-print-color-adjust:exact;
color-adjust:exact
}
.markup input[type=checkbox]:indeterminate:after {
content:"";
mask-image:var(--checkbox-mask-indeterminate);
-webkit-mask-image:var(--checkbox-mask-indeterminate)
}
.markup ul ul,
.markup ul ol,
.markup ol ol,
.markup ol ul {
margin-top:0;
margin-bottom:0
}
.markup ol ol,
.markup ul ol {
list-style-type:lower-roman
}
.markup li>p {
margin-top:16px
}
.markup li+li {
margin-top:.25em
}
.markup dl {
padding:0
}
.markup dl dt {
padding:0;
margin-top:16px;
font-size:1em;
font-style:italic;
font-weight:var(--font-weight-semibold)
}
.markup dl dd {
padding:0 16px;
margin-bottom:16px
}
.markup blockquote {
margin-left:0;
padding:0 15px;
color:var(--color-text-light-2);
border-left:.25em solid var(--color-secondary)
}
.markup blockquote>:first-child {
margin-top:0
}
.markup blockquote>:last-child {
margin-bottom:0
}
.markup table {
display:block;
width:100%;
width:max-content;
max-width:100%;
overflow:auto
}
.markup table th {
font-weight:var(--font-weight-semibold)
}
.markup table th,
.markup table td {
padding:6px 13px!important;
border:1px solid var(--color-secondary)!important
}
.markup table tr {
border-top:1px solid var(--color-secondary)
}
.markup table tr:nth-child(2n) {
background-color:var(--color-markup-table-row)
}
.markup img,
.markup video {
max-width:100%;
box-sizing:initial
}
.markup.file-view img,
.markup.file-view video,
.comment-body .markup img,
.comment-body .markup video,
.comment-content .markup img,
.comment-content .markup video,
.wiki .markup img,
.wiki .markup video {
background:var(--color-box-body)
}
.markup img[align=right],
.markup video[align=right] {
padding-left:20px
}
.markup img[align=left],
.markup video[align=left] {
padding-right:28px
}
.markup .emoji {
max-width:none;
vertical-align:text-top
}
.markup span.frame {
display:block;
overflow:hidden
}
.markup span.frame>span {
display:block;
float:left;
width:auto;
padding:7px;
margin:13px 0 0;
overflow:hidden;
border:1px solid var(--color-secondary)
}
.markup span.frame span img,
.markup span.frame span video {
display:block;
float:left
}
.markup span.frame span span {
display:block;
padding:5px 0 0;
clear:both;
color:var(--color-text)
}
.markup span.align-center {
display:block;
overflow:hidden;
clear:both
}
.markup span.align-center>span {
display:block;
margin:13px auto 0;
overflow:hidden;
text-align:center
}
.markup span.align-center span img .markup span.align-center span video {
margin:0 auto;
text-align:center
}
.markup span.align-right {
display:block;
overflow:hidden;
clear:both
}
.markup span.align-right>span {
display:block;
margin:13px 0 0;
overflow:hidden;
text-align:right
}
.markup span.align-right span img,
.markup span.align-right span video {
margin:0;
text-align:right
}
.markup span.float-left {
display:block;
float:left;
margin-right:13px;
overflow:hidden
}
.markup span.float-left span {
margin:13px 0 0
}
.markup span.float-right {
display:block;
float:right;
margin-left:13px;
overflow:hidden
}
.markup span.float-right>span {
display:block;
margin:13px auto 0;
overflow:hidden;
text-align:right
}
.markup code,
.markup tt {
padding:.2em .4em;
margin:0;
font-size:85%;
white-space:break-spaces;
background-color:var(--color-markup-code-inline);
border-radius:var(--border-radius)
}
.markup code br,
.markup tt br {
display:none
}
.markup del code {
text-decoration:inherit
}
.markup pre>code,
.markup .file-preview code {
padding:0;
margin:0;
font-size:100%;
white-space:pre-wrap;
word-break:break-all;
overflow-wrap:break-word;
background:transparent;
border:0
}
.markup .highlight {
margin-bottom:16px
}
.markup .highlight pre,
.markup pre {
padding:16px;
font-size:85%;
line-height:1.45;
background-color:var(--color-markup-code-block);
border-radius:var(--border-radius)
}
.markup .highlight pre {
margin-bottom:0;
word-break:normal
}
.markup pre {
word-wrap:normal
}
.markup pre code,
.markup pre tt {
display:inline;
padding:0;
line-height:inherit;
word-wrap:normal;
background-color:transparent;
border:0
}
.markup pre code:before,
.markup pre code:after,
.markup pre tt:before,
.markup pre tt:after {
content:normal
}
.markup kbd {
display:inline-block;
padding:3px 5px;
font-size:11px;
line-height:10px;
color:var(--color-text-light);
vertical-align:middle;
background-color:var(--color-markup-code-inline);
border:1px solid var(--color-secondary);
border-radius:var(--border-radius);
box-shadow:inset 0 -1px 0 var(--color-secondary)
}
.markup .ui.list .list,
.markup ol.ui.list ol,
.markup ul.ui.list ul {
padding-left:2em
}
.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;
user-select:none
}
.markup-render {
display:block;
border:none;
width:100%;
height:var(--height-loading);
overflow:hidden;
color-scheme:normal
}
.markup-block-error {
display:block!important;
border:none!important;
margin-bottom:0!important;
border-bottom-left-radius:0!important;
border-bottom-right-radius:0!important;
box-shadow:none!important;
font-size:85%!important;
white-space:pre-wrap!important;
padding:.5rem 1rem!important;
text-align:left!important
}
.markup-block-error+pre {
border-top:none!important;
margin-top:0!important;
border-top-left-radius:0!important;
border-top-right-radius:0!important
}
.file-view.markup.orgmode li.unchecked:before {
content:"[ ] "
}
.file-view.markup.orgmode li.checked:before {
content:"[x] "
}
.file-view.markup.orgmode li.indeterminate:before {
content:"[-] "
}
.file-view.markup.orgmode li.unchecked>p,
.file-view.markup.orgmode li.checked>p,
.file-view.markup.orgmode li.indeterminate>p {
display:inline-block
}
.markup .code-block,
.markup .mermaid-block {
position:relative
}
.markup .code-copy {
position:absolute;
top:8px;
right:6px;
padding:9px;
visibility:hidden;
animation:fadeout .2s both
}
.repository.view.issue .comment-list .comment .markup .code-copy {
right:5px;
padding:8px
}
.markup .code-copy:hover {
background:var(--color-secondary)!important
}
.markup .code-copy:active {
background:var(--color-secondary-dark-1)!important
}
.markup .code-block:hover .code-copy,
.markup .mermaid-block:hover .code-copy {
visibility:visible;
animation:fadein .2s both
}
.asciinema-player-container {
width:100%;
height:auto
}
.ap-terminal {
overflow:hidden!important
}
.markup table.file-preview {
margin-bottom:0
}
.markup table.file-preview td {
padding:0 10px!important;
border:none!important
}
.markup table.file-preview tr {
border-top:none;
background-color:inherit!important
}
.markup .file-preview-box {
margin-bottom:16px
}
.markup .file-preview-box .header {
padding:.5rem .5rem .5rem 1rem;
border:1px solid var(--color-secondary);
border-bottom:none;
border-radius:.28571429rem .28571429rem 0 0;
background:var(--color-box-header)
}
.markup .file-preview-box .warning {
border-radius:0;
margin:0;
padding:.5rem .5rem .5rem 1rem
}
.markup .file-preview-box .header>a {
display:block
}
.markup .file-preview-box .table {
margin-top:0;
border-radius:0 0 .28571429rem .28571429rem
}
.chroma .lntd {
vertical-align:top;
padding:0;
margin:0;
border:0
}
.chroma .lntable {
border-spacing:0;
padding:0;
margin:0;
border:0;
width:auto;
overflow:auto;
display:block
}
.chroma .hl {
display:block;
width:100%
}
.chroma .lnt,
.chroma .ln {
margin-right:.4em;
padding:0 .4em
}
.chroma .gs {
font-weight:var(--font-weight-semibold)
}
.chroma .gl {
text-decoration:underline
}
.ui .field:not(:last-child) .EasyMDEContainer .editor-statusbar {
margin-bottom:-1em
}
.EasyMDEContainer .CodeMirror {
color:var(--color-input-text);
background-color:var(--color-input-background);
border-color:var(--color-secondary);
font:14px var(--fonts-monospace)
}
.EasyMDEContainer .CodeMirror.cm-s-default {
border-radius:var(--border-radius);
padding:0!important
}
.EasyMDEContainer .CodeMirror.CodeMirror-fullscreen.CodeMirror-focused {
border-right:1px solid var(--color-primary)!important
}
.CodeMirror-cursor {
border-color:var(--color-caret)!important
}
.CodeMirror .cm-comment {
background:inherit!important
}
.CodeMirror .CodeMirror-code {
font:14px var(--fonts-monospace)
}
.CodeMirror-selected {
background:var(--color-primary-light-1)!important;
color:var(--color-white)!important
}
.CodeMirror-placeholder {
color:var(--color-placeholder-text)!important;
opacity:1!important
}
.CodeMirror-focused {
border-color:var(--color-primary)!important
}
.CodeMirror :focus {
outline:none
}
:root :lang(ja) {
--fonts-override: var(--fonts-default-override-ja)
}
:root :lang(zh-CN) {
--fonts-override: var(--fonts-default-override-zh-cn)
}
:root :lang(zh-TW) {
--fonts-override: var(--fonts-default-override-zh-tw)
}
:root :lang(zh-HK) {
--fonts-override: var(--fonts-default-override-zh-hk)
}
:root :lang(ko) {
--fonts-override: var(--fonts-default-override-ko)
}
[lang] {
font-family:var(--fonts-regular)
}
:root {
--fonts-default-override-ja: system-ui-ja, var(--fonts-proportional);
--fonts-default-override-zh-cn: system-ui-zh-cn, var(--fonts-proportional);
--fonts-default-override-zh-tw: system-ui-zh-tw, var(--fonts-proportional);
--fonts-default-override-zh-hk: system-ui-zh-hk, var(--fonts-proportional);
--fonts-default-override-ko: system-ui-ko, var(--fonts-proportional)
}
@supports (-moz-appearance: none) {
:root {
--fonts-default-override-ja: var(--fonts-proportional), system-ui-ja;
--fonts-default-override-zh-cn: var(--fonts-proportional), system-ui-zh-cn;
--fonts-default-override-zh-tw: var(--fonts-proportional), system-ui-zh-tw;
--fonts-default-override-zh-hk: var(--fonts-proportional), system-ui-zh-hk;
--fonts-default-override-ko: var(--fonts-proportional), system-ui-ko
}
}
@font-face {
font-family:system-ui-ja;
src:local("HiraKakuProN-W3"),
local("Hiragino Kaku Gothic ProN W3"),
local("HiraginoSans-W2"),
local("Source Han Sans JP Light"),
local("SourceHanSansJP-Light"),
local("Source Han Sans J Light"),
local("SourceHanSansJ-Light"),
local("Noto Sans CJK JP Light"),
local("NotoSansCJKJP-Light"),
local("Source Han Sans Light"),
local("SourceHanSans-Light"),
local("Yu Gothic Regular"),
local("YuGothic Regular"),
local("Droid Sans Japanese"),
local("Meiryo"),
local("MS PGothic");
font-weight:300;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-ja;
src:local("HiraKakuProN-W3"),
local("Hiragino Kaku Gothic ProN W3"),
local("HiraginoSans-W4"),
local("Source Han Sans JP Regular"),
local("SourceHanSansJP-Regular"),
local("Source Han Sans J Regular"),
local("SourceHanSansJ-Regular"),
local("Noto Sans CJK JP Regular"),
local("NotoSansCJKJP-Regular"),
local("Source Han Sans Regular"),
local("SourceHanSans-Regular"),
local("Yu Gothic Medium"),
local("YuGothic Medium"),
local("Droid Sans Japanese"),
local("Meiryo"),
local("MS PGothic");
font-weight:400;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-ja;
src:local("HiraKakuProN-W3"),
local("Hiragino Kaku Gothic ProN W3"),
local("HiraginoSans-W5"),
local("Source Han Sans JP Medium"),
local("SourceHanSansJP-Medium"),
local("Source Han Sans J Medium"),
local("SourceHanSansJ-Medium"),
local("Noto Sans CJK JP Medium"),
local("NotoSansCJKJP-Medium"),
local("Source Han Sans Medium"),
local("SourceHanSans-Medium"),
local("Yu Gothic Medium"),
local("YuGothic Medium"),
local("Droid Sans Japanese"),
local("Meiryo"),
local("MS PGothic");
font-weight:500;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-ja;
src:local("HiraKakuProN-W6"),
local("Hiragino Kaku Gothic ProN W6"),
local("HiraginoSans-W6"),
local("Source Han Sans JP Bold"),
local("SourceHanSansJP-Bold"),
local("Source Han Sans J Bold"),
local("SourceHanSansJ-Bold"),
local("Noto Sans CJK JP Bold"),
local("NotoSansCJKJP-Bold"),
local("Source Han Sans Bold"),
local("SourceHanSans-Bold"),
local("Yu Gothic Bold"),
local("YuGothic Bold"),
local("Droid Sans Japanese"),
local("Meiryo Bold"),
local("MS PGothic");
font-weight:600;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-ja;
src:local("HelveticaNeue");
unicode-range:U+A0
}
@supports not (-webkit-hyphens: none) {
@font-face {
font-family:system-ui-ja;
src:local("HelveticaNeue");
unicode-range:U+20
}
}
@font-face {
font-family:system-ui-zh-cn;
src:local("PingFangSC-Light"),
local("Source Han Sans CN Light"),
local("SourceHanSansCN-Light"),
local("Source Han Sans SC Light"),
local("SourceHanSansSC-Light"),
local("Noto Sans CJK SC Light"),
local("NotoSansCJKSC-Light"),
local("HiraginoSansGB-W3"),
local("Hiragino Sans GB W3"),
local("Microsoft YaHei Light"),
local("Heiti SC Light"),
local("SimHei");
font-weight:300;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-cn;
src:local("PingFangSC-Regular"),
local("Source Han Sans CN Regular"),
local("SourceHanSansCN-Regular"),
local("Source Han Sans SC Regular"),
local("SourceHanSansSC-Regular"),
local("Noto Sans CJK SC Regular"),
local("NotoSansCJKSC-Regular"),
local("HiraginoSansGB-W3"),
local("Hiragino Sans GB W3"),
local("Microsoft YaHei"),
local("Heiti SC Light"),
local("SimHei");
font-weight:400;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-cn;
src:local("PingFangSC-Medium"),
local("Source Han Sans CN Medium"),
local("SourceHanSansCN-Medium"),
local("Source Han Sans SC Medium"),
local("SourceHanSansSC-Medium"),
local("Noto Sans CJK SC Medium"),
local("NotoSansCJKSC-Medium"),
local("HiraginoSansGB-W3"),
local("Hiragino Sans GB W3"),
local("Microsoft YaHei"),
local("Heiti SC Light"),
local("SimHei");
font-weight:500;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-cn;
src:local("PingFangSC-Semibold"),
local("Source Han Sans CN Bold"),
local("SourceHanSansCN-Bold"),
local("Source Han Sans SC Bold"),
local("SourceHanSansSC-Bold"),
local("Noto Sans CJK SC Bold"),
local("NotoSansCJKSC-Bold"),
local("HiraginoSansGB-W6"),
local("Hiragino Sans GB W6"),
local("Microsoft YaHei Bold"),
local("Heiti SC Medium"),
local("SimHei");
font-weight:600;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-cn;
src:local("HelveticaNeue");
unicode-range:U+A0
}
@supports not (-webkit-hyphens: none) {
@font-face {
font-family:system-ui-zh-cn;
src:local("HelveticaNeue");
unicode-range:U+20
}
}
@font-face {
font-family:system-ui-zh-tw;
src:local("PingFangTC-Light"),
local("Source Han Sans TW Light"),
local("SourceHanSansTW-Light"),
local("Source Han Sans TC Light"),
local("SourceHanSansTC-Light"),
local("Noto Sans CJK TC Light"),
local("NotoSansCJKTC-Light"),
local("HiraginoSansTC-W3"),
local("Hiragino Sans TC W3"),
local("Microsoft JhengHei Light"),
local("Heiti TC Light"),
local("PMingLiU");
font-weight:300;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-tw;
src:local("PingFangTC-Regular"),
local("Source Han Sans TW Regular"),
local("SourceHanSansTW-Regular"),
local("Source Han Sans TC Regular"),
local("SourceHanSansTC-Regular"),
local("Noto Sans CJK TC Regular"),
local("NotoSansCJKTC-Regular"),
local("HiraginoSansTC-W3"),
local("Hiragino Sans TC W3"),
local("Microsoft JhengHei"),
local("Heiti TC Light"),
local("PMingLiU");
font-weight:400;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-tw;
src:local("PingFangTC-Medium"),
local("Source Han Sans TW Medium"),
local("SourceHanSansTW-Medium"),
local("Source Han Sans TC Medium"),
local("SourceHanSansTC-Medium"),
local("Noto Sans CJK TC Medium"),
local("NotoSansCJKTC-Medium"),
local("HiraginoSansTC-W3"),
local("Hiragino Sans TC W3"),
local("Microsoft JhengHei"),
local("Heiti TC Light"),
local("PMingLiU");
font-weight:500;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-tw;
src:local("PingFangTC-Semibold"),
local("Source Han Sans TW Bold"),
local("SourceHanSansTW-Bold"),
local("Source Han Sans TC Bold"),
local("SourceHanSansTC-Bold"),
local("Noto Sans CJK TC Bold"),
local("NotoSansCJKTC-Bold"),
local("HiraginoSansTC-W6"),
local("Hiragino Sans TC W6"),
local("Microsoft JhengHei Bold"),
local("Heiti TC Medium"),
local("PMingLiU");
font-weight:600;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-tw;
src:local("HelveticaNeue");
unicode-range:U+A0
}
@supports not (-webkit-hyphens: none) {
@font-face {
font-family:system-ui-zh-tw;
src:local("HelveticaNeue");
unicode-range:U+20
}
}
@font-face {
font-family:system-ui-zh-hk;
src:local("PingFangHK-Light"),
local("Source Han Sans HK Light"),
local("SourceHanSansHK-Light"),
local("Source Han Sans HC Light"),
local("SourceHanSansHC-Light"),
local("Noto Sans CJK HK Light"),
local("NotoSansCJKHK-Light"),
local("Source Han Sans TC Light"),
local("SourceHanSansTC-Light"),
local("Noto Sans CJK TC Light"),
local("NotoSansCJKTC-Light"),
local("HiraginoSansTC-W3"),
local("Hiragino Sans TC W3"),
local("Microsoft JhengHei Light"),
local("Heiti TC Light"),
local("PMingLiU_HKSCS"),
local("PMingLiU");
font-weight:300;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-hk;
src:local("PingFangHK-Regular"),
local("Source Han Sans HK Regular"),
local("SourceHanSansHK-Regular"),
local("Source Han Sans HC Regular"),
local("SourceHanSansHC-Regular"),
local("Noto Sans CJK HK Regular"),
local("NotoSansCJKHK-Regular"),
local("Source Han Sans TC Regular"),
local("SourceHanSansTC-Regular"),
local("Noto Sans CJK TC Regular"),
local("NotoSansCJKTC-Regular"),
local("HiraginoSansTC-W3"),
local("Hiragino Sans TC W3"),
local("Microsoft JhengHei"),
local("Heiti TC Light"),
local("PMingLiU_HKSCS"),
local("PMingLiU");
font-weight:400;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-hk;
src:local("PingFangHK-Medium"),
local("Source Han Sans HK Medium"),
local("SourceHanSansHK-Medium"),
local("Source Han Sans HC Medium"),
local("SourceHanSansHC-Medium"),
local("Noto Sans CJK HK Medium"),
local("NotoSansCJKHK-Medium"),
local("Source Han Sans TC Medium"),
local("SourceHanSansTC-Medium"),
local("Noto Sans CJK TC Medium"),
local("NotoSansCJKTC-Medium"),
local("HiraginoSansTC-W3"),
local("Hiragino Sans TC W3"),
local("Microsoft JhengHei"),
local("Heiti TC Light"),
local("PMingLiU_HKSCS"),
local("PMingLiU");
font-weight:500;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-hk;
src:local("PingFangHK-Semibold"),
local("Source Han Sans HK Bold"),
local("SourceHanSansHK-Bold"),
local("Source Han Sans HC Bold"),
local("SourceHanSansHC-Bold"),
local("Noto Sans CJK HK Bold"),
local("NotoSansCJKHK-Bold"),
local("Source Han Sans TC Bold"),
local("SourceHanSansTC-Bold"),
local("Noto Sans CJK TC Bold"),
local("NotoSansCJKTC-Bold"),
local("HiraginoSansTC-W6"),
local("Hiragino Sans TC W6"),
local("Microsoft JhengHei Bold"),
local("Heiti TC Medium"),
local("PMingLiU_HKSCS"),
local("PMingLiU");
font-weight:600;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-zh-hk;
src:local("HelveticaNeue");
unicode-range:U+A0
}
@supports not (-webkit-hyphens: none) {
@font-face {
font-family:system-ui-zh-hk;
src:local("HelveticaNeue");
unicode-range:U+20
}
}
@font-face {
font-family:system-ui-ko;
src:local("AppleSDGothicNeo-Light"),
local("Source Han Sans KR Light"),
local("SourceHanSansKR-Light"),
local("Source Han Sans K Light"),
local("SourceHanSansK-Light"),
local("Noto Sans CJK KR Light"),
local("NotoSansCJKKR-Light"),
local("NanumBarunGothic Light"),
local("Malgun Gothic Semilight"),
local("Nanum Gothic"),
local("Dotum");
font-weight:300;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-ko;
src:local("AppleSDGothicNeo-Regular"),
local("Source Han Sans KR Regular"),
local("SourceHanSansKR-Regular"),
local("Source Han Sans K Regular"),
local("SourceHanSansK-Regular"),
local("Noto Sans CJK KR Regular"),
local("NotoSansCJKKR-Regular"),
local("NanumBarunGothic"),
local("Malgun Gothic"),
local("Nanum Gothic"),
local("Dotum");
font-weight:400;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-ko;
src:local("AppleSDGothicNeo-Medium"),
local("Source Han Sans KR Medium"),
local("SourceHanSansKR-Medium"),
local("Source Han Sans K Medium"),
local("SourceHanSansK-Medium"),
local("Noto Sans CJK KR Medium"),
local("NotoSansCJKKR-Medium"),
local("NanumBarunGothic"),
local("Malgun Gothic"),
local("Nanum Gothic"),
local("Dotum");
font-weight:500;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-ko;
src:local("AppleSDGothicNeo-SemiBold"),
local("Source Han Sans KR Bold"),
local("SourceHanSansKR-Bold"),
local("Source Han Sans K Bold"),
local("SourceHanSansK-Bold"),
local("Noto Sans CJK KR Bold"),
local("NotoSansCJKKR-Bold"),
local("NanumBarunGothic Bold"),
local("Malgun Gothic Bold"),
local("Nanum Gothic Bold"),
local("Dotum");
font-weight:600;
unicode-range:U+11??,
U+2E80-4DBF,
U+4E00-9FFF,
U+A960-A97F,
U+AC00-D7FF,
U+F900-FAFF,
U+FE00-FE6F,
U+FF00-FFEF,
U+1F2??,
U+2????
}
@font-face {
font-family:system-ui-ko;
src:local("HelveticaNeue");
unicode-range:U+A0
}
@supports not (-webkit-hyphens: none) {
@font-face {
font-family:system-ui-ko;
src:local("HelveticaNeue");
unicode-range:U+20
}
}
:root {
--fonts-proportional: -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial;
--fonts-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, var(--fonts-emoji);
--fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla";
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--line-height-default: normal;
--checkbox-mask-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>');
--checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>');
--octicon-chevron-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg>');
--border-radius: 4px;
--border-radius-medium: 6px;
--border-radius-full: 99999px;
--opacity-disabled: .55;
--height-loading: 16rem;
--repo-header-issue-min-height: 41px;
--min-height-textarea: 132px;
--tab-size: 4;
--checkbox-size: 15px;
--page-spacing: 16px;
--page-margin-x: 32px
}
@media (min-width: 768px) and (max-width: 1200px) {
:root {
--page-margin-x: 16px
}
}
@media (max-width: 767.98px) {
:root {
--page-margin-x: 8px
}
}
:root * {
--fonts-regular: var(--fonts-override, var(--fonts-proportional)), "Noto Sans", "Liberation Sans", sans-serif, var(--fonts-emoji)
}
*,
:before,
:after {
border-width:0;
border-style:solid;
border-color:currentcolor
}
html,
body {
height:100%;
font-size:14px
}
body {
line-height:20px;
font-family:var(--fonts-regular);
color:var(--color-text);
background-color:var(--color-body);
tab-size:var(--tab-size);
display:flex;
flex-direction:column;
overflow-x:visible;
overflow-wrap:break-word
}
textarea {
font-family:var(--fonts-regular)
}
pre,
code,
kbd,
samp {
font-family:var(--fonts-monospace)
}
pre,
code,
kbd,
samp,
.tw-font-mono {
font-size:.95em
}
b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight:var(--font-weight-semibold)
}
h1,
h2,
h3,
h4,
h5 {
line-height:1.28571429;
margin:calc(2rem - .1428571428571429em) 0 1rem;
font-weight:var(--font-weight-medium);
padding:0
}
h1 {
min-height:1rem;
font-size:2rem
}
h2 {
font-size:1.71428571rem
}
h3 {
font-size:1.28571429rem
}
h4 {
font-size:1.07142857rem
}
h5 {
font-size:1rem
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
margin-top:0
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
margin-bottom:0
}
p {
margin:0 0 1em;
line-height:1.4285
}
p:first-child {
margin-top:0
}
p:last-child {
margin-bottom:0
}
table {
border-collapse:collapse
}
button {
cursor:pointer
}
details summary {
cursor:pointer
}
details summary>* {
display:inline
}
progress {
background:var(--color-secondary-dark-1);
border-radius:var(--border-radius);
border:none;
overflow:hidden
}
progress::-webkit-progress-bar {
background:var(--color-secondary-dark-1)
}
progress::-webkit-progress-value {
background-color:var(--color-accent)
}
progress::-moz-progress-bar {
background-color:var(--color-accent)
}
h1.error-code {
font-size:15em;
font-weight:var(--font-weight-bold);
color:transparent;
--error-code-color-1: #a2a2a2;
--error-code-color-2: #797979;
--gradient: repeating-linear-gradient(45deg, var(--error-code-color-1), var(--error-code-color-1) 10px, var(--error-code-color-2) 10px, var(--error-code-color-2) 20px);
background:var(--gradient);
background-clip:text
}
* {
caret-color:var(--color-caret)
}
::file-selector-button {
border:1px solid var(--color-light-border);
color:var(--color-text-light);
background:var(--color-light);
border-radius:var(--border-radius)
}
::file-selector-button:hover {
color:var(--color-text);
background:var(--color-hover)
}
::selection {
background:var(--color-primary-light-1);
color:var(--color-white)
}
::placeholder,
.ui.dropdown:not(.button)>.default.text,
.ui.default.dropdown:not(.button)>.text {
color:var(--color-placeholder-text)!important;
opacity:1!important
}
.unselectable,
.button,
.lines-num,
.lines-commit,
.lines-commit .blame-info,
.ellipsis-button {
-webkit-touch-callout:none;
-webkit-user-select:none;
user-select:none
}
.button-row {
gap:.5rem
}
.button-row .ui.button {
margin-right:0
}
.ui.partial.secondary.menu {
margin-bottom:0
}
a {
color:var(--color-primary);
cursor:pointer;
text-decoration-line:none;
text-decoration-skip-ink:all
}
a:hover {
text-decoration-line:underline
}
a.muted,
a.suppressed,
a.silenced,
.muted-links a {
color:inherit
}
a:hover,
a.suppressed:hover,
a.muted:hover,
a.muted:hover [class*=color-text],
.muted-links a:hover {
color:var(--color-primary)
}
a.silenced:hover,
a.suppressed:hover {
color:inherit
}
a.silenced:hover {
text-decoration-line:none
}
a.label,
.ui.search .results a,
.ui .menu a,
.ui.cards a.card,
.issue-keyword a {
text-decoration-line:none!important
}
.ui.search>.results {
background:var(--color-body);
border-color:var(--color-secondary);
overflow-wrap:anywhere
}
.ui.search>.results .result {
background:var(--color-body);
border-color:var(--color-secondary);
display:flex;
align-items:center
}
.ui.search>.results .result .title {
color:var(--color-text-dark)
}
.ui.search>.results .result .description {
color:var(--color-text-light-2)
}
.ui.search>.results .result .image {
width:auto;
height:auto
}
.ui.search>.results .result:hover,
.ui.category.search>.results .category .result:hover {
background:var(--color-hover)
}
.inline-code-block {
padding:2px 4px;
border-radius:.24em;
background-color:var(--color-label-bg)
}
.ui.menu {
display:flex
}
.ui.menu,
.ui.vertical.menu {
background:var(--color-menu);
border-color:var(--color-secondary);
box-shadow:none
}
.ui.menu .item {
color:var(--color-text);
user-select:auto;
line-height:var(--line-height-default)
}
.ui.menu .item>.svg {
margin-right:.35em
}
.ui.menu .dropdown.item:hover,
.ui.menu a.item:hover,
.ui.menu details.item summary:hover {
color:var(--color-text);
background:var(--color-hover)
}
.ui.menu .active.item,
.ui.menu .active.item:hover,
.ui.vertical.menu .active.item,
.ui.vertical.menu .active.item:hover {
color:var(--color-text);
background:var(--color-active)
}
.ui.menu a.item:active {
color:var(--color-text);
background:none
}
.ui.ui.menu .item.disabled {
color:var(--color-text-light-3)
}
.ui.menu .item:before,
.ui.vertical.menu .item:before {
background:var(--color-secondary)
}
.ui.vertical.menu .item .menu .item {
color:var(--color-text-light-2);
text-indent:16px
}
.ui.vertical.menu .item .menu .item:hover,
.ui.vertical.menu .item .menu a.item:hover {
color:var(--color-text-light-1)
}
.ui.vertical.menu .item .menu .active.item {
color:var(--color-text)
}
.ui.ui.menu .dropdown.item.disabled {
color:var(--color-text-light-2)
}
.ui.dropdown .menu {
background:var(--color-menu);
border-color:var(--color-secondary)
}
.ui.dropdown .menu>.header:not(.ui) {
color:var(--color-text)
}
.ui.dropdown .menu>.item {
color:var(--color-text);
overflow:hidden;
text-overflow:ellipsis
}
.ui.dropdown .menu>.item:hover {
color:var(--color-text);
background:var(--color-hover)
}
.ui.dropdown .menu>.item:active {
color:var(--color-text);
background:var(--color-active)
}
.ui.dropdown .menu .active.item {
color:var(--color-text);
background:var(--color-active);
border-radius:0;
font-weight:var(--font-weight-normal)
}
.ui.dropdown .menu>.item>img {
margin-top:-.25rem;
margin-bottom:-.25rem
}
.ui.dropdown .menu>.item>svg {
margin-right:.78rem
}
.ui.selection.dropdown .menu>.item {
border-color:var(--color-secondary);
white-space:nowrap
}
.ui.selection.visible.dropdown>.text:not(.default) {
color:var(--color-text)
}
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
color:var(--color-text);
background:var(--color-hover)
}
.ui.menu .ui.dropdown .menu>.selected.item {
color:var(--color-text)!important;
background:var(--color-hover)!important
}
.ui.dropdown .menu>.message:not(.ui) {
color:var(--color-text-light-2)
}
.ui.dropdown>.text>.img {
margin-left:0;
float:none;
margin-right:.78571429rem
}
.ui.dropdown>.text>.description,
.ui.dropdown .menu>.item>.description {
color:var(--color-text-light-2)
}
.ui.secondary.menu {
margin-left:0;
margin-right:0;
gap:.35714286em
}
.ui.secondary.menu .item {
margin-left:0;
margin-right:0
}
.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu a.item:hover {
color:var(--color-text);
background:var(--color-hover)
}
.ui.secondary.menu .active.item,
.ui.secondary.menu .active.item:hover {
color:var(--color-text);
background:var(--color-active)
}
.ui.secondary.menu.tight .item {
padding-left:.85714286em;
padding-right:.85714286em
}
.ui.menu:after {
content:normal
}
.ui.menu .dropdown.item .menu {
background:var(--color-body)
}
.ui.menu .ui.dropdown .menu>.item {
color:var(--color-text)!important
}
.ui.menu .ui.dropdown .menu>.item:hover {
color:var(--color-text)!important;
background:var(--color-hover)!important
}
.ui.menu .ui.dropdown .menu>.active.item {
color:var(--color-text)!important;
background:var(--color-active)!important
}
.ui.form textarea:not([rows]) {
height:var(--min-height-textarea);
min-height:var(--min-height-textarea)
}
.hidden.transition {
visibility:hidden;
display:none
}
.visible.transition {
display:block!important;
visibility:visible!important
}
.ui.selection.active.dropdown,
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown .menu,
.ui.selection.active.dropdown:hover .menu {
border-color:var(--color-primary)
}
.ui.pointing.dropdown>.menu:not(.hidden):after {
background:var(--color-menu);
box-shadow:-1px -1px 0 0 var(--color-secondary)
}
.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
box-shadow:1px 1px 0 0 var(--color-secondary)
}
.ui.comments .comment .text {
margin:0
}
.ui.comments .comment .text,
.ui.comments .comment .author {
color:var(--color-text)
}
.ui.comments .comment a.author:hover {
color:var(--color-primary)
}
.ui.comments .comment .metadata {
color:var(--color-text-light-2)
}
.ui.comments .comment .actions a {
color:var(--color-text-light)
}
.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
color:var(--color-primary)
}
img.ui.avatar,
.ui.avatar img,
.ui.avatar svg {
border-radius:var(--border-radius);
object-fit:contain;
aspect-ratio:1
}
.ui.error.message .header,
.ui.warning.message .header {
color:inherit;
filter:saturate(2)
}
.full.height {
flex-grow:1;
padding-bottom:80px
}
.page-content>:first-child.secondary-nav {
margin-bottom:14px
}
.page-content>:first-child:not(.secondary-nav) {
margin-top:var(--page-spacing)
}
.page-content>:first-child.ui.grid {
margin-top:calc(var(--page-spacing) - 1rem)
}
.ui.pagination.menu .active.item {
color:var(--color-text);
background:var(--color-active)
}
.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type=date],
.ui.form .fields.error .field input[type=datetime-local],
.ui.form .fields.error .field input[type=email],
.ui.form .fields.error .field input[type=number],
.ui.form .fields.error .field input[type=password],
.ui.form .fields.error .field input[type=search],
.ui.form .fields.error .field input[type=tel],
.ui.form .fields.error .field input[type=time],
.ui.form .fields.error .field input[type=text],
.ui.form .fields.error .field input[type=file],
.ui.form .fields.error .field input[type=url],
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .text,
.ui.form .field.error .ui.dropdown .item,
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type=date],
.ui.form .field.error input[type=datetime-local],
.ui.form .field.error input[type=email],
.ui.form .field.error input[type=number],
.ui.form .field.error input[type=password],
.ui.form .field.error input[type=search],
.ui.form .field.error input[type=tel],
.ui.form .field.error input[type=time],
.ui.form .field.error input[type=text],
.ui.form .field.error input[type=file],
.ui.form .field.error input[type=url],
.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type=date]:focus,
.ui.form .field.error input[type=datetime-local]:focus,
.ui.form .field.error input[type=email]:focus,
.ui.form .field.error input[type=number]:focus,
.ui.form .field.error input[type=password]:focus,
.ui.form .field.error input[type=search]:focus,
.ui.form .field.error input[type=tel]:focus,
.ui.form .field.error input[type=time]:focus,
.ui.form .field.error input[type=text]:focus,
.ui.form .field.error input[type=file]:focus,
.ui.form .field.error input[type=url]:focus {
background-color:var(--color-error-bg);
border-color:var(--color-error-border);
color:var(--color-error-text)
}
.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
border-color:var(--color-error-border)!important
}
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover {
background-color:var(--color-error-bg-hover)
}
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
background-color:var(--color-error-bg-active)!important
}
.ui.form .fields.error .dropdown .menu,
.ui.form .field.error .dropdown .menu {
border-color:var(--color-error-border)!important
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
.ui.form .field.field input:-webkit-autofill,
.ui.form .field.field input:-webkit-autofill:focus,
.ui.form .field.field input:-webkit-autofill:hover,
.ui.form .field.field input:-webkit-autofill:active {
-webkit-background-clip:text;
-webkit-text-fill-color:var(--color-text);
box-shadow:0 0 0 100px var(--color-primary-light-6) inset!important;
border-color:var(--color-primary-light-4)!important
}
.ui.form .field.muted {
opacity:var(--opacity-disabled)
}
.text.primary {
color:var(--color-primary)!important
}
.text.red {
color:var(--color-red)!important
}
.text.orange {
color:var(--color-orange)!important
}
.text.yellow {
color:var(--color-yellow)!important
}
.text.olive {
color:var(--color-olive)!important
}
.text.green {
color:var(--color-green)!important
}
.text.teal {
color:var(--color-teal)!important
}
.text.blue {
color:var(--color-blue)!important
}
.text.violet {
color:var(--color-violet)!important
}
.text.purple {
color:var(--color-purple)!important
}
.text.pink {
color:var(--color-pink)!important
}
.text.brown {
color:var(--color-brown)!important
}
.text.black {
color:var(--color-text)!important
}
.text.grey,
.text.light {
color:var(--color-text-light)!important
}
.text.light-2 {
color:var(--color-text-light-2)!important
}
.text.light-3 {
color:var(--color-text-light-3)!important
}
.text.light.grey {
color:var(--color-grey-light)!important
}
.text.gold {
color:var(--color-gold)!important
}
.text.small {
font-size:.75em
}
.ui.form .ui.button {
font-weight:var(--font-weight-normal)
}
.ui.dropdown .menu,
.ui.upward.dropdown>.menu,
.ui.menu .dropdown.item .menu,
.ui.selection.active.dropdown .menu,
.ui.upward.selection.dropdown .menu,
.ui.selection.active.dropdown:hover .menu,
.ui.upward.active.selection.dropdown:hover .menu {
box-shadow:0 6px 18px var(--color-shadow)
}
.ui.floating.dropdown .menu {
box-shadow:0 6px 18px var(--color-shadow)!important
}
.ui.dimmer {
background:var(--color-overlay-backdrop)
}
.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>.header {
font-size:.8em
}
.ui .text.left {
text-align:left!important
}
.ui .text.right {
text-align:right!important
}
.ui .text.truncate {
overflow-x:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:inline-block
}
.ui .message.flash-message {
text-align:center
}
.ui .message>ul {
margin-left:auto;
margin-right:auto;
display:table;
text-align:left
}
.ui .header>i+.content {
padding-left:.75rem;
vertical-align:middle
}
.ui .form .autofill-dummy {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
z-index:-10000
}
.ui .form .sub.field {
margin-left:25px
}
.ui .sha.label {
font-family:var(--fonts-monospace);
font-size:13px;
font-weight:var(--font-weight-normal);
margin:0 6px;
padding:5px 10px;
flex-shrink:0
}
.ui .sha.label .shortsha {
display:inline-block
}
.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 .svg {
margin-right:4px
}
.ui.inline.delete-button {
padding:8px 15px;
font-weight:var(--font-weight-normal)
}
.ui .background.red {
background-color:var(--color-red)!important
}
.ui .background.blue {
background-color:var(--color-blue)!important
}
.ui .background.black {
background-color:var(--color-black)!important
}
.ui .background.grey,
.ui .background.light.grey {
background-color:var(--color-grey)!important
}
.ui .background.green {
background-color:var(--color-green)!important
}
.ui .background.purple {
background-color:var(--color-purple)!important
}
.ui .background.yellow {
background-color:var(--color-yellow)!important
}
.ui .background.orange {
background-color:var(--color-orange)!important
}
.ui .background.gold {
background-color:var(--color-gold)!important
}
.ui .migrate {
color:var(--color-text-light-2)!important
}
.ui .migrate a {
color:var(--color-text-light)!important
}
.ui .migrate a:hover {
color:var(--color-text)!important
}
.ui .border {
border:1px solid
}
.ui .border.red {
border-color:var(--color-red)!important
}
.ui .border.blue {
border-color:var(--color-blue)!important
}
.ui .border.black {
border-color:var(--color-black)!important
}
.ui .border.grey,
.ui .border.light.grey {
border-color:var(--color-grey)!important
}
.ui .border.green {
border-color:var(--color-green)!important
}
.ui .border.purple {
border-color:var(--color-purple)!important
}
.ui .border.yellow {
border-color:var(--color-yellow)!important
}
.ui .border.orange {
border-color:var(--color-orange)!important
}
.ui .border.gold {
border-color:var(--color-gold)!important
}
@media (max-width: 767.98px) {
.ui.pagination.menu .item:not(.active,
.navigation),
.ui.pagination.menu .item.navigation span.navigation_label {
display:none
}
}
.ui.pagination.menu.narrow .item {
padding-left:8px;
padding-right:8px;
min-width:1em;
text-align:center
}
.ui.pagination.menu.narrow .item .icon {
margin-right:0
}
.ui.floating.dropdown .overflow.menu .scrolling.menu.items {
border-radius:0!important;
box-shadow:none!important;
border-bottom:1px solid var(--color-secondary)
}
.user-menu>.item {
width:100%;
border-radius:0!important
}
.scrolling.menu .item.selected {
font-weight:var(--font-weight-semibold)!important
}
.ui.dropdown .scrolling.menu {
border-color:var(--color-secondary)
}
.color-preview {
display:inline-block;
margin-left:.4em;
height:.67em;
width:.67em;
border-radius:var(--border-radius)
}
.attention-icon {
margin:auto .5em auto 0
}
.attention-title {
align-items:center;
display:flex
}
blockquote.attention-note {
border-left-color:var(--color-blue-dark-1)
}
strong.attention-note,
svg.attention-note {
color:var(--color-blue-dark-1)
}
blockquote.attention-tip {
border-left-color:var(--color-success-text)
}
strong.attention-tip,
svg.attention-tip {
color:var(--color-success-text)
}
blockquote.attention-important {
border-left-color:var(--color-violet-dark-1)
}
strong.attention-important,
svg.attention-important {
color:var(--color-violet-dark-1)
}
blockquote.attention-warning {
border-left-color:var(--color-warning-text)
}
strong.attention-warning,
svg.attention-warning {
color:var(--color-warning-text)
}
blockquote.attention-caution {
border-left-color:var(--color-red-dark-1)
}
strong.attention-caution,
svg.attention-caution {
color:var(--color-red-dark-1)
}
.center:not(.popup) {
text-align:center
}
overflow-menu {
border-bottom:1px solid var(--color-secondary)!important;
display:flex
}
overflow-menu .overflow-menu-items {
display:flex;
flex:1
}
overflow-menu .overflow-menu-items .item {
margin-bottom:0!important
}
overflow-menu .ui.label {
margin-left:7px!important
}
.activity-bar-graph {
background-color:var(--color-primary);
color:var(--color-primary-contrast)
}
.archived-icon {
color:var(--color-secondary-dark-2)!important
}
svg.text.green,
.text.green svg {
color:var(--color-icon-green)!important
}
svg.text.red,
.text.red svg {
color:var(--color-icon-red)!important
}
svg.text.purple,
.text.purple svg {
color:var(--color-icon-purple)!important
}
.oauth2-authorize-application-box {
margin-top:3em!important
}
.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
}
.ui.menu .item>.label {
background:var(--color-label-bg);
color:var(--color-label-text)
}
.ui.menu .active.item>.label {
background:var(--color-label-bg-alt, var(--color-label-bg))
}
.lines-blame-btn {
padding:0 0 0 5px;
display:flex;
justify-content:center
}
.lines-num {
padding:0 8px;
text-align:right!important;
color:var(--color-text-light-2);
width:1%;
font-family:var(--fonts-monospace)
}
.lines-num span.bottom-line:after {
border-bottom:1px solid var(--color-secondary)
}
.lines-num span:after {
content:attr(data-line-number);
line-height:20px!important;
padding:0 10px;
cursor:pointer;
display:block
}
.lines-type-marker {
vertical-align:top
}
.lines-num,
.lines-code {
font-size:12px;
font-family:var(--fonts-monospace);
line-height:20px;
padding-top:0;
padding-bottom:0;
vertical-align:top
}
.lines-num pre,
.lines-code pre,
.lines-num ol,
.lines-code ol {
background-color:inherit;
margin:0;
padding:0!important
}
.lines-num pre li,
.lines-code pre li,
.lines-num ol li,
.lines-code ol li {
display:block;
width:calc(100% - 1ch);
padding-left:1ch
}
.lines-escape {
width:0
}
.lines-code {
padding-left:5px
}
.file-view tr.active {
color:inherit!important;
background:inherit!important
}
.file-view tr.active .lines-num,
.file-view tr.active .lines-code {
background:var(--color-highlight-bg)!important
}
.file-view tr.active:last-of-type .lines-code {
border-bottom-right-radius:var(--border-radius)
}
.file-view tr.active .lines-num {
position:relative
}
.file-view tr.active .lines-num:before {
content:"";
position:absolute;
left:0;
width:2px;
height:100%;
background:var(--color-highlight-fg)
}
.code-inner {
font:12px var(--fonts-monospace);
white-space:pre-wrap;
word-break:break-all;
overflow-wrap:anywhere;
line-height:inherit
}
.blame .code-inner {
white-space:pre-wrap;
overflow-wrap:anywhere
}
.lines-commit {
vertical-align:top;
color:var(--color-text-light-1);
padding:0!important;
width:1%
}
.lines-commit .blame-info {
width:min(26vw,300px);
display:block;
padding:0 0 0 6px;
line-height:20px;
box-sizing:content-box
}
.lines-commit .blame-info .blame-data {
display:flex;
font-family:var(--fonts-regular)
}
.lines-commit .blame-info .blame-data .blame-message {
flex-grow:2;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.lines-commit .blame-info .blame-data .blame-time,
.lines-commit .blame-info .blame-data .blame-avatar {
flex-shrink:0
}
.blame-avatar {
display:flex;
align-items:center;
margin-right:4px
}
.top-line-blame {
border-top:1px solid var(--color-secondary)
}
.code-view tr.top-line-blame:first-of-type {
border-top:none
}
.lines-code .bottom-line,
.lines-commit .bottom-line {
border-bottom:1px solid var(--color-secondary)
}
.code-view {
background:var(--color-code-bg);
border-radius:var(--border-radius)
}
.code-view table {
width:100%
}
.migrate .svg.gitea-git {
color:var(--color-git)
}
.color-icon {
display:inline-block;
border-radius:var(--border-radius-full);
height:14px;
width:14px
}
.rss-icon {
display:inline-flex;
color:var(--color-text-light-1)
}
table th[data-sortt-asc]:hover,
table th[data-sortt-desc]:hover {
background:var(--color-hover)!important;
cursor:pointer!important
}
table th[data-sortt-asc] .svg,
table th[data-sortt-desc] .svg {
margin-left:.25rem
}
.ui.dropdown .menu .item {
border-radius:0
}
.ui.dropdown .menu .item:first-of-type {
border-radius:var(--border-radius) var(--border-radius) 0 0
}
.ui.dropdown .menu .item:last-of-type {
border-radius:0 0 var(--border-radius) var(--border-radius)
}
.ui.multiple.dropdown>.label {
box-shadow:0 0 0 1px var(--color-secondary) inset
}
.emoji,
.reaction {
font-size:1.25em;
line-height:var(--line-height-default);
font-style:normal!important;
font-weight:var(--font-weight-normal)!important;
vertical-align:-.075em
}
.emoji img,
.reaction img {
border-width:0!important;
margin:0!important;
width:1em!important;
height:1em!important;
vertical-align:-.15em
}
.ui.tabular.menu {
border-color:var(--color-secondary)
}
.ui.tabular.menu .active.item,
.ui.tabular.menu .active.item:hover {
background:var(--color-body);
border-color:var(--color-secondary);
color:var(--color-text)
}
.ui.segment .ui.tabular.menu .active.item,
.ui.segment .ui.tabular.menu .active.item:hover {
background:var(--color-box-body)
}
.ui.secondary.pointing.menu {
border-color:var(--color-secondary)
}
.ui.tabular.menu .item,
.ui.secondary.pointing.menu .item {
padding:11px 12px!important;
color:var(--color-text-light-2)
}
.ui.tabular.menu .item:hover,
.ui.secondary.pointing.menu a.item:hover,
.ui.secondary.pointing.menu a.item:focus {
color:var(--color-text)
}
.ui.secondary.pointing.menu .active.item,
.ui.secondary.pointing.menu .active.item:hover,
.ui.secondary.pointing.menu .active.item:focus,
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .dropdown.item:focus {
color:var(--color-text-dark)
}
.ui.tabular.menu .active.item,
.ui.secondary.pointing.menu .active.item,
.resize-for-semibold:before {
font-weight:var(--font-weight-semibold)
}
.resize-for-semibold:before {
content:attr(data-text);
visibility:hidden;
display:block;
height:0
}
.flash-error details code,
.flash-warning details code {
display:block;
text-align:left
}
.truncated-item-container {
display:flex!important;
align-items:center
}
.ellipsis-button {
padding:0 5px 8px!important;
display:inline-block!important;
font-weight:var(--font-weight-semibold)!important;
line-height:6px!important;
vertical-align:middle!important
}
.truncated-item-name {
line-height:2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-top:-.5em;
margin-bottom:-.5em
}
.precolors {
display:flex;
flex-direction:column;
justify-content:center;
margin-left:1em
}
.precolors .color {
display:inline-block;
width:15px;
height:15px
}
.ui.dropdown:not(.button) {
line-height:var(--line-height-default)
}
.ui.dropdown.mini.button,
.ui.dropdown.tiny.button {
padding-right:20px
}
.ui.dropdown.button {
padding-right:22px
}
.ui.dropdown.large.button {
padding-right:24px
}
.ui.ui.dropdown>.icon.icon {
position:initial;
padding:0;
margin:0;
height:auto
}
.ui.ui.dropdown>.icon.icon:hover {
opacity:1
}
.ui.ui.button.dropdown>.icon.icon,
.ui.ui.selection.dropdown>.icon.icon {
position:absolute;
top:50%;
transform:translateY(-50%)
}
.ui.ui.dropdown>.dropdown.icon {
right:.5em
}
.ui.ui.dropdown>.remove.icon {
right:2em
}
.btn,
.ui.ui.button,
.ui.ui.dropdown,
.flex-items-inline>.item,
.flex-text-inline {
display:inline-flex;
align-items:center;
gap:.25rem;
vertical-align:middle;
min-width:0
}
.ui.ui.button {
justify-content:center
}
.ui.dropdown .ui.label .svg {
vertical-align:middle
}
.ui.ui.labeled.button {
gap:0;
align-items:stretch
}
.flex-items-block>.item,
.flex-text-block {
display:flex;
align-items:center;
gap:.25rem;
min-width:0
}
.home .logo {
max-width:220px
}
@media (max-width: 767.98px) {
.home .hero h1 {
font-size:3.5em
}
.home .hero h2 {
font-size:2em
}
}
@media (min-width: 768px) {
.home .hero h1 {
font-size:5.5em
}
.home .hero h2 {
font-size:3em
}
}
.home .hero .svg {
color:var(--color-primary);
height:40px;
width:50px;
vertical-align:bottom
}
.home .hero.header {
font-size:20px
}
.home p.large {
font-size:16px
}
.home .stackable {
padding-top:30px
}
.home a {
color:var(--color-primary)
}
.page-footer {
display:flex;
justify-content:space-between;
background-color:var(--color-footer);
border-top:1px solid var(--color-secondary);
padding:8px 20px
}
.page-footer .left-links {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:.25em
}
.page-footer .right-links {
min-width:180px;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center
}
.page-footer .right-links>a {
border-left:1px solid var(--color-secondary-dark-1);
padding-left:8px;
margin-left:5px
}
.page-footer .ui.dropdown.language .menu {
max-height:min(500px,calc(100vh - 60px));
overflow-y:auto;
margin-bottom:10px
}
@media (max-width: 880px) {
.page-footer {
flex-direction:column;
gap:.5em
}
}
.page-content.install .install-config-container {
max-width:900px;
margin:auto
}
.page-content.install form.ui.form .inline.field>label {
text-align:right;
width:30%;
padding-right:10px;
margin-right:0
}
.page-content.install .ui.form .field>.help,
.page-content.install .ui.form .field>.ui.checkbox:first-child,
.page-content.install .ui.form .field>.right-content {
margin-left:calc(30% + 5px);
width:auto
}
.page-content.install form.ui.form input:not([type=checkbox],
[type=radio]),
.page-content.install form.ui.form .ui.selection.dropdown {
width:60%
}
.page-content.install form.ui.form details.optional.field[open] {
padding-bottom:10px
}
.page-content.install form.ui.form details.optional.field[open] summary {
margin-bottom:10px
}
.page-content.install form.ui.form details.optional.field * {
box-sizing:border-box
}
.page-content.install form.ui.form .field {
text-align:left
}
.page-content.install .ui .reinstall-message {
width:70%;
margin:20px auto;
color:var(--color-red);
text-align:left;
font-weight:var(--font-weight-semibold)
}
.page-content.install .ui .reinstall-confirm {
width:70%;
text-align:left;
margin:10px auto
}
.page-content.install details.collapsible {
border:1px solid var(--color-light-border);
border-radius:.28571429rem
}
.page-content.install .collapsible summary {
background:transparent;
margin:auto;
text-align:center
}
.ui.input textarea,
.ui.form textarea,
.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=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=time],
.ui.form input[type=text],
.ui.form input[type=file],
.ui.form input[type=url] {
transition:none
}
input,
textarea,
.ui.input>input,
.ui.form input:not([type]),
.ui.form select,
.ui.form textarea,
.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.selection.dropdown {
background:var(--color-input-background);
border-color:var(--color-input-border);
color:var(--color-input-text)
}
.ui.small.selection.dropdown {
padding:.67857143em 1.6em .67857143em 1em
}
input:hover,
textarea:hover,
.ui.input input:hover,
.ui.form input:not([type]):hover,
.ui.form select:hover,
.ui.form textarea:hover,
.ui.form input[type=date]:hover,
.ui.form input[type=datetime-local]:hover,
.ui.form input[type=email]:hover,
.ui.form input[type=file]:hover,
.ui.form input[type=number]:hover,
.ui.form input[type=password]:hover,
.ui.form input[type=search]:hover,
.ui.form input[type=tel]:hover,
.ui.form input[type=text]:hover,
.ui.form input[type=time]:hover,
.ui.form input[type=url]:hover,
.ui.selection.dropdown:hover {
background:var(--color-input-background);
border-color:var(--color-input-border-hover);
color:var(--color-input-text)
}
input:focus,
textarea:focus,
.ui.input input:focus,
.ui.form input:not([type]):focus,
.ui.form select:focus,
.ui.form textarea:focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=url]:focus,
.ui.selection.dropdown:focus {
background:var(--color-input-background);
border-color:var(--color-primary);
color:var(--color-input-text)
}
.ui.form .field>label,
.ui.form .inline.fields>label,
.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p,
.ui.form .inline.field>label,
.ui.form .inline.field>p {
color:var(--color-text)
}
.ui.form .required.fields:not(.grouped)>.field>label:after,
.ui.form .required.fields.grouped>label:after,
.ui.form .required.field>label:after,
.ui.form label.required:after {
color:var(--color-red)
}
.ui.input {
color:var(--color-input-text)
}
.ui.form select {
padding:.67857143em 1em
}
.form .help {
color:var(--color-secondary-dark-8);
padding-bottom:.6em;
display:inline-block
}
.m-captcha-style {
width:100%;
height:5em;
vertical-align:middle;
display:inline-block
}
@media (min-width: 768px) {
.g-recaptcha-style,
.h-captcha-style {
margin:0 auto!important;
width:304px;
padding-left:30px
}
.g-recaptcha-style iframe,
.h-captcha-style iframe {
border-radius:var(--border-radius)!important;
width:302px!important;
height:76px!important
}
.m-captcha-style {
width:50%
}
}
@media (max-height: 575px) {
#rc-imageselect,
.g-recaptcha-style,
.h-captcha-style {
transform:scale(.77);
transform-origin:0 0
}
}
.user.forgot.password form,
.user.reset.password form,
.user.signup form {
margin:auto;
width:700px!important
}
.user.activate form .ui.message,
.user.forgot.password form .ui.message,
.user.reset.password form .ui.message,
.user.link-account form .ui.message,
.user.signin form .ui.message,
.user.signup form .ui.message {
text-align:center
}
@media (min-width: 768px) {
.user.activate form,
.user.forgot.password form,
.user.reset.password form,
.user.link-account 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.link-account form .header,
.user.signin form .header,
.user.signup form .header {
padding-left:280px!important
}
.user.activate 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.link-account 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.link-account form .optional .title,
.user.signin form .optional .title,
.user.signup form .optional .title {
margin-left:250px!important
}
}
@media (max-width: 767.98px) {
.user.activate form .optional .title,
.user.forgot.password form .optional .title,
.user.reset.password form .optional .title,
.user.link-account 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.link-account form .inline.field>label,
.user.signin form .inline.field>label,
.user.signup form .inline.field>label {
display:block
}
}
.user.activate form .header,
.user.forgot.password form .header,
.user.reset.password form .header,
.user.link-account 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.link-account form .inline.field>label,
.user.signin form .inline.field>label,
.user.signup form .inline.field>label {
width:200px
}
@media (max-width: 767.98px) {
.user.activate form .inline.field>label,
.user.forgot.password form .inline.field>label,
.user.reset.password form .inline.field>label,
.user.link-account form .inline.field>label,
.user.signin form .inline.field>label,
.user.signup form .inline.field>label {
width:100%!important
}
}
.user.activate form input[type=number],
.user.forgot.password form input[type=number],
.user.reset.password form input[type=number],
.user.link-account form input[type=number],
.user.signin form input[type=number],
.user.signup form input[type=number] {
-moz-appearance:textfield
}
.user.activate form input::-webkit-outer-spin-button,
.user.forgot.password form input::-webkit-outer-spin-button,
.user.reset.password form input::-webkit-outer-spin-button,
.user.link-account form input::-webkit-outer-spin-button,
.user.signin form input::-webkit-outer-spin-button,
.user.signup form input::-webkit-outer-spin-button,
.user.activate form input::-webkit-inner-spin-button,
.user.forgot.password form input::-webkit-inner-spin-button,
.user.reset.password form input::-webkit-inner-spin-button,
.user.link-account form input::-webkit-inner-spin-button,
.user.signin form input::-webkit-inner-spin-button,
.user.signup form input::-webkit-inner-spin-button {
-webkit-appearance:none;
margin:0
}
.repository.new.repo form,
.repository.new.migrate form,
.repository.new.fork form {
margin:auto
}
.repository.new.repo form .ui.message,
.repository.new.migrate form .ui.message,
.repository.new.fork form .ui.message {
text-align:center
}
@media (min-width: 768px) {
.repository.new.repo form,
.repository.new.migrate form,
.repository.new.fork form {
width:800px!important
}
.repository.new.repo form .header,
.repository.new.migrate form .header,
.repository.new.fork form .header {
padding-left:280px!important
}
.repository.new.repo form .inline.field>label,
.repository.new.migrate form .inline.field>label,
.repository.new.fork form .inline.field>label {
text-align:right;
width:250px!important;
word-wrap:break-word
}
.repository.new.repo form .help,
.repository.new.migrate form .help,
.repository.new.fork form .help {
margin-left:265px!important
}
.repository.new.repo form .optional .title,
.repository.new.migrate form .optional .title,
.repository.new.fork form .optional .title {
margin-left:250px!important
}
.repository.new.repo form .inline.field>input,
.repository.new.migrate form .inline.field>input,
.repository.new.fork form .inline.field>input,
.repository.new.repo form .inline.field>textarea,
.repository.new.migrate form .inline.field>textarea,
.repository.new.fork form .inline.field>textarea {
width:50%
}
}
@media (max-width: 767.98px) {
.repository.new.repo form .optional .title,
.repository.new.migrate form .optional .title,
.repository.new.fork form .optional .title {
margin-left:15px
}
.repository.new.repo form .inline.field>label,
.repository.new.migrate form .inline.field>label,
.repository.new.fork form .inline.field>label {
display:block
}
}
.repository.new.repo form .dropdown .text,
.repository.new.migrate form .dropdown .text,
.repository.new.fork form .dropdown .text {
margin-right:0!important
}
.repository.new.repo form .header,
.repository.new.migrate form .header,
.repository.new.fork form .header {
padding-left:0!important;
text-align:center
}
.repository.new.repo form .selection.dropdown,
.repository.new.migrate form .selection.dropdown,
.repository.new.fork form .selection.dropdown,
.repository.new.fork form .field a {
vertical-align:middle;
width:50%!important
}
@media (max-width: 767.98px) {
.repository.new.repo form label,
.repository.new.migrate form label,
.repository.new.fork form label,
.repository.new.repo form .inline.field>input,
.repository.new.migrate form .inline.field>input,
.repository.new.fork form .inline.field>input,
.repository.new.fork form .field a,
.repository.new.repo form .selection.dropdown,
.repository.new.migrate form .selection.dropdown,
.repository.new.fork form .selection.dropdown {
width:100%!important
}
.repository.new.repo form .field button,
.repository.new.migrate form .field button,
.repository.new.fork form .field button,
.repository.new.repo form .field a,
.repository.new.migrate form .field a {
margin-bottom:1em;
width:100%
}
}
@media (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 (max-width: 767.98px) {
.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:var(--fonts-monospace)
}
@media (max-width: 767.98px) {
.new.org .ui.form .field button,
.new.org .ui.form .field a {
margin-bottom:1em;
width:100%
}
.new.org .ui.form .field input:not([type=checkbox],
[type=radio]) {
width:100%!important
}
}
.repository .data-table .line-num,
.repository .diff-file-box .file-body.file-code .lines-num,
.repository .diff-file-box .code-diff tbody tr .lines-type-marker {
user-select:none
}
.repository .owner.dropdown {
min-width:40%!important
}
.repository .unicode-escaped .escaped-code-point[data-escaped]:before {
visibility:visible;
content:attr(data-escaped);
font-family:var(--fonts-monospace);
color:var(--color-red)
}
.repository .unicode-escaped .escaped-code-point .char {
display:none
}
.repository .broken-code-point {
font-family:var(--fonts-monospace);
color:var(--color-blue)
}
.repository .unicode-escaped .ambiguous-code-point {
border:1px var(--color-yellow) solid
}
.issue-content {
display:flex;
align-items:flex-start;
gap:16px
}
@media (max-width: 767.98px) {
.issue-content {
flex-direction:column
}
}
.issue-content-left {
margin:0!important;
width:calc(100% - 316px)
}
.issue-content-right {
margin:0!important;
width:300px
}
.issue-content-right .dropdown>.menu {
max-width:270px;
min-width:0
}
@media (max-width: 767.98px) {
.issue-content-left,
.issue-content-right {
width:100%
}
}
.repository .issue-content-right .ui.list .dependency {
padding:0;
white-space:nowrap
}
.repository .issue-content-right .ui.list .title {
overflow:hidden;
text-overflow:ellipsis
}
.repository .issue-content-right #deadlineForm input {
width:12.8rem;
border-radius:var(--border-radius) 0 0 var(--border-radius);
border-right:0;
white-space:nowrap
}
.repository .issue-content-right .filter.menu {
max-height:500px;
overflow-x:auto
}
.repository .filter.menu.labels .label-filter .menu .info {
display:inline-block;
padding:.5rem 0;
font-size:12px;
width:100%;
white-space:nowrap;
margin-left:10px;
margin-right:8px;
text-align:left
}
.repository .filter.menu.labels .label-filter .menu .info code {
border:1px solid var(--color-secondary);
border-radius:var(--border-radius);
padding:1px 2px;
font-size:11px
}
.repository .filter.menu .ui.dropdown .menu {
max-height:500px;
max-width:300px;
overflow-x:hidden;
right:0;
left:auto
}
.repository .filter.menu .ui.dropdown.label-filter .menu {
min-width:max-content;
right:unset;
left:0
}
.repository .select-label .desc {
padding-left:23px
}
.repository .ui.tabs.container .ui.menu:not(.secondary.pointing) {
border-bottom:0
}
.repository .ui.tabs.divider {
margin-top:-1px;
margin-bottom:12px
}
.repository .clone-panel #repo-clone-url {
width:320px;
border-radius:0
}
@media (max-width: 991.98px) {
.repository .clone-panel #repo-clone-url {
width:200px
}
}
.repository .ui.action.input.clone-panel>button+button,
.repository .ui.action.input.clone-panel>button+input {
margin-left:-1px
}
.repository .clone-panel>button:first-of-type {
border-radius:var(--border-radius) 0 0 var(--border-radius)!important
}
.repository .clone-panel>button:last-of-type {
border-radius:0 var(--border-radius) var(--border-radius) 0!important
}
.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;
gap:5px;
margin-bottom:5px
}
@media (max-width: 767.98px) {
.repository.file.list .repo-description {
flex-direction:column;
align-items:stretch
}
}
.commit-summary {
flex:1;
overflow-wrap:anywhere;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.commit-header .commit-summary,
td .commit-summary {
white-space:normal
}
.commit-list .js-toggle-commit-body,
.commit-list .commit-status {
margin:0 0 0 .25em
}
.latest-commit {
display:flex;
flex:1;
align-items:center;
overflow:hidden;
text-overflow:ellipsis
}
.latest-commit .commit-status {
margin-right:.25em
}
@media (max-width: 767.98px) {
.latest-commit .sha {
display:none
}
.latest-commit .commit-summary {
margin-left:8px
}
}
.repo-path {
display:flex;
overflow-wrap:anywhere
}
#repo-files-table th:first-of-type {
max-width:calc(min(100vw,1280px) - 145px - calc(2 * var(--page-margin-x)))
}
.repository.file.list #repo-files-table thead th {
font-weight:var(--font-weight-normal)
}
.repository.file.list #repo-files-table tbody .svg {
margin-left:3px;
margin-right:5px
}
.repository.file.list #repo-files-table tbody .svg.octicon-reply {
margin-right:10px
}
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill,
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color:var(--color-primary)
}
.repository.file.list #repo-files-table tbody .svg.octicon-file,
.repository.file.list #repo-files-table tbody .svg.octicon-file-symlink-file,
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory-symlink {
color:var(--color-secondary-dark-7)
}
.repository.file.list #repo-files-table td {
padding-top:0;
padding-bottom:0;
overflow:initial
}
.repository.file.list #repo-files-table td.name {
width:33%;
max-width:calc(100vw - 140px)
}
@media (min-width: 1201px) {
.repository.file.list #repo-files-table td.name {
max-width:150px
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.repository.file.list #repo-files-table td.name {
max-width:200px
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.repository.file.list #repo-files-table td.name {
max-width:300px
}
}
.repository.file.list #repo-files-table td.message {
color:var(--color-text-light-1);
width:66%
}
@media (min-width: 1201px) {
.repository.file.list #repo-files-table td.message {
max-width:400px
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.repository.file.list #repo-files-table td.message {
max-width:350px
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.repository.file.list #repo-files-table td.message {
max-width:250px
}
}
.repository.file.list #repo-files-table td.age {
color:var(--color-text-light-1)
}
.repository.file.list #repo-files-table td .truncate {
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:100%;
padding-top:8px;
padding-bottom:8px
}
.repository.file.list #repo-files-table td a {
padding-top:8px;
padding-bottom:8px
}
.repository.file.list #repo-files-table td .at {
margin-left:3px;
margin-right:3px
}
.repository.file.list #repo-files-table td>* {
vertical-align:middle
}
.repository.file.list #repo-files-table td.message .isSigned {
cursor:default
}
.repository.file.list #repo-files-table tr:last-of-type td:first-child {
border-bottom-left-radius:var(--border-radius)
}
.repository.file.list #repo-files-table tr:last-of-type td:last-child {
border-bottom-right-radius:var(--border-radius)
}
.repository.file.list #repo-files-table tr:hover {
background-color:var(--color-hover)
}
.repository.file.list #repo-files-table tr.has-parent a {
display:inline-block;
padding-top:8px;
padding-bottom:8px;
width:calc(100% - 1.25rem)
}
.repository.file.list .non-diff-file-content .header .icon {
font-size:1em
}
.repository.file.list .non-diff-file-content .header .small.icon {
font-size:.75em
}
.repository.file.list .non-diff-file-content .header .tiny.icon {
font-size:.5em
}
.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon {
line-height:var(--line-height-default);
padding:8px;
vertical-align:middle;
color:var(--color-text)
}
.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon:hover {
color:var(--color-primary)
}
.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon-danger:hover {
color:var(--color-red)
}
.repository.file.list .non-diff-file-content .header .file-actions .btn-octicon.disabled {
color:inherit;
opacity:var(--opacity-disabled);
cursor:default
}
.view-raw {
display:flex;
justify-content:center;
align-items:center
}
.view-raw>* {
max-width:100%
}
.view-raw audio,
.view-raw video,
.view-raw img {
margin:1rem 0;
border-radius:0;
object-fit:contain
}
.view-raw img[src$=".svg" i] {
max-height:600px!important;
max-width:600px!important
}
.pdf-content {
width:100%;
height:100vh;
border:none!important;
display:flex;
align-items:center;
justify-content:center
}
.pdf-content .pdf-fallback-button {
margin:50px auto
}
.repository.file.list .non-diff-file-content .plain-text {
padding:1em 2em
}
.repository.file.list .non-diff-file-content .plain-text pre {
overflow-wrap:anywhere;
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 .non-diff-file-content .asciicast {
padding:0!important
}
.non-diff-file-content .pdfobject {
border-radius:0 0 var(--border-radius) var(--border-radius)
}
.repository.file.list .sidebar {
padding-left:0
}
.repository.file.list .sidebar .svg {
width:16px
}
.repo-editor-header {
width:100%
}
.repo-editor-header input {
vertical-align:middle!important;
width:auto!important;
padding:7px 8px!important;
margin-right:5px!important
}
.repository.file.editor .tabular.menu .svg {
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 var(--color-secondary);
background:var(--color-box-body);
border-radius:var(--border-radius)
}
.repository.file.editor .commit-form-wrapper .commit-form:before,
.repository.file.editor .commit-form-wrapper .commit-form:after {
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:var(--color-secondary);
border-width:9px;
margin-top:-9px
}
.repository.file.editor .commit-form-wrapper .commit-form:after {
border-right-color:var(--color-box-body);
border-width:8px;
margin-top:-8px
}
.repository.file.editor .commit-form-wrapper .commit-form .quick-pull-choice .branch-name {
display:inline-block;
padding:2px 4px;
font:12px var(--fonts-monospace);
color:var(--color-text);
background:var(--color-secondary);
border-radius:var(--border-radius);
margin:0 2px
}
.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:var(--color-grey)
}
.repository.options #interval {
width:100px!important;
min-width:100px
}
.repository.new.issue .comment.form .comment .avatar {
width:3em
}
.repository.new.issue .comment.form .content {
margin-left:4em
}
.repository.new.issue .comment.form .content:before,
.repository.new.issue .comment.form .content:after {
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:var(--color-secondary);
border-width:9px;
margin-top:-9px
}
.repository.new.issue .comment.form .content:after {
border-right-color:var(--color-box-body);
border-width:8px;
margin-top:-8px
}
.repository.new.issue .comment.form .content .markup {
font-size:14px
}
.repository.view.issue .instruct-toggle {
display:inline-block
}
.issue-title-header {
width:100%;
padding-bottom:4px;
margin-bottom:1rem
}
.issue-title-meta {
display:flex;
align-items:center
}
.issue-title .button-row,
.repository.releases .button-row {
display:flex
}
@media (max-width: 767.98px) {
.repository.view.issue .issue-title {
flex-direction:column
}
.issue-title .button-row {
width:100%;
margin-top:.5rem;
justify-content:space-between
}
.comment.form .issue-content-left .avatar {
display:none
}
.comment.form .issue-content-left .content {
margin-left:0!important
}
.comment.form .issue-content-left .content:before,
.comment.form .issue-content-left .content:after,
.comment.form .content .form:before,
.comment.form .content .form:after {
display:none
}
.repository.view.issue .issue-title.edit-active h1 {
padding-right:0
}
}
.repository.view.issue .issue-title {
display:flex;
align-items:center;
gap:.5em;
margin-bottom:8px;
min-height:var(--repo-header-issue-min-height)
}
.repository.view.issue .issue-title h1 {
flex:1;
width:100%;
font-weight:var(--font-weight-normal);
font-size:32px;
line-height:40px;
margin:0;
padding-right:.5rem
}
.repository.view.issue .issue-title .ui.input {
font-size:16px
}
.repository.view.issue .issue-title .ui.input input {
font-size:1.5em;
padding:2px .5rem
}
.repository.view.issue .issue-title .index {
color:var(--color-text-light-2)
}
.repository.view.issue .issue-title .label {
margin-right:10px
}
.issue-state-label {
display:flex!important;
align-items:center!important;
font-size:14px!important;
padding:7px 10px!important;
border-radius:var(--border-radius-medium)!important;
flex-shrink:0
}
.issue-state-label .svg {
margin-right:4px
}
.repository.view.issue .pull-desc code {
color:var(--color-primary)
}
.repository.view.issue .pull-desc a[data-clipboard-text] {
cursor:pointer
}
.repository.view.issue .pull-desc a[data-clipboard-text] svg {
vertical-align:middle;
position:relative;
top:-2px;
right:1px
}
.repository.view.issue .pull.tabs.container {
width:100%;
max-width:100%
}
.repository.view.issue .pull.tabular.menu {
margin-bottom:0;
overflow-x:auto;
overflow-y:hidden
}
.repository.view.issue .pull.tabular.menu .svg {
margin-right:5px
}
.repository.view.issue .merge.box .branch-update.grid .row {
padding-bottom:1rem
}
.repository.view.issue .merge.box .branch-update.grid .row .icon {
margin-top:1.1rem
}
.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:var(--color-timeline);
z-index:-1
}
.repository.view.issue .comment-list .timeline {
position:relative;
display:block;
margin-left:40px;
padding-left:16px
}
.repository.view.issue .comment-list .timeline:before {
display:block;
content:"";
position:absolute;
margin-top:12px;
margin-bottom:14px;
top:0;
bottom:0;
left:30px;
width:2px;
background-color:var(--color-timeline);
z-index:-1
}
.repository.view.issue .comment-list .timeline-item,
.repository.view.issue .comment-list .timeline-item-group {
padding:16px 0
}
.repository.view.issue .comment-list .timeline-item-group .timeline-item {
padding-top:8px;
padding-bottom:8px
}
.repository.view.issue .comment-list .timeline-avatar-offset {
margin-top:48px
}
.repository.view.issue .comment-list .timeline-item {
margin-left:16px;
position:relative
}
.repository.view.issue .comment-list .timeline-item .timeline-avatar {
position:absolute;
left:-68px
}
.repository.view.issue .comment-list .timeline-item .inline-timeline-avatar {
display:none
}
.repository.view.issue .comment-list .timeline-item:first-child:not(.commit) {
padding-top:0!important
}
.repository.view.issue .comment-list .timeline-item:last-child:not(.commit) {
padding-bottom:0!important
}
.repository.view.issue .comment-list .timeline-item .badge.badge-commit {
border-color:transparent;
background:radial-gradient(var(--color-body) 40%,transparent 40%) no-repeat
}
.repository.view.issue .comment-list .timeline-item .badge {
width:34px;
height:34px;
background-color:var(--color-timeline);
border-radius:var(--border-radius-full);
display:flex;
float:left;
margin-left:-33px;
margin-right:8px;
color:var(--color-text);
align-items:center;
justify-content:center
}
.repository.view.issue .comment-list .timeline-item .badge .svg {
width:22px;
height:22px;
padding:3px
}
.repository.view.issue .comment-list .timeline-item .badge .svg.octicon-comment {
margin-top:2px
}
.repository.view.issue .comment-list .timeline-item.comment>.content {
margin-left:-16px
}
.repository.view.issue .comment-list .timeline-item.event>.text {
line-height:32px;
vertical-align:middle
}
.repository.view.issue .comment-list .timeline-item.commits-list {
padding-left:15px;
padding-top:0
}
.repository.view.issue .comment-list .timeline-item.commits-list .ui.avatar,
.repository.view.issue .comment-list .timeline-item.event .ui.avatar {
margin-right:.25em
}
.singular-commit {
display:flex;
align-items:center
}
.singular-commit .badge {
height:30px!important
}
.singular-commit .shabox .sha.label {
margin:0;
border:1px solid var(--color-light-border)
}
.singular-commit .shabox .sha.label.isSigned.isWarning {
border:1px solid var(--color-red-badge);
background:var(--color-red-badge-bg)
}
.singular-commit .shabox .sha.label.isSigned.isWarning:hover {
background:var(--color-red-badge-hover-bg)!important
}
.singular-commit .shabox .sha.label.isSigned.isVerified {
border:1px solid var(--color-green-badge);
background:var(--color-green-badge-bg)
}
.singular-commit .shabox .sha.label.isSigned.isVerified:hover {
background:var(--color-green-badge-hover-bg)!important
}
.singular-commit .shabox .sha.label.isSigned.isVerifiedUntrusted {
border:1px solid var(--color-yellow-badge);
background:var(--color-yellow-badge-bg)
}
.singular-commit .shabox .sha.label.isSigned.isVerifiedUntrusted:hover {
background:var(--color-yellow-badge-hover-bg)!important
}
.singular-commit .shabox .sha.label.isSigned.isVerifiedUnmatched {
border:1px solid var(--color-orange-badge);
background:var(--color-orange-badge-bg)
}
.singular-commit .shabox .sha.label.isSigned.isVerifiedUnmatched:hover {
background:var(--color-orange-badge-hover-bg)!important
}
.repository.view.issue .comment-list .timeline-item .comparebox {
line-height:32px;
vertical-align:middle
}
.repository.view.issue .comment-list .timeline-item .comparebox .compare.label {
font-size:1rem;
margin:0;
border:1px solid var(--color-light-border)
}
@media (max-width: 767.98px) {
.repository.view.issue .comment-list .timeline-item .ui.segments {
margin-left:-2rem
}
}
.repository.view.issue .comment-list .ui.comments {
max-width:100%
}
.repository.view.issue .comment-list .comment>.content>div:first-child {
border-top-left-radius:4px;
border-top-right-radius:4px
}
.repository.view.issue .comment-list .comment>.content>div:last-child {
border-bottom-left-radius:4px;
border-bottom-right-radius:4px
}
.repository.view.issue .comment-list .comment .comment-container {
border:1px solid var(--color-secondary);
border-radius:var(--border-radius)
}
@media (max-width: 767.98px) {
.repository.view.issue .comment-list .comment .content .form .button {
width:100%;
margin:0
}
.repository.view.issue .comment-list .comment .content .form .button:not(:last-child) {
margin-bottom:1rem
}
}
.repository.view.issue .comment-list .comment .merge-section {
background-color:var(--color-box-body)
}
.repository.view.issue .comment-list .comment .merge-section .item-section {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
padding:0;
gap:.5em
}
.repository.view.issue .comment-list .comment .merge-section .divider {
margin-left:-1rem;
width:calc(100% + 2rem)
}
.repository.view.issue .comment-list .comment .merge-section.no-header:before,
.repository.view.issue .comment-list .comment .merge-section.no-header:after {
right:100%;
top:20px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}
.repository.view.issue .comment-list .comment .merge-section.no-header:before {
border-right-color:var(--color-secondary);
border-width:9px;
margin-top:-9px
}
.repository.view.issue .comment-list .comment .merge-section.no-header:after {
border-right-color:var(--color-box-body);
border-width:8px;
margin-top:-8px
}
.merge-section-info code {
border:1px solid var(--color-light-border);
border-radius:var(--border-radius);
padding:2px 4px;
background:var(--color-light)
}
.repository.view.issue .comment-list .comment .markup {
font-size:14px
}
.repository.view.issue .comment-list .comment .no-content {
color:var(--color-text-light-2);
font-style:italic
}
.repository.view.issue .comment-list .comment .ui.form .field:first-child {
clear:none
}
.repository.view.issue .comment-list .comment .ui.form .field.footer {
overflow:hidden
}
.repository.view.issue .comment-list .comment .ui.form .field .tab.markup {
min-height:5rem
}
.repository.view.issue .comment-list .comment .edit.buttons {
margin-top:10px
}
.repository.view.issue .comment-list .code-comment {
border:1px solid transparent;
margin:0
}
.repository.view.issue .comment-list .code-comment .comment-header {
background:transparent;
border-bottom:0!important;
padding:0!important
}
.repository.view.issue .comment-list .code-comment .comment-header:after,
.repository.view.issue .comment-list .code-comment .comment-header:before {
display:none
}
.repository.view.issue .comment-list .code-comment .comment-content {
margin-left:36px
}
.repository.view.issue .comment-list .comment>.avatar {
margin-top:6px
}
.repository.view.issue .comment-list .comment>.avatar~.content {
margin-left:42px
}
.repository.view.issue .comment-list .comment-code-cloud .segment.reactions {
margin-top:16px!important;
margin-bottom:-8px!important;
border-top:none!important
}
.repository.view.issue .comment-list .comment-code-cloud .segment.reactions .ui.label {
border:1px solid;
padding:5px 8px!important;
margin:0 2px;
border-radius:var(--border-radius);
border-color:var(--color-secondary-dark-1)!important
}
.repository.view.issue .comment-list .comment-code-cloud .segment.reactions .ui.label.basic.primary {
background-color:var(--color-reaction-active-bg)!important;
border-color:var(--color-primary-alpha-80)!important
}
.repository.view.issue .comment-list .comment-code-cloud .segment.reactions .ui.label.basic.primary:hover {
background-color:var(--color-reaction-hover-bg)!important;
border-color:var(--color-primary-alpha-80)!important
}
.repository.view.issue .comment-list .comment-code-cloud button.comment-form-reply {
margin:0
}
.repository.view.issue .comment-list .event {
padding-left:15px
}
.repository.view.issue .comment-list .event .detail {
margin-top:4px;
margin-left:15px
}
.repository.view.issue .comment-list .event .detail .text {
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.repository.view.issue .comment-list .event .segments {
box-shadow:none
}
@media (max-width: 767.98px) {
.repository.view.issue .comment-list {
padding:1rem 0!important
}
}
.repository.view.issue .ui.depending .item.is-closed .title {
text-decoration:line-through
}
.repository .comment.form .content .field:first-child {
clear:none
}
.repository .comment.form .content .form:before,
.repository .comment.form .content .form:after {
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:var(--color-secondary);
border-width:9px;
margin-top:-9px
}
.repository .comment.form .content .form:after {
border-right-color:var(--color-box-body);
border-width:8px;
margin-top:-8px
}
.repository.new.milestone textarea {
height:200px
}
.milestone-progress-big {
width:min(420px,96vw);
height:10px
}
.repository.compare.pull .show-form-container {
text-align:left
}
.repository .choose.branch {
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap
}
.repository .choose .compare-separator {
width:100%;
margin-top:-1rem;
text-align:center
}
.repository.compare.pull .comment.form .content:before,
.repository.compare.pull .comment.form .content:after {
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:var(--color-secondary);
border-width:9px;
margin-top:-9px
}
.repository.compare.pull .comment.form .content:after {
border-right-color:var(--color-box-body);
border-width:8px;
margin-top:-8px
}
.repository.compare.pull .pullrequest-form {
margin-top:16px;
margin-bottom:16px
}
.repository.compare.pull .markup {
font-size:14px
}
.repository.compare.pull .title .issue-title {
margin-bottom:.5rem
}
.repository.compare.pull .title .issue-title .index {
color:var(--color-text-light-2)
}
.repository.branches .commit-divergence .bar-group {
position:relative;
float:left;
padding-bottom:6px;
width:50%;
max-width:90px
}
.repository.branches .commit-divergence .bar-group:last-child {
border-left:1px solid var(--color-secondary-dark-2)
}
.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:var(--color-secondary-dark-2)
}
.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:var(--font-weight-normal);
padding:5px 10px
}
.repository #commits-table td:not(.message) {
white-space:nowrap
}
.repository #commits-table thead .sha {
width:200px
}
.repository #commits-table thead .shatd {
text-align:center
}
.repository #commits-table td.sha .sha.label {
margin:0
}
.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) {
background-color:var(--color-light)!important
}
.repository #commits-table td.sha .sha.label,
.repository #repo-files-table .sha.label,
.repository #repo-file-commit-box .sha.label,
.repository #rev-list .sha.label,
.repository .timeline-item.commits-list .singular-commit .sha.label {
border:1px solid var(--color-light-border)
}
.repository #commits-table td.sha .sha.label .ui.signature.avatar,
.repository #repo-files-table .sha.label .ui.signature.avatar,
.repository #repo-file-commit-box .sha.label .ui.signature.avatar,
.repository #rev-list .sha.label .ui.signature.avatar,
.repository .timeline-item.commits-list .singular-commit .sha.label .ui.signature.avatar {
height:16px;
margin-bottom:0;
width:16px
}
.repository #commits-table td.sha .sha.label .detail.icon,
.repository #repo-files-table .sha.label .detail.icon,
.repository #repo-file-commit-box .sha.label .detail.icon,
.repository #rev-list .sha.label .detail.icon,
.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon {
background:var(--color-light);
margin:-6px -10px -4px 0;
padding:5px 4px 5px 6px;
border-left:1px solid var(--color-light-border);
border-top:0;
border-right:0;
border-bottom:0;
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,
.repository #repo-file-commit-box .sha.label .detail.icon img,
.repository #rev-list .sha.label .detail.icon img,
.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon img {
margin-right:0
}
.repository #commits-table td.sha .sha.label .detail.icon .svg,
.repository #repo-files-table .sha.label .detail.icon .svg,
.repository #repo-file-commit-box .sha.label .detail.icon .svg,
.repository #rev-list .sha.label .detail.icon .svg,
.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon .svg {
margin:0 .25em 0 0
}
.repository #commits-table td.sha .sha.label .detail.icon>div,
.repository #repo-files-table .sha.label .detail.icon>div,
.repository #repo-file-commit-box .sha.label .detail.icon>div,
.repository #rev-list .sha.label .detail.icon>div,
.repository .timeline-item.commits-list .singular-commit .sha.label .detail.icon>div {
display:flex;
align-items:center
}
.repository #commits-table td.sha .sha.label.isSigned.isWarning,
.repository #repo-files-table .sha.label.isSigned.isWarning,
.repository #repo-file-commit-box .sha.label.isSigned.isWarning,
.repository #rev-list .sha.label.isSigned.isWarning,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isWarning {
border:1px solid var(--color-red-badge);
background:var(--color-red-badge-bg)
}
.repository #commits-table td.sha .sha.label.isSigned.isWarning .detail.icon,
.repository #repo-files-table .sha.label.isSigned.isWarning .detail.icon,
.repository #repo-file-commit-box .sha.label.isSigned.isWarning .detail.icon,
.repository #rev-list .sha.label.isSigned.isWarning .detail.icon,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isWarning .detail.icon {
border-left:1px solid var(--color-red-badge);
color:var(--color-red-badge)
}
.repository #commits-table td.sha .sha.label.isSigned.isWarning:hover,
.repository #repo-files-table .sha.label.isSigned.isWarning:hover,
.repository #repo-file-commit-box .sha.label.isSigned.isWarning:hover,
.repository #rev-list .sha.label.isSigned.isWarning:hover,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isWarning:hover {
background:var(--color-red-badge-hover-bg)!important
}
.repository #commits-table td.sha .sha.label.isSigned.isVerified,
.repository #repo-files-table .sha.label.isSigned.isVerified,
.repository #repo-file-commit-box .sha.label.isSigned.isVerified,
.repository #rev-list .sha.label.isSigned.isVerified,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified {
border:1px solid var(--color-green-badge);
background:var(--color-green-badge-bg)
}
.repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon,
.repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon,
.repository #repo-file-commit-box .sha.label.isSigned.isVerified .detail.icon,
.repository #rev-list .sha.label.isSigned.isVerified .detail.icon,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .detail.icon {
border-left:1px solid var(--color-green-badge);
color:var(--color-green-badge)
}
.repository #commits-table td.sha .sha.label.isSigned.isVerified:hover,
.repository #repo-files-table .sha.label.isSigned.isVerified:hover,
.repository #repo-file-commit-box .sha.label.isSigned.isVerified:hover,
.repository #rev-list .sha.label.isSigned.isVerified:hover,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified:hover {
background:var(--color-green-badge-hover-bg)!important
}
.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted,
.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted,
.repository #repo-file-commit-box .sha.label.isSigned.isVerifiedUntrusted,
.repository #rev-list .sha.label.isSigned.isVerifiedUntrusted,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUntrusted {
border:1px solid var(--color-yellow-badge);
background:var(--color-yellow-badge-bg)
}
.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted .detail.icon,
.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted .detail.icon,
.repository #repo-file-commit-box .sha.label.isSigned.isVerifiedUntrusted .detail.icon,
.repository #rev-list .sha.label.isSigned.isVerifiedUntrusted .detail.icon,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUntrusted .detail.icon {
border-left:1px solid var(--color-yellow-badge);
color:var(--color-yellow-badge)
}
.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted:hover,
.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted:hover,
.repository #repo-file-commit-box .sha.label.isSigned.isVerifiedUntrusted:hover,
.repository #rev-list .sha.label.isSigned.isVerifiedUntrusted:hover,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUntrusted:hover {
background:var(--color-yellow-badge-hover-bg)!important
}
.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched,
.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched,
.repository #repo-file-commit-box .sha.label.isSigned.isVerifiedUnmatched,
.repository #rev-list .sha.label.isSigned.isVerifiedUnmatched,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUnmatched {
border:1px solid var(--color-orange-badge);
background:var(--color-orange-badge-bg)
}
.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched .detail.icon,
.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched .detail.icon,
.repository #repo-file-commit-box .sha.label.isSigned.isVerifiedUnmatched .detail.icon,
.repository #rev-list .sha.label.isSigned.isVerifiedUnmatched .detail.icon,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUnmatched .detail.icon {
border-left:1px solid var(--color-orange-badge);
color:var(--color-orange-badge)
}
.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched:hover,
.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched:hover,
.repository #repo-file-commit-box .sha.label.isSigned.isVerifiedUnmatched:hover,
.repository #rev-list .sha.label.isSigned.isVerifiedUnmatched:hover,
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUnmatched:hover {
background:var(--color-orange-badge-hover-bg)!important
}
.repository .data-table {
width:100%
}
.repository .data-table tr {
border-top:0
}
.repository .data-table td,
.repository .data-table th {
padding:5px!important;
overflow:hidden;
font-size:12px;
text-align:left;
white-space:nowrap;
border:1px solid var(--color-secondary)
}
.repository .data-table tr:first-child :is(td,
th) {
border-top:none!important
}
.repository .data-table tr:last-child :is(td,
th) {
border-bottom:none!important
}
.repository .data-table tr :is(td,
th):first-child {
border-left:none!important
}
.repository .data-table tr :is(td,
th):last-child {
border-right:none!important
}
.repository .data-table td {
white-space:pre-line
}
.repository .data-table th {
font-weight:var(--font-weight-semibold);
background:var(--color-box-header);
border-top:0
}
.repository .data-table td.added,
.repository .data-table th.added,
.repository .data-table tr.added {
background-color:var(--color-diff-added-row-bg)!important
}
.repository .data-table td.removed,
.repository .data-table th.removed,
.repository .data-table tr.removed {
background-color:var(--color-diff-removed-row-bg)!important
}
.repository .data-table td.moved,
.repository .data-table th.moved,
.repository .data-table tr.moved {
background-color:var(--color-diff-moved-row-bg)!important
}
.repository .data-table tbody.section {
border-top:2px solid var(--color-secondary)
}
.repository .data-table .line-num {
width:1%;
min-width:50px;
font-family:monospace;
line-height:20px;
color:var(--color-text-light-1);
white-space:nowrap;
vertical-align:top;
cursor:pointer;
text-align:right;
background:var(--color-body);
border:0
}
.repository .diff-detail-box {
display:flex;
justify-content:space-between;
align-items:center;
position:sticky;
top:0;
z-index:8;
padding:7px 5px;
margin:0 -5px;
height:44px;
background:var(--color-body)
}
@media (max-width: 480px) {
.repository .diff-detail-box {
flex-wrap:wrap
}
}
.repository .diff-detail-box .diff-detail-stats strong {
margin-left:.25rem;
margin-right:.25rem
}
.repository .diff-detail-box .diff-detail-stats strong:nth-of-type(1) {
color:var(--color-yellow)
}
.repository .diff-detail-box .diff-detail-stats strong:nth-of-type(2) {
color:var(--color-green)
}
.repository .diff-detail-box .diff-detail-stats strong:nth-of-type(3) {
color:var(--color-red)
}
@media (max-width: 800px) {
.repository .diff-detail-box .diff-detail-stats {
display:none!important
}
}
.diff-detail-actions {
display:flex;
align-items:center;
justify-content:end
}
.diff-detail-actions>*,
.diff-detail-actions .button {
margin-left:0!important;
margin-right:0!important
}
.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:var(--color-yellow)
}
.repository .diff-detail-box span.status.add {
background-color:var(--color-green)
}
.repository .diff-detail-box span.status.del {
background-color:var(--color-red)
}
.repository .diff-detail-box span.status.rename {
background-color:var(--color-teal)
}
.repository .diff-detail-box .ui.button {
padding:0 1.125em;
height:30px
}
.repository .diff-box .header:not(.resolved-placeholder) {
display:flex;
align-items:center
}
.repository .diff-box .header:not(.resolved-placeholder) .file {
min-width:0
}
.repository .diff-box .header:not(.resolved-placeholder) .file .file-link {
max-width:fit-content;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden
}
.repository .diff-box .header:not(.resolved-placeholder) .button {
padding:0 1.125em;
flex:0 0 auto;
margin-right:0;
height:30px
}
.repository .diff-box .resolved-placeholder {
display:flex;
align-items:center;
font-size:14px!important;
height:36px;
padding-top:0;
padding-bottom:0
}
.repository .diff-box .resolved-placeholder .button {
padding:8px 12px
}
.repository .diff-file-box .header {
background-color:var(--color-box-header)
}
.repository .diff-file-box .file-body.file-code {
background:var(--color-code-bg)
}
.repository .diff-file-box .file-body.file-code .lines-num {
text-align:right;
width:1%;
min-width:50px
}
.repository .diff-file-box .file-body.file-code .lines-num span.fold {
display:block;
text-align:center
}
.repository .diff-file-box .code-diff td {
padding:0 0 0 10px!important;
border-top:0
}
.repository .diff-file-box .code-diff .lines-num {
padding:0 5px!important
}
.repository .diff-file-box .code-diff .tag-code .lines-num,
.repository .diff-file-box .code-diff .tag-code td {
padding:0!important
}
.repository .diff-file-box .code-diff table {
table-layout:fixed
}
.repository .diff-file-box .code-diff tbody tr td.lines-num,
.repository .diff-file-box .code-diff tbody tr td.lines-escape,
.repository .diff-file-box .code-diff tbody tr td.lines-type-marker {
white-space:nowrap
}
.repository .diff-file-box .code-diff tbody tr td.center {
text-align:center
}
.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
}
.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-split .tag-code .lines-code code.code-inner {
padding-left:10px!important
}
.repository .diff-file-box .code-diff-split table,
.repository .diff-file-box .code-diff-split tbody {
width:100%
}
.repository .diff-file-box.file-content {
clear:right
}
.repository .diff-file-box.file-content .image-diff img {
max-width:100%;
padding:0;
border-radius:0
}
.repository .diff-file-box .ui.bottom.attached.table.segment {
padding-top:5px;
padding-bottom:5px
}
.diff-file-box {
border:1px solid transparent;
border-radius:var(--border-radius);
scroll-margin-top:47px
}
.file.editor .diff-file-box,
.file.editor .diff-file-box .ui.attached.table {
border:none
}
.diff-file-box .ui.attached.header,
.diff-file-box .ui.attached.table {
margin:0;
width:initial;
max-width:initial
}
.repository .diff-stats {
clear:both;
margin-bottom:5px;
max-height:200px;
height:fit-content;
overflow:auto;
padding-left:0
}
.repository .diff-stats li {
list-style:none;
padding-bottom:4px;
margin-bottom:4px;
padding-left:6px
}
.repository .diff-stats li+li {
border-top:1px solid var(--color-secondary)
}
.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:var(--font-weight-normal)
}
.repository.quickstart .guide #repo-clone-url {
border-radius:0;
padding:5px 10px;
font-size:1.2em;
line-height:1.4;
flex:1
}
.empty-placeholder {
display:flex;
flex-direction:column;
align-items:center;
padding-top:40px;
padding-bottom:40px
}
.repository.packages .file-size {
white-space:nowrap
}
.file-view.markup {
padding:2em
}
.repository .activity-header {
display:flex;
justify-content:space-between;
gap:8px;
flex-wrap:wrap
}
.repository.settings.branches .branch-protection .ui.checkbox .help,
.repository.settings.branches .branch-protection .checkbox-sub-item {
padding-left:26px
}
.repository.settings.branches .branch-protection .status-check-matched-mark {
font-weight:var(--font-weight-semibold);
font-style:italic
}
.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 var(--color-error-border);
border-right:1px solid var(--color-error-border)
}
.repository .ui.attached.isSigned.isWarning.top,
.repository .ui.attached.isSigned.isWarning.message {
border-top:1px solid var(--color-error-border)
}
.repository .ui.attached.isSigned.isWarning.message {
box-shadow:none;
background-color:var(--color-error-bg);
color:var(--color-error-text)
}
.repository .ui.attached.isSigned.isWarning.message .ui.text {
color:var(--color-error-text)
}
.repository .ui.attached.isSigned.isWarning:last-child,
.repository .ui.attached.isSigned.isWarning.bottom {
border-bottom:1px solid var(--color-error-border)
}
.repository .ui.attached.isSigned.isVerified {
border-left:1px solid var(--color-success-border);
border-right:1px solid var(--color-success-border)
}
.repository .ui.attached.isSigned.isVerified.top,
.repository .ui.attached.isSigned.isVerified.message {
border-top:1px solid var(--color-success-border)
}
.repository .ui.attached.isSigned.isVerified.message {
box-shadow:none;
background-color:var(--color-success-bg);
color:var(--color-success-text)
}
.repository .ui.attached.isSigned.isVerified.message .pull-right {
color:var(--color-text)
}
.repository .ui.attached.isSigned.isVerified.message .ui.text {
color:var(--color-success-text)
}
.repository .ui.attached.isSigned.isVerified:last-child,
.repository .ui.attached.isSigned.isVerified.bottom {
border-bottom:1px solid var(--color-success-border)
}
.repository .ui.attached.isSigned.isVerifiedUntrusted,
.repository .ui.attached.isSigned.isVerifiedUnmatched {
border-left:1px solid var(--color-warning-border);
border-right:1px solid var(--color-warning-border)
}
.repository .ui.attached.isSigned.isVerifiedUntrusted.top,
.repository .ui.attached.isSigned.isVerifiedUnmatched.top,
.repository .ui.attached.isSigned.isVerifiedUntrusted.message,
.repository .ui.attached.isSigned.isVerifiedUnmatched.message {
border-top:1px solid var(--color-warning-border)
}
.repository .ui.attached.isSigned.isVerifiedUntrusted.message,
.repository .ui.attached.isSigned.isVerifiedUnmatched.message {
box-shadow:none;
background-color:var(--color-warning-bg);
color:var(--color-warning-text)
}
.repository .ui.attached.isSigned.isVerifiedUntrusted.message .ui.text,
.repository .ui.attached.isSigned.isVerifiedUnmatched.message .ui.text {
color:var(--color-warning-text)
}
.repository .ui.attached.isSigned.isVerifiedUntrusted:last-child,
.repository .ui.attached.isSigned.isVerifiedUnmatched:last-child,
.repository .ui.attached.isSigned.isVerifiedUntrusted.bottom,
.repository .ui.attached.isSigned.isVerifiedUnmatched.bottom {
border-bottom:1px solid var(--color-warning-border)
}
.repository .release-tag-name .ui.label.isSigned,
.repository .release-list-title .ui.label.isSigned {
padding:0 .5em;
box-shadow:none
}
.repository .release-tag-name .ui.label.isSigned .avatar,
.repository .release-list-title .ui.label.isSigned .avatar {
margin-left:.5rem
}
.repository .release-tag-name .ui.label.isSigned.isVerified,
.repository .release-list-title .ui.label.isSigned.isVerified {
border:1px solid var(--color-success-border);
background-color:var(--color-success-bg);
color:var(--color-success-text)
}
.repository .release-tag-name .ui.label.isSigned.isWarning,
.repository .release-list-title .ui.label.isSigned.isWarning {
border:1px solid var(--color-warning-border);
background-color:var(--color-warning-bg);
color:var(--color-warning-text)
}
.repository .segment.reactions.dropdown .menu,
.repository .select-reaction.dropdown .menu {
right:0!important;
left:auto!important;
min-width:170px
}
.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;
margin:4px;
font-size:20px;
width:34px;
height:34px;
min-height:0!important;
border-radius:var(--border-radius);
display:flex!important;
align-items:center;
justify-content:center
}
.repository .segment.reactions {
padding:0;
display:flex;
border:none!important;
border-top:1px solid var(--color-secondary)!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
border-radius:0 0 var(--border-radius) var(--border-radius)
}
.repository .segment.reactions .ui.label {
max-height:40px;
padding:8px 16px!important;
display:flex!important;
align-items:center;
border:0;
border-right:1px solid;
border-radius:0;
margin:0;
font-size:12px;
font-weight:var(--font-weight-normal);
border-color:var(--color-secondary)!important;
background:var(--color-reaction-bg)
}
.repository .segment.reactions .ui.label:first-of-type {
border-bottom-left-radius:3px
}
.repository .segment.reactions .ui.label.disabled {
cursor:default;
opacity:1
}
.repository .segment.reactions .ui.label.basic.primary {
color:var(--color-primary)!important;
background-color:var(--color-reaction-active-bg)!important;
border-color:var(--color-secondary-dark-1)!important
}
.repository .segment.reactions .ui.label.basic:hover {
background-color:var(--color-reaction-hover-bg)!important
}
.repository .segment.reactions .reaction-count {
margin-left:.5rem
}
.repository .segment.reactions .select-reaction {
display:flex;
align-items:center
}
.repository .segment.reactions .select-reaction a {
padding:0 14px
}
.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
}
.repository .repository-summary {
box-shadow:none
}
.repository .repository-summary .segment.sub-menu {
border:none;
display:flex;
align-items:center;
padding:0;
overflow:hidden
}
.repository .repository-summary .sub-menu .item {
flex:1;
height:30px;
line-height:var(--line-height-default);
display:flex;
align-items:center;
justify-content:center;
gap:.25em;
padding:0 .5em;
text-decoration:none
}
.repository .repository-summary .sub-menu .item.active {
background:var(--color-secondary)
}
.repository .repository-summary .segment.language-stats {
display:flex;
gap:2px;
padding:0;
height:10px;
white-space:nowrap;
border-radius:0 0 3px 3px!important;
overflow:hidden
}
#cite-repo-modal #citation-panel {
display:flex;
width:100%
}
#cite-repo-modal #citation-panel input {
border-radius:0;
padding:5px 10px;
width:50%;
line-height:1.4
}
#cite-repo-modal #citation-panel #citation-copy-content {
border-radius:0;
padding:5px 10px;
font-size:1.2em;
line-height:1.4;
flex:1
}
#cite-repo-modal #citation-panel #citation-copy-bibtex {
font-size:13px;
padding:7.5px 5px;
border-right:none
}
#cite-repo-modal #citation-panel #goto-citation-btn {
border-left:none
}
#cite-repo-modal #citation-panel>:first-child {
border-radius:var(--border-radius) 0 0 var(--border-radius)!important
}
#cite-repo-modal #citation-panel>:last-child {
border-radius:0 var(--border-radius) var(--border-radius) 0!important
}
#cite-repo-modal #citation-panel .icon.button {
padding:0 10px
}
.user-cards .list {
padding:0;
display:flex;
flex-wrap:wrap;
margin:10px 0
}
.user-cards .list .item {
list-style:none;
width:31%;
margin:15px 15px 0 0;
padding: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:var(--font-weight-normal)
}
.user-cards .list .item .meta {
margin-top:5px
}
#search-user-box .results .result .image {
order:0;
margin-right:12px;
width:2em;
height:2em;
min-width:2em;
min-height:2em
}
#search-user-box .results .result .content {
margin:0
}
.ui.menu .item>img:not(.ui) {
width:auto
}
.page.buttons {
padding-top:15px
}
.commit-header-row,
.tag-signature-row {
min-height:50px!important;
padding-top:0!important;
padding-bottom:0!important
}
.ui.attached.message.tag-signature-row {
border-radius:var(--border-radius)
}
.tag-signature-row div {
margin-top:auto!important;
margin-bottom:auto!important;
display:inline-block!important
}
.commit-header-buttons {
display:flex;
gap:4px;
align-items:flex-start;
white-space:nowrap
}
@media (max-width: 767.98px) {
.commit-header-buttons {
flex-direction:column;
align-items:stretch
}
}
.settings.webhooks .list>.item:not(:first-child),
.settings.githooks .list>.item:not(:first-child),
.settings.actions .list>.item:not(:first-child) {
padding:.25rem 1rem;
margin:12px -1rem -1rem
}
.settings .list>.item:not(:first-child) {
border-top:1px solid var(--color-secondary);
padding:1rem;
margin:16px -1rem -1rem
}
.settings .list>.item>.svg {
display:table-cell
}
.settings .list>.item>.svg+.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
}
.ui.vertical.menu .header.item {
font-size:1.1em;
background:var(--color-box-header)
}
.comment:target .comment-container {
border-color:var(--color-primary)!important;
box-shadow:0 0 0 3px var(--color-primary-alpha-30)!important
}
.comment:target .header:before {
border-right-color:var(--color-primary)!important;
filter:drop-shadow(-3px 0 0 var(--color-primary-alpha-30))!important
}
.code-comment:target,
.diff-file-box:target {
border-color:var(--color-primary)!important;
border-radius:var(--border-radius)!important;
box-shadow:0 0 0 3px var(--color-primary-alpha-30)!important
}
.code-comment:target .content {
box-shadow:none!important
}
.comment-header {
border:none!important;
background:var(--color-box-header);
border-bottom:1px solid var(--color-secondary)!important;
font-weight:var(--font-weight-normal)!important;
padding:.5rem 1rem;
margin:0!important;
position:relative;
color:var(--color-text);
min-height:var(--repo-header-issue-min-height);
background-color:var(--color-box-header);
display:flex;
justify-content:space-between;
align-items:center
}
.comment-header:before,
.comment-header:after {
right:100%;
top:20px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none
}
.comment-header:before {
border-right-color:var(--color-secondary);
border-width:9px;
margin-top:-9px
}
.comment-header:after {
border-right-color:var(--color-box-header);
border-width:8px;
margin-top:-8px
}
.comment-header.arrow-top:before,
.comment-header.arrow-top:after {
transform:rotate(90deg)
}
.comment-header.arrow-top:before {
top:-9px;
left:6px
}
.comment-header.arrow-top:after {
top:-8px;
left:7px
}
.comment-header .actions a:not(.label) {
padding:.5rem!important
}
.comment-header .actions .label {
margin:0!important
}
.comment-header-left,
.comment-header-right {
gap:4px
}
.comment-body {
background:var(--color-box-body);
border:none!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:1em
}
.edit-label.modal .form .column,
.new-label.modal .form .column {
padding-right:0
}
.edit-label.modal .form .buttons,
.new-label.modal .form .buttons {
margin-left:auto;
padding-top:15px
}
.stats-table {
display:table;
width:100%;
margin:6px 0;
border-spacing:2px
}
.stats-table .table-cell {
display:table-cell
}
.stats-table .table-cell.tiny {
height:8px
}
.stats-table .table-cell:first-child {
border-top-left-radius:4px;
border-bottom-left-radius:4px
}
.stats-table .table-cell:last-child {
border-top-right-radius:4px;
border-bottom-right-radius:4px
}
.labels-list {
display:inline-flex;
flex-wrap:wrap;
gap:2.5px;
align-items:center
}
.labels-list .label {
padding:0 6px;
min-height:20px;
line-height:1.3
}
.ui.label.scope-parent {
background:none!important;
padding:0!important;
gap:0!important
}
.ui.label.scope-left {
border-bottom-right-radius:0;
border-top-right-radius:0;
margin-right:0
}
.ui.label.scope-right {
border-bottom-left-radius:0;
border-top-left-radius:0;
margin-left:0
}
.archived-label {
filter:grayscale(.25) saturate(.75)
}
.repo-button-row {
margin:10px 0;
display:flex;
align-items:center;
gap:.5em;
flex-wrap:wrap;
justify-content:space-between
}
.repo-button-row .button {
padding:6px 10px!important;
height:30px
}
.repo-button-row .button.dropdown:not(.icon) {
padding-right:22px!important
}
.repo-button-row input {
height:30px
}
tbody.commit-list {
vertical-align:baseline
}
.message-wrapper,
.author-wrapper {
overflow:hidden;
text-overflow:ellipsis;
max-width:100%;
display:inline-block;
vertical-align:middle
}
.author-wrapper {
max-width:180px;
align-self:center;
white-space:nowrap
}
.commit-list .message-wrapper {
display:inline;
overflow-wrap:anywhere
}
#repo-files-table .commit-list .message-wrapper {
display:inline-block
}
@media (max-width: 767.98px) {
tr.commit-list {
width:100%
}
.author-wrapper {
max-width:80px
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
tr.commit-list {
width:723px
}
}
@media (min-width: 992px) and (max-width: 1200px) {
tr.commit-list {
width:933px
}
}
@media (min-width: 1201px) {
tr.commit-list {
width:1127px
}
}
.commit-body {
margin:.25em 0;
white-space:pre-wrap;
overflow-wrap:anywhere;
line-height:initial
}
.git-notes.top {
text-align:left
}
.comment-diff-data {
background:var(--color-code-bg);
min-height:12em;
max-height:calc(100vh - 10.5rem);
overflow-y:auto;
tab-size:4
}
.comment-diff-data pre {
line-height:18px;
margin:1em;
white-space:pre-wrap;
word-break:break-all;
overflow-wrap:break-word
}
.content-history-detail-dialog .header .avatar {
position:relative;
top:-2px
}
#repo-topics .repo-topic {
font-weight:var(--font-weight-normal);
cursor:pointer;
margin:0
}
#new-dependency-drop-list.ui.selection.dropdown {
min-width:0;
width:100%;
border-radius:var(--border-radius) 0 0 var(--border-radius);
border-right:0;
white-space:nowrap
}
#new-dependency-drop-list .text {
width:100%;
overflow:hidden
}
.tag-code {
height:28px
}
.tag-code,
.tag-code td,
.tag-code .blob-excerpt {
background-color:var(--color-box-body-highlight);
vertical-align:middle
}
.resolved-placeholder {
font-weight:var(--font-weight-normal)!important;
border:1px solid var(--color-secondary)!important;
border-radius:var(--border-radius)!important;
margin:4px!important
}
.resolved-placeholder+.comment-code-cloud {
padding-top:0!important
}
.blob-excerpt {
background-color:var(--color-secondary-alpha-30)
}
.issue-keyword {
border-bottom:1px dotted var(--color-text-light-3)!important
}
.issue-keyword:hover {
border-bottom:none!important
}
.file-header {
align-items:center;
display:flex;
justify-content:space-between;
overflow-x:auto;
padding:6px 12px!important;
font-size:13px!important
}
.file-info {
display:flex;
align-items:center
}
.file-info-entry {
display:flex;
align-items:center;
width:max-content
}
.file-info-entry+.file-info-entry {
border-left:1px solid currentcolor;
margin-left:8px;
padding-left:8px
}
#diff-container {
display:flex
}
#diff-file-boxes {
flex:1;
max-width:100%;
display:flex;
flex-direction:column;
gap:8px
}
#diff-file-tree {
flex:0 0 20%;
max-width:380px;
line-height:inherit;
position:sticky;
padding-top:0;
top:47px;
max-height:calc(100vh - 47px);
height:100%;
overflow-y:auto
}
.ui.message.unicode-escape-prompt {
margin-bottom:0;
border-radius:0;
display:flex;
flex-direction:column
}
.ui.buttons .unescape-button {
border-top-right-radius:.28571429rem;
border-bottom-right-radius:.28571429rem
}
.webhook-info {
padding:7px 12px;
margin:10px 0;
background-color:var(--color-markup-code-block);
border:1px solid var(--color-secondary);
border-radius:var(--border-radius);
font-size:13px;
line-height:1.5;
overflow:auto
}
.title_wip_desc {
margin-top:1em
}
.sidebar-item-link {
display:inline-flex;
align-items:center;
word-break:break-all
}
.diff-file-header {
padding:5px 8px!important
}
.diff-file-box[data-folded=true] .diff-file-body {
display:none
}
.diff-file-box[data-folded=true] .diff-file-header {
border-radius:var(--border-radius)!important
}
.ui.attached.header.diff-file-header.sticky-2nd-row {
position:sticky;
top:44px;
z-index:7
}
.diff-file-name {
flex:auto;
min-width:100px
}
.diff-file-name .ui.label {
margin-left:0!important
}
.diff-stats-bar {
display:inline-block;
background-color:var(--color-red);
height:12px;
width:44px
}
.diff-stats-bar .diff-stats-add-bar {
background-color:var(--color-green);
height:100%
}
.ui.form .right .ui.button {
margin-left:.25em;
margin-right:0
}
.removed-code {
background:var(--color-diff-removed-word-bg)
}
.added-code {
background:var(--color-diff-added-word-bg)
}
.code-diff-unified .del-code,
.code-diff-unified .del-code td,
.code-diff-split .del-code .lines-num-old,
.code-diff-split .del-code .lines-escape-old,
.code-diff-split .del-code .lines-type-marker-old,
.code-diff-split .del-code .lines-code-old {
background:var(--color-diff-removed-row-bg);
border-color:var(--color-diff-removed-row-border)
}
.code-diff-unified .add-code,
.code-diff-unified .add-code td,
.code-diff-split .add-code .lines-num-new,
.code-diff-split .add-code .lines-type-marker-new,
.code-diff-split .add-code .lines-escape-new,
.code-diff-split .add-code .lines-code-new,
.code-diff-split .del-code .add-code.lines-num-new,
.code-diff-split .del-code .add-code.lines-type-marker-new,
.code-diff-split .del-code .add-code.lines-escape-new,
.code-diff-split .del-code .add-code.lines-code-new {
background:var(--color-diff-added-row-bg);
border-color:var(--color-diff-added-row-border)
}
.code-diff-split .del-code .lines-num-new,
.code-diff-split .del-code .lines-type-marker-new,
.code-diff-split .del-code .lines-code-new,
.code-diff-split .del-code .lines-escape-new,
.code-diff-split .add-code .lines-num-old,
.code-diff-split .add-code .lines-escape-old,
.code-diff-split .add-code .lines-type-marker-old,
.code-diff-split .add-code .lines-code-old {
background:var(--color-diff-inactive)
}
.code-diff-split tbody tr td:nth-child(5),
.code-diff-split tbody tr td.add-comment-right {
border-left:1px solid var(--color-secondary)
}
.migrate-entries {
display:grid!important;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin:0!important
}
@media (max-width: 767.98px) {
.migrate-entries {
grid-template-columns:repeat(1,1fr)
}
}
.migrate-entry {
transition:all .1s ease-in-out;
box-shadow:none!important;
border:1px solid var(--color-secondary);
color:var(--color-text)!important;
width:auto!important;
margin:0!important
}
.migrate-entry:hover {
transform:scale(105%);
box-shadow:0 .5rem 1rem var(--color-shadow)!important
}
.migrate-entry .description {
text-wrap:balance
}
.commits-table .commits-table-right form {
display:flex;
align-items:center;
gap:.75em;
justify-content:center;
flex-wrap:wrap
}
@media (max-width: 767.98px) {
.repository.file.list #repo-files-table .entry,
.repository.file.list #repo-files-table .commit-list {
align-items:center;
display:flex!important;
padding-top:4px;
padding-bottom:4px
}
.repository.file.list #repo-files-table .entry td.age,
.repository.file.list #repo-files-table .commit-list td.age,
.repository.file.list #repo-files-table .entry th.age,
.repository.file.list #repo-files-table .commit-list th.age {
margin-left:auto
}
.repository.file.list #repo-files-table .entry td.message,
.repository.file.list #repo-files-table .commit-list td.message,
.repository.file.list #repo-files-table .entry span.commit-summary,
.repository.file.list #repo-files-table .commit-list tr span.commit-summary {
display:none!important
}
.repository.view.issue .comment-list .timeline,
.repository.view.issue .comment-list .timeline-item {
margin-left:0
}
.repository.view.issue .comment-list .timeline:before {
left:14px
}
.repository.view.issue .comment-list .timeline .inline-timeline-avatar {
display:flex;
margin-bottom:auto;
margin-left:6px;
margin-right:2px
}
.repository.view.issue .comment-list .timeline .comment-header {
padding-left:4px
}
.repository.view.issue .comment-list .timeline .comment-header:before,
.repository.view.issue .comment-list .timeline .comment-header:after {
content:unset
}
.repository.view.issue .comment-list .timeline .timeline-avatar,
.repository.view.issue .comment-list .timeline .comment-header-right .role-label {
display:none
}
.commit-header-row .ui.horizontal.list {
width:100%;
overflow-x:auto;
margin-top:2px
}
.commit-header-row .ui.horizontal.list .item {
align-items:center;
display:flex
}
.commit-header-row .author {
padding:3px 0
}
.commit-header h3 {
flex-basis:auto!important;
margin-bottom:.5rem!important
}
.commits-table {
flex-direction:column
}
.commits-table .commits-table-left {
align-items:initial!important;
margin-bottom:6px
}
.commits-table .commits-table-right form>div:nth-child(1) {
order:1
}
.commits-table .commits-table-right form>div:nth-child(2) {
order:3
}
.commits-table .commits-table-right form>button:nth-child(3) {
order:2
}
.commit-table {
overflow-x:auto
}
.commit-table td.sha,
.commit-table th.sha {
display:none!important
}
.comment-header,
.comment-header .comment-header-left {
flex-wrap:wrap
}
.comment-header .comment-header-right {
margin-left:auto
}
}
.branch-dropdown-button {
max-width:340px;
vertical-align:bottom!important
}
@media (min-width: 768px) and (max-width: 991.98px) {
.branch-dropdown-button {
max-width:185px
}
}
@media (max-width: 767.98px) {
.branch-dropdown-button {
max-width:165px
}
}
.commit-status-header {
border:none!important;
border-bottom:1px solid var(--color-secondary)!important;
margin:0 0 -1px!important
}
.commit-status-list {
max-height:240px;
overflow-x:hidden;
transition:max-height .2s
}
.commit-status-item {
height:40px;
padding:0 10px;
display:flex;
gap:8px;
align-items:center
}
.commit-status-item+.commit-status-item {
border-top:1px solid var(--color-secondary)
}
.commit-status-item .commit-status {
flex-shrink:0
}
.commit-status-item .status-context {
color:var(--color-text);
flex:1
}
.commit-status-item .status-details {
display:flex;
align-items:center;
justify-content:flex-end;
gap:8px
}
@media (max-width: 767.98px) {
.commit-status-item .status-details {
flex-direction:column;
align-items:flex-end;
justify-content:center
}
}
.commit-status-item .status-details>span {
padding-right:.5em
}
.search-fullname {
color:var(--color-text-light-2)
}
#issue-pins {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
margin-bottom:8px
}
@media (max-width: 767.98px) {
#issue-pins {
grid-template-columns:repeat(1,1fr)
}
}
#cherry-pick-modal .scrolling.menu {
max-height:200px
}
.repository .issue-content .issue-content-right .ui.grid .column.row {
padding:10px 10px 0
}
.repository .issue-content .issue-content-right .ui.grid .column.muted {
padding:0
}
.repository .issue-content .issue-content-right .ui.grid .column.muted .text {
display:inline-block;
padding:10px;
width:100%;
text-align:center;
border:1px solid transparent;
border-bottom:none
}
.repository .issue-content .issue-content-right .ui.grid .column.muted .text.black {
border-color:var(--color-secondary);
background:var(--color-menu);
border-top-left-radius:var(--border-radius);
border-top-right-radius:var(--border-radius)
}
.repository .issue-content .issue-content-right .ui.dropdown .scrolling.menu {
border-top:none
}
.repository .issue-content .issue-content-right .branch-tag-divider {
margin-top:-1px;
border-top:1px solid var(--color-secondary)
}
#issue-info-popup .emoji {
font-size:inherit;
line-height:inherit
}
#repo-activity-top-authors-chart {
height:150px
}
.repository.releases #release-list {
margin-top:12px;
padding-top:12px;
padding-left:0
}
.repository.releases #release-list .release-list-title {
font-size:2rem;
font-weight:var(--font-weight-normal);
display:flex;
align-items:center;
gap:.25em;
margin:0
}
.repository.releases #release-list>li .meta {
padding-top:25px;
position:relative;
text-align:right;
display:flex;
flex-direction:column;
gap:1em
}
.repository.releases #release-list>li .detail {
padding-bottom:20px;
border-left:1px solid var(--color-secondary)
}
.repository.releases #release-list>li .detail .author img {
margin-bottom:2px
}
.repository.releases #release-list>li .detail .download .list {
padding-left:0
}
.repository.releases #release-list>li .detail .download .list li {
background:var(--color-light);
border:1px solid var(--color-secondary);
border-top:none;
display:flex;
justify-content:space-between;
padding:8px
}
.repository.releases #release-list>li .detail .download .list :is(li:first-child,
.start-gap+hr+li) {
border-top:1px solid var(--color-secondary);
border-top-left-radius:var(--border-radius);
border-top-right-radius:var(--border-radius)
}
.repository.releases #release-list>li .detail .download .list :is(li:last-child,
.start-gap) {
border-bottom:1px solid var(--color-secondary);
border-bottom-left-radius:var(--border-radius);
border-bottom-right-radius:var(--border-radius)
}
.repository.releases #release-list>li .detail .download .list hr {
height:8px;
margin:0
}
.repository.releases #release-list>li .detail .dot {
width:10px;
height:10px;
background-color:var(--color-secondary-dark-3);
position:absolute;
left:-5.5px;
top:30px;
border-radius:var(--border-radius-full);
border:2.5px solid var(--color-body)
}
.repository.tags #tags-table .tag {
padding:8px 12px
}
.repository.tags #tags-table .release-tag-name {
font-size:18px;
font-weight:var(--font-weight-normal)
}
.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 .selection.dropdown {
padding-top:10px;
padding-bottom:10px
}
.repository.new.release .prerelease.field {
margin-bottom:0
}
@media (max-width: 438px) {
.repository.new.release .field button,
.repository.new.release .field input {
width:100%
}
}
@media (max-width: 767.98px) {
.repository.new.release .field button {
margin-bottom:1em
}
}
.repository.new.release .field .attachment_edit {
max-width:48em
}
.repository.new.release .markup {
min-height:240px
}
.issue-card {
display:flex;
flex-direction:column;
gap:4px;
align-items:stretch;
border-radius:var(--border-radius);
padding:8px 10px;
border:1px solid var(--color-secondary);
background:var(--color-card)
}
.issue-card-icon,
.issue-card-unpin {
margin-top:1px;
flex-shrink:0
}
.issue-card-title {
flex:1;
font-size:14px
}
.issue-card.sortable-chosen .issue-card-title {
cursor:inherit
}
.issue-card-bottom {
display:flex;
width:100%;
justify-content:space-between;
gap:.25em
}
.issue-card-assignees {
display:flex;
align-items:center;
gap:.25em;
justify-content:end;
flex-wrap:wrap
}
.issue-label-list {
list-style:none;
padding:0;
margin:0
}
.issue-label-list .item {
border-bottom:1px solid var(--color-secondary);
display:flex;
padding:1em 0;
margin:0
}
.issue-label-list .item:first-child {
padding-top:0
}
.issue-label-list .item:last-child {
border-bottom:none;
padding-bottom:0
}
.issue-label-list .item .label-title,
.issue-label-list .item .label-issues,
.issue-label-list .item .label-operation {
width:33%
}
.issue-label-list .item a {
font-size:12px;
padding-right:10px;
color:var(--color-text-light)
}
.issue-label-list .item.org-label {
opacity:.7
}
.label-operation .label {
height:fit-content
}
.archived-label-hint {
float:right;
margin:-12px
}
.issue-list-toolbar {
display:flex;
flex-wrap:wrap-reverse;
justify-content:space-between;
align-items:flex-start;
gap:1rem;
margin-top:1rem
}
.issue-list-toolbar-left {
display:flex;
align-items:center
}
.issue-list-toolbar-right .filter.menu {
flex-direction:row;
flex-wrap:wrap
}
.issue-list-new.button {
margin-right:0
}
.list-header-issues {
min-height:var(--repo-header-issue-min-height)
}
@media (max-width: 767.98px) {
.issue-list-navbar {
order:0
}
.issue-list-new {
order:1;
margin-left:auto!important
}
.issue-list-search {
order:2!important
}
.issue-list-toolbar-right .filter.menu {
flex-wrap:nowrap;
overflow-x:auto;
overflow-y:hidden
}
.issue-list-toolbar-right .filter.menu>.dropdown.item {
position:initial
}
.issue-list-toolbar-right {
position:relative;
width:100%
}
}
#issue-list .flex-item-body .branches {
display:inline-flex
}
#issue-list .flex-item-body .branches .branch {
background-color:var(--color-secondary-alpha-50);
border-radius:var(--border-radius);
padding:0 4px
}
#issue-list .flex-item-body .branches .truncated-name {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
max-width:200px;
display:inline-block;
vertical-align:top
}
#issue-list .flex-item-body .checklist progress {
margin-left:2px;
width:80px;
height:6px;
display:inline-block
}
#issue-list .flex-item-body .checklist progress::-webkit-progress-value {
background-color:var(--color-secondary-dark-4)
}
#issue-list .flex-item-body .checklist progress::-moz-progress-bar {
background-color:var(--color-secondary-dark-4)
}
.archived-label-filter {
margin-left:10px;
font-size:12px;
display:flex!important;
margin-bottom:8px;
min-width:fit-content
}
.list-header {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:.5rem
}
.list-header-sort {
display:flex;
align-items:center;
padding-left:1rem;
padding-right:1rem
}
.list-header-search {
display:flex;
flex:1;
align-items:center;
flex-wrap:wrap;
justify-content:center;
min-width:200px
}
.list-header-search .input {
flex:1
}
.small-menu-items {
min-height:35.4px!important;
background:none!important
}
.small-menu-items .item {
background:var(--color-menu)!important;
padding-top:6px!important;
padding-bottom:6px!important
}
.small-menu-items .item:hover {
background:var(--color-hover)!important
}
.small-menu-items .item.active {
background:var(--color-active)!important
}
@media (max-width: 767.98px) {
.list-header-search {
order:0
}
.list-header-toggle {
order:1
}
.list-header-sort {
order:2;
margin-left:auto
}
}
.code-view .lines-num:hover,
.file-preview .lines-num:hover {
color:var(--color-text-dark)!important
}
.code-line-button {
border:1px solid var(--color-secondary);
border-radius:var(--border-radius);
padding:1px 4px!important;
position:absolute;
font-family:var(--fonts-regular);
left:0;
transform:translate(calc(-50% + 6px));
cursor:pointer
}
.code-line-button:hover {
background:var(--color-secondary)!important
}
.repository.wiki .wiki-pages-list tr:hover {
background-color:var(--color-hover)
}
.repository.wiki .wiki-pages-list .wiki-git-entry {
margin-left:10px;
display:none
}
.repository.wiki .wiki-pages-list tr:hover .wiki-git-entry {
display:inline-block
}
.repository.wiki .markup {
overflow:visible
}
.repository.wiki .markup[data-tab-panel=markdown-previewer] {
min-height:340px
}
.repository.wiki .wiki-content-parts .markup {
border:1px solid var(--color-secondary);
border-radius:var(--border-radius);
padding:1em;
margin-top:1em;
font-size:1em
}
.repository.wiki .wiki-content-main.with-sidebar {
float:left;
width:80%;
max-width:calc(100% - 150px - 1em)
}
.repository.wiki .wiki-content-sidebar {
float:right;
width:calc(20% - 1em);
min-width:150px
}
.repository.wiki .wiki-content-sidebar .ui.message.unicode-escape-prompt p {
display:none
}
.repository.wiki .wiki-content-footer {
margin-top:1em
}
.repository.wiki .wiki-content-toc ul {
margin:0;
list-style:none;
padding:5px 0 5px 1em
}
.repository.wiki .wiki-content-toc ul ul {
border-left:1px var(--color-secondary);
border-left-style:dashed
}
@media (max-width: 767.98px) {
.repository.wiki .clone-panel #repo-clone-url {
width:160px
}
.repository.wiki .wiki-content-main.with-sidebar,
.repository.wiki .wiki-content-sidebar {
float:none;
width:100%;
min-width:unset;
max-width:unset
}
}
.repository .secondary-nav {
padding-top:12px
}
.repository .secondary-nav .fork-flag {
margin-top:.5rem;
font-size:12px
}
.repo-header {
display:flex;
flex-flow:row wrap;
justify-content:space-between;
gap:.5rem;
margin-bottom:4px
}
.repo-header .flex-item {
padding:0
}
.repo-header .flex-item-main {
flex:0;
flex-basis:unset
}
.repo-header .flex-item-trailing {
flex-wrap:nowrap
}
.repo-buttons {
align-items:center;
display:flex;
flex-flow:row wrap;
word-break:keep-all
}
.repo-buttons .ui.labeled.button>.label:hover {
color:var(--color-primary-light-2);
background:var(--color-light)
}
.repo-buttons button[disabled]~.label {
opacity:var(--opacity-disabled);
color:var(--color-text-dark);
background:var(--color-light-mimic-enabled)!important
}
.repo-buttons button[disabled]~.label:hover {
color:var(--color-primary-dark-1)
}
.repo-buttons .ui.labeled.button.disabled {
pointer-events:inherit!important
}
.repo-buttons .ui.labeled.button.disabled>.label {
color:var(--color-text-dark);
background:var(--color-light-mimic-enabled)!important
}
.repo-buttons .ui.labeled.button.disabled>.label:hover {
color:var(--color-primary-dark-1)
}
.repo-buttons .ui.labeled.button.disabled>.button {
pointer-events:none!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
}
.repo-editor-header {
display:flex;
margin:1rem 0;
padding:3px 0
}
.editor-toolbar {
border-color:var(--color-secondary)
}
.editor-toolbar.fullscreen {
background:var(--color-body)
}
.editor-toolbar button {
border:none!important;
color:var(--color-text-light)
}
.editor-toolbar button:not(:hover) {
background-color:transparent!important
}
.editor-toolbar i.separator {
border-left:none;
border-right-color:var(--color-secondary)
}
.editor-toolbar button:hover {
background:var(--color-hover)
}
.editor-toolbar button.active {
background:var(--color-active)
}
.editor-toolbar:not(.fullscreen) .preview {
display:none
}
.editor-toolbar.fullscreen .revert-to-textarea {
display:none
}
.editor-preview {
background-color:var(--color-body)
}
.editor-preview-side {
border-color:var(--color-secondary)
}
.editor-statusbar {
color:var(--color-text-light)
}
.editor-loading {
padding:1rem;
text-align:center
}
.edit-diff {
padding:0!important
}
.edit-diff>div>.ui.table {
border-top:none!important;
border-bottom:none!important
}
.combo-markdown-editor {
width:100%
}
.combo-markdown-editor markdown-toolbar {
cursor:default;
display:flex;
align-items:center;
padding-bottom:10px;
gap:.5rem;
flex-wrap:wrap
}
.combo-markdown-editor .markdown-toolbar-group {
display:flex
}
.combo-markdown-editor .markdown-toolbar-group:last-child {
flex:1;
justify-content:flex-end
}
.combo-markdown-editor .markdown-toolbar-button {
border:none;
background:none;
user-select:none;
padding:5px;
cursor:pointer;
color:var(--color-text);
line-height:20px
}
.combo-markdown-editor .markdown-toolbar-button:hover {
color:var(--color-primary)
}
.ui.form .combo-markdown-editor textarea.markdown-text-editor,
.combo-markdown-editor textarea.markdown-text-editor {
display:block;
width:100%;
max-height:calc(100vh - var(--min-height-textarea));
resize:vertical
}
.combo-markdown-editor .CodeMirror-scroll {
max-height:calc(100vh - var(--min-height-textarea))
}
.combo-markdown-editor .CodeMirror-scroll .cm-header-1 {
font-size:2em
}
.combo-markdown-editor .CodeMirror-scroll .cm-header-2 {
font-size:1.5em
}
.combo-markdown-editor .CodeMirror-scroll .cm-header-3 {
font-size:1.25em
}
.combo-markdown-editor .CodeMirror-scroll .cm-header-4 {
font-size:1em
}
.combo-markdown-editor .CodeMirror-scroll .cm-header-5 {
font-size:.875em
}
.combo-markdown-editor .CodeMirror-scroll .cm-header-6 {
font-size:.85em
}
text-expander {
display:block;
position:relative
}
text-expander .suggestions {
position:absolute;
min-width:180px;
padding:0;
margin-top:24px;
list-style:none;
background:var(--color-box-body);
border-radius:var(--border-radius);
border:1px solid var(--color-secondary);
box-shadow:0 .5rem 1rem var(--color-shadow);
z-index:100
}
text-expander .suggestions li {
display:flex;
align-items:center;
cursor:pointer;
padding:4px 8px;
font-weight:var(--font-weight-medium)
}
text-expander .suggestions li+li {
border-top:1px solid var(--color-secondary-alpha-40)
}
text-expander .suggestions li:first-child {
border-radius:var(--border-radius) var(--border-radius) 0 0
}
text-expander .suggestions li:last-child {
border-radius:0 0 var(--border-radius) var(--border-radius)
}
text-expander .suggestions li:only-child {
border-radius:var(--border-radius)
}
text-expander .suggestions li:hover {
background:var(--color-hover)
}
text-expander .suggestions .fullname {
font-weight:var(--font-weight-normal);
margin-left:4px;
color:var(--color-text-light-1)
}
text-expander .suggestions li[aria-selected=true],
text-expander .suggestions li[aria-selected=true] span {
background:var(--color-primary);
color:var(--color-primary-contrast)
}
text-expander .suggestions img {
width:24px;
height:24px;
margin-right:8px
}
#create-page-form form {
margin:auto
}
#create-page-form form .ui.message {
text-align:center
}
@media (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 .inline.field>input,
#create-page-form form .inline.field>textarea {
width:50%
}
}
@media (max-width: 767.98px) {
#create-page-form form .optional .title {
margin-left:15px
}
#create-page-form form .inline.field>label {
display:block
}
}
.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 (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 .inline.field>input,
.organization.new.org form .inline.field>textarea {
width:50%
}
}
@media (max-width: 767.98px) {
.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
}
.page-content.organization .org-avatar {
margin-right:15px
}
.page-content.organization #org-info {
overflow-wrap:anywhere;
flex:1;
word-break:break-all
}
.page-content.organization #org-info .ui.header {
display:flex;
align-items:center;
font-size:36px;
margin-bottom:0
}
@media (max-width: 767.98px) {
.page-content.organization #org-info .ui.header {
flex-direction:column;
margin-bottom:1rem
}
.page-content.organization #org-info .org-title {
width:100%;
margin-bottom:.5rem
}
}
.page-content.organization #org-info .desc {
font-size:16px;
margin-bottom:10px
}
.page-content.organization #org-info .meta {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px
}
.page-content.organization .ui.top.header .ui.right {
margin-top:0
}
.page-content.organization .teams .item {
padding:10px 15px
}
.page-content.organization .members .ui.avatar {
width:48px;
height:48px;
margin-right:5px;
margin-bottom: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.invite .ui.avatar {
width:100%;
height:100%
}
.organization.teams .detail .item {
padding:10px 15px
}
.organization.teams .detail .item:not(:last-child) {
border-bottom:1px solid var(--color-secondary)
}
.organization.teams .repositories .item,
.organization.teams .members .item {
padding:10px 19px
}
.organization.teams .repositories .item:not(:last-child),
.organization.teams .members .item:not(:last-child) {
border-bottom:1px solid var(--color-secondary)
}
.organization.teams .repositories .item .button,
.organization.teams .members .item .button {
padding:9px 10px;
margin:0
}
.org-team-navbar .active.item {
background:var(--color-box-body)!important
}
.user.profile .ui.card .header {
display:block;
font-weight:var(--font-weight-semibold);
font-size:1.3rem;
margin-top:-.2rem;
line-height:1.3rem
}
.user.profile .ui.card .profile-avatar-name {
border-top:none;
text-align:center
}
.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;
display:flex;
list-style:none;
align-items:center;
gap:.25em
}
.user.profile .ui.card .extra.content>ul>li:not(:last-child) {
border-bottom:1px solid var(--color-secondary)
}
.user.profile .ui.card .extra.content>ul>li .svg {
margin-left:1px;
margin-right:5px
}
.user.profile .ui.card .extra.content>ul>li.follow .ui.button,
.user.profile .ui.card .extra.content>ul>li.block .ui.button {
align-items:center;
display:flex;
justify-content:center;
width:100%
}
.user.profile .ui.card #profile-avatar {
padding:1rem 1rem .25rem;
justify-content:center
}
.user.profile .ui.card #profile-avatar img {
max-width:100%;
height:auto
}
@media (max-width: 767.98px) {
.user.profile .ui.card #profile-avatar img {
width:30vw
}
.user.profile .ui.card {
width:100%
}
}
.user.profile .ui.secondary.stackable.pointing.menu {
flex-wrap:wrap
}
.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;
max-width:60px
}
.user-badges {
display:grid;
grid-template-columns:repeat(auto-fill,64px);
gap:2px
}
.user-badges img {
object-fit:contain
}
#readme_profile {
padding:1.5em;
background:var(--color-box-body);
border:1px solid var(--color-secondary);
border-radius:var(--border-radius)
}
#profile-avatar-card,
#notification_table {
background:var(--color-box-body);
border:1px solid var(--color-secondary);
border-radius:var(--border-radius)
}
.notifications-item:hover {
background:var(--color-hover)
}
.notifications-buttons {
display:none;
min-width:74px
}
.notifications-updated,
.notifications-item:hover .notifications-buttons {
display:flex
}
.notifications-item:hover .notifications-updated {
display:none
}
#pronouns-dropdown,
#pronouns-custom {
width:140px
}
.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:initial
}
.dashboard.feeds .filter.menu .item,
.dashboard.issues .filter.menu .item {
text-align:left;
display:flex;
align-items:center;
justify-content:space-between
}
.dashboard.feeds .filter.menu .item .text.truncate,
.dashboard.issues .filter.menu .item .text.truncate {
width:75%
}
.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 (max-width: 767.98px) {
.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:var(--color-red)
}
.dashboard .dashboard-repos,
.dashboard .dashboard-orgs {
margin:0 1px
}
.dashboard .secondary-nav {
padding:1px 12px
}
.dashboard .secondary-nav .right.menu {
gap:.35714286em
}
.dashboard .secondary-nav .right.menu div.item {
padding-left:.5rem
}
.dashboard .secondary-nav .org-visibility .label {
margin-left:5px
}
.dashboard .secondary-nav .ui.dropdown {
max-width:100%
}
.admin.hooks .list>.item:not(:first-child) {
border-top:1px solid var(--color-secondary);
padding:.25rem 1rem;
margin:12px -1rem -1rem
}
.admin dl.admin-dl-horizontal {
padding:1em;
margin:0;
display:flex;
flex-wrap:wrap
}
.admin dl.admin-dl-horizontal dt,
.admin dl.admin-dl-horizontal dd {
line-height:var(--line-height-default);
padding:5px 0
}
.admin dl.admin-dl-horizontal dt {
width:300px;
max-width:calc(100% - 100px - 1em);
font-weight:var(--font-weight-semibold)
}
.admin dl.admin-dl-horizontal dd {
margin-left:auto;
width:calc(100% - 300px - 1em);
min-width:100px
}
.admin code,
.admin pre {
white-space:pre-wrap;
word-wrap:break-word
}
.admin .ui.table.segment {
overflow-x:auto
}
.admin .table th {
white-space:nowrap
}
.admin-responsive-columns {
display:flex;
flex-wrap:wrap;
gap:1rem;
margin-bottom:1rem
}
.explore .secondary-nav {
border-width:1px!important
}
.explore .secondary-nav .svg {
width:16px;
text-align:center;
margin-right:5px
}
.ui.repository.branches .info {
font-size:12px;
color:var(--color-text-light);
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.repository.branches table .ui.popup {
text-align:left
}
.show-outdated,
.hide-outdated {
-webkit-touch-callout:none;
-webkit-user-select:none;
user-select:none
}
.ui.button.add-code-comment {
padding:2px;
position:absolute;
margin-left:-22px;
z-index:5;
opacity:0;
transition:transform .1s ease-in-out;
transform:scale(1);
box-shadow:none!important;
border:none!important
}
.ui.button.add-code-comment:hover {
transform:scale(1.1)
}
.lines-escape .toggle-escape-button:before {
visibility:visible;
content:"\26a0\fe0f";
font-family:var(--fonts-emoji);
color:var(--color-red)
}
.repository .diff-file-box .code-diff td.lines-escape {
padding-left:0!important
}
.diff-file-box .lines-code:hover .ui.button.add-code-comment {
opacity:1
}
.ui.button.add-code-comment:focus {
opacity:1
}
.repository .diff-file-box .code-diff .add-comment-left,
.repository .diff-file-box .code-diff .add-comment-right,
.repository .diff-file-box .code-diff .add-code-comment .add-comment-left,
.repository .diff-file-box .code-diff .add-code-comment .add-comment-right,
.repository .diff-file-box .code-diff .add-code-comment .lines-type-marker {
padding-left:0!important;
padding-right:0!important
}
.add-comment-left.add-comment-right .ui.attached.header {
border:1px solid var(--color-secondary)
}
.add-comment-left.add-comment-right .ui.attached.header:not(.top) {
margin-bottom:.5em
}
.show-outdated:hover,
.hide-outdated:hover {
text-decoration:underline
}
.comment-code-cloud {
padding:.5rem 1rem!important;
position:relative
}
.code-diff .conversation-holder .comment-code-cloud {
max-width:820px
}
@media (max-width: 767.98px) {
.comment-code-cloud {
max-width:none;
padding:.75rem!important
}
.comment-code-cloud .code-comment-buttons {
margin:.5rem 0 .25rem!important
}
.comment-code-cloud .code-comment-buttons .code-comment-buttons-buttons {
width:100%
}
.comment-code-cloud .ui.buttons {
width:100%;
margin:0!important
}
.comment-code-cloud .ui.buttons .button {
flex:1
}
}
.comment-code-cloud .comments .comment {
padding:0
}
@media (max-width: 767.98px) {
.comment-code-cloud .comments .comment .comment-header-right.actions .ui.basic.label {
display:none
}
.comment-code-cloud .comments .comment .avatar {
width:auto;
float:none;
margin:0 .5rem 0 0;
flex-shrink:0
}
.comment-code-cloud .comments .comment .avatar~.content {
margin-left:1em
}
.comment-code-cloud .comments .comment img.avatar {
margin:0!important
}
.comment-code-cloud .comments .comment .comment-content {
margin-left:0!important
}
.comment-code-cloud .comments .comment .comment-container {
width:100%
}
.comment-code-cloud .comments .comment.code-comment {
padding:0 0 .5rem!important
}
}
.comment-code-cloud .attached.tab {
border:0;
padding:0;
margin:0
}
.comment-code-cloud .attached.header {
padding:1px 8px 1px 12px
}
.comment-code-cloud .attached.header .text {
margin:0
}
.comment-code-cloud .right.menu.options .item {
padding:.85714286em .442857em;
cursor:pointer
}
.comment-code-cloud .ui.active.tab {
padding:.5em
}
.comment-code-cloud .ui.active.tab.markup {
padding:1em;
min-height:168px
}
.comment-code-cloud .ui.tab.markup {
font-size:14px
}
.comment-code-cloud .ui.tabular.menu {
margin:.5em
}
.comment-code-cloud .editor-statusbar {
display:none
}
.comment-code-cloud .footer {
padding:10px 0
}
.comment-code-cloud .footer .markup-info {
display:inline-block;
margin:5px 0;
font-size:12px;
color:var(--color-text-light)
}
.comment-code-cloud .footer .ui.right.floated {
padding-top:6px
}
.comment-code-cloud .footer:after {
clear:both;
content:"";
display:block
}
@media (max-width: 767.98px) {
.comment-code-cloud .button {
width:100%;
margin:0!important;
margin-bottom:.75rem!important
}
}
.diff-file-body .comment-form {
margin:0 0 0 3em
}
.diff-file-body.binary {
padding:5px 10px
}
.file-comment {
color:var(--color-text)
}
.code-expander-button {
border:none;
color:var(--color-text-light);
height:28px;
display:flex;
justify-content:center;
align-items:center;
width:100%;
background:var(--color-expand-button);
flex:1
}
.code-expander-button:hover {
background:var(--color-primary);
color:var(--color-primary-contrast)
}
.review-box-panel .ui.segment {
border:none
}
.review-box-panel .CodeMirror-scroll {
min-height:80px;
max-height:calc(100vh - 360px)
}
.review-box-panel .combo-markdown-editor {
width:730px;
max-width:calc(100vw - 70px)
}
#review-box {
position:relative
}
#review-box .review-comments-counter {
background-color:var(--color-primary-light-4);
color:var(--color-primary-contrast)
}
#review-box:hover .review-comments-counter {
background-color:var(--color-primary-light-5)
}
#review-box .review-comments-counter[data-pending-comment-number="0"] {
display:none
}
.pull.files.diff .comment {
scroll-margin-top:99px
}
@media (max-width: 991.98px) {
.pull.files.diff .comment {
scroll-margin-top:130px
}
}
.changed-since-last-review {
border:1px var(--color-accent) solid;
background-color:var(--color-small-accent);
border-radius:var(--border-radius);
padding:4px 8px;
margin:-8px 0;
font-size:.857rem
}
.viewed-file-form {
display:flex;
align-items:center;
border:1px solid transparent;
padding:4px 8px;
margin:-8px 0;
border-radius:var(--border-radius);
font-size:.857rem
}
.viewed-file-form input {
margin-right:4px
}
.viewed-file-checked-form {
background-color:var(--color-small-accent);
border-color:var(--color-accent)
}
#viewed-files-summary {
width:100%;
height:8px
}
.runner-container {
padding-bottom:30px
}
.runner-container .ui.table.segment {
overflow-x:auto
}
.runner-container .runner-ops>a {
margin-left:.5em
}
.runner-container .runner-ops-delete {
color:var(--color-red-light)
}
.runner-container .runner-new-text {
color:var(--color-white)
}
.runner-container #runner-new:hover .runner-new-text {
color:var(--color-white)!important
}
.runner-container .task-status-success {
background-color:var(--color-green);
color:var(--color-white)
}
.runner-container .task-status-failure {
background-color:var(--color-red-light);
color:var(--color-white)
}
.runner-container .task-status-running {
background-color:var(--color-blue);
color:var(--color-white)
}
.runner-container .task-status-cancelled,
.runner-container .task-status-blocked {
background-color:var(--color-yellow);
color:var(--color-white)
}
.run-list-item-right {
width:130px;
display:flex;
flex-direction:column;
flex-shrink:0;
gap:3px;
color:var(--color-text-light)
}
.run-list-item-right .run-list-meta {
display:flex;
flex-wrap:nowrap;
gap:.25rem;
align-items:center
}
.run-list .flex-item-trailing {
flex-wrap:nowrap;
width:280px;
flex:0 0 280px
}
.run-list-ref {
display:inline-block!important
}
@media (max-width: 767.98px) {
.run-list .flex-item-trailing {
flex-direction:column;
align-items:flex-end;
width:auto;
flex-basis:auto
}
.run-list-item-right,
.run-list-ref {
max-width:110px
}
}
#workflow_dispatch_dropdown {
min-width:min-content
}
#workflow_dispatch_dropdown>button {
white-space:nowrap
}
@media (max-width: 640px) or (767.98px < width < 854px) {
#workflow_dispatch_dropdown .menu {
left:auto;
right:0
}
}
.gt-ellipsis {
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important
}
.g-table-auto-ellipsis td.auto-ellipsis {
position:relative
}
.g-table-auto-ellipsis td.auto-ellipsis span {
position:absolute;
inset:0;
padding:inherit;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}
.interact-fg {
color:inherit!important
}
.interact-fg:hover {
color:var(--color-primary)!important
}
.interact-fg:active {
color:var(--color-primary-active)!important
}
.interact-bg {
background:transparent!important
}
.interact-bg:hover {
background:var(--color-hover)!important
}
.interact-bg:active {
background:var(--color-active)!important
}
@media (max-width: 767.98px) {
.not-mobile.not-mobile {
display:none!important
}
}
@media (min-width: 767.98px) {
.only-mobile.only-mobile {
display:none!important
}
}
.tab-size-1 {
tab-size:1!important
}
.tab-size-2 {
tab-size:2!important
}
.tab-size-3 {
tab-size:3!important
}
.tab-size-4 {
tab-size:4!important
}
.tab-size-5 {
tab-size:5!important
}
.tab-size-6 {
tab-size:6!important
}
.tab-size-7 {
tab-size:7!important
}
.tab-size-8 {
tab-size:8!important
}
.tab-size-9 {
tab-size:9!important
}
.tab-size-10 {
tab-size:10!important
}
.tab-size-11 {
tab-size:11!important
}
.tab-size-12 {
tab-size:12!important
}
.tab-size-13 {
tab-size:13!important
}
.tab-size-14 {
tab-size:14!important
}
.tab-size-15 {
tab-size:15!important
}
.tab-size-16 {
tab-size:16!important
}
.tw-pointer-events-none {
pointer-events:none!important
}
.tw-invisible {
visibility:hidden!important
}
.tw-absolute {
position:absolute!important
}
.tw-relative {
position:relative!important
}
.tw-float-right {
float:right!important
}
.tw-clear-both {
clear:both!important
}
.tw-m-0 {
margin:0!important
}
.tw-m-1 {
margin:.25rem!important
}
.tw-m-auto {
margin:auto!important
}
.tw-mx-0 {
margin-left:0!important;
margin-right:0!important
}
.tw-mx-2 {
margin-left:.5rem!important;
margin-right:.5rem!important
}
.tw-mx-4 {
margin-left:1rem!important;
margin-right:1rem!important
}
.tw-mx-auto {
margin-left:auto!important;
margin-right:auto!important
}
.tw-my-0 {
margin-top:0!important;
margin-bottom:0!important
}
.tw-my-0\.5 {
margin-top:.125rem!important;
margin-bottom:.125rem!important
}
.tw-my-1 {
margin-top:.25rem!important;
margin-bottom:.25rem!important
}
.tw-my-2 {
margin-top:.5rem!important;
margin-bottom:.5rem!important
}
.tw-my-4 {
margin-top:1rem!important;
margin-bottom:1rem!important
}
.tw-my-8 {
margin-top:2rem!important;
margin-bottom:2rem!important
}
.tw-mb-0 {
margin-bottom:0!important
}
.tw-mb-1 {
margin-bottom:.25rem!important
}
.tw-mb-2 {
margin-bottom:.5rem!important
}
.tw-mb-3 {
margin-bottom:.75rem!important
}
.tw-mb-4 {
margin-bottom:1rem!important
}
.tw-mb-8 {
margin-bottom:2rem!important
}
.tw-ml-0 {
margin-left:0!important
}
.tw-ml-0\.5 {
margin-left:.125rem!important
}
.tw-ml-1 {
margin-left:.25rem!important
}
.tw-ml-2 {
margin-left:.5rem!important
}
.tw-ml-4 {
margin-left:1rem!important
}
.tw-ml-\[33px\] {
margin-left:33px!important
}
.tw-ml-auto {
margin-left:auto!important
}
.tw-mr-0 {
margin-right:0!important
}
.tw-mr-1 {
margin-right:.25rem!important
}
.tw-mr-2 {
margin-right:.5rem!important
}
.tw-mr-4 {
margin-right:1rem!important
}
.tw-mr-8 {
margin-right:2rem!important
}
.tw-mt-0 {
margin-top:0!important
}
.tw-mt-0\.5 {
margin-top:.125rem!important
}
.tw-mt-1 {
margin-top:.25rem!important
}
.tw-mt-2 {
margin-top:.5rem!important
}
.tw-mt-3 {
margin-top:.75rem!important
}
.tw-mt-4 {
margin-top:1rem!important
}
.tw-mt-8 {
margin-top:2rem!important
}
.tw-mt-\[15px\] {
margin-top:15px!important
}
.tw-block {
display:block!important
}
.tw-inline-block {
display:inline-block!important
}
.tw-flex {
display:flex!important
}
.tw-hidden {
display:none!important
}
.tw-h-12 {
height:3rem!important
}
.tw-h-4 {
height:1rem!important
}
.tw-h-\[40px\] {
height:40px!important
}
.tw-w-12 {
width:3rem!important
}
.tw-w-2\/5 {
width:40%!important
}
.tw-w-4\/5 {
width:80%!important
}
.tw-w-\[40px\] {
width:40px!important
}
.tw-w-auto {
width:auto!important
}
.tw-w-full {
width:100%!important
}
.tw-w-screen {
width:100vw!important
}
.tw-max-w-2xl {
max-width:42rem!important
}
.tw-max-w-48 {
max-width:12rem!important
}
.tw-max-w-96 {
max-width:24rem!important
}
.tw-max-w-\[300px\] {
max-width:300px!important
}
.tw-max-w-full {
max-width:100%!important
}
.tw-flex-1 {
flex:1 1 0%!important
}
.tw-shrink-0 {
flex-shrink:0!important
}
.-tw-rotate-90 {
--tw-rotate: -90deg !important;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}
.tw-cursor-default {
cursor:default!important
}
.tw-cursor-grab {
cursor:grab!important
}
.tw-cursor-grabbing {
cursor:grabbing!important
}
.tw-cursor-pointer {
cursor:pointer!important
}
.tw-list-none {
list-style-type:none!important
}
.tw-flex-row {
flex-direction:row!important
}
.tw-flex-col {
flex-direction:column!important
}
.tw-flex-wrap {
flex-wrap:wrap!important
}
.tw-content-center {
align-content:center!important
}
.tw-items-start {
align-items:flex-start!important
}
.tw-items-center {
align-items:center!important
}
.tw-justify-end {
justify-content:flex-end!important
}
.tw-justify-center {
justify-content:center!important
}
.tw-justify-between {
justify-content:space-between!important
}
.tw-gap-1 {
gap:.25rem!important
}
.tw-gap-2 {
gap:.5rem!important
}
.tw-gap-3 {
gap:.75rem!important
}
.tw-gap-4 {
gap:1rem!important
}
.tw-gap-\[5px\] {
gap:5px!important
}
.tw-gap-x-2 {
column-gap:.5rem!important
}
.tw-gap-y-2 {
row-gap:.5rem!important
}
.tw-self-start {
align-self:flex-start!important
}
.tw-overflow-hidden {
overflow:hidden!important
}
.tw-overflow-x-scroll {
overflow-x:scroll!important
}
.tw-whitespace-nowrap {
white-space:nowrap!important
}
.tw-whitespace-pre {
white-space:pre!important
}
.tw-whitespace-pre-line {
white-space:pre-line!important
}
.tw-whitespace-pre-wrap {
white-space:pre-wrap!important
}
.tw-break-all {
word-break:break-all!important
}
.tw-rounded {
border-radius:var(--border-radius)!important
}
.tw-rounded-b {
border-bottom-right-radius:var(--border-radius)!important;
border-bottom-left-radius:var(--border-radius)!important
}
.tw-border {
border-width:1px!important
}
.tw-border-b {
border-bottom-width:1px!important
}
.tw-border-secondary {
border-color:var(--color-secondary)!important
}
.tw-border-b-secondary {
border-bottom-color:var(--color-secondary)!important
}
.tw-bg-green {
background-color:var(--color-green)!important
}
.tw-bg-grey {
background-color:var(--color-grey)!important
}
.tw-bg-purple {
background-color:var(--color-purple)!important
}
.tw-bg-red {
background-color:var(--color-red)!important
}
.tw-bg-transparent {
background-color:transparent!important
}
.tw-object-contain {
object-fit:contain!important
}
.tw-p-0 {
padding:0!important
}
.tw-p-0\.5 {
padding:.125rem!important
}
.tw-p-1 {
padding:.25rem!important
}
.tw-p-16 {
padding:4rem!important
}
.tw-p-2 {
padding:.5rem!important
}
.tw-p-4 {
padding:1rem!important
}
.tw-px-1 {
padding-left:.25rem!important;
padding-right:.25rem!important
}
.tw-px-2 {
padding-left:.5rem!important;
padding-right:.5rem!important
}
.tw-px-4 {
padding-left:1rem!important;
padding-right:1rem!important
}
.tw-px-8 {
padding-left:2rem!important;
padding-right:2rem!important
}
.tw-py-0 {
padding-top:0!important;
padding-bottom:0!important
}
.tw-py-0\.5 {
padding-top:.125rem!important;
padding-bottom:.125rem!important
}
.tw-py-1 {
padding-top:.25rem!important;
padding-bottom:.25rem!important
}
.tw-py-2 {
padding-top:.5rem!important;
padding-bottom:.5rem!important
}
.tw-py-32 {
padding-top:8rem!important;
padding-bottom:8rem!important
}
.tw-py-4 {
padding-top:1rem!important;
padding-bottom:1rem!important
}
.tw-py-8 {
padding-top:2rem!important;
padding-bottom:2rem!important
}
.tw-pb-0 {
padding-bottom:0!important
}
.tw-pb-1 {
padding-bottom:.25rem!important
}
.tw-pb-4 {
padding-bottom:1rem!important
}
.tw-pl-1 {
padding-left:.25rem!important
}
.tw-pl-3 {
padding-left:.75rem!important
}
.tw-pl-4 {
padding-left:1rem!important
}
.tw-pl-\[26px\] {
padding-left:26px!important
}
.tw-pr-0 {
padding-right:0!important
}
.tw-pr-1 {
padding-right:.25rem!important
}
.tw-pr-2 {
padding-right:.5rem!important
}
.tw-pr-4 {
padding-right:1rem!important
}
.tw-pt-0 {
padding-top:0!important
}
.tw-pt-1 {
padding-top:.25rem!important
}
.tw-pt-2 {
padding-top:.5rem!important
}
.tw-text-left {
text-align:left!important
}
.tw-text-center {
text-align:center!important
}
.tw-text-right {
text-align:right!important
}
.tw-align-middle {
vertical-align:middle!important
}
.tw-font-mono {
font-family:var(--fonts-monospace)!important
}
.tw-text-12 {
font-size:12px!important
}
.tw-text-13 {
font-size:13px!important
}
.tw-text-14 {
font-size:14px!important
}
.tw-text-16 {
font-size:16px!important
}
.tw-font-bold {
font-weight:var(--font-weight-bold)!important
}
.tw-font-normal {
font-weight:var(--font-weight-normal)!important
}
.tw-font-semibold {
font-weight:var(--font-weight-semibold)!important
}
.tw-italic {
font-style:italic!important
}
.tw-text-text {
color:var(--color-text)!important
}
.tw-text-white {
color:var(--color-white)!important
}
.tw-no-underline {
text-decoration-line:none!important
}
.tw-transition {
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;
transition-timing-function:cubic-bezier(.4,0,.2,1)!important;
transition-duration:.15s!important
}
.tw-transform-reset {
--tw-translate-x: 0 !important;
--tw-translate-y: 0 !important;
--tw-rotate: 0 !important;
--tw-skew-x: 0 !important;
--tw-skew-y: 0 !important;
--tw-scale-x: 1 !important;
--tw-scale-y: 1 !important
}
.tw-hidden.tw-hidden {
display:none!important
}
.tw-break-anywhere {
overflow-wrap:anywhere!important
}
.\[begin\:end\] {
begin:end!important
}
.\[blobPos\:blobPos\+needWrite\] {
blob-pos:blobPos+needWrite!important
}
.\[blobPos\:blobPos\+realRead\] {
blob-pos:blobPos+realRead!important
}
.\[frontMatterStart\:start\] {
front-matter-start:start!important
}
.\[i\:chunk\] {
i:chunk!important
}
.\[i\:i\+8\] {
i:i+8!important
}
.\[idx\:length\] {
idx:length!important
}
.\[lastIndex\:i\] {
last-index:i!important
}
.\[left\:left\+right\] {
left:left+right!important
}
.\[openActiveIndex\:closeActiveIndex\] {
open-active-index:closeActiveIndex!important
}
.\[p1\:p2\] {
p1:p2!important
}
.\[pageStart\:pageEnd\] {
page-start:pageEnd!important
}
.\[pos\:endPos\] {
pos:endPos!important
}
.\[pos\:end\] {
pos:end!important
}
.\[pos\:next\] {
pos:next!important
}
.\[pos\:pos\+6\] {
pos:pos+6!important
}
.\[pos\:pos\+right\] {
pos:pos+right!important
}
.\[pos\:posEnd\] {
pos:posEnd!important
}
.\[posBegin\:posEnd\] {
pos-begin:posEnd!important
}
.\[read\:issue\] {
read:issue!important
}
.\[sepAtPos\:sepEndPos\] {
sep-at-pos:sepEndPos!important
}
.\[start\:end\] {
start:end!important
}
.\[startIndex\:endIndex\] {
start-index:endIndex!important
}
.\[username\:password\@\] {
username:password@!important
}
.hover\:tw-text-text-dark:hover {
color:var(--color-text-dark)!important
}
.tw-group[open] .group-open\:tw-rotate-0 {
--tw-rotate: 0deg !important;
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}