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,'); --checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,'); --octicon-chevron-right: url('data:image/svg+xml;utf8,'); --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 }