diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..5384cca --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,10 @@ +{ + "liveSassCompile.settings.formats": [ + { + "format": "expanded", + "extensionName": ".css", + "savePath": "/public/css", + "generateMap": false + } + ] +} \ No newline at end of file diff --git a/public/css/index.css b/public/css/index.css deleted file mode 100644 index 2bfb82c..0000000 --- a/public/css/index.css +++ /dev/null @@ -1,31287 +0,0 @@ -ul[data-v-156fe7d0] { - list-style: none; - margin: 0; - padding-left: 0 -} - -ul li[data-v-156fe7d0] { - padding: 0 10px -} - -ul li[data-v-156fe7d0]:not(:last-child) { - border-bottom: 1px solid var(--color-secondary) -} - -.repo-list-link[data-v-156fe7d0] { - padding: 6px 0; - gap: 6px; - min-width: 0 -} - -.repo-list-link .svg[data-v-156fe7d0] { - color: var(--color-text-light-2) -} - -.repo-list-icon[data-v-156fe7d0] { - min-width: 16px; - margin-right: 2px -} - -.repo-list-icon.octicon-mirror[data-v-156fe7d0] { - width: 14px; - min-width: 14px; - margin-left: 1px; - margin-right: 3px -} - -.repo-owner-name-list li.active[data-v-156fe7d0] { - background: var(--color-hover) -} - -.svg-icon.status[data-v-0fac5124] { - float: right -} - -.svg-icon.file[data-v-0fac5124] { - color: var(--color-secondary-dark-7) -} - -.svg-icon.directory[data-v-0fac5124] { - color: var(--color-primary) -} - -.svg-icon.octicon-diff-modified[data-v-0fac5124] { - color: var(--color-yellow) -} - -.svg-icon.octicon-diff-added[data-v-0fac5124] { - color: var(--color-green) -} - -.svg-icon.octicon-diff-removed[data-v-0fac5124] { - color: var(--color-red) -} - -.svg-icon.octicon-diff-renamed[data-v-0fac5124] { - color: var(--color-teal) -} - -.item.filewrapper[data-v-0fac5124] { - display: grid!important; - grid-template-columns: 20px 7fr 1fr; - padding-left: 18px!important -} - -.item.filewrapper[data-v-0fac5124]:hover,div.directory[data-v-0fac5124]:hover { - color: var(--color-text); - background: var(--color-hover); - border-radius: 4px -} - -.item.filewrapper.selected[data-v-0fac5124] { - color: var(--color-text); - background: var(--color-active); - border-radius: 4px -} - -div.directory[data-v-0fac5124] { - display: grid; - grid-template-columns: 18px 20px auto; - user-select: none; - cursor: pointer -} - -div.list[data-v-0fac5124] { - padding-bottom: 0!important; - padding-top: inherit!important -} - -a[data-v-0fac5124],a[data-v-0fac5124]:hover { - text-decoration: none; - color: var(--color-text) -} - -.menu .item .rss-icon[data-v-734161e6] { - display: none -} - -.menu .item:hover .rss-icon[data-v-734161e6] { - display: inline-block -} - -.ui.dropdown .menu.show[data-v-18f62aba] { - display: block -} - -.ui.checkbox label[data-v-18f62aba] { - cursor: pointer -} - -.ui.merge-button[data-v-18f62aba] { - position: relative -} - -.ui.merge-button .ui.dropdown[data-v-18f62aba] { - position: static -} - -.ui.merge-button>.ui.dropdown:last-child>.menu[data-v-18f62aba]:not(.left) { - left: 0; - right: auto -} - -.ui.merge-button .ui.dropdown .menu>.item[data-v-18f62aba] { - display: flex; - align-items: stretch; - padding: 0!important -} - -.action-text[data-v-18f62aba] { - padding: .8rem; - flex: 1 -} - -.auto-merge-small[data-v-18f62aba] { - width: 40px; - display: flex; - align-items: center; - justify-content: center; - position: relative -} - -.auto-merge-small .auto-merge-tip[data-v-18f62aba] { - 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-18f62aba]: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-18f62aba] { - display: flex -} - -.action-view-body[data-v-f6820c60] { - padding-top: 12px; - padding-bottom: 12px; - display: flex; - gap: 12px -} - -.action-view-header[data-v-f6820c60] { - margin-top: 8px -} - -.action-info-summary[data-v-f6820c60] { - display: flex; - align-items: center; - justify-content: space-between -} - -.action-info-summary-title[data-v-f6820c60] { - display: flex -} - -.action-info-summary-title-text[data-v-f6820c60] { - font-size: 20px; - margin: 0 0 0 8px; - flex: 1 -} - -.action-commit-summary[data-v-f6820c60] { - display: flex; - gap: 5px; - margin: 0 0 0 28px -} - -.action-view-left[data-v-f6820c60] { - width: 30%; - max-width: 400px; - position: sticky; - top: 0; - max-height: 100vh; - overflow-y: auto -} - -.job-group-section .job-group-summary[data-v-f6820c60] { - margin: 5px 0; - padding: 10px -} - -.job-artifacts-title[data-v-f6820c60] { - font-size: 18px; - margin-top: 16px; - padding: 16px 10px 0 20px; - border-top: 1px solid var(--color-secondary) -} - -.job-artifacts-item[data-v-f6820c60] { - margin: 5px 0; - padding: 6px -} - -.job-artifacts-list[data-v-f6820c60] { - padding-left: 12px; - list-style: none -} - -.job-artifacts-icon[data-v-f6820c60] { - padding-right: 3px -} - -.job-brief-list[data-v-f6820c60] { - display: flex; - flex-direction: column; - gap: 8px -} - -.job-brief-item[data-v-f6820c60] { - padding: 10px; - border-radius: var(--border-radius); - text-decoration: none; - display: flex; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center -} - -.job-brief-item[data-v-f6820c60]:hover { - background-color: var(--color-hover) -} - -.job-brief-item.selected[data-v-f6820c60] { - font-weight: var(--font-weight-bold); - background-color: var(--color-active) -} - -.job-brief-item[data-v-f6820c60]:first-of-type { - margin-top: 0 -} - -.job-brief-item .job-brief-rerun[data-v-f6820c60] { - cursor: pointer; - transition: transform .2s -} - -.job-brief-item .job-brief-rerun[data-v-f6820c60]:hover { - transform: scale(1.3) -} - -.job-brief-item .job-brief-link[data-v-f6820c60] { - display: flex; - width: 100%; - min-width: 0 -} - -.job-brief-item .job-brief-link span[data-v-f6820c60] { - display: flex; - align-items: center -} - -.job-brief-item .job-brief-link .job-brief-name[data-v-f6820c60] { - display: block; - width: 70%; - color: var(--color-text) -} - -.job-brief-item .job-brief-link[data-v-f6820c60]:hover { - text-decoration: none -} - -.job-brief-item .job-brief-info[data-v-f6820c60] { - display: flex; - align-items: center -} - -.action-view-right[data-v-f6820c60] { - flex: 1; - color: var(--color-console-fg-subtle); - max-height: 100%; - width: 70%; - display: flex; - flex-direction: column -} - -.action-view-right .ui.button[data-v-f6820c60],.action-view-right .ui.button[data-v-f6820c60]:focus { - background: transparent; - color: var(--color-console-fg-subtle) -} - -.action-view-right .ui.button[data-v-f6820c60]:hover { - background: var(--color-console-hover-bg); - color: var(--color-console-fg) -} - -.action-view-right .ui.button[data-v-f6820c60]:active { - background: var(--color-console-active-bg); - color: var(--color-console-fg) -} - -.action-view-right .ui.dropdown .menu[data-v-f6820c60] { - background: var(--color-console-menu-bg); - border-color: var(--color-console-menu-border) -} - -.action-view-right .ui.dropdown .menu>.item[data-v-f6820c60] { - color: var(--color-console-fg) -} - -.action-view-right .ui.dropdown .menu>.item[data-v-f6820c60]:hover { - color: var(--color-console-fg); - background: var(--color-console-hover-bg) -} - -.action-view-right .ui.dropdown .menu>.item[data-v-f6820c60]:active { - color: var(--color-console-fg); - background: var(--color-console-active-bg) -} - -.action-view-right .ui.dropdown .menu>.divider[data-v-f6820c60] { - border-top-color: var(--color-console-menu-border) -} - -.action-view-right .ui.pointing.dropdown>.menu[data-v-f6820c60]:not(.hidden):after { - background: var(--color-console-menu-bg); - box-shadow: -1px -1px 0 0 var(--color-console-menu-border) -} - -.full.height>.action-view-right[data-v-f6820c60] { - width: 100%; - height: 100%; - padding: 0; - border-radius: 0 -} - -.full.height>.action-view-right>.job-info-header[data-v-f6820c60] { - border-radius: 0 -} - -.full.height>.action-view-right>.job-step-container[data-v-f6820c60] { - height: calc(100% - 60px); - border-radius: 0 -} - -.job-info-header[data-v-f6820c60] { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 12px; - border-bottom: 1px solid var(--color-console-border); - background-color: var(--color-console-bg); - position: sticky; - top: 0; - border-radius: var(--border-radius) var(--border-radius) 0 0; - height: 60px; - z-index: 1 -} - -.job-info-header .job-info-header-title[data-v-f6820c60] { - color: var(--color-console-fg); - font-size: 16px; - margin: 0 -} - -.job-info-header .job-info-header-detail[data-v-f6820c60] { - color: var(--color-console-fg-subtle); - font-size: 12px -} - -.job-step-container[data-v-f6820c60] { - background-color: var(--color-console-bg); - max-height: 100%; - border-radius: 0 0 var(--border-radius) var(--border-radius); - z-index: 0 -} - -.job-step-container .job-step-summary[data-v-f6820c60] { - cursor: pointer; - padding: 5px 10px; - display: flex; - align-items: center; - user-select: none; - border-radius: var(--border-radius) -} - -.job-step-container .job-step-summary .step-summary-msg[data-v-f6820c60] { - flex: 1 -} - -.job-step-container .job-step-summary .step-summary-duration[data-v-f6820c60] { - margin-left: 16px -} - -.job-step-container .job-step-summary[data-v-f6820c60]:hover { - color: var(--color-console-fg); - background-color: var(--color-console-hover-bg) -} - -.job-step-container .job-step-summary.selected[data-v-f6820c60] { - color: var(--color-console-fg); - background-color: var(--color-console-active-bg); - position: sticky; - top: 60px -} - -@media (max-width: 768px) { - .action-view-body[data-v-f6820c60] { - flex-direction:column - } - - .action-view-left[data-v-f6820c60],.action-view-right[data-v-f6820c60] { - width: 100% - } - - .action-view-left[data-v-f6820c60] { - max-width: none; - overflow-y: hidden - } -} - -.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-step-section .job-step-logs .job-log-line:hover { - background-color: var(--color-console-hover-bg) -} - -.job-log-line .line-num,.log-time-seconds { - width: 48px; - color: var(--color-grey-light); - text-align: right; - user-select: none -} - -.log-time-seconds { - padding-right: 2px -} - -.job-log-line .log-time,.log-time-stamp { - color: var(--color-grey-light); - 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 -} - -.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: rgba(255,150,0,.3) -} - -.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,rgba(255,255,255,0) 100%); - 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,rgba(255,255,255,0) 0,#fff 100%); - 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: rgba(0,0,0,.05); - 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,#fff 84%,#333 50%,#333 100%); - border-radius: 0; - border: 1px solid #fff -} - -.editor-toolbar .easymde-dropdown:hover { - background: linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 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: rgba(255,0,0,.15) -} - -.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; - -webkit-animation: loader .6s infinite linear; - 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: #FFFFFF; - color: #000c; - box-shadow: 0 0 0 1px #22242659 inset,0 0 #22242626 inset -} - -.ui.basic.buttons .button:focus,.ui.basic.button:focus { - background: #FFFFFF; - 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: rgba(0,0,0,.05); - 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; - -webkit-animation: none; - 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 { - -webkit-animation: loader 2s linear infinite; - 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 -} - -.ui.checkbox { - position: relative; - display: inline-block; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - outline: none; - vertical-align: baseline; - font-style: normal; - min-height: 17px; - font-size: 1em; - line-height: 17px; - min-width: 17px -} - -.ui.checkbox input[type=checkbox],.ui.checkbox input[type=radio] { - cursor: pointer; - position: absolute; - top: 0; - left: 0; - opacity: 0!important; - outline: none; - z-index: 3; - width: 17px; - height: 17px -} - -.ui.checkbox label { - cursor: auto; - position: relative; - display: block; - padding-left: 1.85714em; - outline: none; - font-size: 1em -} - -.ui.checkbox label:before { - position: absolute; - top: 0; - left: 0; - width: 17px; - height: 17px; - content: ""; - background: #FFFFFF; - border-radius: .21428571rem; - transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease; - border: 1px solid #D4D4D5 -} - -.ui.checkbox label:after { - position: absolute; - font-size: 14px; - top: 0; - left: 0; - width: 17px; - height: 17px; - text-align: center; - opacity: 0; - color: #000000de; - transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease -} - -.ui.checkbox label,.ui.checkbox+label { - color: #000000de; - transition: color .1s ease -} - -.ui.checkbox+label { - vertical-align: middle -} - -.ui.checkbox label:hover:before { - background: #FFFFFF; - border-color: #22242659 -} - -.ui.checkbox label:hover,.ui.checkbox+label:hover { - color: #000c -} - -.ui.checkbox label:active:before { - background: #F9FAFB; - border-color: #22242659 -} - -.ui.checkbox label:active:after { - color: #000000f2 -} - -.ui.checkbox input:active~label { - color: #000000f2 -} - -.ui.checkbox input:focus~label:before { - background: #FFFFFF; - border-color: #96c8da -} - -.ui.checkbox input:focus~label:after { - color: #000000f2 -} - -.ui.checkbox input:focus~label { - color: #000000f2 -} - -.ui.checkbox input:checked~label:before { - background: #FFFFFF; - border-color: #22242659 -} - -.ui.checkbox input:checked~label:after { - opacity: 1; - color: #000000f2 -} - -.ui.checkbox input:not([type=radio]):indeterminate~label:before { - background: #FFFFFF; - border-color: #22242659 -} - -.ui.checkbox input:not([type=radio]):indeterminate~label:after { - opacity: 1; - color: #000000f2 -} - -.ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate~label:before { - background: rgba(0,0,0,.15) -} - -.ui.indeterminate.toggle.checkbox input:not([type=radio])~label:after { - left: 1.075rem -} - -.ui.checkbox input:not([type=radio]):indeterminate:focus~label:before,.ui.checkbox input:checked:focus~label:before { - background: #FFFFFF; - border-color: #96c8da -} - -.ui.checkbox input:not([type=radio]):indeterminate:focus~label:after,.ui.checkbox input:checked:focus~label:after { - color: #000000f2 -} - -.ui.read-only.checkbox,.ui.read-only.checkbox label { - cursor: default -} - -.ui.disabled.checkbox label,.ui.checkbox input[disabled]~label { - cursor: default!important; - opacity: .5; - color: #000; - pointer-events: none -} - -.ui.checkbox input.hidden { - z-index: -1 -} - -.ui.checkbox input.hidden+label { - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none -} - -.ui.radio.checkbox { - min-height: 15px -} - -.ui.radio.checkbox label { - padding-left: 1.85714em -} - -.ui.radio.checkbox label:before { - content: ""; - transform: none; - width: 15px; - height: 15px; - border-radius: 500rem; - top: 1px; - left: 0 -} - -.ui.radio.checkbox label:after { - border: none; - content: ""!important; - line-height: 15px; - top: 1px; - left: 0; - width: 15px; - height: 15px; - border-radius: 500rem; - transform: scale(.46666667); - background-color: #000000de -} - -.ui.radio.checkbox input:focus~label:before { - background-color: #fff -} - -.ui.radio.checkbox input:focus~label:after { - background-color: #000000f2 -} - -.ui.radio.checkbox input:indeterminate~label:after { - opacity: 0 -} - -.ui.radio.checkbox input:checked~label:before { - background-color: #fff -} - -.ui.radio.checkbox input:checked~label:after { - background-color: #000000f2 -} - -.ui.radio.checkbox input:focus:checked~label:before { - background-color: #fff -} - -.ui.radio.checkbox input:focus:checked~label:after { - background-color: #000000f2 -} - -.ui.slider.checkbox { - min-height: 1.25rem -} - -.ui.slider.checkbox input { - width: 3.5rem; - height: 1.25rem -} - -.ui.slider.checkbox label { - padding-left: 4.5rem; - line-height: 1rem; - color: #0006 -} - -.ui.slider.checkbox label:before { - display: block; - position: absolute; - content: ""; - transform: none; - border: none!important; - left: 0; - z-index: 1; - top: .4rem; - background-color: #0000000d; - width: 3.5rem; - height: .21428571rem; - border-radius: 500rem; - transition: background .3s ease -} - -.ui.slider.checkbox label:after { - background: #FFFFFF linear-gradient(transparent,rgba(0,0,0,.05)); - position: absolute; - content: ""!important; - opacity: 1; - z-index: 2; - border: none; - box-shadow: 0 1px 2px #22242626,0 0 0 1px #22242626 inset; - width: 1.5rem; - height: 1.5rem; - top: -.25rem; - left: 0; - transform: none; - border-radius: 500rem; - transition: left .3s ease -} - -.ui.slider.checkbox input:focus~label:before { - background-color: #00000026; - border: none -} - -.ui.slider.checkbox label:hover { - color: #000c -} - -.ui.slider.checkbox label:hover:before { - background: rgba(0,0,0,.15) -} - -.ui.slider.checkbox input:checked~label { - color: #000000f2!important -} - -.ui.slider.checkbox input:checked~label:before { - background-color: #545454!important -} - -.ui.slider.checkbox input:checked~label:after { - left: 2rem -} - -.ui.slider.checkbox input:focus:checked~label { - color: #000000f2!important -} - -.ui.slider.checkbox input:focus:checked~label:before { - background-color: #000!important -} - -.ui.toggle.checkbox { - min-height: 1.5rem -} - -.ui.toggle.checkbox input { - width: 3.5rem; - height: 1.5rem -} - -.ui.toggle.checkbox label { - min-height: 1.5rem; - padding-left: 4.5rem; - color: #000000de -} - -.ui.toggle.checkbox label { - padding-top: .15em -} - -.ui.toggle.checkbox label:before { - display: block; - position: absolute; - content: ""; - z-index: 1; - transform: none; - border: none; - top: 0; - background: rgba(0,0,0,.05); - box-shadow: none; - width: 3.5rem; - height: 1.5rem; - border-radius: 500rem -} - -.ui.toggle.checkbox label:after { - background: #FFFFFF linear-gradient(transparent,rgba(0,0,0,.05)); - position: absolute; - content: ""!important; - opacity: 1; - z-index: 2; - border: none; - box-shadow: 0 1px 2px #22242626,0 0 0 1px #22242626 inset; - width: 1.5rem; - height: 1.5rem; - top: 0; - left: 0; - border-radius: 500rem; - transition: background .3s ease,left .3s ease -} - -.ui.toggle.checkbox input~label:after { - left: -.05rem; - box-shadow: 0 1px 2px #22242626,0 0 0 1px #22242626 inset -} - -.ui.toggle.checkbox input:focus~label:before { - background-color: #00000026; - border: none -} - -.ui.toggle.checkbox label:hover:before { - background-color: #00000026; - border: none -} - -.ui.toggle.checkbox input:checked~label { - color: #000000f2!important -} - -.ui.toggle.checkbox input:checked~label:before { - background-color: #2185d0!important -} - -.ui.toggle.checkbox input:checked~label:after { - left: 2.15rem; - box-shadow: 0 1px 2px #22242626,0 0 0 1px #22242626 inset -} - -.ui.toggle.checkbox input:focus:checked~label { - color: #000000f2!important -} - -.ui.toggle.checkbox input:focus:checked~label:before { - background-color: #0d71bb!important -} - -.ui.fitted.checkbox label { - padding-left: 0!important -} - -.ui.fitted.toggle.checkbox,.ui.fitted.slider.checkbox { - width: 3.5rem -} - -.ui.mini.checkbox { - font-size: .78571429em -} - -.ui.tiny.checkbox { - font-size: .85714286em -} - -.ui.small.checkbox { - font-size: .92857143em -} - -.ui.large.checkbox { - font-size: 1.14285714em -} - -.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label:after,.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label:before { - transform: scale(1.14285714); - transform-origin: left -} - -.ui.large.form .checkbox.radio label:before,.ui.large.checkbox.radio label:before { - transform: scale(1.14285714); - transform-origin: left -} - -.ui.large.form .checkbox.radio label:after,.ui.large.checkbox.radio label:after { - transform: scale(.57142857); - transform-origin: left; - left: .33571429em -} - -.ui.big.checkbox { - font-size: 1.28571429em -} - -.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label:after,.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label:before { - transform: scale(1.28571429); - transform-origin: left -} - -.ui.big.form .checkbox.radio label:before,.ui.big.checkbox.radio label:before { - transform: scale(1.28571429); - transform-origin: left -} - -.ui.big.form .checkbox.radio label:after,.ui.big.checkbox.radio label:after { - transform: scale(.64285714); - transform-origin: left; - left: .37142857em -} - -.ui.huge.checkbox { - font-size: 1.42857143em -} - -.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label:after,.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label:before { - transform: scale(1.42857143); - transform-origin: left -} - -.ui.huge.form .checkbox.radio label:before,.ui.huge.checkbox.radio label:before { - transform: scale(1.42857143); - transform-origin: left -} - -.ui.huge.form .checkbox.radio label:after,.ui.huge.checkbox.radio label:after { - transform: scale(.71428571); - transform-origin: left; - left: .40714286em -} - -.ui.massive.checkbox { - font-size: 1.71428571em -} - -.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label:after,.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label:before { - transform: scale(1.71428571); - transform-origin: left -} - -.ui.massive.form .checkbox.radio label:before,.ui.massive.checkbox.radio label:before { - transform: scale(1.71428571); - transform-origin: left -} - -.ui.massive.form .checkbox.radio label:after,.ui.massive.checkbox.radio label:after { - transform: scale(.85714286); - transform-origin: left; - left: .47857143em -} - -@font-face { - font-family: Checkbox; - src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype") -} - -.ui.checkbox label:after,.ui.checkbox .box:after { - font-family: Checkbox -} - -.ui.checkbox input:checked~.box:after,.ui.checkbox input:checked~label:after { - content: "\e800" -} - -.ui.checkbox input:indeterminate~.box:after,.ui.checkbox input:indeterminate~label:after { - font-size: 12px; - content: "\e801" -} - -.ui.container { - display: block; - max-width: 100% -} - -@media only screen and (max-width: 767.98px) { - .ui.ui.ui.container:not(.fluid) { - width:auto; - margin-left: 1em; - margin-right: 1em - } - - .ui.ui.ui.grid.container,.ui.ui.ui.relaxed.grid.container,.ui.ui.ui.very.relaxed.grid.container { - width: auto - } -} - -@media only screen and (min-width: 768px) and (max-width: 991.98px) { - .ui.ui.ui.container:not(.fluid) { - width:723px; - margin-left: auto; - margin-right: auto - } - - .ui.ui.ui.grid.container { - width: calc(723px + 2rem) - } - - .ui.ui.ui.relaxed.grid.container { - width: calc(723px + 3rem) - } - - .ui.ui.ui.very.relaxed.grid.container { - width: calc(723px + 5rem) - } -} - -@media only screen and (min-width: 992px) and (max-width: 1199.98px) { - .ui.ui.ui.container:not(.fluid) { - width:933px; - margin-left: auto; - margin-right: auto - } - - .ui.ui.ui.grid.container { - width: calc(933px + 2rem) - } - - .ui.ui.ui.relaxed.grid.container { - width: calc(933px + 3rem) - } - - .ui.ui.ui.very.relaxed.grid.container { - width: calc(933px + 5rem) - } -} - -@media only screen and (min-width: 1200px) { - .ui.ui.ui.container:not(.fluid) { - width:1127px; - margin-left: auto; - margin-right: auto - } - - .ui.ui.ui.grid.container { - width: calc(1127px + 2rem) - } - - .ui.ui.ui.relaxed.grid.container { - width: calc(1127px + 3rem) - } - - .ui.ui.ui.very.relaxed.grid.container { - width: calc(1127px + 5rem) - } -} - -.ui.text.container { - font-family: var(--fonts-regular); - max-width: 700px; - line-height: 1.5; - font-size: 1.14285714rem -} - -.ui.fluid.container { - width: 100% -} - -.ui[class*="left aligned"].container { - text-align: left -} - -.ui[class*="center aligned"].container { - text-align: center -} - -.ui[class*="right aligned"].container { - text-align: right -} - -.ui.justified.container { - text-align: justify; - -webkit-hyphens: auto; - hyphens: auto -} - -.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: rgba(0,0,0,.85); - opacity: 0; - line-height: 1; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-duration: .5s; - 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: rgba(0,0,0,.6) -} - -.blurring.dimmable>.inverted.dimmer { - background: rgba(255,255,255,.6) -} - -.ui.dimmer>.top.aligned.content>* { - vertical-align: top -} - -.ui.dimmer>.bottom.aligned.content>* { - vertical-align: bottom -} - -.medium.medium.medium.medium.medium.dimmer { - background: rgba(0,0,0,.65) -} - -.light.light.light.light.light.dimmer { - background: rgba(0,0,0,.45) -} - -.very.light.light.light.light.dimmer { - background: rgba(0,0,0,.25) -} - -.ui.simple.dimmer { - display: block; - overflow: hidden; - opacity: 0; - width: 0; - height: 0; - z-index: -100; - background: rgba(0,0,0,0) -} - -.dimmed.dimmable>.ui.simple.dimmer { - overflow: visible; - opacity: 1; - width: 100%; - height: 100%; - background: rgba(0,0,0,.85); - z-index: 1 -} - -.ui.simple.inverted.dimmer { - background: rgba(255,255,255,0) -} - -.dimmed.dimmable>.ui.simple.inverted.dimmer { - background: rgba(255,255,255,.85) -} - -.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 { - -webkit-animation-name: fadeInUpCenter; - animation-name: fadeInUpCenter -} - -.ui[class*="center dimmer"].transition[class*="fade down"].in { - -webkit-animation-name: fadeInDownCenter; - animation-name: fadeInDownCenter -} - -.ui[class*="center dimmer"].transition[class*="fade up"].out { - -webkit-animation-name: fadeOutUpCenter; - animation-name: fadeOutUpCenter -} - -.ui[class*="center dimmer"].transition[class*="fade down"].out { - -webkit-animation-name: fadeOutDownCenter; - animation-name: fadeOutDownCenter -} - -.ui[class*="center dimmer"].bounce.transition { - -webkit-animation-name: bounceCenter; - animation-name: bounceCenter -} - -@-webkit-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 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)) - } -} - -@-webkit-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 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)) - } -} - -@-webkit-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 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)) - } -} - -@-webkit-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 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)) - } -} - -@-webkit-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)) - } -} - -@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.divider { - margin: 1rem 0; - line-height: 1; - height: 0; - font-weight: 500; - text-transform: uppercase; - letter-spacing: .05em; - color: #000000d9; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - -webkit-tap-highlight-color: rgba(0,0,0,0) -} - -.ui.divider:not(.vertical):not(.horizontal) { - border-top: 1px solid rgba(34,36,38,.15); - border-bottom: 1px solid rgba(255,255,255,.1) -} - -.ui.grid>.column+.divider,.ui.grid>.row>.column+.divider { - left: auto -} - -.ui.horizontal.divider { - display: table; - white-space: nowrap; - height: auto; - margin: ""; - line-height: 1; - text-align: center -} - -.ui.horizontal.divider:before,.ui.horizontal.divider:after { - content: ""; - display: table-cell; - position: relative; - top: 50%; - width: 50%; - background-repeat: no-repeat -} - -.ui.horizontal.divider:before { - background-position: right 1em top 50% -} - -.ui.horizontal.divider:after { - background-position: left 1em top 50% -} - -.ui.vertical.divider { - position: absolute; - z-index: 2; - top: 50%; - left: 50%; - margin: 0; - padding: 0; - width: auto; - height: 50%; - line-height: 0; - text-align: center; - transform: translate(-50%) -} - -.ui.vertical.divider:before,.ui.vertical.divider:after { - position: absolute; - left: 50%; - content: ""; - z-index: 3; - border-left: 1px solid rgba(34,36,38,.15); - border-right: 1px solid rgba(255,255,255,.1); - width: 0; - height: calc(100% - 1rem) -} - -.ui.vertical.divider:before { - top: -100% -} - -.ui.vertical.divider:after { - top: auto; - bottom: 0 -} - -@media only screen and (max-width: 767.98px) { - .ui.stackable.grid .ui.vertical.divider,.ui.grid .stackable.row .ui.vertical.divider { - display:table; - white-space: nowrap; - height: auto; - margin: ""; - overflow: hidden; - line-height: 1; - text-align: center; - position: static; - top: 0; - left: 0; - transform: none - } - - .ui.stackable.grid .ui.vertical.divider:before,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:after { - left: 0; - border-left: none; - border-right: none; - content: ""; - display: table-cell; - position: relative; - top: 50%; - width: 50%; - background-repeat: no-repeat - } - - .ui.stackable.grid .ui.vertical.divider:before,.ui.grid .stackable.row .ui.vertical.divider:before { - background-position: right 1em top 50% - } - - .ui.stackable.grid .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:after { - background-position: left 1em top 50% - } -} - -.ui.divider>.icon { - margin: 0; - font-size: 1rem; - height: 1em; - vertical-align: middle -} - -.ui.horizontal.divider[class*="left aligned"]:before { - display: none -} - -.ui.horizontal.divider[class*="left aligned"]:after { - width: 100% -} - -.ui.horizontal.divider[class*="right aligned"]:before { - width: 100% -} - -.ui.horizontal.divider[class*="right aligned"]:after { - display: none -} - -.ui.hidden.divider { - border-color: transparent!important -} - -.ui.hidden.divider:before,.ui.hidden.divider:after { - display: none -} - -.ui.fitted.divider { - margin: 0 -} - -.ui.clearing.divider { - clear: both -} - -.ui.section.divider { - margin-top: 2rem; - margin-bottom: 2rem -} - -.ui.divider { - font-size: 1rem -} - -.ui.mini.divider { - font-size: .78571429rem -} - -.ui.tiny.divider { - font-size: .85714286rem -} - -.ui.small.divider { - font-size: .92857143rem -} - -.ui.large.divider { - font-size: 1.14285714rem -} - -.ui.big.divider { - font-size: 1.28571429rem -} - -.ui.huge.divider { - font-size: 1.42857143rem -} - -.ui.massive.divider { - font-size: 1.71428571rem -} - -.ui.horizontal.divider:before,.ui.horizontal.divider:after { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC) -} - -@media only screen and (max-width: 767px) { - .ui.stackable.grid .ui.vertical.divider:before,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:after { - background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC) - } -} - -.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: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - margin: 0; - padding: 0; - background: #FFFFFF; - 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: #FFFFFF; - 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; - -webkit-backface-visibility: hidden; - 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 { - -webkit-animation:scrollhint 2s ease 2; - 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,rgba(0,0,0,.75),rgba(0,0,0,0)) 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,rgba(255,255,255,.75),rgba(255,255,255,0)) 1 100% - } - - @-webkit-keyframes scrollhint { - 0% { - opacity: 1; - top: 100% - } - - to { - opacity: 0; - top: 0 - } - } - - @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; - -webkit-backface-visibility: hidden; - 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: rgba(0,0,0,.05); - 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; - -webkit-animation: loader .6s infinite linear; - 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: rgba(0,0,0,.03); - 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; - -webkit-backface-visibility: hidden; - 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: #FFFFFF; - z-index: 2 -} - -.ui.pointing.dropdown>.menu:not(.hidden):after { - 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; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - font-weight: 400; - font-style: normal; - text-align: center -} - -.ui.dropdown>.dropdown.icon { - 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: #FFFFFF; - 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: #FFFFFF; - 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: #FFFFFF; - 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: #FFFFFF!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: #FFFFFF; - 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: #FFFFFF; - 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: rgba(255,255,255,.8); - 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; - -webkit-animation: loader .6s infinite linear; - 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.grid { - display: flex; - flex-direction: row; - flex-wrap: wrap; - align-items: stretch; - padding: 0 -} - -.ui.grid { - 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.celled.page.grid { - box-shadow: none -} - -.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 -} - -@media only screen and (min-width: 320px) and (max-width: 767.98px) { - .ui.grid>.row>[class*="one wide mobile"].column,.ui.grid>.column.row>[class*="one wide mobile"].column,.ui.grid>[class*="one wide mobile"].column,.ui.column.grid>[class*="one wide mobile"].column { - width:6.25%!important - } - - .ui.grid>.row>[class*="two wide mobile"].column,.ui.grid>.column.row>[class*="two wide mobile"].column,.ui.grid>[class*="two wide mobile"].column,.ui.column.grid>[class*="two wide mobile"].column { - width: 12.5%!important - } - - .ui.grid>.row>[class*="three wide mobile"].column,.ui.grid>.column.row>[class*="three wide mobile"].column,.ui.grid>[class*="three wide mobile"].column,.ui.column.grid>[class*="three wide mobile"].column { - width: 18.75%!important - } - - .ui.grid>.row>[class*="four wide mobile"].column,.ui.grid>.column.row>[class*="four wide mobile"].column,.ui.grid>[class*="four wide mobile"].column,.ui.column.grid>[class*="four wide mobile"].column { - width: 25%!important - } - - .ui.grid>.row>[class*="five wide mobile"].column,.ui.grid>.column.row>[class*="five wide mobile"].column,.ui.grid>[class*="five wide mobile"].column,.ui.column.grid>[class*="five wide mobile"].column { - width: 31.25%!important - } - - .ui.grid>.row>[class*="six wide mobile"].column,.ui.grid>.column.row>[class*="six wide mobile"].column,.ui.grid>[class*="six wide mobile"].column,.ui.column.grid>[class*="six wide mobile"].column { - width: 37.5%!important - } - - .ui.grid>.row>[class*="seven wide mobile"].column,.ui.grid>.column.row>[class*="seven wide mobile"].column,.ui.grid>[class*="seven wide mobile"].column,.ui.column.grid>[class*="seven wide mobile"].column { - width: 43.75%!important - } - - .ui.grid>.row>[class*="eight wide mobile"].column,.ui.grid>.column.row>[class*="eight wide mobile"].column,.ui.grid>[class*="eight wide mobile"].column,.ui.column.grid>[class*="eight wide mobile"].column { - width: 50%!important - } - - .ui.grid>.row>[class*="nine wide mobile"].column,.ui.grid>.column.row>[class*="nine wide mobile"].column,.ui.grid>[class*="nine wide mobile"].column,.ui.column.grid>[class*="nine wide mobile"].column { - width: 56.25%!important - } - - .ui.grid>.row>[class*="ten wide mobile"].column,.ui.grid>.column.row>[class*="ten wide mobile"].column,.ui.grid>[class*="ten wide mobile"].column,.ui.column.grid>[class*="ten wide mobile"].column { - width: 62.5%!important - } - - .ui.grid>.row>[class*="eleven wide mobile"].column,.ui.grid>.column.row>[class*="eleven wide mobile"].column,.ui.grid>[class*="eleven wide mobile"].column,.ui.column.grid>[class*="eleven wide mobile"].column { - width: 68.75%!important - } - - .ui.grid>.row>[class*="twelve wide mobile"].column,.ui.grid>.column.row>[class*="twelve wide mobile"].column,.ui.grid>[class*="twelve wide mobile"].column,.ui.column.grid>[class*="twelve wide mobile"].column { - width: 75%!important - } - - .ui.grid>.row>[class*="thirteen wide mobile"].column,.ui.grid>.column.row>[class*="thirteen wide mobile"].column,.ui.grid>[class*="thirteen wide mobile"].column,.ui.column.grid>[class*="thirteen wide mobile"].column { - width: 81.25%!important - } - - .ui.grid>.row>[class*="fourteen wide mobile"].column,.ui.grid>.column.row>[class*="fourteen wide mobile"].column,.ui.grid>[class*="fourteen wide mobile"].column,.ui.column.grid>[class*="fourteen wide mobile"].column { - width: 87.5%!important - } - - .ui.grid>.row>[class*="fifteen wide mobile"].column,.ui.grid>.column.row>[class*="fifteen wide mobile"].column,.ui.grid>[class*="fifteen wide mobile"].column,.ui.column.grid>[class*="fifteen wide mobile"].column { - width: 93.75%!important - } - - .ui.grid>.row>[class*="sixteen wide mobile"].column,.ui.grid>.column.row>[class*="sixteen wide mobile"].column,.ui.grid>[class*="sixteen wide mobile"].column,.ui.column.grid>[class*="sixteen wide mobile"].column { - width: 100%!important - } -} - -@media only screen and (min-width: 768px) and (max-width: 991.98px) { - .ui.grid>.row>[class*="one wide tablet"].column,.ui.grid>.column.row>[class*="one wide tablet"].column,.ui.grid>[class*="one wide tablet"].column,.ui.column.grid>[class*="one wide tablet"].column { - width:6.25%!important - } - - .ui.grid>.row>[class*="two wide tablet"].column,.ui.grid>.column.row>[class*="two wide tablet"].column,.ui.grid>[class*="two wide tablet"].column,.ui.column.grid>[class*="two wide tablet"].column { - width: 12.5%!important - } - - .ui.grid>.row>[class*="three wide tablet"].column,.ui.grid>.column.row>[class*="three wide tablet"].column,.ui.grid>[class*="three wide tablet"].column,.ui.column.grid>[class*="three wide tablet"].column { - width: 18.75%!important - } - - .ui.grid>.row>[class*="four wide tablet"].column,.ui.grid>.column.row>[class*="four wide tablet"].column,.ui.grid>[class*="four wide tablet"].column,.ui.column.grid>[class*="four wide tablet"].column { - width: 25%!important - } - - .ui.grid>.row>[class*="five wide tablet"].column,.ui.grid>.column.row>[class*="five wide tablet"].column,.ui.grid>[class*="five wide tablet"].column,.ui.column.grid>[class*="five wide tablet"].column { - width: 31.25%!important - } - - .ui.grid>.row>[class*="six wide tablet"].column,.ui.grid>.column.row>[class*="six wide tablet"].column,.ui.grid>[class*="six wide tablet"].column,.ui.column.grid>[class*="six wide tablet"].column { - width: 37.5%!important - } - - .ui.grid>.row>[class*="seven wide tablet"].column,.ui.grid>.column.row>[class*="seven wide tablet"].column,.ui.grid>[class*="seven wide tablet"].column,.ui.column.grid>[class*="seven wide tablet"].column { - width: 43.75%!important - } - - .ui.grid>.row>[class*="eight wide tablet"].column,.ui.grid>.column.row>[class*="eight wide tablet"].column,.ui.grid>[class*="eight wide tablet"].column,.ui.column.grid>[class*="eight wide tablet"].column { - width: 50%!important - } - - .ui.grid>.row>[class*="nine wide tablet"].column,.ui.grid>.column.row>[class*="nine wide tablet"].column,.ui.grid>[class*="nine wide tablet"].column,.ui.column.grid>[class*="nine wide tablet"].column { - width: 56.25%!important - } - - .ui.grid>.row>[class*="ten wide tablet"].column,.ui.grid>.column.row>[class*="ten wide tablet"].column,.ui.grid>[class*="ten wide tablet"].column,.ui.column.grid>[class*="ten wide tablet"].column { - width: 62.5%!important - } - - .ui.grid>.row>[class*="eleven wide tablet"].column,.ui.grid>.column.row>[class*="eleven wide tablet"].column,.ui.grid>[class*="eleven wide tablet"].column,.ui.column.grid>[class*="eleven wide tablet"].column { - width: 68.75%!important - } - - .ui.grid>.row>[class*="twelve wide tablet"].column,.ui.grid>.column.row>[class*="twelve wide tablet"].column,.ui.grid>[class*="twelve wide tablet"].column,.ui.column.grid>[class*="twelve wide tablet"].column { - width: 75%!important - } - - .ui.grid>.row>[class*="thirteen wide tablet"].column,.ui.grid>.column.row>[class*="thirteen wide tablet"].column,.ui.grid>[class*="thirteen wide tablet"].column,.ui.column.grid>[class*="thirteen wide tablet"].column { - width: 81.25%!important - } - - .ui.grid>.row>[class*="fourteen wide tablet"].column,.ui.grid>.column.row>[class*="fourteen wide tablet"].column,.ui.grid>[class*="fourteen wide tablet"].column,.ui.column.grid>[class*="fourteen wide tablet"].column { - width: 87.5%!important - } - - .ui.grid>.row>[class*="fifteen wide tablet"].column,.ui.grid>.column.row>[class*="fifteen wide tablet"].column,.ui.grid>[class*="fifteen wide tablet"].column,.ui.column.grid>[class*="fifteen wide tablet"].column { - width: 93.75%!important - } - - .ui.grid>.row>[class*="sixteen wide tablet"].column,.ui.grid>.column.row>[class*="sixteen wide tablet"].column,.ui.grid>[class*="sixteen wide tablet"].column,.ui.column.grid>[class*="sixteen wide tablet"].column { - width: 100%!important - } -} - -@media only screen and (min-width: 992px) { - .ui.grid>.row>[class*="one wide computer"].column,.ui.grid>.column.row>[class*="one wide computer"].column,.ui.grid>[class*="one wide computer"].column,.ui.column.grid>[class*="one wide computer"].column { - width:6.25%!important - } - - .ui.grid>.row>[class*="two wide computer"].column,.ui.grid>.column.row>[class*="two wide computer"].column,.ui.grid>[class*="two wide computer"].column,.ui.column.grid>[class*="two wide computer"].column { - width: 12.5%!important - } - - .ui.grid>.row>[class*="three wide computer"].column,.ui.grid>.column.row>[class*="three wide computer"].column,.ui.grid>[class*="three wide computer"].column,.ui.column.grid>[class*="three wide computer"].column { - width: 18.75%!important - } - - .ui.grid>.row>[class*="four wide computer"].column,.ui.grid>.column.row>[class*="four wide computer"].column,.ui.grid>[class*="four wide computer"].column,.ui.column.grid>[class*="four wide computer"].column { - width: 25%!important - } - - .ui.grid>.row>[class*="five wide computer"].column,.ui.grid>.column.row>[class*="five wide computer"].column,.ui.grid>[class*="five wide computer"].column,.ui.column.grid>[class*="five wide computer"].column { - width: 31.25%!important - } - - .ui.grid>.row>[class*="six wide computer"].column,.ui.grid>.column.row>[class*="six wide computer"].column,.ui.grid>[class*="six wide computer"].column,.ui.column.grid>[class*="six wide computer"].column { - width: 37.5%!important - } - - .ui.grid>.row>[class*="seven wide computer"].column,.ui.grid>.column.row>[class*="seven wide computer"].column,.ui.grid>[class*="seven wide computer"].column,.ui.column.grid>[class*="seven wide computer"].column { - width: 43.75%!important - } - - .ui.grid>.row>[class*="eight wide computer"].column,.ui.grid>.column.row>[class*="eight wide computer"].column,.ui.grid>[class*="eight wide computer"].column,.ui.column.grid>[class*="eight wide computer"].column { - width: 50%!important - } - - .ui.grid>.row>[class*="nine wide computer"].column,.ui.grid>.column.row>[class*="nine wide computer"].column,.ui.grid>[class*="nine wide computer"].column,.ui.column.grid>[class*="nine wide computer"].column { - width: 56.25%!important - } - - .ui.grid>.row>[class*="ten wide computer"].column,.ui.grid>.column.row>[class*="ten wide computer"].column,.ui.grid>[class*="ten wide computer"].column,.ui.column.grid>[class*="ten wide computer"].column { - width: 62.5%!important - } - - .ui.grid>.row>[class*="eleven wide computer"].column,.ui.grid>.column.row>[class*="eleven wide computer"].column,.ui.grid>[class*="eleven wide computer"].column,.ui.column.grid>[class*="eleven wide computer"].column { - width: 68.75%!important - } - - .ui.grid>.row>[class*="twelve wide computer"].column,.ui.grid>.column.row>[class*="twelve wide computer"].column,.ui.grid>[class*="twelve wide computer"].column,.ui.column.grid>[class*="twelve wide computer"].column { - width: 75%!important - } - - .ui.grid>.row>[class*="thirteen wide computer"].column,.ui.grid>.column.row>[class*="thirteen wide computer"].column,.ui.grid>[class*="thirteen wide computer"].column,.ui.column.grid>[class*="thirteen wide computer"].column { - width: 81.25%!important - } - - .ui.grid>.row>[class*="fourteen wide computer"].column,.ui.grid>.column.row>[class*="fourteen wide computer"].column,.ui.grid>[class*="fourteen wide computer"].column,.ui.column.grid>[class*="fourteen wide computer"].column { - width: 87.5%!important - } - - .ui.grid>.row>[class*="fifteen wide computer"].column,.ui.grid>.column.row>[class*="fifteen wide computer"].column,.ui.grid>[class*="fifteen wide computer"].column,.ui.column.grid>[class*="fifteen wide computer"].column { - width: 93.75%!important - } - - .ui.grid>.row>[class*="sixteen wide computer"].column,.ui.grid>.column.row>[class*="sixteen wide computer"].column,.ui.grid>[class*="sixteen wide computer"].column,.ui.column.grid>[class*="sixteen wide computer"].column { - width: 100%!important - } -} - -@media only screen and (min-width: 1200px) and (max-width: 1919.98px) { - .ui.grid>.row>[class*="one wide large screen"].column,.ui.grid>.column.row>[class*="one wide large screen"].column,.ui.grid>[class*="one wide large screen"].column,.ui.column.grid>[class*="one wide large screen"].column { - width:6.25%!important - } - - .ui.grid>.row>[class*="two wide large screen"].column,.ui.grid>.column.row>[class*="two wide large screen"].column,.ui.grid>[class*="two wide large screen"].column,.ui.column.grid>[class*="two wide large screen"].column { - width: 12.5%!important - } - - .ui.grid>.row>[class*="three wide large screen"].column,.ui.grid>.column.row>[class*="three wide large screen"].column,.ui.grid>[class*="three wide large screen"].column,.ui.column.grid>[class*="three wide large screen"].column { - width: 18.75%!important - } - - .ui.grid>.row>[class*="four wide large screen"].column,.ui.grid>.column.row>[class*="four wide large screen"].column,.ui.grid>[class*="four wide large screen"].column,.ui.column.grid>[class*="four wide large screen"].column { - width: 25%!important - } - - .ui.grid>.row>[class*="five wide large screen"].column,.ui.grid>.column.row>[class*="five wide large screen"].column,.ui.grid>[class*="five wide large screen"].column,.ui.column.grid>[class*="five wide large screen"].column { - width: 31.25%!important - } - - .ui.grid>.row>[class*="six wide large screen"].column,.ui.grid>.column.row>[class*="six wide large screen"].column,.ui.grid>[class*="six wide large screen"].column,.ui.column.grid>[class*="six wide large screen"].column { - width: 37.5%!important - } - - .ui.grid>.row>[class*="seven wide large screen"].column,.ui.grid>.column.row>[class*="seven wide large screen"].column,.ui.grid>[class*="seven wide large screen"].column,.ui.column.grid>[class*="seven wide large screen"].column { - width: 43.75%!important - } - - .ui.grid>.row>[class*="eight wide large screen"].column,.ui.grid>.column.row>[class*="eight wide large screen"].column,.ui.grid>[class*="eight wide large screen"].column,.ui.column.grid>[class*="eight wide large screen"].column { - width: 50%!important - } - - .ui.grid>.row>[class*="nine wide large screen"].column,.ui.grid>.column.row>[class*="nine wide large screen"].column,.ui.grid>[class*="nine wide large screen"].column,.ui.column.grid>[class*="nine wide large screen"].column { - width: 56.25%!important - } - - .ui.grid>.row>[class*="ten wide large screen"].column,.ui.grid>.column.row>[class*="ten wide large screen"].column,.ui.grid>[class*="ten wide large screen"].column,.ui.column.grid>[class*="ten wide large screen"].column { - width: 62.5%!important - } - - .ui.grid>.row>[class*="eleven wide large screen"].column,.ui.grid>.column.row>[class*="eleven wide large screen"].column,.ui.grid>[class*="eleven wide large screen"].column,.ui.column.grid>[class*="eleven wide large screen"].column { - width: 68.75%!important - } - - .ui.grid>.row>[class*="twelve wide large screen"].column,.ui.grid>.column.row>[class*="twelve wide large screen"].column,.ui.grid>[class*="twelve wide large screen"].column,.ui.column.grid>[class*="twelve wide large screen"].column { - width: 75%!important - } - - .ui.grid>.row>[class*="thirteen wide large screen"].column,.ui.grid>.column.row>[class*="thirteen wide large screen"].column,.ui.grid>[class*="thirteen wide large screen"].column,.ui.column.grid>[class*="thirteen wide large screen"].column { - width: 81.25%!important - } - - .ui.grid>.row>[class*="fourteen wide large screen"].column,.ui.grid>.column.row>[class*="fourteen wide large screen"].column,.ui.grid>[class*="fourteen wide large screen"].column,.ui.column.grid>[class*="fourteen wide large screen"].column { - width: 87.5%!important - } - - .ui.grid>.row>[class*="fifteen wide large screen"].column,.ui.grid>.column.row>[class*="fifteen wide large screen"].column,.ui.grid>[class*="fifteen wide large screen"].column,.ui.column.grid>[class*="fifteen wide large screen"].column { - width: 93.75%!important - } - - .ui.grid>.row>[class*="sixteen wide large screen"].column,.ui.grid>.column.row>[class*="sixteen wide large screen"].column,.ui.grid>[class*="sixteen wide large screen"].column,.ui.column.grid>[class*="sixteen wide large screen"].column { - width: 100%!important - } -} - -@media only screen and (min-width: 1920px) { - .ui.grid>.row>[class*="one wide widescreen"].column,.ui.grid>.column.row>[class*="one wide widescreen"].column,.ui.grid>[class*="one wide widescreen"].column,.ui.column.grid>[class*="one wide widescreen"].column { - width:6.25%!important - } - - .ui.grid>.row>[class*="two wide widescreen"].column,.ui.grid>.column.row>[class*="two wide widescreen"].column,.ui.grid>[class*="two wide widescreen"].column,.ui.column.grid>[class*="two wide widescreen"].column { - width: 12.5%!important - } - - .ui.grid>.row>[class*="three wide widescreen"].column,.ui.grid>.column.row>[class*="three wide widescreen"].column,.ui.grid>[class*="three wide widescreen"].column,.ui.column.grid>[class*="three wide widescreen"].column { - width: 18.75%!important - } - - .ui.grid>.row>[class*="four wide widescreen"].column,.ui.grid>.column.row>[class*="four wide widescreen"].column,.ui.grid>[class*="four wide widescreen"].column,.ui.column.grid>[class*="four wide widescreen"].column { - width: 25%!important - } - - .ui.grid>.row>[class*="five wide widescreen"].column,.ui.grid>.column.row>[class*="five wide widescreen"].column,.ui.grid>[class*="five wide widescreen"].column,.ui.column.grid>[class*="five wide widescreen"].column { - width: 31.25%!important - } - - .ui.grid>.row>[class*="six wide widescreen"].column,.ui.grid>.column.row>[class*="six wide widescreen"].column,.ui.grid>[class*="six wide widescreen"].column,.ui.column.grid>[class*="six wide widescreen"].column { - width: 37.5%!important - } - - .ui.grid>.row>[class*="seven wide widescreen"].column,.ui.grid>.column.row>[class*="seven wide widescreen"].column,.ui.grid>[class*="seven wide widescreen"].column,.ui.column.grid>[class*="seven wide widescreen"].column { - width: 43.75%!important - } - - .ui.grid>.row>[class*="eight wide widescreen"].column,.ui.grid>.column.row>[class*="eight wide widescreen"].column,.ui.grid>[class*="eight wide widescreen"].column,.ui.column.grid>[class*="eight wide widescreen"].column { - width: 50%!important - } - - .ui.grid>.row>[class*="nine wide widescreen"].column,.ui.grid>.column.row>[class*="nine wide widescreen"].column,.ui.grid>[class*="nine wide widescreen"].column,.ui.column.grid>[class*="nine wide widescreen"].column { - width: 56.25%!important - } - - .ui.grid>.row>[class*="ten wide widescreen"].column,.ui.grid>.column.row>[class*="ten wide widescreen"].column,.ui.grid>[class*="ten wide widescreen"].column,.ui.column.grid>[class*="ten wide widescreen"].column { - width: 62.5%!important - } - - .ui.grid>.row>[class*="eleven wide widescreen"].column,.ui.grid>.column.row>[class*="eleven wide widescreen"].column,.ui.grid>[class*="eleven wide widescreen"].column,.ui.column.grid>[class*="eleven wide widescreen"].column { - width: 68.75%!important - } - - .ui.grid>.row>[class*="twelve wide widescreen"].column,.ui.grid>.column.row>[class*="twelve wide widescreen"].column,.ui.grid>[class*="twelve wide widescreen"].column,.ui.column.grid>[class*="twelve wide widescreen"].column { - width: 75%!important - } - - .ui.grid>.row>[class*="thirteen wide widescreen"].column,.ui.grid>.column.row>[class*="thirteen wide widescreen"].column,.ui.grid>[class*="thirteen wide widescreen"].column,.ui.column.grid>[class*="thirteen wide widescreen"].column { - width: 81.25%!important - } - - .ui.grid>.row>[class*="fourteen wide widescreen"].column,.ui.grid>.column.row>[class*="fourteen wide widescreen"].column,.ui.grid>[class*="fourteen wide widescreen"].column,.ui.column.grid>[class*="fourteen wide widescreen"].column { - width: 87.5%!important - } - - .ui.grid>.row>[class*="fifteen wide widescreen"].column,.ui.grid>.column.row>[class*="fifteen wide widescreen"].column,.ui.grid>[class*="fifteen wide widescreen"].column,.ui.column.grid>[class*="fifteen wide widescreen"].column { - width: 93.75%!important - } - - .ui.grid>.row>[class*="sixteen wide widescreen"].column,.ui.grid>.column.row>[class*="sixteen wide widescreen"].column,.ui.grid>[class*="sixteen wide widescreen"].column,.ui.column.grid>[class*="sixteen wide widescreen"].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.padded.grid:not(.vertically):not(.horizontally) { - margin: 0!important -} - -[class*="horizontally padded"].ui.grid { - margin-left: 0!important; - margin-right: 0!important -} - -[class*="vertically padded"].ui.grid { - margin-top: 0!important; - margin-bottom: 0!important -} - -.ui.grid [class*="left floated"].column { - margin-right: auto -} - -.ui.grid [class*="right floated"].column { - margin-left: auto -} - -.ui.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.divided.grid:not([class*="vertically divided"])>.row>.column { - box-shadow: -1px 0 #22242626 -} - -.ui[class*="vertically divided"].grid>.column:not(.row),.ui[class*="vertically divided"].grid>.row>.column { - margin-top: 1rem; - margin-bottom: 1rem; - padding-top: 0; - padding-bottom: 0 -} - -.ui[class*="vertically divided"].grid>.row { - margin-top: 0; - margin-bottom: 0 -} - -.ui.divided.grid:not([class*="vertically divided"])>.column:first-child,.ui.divided.grid:not([class*="vertically divided"])>.row>.column:first-child { - box-shadow: none -} - -.ui[class*="vertically divided"].grid>.row:first-child>.column { - margin-top: 0 -} - -.ui.grid>.divided.row>.column { - box-shadow: -1px 0 #22242626 -} - -.ui.grid>.divided.row>.column:first-child { - box-shadow: none -} - -.ui[class*="vertically divided"].grid>.row { - position: relative -} - -.ui[class*="vertically divided"].grid>.row:before { - position: absolute; - content: ""; - top: 0; - left: 0; - width: calc(100% - 2rem); - height: 1px; - margin: 0 1rem; - box-shadow: 0 -1px #22242626 -} - -[class*="horizontally padded"].ui.divided.grid,.ui.padded.divided.grid:not(.vertically):not(.horizontally) { - width: 100% -} - -.ui[class*="vertically divided"].grid>.row:first-child:before { - box-shadow: none -} - -.ui.relaxed[class*="vertically divided"].grid>.row:before { - margin-left: 1.5rem; - margin-right: 1.5rem; - width: calc(100% - 3rem) -} - -.ui[class*="very relaxed"][class*="vertically divided"].grid>.row:before { - margin-left: 2.5rem; - margin-right: 2.5rem; - width: calc(100% - 5rem) -} - -.ui.celled.grid { - width: 100%; - margin: 1em 0; - box-shadow: 0 0 0 1px #d4d4d5 -} - -.ui.celled.grid>.row { - width: 100%!important; - margin: 0; - padding: 0; - box-shadow: 0 -1px #d4d4d5 -} - -.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column { - box-shadow: -1px 0 #d4d4d5 -} - -.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child { - box-shadow: none -} - -.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column { - padding: 1em -} - -.ui.relaxed.celled.grid>.column:not(.row),.ui.relaxed.celled.grid>.row>.column { - padding: 1.5em -} - -.ui[class*="very relaxed"].celled.grid>.column:not(.row),.ui[class*="very relaxed"].celled.grid>.row>.column { - padding: 2em -} - -.ui[class*="internally celled"].grid { - box-shadow: none; - margin: 0 -} - -.ui[class*="internally celled"].grid>.row:first-child { - box-shadow: none -} - -.ui[class*="internally celled"].grid>.row>.column:first-child { - box-shadow: none -} - -.ui[class*="top aligned"].grid>.column:not(.row),.ui[class*="top aligned"].grid>.row>.column,.ui.grid>[class*="top aligned"].row>.column,.ui.grid>[class*="top aligned"].column:not(.row),.ui.grid>.row>[class*="top aligned"].column { - flex-direction: column; - vertical-align: top; - align-self: flex-start!important -} - -.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*="bottom aligned"].grid>.column:not(.row),.ui[class*="bottom aligned"].grid>.row>.column,.ui.grid>[class*="bottom aligned"].row>.column,.ui.grid>[class*="bottom aligned"].column:not(.row),.ui.grid>.row>[class*="bottom aligned"].column { - flex-direction: column; - vertical-align: bottom; - align-self: flex-end!important -} - -.ui.stretched.grid>.row>.column,.ui.stretched.grid>.column,.ui.grid>.stretched.row>.column,.ui.grid>.stretched.column:not(.row),.ui.grid>.row>.stretched.column { - display: inline-flex!important; - align-self: stretch; - flex-direction: column -} - -.ui.stretched.grid>.row>.column>*,.ui.stretched.grid>.column>*,.ui.grid>.stretched.row>.column>*,.ui.grid>.stretched.column:not(.row)>*,.ui.grid>.row>.stretched.column>* { - flex-grow: 1 -} - -.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.justified.grid>.column,.ui.justified.grid>.row>.column,.ui.grid>.justified.row>.column,.ui.grid>.justified.column.column,.ui.grid>.row>.justified.column.column { - text-align: justify; - -webkit-hyphens: auto; - hyphens: auto -} - -.ui.grid>.primary.row,.ui.grid>.primary.column,.ui.grid>.row>.primary.column { - background-color: #2185d0; - color: #fff -} - -.ui.grid>.secondary.row,.ui.grid>.secondary.column,.ui.grid>.row>.secondary.column { - background-color: #1b1c1d; - color: #fff -} - -.ui.grid>.red.row,.ui.grid>.red.column,.ui.grid>.row>.red.column { - background-color: #db2828; - color: #fff -} - -.ui.grid>.orange.row,.ui.grid>.orange.column,.ui.grid>.row>.orange.column { - background-color: #f2711c; - color: #fff -} - -.ui.grid>.yellow.row,.ui.grid>.yellow.column,.ui.grid>.row>.yellow.column { - background-color: #fbbd08; - color: #fff -} - -.ui.grid>.olive.row,.ui.grid>.olive.column,.ui.grid>.row>.olive.column { - background-color: #b5cc18; - color: #fff -} - -.ui.grid>.green.row,.ui.grid>.green.column,.ui.grid>.row>.green.column { - background-color: #21ba45; - color: #fff -} - -.ui.grid>.teal.row,.ui.grid>.teal.column,.ui.grid>.row>.teal.column { - background-color: #00b5ad; - color: #fff -} - -.ui.grid>.blue.row,.ui.grid>.blue.column,.ui.grid>.row>.blue.column { - background-color: #2185d0; - color: #fff -} - -.ui.grid>.violet.row,.ui.grid>.violet.column,.ui.grid>.row>.violet.column { - background-color: #6435c9; - color: #fff -} - -.ui.grid>.purple.row,.ui.grid>.purple.column,.ui.grid>.row>.purple.column { - background-color: #a333c8; - color: #fff -} - -.ui.grid>.pink.row,.ui.grid>.pink.column,.ui.grid>.row>.pink.column { - background-color: #e03997; - color: #fff -} - -.ui.grid>.brown.row,.ui.grid>.brown.column,.ui.grid>.row>.brown.column { - background-color: #a5673f; - color: #fff -} - -.ui.grid>.grey.row,.ui.grid>.grey.column,.ui.grid>.row>.grey.column { - background-color: #767676; - color: #fff -} - -.ui.grid>.black.row,.ui.grid>.black.column,.ui.grid>.row>.black.column { - background-color: #1b1c1d; - color: #fff -} - -.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[class*="mobile vertically reversed"].grid,.ui.stackable[class*="mobile reversed"] { - flex-direction: column-reverse - } - - .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child { - box-shadow: -1px 0 #22242626 - } - - .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child { - box-shadow: none - } - - .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:first-child:before { - box-shadow: 0 -1px #22242626 - } - - .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:last-child:before { - box-shadow: none - } - - .ui[class*="mobile reversed"].celled.grid>.row>.column:first-child { - box-shadow: -1px 0 #d4d4d5 - } - - .ui[class*="mobile reversed"].celled.grid>.row>.column:last-child { - box-shadow: none - } -} - -@media only screen and (min-width: 768px) and (max-width: 991.98px) { - .ui[class*="tablet reversed"].grid,.ui[class*="tablet reversed"].grid>.row,.ui.grid>[class*="tablet reversed"].row { - flex-direction:row-reverse - } - - .ui[class*="tablet vertically reversed"].grid { - flex-direction: column-reverse - } - - .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child { - box-shadow: -1px 0 #22242626 - } - - .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child { - box-shadow: none - } - - .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:first-child:before { - box-shadow: 0 -1px #22242626 - } - - .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:last-child:before { - box-shadow: none - } - - .ui[class*="tablet reversed"].celled.grid>.row>.column:first-child { - box-shadow: -1px 0 #d4d4d5 - } - - .ui[class*="tablet reversed"].celled.grid>.row>.column:last-child { - box-shadow: none - } -} - -@media only screen and (min-width: 992px) { - .ui[class*="computer reversed"].grid,.ui[class*="computer reversed"].grid>.row,.ui.grid>[class*="computer reversed"].row { - flex-direction:row-reverse - } - - .ui[class*="computer vertically reversed"].grid { - flex-direction: column-reverse - } - - .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child { - box-shadow: -1px 0 #22242626 - } - - .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child { - box-shadow: none - } - - .ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:first-child:before { - box-shadow: 0 -1px #22242626 - } - - .ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:last-child:before { - box-shadow: none - } - - .ui[class*="computer reversed"].celled.grid>.row>.column:first-child { - box-shadow: -1px 0 #d4d4d5 - } - - .ui[class*="computer reversed"].celled.grid>.row>.column:last-child { - box-shadow: none - } -} - -@media only screen and (max-width: 767.98px) { - .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.stackable.divided.grid>.row:first-child>.column:first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:not(.row):first-child,.ui.stackable.celled.grid>.column:not(.row):first-child { - border-top: none!important - } - - .ui.stackable.celled.grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.celled.grid>.row>.column,.ui.stackable.divided:not(.vertically).grid>.row>.column { - border-top: 1px solid rgba(34,36,38,.15); - box-shadow: none!important; - padding-top: 2rem!important; - padding-bottom: 2rem!important - } - - .ui.stackable.celled.grid>.row { - box-shadow: none!important - } - - .ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.row>.column { - padding-left: 0!important; - padding-right: 0!important - } -} - -@media only screen and (max-width: 767.98px) { - .ui[class*="tablet only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].row:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.mobile) { - display:none!important - } - - .ui[class*="computer only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].row:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.mobile) { - display: none!important - } - - .ui[class*="large screen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile) { - display: none!important - } - - .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile) { - display: none!important - } -} - -@media only screen and (min-width: 768px) and (max-width: 991.98px) { - .ui[class*="mobile only"].grid.grid.grid:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].row:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].column:not(.tablet),.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.tablet) { - display:none!important - } - - .ui[class*="computer only"].grid.grid.grid:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].row:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].column:not(.tablet),.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.tablet) { - display: none!important - } - - .ui[class*="large screen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile) { - display: none!important - } - - .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile) { - display: none!important - } -} - -@media only screen and (min-width: 992px) and (max-width: 1199.98px) { - .ui[class*="mobile only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer) { - display:none!important - } - - .ui[class*="tablet only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer) { - display: none!important - } - - .ui[class*="large screen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile) { - display: none!important - } - - .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile) { - display: none!important - } -} - -@media only screen and (min-width: 1200px) and (max-width: 1919.98px) { - .ui[class*="mobile only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer) { - display:none!important - } - - .ui[class*="tablet only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer) { - display: none!important - } - - .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile) { - display: none!important - } -} - -@media only screen and (min-width: 1920px) { - .ui[class*="mobile only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer) { - display:none!important - } - - .ui[class*="tablet only"].grid.grid.grid:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer) { - display: none!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.compact.relaxed.celled.grid>.column:not(.row),.ui.compact.relaxed.celled.grid>.row>.column { - padding: .75em -} - -.ui.compact[class*="very relaxed"].celled.grid>.column:not(.row),.ui.compact[class*="very relaxed"].celled.grid>.row>.column { - padding: 1em -} - -.ui.ui.ui[class*="very compact"].grid>.column:not(.row),.ui.ui.ui[class*="very compact"].grid>.row>.column { - padding-left: .25rem; - padding-right: .25rem -} - -.ui.ui.ui[class*="very compact"].grid>* { - padding-left: .25rem; - padding-right: .25rem -} - -.ui.ui.ui[class*="very compact"].grid>.row { - padding: .25rem .75rem -} - -.ui.ui.ui[class*="very compact"].grid>.column:not(.row) { - padding-top: .25rem; - padding-bottom: .25rem -} - -.ui[class*="very compact"].relaxed.celled.grid>.column:not(.row),.ui[class*="very compact"].relaxed.celled.grid>.row>.column { - padding: .375em -} - -.ui[class*="very compact"][class*="very relaxed"].celled.grid>.column:not(.row),.ui[class*="very compact"][class*="very relaxed"].celled.grid>.row>.column { - padding: .5em -} - -.ui.header { - border: none; - margin: calc(2rem - .1428571428571429em) 0 1rem; - padding: 0; - font-family: var(--fonts-regular); - font-weight: 500; - line-height: 1.28571429em; - text-transform: none; - color: #000000de -} - -.ui.header:first-child { - margin-top: -.14285714em -} - -.ui.header:last-child { - margin-bottom: 0 -} - -.ui.header .sub.header { - display: block; - font-weight: 400; - padding: 0; - margin: 0; - font-size: 1rem; - line-height: 1.2em; - color: #0009 -} - -.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>.image:not(.icon),.ui.header>img { - display: inline-block; - margin-top: .14285714em; - width: 2.5em; - height: auto; - vertical-align: middle -} - -.ui.header>.image:not(.icon):only-child,.ui.header>img:only-child { - margin-right: .75rem -} - -.ui.header .content { - display: inline-block; - vertical-align: top -} - -.ui.header>img+.content,.ui.header>.image+.content { - padding-left: .75rem; - vertical-align: middle -} - -.ui.header>i.icon+.content { - padding-left: .75rem; - display: table-cell; - vertical-align: middle -} - -.ui.header .ui.label { - font-size: ""; - margin-left: .5rem; - vertical-align: middle -} - -.ui.header+p { - margin-top: 0 -} - -h1.ui.header { - font-size: 2rem -} - -h1.ui.header .sub.header { - font-size: 1.14285714rem -} - -h2.ui.header { - font-size: 1.71428571rem -} - -h2.ui.header .sub.header { - font-size: 1.14285714rem -} - -h3.ui.header { - font-size: 1.28571429rem -} - -h3.ui.header .sub.header { - font-size: 1rem -} - -h4.ui.header { - font-size: 1.07142857rem -} - -h4.ui.header .sub.header,h5.ui.header { - font-size: 1rem -} - -h5.ui.header .sub.header { - font-size: .92857143rem -} - -h6.ui.header { - font-size: .85714286rem -} - -h6.ui.header .sub.header { - font-size: .92857143rem -} - -.ui.mini.header { - font-size: .85714286em -} - -.ui.mini.header .sub.header { - font-size: .92857143rem -} - -.ui.mini.sub.header { - font-size: .78571429em -} - -.ui.tiny.header { - font-size: 1em -} - -.ui.tiny.header .sub.header { - font-size: .92857143rem -} - -.ui.tiny.sub.header { - font-size: .78571429em -} - -.ui.small.header { - font-size: 1.07142857em -} - -.ui.small.header .sub.header { - font-size: 1rem -} - -.ui.small.sub.header { - font-size: .78571429em -} - -.ui.large.header { - font-size: 1.71428571em -} - -.ui.large.header .sub.header { - font-size: 1.14285714rem -} - -.ui.large.sub.header { - font-size: .92857143em -} - -.ui.big.header { - font-size: 1.85714286em -} - -.ui.big.header .sub.header { - font-size: 1.14285714rem -} - -.ui.big.sub.header { - font-size: 1em -} - -.ui.huge.header { - font-size: 2em; - min-height: 1em -} - -.ui.huge.header .sub.header { - font-size: 1.14285714rem -} - -.ui.huge.sub.header { - font-size: 1em -} - -.ui.massive.header { - font-size: 2.28571429em; - min-height: 1em -} - -.ui.massive.header .sub.header { - font-size: 1.42857143rem -} - -.ui.massive.sub.header { - font-size: 1.14285714em -} - -.ui.sub.header { - padding: 0; - margin-bottom: .14285714rem; - font-weight: 500; - font-size: .85714286em; - text-transform: uppercase; - color: "" -} - -.ui.icon.header { - display: inline-block; - text-align: center; - margin: 2rem 0 1rem -} - -.ui.icon.header:after { - content: ""; - display: block; - height: 0; - clear: both; - visibility: hidden -} - -.ui.icon.header:first-child { - margin-top: 0 -} - -.ui.icon.header>i.icon { - float: none; - display: block; - width: auto; - height: auto; - line-height: 1; - padding: 0; - font-size: 3em; - margin: 0 auto .5rem; - opacity: 1 -} - -.ui.icon.header .corner.icon { - font-size: 1.35em -} - -.ui.icon.header .content { - display: block; - padding: 0 -} - -.ui.icon.header>i.circular.icon { - font-size: 2em -} - -.ui.icon.header>i.square.icon { - font-size: 2em -} - -.ui.block.icon.header>i.icon { - margin-bottom: 0 -} - -.ui.icon.header.aligned { - margin-left: auto; - margin-right: auto; - display: block -} - -.ui.disabled.header { - opacity: var(--opacity-disabled) -} - -.ui.primary.header { - color: #2185d0 -} - -a.ui.primary.header:hover { - color: #1678c2 -} - -.ui.primary.dividing.header { - border-bottom: 2px solid #2185D0 -} - -.ui.secondary.header { - color: #1b1c1d -} - -a.ui.secondary.header:hover { - color: #27292a -} - -.ui.secondary.dividing.header { - border-bottom: 2px solid #1B1C1D -} - -.ui.red.header { - color: #db2828 -} - -a.ui.red.header:hover { - color: #d01919 -} - -.ui.red.dividing.header { - border-bottom: 2px solid #DB2828 -} - -.ui.orange.header { - color: #f2711c -} - -a.ui.orange.header:hover { - color: #f26202 -} - -.ui.orange.dividing.header { - border-bottom: 2px solid #F2711C -} - -.ui.yellow.header { - color: #fbbd08 -} - -a.ui.yellow.header:hover { - color: #eaae00 -} - -.ui.yellow.dividing.header { - border-bottom: 2px solid #FBBD08 -} - -.ui.olive.header { - color: #b5cc18 -} - -a.ui.olive.header:hover { - color: #a7bd0d -} - -.ui.olive.dividing.header { - border-bottom: 2px solid #B5CC18 -} - -.ui.green.header { - color: #21ba45 -} - -a.ui.green.header:hover { - color: #16ab39 -} - -.ui.green.dividing.header { - border-bottom: 2px solid #21BA45 -} - -.ui.teal.header { - color: #00b5ad -} - -a.ui.teal.header:hover { - color: #009c95 -} - -.ui.teal.dividing.header { - border-bottom: 2px solid #00B5AD -} - -.ui.blue.header { - color: #2185d0 -} - -a.ui.blue.header:hover { - color: #1678c2 -} - -.ui.blue.dividing.header { - border-bottom: 2px solid #2185D0 -} - -.ui.violet.header { - color: #6435c9 -} - -a.ui.violet.header:hover { - color: #5829bb -} - -.ui.violet.dividing.header { - border-bottom: 2px solid #6435C9 -} - -.ui.purple.header { - color: #a333c8 -} - -a.ui.purple.header:hover { - color: #9627ba -} - -.ui.purple.dividing.header { - border-bottom: 2px solid #A333C8 -} - -.ui.pink.header { - color: #e03997 -} - -a.ui.pink.header:hover { - color: #e61a8d -} - -.ui.pink.dividing.header { - border-bottom: 2px solid #E03997 -} - -.ui.brown.header { - color: #a5673f -} - -a.ui.brown.header:hover { - color: #975b33 -} - -.ui.brown.dividing.header { - border-bottom: 2px solid #A5673F -} - -.ui.grey.header { - color: #767676 -} - -a.ui.grey.header:hover { - color: #838383 -} - -.ui.grey.dividing.header { - border-bottom: 2px solid #767676 -} - -.ui.black.header { - color: #1b1c1d -} - -a.ui.black.header:hover { - color: #27292a -} - -.ui.black.dividing.header { - border-bottom: 2px solid #1B1C1D -} - -.ui.left.aligned.header { - text-align: left -} - -.ui.right.aligned.header { - text-align: right -} - -.ui.centered.header,.ui.center.aligned.header { - text-align: center -} - -.ui.justified.header { - text-align: justify -} - -.ui.justified.header:after { - display: inline-block; - content: ""; - width: 100% -} - -.ui.floated.header,.ui[class*="left floated"].header { - float: left; - margin-top: 0; - margin-right: .5em -} - -.ui[class*="right floated"].header { - float: right; - margin-top: 0; - margin-left: .5em -} - -.ui.fitted.header { - padding: 0 -} - -.ui.dividing.header { - padding-bottom: .21428571rem; - border-bottom: 1px solid rgba(34,36,38,.15) -} - -.ui.dividing.header .sub.header { - padding-bottom: .21428571rem -} - -.ui.dividing.header i.icon { - margin-bottom: 0 -} - -.ui.block.header { - background: #F3F4F5; - padding: .78571429rem 1rem; - box-shadow: none; - border: 1px solid #D4D4D5; - border-radius: .28571429rem -} - -.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: 1rem -} - -.ui.mini.block.header { - font-size: .78571429rem -} - -.ui.tiny.block.header { - font-size: .85714286rem -} - -.ui.small.block.header { - font-size: .92857143rem -} - -.ui.large.block.header { - font-size: 1.14285714rem -} - -.ui.big.block.header { - font-size: 1.28571429rem -} - -.ui.huge.block.header { - font-size: 1.42857143rem -} - -.ui.massive.block.header { - font-size: 1.71428571rem -} - -.ui.attached.header { - background: #FFFFFF; - padding: .78571429rem 1rem; - margin: 0 -1px; - box-shadow: none; - border: 1px solid #D4D4D5; - border-radius: 0 -} - -.ui.attached.block.header { - background: #F3F4F5 -} - -.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):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: 1em -} - -.ui.mini.attached.header { - font-size: .78571429em -} - -.ui.tiny.attached.header { - font-size: .85714286em -} - -.ui.small.attached.header { - font-size: .92857143em -} - -.ui.large.attached.header { - font-size: 1.14285714em -} - -.ui.big.attached.header { - font-size: 1.28571429em -} - -.ui.huge.attached.header { - font-size: 1.42857143em -} - -.ui.massive.attached.header { - font-size: 1.71428571em -} - -.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { - font-size: 1.28571429em -} - -.ui.input { - position: relative; - font-weight: 400; - font-style: normal; - display: inline-flex; - color: #000000de -} - -.ui.input>input { - margin: 0; - max-width: 100%; - flex: 1 0 auto; - outline: none; - -webkit-tap-highlight-color: rgba(255,255,255,0); - text-align: left; - line-height: 1.21428571em; - font-family: var(--fonts-regular); - padding: .67857143em 1em; - background: #FFFFFF; - border: 1px solid rgba(34,36,38,.15); - color: #000000de; - border-radius: .28571429rem; - transition: box-shadow .1s ease,border-color .1s ease; - box-shadow: none -} - -.ui.input>input::-webkit-input-placeholder { - color: #bfbfbfde -} - -.ui.input>input::-moz-placeholder { - color: #bfbfbfde -} - -.ui.input>input:-ms-input-placeholder { - color: #bfbfbfde -} - -.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>input:active,.ui.input.down input { - border-color: #0000004d; - background: #FAFAFA; - color: #000000de; - box-shadow: none -} - -.ui.loading.loading.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.loading.input>i.icon:after { - position: absolute; - content: ""; - top: 50%; - left: 50%; - margin: -.64285714em 0 0 -.64285714em; - width: 1.28571429em; - height: 1.28571429em; - -webkit-animation: loader .6s infinite linear; - animation: loader .6s infinite linear; - border: .2em solid #767676; - border-radius: 500rem; - box-shadow: 0 0 0 1px transparent -} - -.ui.input.focus>input,.ui.input>input:focus { - border-color: #85b7d9; - background: #FFFFFF; - color: #000c; - box-shadow: none -} - -.ui.input.focus>input::-webkit-input-placeholder,.ui.input>input:focus::-webkit-input-placeholder { - color: #737373de -} - -.ui.input.focus>input::-moz-placeholder,.ui.input>input:focus::-moz-placeholder { - color: #737373de -} - -.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder { - color: #737373de -} - -.ui.input.error>input { - background-color: #fff6f6; - border-color: #e0b4b4; - color: #9f3a38; - box-shadow: none -} - -.ui.input.error>input::-webkit-input-placeholder { - color: #e7bdbc -} - -.ui.input.error>input::-moz-placeholder { - color: #e7bdbc -} - -.ui.input.error>input:-ms-input-placeholder { - color: #e7bdbc!important -} - -.ui.input.error>input:focus::-webkit-input-placeholder { - color: #da9796 -} - -.ui.input.error>input:focus::-moz-placeholder { - color: #da9796 -} - -.ui.input.error>input:focus:-ms-input-placeholder { - color: #da9796!important -} - -.ui.input.info>input { - background-color: #f8ffff; - border-color: #a9d5de; - color: #276f86; - box-shadow: none -} - -.ui.input.info>input::-webkit-input-placeholder { - color: #98cfe1 -} - -.ui.input.info>input::-moz-placeholder { - color: #98cfe1 -} - -.ui.input.info>input:-ms-input-placeholder { - color: #98cfe1!important -} - -.ui.input.info>input:focus::-webkit-input-placeholder { - color: #70bdd6 -} - -.ui.input.info>input:focus::-moz-placeholder { - color: #70bdd6 -} - -.ui.input.info>input:focus:-ms-input-placeholder { - color: #70bdd6!important -} - -.ui.input.success>input { - background-color: #fcfff5; - border-color: #a3c293; - color: #2c662d; - box-shadow: none -} - -.ui.input.success>input::-webkit-input-placeholder { - color: #8fcf90 -} - -.ui.input.success>input::-moz-placeholder { - color: #8fcf90 -} - -.ui.input.success>input:-ms-input-placeholder { - color: #8fcf90!important -} - -.ui.input.success>input:focus::-webkit-input-placeholder { - color: #6cbf6d -} - -.ui.input.success>input:focus::-moz-placeholder { - color: #6cbf6d -} - -.ui.input.success>input:focus:-ms-input-placeholder { - color: #6cbf6d!important -} - -.ui.input.warning>input { - background-color: #fffaf3; - border-color: #c9ba9b; - color: #573a08; - box-shadow: none -} - -.ui.input.warning>input::-webkit-input-placeholder { - color: #edad3e -} - -.ui.input.warning>input::-moz-placeholder { - color: #edad3e -} - -.ui.input.warning>input:-ms-input-placeholder { - color: #edad3e!important -} - -.ui.input.warning>input:focus::-webkit-input-placeholder { - color: #e39715 -} - -.ui.input.warning>input:focus::-moz-placeholder { - color: #e39715 -} - -.ui.input.warning>input:focus:-ms-input-placeholder { - color: #e39715!important -} - -.ui.transparent.input>textarea,.ui.transparent.input>input { - border-color: transparent!important; - background-color: transparent!important; - padding: 0; - box-shadow: none!important; - border-radius: 0!important -} - -.field .ui.transparent.input>textarea { - padding: .67857143em 1em -} - -:not(.field)>.ui.transparent.icon.input>i.icon { - width: 1.1em -} - -:not(.field)>.ui.ui.ui.transparent.icon.input>input { - padding-left: 0; - padding-right: 2em -} - -:not(.field)>.ui.ui.ui.transparent[class*="left icon"].input>input { - padding-left: 2em; - padding-right: 0 -} - -.ui.icon.input>i.icon { - cursor: default; - position: absolute; - line-height: 1; - text-align: center; - top: 0; - right: 0; - margin: 0; - height: 100%; - width: 2.67142857em; - opacity: .5; - border-radius: 0 .28571429rem .28571429rem 0; - transition: opacity .3s ease -} - -.ui.icon.input>i.icon:not(.link) { - pointer-events: none -} - -.ui.ui.ui.ui.icon.input>textarea,.ui.ui.ui.ui.icon.input>input { - padding-right: 2.67142857em -} - -.ui.icon.input>i.icon:before,.ui.icon.input>i.icon:after { - left: 0; - position: absolute; - text-align: center; - top: 50%; - width: 100%; - margin-top: -.5em -} - -.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~i.icon,.ui.icon.input>input:focus~i.icon { - opacity: 1 -} - -.ui.labeled.input>.label { - flex: 0 0 auto; - margin: 0; - font-size: 1em -} - -.ui.labeled.input>.label:not(.corner) { - padding-top: .78571429em; - padding-bottom: .78571429em -} - -.ui.labeled.input:not([class*="corner labeled"]) .label:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0 -} - -.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-color: transparent -} - -.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus { - border-left-color: #85b7d9 -} - -.ui[class*="right labeled"].input>input { - border-top-right-radius: 0!important; - border-bottom-right-radius: 0!important; - border-right-color: transparent!important -} - -.ui[class*="right labeled"].input>input+.label { - border-top-left-radius: 0; - border-bottom-left-radius: 0 -} - -.ui[class*="right labeled"].input>input:focus { - border-right-color: #85b7d9!important -} - -.ui.labeled.input .corner.label { - top: 1px; - right: 1px; - font-size: .64285714em; - border-radius: 0 .28571429rem 0 0 -} - -.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>textarea,.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>input { - padding-right: 2.5em!important -} - -.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>textarea,.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input { - padding-right: 3.25em!important -} - -.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>i.icon { - margin-right: 1.25em -} - -.ui[class*="left corner labeled"].labeled.input>textarea,.ui[class*="left corner labeled"].labeled.input>input { - padding-left: 2.5em!important -} - -.ui[class*="left corner labeled"].icon.input>textarea,.ui[class*="left corner labeled"].icon.input>input { - padding-left: 3.25em!important -} - -.ui[class*="left corner labeled"].icon.input>i.icon { - margin-left: 1.25em -} - -.ui.icon.input>textarea~i.icon { - height: 3em -} - -:not(.field)>.ui.transparent.icon.input>textarea~i.icon { - height: 1.3em -} - -.ui.input>.ui.corner.label { - top: 1px; - right: 1px -} - -.ui.input>.ui.left.corner.label { - right: auto; - left: 1px -} - -.ui.form .field.error>.ui.action.input>.ui.button,.ui.form .field.error>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.ui.action.input.error>.ui.button,.ui.labeled.input.error:not([class*="corner labeled"])>.ui.label { - border-top: 1px solid #E0B4B4; - border-bottom: 1px solid #E0B4B4 -} - -.ui.form .field.error>.ui[class*="left action"].input>.ui.button,.ui.form .field.error>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.error>.ui.button,.ui.labeled.input.error:not(.right):not([class*="corner labeled"])>.ui.label { - border-left: 1px solid #E0B4B4 -} - -.ui.form .field.error>.ui.action.input:not([class*="left action"])>input+.ui.button,.ui.form .field.error>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,.ui.action.input.error:not([class*="left action"])>input+.ui.button,.ui.right.labeled.input.error:not([class*="corner labeled"])>input+.ui.label { - border-right: 1px solid #E0B4B4 -} - -.ui.form .field.error>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,.ui.right.labeled.input.error:not([class*="corner labeled"])>.ui.label:first-child { - border-left: 1px solid #E0B4B4 -} - -.ui.form .field.info>.ui.action.input>.ui.button,.ui.form .field.info>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.ui.action.input.info>.ui.button,.ui.labeled.input.info:not([class*="corner labeled"])>.ui.label { - border-top: 1px solid #A9D5DE; - border-bottom: 1px solid #A9D5DE -} - -.ui.form .field.info>.ui[class*="left action"].input>.ui.button,.ui.form .field.info>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.info>.ui.button,.ui.labeled.input.info:not(.right):not([class*="corner labeled"])>.ui.label { - border-left: 1px solid #A9D5DE -} - -.ui.form .field.info>.ui.action.input:not([class*="left action"])>input+.ui.button,.ui.form .field.info>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,.ui.action.input.info:not([class*="left action"])>input+.ui.button,.ui.right.labeled.input.info:not([class*="corner labeled"])>input+.ui.label { - border-right: 1px solid #A9D5DE -} - -.ui.form .field.info>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,.ui.right.labeled.input.info:not([class*="corner labeled"])>.ui.label:first-child { - border-left: 1px solid #A9D5DE -} - -.ui.form .field.success>.ui.action.input>.ui.button,.ui.form .field.success>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.ui.action.input.success>.ui.button,.ui.labeled.input.success:not([class*="corner labeled"])>.ui.label { - border-top: 1px solid #A3C293; - border-bottom: 1px solid #A3C293 -} - -.ui.form .field.success>.ui[class*="left action"].input>.ui.button,.ui.form .field.success>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.success>.ui.button,.ui.labeled.input.success:not(.right):not([class*="corner labeled"])>.ui.label { - border-left: 1px solid #A3C293 -} - -.ui.form .field.success>.ui.action.input:not([class*="left action"])>input+.ui.button,.ui.form .field.success>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,.ui.action.input.success:not([class*="left action"])>input+.ui.button,.ui.right.labeled.input.success:not([class*="corner labeled"])>input+.ui.label { - border-right: 1px solid #A3C293 -} - -.ui.form .field.success>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,.ui.right.labeled.input.success:not([class*="corner labeled"])>.ui.label:first-child { - border-left: 1px solid #A3C293 -} - -.ui.form .field.warning>.ui.action.input>.ui.button,.ui.form .field.warning>.ui.labeled.input:not([class*="corner labeled"])>.ui.label,.ui.action.input.warning>.ui.button,.ui.labeled.input.warning:not([class*="corner labeled"])>.ui.label { - border-top: 1px solid #C9BA9B; - border-bottom: 1px solid #C9BA9B -} - -.ui.form .field.warning>.ui[class*="left action"].input>.ui.button,.ui.form .field.warning>.ui.labeled.input:not(.right):not([class*="corner labeled"])>.ui.label,.ui[class*="left action"].input.warning>.ui.button,.ui.labeled.input.warning:not(.right):not([class*="corner labeled"])>.ui.label { - border-left: 1px solid #C9BA9B -} - -.ui.form .field.warning>.ui.action.input:not([class*="left action"])>input+.ui.button,.ui.form .field.warning>.ui.right.labeled.input:not([class*="corner labeled"])>input+.ui.label,.ui.action.input.warning:not([class*="left action"])>input+.ui.button,.ui.right.labeled.input.warning:not([class*="corner labeled"])>input+.ui.label { - border-right: 1px solid #C9BA9B -} - -.ui.form .field.warning>.ui.right.labeled.input:not([class*="corner labeled"])>.ui.label:first-child,.ui.right.labeled.input.warning:not([class*="corner labeled"])>.ui.label:first-child { - border-left: 1px solid #C9BA9B -} - -.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[class*="left action"].input>input { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-color: transparent -} - -.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.action.input:not([class*="left action"])>input:focus { - border-right-color: #85b7d9 -} - -.ui.ui[class*="left action"].input>input:focus { - border-left-color: #85b7d9 -} - -.ui.fluid.input { - display: flex -} - -.ui.fluid.input>input { - width: 0!important -} - -.ui.input { - font-size: 1em -} - -.ui.mini.input { - font-size: .78571429em -} - -.ui.tiny.input { - font-size: .85714286em -} - -.ui.small.input { - font-size: .92857143em -} - -.ui.large.input { - font-size: 1.14285714em -} - -.ui.big.input { - font-size: 1.28571429em -} - -.ui.huge.input { - font-size: 1.42857143em -} - -.ui.massive.input { - font-size: 1.71428571em -} - -.ui.items>.item { - display: flex; - margin: 1em 0; - width: 100%; - min-height: 0; - background: transparent; - padding: 0; - border: none; - border-radius: 0; - box-shadow: none; - transition: box-shadow .1s ease; - z-index: "" -} - -.ui.items>.item a { - cursor: pointer -} - -.ui.items { - margin: 1.5em 0 -} - -.ui.items:first-child { - margin-top: 0!important -} - -.ui.items:last-child { - margin-bottom: 0!important -} - -.ui.items>.item:after { - display: block; - content: " "; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden -} - -.ui.items>.item:first-child { - margin-top: 0 -} - -.ui.items>.item:last-child { - margin-bottom: 0 -} - -.ui.items>.item>.image { - position: relative; - flex: 0 0 auto; - display: block; - float: none; - margin: 0; - padding: 0; - max-height: ""; - align-self: start -} - -.ui.items>.item>.image>img { - display: block; - width: 100%; - height: auto; - border-radius: .125rem; - border: none -} - -.ui.items>.item>.image:only-child>img { - border-radius: 0 -} - -.ui.items>.item>.content { - display: block; - flex: 1 1 auto; - background: none; - color: #000000de; - margin: 0; - padding: 0; - box-shadow: none; - font-size: 1em; - border: none; - border-radius: 0 -} - -.ui.items>.item>.content:after { - display: block; - content: " "; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden -} - -.ui.items>.item>.image+.content { - min-width: 0; - width: auto; - display: block; - margin-left: 0; - align-self: start; - padding-left: 1.5em -} - -.ui.items>.item>.content>.header { - display: inline-block; - margin: -.21425em 0 0; - font-family: var(--fonts-regular); - font-weight: 500; - color: #000000d9 -} - -.ui.items>.item>.content>.header:not(.ui) { - font-size: 1.28571429em -} - -.ui.items>.item [class*="left floated"] { - float: left -} - -.ui.items>.item [class*="right floated"] { - float: right -} - -.ui.items>.item .content img { - align-self: center; - width: "" -} - -.ui.items>.item img.avatar,.ui.items>.item .avatar img { - width: ""; - height: ""; - border-radius: 500rem -} - -.ui.items>.item>.content>.description { - margin-top: .6em; - max-width: auto; - font-size: 1em; - line-height: 1.4285em; - color: #000000de -} - -.ui.items>.item>.content p { - margin: 0 0 .5em -} - -.ui.items>.item>.content p:last-child { - margin-bottom: 0 -} - -.ui.items>.item .meta { - margin: .5em 0; - font-size: 1em; - line-height: 1em; - color: #0009 -} - -.ui.items>.item .meta * { - margin-right: .3em -} - -.ui.items>.item .meta :last-child { - margin-right: 0 -} - -.ui.items>.item .meta [class*="right floated"] { - margin-right: 0; - margin-left: .3em -} - -.ui.items>.item>.content a:not(.ui) { - color: ""; - transition: color .1s ease -} - -.ui.items>.item>.content a:not(.ui):hover { - color: "" -} - -.ui.items>.item>.content>a.header { - color: #000000d9 -} - -.ui.items>.item>.content>a.header:hover { - color: #1e70bf -} - -.ui.items>.item .meta>a:not(.ui) { - color: #0006 -} - -.ui.items>.item .meta>a:not(.ui):hover { - color: #000000de -} - -.ui.items>.item>.content .favorite.icon { - cursor: pointer; - opacity: .75; - transition: color .1s ease -} - -.ui.items>.item>.content .favorite.icon:hover { - opacity: 1; - color: #ffb70a -} - -.ui.items>.item>.content .active.favorite.icon { - color: #ffe623 -} - -.ui.items>.item>.content .like.icon { - cursor: pointer; - opacity: .75; - transition: color .1s ease -} - -.ui.items>.item>.content .like.icon:hover { - opacity: 1; - color: #ff2733 -} - -.ui.items>.item>.content .active.like.icon { - color: #ff2733 -} - -.ui.items>.item .extra { - display: block; - position: relative; - background: none; - margin: .5rem 0 0; - width: 100%; - padding: 0; - top: 0; - left: 0; - color: #0006; - box-shadow: none; - transition: color .1s ease; - border-top: none -} - -.ui.items>.item .extra>* { - margin: .25rem .5rem .25rem 0 -} - -.ui.items>.item .extra>[class*="right floated"] { - margin: .25rem 0 .25rem .5rem -} - -.ui.items>.item .extra:after { - display: block; - content: " "; - height: 0; - clear: both; - overflow: hidden; - visibility: hidden -} - -.ui.items>.item>.image:not(.ui) { - width: 175px -} - -@media only screen and (min-width: 768px) and (max-width: 991.98px) { - .ui.items>.item { - margin:1em 0 - } - - .ui.items>.item>.image:not(.ui) { - width: 150px - } - - .ui.items>.item>.image+.content { - display: block; - padding: 0 0 0 1em - } -} - -@media only screen and (max-width: 767.98px) { - .ui.items:not(.unstackable)>.item { - flex-direction:column; - margin: 2em 0 - } - - .ui.items:not(.unstackable)>.item>.image { - display: block; - margin-left: auto; - margin-right: auto - } - - .ui.items:not(.unstackable)>.item>.image,.ui.items:not(.unstackable)>.item>.image>img { - max-width: 100%!important; - width: auto!important; - max-height: 250px!important - } - - .ui.items:not(.unstackable)>.item>.image+.content { - display: block; - padding: 1.5em 0 0 - } -} - -.ui.items>.item>.image+[class*="top aligned"].content { - align-self: flex-start -} - -.ui.items>.item>.image+[class*="middle aligned"].content { - align-self: center -} - -.ui.items>.item>.image+[class*="bottom aligned"].content { - align-self: flex-end -} - -.ui.relaxed.items>.item { - margin: 1.5em 0 -} - -.ui[class*="very relaxed"].items>.item { - margin: 2em 0 -} - -.ui.divided.items>.item { - border-top: 1px solid rgba(34,36,38,.15); - margin: 0; - padding: 1em 0 -} - -.ui.divided.items>.item:first-child { - border-top: none; - margin-top: 0!important; - padding-top: 0!important -} - -.ui.divided.items>.item:last-child { - margin-bottom: 0!important; - padding-bottom: 0!important -} - -.ui.relaxed.divided.items>.item { - margin: 0; - padding: 1.5em 0 -} - -.ui[class*="very relaxed"].divided.items>.item { - margin: 0; - padding: 2em 0 -} - -.ui.items a.item:hover,.ui.link.items>.item:hover { - cursor: pointer -} - -.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header { - color: #1e70bf -} - -.ui.items>.item { - font-size: 1em -} - -.ui.mini.items>.item { - font-size: .78571429em -} - -.ui.tiny.items>.item { - font-size: .85714286em -} - -.ui.small.items>.item { - font-size: .92857143em -} - -.ui.large.items>.item { - font-size: 1.14285714em -} - -.ui.big.items>.item { - font-size: 1.28571429em -} - -.ui.huge.items>.item { - font-size: 1.42857143em -} - -.ui.massive.items>.item { - font-size: 1.71428571em -} - -@media only screen and (max-width: 767.98px) { - .ui.unstackable.items>.item>.image,.ui.unstackable.items>.item>.image>img { - width:125px!important - } -} - -.ui.label { - display: inline-block; - line-height: 1; - vertical-align: baseline; - margin: 0 .14285714em; - background-color: #e8e8e8; - background-image: none; - padding: .5833em .833em; - color: #0009; - text-transform: none; - font-weight: 500; - border: 0 solid transparent; - border-radius: .28571429rem; - transition: background .1s ease -} - -.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: .5; - transition: .1s opacity ease -} - -.ui.label>a:hover { - opacity: 1 -} - -.ui.label>img { - width: auto!important; - vertical-align: middle; - height: 2.1666em -} - -.ui.left.icon.label>.icon,.ui.label>.icon { - width: auto; - margin: 0 .75em 0 0 -} - -.ui.label>.detail { - display: inline-block; - vertical-align: top; - font-weight: 500; - 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; - transition: background .1s ease -} - -.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.icon.label>.icon { - margin: 0 auto -} - -.ui.right.icon.label>.icon { - margin: 0 0 0 .75em -} - -.ui.labels>.label { - margin: 0 .5em .5em 0 -} - -.ui.header>.ui.label { - margin-top: -.29165em -} - -.ui.attached.segment>.ui.top.left.attached.label,.ui.bottom.attached.segment>.ui.top.left.attached.label { - border-top-left-radius: 0 -} - -.ui.attached.segment>.ui.top.right.attached.label,.ui.bottom.attached.segment>.ui.top.right.attached.label { - border-top-right-radius: 0 -} - -.ui.top.attached.segment>.ui.bottom.left.attached.label { - border-bottom-left-radius: 0 -} - -.ui.top.attached.segment>.ui.bottom.right.attached.label { - border-bottom-right-radius: 0 -} - -.ui.top.attached.label~.ui.bottom.attached.label+:not(.attached),.ui.top.attached.label+:not(.attached) { - margin-top: 2rem!important -} - -.ui.bottom.attached.label~:last-child:not(.attached) { - margin-top: 0; - margin-bottom: 2rem!important -} - -.ui.segment:not(.basic)>.ui.top.attached.label { - margin-top: -1px -} - -.ui.segment:not(.basic)>.ui.bottom.attached.label { - margin-bottom: -1px -} - -.ui.segment:not(.basic)>.ui.attached.label:not(.right) { - margin-left: -1px -} - -.ui.segment:not(.basic)>.ui.right.attached.label { - margin-right: -1px -} - -.ui.segment:not(.basic)>.ui.attached.label:not(.left):not(.right) { - width: calc(100% + 2px) -} - -.ui[class*="top attached"].label,.ui.attached.label { - width: 100%; - position: absolute; - margin: 0; - top: 0; - left: 0; - padding: .75em 1em; - border-radius: .21428571rem .21428571rem 0 0 -} - -.ui[class*="bottom attached"].label { - top: auto; - bottom: 0; - border-radius: 0 0 .21428571rem .21428571rem -} - -.ui[class*="top left attached"].label { - width: auto; - margin-top: 0; - border-radius: .21428571rem 0 .28571429rem -} - -.ui[class*="top right attached"].label { - width: auto; - left: auto; - right: 0; - border-radius: 0 .21428571rem 0 .28571429rem -} - -.ui[class*="bottom left attached"].label { - width: auto; - top: auto; - bottom: 0; - border-radius: 0 .28571429rem 0 .21428571rem -} - -.ui[class*="bottom right attached"].label { - inset: auto 0 0 auto; - width: auto; - border-radius: .28571429rem 0 .21428571rem -} - -.ui.label.disabled { - opacity: .5 -} - -.ui.labels a.label:hover,a.ui.label:hover { - background-color: #e0e0e0; - border-color: #e0e0e0; - background-image: none; - color: #000c -} - -.ui.labels a.label:hover:before,a.ui.label:hover:before { - color: #000c -} - -.ui.active.label { - background-color: #d0d0d0; - border-color: #d0d0d0; - background-image: none; - color: #000000f2 -} - -.ui.active.label:before { - background-color: #d0d0d0; - background-image: none; - color: #000000f2 -} - -.ui.labels a.active.label:hover,a.ui.active.label:hover { - background-color: #c8c8c8; - border-color: #c8c8c8; - background-image: none; - color: #000000f2 -} - -.ui.labels a.active.label:hover:before,a.ui.active.label:hover:before { - background-color: #c8c8c8; - background-image: none; - color: #000000f2 -} - -.ui.labels.visible .label,.ui.label.visible:not(.dropdown) { - display: inline-block!important -} - -.ui.labels.hidden .label,.ui.label.hidden { - display: none!important -} - -.ui.basic.labels .label,.ui.basic.label { - background: none #FFFFFF; - border: 1px solid rgba(34,36,38,.15); - color: #000000de; - box-shadow: none; - padding-top: calc(.5833em - 1px); - padding-bottom: calc(.5833em - 1px); - padding-right: calc(.833em - 1px) -} - -.ui.basic.labels:not(.tag):not(.image):not(.ribbon) .label,.ui.basic.label:not(.tag):not(.image):not(.ribbon) { - padding-left: calc(.833em - 1px) -} - -.ui.basic.labels a.label:hover,a.ui.basic.label:hover { - text-decoration: none; - background: none #FFFFFF; - color: #1e70bf; - box-shadow: none -} - -.ui.basic.pointing.label:before { - border-color: inherit -} - -.ui.label.fluid,.ui.fluid.labels>.label { - width: 100%; - box-sizing: border-box -} - -.ui.primary.labels .label,.ui.ui.ui.primary.label { - background-color: #2185d0; - border-color: #2185d0; - color: #ffffffe6 -} - -.ui.primary.labels a.label:hover,a.ui.ui.ui.primary.label:hover { - background-color: #1678c2; - border-color: #1678c2; - color: #fff -} - -.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label { - background: none #FFFFFF; - border-color: #2185d0; - color: #2185d0 -} - -.ui.basic.labels a.primary.label:hover,a.ui.ui.ui.basic.primary.label:hover { - background: none #FFFFFF; - border-color: #1678c2; - color: #1678c2 -} - -.ui.secondary.labels .label,.ui.ui.ui.secondary.label { - background-color: #1b1c1d; - border-color: #1b1c1d; - color: #ffffffe6 -} - -.ui.secondary.labels a.label:hover,a.ui.ui.ui.secondary.label:hover { - background-color: #27292a; - border-color: #27292a; - color: #fff -} - -.ui.basic.labels .secondary.label,.ui.ui.ui.basic.secondary.label { - background: none #FFFFFF; - border-color: #1b1c1d; - color: #1b1c1d -} - -.ui.basic.labels a.secondary.label:hover,a.ui.ui.ui.basic.secondary.label:hover { - background: none #FFFFFF; - border-color: #27292a; - color: #27292a -} - -.ui.red.labels .label,.ui.ui.ui.red.label { - background-color: #db2828; - border-color: #db2828; - color: #fff -} - -.ui.red.labels a.label:hover,a.ui.ui.ui.red.label:hover { - background-color: #d01919; - border-color: #d01919; - color: #fff -} - -.ui.basic.labels .red.label,.ui.ui.ui.basic.red.label { - background: none #FFFFFF; - border-color: #db2828; - color: #db2828 -} - -.ui.basic.labels a.red.label:hover,a.ui.ui.ui.basic.red.label:hover { - background: none #FFFFFF; - border-color: #d01919; - color: #d01919 -} - -.ui.orange.labels .label,.ui.ui.ui.orange.label { - background-color: #f2711c; - border-color: #f2711c; - color: #fff -} - -.ui.orange.labels a.label:hover,a.ui.ui.ui.orange.label:hover { - background-color: #f26202; - border-color: #f26202; - color: #fff -} - -.ui.basic.labels .orange.label,.ui.ui.ui.basic.orange.label { - background: none #FFFFFF; - border-color: #f2711c; - color: #f2711c -} - -.ui.basic.labels a.orange.label:hover,a.ui.ui.ui.basic.orange.label:hover { - background: none #FFFFFF; - border-color: #f26202; - color: #f26202 -} - -.ui.yellow.labels .label,.ui.ui.ui.yellow.label { - background-color: #fbbd08; - border-color: #fbbd08; - color: #fff -} - -.ui.yellow.labels a.label:hover,a.ui.ui.ui.yellow.label:hover { - background-color: #eaae00; - border-color: #eaae00; - color: #fff -} - -.ui.basic.labels .yellow.label,.ui.ui.ui.basic.yellow.label { - background: none #FFFFFF; - border-color: #fbbd08; - color: #fbbd08 -} - -.ui.basic.labels a.yellow.label:hover,a.ui.ui.ui.basic.yellow.label:hover { - background: none #FFFFFF; - border-color: #eaae00; - color: #eaae00 -} - -.ui.olive.labels .label,.ui.ui.ui.olive.label { - background-color: #b5cc18; - border-color: #b5cc18; - color: #fff -} - -.ui.olive.labels a.label:hover,a.ui.ui.ui.olive.label:hover { - background-color: #a7bd0d; - border-color: #a7bd0d; - color: #fff -} - -.ui.basic.labels .olive.label,.ui.ui.ui.basic.olive.label { - background: none #FFFFFF; - border-color: #b5cc18; - color: #b5cc18 -} - -.ui.basic.labels a.olive.label:hover,a.ui.ui.ui.basic.olive.label:hover { - background: none #FFFFFF; - border-color: #a7bd0d; - color: #a7bd0d -} - -.ui.green.labels .label,.ui.ui.ui.green.label { - background-color: #21ba45; - border-color: #21ba45; - color: #fff -} - -.ui.green.labels a.label:hover,a.ui.ui.ui.green.label:hover { - background-color: #16ab39; - border-color: #16ab39; - color: #fff -} - -.ui.basic.labels .green.label,.ui.ui.ui.basic.green.label { - background: none #FFFFFF; - border-color: #21ba45; - color: #21ba45 -} - -.ui.basic.labels a.green.label:hover,a.ui.ui.ui.basic.green.label:hover { - background: none #FFFFFF; - border-color: #16ab39; - color: #16ab39 -} - -.ui.teal.labels .label,.ui.ui.ui.teal.label { - background-color: #00b5ad; - border-color: #00b5ad; - color: #fff -} - -.ui.teal.labels a.label:hover,a.ui.ui.ui.teal.label:hover { - background-color: #009c95; - border-color: #009c95; - color: #fff -} - -.ui.basic.labels .teal.label,.ui.ui.ui.basic.teal.label { - background: none #FFFFFF; - border-color: #00b5ad; - color: #00b5ad -} - -.ui.basic.labels a.teal.label:hover,a.ui.ui.ui.basic.teal.label:hover { - background: none #FFFFFF; - border-color: #009c95; - color: #009c95 -} - -.ui.blue.labels .label,.ui.ui.ui.blue.label { - background-color: #2185d0; - border-color: #2185d0; - color: #fff -} - -.ui.blue.labels a.label:hover,a.ui.ui.ui.blue.label:hover { - background-color: #1678c2; - border-color: #1678c2; - color: #fff -} - -.ui.basic.labels .blue.label,.ui.ui.ui.basic.blue.label { - background: none #FFFFFF; - border-color: #2185d0; - color: #2185d0 -} - -.ui.basic.labels a.blue.label:hover,a.ui.ui.ui.basic.blue.label:hover { - background: none #FFFFFF; - border-color: #1678c2; - color: #1678c2 -} - -.ui.violet.labels .label,.ui.ui.ui.violet.label { - background-color: #6435c9; - border-color: #6435c9; - color: #fff -} - -.ui.violet.labels a.label:hover,a.ui.ui.ui.violet.label:hover { - background-color: #5829bb; - border-color: #5829bb; - color: #fff -} - -.ui.basic.labels .violet.label,.ui.ui.ui.basic.violet.label { - background: none #FFFFFF; - border-color: #6435c9; - color: #6435c9 -} - -.ui.basic.labels a.violet.label:hover,a.ui.ui.ui.basic.violet.label:hover { - background: none #FFFFFF; - border-color: #5829bb; - color: #5829bb -} - -.ui.purple.labels .label,.ui.ui.ui.purple.label { - background-color: #a333c8; - border-color: #a333c8; - color: #fff -} - -.ui.purple.labels a.label:hover,a.ui.ui.ui.purple.label:hover { - background-color: #9627ba; - border-color: #9627ba; - color: #fff -} - -.ui.basic.labels .purple.label,.ui.ui.ui.basic.purple.label { - background: none #FFFFFF; - border-color: #a333c8; - color: #a333c8 -} - -.ui.basic.labels a.purple.label:hover,a.ui.ui.ui.basic.purple.label:hover { - background: none #FFFFFF; - border-color: #9627ba; - color: #9627ba -} - -.ui.pink.labels .label,.ui.ui.ui.pink.label { - background-color: #e03997; - border-color: #e03997; - color: #fff -} - -.ui.pink.labels a.label:hover,a.ui.ui.ui.pink.label:hover { - background-color: #e61a8d; - border-color: #e61a8d; - color: #fff -} - -.ui.basic.labels .pink.label,.ui.ui.ui.basic.pink.label { - background: none #FFFFFF; - border-color: #e03997; - color: #e03997 -} - -.ui.basic.labels a.pink.label:hover,a.ui.ui.ui.basic.pink.label:hover { - background: none #FFFFFF; - border-color: #e61a8d; - color: #e61a8d -} - -.ui.brown.labels .label,.ui.ui.ui.brown.label { - background-color: #a5673f; - border-color: #a5673f; - color: #fff -} - -.ui.brown.labels a.label:hover,a.ui.ui.ui.brown.label:hover { - background-color: #975b33; - border-color: #975b33; - color: #fff -} - -.ui.basic.labels .brown.label,.ui.ui.ui.basic.brown.label { - background: none #FFFFFF; - border-color: #a5673f; - color: #a5673f -} - -.ui.basic.labels a.brown.label:hover,a.ui.ui.ui.basic.brown.label:hover { - background: none #FFFFFF; - border-color: #975b33; - color: #975b33 -} - -.ui.grey.labels .label,.ui.ui.ui.grey.label { - background-color: #767676; - border-color: #767676; - color: #fff -} - -.ui.grey.labels a.label:hover,a.ui.ui.ui.grey.label:hover { - background-color: #838383; - border-color: #838383; - color: #fff -} - -.ui.basic.labels .grey.label,.ui.ui.ui.basic.grey.label { - background: none #FFFFFF; - border-color: #767676; - color: #767676 -} - -.ui.basic.labels a.grey.label:hover,a.ui.ui.ui.basic.grey.label:hover { - background: none #FFFFFF; - border-color: #838383; - color: #838383 -} - -.ui.black.labels .label,.ui.ui.ui.black.label { - background-color: #1b1c1d; - border-color: #1b1c1d; - color: #fff -} - -.ui.black.labels a.label:hover,a.ui.ui.ui.black.label:hover { - background-color: #27292a; - border-color: #27292a; - color: #fff -} - -.ui.basic.labels .black.label,.ui.ui.ui.basic.black.label { - background: none #FFFFFF; - border-color: #1b1c1d; - color: #1b1c1d -} - -.ui.basic.labels a.black.label:hover,a.ui.ui.ui.basic.black.label:hover { - background: none #FFFFFF; - border-color: #27292a; - color: #27292a -} - -.ui.horizontal.labels .label,.ui.horizontal.label { - margin: 0 .5em 0 0; - padding: .4em .833em; - min-width: 3em; - text-align: center -} - -.ui.circular.labels .label,.ui.circular.label { - min-width: 2em; - min-height: 2em; - padding: .5em!important; - line-height: 1em; - text-align: center; - border-radius: 500rem -} - -.ui.empty.circular.labels .label,.ui.empty.circular.label { - min-width: 0; - min-height: 0; - overflow: hidden; - width: .5em; - height: .5em; - vertical-align: baseline -} - -.ui.pointing.label { - position: relative -} - -.ui.attached.pointing.label { - position: absolute -} - -.ui.pointing.label:before { - background-color: inherit; - background-image: inherit; - border-width: 0; - border-style: solid; - border-color: inherit -} - -.ui.pointing.label:before { - position: absolute; - content: ""; - transform: rotate(45deg); - background-image: none; - z-index: 2; - width: .6666em; - height: .6666em; - transition: none -} - -.ui.pointing.label,.ui[class*="pointing above"].label { - margin-top: 1em -} - -.ui.pointing.label:before,.ui[class*="pointing above"].label:before { - border-width: 1px 0 0 1px; - transform: translate(-50%) translateY(-50%) rotate(45deg); - top: 0; - left: 50% -} - -.ui[class*="bottom pointing"].label,.ui[class*="pointing below"].label { - margin-top: 0; - margin-bottom: 1em -} - -.ui[class*="bottom pointing"].label:before,.ui[class*="pointing below"].label:before { - border-width: 0 1px 1px 0; - right: auto; - transform: translate(-50%) translateY(-50%) rotate(45deg); - top: 100%; - left: 50% -} - -.ui[class*="left pointing"].label { - margin-top: 0; - margin-left: .6666em -} - -.ui[class*="left pointing"].label:before { - border-width: 0 0 1px 1px; - transform: translate(-50%) translateY(-50%) rotate(45deg); - inset: 50% auto auto 0 -} - -.ui[class*="right pointing"].label { - margin-top: 0; - margin-right: .6666em -} - -.ui[class*="right pointing"].label:before { - border-width: 1px 1px 0 0; - transform: translate(50%) translateY(-50%) rotate(45deg); - inset: 50% 0 auto auto -} - -.ui.basic.pointing.label:before,.ui.basic[class*="pointing above"].label:before { - margin-top: -1px -} - -.ui.basic[class*="bottom pointing"].label:before,.ui.basic[class*="pointing below"].label:before { - bottom: auto; - top: 100%; - margin-top: 1px -} - -.ui.basic[class*="left pointing"].label:before { - top: 50%; - left: -1px -} - -.ui.basic[class*="right pointing"].label:before { - top: 50%; - right: -1px -} - -.ui.floating.label { - position: absolute; - z-index: 100; - top: -1em; - right: 0; - white-space: nowrap; - transform: translate(50%) -} - -.ui.right.aligned.floating.label { - transform: translate(1.2em) -} - -.ui.left.floating.label { - left: 0; - right: auto; - transform: translate(-50%) -} - -.ui.left.aligned.floating.label { - transform: translate(-1.2em) -} - -.ui.bottom.floating.label { - top: auto; - bottom: -1em -} - -.ui.labels .label,.ui.label { - font-size: .85714286rem -} - -.ui.mini.labels .label,.ui.mini.label { - font-size: .64285714rem -} - -.ui.tiny.labels .label,.ui.tiny.label { - font-size: .71428571rem -} - -.ui.small.labels .label,.ui.small.label { - font-size: .78571429rem -} - -.ui.large.labels .label,.ui.large.label { - font-size: 1rem -} - -.ui.big.labels .label,.ui.big.label { - font-size: 1.28571429rem -} - -.ui.huge.labels .label,.ui.huge.label { - font-size: 1.42857143rem -} - -.ui.massive.labels .label,.ui.massive.label { - font-size: 1.71428571rem -} - -ul.ui.list,ol.ui.list,.ui.list { - list-style-type: none; - margin: 1em 0; - padding: 0 -} - -ul.ui.list:first-child,ol.ui.list:first-child,.ui.list:first-child { - margin-top: 0; - padding-top: 0 -} - -ul.ui.list:last-child,ol.ui.list:last-child,.ui.list:last-child { - margin-bottom: 0; - padding-bottom: 0 -} - -ul.ui.list li,ol.ui.list li,.ui.list>.item,.ui.list .list>.item { - display: list-item; - table-layout: fixed; - list-style-type: none; - list-style-position: outside; - padding: .21428571em 0; - line-height: 1.14285714em -} - -ul.ui.list>li:first-child:after,ol.ui.list>li:first-child:after,.ui.list>.list>.item:after,.ui.list>.item:after { - content: ""; - display: block; - height: 0; - clear: both; - visibility: hidden -} - -ul.ui.list li:first-child,ol.ui.list li:first-child,.ui.list .list>.item:first-child,.ui.list>.item:first-child { - padding-top: 0 -} - -ul.ui.list li:last-child,ol.ui.list li:last-child,.ui.list .list>.item:last-child,.ui.list>.item:last-child { - padding-bottom: 0 -} - -ul.ui.list ul,ol.ui.list ol,.ui.list .list:not(.icon) { - clear: both; - margin: 0; - padding: .75em 0 .25em .5em -} - -ul.ui.list ul li,ol.ui.list ol li,.ui.list .list>.item { - padding: .14285714em 0; - line-height: inherit -} - -.ui.list .list>.item>i.icon,.ui.list>.item>i.icon { - display: table-cell; - min-width: 1.55em; - margin: 0; - padding-top: 0; - transition: color .1s ease -} - -.ui.list .list>.item>i.icon:not(.loading),.ui.list>.item>i.icon:not(.loading) { - 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; - margin: 0; - 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 { - line-height: 1.14285714em; - color: #000000de -} - -.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>i.loading.icon+.content,.ui.list>.item>i.loading.icon+.content { - padding-left: calc(.2857142857142857em + .5em) -} - -.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: 500; - color: #000000de -} - -.ui.list .list>.item .description,.ui.list>.item .description { - display: block; - color: #000000b3 -} - -.ui.list>.item a,.ui.list .list>.item a { - cursor: pointer -} - -.ui.list .list>a.item,.ui.list>a.item { - cursor: pointer; - color: #4183c4 -} - -.ui.list .list>a.item:hover,.ui.list>a.item:hover { - color: #1e70bf -} - -.ui.list .list>a.item>i.icons,.ui.list>a.item>i.icons,.ui.list .list>a.item>i.icon,.ui.list>a.item>i.icon { - color: #0006 -} - -.ui.list .list>.item a.header,.ui.list>.item a.header { - cursor: pointer; - color: #4183c4!important -} - -.ui.list .list>.item>a.header:hover,.ui.list>.item>a.header:hover { - color: #1e70bf!important -} - -.ui[class*="left floated"].list { - float: left -} - -.ui[class*="right floated"].list { - float: right -} - -.ui.list .list>.item [class*="left floated"],.ui.list>.item [class*="left floated"] { - float: left; - margin: 0 1em 0 0 -} - -.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; - line-height: 1.14285714em -} - -.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.horizontal.list { - display: inline-block; - font-size: 0 -} - -.ui.horizontal.list>.item { - display: inline-block; - margin-right: 1em; - font-size: 1rem -} - -.ui.horizontal.list:not(.celled)>.item:last-child { - margin-right: 0; - padding-right: 0 -} - -.ui.horizontal.list .list:not(.icon) { - padding-left: 0; - padding-bottom: 0 -} - -.ui.horizontal.list>.item>.image,.ui.horizontal.list .list>.item>.image,.ui.horizontal.list>.item>i.icon,.ui.horizontal.list .list>.item>i.icon,.ui.horizontal.list>.item>.content,.ui.horizontal.list .list>.item>.content { - vertical-align: middle -} - -.ui.horizontal.list>.item:first-child,.ui.horizontal.list>.item:last-child { - padding-top: .21428571em; - padding-bottom: .21428571em -} - -.ui.horizontal.list>.item>i.icon,.ui.horizontal.list .item>i.icons>i.icon { - margin: 0; - padding: 0 .25em 0 0 -} - -.ui.horizontal.list>.item>.image+.content,.ui.horizontal.list>.item>i.icon,.ui.horizontal.list>.item>i.icon+.content { - float: none; - display: inline-block; - width: auto -} - -.ui.horizontal.list>.item>.image { - display: inline-block -} - -.ui.list .list>.disabled.item,.ui.list>.disabled.item { - pointer-events: none; - color: #2828284d!important -} - -.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: #000000de -} - -.ui.list[class*="top aligned"] .image,.ui.list[class*="top aligned"] .content,.ui.list [class*="top aligned"] { - vertical-align: top!important -} - -.ui.list[class*="middle aligned"] .image,.ui.list[class*="middle aligned"] .content,.ui.list [class*="middle aligned"] { - vertical-align: middle!important -} - -.ui.list[class*="bottom aligned"] .image,.ui.list[class*="bottom aligned"] .content,.ui.list [class*="bottom aligned"] { - vertical-align: bottom!important -} - -.ui.link.list .item,.ui.link.list a.item,.ui.link.list .item a:not(.ui) { - color: #0006; - transition: .1s color ease -} - -.ui.link.list.list a.item:hover,.ui.link.list.list .item a:not(.ui):hover { - color: #000c -} - -.ui.link.list.list a.item:active,.ui.link.list.list .item a:not(.ui):active { - color: #000000e6 -} - -.ui.link.list.list .active.item,.ui.link.list.list .active.item a:not(.ui) { - color: #000000f2 -} - -.ui.selection.list .list>.item,.ui.selection.list>.item { - cursor: pointer; - background: transparent; - padding: .5em; - margin: 0; - color: #0006; - border-radius: .5em; - transition: .1s color ease,.1s padding-left ease,.1s background-color ease -} - -.ui.selection.list .list>.item:last-child,.ui.selection.list>.item:last-child { - margin-bottom: 0 -} - -.ui.selection.list .list>.item:hover,.ui.selection.list>.item:hover { - background: rgba(0,0,0,.03); - color: #000c -} - -.ui.selection.list .list>.item:active,.ui.selection.list>.item:active { - background: rgba(0,0,0,.05); - color: #000000e6 -} - -.ui.selection.list .list>.item.active,.ui.selection.list>.item.active { - background: rgba(0,0,0,.05); - color: #000000f2 -} - -.ui.celled.selection.list .list>.item,.ui.divided.selection.list .list>.item,.ui.celled.selection.list>.item,.ui.divided.selection.list>.item { - border-radius: 0 -} - -.ui.animated.list>.item { - transition: .25s color ease .1s,.25s padding-left ease .1s,.25s background-color ease .1s -} - -.ui.animated.list:not(.horizontal)>.item:hover { - padding-left: 1em -} - -.ui.fitted.list:not(.selection) .list>.item,.ui.fitted.list:not(.selection)>.item { - padding-left: 0; - padding-right: 0 -} - -.ui.fitted.selection.list .list>.item,.ui.fitted.selection.list>.item { - margin-left: -.5em; - margin-right: -.5em -} - -ul.ui.list,.ui.bulleted.list { - margin-left: 1.25rem -} - -ul.ui.list li,.ui.bulleted.list .list>.item,.ui.bulleted.list>.item { - position: relative -} - -ul.ui.list li:before,.ui.bulleted.list .list>.item:before,.ui.bulleted.list>.item:before { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - pointer-events: none; - position: absolute; - top: auto; - left: auto; - font-weight: 400; - margin-left: -1.25rem; - content: "\2022"; - opacity: 1; - color: inherit; - vertical-align: top -} - -ul.ui.list li:before,.ui.bulleted.list .list>a.item:before,.ui.bulleted.list>a.item:before { - color: #000000de -} - -ul.ui.list ul,.ui.bulleted.list .list:not(.icon) { - padding-left: 1.25rem -} - -ul.ui.horizontal.bulleted.list,.ui.horizontal.bulleted.list { - margin-left: 0 -} - -ul.ui.horizontal.bulleted.list li,.ui.horizontal.bulleted.list>.item { - margin-left: 1.75rem -} - -ul.ui.horizontal.bulleted.list li:first-child,.ui.horizontal.bulleted.list>.item:first-child { - margin-left: 0 -} - -ul.ui.horizontal.bulleted.list li:before,.ui.horizontal.bulleted.list>.item:before { - color: #000000de -} - -ul.ui.horizontal.bulleted.list li:first-child:before,.ui.horizontal.bulleted.list>.item:first-child:before { - display: none -} - -ol.ui.list,.ui.ordered.list,.ui.ordered.list .list:not(.icon),ol.ui.list ol { - counter-reset: ordered; - margin-left: 1.25rem; - list-style-type: none -} - -ol.ui.list li,.ui.ordered.list .list>.item,.ui.ordered.list>.item { - list-style-type: none; - position: relative -} - -ol.ui.list li:before,.ui.ordered.list .list>.item:before,.ui.ordered.list>.item:before { - position: absolute; - top: auto; - left: auto; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - pointer-events: none; - margin-left: -1.25rem; - counter-increment: ordered; - content: counters(ordered,".") " "; - text-align: right; - color: #000000de; - vertical-align: middle; - opacity: .8 -} - -.ui.ordered.list .list>.item[data-value]:before,.ui.ordered.list>.item[data-value]:before { - content: attr(data-value) -} - -ol.ui.list li[value]:before { - content: attr(value) -} - -ol.ui.list ol,.ui.ordered.list .list:not(.icon) { - margin-left: 1em -} - -ol.ui.list ol li:before,.ui.ordered.list .list>.item:before { - margin-left: -2em -} - -ol.ui.horizontal.list,.ui.ordered.horizontal.list { - margin-left: 0 -} - -ol.ui.horizontal.list li:before,.ui.ordered.horizontal.list .list>.item:before,.ui.ordered.horizontal.list>.item:before { - position: static; - margin: 0 .5em 0 0 -} - -ol.ui.suffixed.list li:before,.ui.suffixed.ordered.list .list>.item:before,.ui.suffixed.ordered.list>.item:before { - content: counters(ordered,".") "." -} - -.ui.divided.list>.item { - border-top: 1px solid rgba(34,36,38,.15) -} - -.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:not(.horizontal) .list>.item:first-child { - border-top-width: 1px -} - -.ui.divided.bulleted.list:not(.horizontal),.ui.divided.bulleted.list .list:not(.icon) { - margin-left: 0; - padding-left: 0 -} - -.ui.divided.bulleted.list>.item:not(.horizontal) { - padding-left: 1.25rem -} - -.ui.divided.ordered.list { - margin-left: 0 -} - -.ui.divided.ordered.list .list>.item,.ui.divided.ordered.list>.item { - padding-left: 1.25rem -} - -.ui.divided.ordered.list .item .list:not(.icon) { - margin-left: 0; - margin-right: 0; - padding-bottom: .21428571em -} - -.ui.divided.ordered.list .item .list>.item { - padding-left: 1em -} - -.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item { - margin: 0; - border-radius: 0 -} - -.ui.divided.horizontal.list { - margin-left: 0 -} - -.ui.divided.horizontal.list>.item { - padding-left: .5em -} - -.ui.divided.horizontal.list>.item:not(:last-child) { - padding-right: .5em -} - -.ui.divided.horizontal.list>.item { - border-top: none; - border-right: 1px solid rgba(34,36,38,.15); - margin: 0; - line-height: .6 -} - -.ui.horizontal.divided.list>.item:last-child { - border-right: none -} - -.ui.celled.list>.item,.ui.celled.list>.list { - border-top: 1px solid rgba(34,36,38,.15); - padding-left: .5em; - padding-right: .5em -} - -.ui.celled.list>.item:last-child { - border-bottom: 1px solid rgba(34,36,38,.15) -} - -.ui.celled.list>.item:first-child,.ui.celled.list>.item:last-child { - padding-top: .21428571em; - padding-bottom: .21428571em -} - -.ui.celled.list .item .list>.item { - border-width: 0 -} - -.ui.celled.list .list>.item:first-child { - border-top-width: 0 -} - -.ui.celled.bulleted.list { - margin-left: 0 -} - -.ui.celled.bulleted.list .list>.item,.ui.celled.bulleted.list>.item { - padding-left: 1.25rem -} - -.ui.celled.bulleted.list .item .list:not(.icon) { - margin-left: -1.25rem; - margin-right: -1.25rem; - padding-bottom: .21428571em -} - -.ui.celled.ordered.list { - margin-left: 0 -} - -.ui.celled.ordered.list .list>.item,.ui.celled.ordered.list>.item { - padding-left: 1.25rem -} - -.ui.celled.ordered.list .item .list:not(.icon) { - margin-left: 0; - margin-right: 0; - padding-bottom: .21428571em -} - -.ui.celled.ordered.list .list>.item { - padding-left: 1em -} - -.ui.horizontal.celled.list { - margin-left: 0 -} - -.ui.horizontal.celled.list .list>.item,.ui.horizontal.celled.list>.item { - border-top: none; - border-left: 1px solid rgba(34,36,38,.15); - margin: 0; - padding-left: .5em; - padding-right: .5em; - line-height: .6 -} - -.ui.horizontal.celled.list .list>.item:last-child,.ui.horizontal.celled.list>.item:last-child { - border-bottom: none; - border-right: 1px solid rgba(34,36,38,.15) -} - -.ui.relaxed.list:not(.horizontal)>.item:not(:first-child) { - padding-top: .42857143em -} - -.ui.relaxed.list:not(.horizontal)>.item:not(:last-child) { - padding-bottom: .42857143em -} - -.ui.horizontal.relaxed.list .list>.item:not(:first-child),.ui.horizontal.relaxed.list>.item:not(:first-child) { - padding-left: 1rem -} - -.ui.horizontal.relaxed.list .list>.item:not(:last-child),.ui.horizontal.relaxed.list>.item:not(:last-child) { - padding-right: 1rem -} - -.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:first-child) { - padding-top: .85714286em -} - -.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:last-child) { - padding-bottom: .85714286em -} - -.ui.horizontal[class*="very relaxed"].list .list>.item:not(:first-child),.ui.horizontal[class*="very relaxed"].list>.item:not(:first-child) { - padding-left: 1.5rem -} - -.ui.horizontal[class*="very relaxed"].list .list>.item:not(:last-child),.ui.horizontal[class*="very relaxed"].list>.item:not(:last-child) { - padding-right: 1.5rem -} - -.ui.list { - font-size: 1em -} - -.ui.mini.list { - font-size: .78571429em -} - -.ui.mini.horizontal.list .list>.item,.ui.mini.horizontal.list>.item { - font-size: .78571429rem -} - -.ui.tiny.list { - font-size: .85714286em -} - -.ui.tiny.horizontal.list .list>.item,.ui.tiny.horizontal.list>.item { - font-size: .85714286rem -} - -.ui.small.list { - font-size: .92857143em -} - -.ui.small.horizontal.list .list>.item,.ui.small.horizontal.list>.item { - font-size: .92857143rem -} - -.ui.large.list { - font-size: 1.14285714em -} - -.ui.large.horizontal.list .list>.item,.ui.large.horizontal.list>.item { - font-size: 1.14285714rem -} - -.ui.big.list { - font-size: 1.28571429em -} - -.ui.big.horizontal.list .list>.item,.ui.big.horizontal.list>.item { - font-size: 1.28571429rem -} - -.ui.huge.list { - font-size: 1.42857143em -} - -.ui.huge.horizontal.list .list>.item,.ui.huge.horizontal.list>.item { - font-size: 1.42857143rem -} - -.ui.massive.list { - font-size: 1.71428571em -} - -.ui.massive.horizontal.list .list>.item,.ui.massive.horizontal.list>.item { - font-size: 1.71428571rem -} - -.ui.loader { - display: none; - position: absolute; - top: 50%; - left: 50%; - margin: 0; - text-align: center; - z-index: 1000; - transform: translate(-50%) translateY(-50%) -} - -.ui.loader:before { - position: absolute; - content: ""; - top: 0; - left: 50%; - width: 100%; - height: 100%; - border-radius: 500rem; - border: .2em solid rgba(0,0,0,.1) -} - -.ui.loader:after { - position: absolute; - content: ""; - top: 0; - left: 50%; - width: 100%; - height: 100%; - -webkit-animation: loader .6s infinite linear; - animation: loader .6s infinite linear; - border: .2em solid #767676; - border-radius: 500rem; - box-shadow: 0 0 0 1px transparent -} - -.ui.fast.loading.loading:after,.ui.fast.loading.loading .input>i.icon:after,.ui.fast.loading.loading>i.icon:after,.ui.fast.loader:after { - -webkit-animation-duration: .3s; - animation-duration: .3s -} - -.ui.slow.loading.loading:after,.ui.slow.loading.loading .input>i.icon:after,.ui.slow.loading.loading>i.icon:after,.ui.slow.loader:after { - -webkit-animation-duration: .9s; - animation-duration: .9s -} - -@-webkit-keyframes loader { - to { - transform: rotate(360deg) - } -} - -@keyframes loader { - to { - transform: rotate(360deg) - } -} - -.ui.dimmer>.loader { - display: block -} - -.ui.dimmer>.ui.loader { - color: #ffffffe6 -} - -.ui.dimmer>.ui.loader:not(.elastic):before { - border-color: #ffffff26 -} - -.ui.inverted.dimmer>.ui.loader { - color: #000000de -} - -.ui.inverted.dimmer>.ui.loader:not(.elastic):before { - border-color: #0000001a -} - -.ui.ui.ui.ui.text.loader { - width: auto; - height: auto; - text-align: center; - font-style: normal -} - -.ui.indeterminate.loader:after { - animation-direction: reverse; - -webkit-animation-duration: 1.2s; - animation-duration: 1.2s -} - -.ui.loader.active,.ui.loader.visible { - display: block -} - -.ui.loader.disabled,.ui.loader.hidden { - display: none -} - -.ui.loader { - width: 2.28571429rem; - height: 2.28571429rem; - font-size: 1em -} - -.ui.loader:before,.ui.loader:after { - width: 2.28571429rem; - height: 2.28571429rem; - margin: 0 0 0 -1.14285714rem -} - -.ui.text.loader { - min-width: 2.28571429rem; - padding-top: 3.07142857rem -} - -.ui.mini.loader { - width: 1rem; - height: 1rem; - font-size: .78571429em -} - -.ui.mini.loader:before,.ui.mini.loader:after { - width: 1rem; - height: 1rem; - margin: 0 0 0 -.5rem -} - -.ui.mini.text.loader { - min-width: 1rem; - padding-top: 1.78571429rem -} - -.ui.tiny.loader { - width: 1.14285714rem; - height: 1.14285714rem; - font-size: .85714286em -} - -.ui.tiny.loader:before,.ui.tiny.loader:after { - width: 1.14285714rem; - height: 1.14285714rem; - margin: 0 0 0 -.57142857rem -} - -.ui.tiny.text.loader { - min-width: 1.14285714rem; - padding-top: 1.92857143rem -} - -.ui.small.loader { - width: 1.71428571rem; - height: 1.71428571rem; - font-size: .92857143em -} - -.ui.small.loader:before,.ui.small.loader:after { - width: 1.71428571rem; - height: 1.71428571rem; - margin: 0 0 0 -.85714286rem -} - -.ui.small.text.loader { - min-width: 1.71428571rem; - padding-top: 2.5rem -} - -.ui.large.loader { - width: 3.42857143rem; - height: 3.42857143rem; - font-size: 1.14285714em -} - -.ui.large.loader:before,.ui.large.loader:after { - width: 3.42857143rem; - height: 3.42857143rem; - margin: 0 0 0 -1.71428571rem -} - -.ui.large.text.loader { - min-width: 3.42857143rem; - padding-top: 4.21428571rem -} - -.ui.big.loader { - width: 3.71428571rem; - height: 3.71428571rem; - font-size: 1.28571429em -} - -.ui.big.loader:before,.ui.big.loader:after { - width: 3.71428571rem; - height: 3.71428571rem; - margin: 0 0 0 -1.85714286rem -} - -.ui.big.text.loader { - min-width: 3.71428571rem; - padding-top: 4.5rem -} - -.ui.huge.loader { - width: 4.14285714rem; - height: 4.14285714rem; - font-size: 1.42857143em -} - -.ui.huge.loader:before,.ui.huge.loader:after { - width: 4.14285714rem; - height: 4.14285714rem; - margin: 0 0 0 -2.07142857rem -} - -.ui.huge.text.loader { - min-width: 4.14285714rem; - padding-top: 4.92857143rem -} - -.ui.massive.loader { - width: 4.57142857rem; - height: 4.57142857rem; - font-size: 1.71428571em -} - -.ui.massive.loader:before,.ui.massive.loader:after { - width: 4.57142857rem; - height: 4.57142857rem; - margin: 0 0 0 -2.28571429rem -} - -.ui.massive.text.loader { - min-width: 4.57142857rem; - padding-top: 5.35714286rem -} - -.ui.primary.elastic.loader.loader:before,.ui.primary.basic.elastic.loading.button:before,.ui.primary.basic.elastic.loading.button:after,.ui.primary.elastic.loading.loading.loading:not(.segment):before,.ui.primary.elastic.loading.loading.loading .input>i.icon:before,.ui.primary.elastic.loading.loading.loading.loading>i.icon:before,.ui.primary.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.primary.loading.loading.loading.loading .input>i.icon:after,.ui.primary.loading.loading.loading.loading>i.icon:after,.ui.primary.loader.loader.loader:after { - color: #2185d0 -} - -.ui.inverted.primary.elastic.loader:before,.ui.inverted.primary.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.primary.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.primary.elastic.loading.loading.loading>i.icon:before,.ui.inverted.primary.loading.loading.loading.loading:not(.usual):after,.ui.inverted.primary.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.primary.loading.loading.loading.loading>i.icon:after,.ui.inverted.primary.loader.loader.loader:after { - color: #54c8ff -} - -.ui.secondary.elastic.loader.loader:before,.ui.secondary.basic.elastic.loading.button:before,.ui.secondary.basic.elastic.loading.button:after,.ui.secondary.elastic.loading.loading.loading:not(.segment):before,.ui.secondary.elastic.loading.loading.loading .input>i.icon:before,.ui.secondary.elastic.loading.loading.loading.loading>i.icon:before,.ui.secondary.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.secondary.loading.loading.loading.loading .input>i.icon:after,.ui.secondary.loading.loading.loading.loading>i.icon:after,.ui.secondary.loader.loader.loader:after { - color: #1b1c1d -} - -.ui.inverted.secondary.elastic.loader:before,.ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.secondary.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.secondary.elastic.loading.loading.loading>i.icon:before,.ui.inverted.secondary.loading.loading.loading.loading:not(.usual):after,.ui.inverted.secondary.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.secondary.loading.loading.loading.loading>i.icon:after,.ui.inverted.secondary.loader.loader.loader:after { - color: #545454 -} - -.ui.red.elastic.loader.loader:before,.ui.red.basic.elastic.loading.button:before,.ui.red.basic.elastic.loading.button:after,.ui.red.elastic.loading.loading.loading:not(.segment):before,.ui.red.elastic.loading.loading.loading .input>i.icon:before,.ui.red.elastic.loading.loading.loading.loading>i.icon:before,.ui.red.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.red.loading.loading.loading.loading .input>i.icon:after,.ui.red.loading.loading.loading.loading>i.icon:after,.ui.red.loader.loader.loader:after { - color: #db2828 -} - -.ui.inverted.red.elastic.loader:before,.ui.inverted.red.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.red.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.red.elastic.loading.loading.loading>i.icon:before,.ui.inverted.red.loading.loading.loading.loading:not(.usual):after,.ui.inverted.red.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.red.loading.loading.loading.loading>i.icon:after,.ui.inverted.red.loader.loader.loader:after { - color: #ff695e -} - -.ui.orange.elastic.loader.loader:before,.ui.orange.basic.elastic.loading.button:before,.ui.orange.basic.elastic.loading.button:after,.ui.orange.elastic.loading.loading.loading:not(.segment):before,.ui.orange.elastic.loading.loading.loading .input>i.icon:before,.ui.orange.elastic.loading.loading.loading.loading>i.icon:before,.ui.orange.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.orange.loading.loading.loading.loading .input>i.icon:after,.ui.orange.loading.loading.loading.loading>i.icon:after,.ui.orange.loader.loader.loader:after { - color: #f2711c -} - -.ui.inverted.orange.elastic.loader:before,.ui.inverted.orange.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.orange.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.orange.elastic.loading.loading.loading>i.icon:before,.ui.inverted.orange.loading.loading.loading.loading:not(.usual):after,.ui.inverted.orange.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.orange.loading.loading.loading.loading>i.icon:after,.ui.inverted.orange.loader.loader.loader:after { - color: #ff851b -} - -.ui.yellow.elastic.loader.loader:before,.ui.yellow.basic.elastic.loading.button:before,.ui.yellow.basic.elastic.loading.button:after,.ui.yellow.elastic.loading.loading.loading:not(.segment):before,.ui.yellow.elastic.loading.loading.loading .input>i.icon:before,.ui.yellow.elastic.loading.loading.loading.loading>i.icon:before,.ui.yellow.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.yellow.loading.loading.loading.loading .input>i.icon:after,.ui.yellow.loading.loading.loading.loading>i.icon:after,.ui.yellow.loader.loader.loader:after { - color: #fbbd08 -} - -.ui.inverted.yellow.elastic.loader:before,.ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.yellow.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.yellow.elastic.loading.loading.loading>i.icon:before,.ui.inverted.yellow.loading.loading.loading.loading:not(.usual):after,.ui.inverted.yellow.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.yellow.loading.loading.loading.loading>i.icon:after,.ui.inverted.yellow.loader.loader.loader:after { - color: #ffe21f -} - -.ui.olive.elastic.loader.loader:before,.ui.olive.basic.elastic.loading.button:before,.ui.olive.basic.elastic.loading.button:after,.ui.olive.elastic.loading.loading.loading:not(.segment):before,.ui.olive.elastic.loading.loading.loading .input>i.icon:before,.ui.olive.elastic.loading.loading.loading.loading>i.icon:before,.ui.olive.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.olive.loading.loading.loading.loading .input>i.icon:after,.ui.olive.loading.loading.loading.loading>i.icon:after,.ui.olive.loader.loader.loader:after { - color: #b5cc18 -} - -.ui.inverted.olive.elastic.loader:before,.ui.inverted.olive.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.olive.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.olive.elastic.loading.loading.loading>i.icon:before,.ui.inverted.olive.loading.loading.loading.loading:not(.usual):after,.ui.inverted.olive.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.olive.loading.loading.loading.loading>i.icon:after,.ui.inverted.olive.loader.loader.loader:after { - color: #d9e778 -} - -.ui.green.elastic.loader.loader:before,.ui.green.basic.elastic.loading.button:before,.ui.green.basic.elastic.loading.button:after,.ui.green.elastic.loading.loading.loading:not(.segment):before,.ui.green.elastic.loading.loading.loading .input>i.icon:before,.ui.green.elastic.loading.loading.loading.loading>i.icon:before,.ui.green.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.green.loading.loading.loading.loading .input>i.icon:after,.ui.green.loading.loading.loading.loading>i.icon:after,.ui.green.loader.loader.loader:after { - color: #21ba45 -} - -.ui.inverted.green.elastic.loader:before,.ui.inverted.green.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.green.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.green.elastic.loading.loading.loading>i.icon:before,.ui.inverted.green.loading.loading.loading.loading:not(.usual):after,.ui.inverted.green.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.green.loading.loading.loading.loading>i.icon:after,.ui.inverted.green.loader.loader.loader:after { - color: #2ecc40 -} - -.ui.teal.elastic.loader.loader:before,.ui.teal.basic.elastic.loading.button:before,.ui.teal.basic.elastic.loading.button:after,.ui.teal.elastic.loading.loading.loading:not(.segment):before,.ui.teal.elastic.loading.loading.loading .input>i.icon:before,.ui.teal.elastic.loading.loading.loading.loading>i.icon:before,.ui.teal.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.teal.loading.loading.loading.loading .input>i.icon:after,.ui.teal.loading.loading.loading.loading>i.icon:after,.ui.teal.loader.loader.loader:after { - color: #00b5ad -} - -.ui.inverted.teal.elastic.loader:before,.ui.inverted.teal.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.teal.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.teal.elastic.loading.loading.loading>i.icon:before,.ui.inverted.teal.loading.loading.loading.loading:not(.usual):after,.ui.inverted.teal.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.teal.loading.loading.loading.loading>i.icon:after,.ui.inverted.teal.loader.loader.loader:after { - color: #6dffff -} - -.ui.blue.elastic.loader.loader:before,.ui.blue.basic.elastic.loading.button:before,.ui.blue.basic.elastic.loading.button:after,.ui.blue.elastic.loading.loading.loading:not(.segment):before,.ui.blue.elastic.loading.loading.loading .input>i.icon:before,.ui.blue.elastic.loading.loading.loading.loading>i.icon:before,.ui.blue.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.blue.loading.loading.loading.loading .input>i.icon:after,.ui.blue.loading.loading.loading.loading>i.icon:after,.ui.blue.loader.loader.loader:after { - color: #2185d0 -} - -.ui.inverted.blue.elastic.loader:before,.ui.inverted.blue.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.blue.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.blue.elastic.loading.loading.loading>i.icon:before,.ui.inverted.blue.loading.loading.loading.loading:not(.usual):after,.ui.inverted.blue.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.blue.loading.loading.loading.loading>i.icon:after,.ui.inverted.blue.loader.loader.loader:after { - color: #54c8ff -} - -.ui.violet.elastic.loader.loader:before,.ui.violet.basic.elastic.loading.button:before,.ui.violet.basic.elastic.loading.button:after,.ui.violet.elastic.loading.loading.loading:not(.segment):before,.ui.violet.elastic.loading.loading.loading .input>i.icon:before,.ui.violet.elastic.loading.loading.loading.loading>i.icon:before,.ui.violet.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.violet.loading.loading.loading.loading .input>i.icon:after,.ui.violet.loading.loading.loading.loading>i.icon:after,.ui.violet.loader.loader.loader:after { - color: #6435c9 -} - -.ui.inverted.violet.elastic.loader:before,.ui.inverted.violet.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.violet.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.violet.elastic.loading.loading.loading>i.icon:before,.ui.inverted.violet.loading.loading.loading.loading:not(.usual):after,.ui.inverted.violet.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.violet.loading.loading.loading.loading>i.icon:after,.ui.inverted.violet.loader.loader.loader:after { - color: #a291fb -} - -.ui.purple.elastic.loader.loader:before,.ui.purple.basic.elastic.loading.button:before,.ui.purple.basic.elastic.loading.button:after,.ui.purple.elastic.loading.loading.loading:not(.segment):before,.ui.purple.elastic.loading.loading.loading .input>i.icon:before,.ui.purple.elastic.loading.loading.loading.loading>i.icon:before,.ui.purple.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.purple.loading.loading.loading.loading .input>i.icon:after,.ui.purple.loading.loading.loading.loading>i.icon:after,.ui.purple.loader.loader.loader:after { - color: #a333c8 -} - -.ui.inverted.purple.elastic.loader:before,.ui.inverted.purple.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.purple.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.purple.elastic.loading.loading.loading>i.icon:before,.ui.inverted.purple.loading.loading.loading.loading:not(.usual):after,.ui.inverted.purple.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.purple.loading.loading.loading.loading>i.icon:after,.ui.inverted.purple.loader.loader.loader:after { - color: #dc73ff -} - -.ui.pink.elastic.loader.loader:before,.ui.pink.basic.elastic.loading.button:before,.ui.pink.basic.elastic.loading.button:after,.ui.pink.elastic.loading.loading.loading:not(.segment):before,.ui.pink.elastic.loading.loading.loading .input>i.icon:before,.ui.pink.elastic.loading.loading.loading.loading>i.icon:before,.ui.pink.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.pink.loading.loading.loading.loading .input>i.icon:after,.ui.pink.loading.loading.loading.loading>i.icon:after,.ui.pink.loader.loader.loader:after { - color: #e03997 -} - -.ui.inverted.pink.elastic.loader:before,.ui.inverted.pink.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.pink.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.pink.elastic.loading.loading.loading>i.icon:before,.ui.inverted.pink.loading.loading.loading.loading:not(.usual):after,.ui.inverted.pink.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.pink.loading.loading.loading.loading>i.icon:after,.ui.inverted.pink.loader.loader.loader:after { - color: #ff8edf -} - -.ui.brown.elastic.loader.loader:before,.ui.brown.basic.elastic.loading.button:before,.ui.brown.basic.elastic.loading.button:after,.ui.brown.elastic.loading.loading.loading:not(.segment):before,.ui.brown.elastic.loading.loading.loading .input>i.icon:before,.ui.brown.elastic.loading.loading.loading.loading>i.icon:before,.ui.brown.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.brown.loading.loading.loading.loading .input>i.icon:after,.ui.brown.loading.loading.loading.loading>i.icon:after,.ui.brown.loader.loader.loader:after { - color: #a5673f -} - -.ui.inverted.brown.elastic.loader:before,.ui.inverted.brown.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.brown.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.brown.elastic.loading.loading.loading>i.icon:before,.ui.inverted.brown.loading.loading.loading.loading:not(.usual):after,.ui.inverted.brown.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.brown.loading.loading.loading.loading>i.icon:after,.ui.inverted.brown.loader.loader.loader:after { - color: #d67c1c -} - -.ui.grey.elastic.loader.loader:before,.ui.grey.basic.elastic.loading.button:before,.ui.grey.basic.elastic.loading.button:after,.ui.grey.elastic.loading.loading.loading:not(.segment):before,.ui.grey.elastic.loading.loading.loading .input>i.icon:before,.ui.grey.elastic.loading.loading.loading.loading>i.icon:before,.ui.grey.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.grey.loading.loading.loading.loading .input>i.icon:after,.ui.grey.loading.loading.loading.loading>i.icon:after,.ui.grey.loader.loader.loader:after { - color: #767676 -} - -.ui.inverted.grey.elastic.loader:before,.ui.inverted.grey.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.grey.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.grey.elastic.loading.loading.loading>i.icon:before,.ui.inverted.grey.loading.loading.loading.loading:not(.usual):after,.ui.inverted.grey.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.grey.loading.loading.loading.loading>i.icon:after,.ui.inverted.grey.loader.loader.loader:after { - color: #dcddde -} - -.ui.black.elastic.loader.loader:before,.ui.black.basic.elastic.loading.button:before,.ui.black.basic.elastic.loading.button:after,.ui.black.elastic.loading.loading.loading:not(.segment):before,.ui.black.elastic.loading.loading.loading .input>i.icon:before,.ui.black.elastic.loading.loading.loading.loading>i.icon:before,.ui.black.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.black.loading.loading.loading.loading .input>i.icon:after,.ui.black.loading.loading.loading.loading>i.icon:after,.ui.black.loader.loader.loader:after { - color: #1b1c1d -} - -.ui.inverted.black.elastic.loader:before,.ui.inverted.black.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.black.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.black.elastic.loading.loading.loading>i.icon:before,.ui.inverted.black.loading.loading.loading.loading:not(.usual):after,.ui.inverted.black.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.black.loading.loading.loading.loading>i.icon:after,.ui.inverted.black.loader.loader.loader:after { - color: #545454 -} - -.ui.elastic.loader.loader:before,.ui.elastic.loading.loading.loading:before,.ui.elastic.loading.loading.loading .input>i.icon:before,.ui.elastic.loading.loading.loading>i.icon:before,.ui.loading.loading.loading.loading:not(.usual):after,.ui.loading.loading.loading.loading .input>i.icon:after,.ui.loading.loading.loading.loading>i.icon:after,.ui.loader.loader.loader:after { - border-color: currentColor -} - -.ui.elastic.loading.loading.loading.loading.button:not(.inverted):not(.basic):before { - color: #fff -} - -.ui.elastic.basic.loading.button:before,.ui.elastic.basic.loading.button:after { - color: #767676 -} - -.ui.double.loading.loading.loading.loading.button:after { - border-bottom-color: currentColor -} - -.ui.inline.loader { - position: relative; - vertical-align: middle; - margin: 0; - left: 0; - top: 0; - transform: none -} - -.ui.inline.loader.active,.ui.inline.loader.visible { - display: inline-block -} - -.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible { - display: block; - margin-left: auto; - margin-right: auto -} - -.ui.loading.loading.loading.loading.loading.loading:after,.ui.loading.loading.loading.loading.loading.loading .input>i.icon:after,.ui.loading.loading.loading.loading.loading.loading>i.icon:after,.ui.loader.loader.loader.loader.loader:after { - border-left-color: transparent; - border-right-color: transparent -} - -.ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input>i.icon:after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double)>i.icon:after,.ui.loader.loader.loader.loader.loader.loader:not(.double):after { - border-bottom-color: transparent -} - -.ui.loading.loading.loading.loading.loading.loading.segment:after,.ui.loading.loading.loading.loading.loading.loading.form:after { - border-left-color: #0000001a; - border-right-color: #0000001a -} - -.ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after,.ui.loading.loading.loading.loading.loading.loading.form:not(.double):after { - border-bottom-color: #0000001a -} - -.ui.dimmer>.ui.elastic.loader { - color: #fff -} - -.ui.inverted.dimmer>.ui.elastic.loader { - color: #767676 -} - -.ui.elastic.loading.loading:not(.form):not(.segment):after,.ui.elastic.loading.loading .input>i.icon:after,.ui.elastic.loading.loading>i.icon:after,.ui.elastic.loader.loader:after { - -webkit-animation: loader 1s infinite cubic-bezier(.27,1.05,.92,.61); - animation: loader 1s infinite cubic-bezier(.27,1.05,.92,.61); - -webkit-animation-delay: .3s; - animation-delay: .3s -} - -.ui.elastic.loading.loading.loading:not(.form):not(.segment):before,.ui.elastic.loading.loading.loading .input>i.icon:before,.ui.elastic.loading.loading.loading>i.icon:before,.ui.elastic.loader.loader:before { - -webkit-animation: elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61); - animation: elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61); - -moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61); - border-right-color: transparent -} - -.ui.elastic.inline.loader:empty { - -webkit-animation: loader 8s infinite linear; - animation: loader 8s infinite linear -} - -.ui.slow.elastic.loading.loading:not(.form):not(.segment):after,.ui.slow.elastic.loading.loading .input>i.icon:after,.ui.slow.elastic.loading.loading>i.icon:after,.ui.slow.elastic.loader.loader:after { - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s; - -webkit-animation-delay: .45s; - animation-delay: .45s -} - -.ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):before,.ui.slow.elastic.loading.loading.loading .input>i.icon:before,.ui.slow.elastic.loading.loading.loading>i.icon:before,.ui.slow.elastic.loader.loader:before { - -webkit-animation-duration: 1.5s; - animation-duration: 1.5s -} - -.ui.fast.elastic.loading.loading:not(.form):not(.segment):after,.ui.fast.elastic.loading.loading .input>i.icon:after,.ui.fast.elastic.loading.loading>i.icon:after,.ui.fast.elastic.loader.loader:after { - -webkit-animation-duration: .66s; - animation-duration: .66s; - -webkit-animation-delay: .2s; - animation-delay: .2s -} - -.ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):before,.ui.fast.elastic.loading.loading.loading .input>i.icon:before,.ui.fast.elastic.loading.loading.loading>i.icon:before,.ui.fast.elastic.loader.loader:before { - -webkit-animation-duration: .66s; - animation-duration: .66s -} - -@-webkit-keyframes elastic-loader { - 0%,1% { - border-left-color: transparent; - border-bottom-color: transparent - } - - 1.1%,50% { - border-left-color: inherit - } - - 10%,35.1% { - border-bottom-color: transparent - } - - 10.1%,35% { - border-bottom-color: inherit - } - - 50.1% { - border-left-color: transparent - } - - to { - border-left-color: transparent; - border-bottom-color: transparent; - transform: rotate(360deg) - } -} - -@keyframes elastic-loader { - 0%,1% { - border-left-color: transparent; - border-bottom-color: transparent - } - - 1.1%,50% { - border-left-color: inherit - } - - 10%,35.1% { - border-bottom-color: transparent - } - - 10.1%,35% { - border-bottom-color: inherit - } - - 50.1% { - border-left-color: transparent - } - - to { - border-left-color: transparent; - border-bottom-color: transparent; - transform: rotate(360deg) - } -} - -@-webkit-keyframes currentcolor-elastic-loader { - 0%,1% { - border-left-color: transparent; - border-bottom-color: transparent - } - - 1.1%,50% { - border-left-color: currentColor - } - - 10%,35.1% { - border-bottom-color: transparent - } - - 10.1%,35% { - border-bottom-color: currentColor - } - - 50.1% { - border-left-color: transparent - } - - to { - border-left-color: transparent; - border-bottom-color: transparent; - transform: rotate(360deg) - } -} - -@keyframes currentcolor-elastic-loader { - 0%,1% { - border-left-color: transparent; - border-bottom-color: transparent - } - - 1.1%,50% { - border-left-color: currentColor - } - - 10%,35.1% { - border-bottom-color: transparent - } - - 10.1%,35% { - border-bottom-color: currentColor - } - - 50.1% { - border-left-color: transparent - } - - to { - border-left-color: transparent; - border-bottom-color: transparent; - transform: rotate(360deg) - } -} - -.ui.menu { - display: flex; - margin: 1rem 0; - font-family: var(--fonts-regular); - background: #FFFFFF; - 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: rgba(34,36,38,.1) -} - -.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: #FFFFFF; - 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: rgba(0,0,0,.05)!important; - color: #000000f2!important -} - -.ui.menu .ui.dropdown .menu>.selected.item { - background: rgba(0,0,0,.05)!important; - color: #000000f2!important -} - -.ui.menu .ui.dropdown .menu>.active.item { - background: rgba(0,0,0,.03)!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: -webkit-max-content; - 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: #999999; - 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: rgba(0,0,0,.03); - color: #000000f2 -} - -.ui.link.menu .item:active,.ui.menu .link.item:active,.ui.menu a.item:active { - background: rgba(0,0,0,.03); - color: #000000f2 -} - -.ui.menu .active.item { - background: rgba(0,0,0,.05); - 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: #FFFFFF; - 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: rgba(34,36,38,.1) -} - -.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: rgba(0,0,0,.05); - 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 #FFFFFF; - 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 #FFFFFF; - 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 #FFFFFF; - 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 #FFFFFF; - 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: rgba(0,0,0,.05); - color: #000000f2 -} - -.ui.secondary.menu .active.item { - box-shadow: none; - background: rgba(0,0,0,.05); - color: #000000f2; - border-radius: .28571429rem -} - -.ui.secondary.menu .active.item:hover { - box-shadow: none; - background: rgba(0,0,0,.05); - 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: rgba(34,36,38,.1) - } - - .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: rgba(255,255,255,.08)!important; - color: #fffc!important -} - -.ui.menu .ui.inverted.dropdown .menu>.selected.item { - background: rgba(255,255,255,.15)!important; - color: #fffc!important -} - -.ui.vertical.menu .inverted.dropdown.item .menu { - box-shadow: none -} - -.ui.message { - position: relative; - min-height: 1em; - margin: 1em 0; - background: #F8F8F9; - padding: 1em 1.5em; - line-height: 1.4285em; - color: #000000de; - transition: opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease; - border-radius: .28571429rem; - box-shadow: 0 0 0 1px #22242638 inset,0 0 #0000 -} - -.ui.message:first-child { - margin-top: 0 -} - -.ui.message:last-child { - margin-bottom: 0 -} - -.ui.message .header { - display: block; - font-family: var(--fonts-regular); - font-weight: 500; - margin: -.14285714em 0 0 -} - -.ui.message .header:not(.ui) { - font-size: 1.14285714em -} - -.ui.message p { - opacity: .85; - margin: .75em 0 -} - -.ui.message p:first-child { - margin-top: 0 -} - -.ui.message p:last-child { - margin-bottom: 0 -} - -.ui.message .header+p { - margin-top: .25em -} - -.ui.message .list:not(.ui) { - text-align: left; - padding: 0; - opacity: .85; - list-style-position: inside; - margin: .5em 0 0 -} - -.ui.message .list:not(.ui):first-child { - margin-top: 0 -} - -.ui.message .list:not(.ui):last-child { - margin-bottom: 0 -} - -.ui.message .list:not(.ui) li { - position: relative; - list-style-type: none; - margin: 0 0 .3em 1em; - padding: 0 -} - -.ui.message .list:not(.ui) li:before { - position: absolute; - content: "\2022"; - left: -1em; - height: 100%; - vertical-align: baseline -} - -.ui.message .list:not(.ui) li:last-child { - margin-bottom: 0 -} - -.ui.message>i.icon { - margin-right: .6em -} - -.ui.message>.close.icon { - cursor: pointer; - position: absolute; - margin: 0; - top: .78575em; - right: .5em; - opacity: .7; - transition: opacity .1s ease -} - -.ui.message>.close.icon:hover { - opacity: 1 -} - -.ui.message>:first-child { - margin-top: 0 -} - -.ui.message>:last-child { - margin-bottom: 0 -} - -.ui.dropdown .menu>.message { - margin: 0 -1px -} - -.ui.visible.visible.visible.visible.message { - display: block -} - -.ui.icon.visible.visible.visible.visible.message { - display: flex -} - -.ui.hidden.hidden.hidden.hidden.message { - display: none -} - -.ui.compact.message { - display: inline-block -} - -.ui.compact.icon.message { - display: inline-flex; - width: auto -} - -.ui.attached.message { - margin-bottom: -1px; - border-radius: .28571429rem .28571429rem 0 0; - box-shadow: 0 0 0 1px #22242626 inset; - 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 .28571429rem .28571429rem; - box-shadow: 0 0 0 1px #22242626 inset,0 1px 2px #22242626 -} - -.ui.bottom.attached.message:not(:last-child) { - margin-bottom: 1em -} - -.ui.attached.icon.message { - width: auto -} - -.ui.icon.message { - display: flex; - width: 100%; - align-items: center -} - -.ui.icon.message>i.icon:not(.close) { - display: block; - flex: 0 0 auto; - width: auto; - line-height: 1; - vertical-align: middle; - font-size: 3em; - opacity: .8 -} - -.ui.icon.message>.content { - display: block; - flex: 1 1 auto; - vertical-align: middle -} - -.ui.icon.message>i.icon:not(.close)+.content { - padding-left: 0 -} - -.ui.icon.message>i.circular.icon { - width: 1em -} - -.ui.floating.message { - box-shadow: 0 0 0 1px #22242638 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.positive.message { - background-color: #fcfff5; - color: #2c662d -} - -.ui.positive.message,.ui.attached.positive.message { - box-shadow: 0 0 0 1px #a3c293 inset,0 0 #0000 -} - -.ui.floating.positive.message { - box-shadow: 0 0 0 1px #a3c293 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.positive.message .header { - color: #1a531b -} - -.ui.negative.message { - background-color: #fff6f6; - color: #9f3a38 -} - -.ui.negative.message,.ui.attached.negative.message { - box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 #0000 -} - -.ui.floating.negative.message { - box-shadow: 0 0 0 1px #e0b4b4 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.negative.message .header { - color: #912d2b -} - -.ui.info.message { - background-color: #f8ffff; - color: #276f86 -} - -.ui.info.message,.ui.attached.info.message { - box-shadow: 0 0 0 1px #a9d5de inset,0 0 #0000 -} - -.ui.floating.info.message { - box-shadow: 0 0 0 1px #a9d5de inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.info.message .header { - color: #0e566c -} - -.ui.warning.message { - background-color: #fffaf3; - color: #573a08 -} - -.ui.warning.message,.ui.attached.warning.message { - box-shadow: 0 0 0 1px #c9ba9b inset,0 0 #0000 -} - -.ui.floating.warning.message { - box-shadow: 0 0 0 1px #c9ba9b inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.warning.message .header { - color: #794b02 -} - -.ui.error.message { - background-color: #fff6f6; - color: #9f3a38 -} - -.ui.error.message,.ui.attached.error.message { - box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 #0000 -} - -.ui.floating.error.message { - box-shadow: 0 0 0 1px #e0b4b4 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.error.message .header { - color: #912d2b -} - -.ui.success.message { - background-color: #fcfff5; - color: #2c662d -} - -.ui.success.message,.ui.attached.success.message { - box-shadow: 0 0 0 1px #a3c293 inset,0 0 #0000 -} - -.ui.floating.success.message { - box-shadow: 0 0 0 1px #a3c293 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.success.message .header { - color: #1a531b -} - -.ui.primary.message { - background-color: #dff0ff; - color: #ffffffe6 -} - -.ui.primary.message,.ui.attached.primary.message { - box-shadow: 0 0 0 1px #2185d0 inset,0 0 #0000 -} - -.ui.floating.primary.message { - box-shadow: 0 0 0 1px #2185d0 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.primary.message .header { - color: #f2f2f2e6 -} - -.ui.secondary.message { - background-color: #f4f4f4; - color: #ffffffe6 -} - -.ui.secondary.message,.ui.attached.secondary.message { - box-shadow: 0 0 0 1px #1b1c1d inset,0 0 #0000 -} - -.ui.floating.secondary.message { - box-shadow: 0 0 0 1px #1b1c1d inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.secondary.message .header { - color: #f2f2f2e6 -} - -.ui.red.message { - background-color: #ffe8e6; - color: #db2828 -} - -.ui.red.message,.ui.attached.red.message { - box-shadow: 0 0 0 1px #db2828 inset,0 0 #0000 -} - -.ui.floating.red.message { - box-shadow: 0 0 0 1px #db2828 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.red.message .header { - color: #c82121 -} - -.ui.orange.message { - background-color: #ffedde; - color: #f2711c -} - -.ui.orange.message,.ui.attached.orange.message { - box-shadow: 0 0 0 1px #f2711c inset,0 0 #0000 -} - -.ui.floating.orange.message { - box-shadow: 0 0 0 1px #f2711c inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.orange.message .header { - color: #e7640d -} - -.ui.yellow.message { - background-color: #fff8db; - color: #b58105 -} - -.ui.yellow.message,.ui.attached.yellow.message { - box-shadow: 0 0 0 1px #b58105 inset,0 0 #0000 -} - -.ui.floating.yellow.message { - box-shadow: 0 0 0 1px #b58105 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.yellow.message .header { - color: #9c6f04 -} - -.ui.olive.message { - background-color: #fbfdef; - color: #8abc1e -} - -.ui.olive.message,.ui.attached.olive.message { - box-shadow: 0 0 0 1px #8abc1e inset,0 0 #0000 -} - -.ui.floating.olive.message { - box-shadow: 0 0 0 1px #8abc1e inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.olive.message .header { - color: #7aa61a -} - -.ui.green.message { - background-color: #e5f9e7; - color: #1ebc30 -} - -.ui.green.message,.ui.attached.green.message { - box-shadow: 0 0 0 1px #1ebc30 inset,0 0 #0000 -} - -.ui.floating.green.message { - box-shadow: 0 0 0 1px #1ebc30 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.green.message .header { - color: #1aa62a -} - -.ui.teal.message { - background-color: #e1f7f7; - color: #10a3a3 -} - -.ui.teal.message,.ui.attached.teal.message { - box-shadow: 0 0 0 1px #10a3a3 inset,0 0 #0000 -} - -.ui.floating.teal.message { - box-shadow: 0 0 0 1px #10a3a3 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.teal.message .header { - color: #0e8c8c -} - -.ui.blue.message { - background-color: #dff0ff; - color: #2185d0 -} - -.ui.blue.message,.ui.attached.blue.message { - box-shadow: 0 0 0 1px #2185d0 inset,0 0 #0000 -} - -.ui.floating.blue.message { - box-shadow: 0 0 0 1px #2185d0 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.blue.message .header { - color: #1e77ba -} - -.ui.violet.message { - background-color: #eae7ff; - color: #6435c9 -} - -.ui.violet.message,.ui.attached.violet.message { - box-shadow: 0 0 0 1px #6435c9 inset,0 0 #0000 -} - -.ui.floating.violet.message { - box-shadow: 0 0 0 1px #6435c9 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.violet.message .header { - color: #5a30b5 -} - -.ui.purple.message { - background-color: #f6e7ff; - color: #a333c8 -} - -.ui.purple.message,.ui.attached.purple.message { - box-shadow: 0 0 0 1px #a333c8 inset,0 0 #0000 -} - -.ui.floating.purple.message { - box-shadow: 0 0 0 1px #a333c8 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.purple.message .header { - color: #922eb4 -} - -.ui.pink.message { - background-color: #ffe3fb; - color: #e03997 -} - -.ui.pink.message,.ui.attached.pink.message { - box-shadow: 0 0 0 1px #e03997 inset,0 0 #0000 -} - -.ui.floating.pink.message { - box-shadow: 0 0 0 1px #e03997 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.pink.message .header { - color: #dd238b -} - -.ui.brown.message { - background-color: #f1e2d3; - color: #a5673f -} - -.ui.brown.message,.ui.attached.brown.message { - box-shadow: 0 0 0 1px #a5673f inset,0 0 #0000 -} - -.ui.floating.brown.message { - box-shadow: 0 0 0 1px #a5673f inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.brown.message .header { - color: #935b38 -} - -.ui.grey.message { - background-color: #f4f4f4; - color: #767676 -} - -.ui.grey.message,.ui.attached.grey.message { - box-shadow: 0 0 0 1px #767676 inset,0 0 #0000 -} - -.ui.floating.grey.message { - box-shadow: 0 0 0 1px #767676 inset,0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.grey.message .header { - color: #696969 -} - -.ui.black.message { - background-color: #1b1c1d; - color: #ffffffe6 -} - -.ui.black.message .header { - color: #ffffffe6 -} - -.ui.message { - font-size: 1em -} - -.ui.mini.message { - font-size: .78571429em -} - -.ui.tiny.message { - font-size: .85714286em -} - -.ui.small.message { - font-size: .92857143em -} - -.ui.large.message { - font-size: 1.14285714em -} - -.ui.big.message { - font-size: 1.28571429em -} - -.ui.huge.message { - font-size: 1.42857143em -} - -.ui.massive.message { - font-size: 1.71428571em -} - -.ui.modal { - position: absolute; - display: none; - z-index: 1001; - text-align: left; - background: #FFFFFF; - 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: #FFFFFF; - 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: #FFFFFF -} - -.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: #FFFFFF; - 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: #FFFFFF; - 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: #FFFFFF; - 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; - -webkit-animation: loader .6s infinite linear; - 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: #FFFFFF; - 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; - -webkit-backface-visibility: hidden; - 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.segment { - position: relative; - background: #FFFFFF; - box-shadow: 0 1px 2px #22242626; - margin: 1rem 0; - padding: 1em; - border-radius: .28571429rem; - border: 1px solid rgba(34,36,38,.15) -} - -.ui.segment:first-child { - margin-top: 0 -} - -.ui.segment:last-child { - margin-bottom: 0 -} - -.ui.vertical.segment { - margin: 0; - padding-left: 0; - padding-right: 0; - background: none transparent; - border-radius: 0; - box-shadow: none; - border: none; - border-bottom: 1px solid rgba(34,36,38,.15) -} - -.ui.vertical.segment:last-child { - border-bottom: none -} - -.ui[class*="bottom attached"].segment>[class*="top attached"].label { - border-top-left-radius: 0; - border-top-right-radius: 0 -} - -.ui[class*="top attached"].segment>[class*="bottom attached"].label { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0 -} - -.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label { - border-top-left-radius: 0; - border-top-right-radius: 0 -} - -.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0 -} - -.ui.page.grid.segment,.ui.grid>.row>.ui.segment.column,.ui.grid>.ui.segment.column { - padding-top: 2em; - padding-bottom: 2em -} - -.ui.grid.segment { - margin: 1rem 0; - border-radius: .28571429rem -} - -.ui.basic.table.segment { - background: #FFFFFF; - border: 1px solid rgba(34,36,38,.15); - box-shadow: 0 1px 2px #22242626 -} - -.ui[class*="very basic"].table.segment { - padding: 1em -} - -.ui.segment.tab:last-child { - margin-bottom: 1rem -} - -.ui.placeholder.segment { - display: flex; - flex-direction: column; - justify-content: center; - align-items: stretch; - max-width: initial; - -webkit-animation: none; - animation: none; - overflow: visible; - padding: 1em; - min-height: 18rem; - background: #F9FAFB; - border-color: #22242626; - box-shadow: 0 2px 25px #2224260d inset -} - -.ui.placeholder.segment .button,.ui.placeholder.segment textarea { - display: block -} - -.ui.placeholder.segment .field,.ui.placeholder.segment textarea,.ui.placeholder.segment>.ui.input,.ui.placeholder.segment .button { - max-width: 15rem; - margin-left: auto; - margin-right: auto -} - -.ui.placeholder.segment .column .button,.ui.placeholder.segment .column .field,.ui.placeholder.segment .column textarea,.ui.placeholder.segment .column>.ui.input { - max-width: 15rem; - margin-left: auto; - margin-right: auto -} - -.ui.placeholder.segment>.inline { - align-self: center -} - -.ui.placeholder.segment>.inline>.button { - display: inline-block; - width: auto; - margin: 0 .35714286rem 0 0 -} - -.ui.placeholder.segment>.inline>.button:last-child { - margin-right: 0 -} - -.ui.padded.segment { - padding: 1.5em -} - -.ui[class*="very padded"].segment { - padding: 3em -} - -.ui.padded.segment.vertical.segment,.ui[class*="very padded"].vertical.segment { - padding-left: 0; - padding-right: 0 -} - -.ui.compact.segment { - display: table -} - -.ui.compact.segments { - display: inline-flex -} - -.ui.compact.segments .segment,.ui.segments .compact.segment { - display: block; - flex: 0 1 auto -} - -.ui.circular.segment { - display: table-cell; - padding: 2em; - text-align: center; - vertical-align: middle; - border-radius: 500em -} - -.ui.raised.raised.segments,.ui.raised.raised.segment { - box-shadow: 0 2px 4px #2224261f,0 2px 10px #22242626 -} - -.ui.segments { - flex-direction: column; - position: relative; - margin: 1rem 0; - border: 1px solid rgba(34,36,38,.15); - box-shadow: 0 1px 2px #22242626; - border-radius: .28571429rem -} - -.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 rgba(34,36,38,.15) -} - -.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; - box-shadow: 0 1px 2px #22242626,none; - border-radius: 0 0 .28571429rem .28571429rem -} - -.ui.segments:not(.horizontal)>.segment:only-child { - border-radius: .28571429rem -} - -.ui.segments>.ui.segments { - border-top: 1px solid rgba(34,36,38,.15); - 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; - box-shadow: 0 1px 2px #22242626; - margin: 1rem 0; - border-radius: .28571429rem; - border: 1px solid rgba(34,36,38,.15) -} - -.ui.stackable.horizontal.segments { - flex-wrap: wrap -} - -.ui.segments>.horizontal.segments { - margin: 0; - background-color: transparent; - border-radius: 0; - border: none; - box-shadow: none; - border-top: 1px solid rgba(34,36,38,.15) -} - -.ui.horizontal.segments:not(.compact)>.segment:not(.compact) { - flex: 1 1 auto; - -ms-flex: 1 1 0 -} - -.ui.horizontal.segments>.segment { - margin: 0; - min-width: 0; - border-radius: 0; - border: none; - box-shadow: none; - border-left: 1px solid rgba(34,36,38,.15) -} - -.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.disabled.segment { - opacity: var(--opacity-disabled); - color: #2828284d -} - -.ui.loading.segment { - position: relative; - cursor: default; - pointer-events: none; - text-shadow: none!important; - transition: all 0s linear -} - -.ui.loading.segment:before { - position: absolute; - content: ""; - top: 0; - left: 0; - background: rgba(255,255,255,.8); - width: 100%; - height: 100%; - border-radius: .28571429rem; - z-index: 100 -} - -.ui.loading.segment:after { - position: absolute; - content: ""; - top: 50%; - left: 50%; - margin: -1.5em 0 0 -1.5em; - width: 3em; - height: 3em; - -webkit-animation: loader .6s infinite linear; - 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.basic.segment,.ui.segments .ui.basic.segment,.ui.basic.segments { - background: none transparent; - box-shadow: none; - border: none; - border-radius: 0 -} - -.ui.clearing.segment:after { - content: ""; - display: block; - clear: both -} - -.ui.red.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #DB2828 -} - -.ui.orange.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #F2711C -} - -.ui.yellow.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #FBBD08 -} - -.ui.olive.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #B5CC18 -} - -.ui.green.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #21BA45 -} - -.ui.teal.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #00B5AD -} - -.ui.blue.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #2185D0 -} - -.ui.violet.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #6435C9 -} - -.ui.purple.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #A333C8 -} - -.ui.pink.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #E03997 -} - -.ui.brown.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #A5673F -} - -.ui.grey.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #767676 -} - -.ui.black.segment.segment.segment.segment.segment:not(.inverted) { - border-top: 2px solid #1B1C1D -} - -.ui[class*="left aligned"].segment { - text-align: left -} - -.ui[class*="right aligned"].segment { - text-align: right -} - -.ui[class*="center aligned"].segment { - text-align: center -} - -.ui.floated.segment,.ui[class*="left floated"].segment { - float: left; - margin-right: 1em -} - -.ui[class*="right floated"].segment { - float: right; - margin-left: 1em -} - -.ui.secondary.segment { - background: #F3F4F5; - color: #0009 -} - -.ui.tertiary.segment { - background: #DCDDDE; - color: #0009 -} - -.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 #D4D4D5 -} - -.ui.attached:not(.message)+.ui.attached.segment:not(.top) { - border-top: none -} - -.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; - box-shadow: 0 1px 2px #22242626,none; - 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.mini.segments .segment,.ui.mini.segment { - font-size: .78571429rem -} - -.ui.tiny.segments .segment,.ui.tiny.segment { - font-size: .85714286rem -} - -.ui.small.segments .segment,.ui.small.segment { - font-size: .92857143rem -} - -.ui.large.segments .segment,.ui.large.segment { - font-size: 1.14285714rem -} - -.ui.big.segments .segment,.ui.big.segment { - font-size: 1.28571429rem -} - -.ui.huge.segments .segment,.ui.huge.segment { - font-size: 1.42857143rem -} - -.ui.massive.segments .segment,.ui.massive.segment { - font-size: 1.71428571rem -} - -html,body { - height: 100% -} - -html { - font-size: 14px -} - -body { - margin: 0; - padding: 0; - overflow-x: visible; - min-width: 320px; - background: #FFFFFF; - font-family: var(--fonts-regular); - font-size: 14px; - line-height: 1.4285em; - color: #000000de -} - -h1,h2,h3,h4,h5 { - font-family: var(--fonts-regular); - line-height: 1.28571429em; - margin: calc(2rem - .1428571428571429em) 0 1rem; - font-weight: 500; - 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.4285em -} - -p:first-child { - margin-top: 0 -} - -p:last-child { - margin-bottom: 0 -} - -a { - color: #4183c4; - text-decoration: none -} - -a:hover { - color: #1e70bf; - text-decoration: underline -} - -::-webkit-selection { - background-color: #cce2ff; - color: #000000de -} - -::-moz-selection { - background-color: #cce2ff; - color: #000000de -} - -::selection { - background-color: #cce2ff; - color: #000000de -} - -textarea::-webkit-selection,input::-webkit-selection { - background-color: #64646466; - color: #000000de -} - -textarea::-moz-selection,input::-moz-selection { - background-color: #64646466; - color: #000000de -} - -textarea::selection,input::selection { - background-color: #64646466; - color: #000000de -} - -.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; - -webkit-animation: loader .6s infinite linear; - animation: loader .6s infinite linear; - border: .2em solid #767676; - border-radius: 500rem; - box-shadow: 0 0 0 1px transparent -} - -.ui.table { - width: 100%; - background: #FFFFFF; - margin: 1em 0; - border: 1px solid rgba(34,36,38,.15); - box-shadow: none; - border-radius: .28571429rem; - text-align: left; - vertical-align: middle; - color: #000000de; - border-collapse: separate; - border-spacing: 0 -} - -.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 th,.ui.table td { - transition: background .1s ease,color .1s ease -} - -.ui.table th.rowspanned,.ui.table td.rowspanned { - display: none -} - -.ui.table>thead { - box-shadow: none -} - -.ui.table>thead>tr>th { - cursor: auto; - background: #F9FAFB; - text-align: inherit; - color: #000000de; - padding: .92857143em .78571429em; - vertical-align: inherit; - font-style: none; - font-weight: 500; - text-transform: none; - border-bottom: 1px solid rgba(34,36,38,.1); - 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 { - box-shadow: none -} - -.ui.table>tfoot>tr>th,.ui.table>tfoot>tr>td { - cursor: auto; - border-top: 1px solid rgba(34,36,38,.15); - background: #F9FAFB; - text-align: inherit; - color: #000000de; - padding: .78571429em; - vertical-align: inherit; - font-style: normal; - font-weight: 400; - text-transform: none -} - -.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 rgba(34,36,38,.1) -} - -.ui.table>tr:first-child>td,.ui.table>tbody>tr:first-child>td { - border-top: none -} - -.ui.table>tbody+tbody tr:first-child>td { - border-top: 1px solid rgba(34,36,38,.1) -} - -.ui.table>tbody>tr>td,.ui.table>tr>td { - padding: .78571429em; - text-align: inherit -} - -.ui.table>i.icon { - vertical-align: baseline -} - -.ui.table>i.icon:only-child { - margin: 0 -} - -.ui.table.segment { - padding: 0 -} - -.ui.table.segment:after { - display: none -} - -.ui.table.segment.stacked:after { - display: block -} - -@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:not(.rowspanned),.ui.table:not(.unstackable)>thead>tr>th:not(.rowspanned),.ui.table:not(.unstackable)>tbody>tr>th:not(.rowspanned),.ui.table:not(.unstackable)>tfoot>tr>th:not(.rowspanned),.ui.table:not(.unstackable)>tr>td:not(.rowspanned),.ui.table:not(.unstackable)>tbody>tr>td:not(.rowspanned),.ui.table:not(.unstackable)>tfoot>tr>td:not(.rowspanned) { - 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; - box-shadow: 0 -1px #0000001a inset - } - - .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; - box-shadow: none - } - - .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: 500 - } - - .ui.definition.table:not(.unstackable)>thead>tr>th:first-child { - box-shadow: none!important - } -} - -.ui.table .collapsing .image,.ui.table .collapsing .image img { - max-width: none -} - -.ui.structured.table { - border-collapse: collapse -} - -.ui.structured.table>thead>tr>th { - border-left: none; - border-right: none -} - -.ui.structured.sortable.table>thead>tr>th { - border-left: 1px solid rgba(34,36,38,.15); - border-right: 1px solid rgba(34,36,38,.15) -} - -.ui.structured.basic.table>tr>th,.ui.structured.basic.table>thead>tr>th,.ui.structured.basic.table>tbody>tr>th,.ui.structured.basic.table>tfoot>tr>th { - border-left: none; - border-right: none -} - -.ui.structured.celled.table>tr>th,.ui.structured.celled.table>thead>tr>th,.ui.structured.celled.table>tbody>tr>th,.ui.structured.celled.table>tfoot>tr>th,.ui.structured.celled.table>tr>td,.ui.structured.celled.table>tbody>tr>td,.ui.structured.celled.table>tfoot>tr>td { - border-left: 1px solid rgba(34,36,38,.1); - border-right: 1px solid rgba(34,36,38,.1) -} - -.ui.definition.table>thead:not(.full-width)>tr>th:first-child { - pointer-events: none; - background: #FFFFFF; - font-weight: 400; - color: #0006; - box-shadow: -.1em -.2em 0 .1em #fff; - -moz-transform: scale(1) -} - -.ui.definition.table>tfoot:not(.full-width)>tr>th:first-child { - pointer-events: none; - background: #FFFFFF; - font-weight: 400; - color: #0006; - box-shadow: -.1em .2em 0 .1em #fff; - -moz-transform: scale(1) -} - -.ui.definition.table>tr>td:first-child:not(.ignored),.ui.definition.table>tbody>tr>td:first-child:not(.ignored),.ui.definition.table>tfoot>tr>td:first-child:not(.ignored),.ui.definition.table tr td.definition { - background: rgba(0,0,0,.03); - font-weight: 500; - color: #000000f2; - text-transform: ""; - box-shadow: ""; - text-align: ""; - font-size: 1em; - padding-left: ""; - padding-right: "" -} - -.ui.definition.table>thead:not(.full-width)>tr>th:nth-child(2) { - border-left: 1px solid rgba(34,36,38,.15) -} - -.ui.definition.table>tfoot:not(.full-width)>tr>th:nth-child(2),.ui.definition.table>tfoot:not(.full-width)>tr>td:nth-child(2) { - border-left: 1px solid rgba(34,36,38,.15) -} - -.ui.definition.table>tr>td:nth-child(2),.ui.definition.table>tbody>tr>td:nth-child(2) { - border-left: 1px solid rgba(34,36,38,.15) -} - -.ui.ui.ui.ui.table tr.positive,.ui.ui.table td.positive { - box-shadow: 0 0 #a3c293 inset; - background: #FCFFF5; - color: #2c662d -} - -.ui.ui.ui.ui.table tr.negative,.ui.ui.table td.negative,.ui.ui.ui.ui.table tr.error,.ui.ui.table td.error { - box-shadow: 0 0 #e0b4b4 inset; - background: #FFF6F6; - color: #9f3a38 -} - -.ui.ui.ui.ui.table tr.warning,.ui.ui.table td.warning { - box-shadow: 0 0 #c9ba9b inset; - background: #FFFAF3; - color: #573a08 -} - -.ui.ui.ui.ui.table tr.active,.ui.ui.table td.active { - box-shadow: 0 0 #000000de inset; - background: #E0E0E0; - color: #000000de -} - -.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover,.ui.table tr:hover td.disabled { - pointer-events: none; - color: #2828284d -} - -.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[class*="bottom aligned"],.ui.table [class*="bottom aligned"] { - vertical-align: bottom -} - -.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.ui.selectable.table>tbody>tr:hover,.ui.table tbody tr td.selectable:hover { - background: rgba(0,0,0,.05); - color: #000000f2 -} - -.ui.table tbody tr td.selectable { - padding: 0 -} - -.ui.table tbody tr td.selectable>a:not(.ui) { - display: block; - color: inherit; - padding: .78571429em -} - -.ui.table>tr>td.selectable,.ui.table>tbody>tr>td.selectable,.ui.selectable.table>tbody>tr,.ui.selectable.table>tr { - cursor: pointer -} - -.ui.ui.selectable.table tr.error:hover,.ui.table tr td.selectable.error:hover,.ui.selectable.table tr:hover td.error { - background: #ffe7e7; - color: #943634 -} - -.ui.ui.selectable.table tr.warning:hover,.ui.table tr td.selectable.warning:hover,.ui.selectable.table tr:hover td.warning { - background: #fff4e4; - color: #493107 -} - -.ui.ui.selectable.table tr.active:hover,.ui.table tr td.selectable.active:hover,.ui.selectable.table tr:hover td.active { - background: #E0E0E0; - color: #000000de -} - -.ui.ui.selectable.table tr.positive:hover,.ui.table tr td.selectable.positive:hover,.ui.selectable.table tr:hover td.positive { - background: #f7ffe6; - color: #275b28 -} - -.ui.ui.selectable.table tr.negative:hover,.ui.table tr td.selectable.negative:hover,.ui.selectable.table tr:hover td.negative { - background: #ffe7e7; - color: #943634 -} - -.ui.attached.table { - 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 #D4D4D5 -} - -.ui.attached+.ui.attached.table:not(.top) { - border-top: none -} - -.ui[class*="top attached"].table { - bottom: 0; - margin-bottom: 0; - top: 0; - margin-top: 1em; - border-radius: .28571429rem .28571429rem 0 0 -} - -.ui.table[class*="top attached"]:first-child { - margin-top: 0 -} - -.ui[class*="bottom attached"].table { - bottom: 0; - margin-top: 0; - top: 0; - margin-bottom: 1em; - box-shadow: none,none; - 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-color: #00003205 -} - -.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { - background: #EFEFEF; - color: #000000f2 -} - -.ui.table[class*="single line"],.ui.table [class*="single line"] { - white-space: nowrap -} - -.ui.primary.table { - border-top: .2em solid #2185D0 -} - -.ui.ui.ui.ui.table tr.primary:not(.marked),.ui.ui.table td.primary:not(.marked) { - background: #ddf4ff; - color: #ffffffe6 -} - -.ui.ui.selectable.table tr.primary:not(.marked):hover,.ui.table tr td.selectable.primary:not(.marked):hover,.ui.selectable.table tr:hover td.primary:not(.marked) { - background: #d3f1ff; - color: #ffffffe6 -} - -.ui.secondary.table { - border-top: .2em solid #1B1C1D -} - -.ui.ui.ui.ui.table tr.secondary:not(.marked),.ui.ui.table td.secondary:not(.marked) { - background: #dddddd; - color: #ffffffe6 -} - -.ui.ui.selectable.table tr.secondary:not(.marked):hover,.ui.table tr td.selectable.secondary:not(.marked):hover,.ui.selectable.table tr:hover td.secondary:not(.marked) { - background: #e2e2e2; - color: #ffffffe6 -} - -.ui.red.table { - border-top: .2em solid #DB2828 -} - -.ui.ui.ui.ui.table tr.red:not(.marked),.ui.ui.table td.red:not(.marked) { - background: #ffe1df; - color: #db2828 -} - -.ui.ui.selectable.table tr.red:not(.marked):hover,.ui.table tr td.selectable.red:not(.marked):hover,.ui.selectable.table tr:hover td.red:not(.marked) { - background: #ffd7d5; - color: #db2828 -} - -.ui.orange.table { - border-top: .2em solid #F2711C -} - -.ui.ui.ui.ui.table tr.orange:not(.marked),.ui.ui.table td.orange:not(.marked) { - background: #ffe7d1; - color: #f2711c -} - -.ui.ui.selectable.table tr.orange:not(.marked):hover,.ui.table tr td.selectable.orange:not(.marked):hover,.ui.selectable.table tr:hover td.orange:not(.marked) { - background: #fae1cc; - color: #f2711c -} - -.ui.yellow.table { - border-top: .2em solid #FBBD08 -} - -.ui.ui.ui.ui.table tr.yellow:not(.marked),.ui.ui.table td.yellow:not(.marked) { - background: #fff9d2; - color: #b58105 -} - -.ui.ui.selectable.table tr.yellow:not(.marked):hover,.ui.table tr td.selectable.yellow:not(.marked):hover,.ui.selectable.table tr:hover td.yellow:not(.marked) { - background: #fbf5cc; - color: #b58105 -} - -.ui.olive.table { - border-top: .2em solid #B5CC18 -} - -.ui.ui.ui.ui.table tr.olive:not(.marked),.ui.ui.table td.olive:not(.marked) { - background: #f7fae4; - color: #8abc1e -} - -.ui.ui.selectable.table tr.olive:not(.marked):hover,.ui.table tr td.selectable.olive:not(.marked):hover,.ui.selectable.table tr:hover td.olive:not(.marked) { - background: #f6fada; - color: #8abc1e -} - -.ui.green.table { - border-top: .2em solid #21BA45 -} - -.ui.ui.ui.ui.table tr.green:not(.marked),.ui.ui.table td.green:not(.marked) { - background: #d5f5d9; - color: #1ebc30 -} - -.ui.ui.selectable.table tr.green:not(.marked):hover,.ui.table tr td.selectable.green:not(.marked):hover,.ui.selectable.table tr:hover td.green:not(.marked) { - background: #d2eed5; - color: #1ebc30 -} - -.ui.teal.table { - border-top: .2em solid #00B5AD -} - -.ui.ui.ui.ui.table tr.teal:not(.marked),.ui.ui.table td.teal:not(.marked) { - background: #e2ffff; - color: #10a3a3 -} - -.ui.ui.selectable.table tr.teal:not(.marked):hover,.ui.table tr td.selectable.teal:not(.marked):hover,.ui.selectable.table tr:hover td.teal:not(.marked) { - background: #d8ffff; - color: #10a3a3 -} - -.ui.blue.table { - border-top: .2em solid #2185D0 -} - -.ui.ui.ui.ui.table tr.blue:not(.marked),.ui.ui.table td.blue:not(.marked) { - background: #ddf4ff; - color: #2185d0 -} - -.ui.ui.selectable.table tr.blue:not(.marked):hover,.ui.table tr td.selectable.blue:not(.marked):hover,.ui.selectable.table tr:hover td.blue:not(.marked) { - background: #d3f1ff; - color: #2185d0 -} - -.ui.violet.table { - border-top: .2em solid #6435C9 -} - -.ui.ui.ui.ui.table tr.violet:not(.marked),.ui.ui.table td.violet:not(.marked) { - background: #ece9fe; - color: #6435c9 -} - -.ui.ui.selectable.table tr.violet:not(.marked):hover,.ui.table tr td.selectable.violet:not(.marked):hover,.ui.selectable.table tr:hover td.violet:not(.marked) { - background: #e3deff; - color: #6435c9 -} - -.ui.purple.table { - border-top: .2em solid #A333C8 -} - -.ui.ui.ui.ui.table tr.purple:not(.marked),.ui.ui.table td.purple:not(.marked) { - background: #f8e3ff; - color: #a333c8 -} - -.ui.ui.selectable.table tr.purple:not(.marked):hover,.ui.table tr td.selectable.purple:not(.marked):hover,.ui.selectable.table tr:hover td.purple:not(.marked) { - background: #f5d9ff; - color: #a333c8 -} - -.ui.pink.table { - border-top: .2em solid #E03997 -} - -.ui.ui.ui.ui.table tr.pink:not(.marked),.ui.ui.table td.pink:not(.marked) { - background: #ffe8f9; - color: #e03997 -} - -.ui.ui.selectable.table tr.pink:not(.marked):hover,.ui.table tr td.selectable.pink:not(.marked):hover,.ui.selectable.table tr:hover td.pink:not(.marked) { - background: #ffdef6; - color: #e03997 -} - -.ui.brown.table { - border-top: .2em solid #A5673F -} - -.ui.ui.ui.ui.table tr.brown:not(.marked),.ui.ui.table td.brown:not(.marked) { - background: #f7e5d2; - color: #a5673f -} - -.ui.ui.selectable.table tr.brown:not(.marked):hover,.ui.table tr td.selectable.brown:not(.marked):hover,.ui.selectable.table tr:hover td.brown:not(.marked) { - background: #efe0cf; - color: #a5673f -} - -.ui.grey.table { - border-top: .2em solid #767676 -} - -.ui.ui.ui.ui.table tr.grey:not(.marked),.ui.ui.table td.grey:not(.marked) { - background: #DCDDDE; - color: #767676 -} - -.ui.ui.selectable.table tr.grey:not(.marked):hover,.ui.table tr td.selectable.grey:not(.marked):hover,.ui.selectable.table tr:hover td.grey:not(.marked) { - background: #c2c4c5; - color: #767676 -} - -.ui.black.table { - border-top: .2em solid #1B1C1D -} - -.ui.ui.ui.ui.table tr.black:not(.marked),.ui.ui.table td.black:not(.marked) { - background: #545454; - color: #fff -} - -.ui.ui.selectable.table tr.black:not(.marked):hover,.ui.table tr td.selectable.black:not(.marked):hover,.ui.selectable.table tr:hover td.black:not(.marked) { - background: #000000; - color: #fff -} - -.ui.one.column.table td { - width: 100% -} - -.ui.two.column.table td { - width: 50% -} - -.ui.three.column.table td { - width: 33.33333333% -} - -.ui.four.column.table td { - width: 25% -} - -.ui.five.column.table td { - width: 20% -} - -.ui.six.column.table td { - width: 16.66666667% -} - -.ui.seven.column.table td { - width: 14.28571429% -} - -.ui.eight.column.table td { - width: 12.5% -} - -.ui.nine.column.table td { - width: 11.11111111% -} - -.ui.ten.column.table td { - width: 10% -} - -.ui.eleven.column.table td { - width: 9.09090909% -} - -.ui.twelve.column.table td { - width: 8.33333333% -} - -.ui.thirteen.column.table td { - width: 7.69230769% -} - -.ui.fourteen.column.table td { - width: 7.14285714% -} - -.ui.fifteen.column.table td { - width: 6.66666667% -} - -.ui.sixteen.column.table td,.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.sortable.table>thead>tr>th { - cursor: pointer; - white-space: nowrap; - border-left: 1px solid rgba(34,36,38,.15); - color: #000000de -} - -.ui.sortable.table>thead>tr>th:first-child { - border-left: none -} - -.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover { - -webkit-user-select: none; - -moz-user-select: none; - user-select: none -} - -.ui.sortable.table>thead>tr>th:after { - display: none; - font-style: normal; - font-weight: 400; - text-decoration: inherit; - content: ""; - height: 1em; - width: auto; - opacity: .8; - margin: 0 0 0 .5em; - font-family: Icons -} - -.ui.sortable.table thead th.ascending:after { - content: "\f0d8" -} - -.ui.sortable.table thead th.descending:after { - content: "\f0d7" -} - -.ui.sortable.table th.disabled:hover { - cursor: auto; - color: #2828284d -} - -.ui.sortable.table>thead>tr>th:hover { - color: #000c -} - -.ui.sortable.table:not(.basic)>thead>tr>th:hover { - background: rgba(0,0,0,.05) -} - -.ui.sortable.table thead th.sorted { - color: #000000f2 -} - -.ui.sortable.table:not(.basic) thead th.sorted { - background: rgba(0,0,0,.05) -} - -.ui.sortable.table thead th.sorted:after { - display: inline-block -} - -.ui.sortable.table thead th.sorted:hover { - color: #000000f2 -} - -.ui.sortable.table:not(.basic) thead th.sorted:hover { - background: rgba(0,0,0,.05) -} - -.ui.collapsing.table { - width: auto -} - -.ui.basic.table { - background: transparent; - border: 1px solid rgba(34,36,38,.15); - box-shadow: none -} - -.ui.basic.table>thead,.ui.basic.table>tfoot { - box-shadow: none -} - -.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 rgba(0,0,0,.1) -} - -.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-color: #0000000d -} - -.ui[class*="very basic"].table { - border: none -} - -.ui[class*="very basic"].table:not(.sortable):not(.striped)>tr>th,.ui[class*="very basic"].table:not(.sortable):not(.striped)>thead>tr>th,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tbody>tr>th,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tfoot>tr>th,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tr>td,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tbody>tr>td { - padding: "" -} - -.ui[class*="very basic"].table:not(.sortable):not(.striped)>tr>th:first-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>thead>tr>th:first-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tbody>tr>th:first-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tfoot>tr>th:first-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tr>td:first-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tbody>tr>td:first-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tfoot>tr>td:first-child { - padding-left: 0 -} - -.ui[class*="very basic"].table:not(.sortable):not(.striped)>tr>th:last-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>thead>tr>th:last-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tbody>tr>th:last-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tfoot>tr>th:last-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tr>td:last-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tbody>tr>td:last-child,.ui[class*="very basic"].table:not(.sortable):not(.striped)>tfoot>tr>td:last-child { - padding-right: 0 -} - -.ui[class*="very basic"].table:not(.sortable):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 rgba(34,36,38,.1) -} - -.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.padded.table>tr>th,.ui.padded.table>thead>tr>th,.ui.padded.table>tbody>tr>th,.ui.padded.table>tfoot>tr>th { - padding-left: 1em; - padding-right: 1em -} - -.ui.padded.table>tr>th,.ui.padded.table>thead>tr>th,.ui.padded.table>tbody>tr>th,.ui.padded.table>tfoot>tr>th,.ui.padded.table>tr>td,.ui.padded.table>tbody>tr>td,.ui.padded.table>tfoot>tr>td { - padding: 1em -} - -.ui[class*="very padded"].table>tr>th,.ui[class*="very padded"].table>thead>tr>th,.ui[class*="very padded"].table>tbody>tr>th,.ui[class*="very padded"].table>tfoot>tr>th { - padding-left: 1.5em; - padding-right: 1.5em -} - -.ui[class*="very padded"].table>tr>td,.ui[class*="very padded"].table>tbody>tr>td,.ui[class*="very padded"].table>tfoot>tr>td { - padding: 1.5em -} - -.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[class*="very compact"].table>tr>th,.ui[class*="very compact"].table>thead>tr>th,.ui[class*="very compact"].table>tbody>tr>th,.ui[class*="very compact"].table>tfoot>tr>th { - padding-left: .6em; - padding-right: .6em -} - -.ui[class*="very compact"].table>tr>td,.ui[class*="very compact"].table>tbody>tr>td,.ui[class*="very compact"].table>tfoot>tr>td { - padding: .4em .6em -} - -.ui.table { - font-size: 1em -} - -.ui.mini.table { - font-size: .78571429rem -} - -.ui.tiny.table { - font-size: .85714286rem -} - -.ui.small.table { - font-size: .9em -} - -.ui.large.table { - font-size: 1.1em -} - -.ui.big.table { - font-size: 1.28571429rem -} - -.ui.huge.table { - font-size: 1.42857143rem -} - -.ui.massive.table { - font-size: 1.71428571rem -} - -span.ui.text { - line-height: 1 -} - -span.ui.primary.text { - color: #2185d0 -} - -span.ui.secondary.text { - color: #1b1c1d -} - -span.ui.red.text { - color: #db2828 -} - -span.ui.orange.text { - color: #f2711c -} - -span.ui.yellow.text { - color: #fbbd08 -} - -span.ui.olive.text { - color: #b5cc18 -} - -span.ui.green.text { - color: #21ba45 -} - -span.ui.teal.text { - color: #00b5ad -} - -span.ui.blue.text { - color: #2185d0 -} - -span.ui.violet.text { - color: #6435c9 -} - -span.ui.purple.text { - color: #a333c8 -} - -span.ui.pink.text { - color: #e03997 -} - -span.ui.brown.text { - color: #a5673f -} - -span.ui.grey.text { - color: #767676 -} - -span.ui.black.text { - color: #1b1c1d -} - -span.ui.error.text { - color: #db2828 -} - -span.ui.info.text { - color: #31ccec -} - -span.ui.success.text { - color: #21ba45 -} - -span.ui.warning.text { - color: #f2c037 -} - -span.ui.disabled.text { - opacity: var(--opacity-disabled) -} - -span.ui.medium.text { - font-size: 1em -} - -span.ui.mini.text { - font-size: .4em -} - -span.ui.tiny.text { - font-size: .5em -} - -span.ui.small.text { - font-size: .75em -} - -span.ui.large.text { - font-size: 1.5em -} - -span.ui.big.text { - font-size: 2em -} - -span.ui.huge.text { - font-size: 4em -} - -span.ui.massive.text { - font-size: 8em -} - -.transition { - -webkit-animation-iteration-count: 1; - animation-iteration-count: 1; - -webkit-animation-duration: .3s; - animation-duration: .3s; - -webkit-animation-timing-function: ease; - animation-timing-function: ease; - -webkit-animation-fill-mode: both; - animation-fill-mode: both -} - -.animating.transition { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - visibility: visible!important -} - -.loading.transition { - position: absolute; - top: -99999px; - left: -99999px -} - -.hidden.transition { - display: none; - visibility: hidden -} - -.visible.transition { - display: block!important; - visibility: visible!important -} - -.disabled.transition { - -webkit-animation-play-state: paused; - animation-play-state: paused -} - -.looping.transition { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite -} - -.transition.browse { - -webkit-animation-duration: .5s; - animation-duration: .5s -} - -.transition.browse.in { - -webkit-animation-name: browseIn; - animation-name: browseIn -} - -.transition.browse.out,.transition.browse.left.out { - -webkit-animation-name: browseOutLeft; - animation-name: browseOutLeft -} - -.transition.browse.right.out { - -webkit-animation-name: browseOutRight; - animation-name: browseOutRight -} - -@-webkit-keyframes browseIn { - 0% { - transform: scale(.8) translateZ(0); - z-index: -1 - } - - 10% { - transform: scale(.8) translateZ(0); - z-index: -1; - opacity: .7 - } - - 80% { - transform: scale(1.05) translateZ(0); - opacity: 1; - z-index: 999 - } - - to { - transform: scale(1) translateZ(0); - z-index: 999 - } -} - -@keyframes browseIn { - 0% { - transform: scale(.8) translateZ(0); - z-index: -1 - } - - 10% { - transform: scale(.8) translateZ(0); - z-index: -1; - opacity: .7 - } - - 80% { - transform: scale(1.05) translateZ(0); - opacity: 1; - z-index: 999 - } - - to { - transform: scale(1) translateZ(0); - z-index: 999 - } -} - -@-webkit-keyframes browseOutLeft { - 0% { - z-index: 999; - transform: translate(0) rotateY(0) rotateX(0) - } - - 50% { - z-index: -1; - transform: translate(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px) - } - - 80% { - opacity: 1 - } - - to { - z-index: -1; - transform: translate(0) rotateY(0) rotateX(0) translateZ(-10px); - opacity: 0 - } -} - -@keyframes browseOutLeft { - 0% { - z-index: 999; - transform: translate(0) rotateY(0) rotateX(0) - } - - 50% { - z-index: -1; - transform: translate(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px) - } - - 80% { - opacity: 1 - } - - to { - z-index: -1; - transform: translate(0) rotateY(0) rotateX(0) translateZ(-10px); - opacity: 0 - } -} - -@-webkit-keyframes browseOutRight { - 0% { - z-index: 999; - transform: translate(0) rotateY(0) rotateX(0) - } - - 50% { - z-index: 1; - transform: translate(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px) - } - - 80% { - opacity: 1 - } - - to { - z-index: 1; - transform: translate(0) rotateY(0) rotateX(0) translateZ(-10px); - opacity: 0 - } -} - -@keyframes browseOutRight { - 0% { - z-index: 999; - transform: translate(0) rotateY(0) rotateX(0) - } - - 50% { - z-index: 1; - transform: translate(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px) - } - - 80% { - opacity: 1 - } - - to { - z-index: 1; - transform: translate(0) rotateY(0) rotateX(0) translateZ(-10px); - opacity: 0 - } -} - -.drop.transition { - transform-origin: top center; - -webkit-animation-duration: .4s; - animation-duration: .4s; - -webkit-animation-timing-function: cubic-bezier(.34,1.61,.7,1); - animation-timing-function: cubic-bezier(.34,1.61,.7,1) -} - -.drop.transition.in { - -webkit-animation-name: dropIn; - animation-name: dropIn -} - -.drop.transition.out { - -webkit-animation-name: dropOut; - animation-name: dropOut -} - -@-webkit-keyframes dropIn { - 0% { - opacity: 0; - transform: scale(0) - } - - to { - opacity: 1; - transform: scale(1) - } -} - -@keyframes dropIn { - 0% { - opacity: 0; - transform: scale(0) - } - - to { - opacity: 1; - transform: scale(1) - } -} - -@-webkit-keyframes dropOut { - 0% { - opacity: 1; - transform: scale(1) - } - - to { - opacity: 0; - transform: scale(0) - } -} - -@keyframes dropOut { - 0% { - opacity: 1; - transform: scale(1) - } - - to { - opacity: 0; - transform: scale(0) - } -} - -.transition.fade.in { - -webkit-animation-name: fadeIn; - animation-name: fadeIn -} - -.transition[class*="fade up"].in { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp -} - -.transition[class*="fade down"].in { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown -} - -.transition[class*="fade left"].in { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft -} - -.transition[class*="fade right"].in { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight -} - -.transition.fade.out { - -webkit-animation-name: fadeOut; - animation-name: fadeOut -} - -.transition[class*="fade up"].out { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp -} - -.transition[class*="fade down"].out { - -webkit-animation-name: fadeOutDown; - animation-name: fadeOutDown -} - -.transition[class*="fade left"].out { - -webkit-animation-name: fadeOutLeft; - animation-name: fadeOutLeft -} - -.transition[class*="fade right"].out { - -webkit-animation-name: fadeOutRight; - animation-name: fadeOutRight -} - -@-webkit-keyframes fadeIn { - 0% { - opacity: 0 - } - - to { - opacity: 1 - } -} - -@keyframes fadeIn { - 0% { - opacity: 0 - } - - to { - opacity: 1 - } -} - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - transform: translateY(10%) - } - - to { - opacity: 1; - transform: translateY(0) - } -} - -@keyframes fadeInUp { - 0% { - opacity: 0; - transform: translateY(10%) - } - - to { - opacity: 1; - transform: translateY(0) - } -} - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - transform: translateY(-10%) - } - - to { - opacity: 1; - transform: translateY(0) - } -} - -@keyframes fadeInDown { - 0% { - opacity: 0; - transform: translateY(-10%) - } - - to { - opacity: 1; - transform: translateY(0) - } -} - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - transform: translate(10%) - } - - to { - opacity: 1; - transform: translate(0) - } -} - -@keyframes fadeInLeft { - 0% { - opacity: 0; - transform: translate(10%) - } - - to { - opacity: 1; - transform: translate(0) - } -} - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - transform: translate(-10%) - } - - to { - opacity: 1; - transform: translate(0) - } -} - -@keyframes fadeInRight { - 0% { - opacity: 0; - transform: translate(-10%) - } - - to { - opacity: 1; - transform: translate(0) - } -} - -@-webkit-keyframes fadeOut { - 0% { - opacity: 1 - } - - to { - opacity: 0 - } -} - -@keyframes fadeOut { - 0% { - opacity: 1 - } - - to { - opacity: 0 - } -} - -@-webkit-keyframes fadeOutUp { - 0% { - opacity: 1; - transform: translateY(0) - } - - to { - opacity: 0; - transform: translateY(5%) - } -} - -@keyframes fadeOutUp { - 0% { - opacity: 1; - transform: translateY(0) - } - - to { - opacity: 0; - transform: translateY(5%) - } -} - -@-webkit-keyframes fadeOutDown { - 0% { - opacity: 1; - transform: translateY(0) - } - - to { - opacity: 0; - transform: translateY(-5%) - } -} - -@keyframes fadeOutDown { - 0% { - opacity: 1; - transform: translateY(0) - } - - to { - opacity: 0; - transform: translateY(-5%) - } -} - -@-webkit-keyframes fadeOutLeft { - 0% { - opacity: 1; - transform: translate(0) - } - - to { - opacity: 0; - transform: translate(5%) - } -} - -@keyframes fadeOutLeft { - 0% { - opacity: 1; - transform: translate(0) - } - - to { - opacity: 0; - transform: translate(5%) - } -} - -@-webkit-keyframes fadeOutRight { - 0% { - opacity: 1; - transform: translate(0) - } - - to { - opacity: 0; - transform: translate(-5%) - } -} - -@keyframes fadeOutRight { - 0% { - opacity: 1; - transform: translate(0) - } - - to { - opacity: 0; - transform: translate(-5%) - } -} - -.flip.transition.in,.flip.transition.out { - -webkit-animation-duration: .6s; - animation-duration: .6s -} - -.horizontal.flip.transition.in { - -webkit-animation-name: horizontalFlipIn; - animation-name: horizontalFlipIn -} - -.horizontal.flip.transition.out { - -webkit-animation-name: horizontalFlipOut; - animation-name: horizontalFlipOut -} - -.vertical.flip.transition.in { - -webkit-animation-name: verticalFlipIn; - animation-name: verticalFlipIn -} - -.vertical.flip.transition.out { - -webkit-animation-name: verticalFlipOut; - animation-name: verticalFlipOut -} - -@-webkit-keyframes horizontalFlipIn { - 0% { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0 - } - - to { - transform: perspective(2000px) rotateY(0); - opacity: 1 - } -} - -@keyframes horizontalFlipIn { - 0% { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0 - } - - to { - transform: perspective(2000px) rotateY(0); - opacity: 1 - } -} - -@-webkit-keyframes verticalFlipIn { - 0% { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0 - } - - to { - transform: perspective(2000px) rotateX(0); - opacity: 1 - } -} - -@keyframes verticalFlipIn { - 0% { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0 - } - - to { - transform: perspective(2000px) rotateX(0); - opacity: 1 - } -} - -@-webkit-keyframes horizontalFlipOut { - 0% { - transform: perspective(2000px) rotateY(0); - opacity: 1 - } - - to { - transform: perspective(2000px) rotateY(90deg); - opacity: 0 - } -} - -@keyframes horizontalFlipOut { - 0% { - transform: perspective(2000px) rotateY(0); - opacity: 1 - } - - to { - transform: perspective(2000px) rotateY(90deg); - opacity: 0 - } -} - -@-webkit-keyframes verticalFlipOut { - 0% { - transform: perspective(2000px) rotateX(0); - opacity: 1 - } - - to { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0 - } -} - -@keyframes verticalFlipOut { - 0% { - transform: perspective(2000px) rotateX(0); - opacity: 1 - } - - to { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0 - } -} - -.scale.transition.in { - -webkit-animation-name: scaleIn; - animation-name: scaleIn -} - -.scale.transition.out { - -webkit-animation-name: scaleOut; - animation-name: scaleOut -} - -@-webkit-keyframes scaleIn { - 0% { - opacity: 0; - transform: scale(.8) - } - - to { - opacity: 1; - transform: scale(1) - } -} - -@keyframes scaleIn { - 0% { - opacity: 0; - transform: scale(.8) - } - - to { - opacity: 1; - transform: scale(1) - } -} - -@-webkit-keyframes scaleOut { - 0% { - opacity: 1; - transform: scale(1) - } - - to { - opacity: 0; - transform: scale(.9) - } -} - -@keyframes scaleOut { - 0% { - opacity: 1; - transform: scale(1) - } - - to { - opacity: 0; - transform: scale(.9) - } -} - -.transition.fly { - -webkit-animation-duration: .6s; - animation-duration: .6s; - transition-timing-function: cubic-bezier(.215,.61,.355,1) -} - -.transition.fly.in { - -webkit-animation-name: flyIn; - animation-name: flyIn -} - -.transition[class*="fly up"].in { - -webkit-animation-name: flyInUp; - animation-name: flyInUp -} - -.transition[class*="fly down"].in { - -webkit-animation-name: flyInDown; - animation-name: flyInDown -} - -.transition[class*="fly left"].in { - -webkit-animation-name: flyInLeft; - animation-name: flyInLeft -} - -.transition[class*="fly right"].in { - -webkit-animation-name: flyInRight; - animation-name: flyInRight -} - -.transition.fly.out { - -webkit-animation-name: flyOut; - animation-name: flyOut -} - -.transition[class*="fly up"].out { - -webkit-animation-name: flyOutUp; - animation-name: flyOutUp -} - -.transition[class*="fly down"].out { - -webkit-animation-name: flyOutDown; - animation-name: flyOutDown -} - -.transition[class*="fly left"].out { - -webkit-animation-name: flyOutLeft; - animation-name: flyOutLeft -} - -.transition[class*="fly right"].out { - -webkit-animation-name: flyOutRight; - animation-name: flyOutRight -} - -@-webkit-keyframes flyIn { - 0% { - opacity: 0; - transform: scale3d(.3,.3,.3) - } - - 20% { - transform: scale3d(1.1,1.1,1.1) - } - - 40% { - transform: scale3d(.9,.9,.9) - } - - 60% { - opacity: 1; - transform: scale3d(1.03,1.03,1.03) - } - - 80% { - transform: scale3d(.97,.97,.97) - } - - to { - opacity: 1; - transform: scaleZ(1) - } -} - -@keyframes flyIn { - 0% { - opacity: 0; - transform: scale3d(.3,.3,.3) - } - - 20% { - transform: scale3d(1.1,1.1,1.1) - } - - 40% { - transform: scale3d(.9,.9,.9) - } - - 60% { - opacity: 1; - transform: scale3d(1.03,1.03,1.03) - } - - 80% { - transform: scale3d(.97,.97,.97) - } - - to { - opacity: 1; - transform: scaleZ(1) - } -} - -@-webkit-keyframes flyInUp { - 0% { - opacity: 0; - transform: translate3d(0,1500px,0) - } - - 60% { - opacity: 1; - transform: translate3d(0,-20px,0) - } - - 75% { - transform: translate3d(0,10px,0) - } - - 90% { - transform: translate3d(0,-5px,0) - } - - to { - transform: translateZ(0) - } -} - -@keyframes flyInUp { - 0% { - opacity: 0; - transform: translate3d(0,1500px,0) - } - - 60% { - opacity: 1; - transform: translate3d(0,-20px,0) - } - - 75% { - transform: translate3d(0,10px,0) - } - - 90% { - transform: translate3d(0,-5px,0) - } - - to { - transform: translateZ(0) - } -} - -@-webkit-keyframes flyInDown { - 0% { - opacity: 0; - transform: translate3d(0,-1500px,0) - } - - 60% { - opacity: 1; - transform: translate3d(0,25px,0) - } - - 75% { - transform: translate3d(0,-10px,0) - } - - 90% { - transform: translate3d(0,5px,0) - } - - to { - transform: none - } -} - -@keyframes flyInDown { - 0% { - opacity: 0; - transform: translate3d(0,-1500px,0) - } - - 60% { - opacity: 1; - transform: translate3d(0,25px,0) - } - - 75% { - transform: translate3d(0,-10px,0) - } - - 90% { - transform: translate3d(0,5px,0) - } - - to { - transform: none - } -} - -@-webkit-keyframes flyInLeft { - 0% { - opacity: 0; - transform: translate3d(1500px,0,0) - } - - 60% { - opacity: 1; - transform: translate3d(-25px,0,0) - } - - 75% { - transform: translate3d(10px,0,0) - } - - 90% { - transform: translate3d(-5px,0,0) - } - - to { - transform: none - } -} - -@keyframes flyInLeft { - 0% { - opacity: 0; - transform: translate3d(1500px,0,0) - } - - 60% { - opacity: 1; - transform: translate3d(-25px,0,0) - } - - 75% { - transform: translate3d(10px,0,0) - } - - 90% { - transform: translate3d(-5px,0,0) - } - - to { - transform: none - } -} - -@-webkit-keyframes flyInRight { - 0% { - opacity: 0; - transform: translate3d(-1500px,0,0) - } - - 60% { - opacity: 1; - transform: translate3d(25px,0,0) - } - - 75% { - transform: translate3d(-10px,0,0) - } - - 90% { - transform: translate3d(5px,0,0) - } - - to { - transform: none - } -} - -@keyframes flyInRight { - 0% { - opacity: 0; - transform: translate3d(-1500px,0,0) - } - - 60% { - opacity: 1; - transform: translate3d(25px,0,0) - } - - 75% { - transform: translate3d(-10px,0,0) - } - - 90% { - transform: translate3d(5px,0,0) - } - - to { - transform: none - } -} - -@-webkit-keyframes flyOut { - 20% { - transform: scale3d(.9,.9,.9) - } - - 50%,55% { - opacity: 1; - transform: scale3d(1.1,1.1,1.1) - } - - to { - opacity: 0; - transform: scale3d(.3,.3,.3) - } -} - -@keyframes flyOut { - 20% { - transform: scale3d(.9,.9,.9) - } - - 50%,55% { - opacity: 1; - transform: scale3d(1.1,1.1,1.1) - } - - to { - opacity: 0; - transform: scale3d(.3,.3,.3) - } -} - -@-webkit-keyframes flyOutUp { - 20% { - transform: translate3d(0,10px,0) - } - - 40%,45% { - opacity: 1; - transform: translate3d(0,-20px,0) - } - - to { - opacity: 0; - transform: translate3d(0,2000px,0) - } -} - -@keyframes flyOutUp { - 20% { - transform: translate3d(0,10px,0) - } - - 40%,45% { - opacity: 1; - transform: translate3d(0,-20px,0) - } - - to { - opacity: 0; - transform: translate3d(0,2000px,0) - } -} - -@-webkit-keyframes flyOutDown { - 20% { - transform: translate3d(0,-10px,0) - } - - 40%,45% { - opacity: 1; - transform: translate3d(0,20px,0) - } - - to { - opacity: 0; - transform: translate3d(0,-2000px,0) - } -} - -@keyframes flyOutDown { - 20% { - transform: translate3d(0,-10px,0) - } - - 40%,45% { - opacity: 1; - transform: translate3d(0,20px,0) - } - - to { - opacity: 0; - transform: translate3d(0,-2000px,0) - } -} - -@-webkit-keyframes flyOutRight { - 20% { - opacity: 1; - transform: translate3d(20px,0,0) - } - - to { - opacity: 0; - transform: translate3d(-2000px,0,0) - } -} - -@keyframes flyOutRight { - 20% { - opacity: 1; - transform: translate3d(20px,0,0) - } - - to { - opacity: 0; - transform: translate3d(-2000px,0,0) - } -} - -@-webkit-keyframes flyOutLeft { - 20% { - opacity: 1; - transform: translate3d(-20px,0,0) - } - - to { - opacity: 0; - transform: translate3d(2000px,0,0) - } -} - -@keyframes flyOutLeft { - 20% { - opacity: 1; - transform: translate3d(-20px,0,0) - } - - to { - opacity: 0; - transform: translate3d(2000px,0,0) - } -} - -.transition.slide.in,.transition[class*="slide down"].in { - -webkit-animation-name: slideInY; - animation-name: slideInY; - transform-origin: top center -} - -.transition[class*="slide up"].in { - -webkit-animation-name: slideInY; - animation-name: slideInY; - transform-origin: bottom center -} - -.transition[class*="slide left"].in { - -webkit-animation-name: slideInX; - animation-name: slideInX; - transform-origin: right center -} - -.transition[class*="slide right"].in { - -webkit-animation-name: slideInX; - animation-name: slideInX; - transform-origin: left center -} - -.transition.slide.out,.transition[class*="slide down"].out { - -webkit-animation-name: slideOutY; - animation-name: slideOutY; - transform-origin: top center -} - -.transition[class*="slide up"].out { - -webkit-animation-name: slideOutY; - animation-name: slideOutY; - transform-origin: bottom center -} - -.transition[class*="slide left"].out { - -webkit-animation-name: slideOutX; - animation-name: slideOutX; - transform-origin: right center -} - -.transition[class*="slide right"].out { - -webkit-animation-name: slideOutX; - animation-name: slideOutX; - transform-origin: left center -} - -@-webkit-keyframes slideInY { - 0% { - opacity: 0; - transform: scaleY(0) - } - - to { - opacity: 1; - transform: scaleY(1) - } -} - -@keyframes slideInY { - 0% { - opacity: 0; - transform: scaleY(0) - } - - to { - opacity: 1; - transform: scaleY(1) - } -} - -@-webkit-keyframes slideInX { - 0% { - opacity: 0; - transform: scaleX(0) - } - - to { - opacity: 1; - transform: scaleX(1) - } -} - -@keyframes slideInX { - 0% { - opacity: 0; - transform: scaleX(0) - } - - to { - opacity: 1; - transform: scaleX(1) - } -} - -@-webkit-keyframes slideOutY { - 0% { - opacity: 1; - transform: scaleY(1) - } - - to { - opacity: 0; - transform: scaleY(0) - } -} - -@keyframes slideOutY { - 0% { - opacity: 1; - transform: scaleY(1) - } - - to { - opacity: 0; - transform: scaleY(0) - } -} - -@-webkit-keyframes slideOutX { - 0% { - opacity: 1; - transform: scaleX(1) - } - - to { - opacity: 0; - transform: scaleX(0) - } -} - -@keyframes slideOutX { - 0% { - opacity: 1; - transform: scaleX(1) - } - - to { - opacity: 0; - transform: scaleX(0) - } -} - -.transition.swing { - -webkit-animation-duration: .8s; - animation-duration: .8s -} - -.transition[class*="swing down"].in { - -webkit-animation-name: swingInX; - animation-name: swingInX; - transform-origin: top center -} - -.transition[class*="swing up"].in { - -webkit-animation-name: swingInX; - animation-name: swingInX; - transform-origin: bottom center -} - -.transition[class*="swing left"].in { - -webkit-animation-name: swingInY; - animation-name: swingInY; - transform-origin: right center -} - -.transition[class*="swing right"].in { - -webkit-animation-name: swingInY; - animation-name: swingInY; - transform-origin: left center -} - -.transition.swing.out,.transition[class*="swing down"].out { - -webkit-animation-name: swingOutX; - animation-name: swingOutX; - transform-origin: top center -} - -.transition[class*="swing up"].out { - -webkit-animation-name: swingOutX; - animation-name: swingOutX; - transform-origin: bottom center -} - -.transition[class*="swing left"].out { - -webkit-animation-name: swingOutY; - animation-name: swingOutY; - transform-origin: right center -} - -.transition[class*="swing right"].out { - -webkit-animation-name: swingOutY; - animation-name: swingOutY; - transform-origin: left center -} - -@-webkit-keyframes swingInX { - 0% { - transform: perspective(1000px) rotateX(90deg); - opacity: 0 - } - - 40% { - transform: perspective(1000px) rotateX(-30deg); - opacity: 1 - } - - 60% { - transform: perspective(1000px) rotateX(15deg) - } - - 80% { - transform: perspective(1000px) rotateX(-7.5deg) - } - - to { - transform: perspective(1000px) rotateX(0) - } -} - -@keyframes swingInX { - 0% { - transform: perspective(1000px) rotateX(90deg); - opacity: 0 - } - - 40% { - transform: perspective(1000px) rotateX(-30deg); - opacity: 1 - } - - 60% { - transform: perspective(1000px) rotateX(15deg) - } - - 80% { - transform: perspective(1000px) rotateX(-7.5deg) - } - - to { - transform: perspective(1000px) rotateX(0) - } -} - -@-webkit-keyframes swingInY { - 0% { - transform: perspective(1000px) rotateY(-90deg); - opacity: 0 - } - - 40% { - transform: perspective(1000px) rotateY(30deg); - opacity: 1 - } - - 60% { - transform: perspective(1000px) rotateY(-17.5deg) - } - - 80% { - transform: perspective(1000px) rotateY(7.5deg) - } - - to { - transform: perspective(1000px) rotateY(0) - } -} - -@keyframes swingInY { - 0% { - transform: perspective(1000px) rotateY(-90deg); - opacity: 0 - } - - 40% { - transform: perspective(1000px) rotateY(30deg); - opacity: 1 - } - - 60% { - transform: perspective(1000px) rotateY(-17.5deg) - } - - 80% { - transform: perspective(1000px) rotateY(7.5deg) - } - - to { - transform: perspective(1000px) rotateY(0) - } -} - -@-webkit-keyframes swingOutX { - 0% { - transform: perspective(1000px) rotateX(0) - } - - 40% { - transform: perspective(1000px) rotateX(-7.5deg) - } - - 60% { - transform: perspective(1000px) rotateX(17.5deg) - } - - 80% { - transform: perspective(1000px) rotateX(-30deg); - opacity: 1 - } - - to { - transform: perspective(1000px) rotateX(90deg); - opacity: 0 - } -} - -@keyframes swingOutX { - 0% { - transform: perspective(1000px) rotateX(0) - } - - 40% { - transform: perspective(1000px) rotateX(-7.5deg) - } - - 60% { - transform: perspective(1000px) rotateX(17.5deg) - } - - 80% { - transform: perspective(1000px) rotateX(-30deg); - opacity: 1 - } - - to { - transform: perspective(1000px) rotateX(90deg); - opacity: 0 - } -} - -@-webkit-keyframes swingOutY { - 0% { - transform: perspective(1000px) rotateY(0) - } - - 40% { - transform: perspective(1000px) rotateY(7.5deg) - } - - 60% { - transform: perspective(1000px) rotateY(-10deg) - } - - 80% { - transform: perspective(1000px) rotateY(30deg); - opacity: 1 - } - - to { - transform: perspective(1000px) rotateY(-90deg); - opacity: 0 - } -} - -@keyframes swingOutY { - 0% { - transform: perspective(1000px) rotateY(0) - } - - 40% { - transform: perspective(1000px) rotateY(7.5deg) - } - - 60% { - transform: perspective(1000px) rotateY(-10deg) - } - - 80% { - transform: perspective(1000px) rotateY(30deg); - opacity: 1 - } - - to { - transform: perspective(1000px) rotateY(-90deg); - opacity: 0 - } -} - -.transition.zoom.in { - -webkit-animation-name: zoomIn; - animation-name: zoomIn -} - -.transition.zoom.out { - -webkit-animation-name: zoomOut; - animation-name: zoomOut -} - -@-webkit-keyframes zoomIn { - 0% { - opacity: 1; - transform: scale(0) - } - - to { - opacity: 1; - transform: scale(1) - } -} - -@keyframes zoomIn { - 0% { - opacity: 1; - transform: scale(0) - } - - to { - opacity: 1; - transform: scale(1) - } -} - -@-webkit-keyframes zoomOut { - 0% { - opacity: 1; - transform: scale(1) - } - - to { - opacity: 1; - transform: scale(0) - } -} - -@keyframes zoomOut { - 0% { - opacity: 1; - transform: scale(1) - } - - to { - opacity: 1; - transform: scale(0) - } -} - -.flash.transition { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: flash; - animation-name: flash -} - -.shake.transition { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: shake; - animation-name: shake -} - -.bounce.transition { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: bounce; - animation-name: bounce -} - -.tada.transition { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: tada; - animation-name: tada -} - -.pulse.transition { - -webkit-animation-duration: .5s; - animation-duration: .5s; - -webkit-animation-name: pulse; - animation-name: pulse -} - -.jiggle.transition { - -webkit-animation-duration: .75s; - animation-duration: .75s; - -webkit-animation-name: jiggle; - animation-name: jiggle -} - -.transition.glow { - -webkit-animation-duration: 2s; - animation-duration: 2s; - -webkit-animation-timing-function: cubic-bezier(.19,1,.22,1); - animation-timing-function: cubic-bezier(.19,1,.22,1) -} - -.transition.glow { - -webkit-animation-name: glow; - animation-name: glow -} - -@-webkit-keyframes flash { - 0%,50%,to { - opacity: 1 - } - - 25%,75% { - opacity: 0 - } -} - -@keyframes flash { - 0%,50%,to { - opacity: 1 - } - - 25%,75% { - opacity: 0 - } -} - -@-webkit-keyframes shake { - 0%,to { - transform: translate(0) - } - - 10%,30%,50%,70%,90% { - transform: translate(-10px) - } - - 20%,40%,60%,80% { - transform: translate(10px) - } -} - -@keyframes shake { - 0%,to { - transform: translate(0) - } - - 10%,30%,50%,70%,90% { - transform: translate(-10px) - } - - 20%,40%,60%,80% { - transform: translate(10px) - } -} - -@-webkit-keyframes bounce { - 0%,20%,50%,80%,to { - transform: translateY(0) - } - - 40% { - transform: translateY(-30px) - } - - 60% { - transform: translateY(-15px) - } -} - -@keyframes bounce { - 0%,20%,50%,80%,to { - transform: translateY(0) - } - - 40% { - transform: translateY(-30px) - } - - 60% { - transform: translateY(-15px) - } -} - -@-webkit-keyframes tada { - 0% { - transform: scale(1) - } - - 10%,20% { - transform: scale(.9) rotate(-3deg) - } - - 30%,50%,70%,90% { - transform: scale(1.1) rotate(3deg) - } - - 40%,60%,80% { - transform: scale(1.1) rotate(-3deg) - } - - to { - transform: scale(1) rotate(0) - } -} - -@keyframes tada { - 0% { - transform: scale(1) - } - - 10%,20% { - transform: scale(.9) rotate(-3deg) - } - - 30%,50%,70%,90% { - transform: scale(1.1) rotate(3deg) - } - - 40%,60%,80% { - transform: scale(1.1) rotate(-3deg) - } - - to { - transform: scale(1) rotate(0) - } -} - -@-webkit-keyframes pulse { - 0% { - transform: scale(1); - opacity: 1 - } - - 50% { - transform: scale(.9); - opacity: .7 - } - - to { - transform: scale(1); - opacity: 1 - } -} - -@keyframes pulse { - 0% { - transform: scale(1); - opacity: 1 - } - - 50% { - transform: scale(.9); - opacity: .7 - } - - to { - transform: scale(1); - opacity: 1 - } -} - -@-webkit-keyframes jiggle { - 0% { - transform: scaleZ(1) - } - - 30% { - transform: scale3d(1.25,.75,1) - } - - 40% { - transform: scale3d(.75,1.25,1) - } - - 50% { - transform: scale3d(1.15,.85,1) - } - - 65% { - transform: scale3d(.95,1.05,1) - } - - 75% { - transform: scale3d(1.05,.95,1) - } - - to { - transform: scaleZ(1) - } -} - -@keyframes jiggle { - 0% { - transform: scaleZ(1) - } - - 30% { - transform: scale3d(1.25,.75,1) - } - - 40% { - transform: scale3d(.75,1.25,1) - } - - 50% { - transform: scale3d(1.15,.85,1) - } - - 65% { - transform: scale3d(.95,1.05,1) - } - - 75% { - transform: scale3d(1.05,.95,1) - } - - to { - transform: scaleZ(1) - } -} - -@-webkit-keyframes glow { - 0% { - background-color: #fcfcfd - } - - 30% { - background-color: #fff6cd - } - - to { - background-color: #fcfcfd - } -} - -@keyframes glow { - 0% { - background-color: #fcfcfd - } - - 30% { - background-color: #fff6cd - } - - to { - background-color: #fcfcfd - } -} - -*,:before,:after { - box-sizing: border-box -} - -html { - line-height: 1.15; - -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 { - background: transparent!important; - color: transparent!important; - border: transparent!important; - pointer-events: none!important; - position: relative!important; - overflow: hidden!important -} - -.is-loading:after { - content: ""; - position: absolute; - display: block; - width: 4rem; - height: 4rem; - left: 50%; - top: 50%; - transform: translate(-50%,-50%); - animation: isloadingspin .5s 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: 100% -} - -.markup pre.is-loading,.editor-loading.is-loading,.pdf-content.is-loading { - height: var(--height-loading) -} - -.btn-octicon.is-loading:after { - border-width: 2px; - height: 1.25rem; - width: 1.25rem -} - -code.language-math.is-loading:after { - padding: 0; - border-width: 2px; - width: 1.25rem; - height: 1.25rem -} - -#oauth2-login-navigator.is-loading:after { - width: 40px; - height: 40px -} - -@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.button,.ui.button:focus { - background: var(--color-button); - border: 1px solid var(--color-light-border); - color: var(--color-text) -} - -.ui.button:hover { - 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 { - background: var(--color-active); - color: var(--color-text) -} - -.delete-button,.delete-button:hover { - 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:first-child { - border-left: 1px solid var(--color-light-border) -} - -.ui.buttons .button:first-child:has(+ .button.active) { - border-right: none!important -} - -.ui.buttons .button+.button:not(.active) { - border-left: none -} - -.two-toggle-buttons .button:not(.active):first-of-type { - border-right: none -} - -.two-toggle-buttons .button.active:last-of-type { - border-left: 1px solid var(--color-light-border) -} - -.ui.labeled.button.disabled>.button,.ui.basic.buttons .button,.ui.basic.button,.ui.basic.buttons .button:focus,.ui.basic.button:focus { - color: var(--color-text-light); - background: var(--color-button) -} - -.ui.basic.buttons .button:hover,.ui.basic.button:hover { - color: var(--color-text); - background: var(--color-hover) -} - -.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 { - 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,.ui.primary.button:focus,.ui.primary.buttons .button:focus { - background: var(--color-primary) -} - -.ui.primary.button:hover,.ui.primary.buttons .button:hover { - background: var(--color-primary-hover) -} - -.ui.primary.button:active,.ui.primary.buttons .button:active { - background: var(--color-primary-active) -} - -.ui.basic.primary.buttons .button,.ui.basic.primary.button,.ui.basic.primary.buttons .button:focus,.ui.basic.primary.button:focus { - color: var(--color-primary); - border-color: var(--color-primary) -} - -.ui.basic.primary.buttons .button:hover,.ui.basic.primary.button:hover { - 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,.ui.basic.secondary.button:focus,.ui.basic.secondary.buttons .button:focus { - color: var(--color-secondary-button); - border-color: var(--color-secondary-button) -} - -.ui.basic.secondary.buttons .button:hover,.ui.basic.secondary.button:hover { - 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,.ui.red.button:focus,.ui.red.buttons .button:focus { - background: var(--color-red) -} - -.ui.red.button:hover,.ui.red.buttons .button:hover { - 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,.ui.basic.red.buttons .button:focus,.ui.basic.red.button:focus { - color: var(--color-red); - border-color: var(--color-red) -} - -.ui.basic.red.buttons .button:hover,.ui.basic.red.button:hover { - 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) -} - -.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 -} - -[data-tippy-root] { - max-width: calc(100vw - 10px) -} - -.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-box[data-theme=tooltip] { - background-color: var(--color-tooltip-bg); - color: var(--color-tooltip-text); - border: none -} - -.tippy-box[data-theme=menu] { - background-color: var(--color-menu); - color: var(--color-text) -} - -.tippy-content { - position: relative; - padding: 1rem; - z-index: 1 -} - -.tippy-box[data-theme=tooltip] .tippy-content { - padding: .5rem 1rem -} - -.tippy-box[data-theme=menu] .tippy-content { - padding: 0 -} - -.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) -} - -.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] .tippy-svg-arrow-inner { - fill: var(--color-menu) -} - -.ui.modal.g-modal-confirm { - max-width: min(800px,90vw); - width: fit-content -} - -.ui.modal.g-modal-confirm>.inside.close { - padding: 0; - width: 1em; - height: 1em; - top: 1.2em -} - -.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>.content,.ui.modal>form>.content { - background: var(--color-body); - padding: 1.5em -} - -.ui.modal>.actions,.ui.modal>form>.actions { - background: var(--color-secondary-bg); - border-color: var(--color-secondary); - padding: 1rem; - text-align: right -} - -.ui.modal .actions>.ui.button { - display: inline-flex; - align-items: center; - padding: 10px 12px 10px 10px -} - -.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 -} - -.breadcrumb .divider { - color: var(--color-text-light-2); - margin-left: 3px; - margin-right: 3px -} - -.breadcrumb>* { - display: inline -} - -.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.28571429em -} - -.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 -} - -.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 -} - -.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 -} - -.issue.list { - list-style: none; - margin-top: 1rem -} - -.issue.list a:not(.label):hover { - color: var(--color-primary)!important -} - -.issue.list>.item .issue-item-icon svg { - margin-right: .75rem; - margin-top: 1px -} - -.issue.list>.item .issue-item-icons-right>*+* { - margin-left: .5rem -} - -.issue.list>.item .issue-item-main { - flex: 1; - display: flex; - flex-direction: column -} - -.issue.list>.item .action-item-center { - display: flex; - align-items: center; - padding-left: 4px; - padding-right: 12px -} - -.issue.list>.item .action-item-right { - flex: 0 0 15%; - display: flex; - flex-direction: column; - gap: 3px; - color: var(--color-text-light) -} - -.issue.list>.item .issue-item-top-row { - max-width: 100%; - color: var(--color-text); - font-size: 16px; - min-width: 0; - font-weight: var(--font-weight-semibold) -} - -.issue.list>.item .issue-item-top-row a.index { - max-width: fit-content; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - overflow: hidden; - word-break: break-all -} - -.issue.list>.item .labels-list { - position: relative; - top: -1.5px -} - -.issue.list>.item .issue-item-bottom-row { - font-size: 13px; - display: flex; - align-items: center; - flex-wrap: wrap; - margin: .125rem 0 -} - -.issue.list>.item .title { - color: var(--color-text); - word-break: break-word -} - -.issue.list>.item .issue-item-icon-right { - min-width: 2rem -} - -.issue.list>.item .assignee { - position: relative; - top: -2px -} - -.issue.list>.item .assignee img { - margin-right: 2px -} - -.issue.list>.item .desc { - color: var(--color-text-light-2) -} - -.issue.list>.item .desc a { - color: inherit; - word-break: break-word -} - -.issue.list>.item .desc .time-since,.issue.list>.item .desc a { - margin-left: .25rem; - margin-right: .25rem -} - -.issue.list>.item .desc .waiting,.issue.list>.item .desc .approvals,.issue.list>.item .desc .rejects { - padding-left: 5px -} - -.issue.list>.item .desc .checklist { - padding-left: 5px -} - -.issue.list>.item .desc .checklist progress { - margin-left: 2px; - width: 80px; - height: 6px; - display: inline-block; - border-radius: 3px; - vertical-align: 2px!important -} - -.issue.list>.item .desc .checklist progress::-webkit-progress-value { - background-color: var(--color-secondary-dark-4) -} - -.issue.list>.item .desc .checklist progress::-moz-progress-bar { - background-color: var(--color-secondary-dark-4) -} - -.issue.list>.item .desc .conflicting { - padding-left: 5px -} - -.issue.list>.item .desc .due-date { - padding-left: 5px -} - -.issue.list>.item .desc a.milestone,.issue.list>.item .desc a.project { - margin-left: 5px -} - -.issue.list>.item .desc a.ref { - margin-left: 8px -} - -.issue.list>.item .desc a.ref span { - margin-right: -4px -} - -.issue.list .branches { - display: inline-flex; - padding: 0 4px -} - -.issue.list .branches .branch { - background-color: var(--color-secondary-alpha-40); - border-radius: 3px -} - -.issue.list .branches .truncated-name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 10em -} - -.issue.list>.item+.item { - border-top: 1px solid var(--color-secondary) -} - -.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.secondary.stackable.pointing.menu,.organization .ui.secondary.stackable.pointing.menu { - flex-wrap: wrap; - margin-top: 5px; - margin-bottom: 10px -} - -.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: 4px; - 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>.ui.segment.loading { - border: 0; - z-index: 1; - min-height: 246px -} - -#git-graph-container h2 { - display: flex; - justify-content: space-between; - align-items: center -} - -#git-graph-container .color-buttons { - margin-right: 0 -} - -#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 .ui.label .truncate { - display: inline-block; - max-width: 140px; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: top; - white-space: nowrap -} - -#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); - font-size: 80% -} - -#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-container { - width: 100% -} - -#git-graph-container #rev-list { - margin: 0; - padding: 0; - width: 100% -} - -#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 .shortsha { - padding-top: 0 -} - -#git-graph-container #rev-list .sha.label .shortsha-pad { - padding-right: 10px -} - -#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; - min-height: 125px -} - -#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 .total-contributions { - font-size: 11px; - position: absolute; - bottom: 0; - left: 25px -} - -@media (max-width: 1200px) { - #user-heatmap { - min-height:105px - } - - #user-heatmap .total-contributions { - left: 21px - } -} - -@media (max-width: 1000px) { - #user-heatmap { - min-height:80px - } - - #user-heatmap .total-contributions { - font-size: 10px; - left: 17px; - bottom: -4px - } -} - -.user.profile #user-heatmap { - min-height: 135px -} - -@media (max-width: 1200px) { - .user.profile #user-heatmap { - min-height:115px - } -} - -@media (max-width: 1000px) { - .user.profile #user-heatmap { - min-height:90px - } -} - -.image-diff-container { - text-align: center; - padding: 1em 0 -} - -.image-diff-container img { - border: 1px solid var(--color-primary-light-7); - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVQYlWN4+vTpf3SMDTAMBYXYBLFpHgoKAeiOf0SGE9kbAAAAAElFTkSuQmCC) right bottom var(--color-primary-light-7) -} - -.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 -} - -.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: 0 auto; - 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: 4px!important -} - -.board { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - overflow-x: auto; - margin: 0 .5em -} - -.board.sortable .board-card { - cursor: move -} - -.board-column { - background-color: var(--color-project-board-bg)!important; - border: 1px solid var(--color-secondary)!important; - 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 -} - -.board-column-header { - display: flex; - justify-content: space-between -} - -.board-column-header.dark-label,.board-column-header.dark-label .board-label { - color: var(--color-project-board-dark-label)!important -} - -.board-column-header.light-label,.board-column-header.light-label .board-label { - color: var(--color-project-board-light-label)!important -} - -.board-label { - background: none!important; - line-height: 1.25!important -} - -.board-column>.cards { - flex: 1; - display: flex; - align-content: baseline; - margin: 0!important; - padding: 0!important; - flex-wrap: nowrap!important; - flex-direction: column -} - -.project-board-title { - word-break: break-word -} - -.board-column>.divider { - margin: 5px 0 -} - -.board-column:first-child { - margin-left: auto!important -} - -.board-column:last-child { - margin-right: auto!important -} - -.board-column .ui.cards>.card>.content { - border: none -} - -.board-card { - margin: 4px 2px!important; - border-radius: 5px!important; - width: calc(100% - 4px)!important; - padding: .5rem!important; - min-height: auto!important -} - -.board-card .meta * { - margin-right: 0!important -} - -.board-card .header { - margin-top: 0!important; - font-size: 16px!important -} - -.board-card .card-attachment-images { - display: inline-block; - white-space: nowrap; - overflow: hidden; - text-align: center -} - -.board-card .card-attachment-images img { - display: inline-block; - max-height: 50px; - border-radius: var(--border-radius); - margin-right: 2px -} - -.board-card .card-attachment-images img:only-child { - max-height: 90px; - margin: auto -} - -.card-ghost { - border-style: dashed!important; - background: none!important -} - -.card-ghost * { - opacity: 0 -} - -.color-field .minicolors.minicolors-theme-default { - display: block -} - -.color-field .minicolors.minicolors-theme-default .minicolors-input { - height: 38px; - padding-left: 2rem -} - -.color-field .minicolors.minicolors-theme-default .minicolors-swatch { - top: 10px -} - -.edit-project-board .color.picker.column,.new-board-modal .color.picker.column { - display: flex -} - -.edit-project-board .color.picker.column .minicolors,.new-board-modal .color.picker.column .minicolors { - flex: 1 -} - -.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: .25rem -} - -.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: 5px; - word-break: break-word; - overflow-wrap: break-word -} - -.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 - } -} - -.term-fg2 { - color: #838887 -} - -.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: #666 -} - -.term-fg31 { - color: #ff7070 -} - -.term-fg32 { - color: #b0f986 -} - -.term-fg33 { - color: #c6c502 -} - -.term-fg34 { - color: #8db7e0 -} - -.term-fg35 { - color: #f271fb -} - -.term-fg36 { - color: #6bf7ff -} - -.term-fgi1 { - color: #5ef765 -} - -.term-fgi90 { - color: #838887 -} - -.term-fgi91 { - color: #f33 -} - -.term-fgi92 { - color: #0f0 -} - -.term-fgi93 { - color: #fffc67 -} - -.term-fgi94 { - color: #6871ff -} - -.term-fgi95 { - color: #ff76ff -} - -.term-fgi96 { - color: #60fcff -} - -.term-bg40 { - background: #676767 -} - -.term-bg41 { - background: #ff4343 -} - -.term-bg42 { - background: #99ff5f -} - -.term-fg31.term-bg40 { - color: #f8a39f -} - -.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; - 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; - position: relative; - line-height: 1.5rem; - min-height: 1.5rem -} - -.markup .task-list-item input[type=checkbox] { - position: absolute; - top: .25em; - left: -1.6em -} - -.markup .task-list-item p { - line-height: 1.5rem -} - -.markup .task-list-item+.task-list-item { - margin-top: 3px -} - -.markup input[type=checkbox] { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - position: relative; - border: 1px solid var(--color-secondary); - border-radius: 2px; - 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: 4px 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: 20px -} - -.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-block); - border-radius: 4px -} - -.markup code br,.markup tt br { - display: none -} - -.markup del code { - text-decoration: inherit -} - -.markup pre>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: 4px -} - -.markup .highlight pre { - margin-bottom: 0; - word-break: normal -} - -.markup pre { - word-wrap: normal -} - -.markup pre code,.markup pre tt { - display: inline; - max-width: initial; - padding: 0; - margin: 0; - overflow: initial; - 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-block); - border: 1px solid var(--color-secondary); - border-radius: 3px; - 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 -} - -.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 -} - -.chroma { - background-color: var(--color-code-bg) -} - -.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 -} - -.chroma .bp { - color: #999 -} - -.chroma .c,.chroma .c1,.chroma .ch { - color: #6a737d -} - -.chroma .cm { - color: #998 -} - -.chroma .cp { - color: #109295 -} - -.chroma .cpf { - color: #4c4dbc -} - -.chroma .cs { - color: #999 -} - -.chroma .dl { - color: #106303 -} - -.chroma .gd { - color: #000; - background-color: #fdd -} - -.chroma .ge { - color: #000 -} - -.chroma .gh { - color: #999 -} - -.chroma .gi { - color: #000; - background-color: #dfd -} - -.chroma .go { - color: #888 -} - -.chroma .gp { - color: #555 -} - -.chroma .gr,.chroma .gt { - color: #a00 -} - -.chroma .gu { - color: #aaa -} - -.chroma .il { - color: #099 -} - -.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr { - color: #d73a49 -} - -.chroma .kt { - color: #458 -} - -.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo { - color: #099 -} - -.chroma .na { - color: #d73a49 -} - -.chroma .nb { - color: #005cc5 -} - -.chroma .nc { - color: #458 -} - -.chroma .nd { - color: #3c5d5d -} - -.chroma .ne { - color: #900 -} - -.chroma .nf { - color: #005cc5 -} - -.chroma .ni { - color: #6f42c1 -} - -.chroma .nl { - color: #900 -} - -.chroma .nn { - color: #555 -} - -.chroma .no { - color: teal -} - -.chroma .nt { - color: #22863a -} - -.chroma .nv { - color: teal -} - -.chroma .nx { - color: #24292e -} - -.chroma .o,.chroma .ow { - color: #d73a49 -} - -.chroma .s { - color: #106303 -} - -.chroma .s1 { - color: #cc7a00 -} - -.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .sd,.chroma .se,.chroma .sh,.chroma .si { - color: #106303 -} - -.chroma .sr { - color: #22863a -} - -.chroma .ss,.chroma .sx { - color: #106303 -} - -.chroma .vc,.chroma .vg,.chroma .vi { - color: teal -} - -.chroma .w { - color: #bbb -} - -.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; - --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: .28571429rem; - --opacity-disabled: .55; - --height-loading: 16rem; - --tab-size: 4; - --color-primary: #7289DA; - --color-primary-contrast: #ffffff; - --color-primary-dark-1: #3876b3; - --color-primary-dark-2: #31699f; - --color-primary-dark-3: #2b5c8b; - --color-primary-dark-4: #254f77; - --color-primary-dark-5: #193450; - --color-primary-dark-6: #0c1a28; - --color-primary-dark-7: #04080c; - --color-primary-light-1: #548fca; - --color-primary-light-2: #679cd0; - --color-primary-light-3: #7aa8d6; - --color-primary-light-4: #8db5dc; - --color-primary-light-5: #b3cde7; - --color-primary-light-6: #d9e6f3; - --color-primary-light-7: #f4f8fb; - --color-primary-alpha-10: #7289DA19; - --color-primary-alpha-20: #7289DA33; - --color-primary-alpha-30: #7289DA4b; - --color-primary-alpha-40: #7289DA66; - --color-primary-alpha-50: #7289DA80; - --color-primary-alpha-60: #7289DA99; - --color-primary-alpha-70: #7289DAb3; - --color-primary-alpha-80: #7289DAcc; - --color-primary-alpha-90: #7289DAe1; - --color-primary-hover: var(--color-primary-dark-1); - --color-primary-active: var(--color-primary-dark-2); - --color-secondary: #dedede; - --color-secondary-dark-1: #cecece; - --color-secondary-dark-2: #bfbfbf; - --color-secondary-dark-3: #a0a0a0; - --color-secondary-dark-4: #909090; - --color-secondary-dark-5: #818181; - --color-secondary-dark-6: #717171; - --color-secondary-dark-7: #626262; - --color-secondary-dark-8: #525252; - --color-secondary-dark-9: #434343; - --color-secondary-dark-10: #333333; - --color-secondary-dark-11: #242424; - --color-secondary-dark-12: #141414; - --color-secondary-dark-13: #040404; - --color-secondary-light-1: #e5e5e5; - --color-secondary-light-2: #ebebeb; - --color-secondary-light-3: #f2f2f2; - --color-secondary-light-4: #f8f8f8; - --color-secondary-alpha-10: #dedede19; - --color-secondary-alpha-20: #dedede33; - --color-secondary-alpha-30: #dedede4b; - --color-secondary-alpha-40: #dedede66; - --color-secondary-alpha-50: #dedede80; - --color-secondary-alpha-60: #dedede99; - --color-secondary-alpha-70: #dededeb3; - --color-secondary-alpha-80: #dededecc; - --color-secondary-alpha-90: #dededee1; - --color-secondary-button: var(--color-secondary-dark-4); - --color-secondary-hover: var(--color-secondary-dark-5); - --color-secondary-active: var(--color-secondary-dark-6); - --color-console-fg: #ffffff; - --color-console-fg-subtle: #959cab; - --color-console-bg: #171717; - --color-console-border: #383c47; - --color-console-hover-bg: #ffffff16; - --color-console-active-bg: #454a57; - --color-console-menu-bg: #383c47; - --color-console-menu-border: #5c6374; - --color-red: #db2828; - --color-orange: #f2711c; - --color-yellow: #fbbd08; - --color-olive: #b5cc18; - --color-green: #21ba45; - --color-teal: #00b5ad; - --color-blue: #2185d0; - --color-violet: #6435c9; - --color-purple: #a333c8; - --color-pink: #e03997; - --color-brown: #a5673f; - --color-black: #1b1c1d; - --color-red-light: #e45e5e; - --color-orange-light: #f59555; - --color-yellow-light: #fcce46; - --color-olive-light: #d3e942; - --color-green-light: #46de6a; - --color-teal-light: #08fff4; - --color-blue-light: #51a5e3; - --color-violet-light: #8b67d7; - --color-purple-light: #bb64d8; - --color-pink-light: #e86bb1; - --color-brown-light: #c58b66; - --color-black-light: #525558; - --color-red-dark-1: #c82121; - --color-orange-dark-1: #e6630d; - --color-yellow-dark-1: #e5ac04; - --color-olive-dark-1: #a3b816; - --color-green-dark-1: #1ea73e; - --color-teal-dark-1: #00a39c; - --color-blue-dark-1: #1e78bb; - --color-violet-dark-1: #5a30b5; - --color-purple-dark-1: #932eb4; - --color-pink-dark-1: #db228a; - --color-brown-dark-1: #955d39; - --color-black-dark-1: #18191a; - --color-red-dark-2: #b11e1e; - --color-orange-dark-2: #cc580c; - --color-yellow-dark-2: #cc9903; - --color-olive-dark-2: #91a313; - --color-green-dark-2: #1a9537; - --color-teal-dark-2: #00918a; - --color-blue-dark-2: #1a6aa6; - --color-violet-dark-2: #502aa1; - --color-purple-dark-2: #8229a0; - --color-pink-dark-2: #c21e7b; - --color-brown-dark-2: #845232; - --color-black-dark-2: #161617; - --color-grey: #707070; - --color-grey-light: #838383; - --color-gold: #a1882b; - --color-white: #ffffff; - --color-diff-removed-word-bg: #fdb8c0; - --color-diff-added-word-bg: #acf2bd; - --color-diff-removed-row-bg: #ffeef0; - --color-diff-moved-row-bg: #f1f8d1; - --color-diff-added-row-bg: #e6ffed; - --color-diff-removed-row-border: #f1c0c0; - --color-diff-moved-row-border: #d0e27f; - --color-diff-added-row-border: #e6ffed; - --color-diff-inactive: #f2f2f2; - --color-error-border: #e0b4b4; - --color-error-bg: #fff6f6; - --color-error-bg-active: #fbb; - --color-error-bg-hover: #fdd; - --color-error-text: #9f3a38; - --color-success-border: #a3c293; - --color-success-bg: #fcfff5; - --color-success-text: #2c662d; - --color-warning-border: #c9ba9b; - --color-warning-bg: #fffaf3; - --color-warning-text: #573a08; - --color-info-border: #a9d5de; - --color-info-bg: #f8ffff; - --color-info-text: #276f86; - --color-red-badge: #db2828; - --color-red-badge-bg: #db28281a; - --color-red-badge-hover-bg: #db28284d; - --color-green-badge: #21ba45; - --color-green-badge-bg: #21ba451a; - --color-green-badge-hover-bg: #21ba454d; - --color-yellow-badge: #fbbd08; - --color-yellow-badge-bg: #fbbd081a; - --color-yellow-badge-hover-bg: #fbbd084d; - --color-orange-badge: #f2711c; - --color-orange-badge-bg: #f2711c1a; - --color-orange-badge-hover-bg: #f2711c4d; - --color-git: #f05133; - --color-body: #ffffff; - --color-text-dark: #080808; - --color-text: #212121; - --color-text-light: #555555; - --color-text-light-1: #6a6a6a; - --color-text-light-2: #808080; - --color-text-light-3: #a0a0a0; - --color-box-header: #f7f7f7; - --color-box-body: #ffffff; - --color-box-body-highlight: #f8f8f8; - --color-footer: #ffffff; - --color-timeline: #ececec; - --color-input-text: #212121; - --color-input-background: #fafafa; - --color-input-toggle-background: #dedede; - --color-input-border: var(--color-secondary); - --color-input-border-hover: var(--color-secondary-dark-1); - --color-light: #00000006; - --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled))); - --color-light-border: #0000001d; - --color-hover: #0000000c; - --color-active: #00000014; - --color-menu: #ffffff; - --color-card: #ffffff; - --color-markup-table-row: #00000008; - --color-markup-code-block: #00000010; - --color-button: #ffffff; - --color-code-bg: #ffffff; - --color-code-sidebar-bg: #f5f5f5; - --color-shadow: #00000030; - --color-secondary-bg: #f4f4f4; - --color-expand-button: #d8efff; - --color-placeholder-text: #aaa; - --color-editor-line-highlight: var(--color-primary-light-6); - --color-project-board-bg: var(--color-secondary-light-4); - --color-project-board-dark-label: #555555; - --color-project-board-light-label: #a6aab5; - --color-caret: var(--color-text-dark); - --color-reaction-bg: #0000000a; - --color-reaction-hover-bg: var(--color-primary-light-5); - --color-reaction-active-bg: var(--color-primary-light-6); - --color-tooltip-text: #ffffff; - --color-tooltip-bg: #000000f0; - --color-nav-bg: #ffffff; - --color-nav-hover-bg: #ebebeb; - --color-label-text: #232323; - --color-label-bg: #cacaca5b; - --color-label-hover-bg: #cacacaa0; - --color-label-active-bg: #cacacaff; - --color-accent: var(--color-primary-light-1); - --color-small-accent: var(--color-primary-light-6); - --color-active-line: #fffbdd; - accent-color: var(--color-accent); - color-scheme: light -} - -:root * { - --fonts-regular: var(--fonts-override, var(--fonts-proportional)), "Noto Sans", "Liberation Sans", sans-serif, var(--fonts-emoji); -} - -textarea { - font-family: var(--fonts-regular) -} - -pre,code,kbd,samp { - font-size: .9em; - font-family: var(--fonts-monospace) -} - -b,strong,h1,h2,h3,h4,h5,h6 { - font-weight: var(--font-weight-semibold) -} - -body { - color: var(--color-text); - background-color: var(--color-body); - tab-size: var(--tab-size); - display: flex; - flex-direction: column; - overflow-wrap: break-word -} - -table { - border-collapse: collapse -} - -button { - cursor: pointer -} - -details summary { - cursor: pointer -} - -details summary>* { - display: inline -} - -progress { - background: var(--color-secondary-dark-1); - border-radius: 6px; - 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) -} - -* { - scrollbar-color: var(--color-primary) transparent; - caret-color: var(--color-caret) -} - -::-webkit-scrollbar { - width: 10px; - height: 10px -} - -::-webkit-scrollbar-thumb { - box-shadow: inset 0 0 0 6px var(--color-primary); - border: 2px solid transparent; - border-radius: 5px!important -} - -::-webkit-scrollbar-thumb:window-inactive { - box-shadow: inset 0 0 0 6px var(--color-primary) -} - -::-webkit-scrollbar-thumb:hover { - box-shadow: inset 0 0 0 6px var(--color-primary-dark-2) -} - -::-webkit-scrollbar-corner { - background: transparent -} - -::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)!important; - color: var(--color-white)!important -} - -::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 -} - -a { - color: var(--color-primary); - cursor: pointer; - text-decoration-skip-ink: all -} - -a.muted,a.silenced,.muted-links a { - color: inherit -} - -a:hover,a.muted:hover,a.muted:hover [class*=color-text],.muted-links a:hover { - color: var(--color-primary) -} - -a.silenced:hover { - color: inherit; - text-decoration: none -} - -a.label,.repository-menu a,.ui.search .results a,.ui .menu a,.ui.cards a.card,.issue-keyword a { - text-decoration: none!important -} - -.ui.search>.results { - background: var(--color-body); - border-color: var(--color-secondary) -} - -.ui.search>.results .result { - background: var(--color-body) -} - -.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) -} - -.issue-title code { - padding: 2px 4px; - border-radius: 6px; - background-color: var(--color-markup-code-block) -} - -.ui.divider { - color: var(--color-text) -} - -.ui.divider:not(.vertical,.horizontal) { - border-top-color: var(--color-secondary)!important; - border-bottom: none!important -} - -.ui.dividing.header { - border-bottom-color: var(--color-secondary) -} - -.page-content { - margin-top: 15px -} - -.page-content .header-wrapper,.page-content .new-menu { - margin-top: -15px!important; - padding-top: 15px!important -} - -.ui.input>input { - line-height: 1.3 -} - -.ui.input.focus>input,.ui.input>input:focus { - border-color: var(--color-primary) -} - -.ui.action.input .button { - border-color: var(--color-input-border) -} - -.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,:hover) { - border-right-color: transparent -} - -.ui.action.input:not([class*="left action"])>input,.ui.action.input:not([class*="left action"])>input:hover { - border-right: 1px solid transparent -} - -.ui.action.input:not([class*="left action"])>input:focus { - border-right-color: var(--color-primary) -} - -.ui.action.input .small.button:has(svg) { - padding-top: 7px!important; - padding-bottom: 7px!important -} - -.ui.menu,.ui.vertical.menu { - background: var(--color-menu); - border-color: var(--color-secondary) -} - -.ui.menu .item { - color: var(--color-text); - user-select: auto -} - -.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) -} - -.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) -} - -.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.list .list>.item .header,.ui.list>.item .header { - color: var(--color-text-dark) -} - -.ui.list .list>.item>.content,.ui.list>.item>.content { - color: var(--color-text) -} - -.ui.list .list>.item .description,.ui.list>.item .description { - color: var(--color-text) -} - -.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 .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.message { - background: var(--color-box-body); - color: var(--color-text); - box-shadow: none!important; - border: 1px solid var(--color-secondary) -} - -.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.error.header { - background: var(--color-error-bg)!important; - color: var(--color-error-text)!important; - border-color: var(--color-error-border)!important -} - -.ui.error.segment { - 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 -} - -.ui.warning.segment { - border-color: var(--color-warning-border)!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-light-2) -} - -.ui.selection.dropdown .menu { - margin: 0 -1.25px -} - -.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) -} - -.ui.attached.table { - border-color: var(--color-secondary) -} - -.ui.table { - color: var(--color-text); - background: var(--color-box-body); - border-color: var(--color-secondary); - text-align: start -} - -.ui.table th,.ui.table td { - transition: none -} - -.ui.table>tr>td,.ui.table>tbody>tr>td { - border-top-color: var(--color-secondary-alpha-50) -} - -.ui.striped.table>tr:nth-child(2n),.ui.striped.table>tbody>tr:nth-child(2n),.ui.basic.striped.table>tbody>tr:nth-child(2n) { - background: var(--color-light) -} - -.ui.ui.ui.ui.table tr.active,.ui.ui.table td.active { - color: var(--color-text); - background: var(--color-active) -} - -.ui.ui.selectable.table>tbody>tr:hover,.ui.table tbody tr td.selectable:hover { - color: var(--color-text); - background-color: var(--color-secondary-alpha-40) -} - -.ui.ui.ui.ui.table tr.grey:not(.marked),.ui.ui.table td.grey:not(.marked) { - background: var(--color-body); - color: var(--color-text) -} - -.ui.table>thead>tr>th { - background: var(--color-box-header); - border-color: var(--color-secondary); - color: var(--color-text) -} - -.ui.basic.table>tbody>tr { - border-color: var(--color-secondary) -} - -.ui.table>tfoot>tr>th,.ui.table>tfoot>tr>td { - border-color: var(--color-secondary); - background: var(--color-box-body); - color: var(--color-text) -} - -.ui.table>thead>tr>th,.ui.table>tbody>tr>td,.ui.table>tr>td { - padding: 6px 5px -} - -.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 -} - -img.ui.avatar,.ui.avatar img,.ui.avatar svg { - border-radius: var(--border-radius); - object-fit: contain; - aspect-ratio: 1 -} - -.ui.divided.list>.item { - border-color: var(--color-secondary) -} - -.ui.error.message .header,.ui.warning.message .header { - color: inherit; - filter: saturate(2) -} - -.dont-break-out { - overflow-wrap: break-word; - word-wrap: break-word; - word-break: break-all; - hyphens: auto -} - -.full.height { - flex-grow: 1; - padding-bottom: 80px -} - -.page-content .ui.ui.ui.container:not(.fluid) { - width: 1280px; - max-width: calc(100% - 64px); - margin-left: auto; - margin-right: auto -} - -.ui.container.fluid.padded { - padding: 0 32px -} - -@media (min-width: 768px) and (max-width: 1200px) { - .page-content .ui.ui.ui.container:not(.fluid) { - max-width:calc(100% - 32px) - } - - .ui.container.fluid.padded { - padding: 0 16px - } -} - -@media (max-width: 767.98px) { - .page-content .ui.ui.ui.container:not(.fluid) { - max-width:calc(100% - 16px) - } - - .ui.container.fluid.padded { - padding: 0 8px - } -} - -#navbar { - display: flex; - align-items: center; - background: var(--color-nav-bg); - border-bottom: 1px solid var(--color-secondary); - min-height: 52px; - margin: 0!important -} - -#navbar a.item:hover { - background: var(--color-nav-hover-bg) -} - -#navbar .navbar-mobile-right { - margin-left: auto -} - -#navbar .navbar-mobile-right a.item:hover { - background: transparent -} - -#navbar .secondary.menu>.item>.svg,#navbar .right.menu>.item>.svg { - margin-right: 0 -} - -@media (max-width: 767.98px) { - #navbar .item { - display:none - } - - #navbar>.item:first-child { - display: flex; - padding-top: 5px; - padding-bottom: 5px - } - - #navbar .navbar-mobile-right>.item { - display: flex - } - - #navbar.navbar-menu-open .item { - display: flex - } - - #navbar.navbar-menu-open>.item:first-child { - padding-bottom: 0 - } -} - -@media (min-width: 767.98px) { - #navbar .navbar-mobile-right,#navbar .mobile-only { - display:none - } - - #navbar .right.menu { - padding-right: 1em - } -} - -#navbar .navbar-mobile-right .item { - width: auto!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; - min-height: 17px; - border-radius: 17px; - display: flex; - align-items: center; - justify-content: center -} - -#navbar .right.menu { - width: 100%; - justify-content: flex-end -} - -.ui.pagination.menu .active.item { - color: var(--color-text); - background: var(--color-active) -} - -.ui.loading.segment:before,.ui.loading.form:before { - background: none -} - -.ui.loading.form>*,.ui.loading.segment>* { - opacity: .35 -} - -.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 -} - -.ui.form .field.field input:-webkit-autofill { - -webkit-text-fill-color: var(--color-black)!important -} - -.ui.form .field.muted { - opacity: var(--opacity-disabled) -} - -.ui.loading.loading.input>i.icon svg { - visibility: hidden -} - -.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 -} - -.ui.left:not(.action) { - float: left -} - -.ui.right:not(.action) { - float: right -} - -.ui.form .ui.button { - font-weight: var(--font-weight-normal) -} - -.ui.floating.label { - z-index: 10 -} - -.ui.transparent.label { - background-color: transparent -} - -.ui.menu,.ui.vertical.menu,.ui.segment { - box-shadow: none -} - -.ui .menu:not(.vertical) .item>.button.compact { - padding: .58928571em 1.125em -} - -.ui .menu:not(.vertical) .item>.button.small { - font-size: .92857143rem -} - -.ui.menu .ui.dropdown.item .menu .item { - width: 100% -} - -.ui.dropdown .menu>.item>.floating.label { - z-index: 11 -} - -.ui.dropdown .menu .menu>.item>.floating.label { - z-index: 21 -} - -.ui.dropdown .menu>.header { - font-size: .8em -} - -.ui .text.left { - text-align: left!important -} - -.ui .text.right { - text-align: right!important -} - -.ui .text.small { - font-size: .75em -} - -.ui .text.normal { - font-weight: var(--font-weight-normal) -} - -.ui .text.italic { - font-style: italic -} - -.ui .text.truncate { - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; - display: inline-block -} - -.ui .text.thin { - font-weight: var(--font-weight-normal) -} - -.ui .text.middle { - vertical-align: middle -} - -.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 .info.segment.top h3,.ui .info.segment.top h4 { - margin-top: 0 -} - -.ui .info.segment.top h3:last-child { - margin-top: 4px -} - -.ui .info.segment.top>:last-child { - margin-bottom: 0 -} - -.ui .normal.header { - font-weight: var(--font-weight-normal) -} - -.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; - padding: 6px 10px 4px; - font-weight: var(--font-weight-normal); - margin: 0 6px -} - -.ui .button.copy-commit-sha { - border: 1px solid var(--color-light-border); - margin-right: 3px; - padding: 6px 6px 4px; - background: var(--color-light) -} - -.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 -} - -.ui .branch-tag-choice { - line-height: 20px -} - -@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.icon.header svg { - width: 3em; - height: 3em; - float: none; - display: block; - line-height: 1; - padding: 0; - margin: 0 auto .5rem; - opacity: 1 -} - -.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: .15em -} - -.attention-icon { - vertical-align: text-top -} - -.attention-note { - font-weight: unset; - color: var(--color-info-text) -} - -.attention-warning { - font-weight: unset; - color: var(--color-warning-text) -} - -.center:not(.popup) { - text-align: center -} - -@media (max-width: 767.98px) { - .not-mobile.not-mobile { - display:none!important - } -} - -.ui.menu.new-menu { - margin-bottom: 15px; - background: var(--color-header-wrapper); - border-bottom: 1px solid var(--color-secondary)!important; - overflow: auto -} - -.ui.menu.new-menu .new-menu-inner { - display: flex; - margin-left: auto; - margin-right: auto; - overflow-x: auto -} - -.ui.menu.new-menu:after { - position: absolute; - display: block; - background: linear-gradient(to right,var(--color-header-wrapper-transparent),var(--color-header-wrapper) 100%); - content: ""; - right: 0; - height: 39px; - width: 60px; - visibility: visible; - pointer-events: none -} - -.ui.menu.new-menu.shadow-body:after { - background: linear-gradient(to right,transparent,var(--color-body) 100%) -} - -.ui.menu.new-menu .item { - margin-bottom: 0!important -} - -@media (max-width: 767.98px) { - .ui.menu.new-menu .item { - width:auto!important - } -} - -.ui.menu.new-menu .item:first-child { - margin-left: auto -} - -.ui.menu.new-menu .item:last-child { - padding-right: 30px!important; - margin-right: auto -} - -.ui.menu.new-menu::-webkit-scrollbar { - height: 6px; - display: none -} - -.ui.menu.new-menu::-webkit-scrollbar-track { - background: none!important -} - -.ui.menu.new-menu::-webkit-scrollbar-thumb { - box-shadow: none!important -} - -.ui.menu.new-menu:hover::-webkit-scrollbar { - display: block -} - -.repos-search { - padding-bottom: 0!important -} - -.repos-filter { - margin-top: 0!important; - border-bottom-width: 0!important; - margin-bottom: 2px!important; - justify-content: space-evenly -} - -.ui.secondary.pointing.menu.repos-filter .item { - padding-left: 4.5px; - padding-right: 4.5px -} - -.repo-title { - font-size: 1.5rem; - display: flex; - align-items: center; - flex: 1; - word-break: break-all; - color: var(--color-text-light) -} - -.repo-title .labels { - margin-left: .5rem -} - -.repo-title .labels>*+* { - margin-left: .5rem -} - -.repo-icon { - display: inline-block -} - -.activity-bar-graph { - background-color: var(--color-primary); - color: var(--color-primary-contrast) -} - -.activity-bar-graph-alt { - color: var(--color-primary-contrast) -} - -.archived-icon { - color: var(--color-secondary-dark-2)!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 -} - -i.icons .icon:first-child { - margin-right: 0 -} - -i.icon.centerlock { - top: 1em -} - -.ui.label { - padding: .3em .5em; - transition: none -} - -.ui.label,.ui.menu .item>.label { - background: var(--color-label-bg); - color: var(--color-label-text) -} - -.ui.label>a { - opacity: .75 -} - -.ui.active.label { - background: var(--color-label-active-bg); - border-color: var(--color-label-active-bg); - color: var(--color-label-text) -} - -.ui.labels a.label:hover,a.ui.label:hover { - background: var(--color-label-hover-bg); - border-color: var(--color-label-hover-bg); - color: var(--color-label-text) -} - -.ui.labels a.active.label:hover,a.ui.active.label:hover { - background: var(--color-label-active-bg); - border-color: var(--color-label-active-bg); - color: var(--color-label-text) -} - -.ui.label>.detail .icons { - margin-right: .25em -} - -.ui.label>.detail .icons .icon { - margin-right: 0 -} - -.lines-blame-btn { - padding-left: 10px; - padding-right: 10px; - text-align: right!important; - background-color: var(--color-code-sidebar-bg); - width: 2% -} - -.lines-num { - padding-left: 10px; - padding-right: 10px; - text-align: right!important; - color: var(--color-text-light-1); - 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 { - background-color: var(--color-code-bg); - padding-left: 5px -} - -.lines-code.active,.lines-code .active { - background: var(--color-active-line)!important -} - -.blame .lines-num { - padding: 0!important; - background-color: var(--color-code-sidebar-bg) -} - -.blame .lines-code { - padding: 0!important -} - -.code-inner { - font: 12px var(--fonts-monospace); - white-space: pre-wrap; - word-break: break-all; - overflow-wrap: anywhere -} - -.blame .code-inner { - white-space: pre; - word-break: normal; - word-wrap: normal -} - -.lines-commit { - vertical-align: top; - color: var(--color-grey); - padding: 0!important; - background: var(--color-code-sidebar-bg); - width: 1% -} - -.lines-commit .blame-info { - width: 350px; - max-width: 350px; - display: block; - padding: 0 0 0 10px; - 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 -} - -.lines-commit .ui.avatar { - height: 18px; - width: 18px; - display: block; - margin-top: 1px -} - -.top-line-blame { - border-top: 1px solid var(--color-secondary) -} - -.lines-code .bottom-line,.lines-commit .bottom-line { - border-bottom: 1px solid var(--color-secondary) -} - -.code-view table { - width: 100% -} - -.octicon-tiny { - font-size: .85714286rem -} - -.ui.primary.label,.ui.primary.labels .label,.ui.ui.ui.primary.label { - background-color: var(--color-primary); - border-color: var(--color-primary-dark-2) -} - -.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label { - background: transparent; - border-color: var(--color-primary); - color: var(--color-primary) -} - -.ui.basic.labels a.primary.label:hover,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.basic.labels .secondary.label,.ui.ui.ui.basic.secondary.label { - background: transparent; - border-color: var(--color-secondary); - color: var(--color-secondary) -} - -.ui.basic.labels .orange.label,.ui.ui.ui.basic.orange.label { - background: transparent; - border-color: var(--color-orange); - color: var(--color-orange) -} - -.ui.basic.labels .green.label,.ui.ui.ui.basic.green.label { - background: transparent; - border-color: var(--color-green); - color: var(--color-green) -} - -.ui.basic.labels .olive.label,.ui.ui.ui.basic.olive.label { - background: transparent; - border-color: var(--color-olive); - color: var(--color-olive) -} - -.ui.basic.labels .teal.label,.ui.ui.ui.basic.teal.label { - background: transparent; - border-color: var(--color-teal); - color: var(--color-teal) -} - -.ui.basic.labels .blue.label,.ui.ui.ui.basic.blue.label { - background: transparent; - border-color: var(--color-blue); - color: var(--color-blue) -} - -.ui.basic.labels .violet.label,.ui.ui.ui.basic.violet.label { - background: transparent; - border-color: var(--color-violet); - color: var(--color-violet) -} - -.ui.basic.labels .purple.label,.ui.ui.ui.basic.purple.label { - background: transparent; - border-color: var(--color-purple); - color: var(--color-purple) -} - -.ui.basic.labels .pink.label,.ui.ui.ui.basic.pink.label { - background: transparent; - border-color: var(--color-pink); - color: var(--color-pink) -} - -.ui.basic.labels .red.label,.ui.ui.ui.basic.red.label { - background: transparent; - border-color: var(--color-red); - color: var(--color-red) -} - -.ui.basic.labels .brown.label,.ui.ui.ui.basic.brown.label { - background: transparent; - border-color: var(--color-brown); - color: var(--color-brown) -} - -.ui.basic.labels .yellow.label,.ui.ui.ui.basic.yellow.label { - background: transparent; - border-color: var(--color-yellow); - color: var(--color-yellow) -} - -.ui.basic.labels .grey.label,.ui.ui.ui.basic.grey.label { - background: transparent; - border-color: var(--color-grey); - color: var(--color-grey) -} - -.ui.basic.labels .black.label,.ui.ui.ui.basic.black.label { - background: transparent; - border-color: var(--color-black); - color: var(--color-black) -} - -.ui.basic.labels .label,.ui.basic.label { - background: var(--color-button); - border-color: var(--color-light-border); - color: var(--color-text-light) -} - -.ui.basic.labels a.label:hover,a.ui.basic.label:hover { - color: var(--color-text); - border-color: var(--color-light-border); - background: var(--color-hover) -} - -.ui.label>img { - width: auto!important; - vertical-align: middle; - height: 2.1666em!important -} - -.migrate .svg.gitea-git { - color: var(--color-git) -} - -.color-icon { - display: inline-block; - border-radius: 100%; - height: 14px; - width: 14px -} - -.ui.label>.color-icon { - margin-left: 0 -} - -.invisible { - visibility: hidden -} - -.ui.segment,.ui.segments,.ui.attached.segment { - background: var(--color-box-body); - color: var(--color-text); - border-color: var(--color-secondary) -} - -.ui.segments>.segment { - border-color: var(--color-secondary) -} - -.ui.secondary.segment { - background: var(--color-secondary-bg); - color: var(--color-text-light) -} - -.ui.attached.header { - position: relative; - background: var(--color-box-header); - border-color: var(--color-secondary) -} - -.ui.attached.header .right .button { - padding: 8px 10px; - font-weight: var(--font-weight-normal) -} - -.ui.attached.header .right .button:has(.dropdown.icon) { - padding-top: 7px; - padding-bottom: 7px -} - -.ui.attached.header .right:not(.dropdown) { - position: absolute; - right: .78571429rem; - top: 0; - bottom: 0; - display: flex; - align-items: center -} - -.ui.segments+.ui.top.attached.header,.ui.attached.segment+.ui.top.attached.header { - margin-top: 1rem -} - -.rss-icon { - display: inline-flex; - color: var(--color-text-light-1) -} - -table th[data-sortt-asc]:hover,table th[data-sortt-desc]:hover { - background: rgba(0,0,0,.1)!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.dropdown .menu>.divider { - border-top: 1px solid var(--color-secondary); - margin: 4px 0 -} - -.ui.multiple.dropdown>.label { - box-shadow: 0 0 0 1px var(--color-secondary) inset -} - -.text-label { - display: inline-flex!important; - align-items: center!important -} - -.emoji,.reaction { - font-size: 1.25em; - line-height: 1; - 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 -} - -.minicolors-panel { - background: var(--color-secondary-dark-1)!important -} - -.ui.sub.header { - text-transform: none -} - -.ui.tabular.menu { - border-color: var(--color-secondary) -} - -.ui.tabular.menu .item { - padding: 11px 12px; - color: var(--color-text-light-2) -} - -.ui.tabular.menu .item:hover { - color: var(--color-text) -} - -.ui.tabular.menu .active.item,.ui.tabular.menu .active.item:hover { - background: var(--color-body); - border-color: var(--color-secondary); - color: var(--color-text); - margin-top: 1px -} - -.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.secondary.pointing.menu .item { - color: var(--color-text-light-2) -} - -.ui.secondary.pointing.menu .active.item,.ui.secondary.pointing.menu .active.item:hover,.ui.secondary.pointing.menu .dropdown.item:hover,.ui.secondary.pointing.menu a.item:hover { - color: var(--color-text-dark) -} - -.ui.header { - color: var(--color-text) -} - -.ui.header .ui.label { - margin-left: .25rem -} - -.ui.header>.ui.label.compact { - margin-top: inherit -} - -.ui.header .sub.header { - color: var(--color-text-light-1) -} - -.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: 2em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - margin-top: -.5em; - margin-bottom: -.5em -} - -.precolors { - padding-left: 0!important; - padding-right: 0!important; - margin: 3px 10px auto!important; - width: 120px!important -} - -.precolors .color { - float: left; - width: 15px; - height: 15px -} - -.ui.dropdown { - line-height: 1em -} - -.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 -} - -.ui.ui.button,.ui.ui.dropdown,.flex-items-inline>.item,.flex-text-inline { - display: inline-flex; - align-items: center; - flex-wrap: wrap; - gap: .25rem; - vertical-align: middle -} - -.ui.ui.button { - justify-content: center -} - -.ui.dropdown .ui.label .svg { - vertical-align: middle -} - -.ui.ui.labeled.button { - gap: 0; - align-items: stretch -} - -.ui.ui.icon.input .icon { - display: flex; - align-items: center; - justify-content: center -} - -.flex-items-block>.item,.flex-text-block { - display: flex; - align-items: center; - flex-wrap: wrap; - gap: .25rem -} - -.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-green); - 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-green) -} - -.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: 30%; - padding-left: 5px; - width: auto -} - -.page-content.install form.ui.form input { - width: 60% -} - -.page-content.install form.ui.form details.optional.field[open] { - border-bottom: 1px dashed var(--color-secondary); - 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 -} - -.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,.ui.checkbox label:before,.ui.checkbox input:checked~label:before,.ui.checkbox input:not([type="radio"]):indeterminate~label:before { - background: var(--color-input-background); - border-color: var(--color-input-border); - color: var(--color-input-text) -} - -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,.ui.checkbox label:hover:before,.ui.checkbox label:active:before,.ui.radio.checkbox label:after,.ui.radio.checkbox input:focus~label:before,.ui.radio.checkbox input:checked~label:before { - 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,.ui.checkbox input:focus~label:before,.ui.checkbox input:not([type="radio"]):indeterminate:focus~label:before,.ui.checkbox input:checked:focus~label:before,.ui.radio.checkbox input:focus:checked~label:before { - 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,.ui.checkbox label,.ui.checkbox+label,.ui.checkbox label:hover,.ui.checkbox+label:hover,.ui.checkbox input:focus~label,.ui.checkbox input:active~label { - 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 .required.fields:not(.grouped)>.field>.checkbox:after,.ui.form .required.field>.checkbox:after,.ui.form label.required:after { - color: var(--color-red) -} - -.ui.input,.ui.checkbox input:focus~label:after,.ui.checkbox input:checked~label:after,.ui.checkbox label:active:after,.ui.checkbox input:not([type="radio"]):indeterminate~label:after,.ui.checkbox input:not([type="radio"]):indeterminate:focus~label:after,.ui.checkbox input:checked:focus~label:after,.ui.disabled.checkbox label,.ui.checkbox input[disabled]~label { - color: var(--color-input-text) -} - -.ui.radio.checkbox input:focus~label:after,.ui.radio.checkbox input:checked~label:after,.ui.radio.checkbox input:focus:checked~label:after { - background: var(--color-input-text) -} - -.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.form select { - padding: .67857143em 1em -} - -.form .help { - color: var(--color-secondary-dark-5); - padding-bottom: .6em; - 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: 5px!important; - width: 302px!important; - height: 76px!important - } -} - -@media (max-height: 575px) { - #rc-imageselect,.g-recaptcha-style,.h-captcha-style { - transform:scale(.77); - transform-origin: 0 0 - } -} - -.user.activate form,.user.forgot.password form,.user.reset.password form,.user.link-account form,.user.signin 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,.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,.user.activate form .inline.field.captcha-field>span,.user.forgot.password form .inline.field.captcha-field>span,.user.reset.password form .inline.field.captcha-field>span,.user.link-account form .inline.field.captcha-field>span,.user.signin form .inline.field.captcha-field>span,.user.signup form .inline.field.captcha-field>span { - 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 - } - - .user.activate form .inline.field>input,.user.forgot.password form .inline.field>input,.user.reset.password form .inline.field>input,.user.link-account form .inline.field>input,.user.signin form .inline.field>input,.user.signup form .inline.field>input,.user.activate form .inline.field>textarea,.user.forgot.password form .inline.field>textarea,.user.reset.password form .inline.field>textarea,.user.link-account form .inline.field>textarea,.user.signin form .inline.field>textarea,.user.signup form .inline.field>textarea,.oauth-login-link { - width: 50% - } -} - -@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,.user.activate form input,.user.forgot.password form input,.user.reset.password form input,.user.link-account form input,.user.signin form input,.user.signup form input,.oauth-login-link { - 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,.repository.new.repo form .inline.field.captcha-field>span,.repository.new.migrate form .inline.field.captcha-field>span,.repository.new.fork form .inline.field.captcha-field>span { - 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 input,.repository.new.migrate form input,.repository.new.fork form 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 { - 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,.repository .repository-summary .segment.language-stats { - -webkit-touch-callout: none; - -webkit-user-select: none; - user-select: none -} - -.repository .repo-header .ui.compact.menu { - margin-left: 1rem -} - -.repository .repo-header .ui.header { - margin-top: 0 -} - -.repository .repo-header .fork-flag { - font-size: 12px; - margin-top: 2px -} - -.repository .tabs .navbar { - justify-content: initial -} - -.repository .navbar { - display: flex; - justify-content: space-between -} - -.repository .navbar .ui.label { - margin-left: 7px; - padding: 3px 5px -} - -.repository .owner.dropdown { - min-width: 40%!important -} - -.repository .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 -} - -@media (max-width: 767.98px) { - .issue-content-left,.issue-content-right { - width:100% - } -} - -.projects-header { - margin-bottom: 1rem; - flex-direction: column; - gap: 8px -} - -.projects-toolbar { - display: flex; - justify-content: space-between; - padding-left: 4px -} - -.repository .issue-content-right .menu { - overflow-x: auto; - max-height: 500px -} - -.repository .issue-content-right .ui.list .dependency { - padding: 0; - white-space: nowrap -} - -.repository .issue-content-right .ui.list .title { - max-width: 200px; - overflow: hidden; - text-overflow: ellipsis -} - -@media (max-width: 1200px) { - .repository .issue-content-right .ui.list .title { - max-width:150px - } -} - -@media (max-width: 1000px) { - .repository .issue-content-right .ui.list .title { - max-width:100px - } -} - -.repository .issue-content-right #deadlineForm input { - width: 12.8rem; - border-radius: 4px 0 0 4px; - border-right: 0; - white-space: nowrap -} - -.repository .header-wrapper { - background-color: var(--color-header-wrapper) -} - -.repository .header-wrapper .ui.tabs.divider { - border-bottom: 0 -} - -.repository .header-wrapper .ui.tabular .svg { - margin-right: 5px -} - -.repository .filter.menu.labels .label-filter .menu .info { - display: inline-block; - padding: .5rem .25rem; - font-size: 12px; - width: 100%; - white-space: nowrap; - text-align: center -} - -.repository .filter.menu.labels .label-filter .menu .info code { - border: 1px solid var(--color-secondary); - border-radius: 3px; - 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 { - 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 (min-width: 768px) and (max-width: 991.98px) { - .repository #clone-panel #repo-clone-url { - width:200px - } -} - -@media (max-width: 767.98px) { - .repository #clone-panel #repo-clone-url { - width:200px - } -} - -.repository #clone-panel #repo-clone-https,.repository #clone-panel #repo-clone-ssh { - border-right: none -} - -.repository #clone-panel #more-btn { - border-left: none -} - -.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 -} - -@media (max-width: 767.68px) { - .repository.file.list .repo-description { - flex-direction:column; - gap: 8px; - align-items: normal - } -} - -.repository.file.list #repo-desc { - font-size: 1.2em -} - -.repository.file.list .repo-path { - word-break: break-word -} - -.repository.file.list #repo-files-table { - table-layout: fixed -} - -.repository.file.list #repo-files-table thead th { - padding-top: 8px; - padding-bottom: 5px; - font-weight: var(--font-weight-normal) -} - -.repository.file.list #repo-files-table thead .ui.avatar { - margin-bottom: 5px -} - -.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 { - 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 { - width: 120px; - 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: 1; - padding: 10px 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: 600px; - border: none!important; - display: flex; - align-items: center; - justify-content: center -} - -.pdf-content:has(.pdf-fallback-button) { - height: 100px -} - -.repository.file.list .non-diff-file-content .plain-text { - padding: 1em 2em -} - -.repository.file.list .non-diff-file-content .plain-text pre { - word-break: break-word; - white-space: pre-wrap -} - -.repository.file.list .non-diff-file-content .csv { - overflow-x: auto; - padding: 0!important -} - -.repository.file.list .non-diff-file-content pre { - overflow: auto -} - -.repository.file.list .non-diff-file-content .asciicast { - padding: 5px!important -} - -.non-diff-file-content .attached.segment,.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: 3px -} - -.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: 3px; - 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.options .danger .item { - padding: 20px 15px -} - -.repository.options .danger .ui.divider { - margin: 0 -} - -.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.new.issue .comment.form .issue-content-right .filter.menu { - max-height: 500px; - overflow-x: auto -} - -.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 -} - -.repository.view.issue .issue-title-buttons,.repository.view.issue .edit-buttons { - display: flex -} - -@media (max-width: 767.98px) { - .repository.view.issue .issue-title { - flex-direction:column - } - - .repository.view.issue .issue-title-buttons,.repository.view.issue .edit-buttons { - width: 100%; - justify-content: space-between - } - - .repository.view.issue .edit-buttons { - margin-top: .5rem - } - - .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 { - display: flex; - align-items: center; - margin-bottom: 8px -} - -.repository.view.issue .issue-title h1 { - display: flex; - align-items: center; - flex: 1; - width: 100%; - font-weight: var(--font-weight-normal); - font-size: 32px; - line-height: 40px; - margin: 0; - padding-right: .25rem; - min-height: 41px -} - -.repository.view.issue .issue-title h1 .ui.input { - font-size: .5em -} - -.repository.view.issue .issue-title h1 .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 -} - -.repository.view.issue .issue-title .edit-zone { - margin-top: 10px -} - -.issue-state-label { - display: flex!important; - align-items: center!important; - font-size: 14px!important; - padding: 7px 10px!important; - border-radius: 6px!important -} - -.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.tabular.menu { - margin-bottom: 1rem -} - -.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: 50%; - 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 -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit { - line-height: 34px; - clear: both -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit>img.avatar,.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit>.avatar img { - position: relative; - top: -2px -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label { - margin: 0; - border: 1px solid var(--color-light-border) -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isWarning { - border: 1px solid var(--color-red-badge); - background: var(--color-red-badge-bg) -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isWarning .shortsha { - display: inline-block; - padding-top: 1px -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isWarning:hover { - background: var(--color-red-badge-hover-bg)!important -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerified { - border: 1px solid var(--color-green-badge); - background: var(--color-green-badge-bg) -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerified .shortsha { - display: inline-block; - padding-top: 1px -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerified:hover { - background: var(--color-green-badge-hover-bg)!important -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUntrusted { - border: 1px solid var(--color-yellow-badge); - background: var(--color-yellow-badge-bg) -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUntrusted .shortsha { - display: inline-block; - padding-top: 1px -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUntrusted:hover { - background: var(--color-yellow-badge-hover-bg)!important -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUnmatched { - border: 1px solid var(--color-orange-badge); - background: var(--color-orange-badge-bg) -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUnmatched .shortsha { - display: inline-block; - padding-top: 1px -} - -.repository.view.issue .comment-list .timeline-item.commits-list .singular-commit .shabox .sha.label.isSigned.isVerifiedUnmatched:hover { - background: var(--color-orange-badge-hover-bg)!important -} - -.repository.view.issue .comment-list .timeline-item.event>.commit-status-link { - float: right; - margin-right: 8px; - margin-top: 4px -} - -.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; - align-items: center; - justify-content: space-between; - padding: 0; - margin-top: -.25rem; - margin-bottom: -.25rem -} - -@media (max-width: 767.98px) { - .repository.view.issue .comment-list .comment .merge-section .item-section { - align-items:flex-start; - flex-direction: column - } -} - -.repository.view.issue .comment-list .comment .merge-section .divider { - margin-left: -1rem; - margin-right: -1rem -} - -.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: 4px; - 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 -} - -.collapsible-comment-box:has(.gt-hidden) { - border-radius: var(--border-radius)!important -} - -.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: 14px -} - -.repository.view.issue .comment-list .event .detail .svg { - margin-right: 2px -} - -.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.branch .svg { - margin-right: 10px -} - -.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 .filter.dropdown .menu { - margin-top: 1px!important -} - -.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 td.message { - text-overflow: unset -} - -.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 #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 #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 #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 #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 #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 #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 #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 .shortsha,.repository #repo-files-table .sha.label.isSigned.isWarning .shortsha,.repository #rev-list .sha.label.isSigned.isWarning .shortsha,.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isWarning .shortsha { - display: inline-block; - padding-top: 1px -} - -.repository #commits-table td.sha .sha.label.isSigned.isWarning .detail.icon,.repository #repo-files-table .sha.label.isSigned.isWarning .detail.icon,.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 #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 #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 .shortsha,.repository #repo-files-table .sha.label.isSigned.isVerified .shortsha,.repository #rev-list .sha.label.isSigned.isVerified .shortsha,.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .shortsha { - display: inline-block; - padding-top: 1px -} - -.repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon,.repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon,.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 #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 #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 .shortsha,.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted .shortsha,.repository #rev-list .sha.label.isSigned.isVerifiedUntrusted .shortsha,.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUntrusted .shortsha { - display: inline-block; - padding-top: 1px -} - -.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUntrusted .detail.icon,.repository #repo-files-table .sha.label.isSigned.isVerifiedUntrusted .detail.icon,.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 #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 #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 .shortsha,.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched .shortsha,.repository #rev-list .sha.label.isSigned.isVerifiedUnmatched .shortsha,.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerifiedUnmatched .shortsha { - display: inline-block; - padding-top: 1px -} - -.repository #commits-table td.sha .sha.label.isSigned.isVerifiedUnmatched .detail.icon,.repository #repo-files-table .sha.label.isSigned.isVerifiedUnmatched .detail.icon,.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 #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 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-secondary-dark-2); - white-space: nowrap; - vertical-align: top; - cursor: pointer; - text-align: right; - background: var(--color-body); - border: 0 -} - -.repository .diff-detail-box { - padding: 7px 0; - background: var(--color-body) -} - -@media (max-width: 991.98px) { - .repository .diff-detail-box { - flex-direction:column; - align-items: flex-start - } -} - -@media (max-width: 480px) { - .repository .diff-detail-box { - flex-wrap:wrap - } -} - -.repository .diff-detail-box.sticky { - position: sticky; - top: 0; - z-index: 8; - border-bottom: none; - padding-left: 5px; - padding-right: 5px; - margin-left: -4px; - margin-right: -4px -} - -.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: 480px) { - .repository .diff-detail-box .diff-detail-stats { - font-size:0; - line-height: 1.6rem - } - - .repository .diff-detail-box .diff-detail-stats strong { - font-size: 1rem - } -} - -.diff-detail-actions { - height: 33px -} - -.diff-detail-actions>*,.diff-detail-actions .button { - margin-left: 0!important; - margin-right: 0!important -} - -@media (max-width: 480px) { - .repository .diff-detail-box .diff-detail-actions { - padding-top:.25rem - } - - .repository .diff-detail-box .diff-detail-actions .ui.button:not(.btn-submit) { - padding-left: .5rem; - padding-right: .5rem; - display: flex; - flex-wrap: wrap; - justify-content: center; - text-align: center - } -} - -.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 12px; - 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: 8px 12px; - flex: 0 0 auto; - margin-right: 0 -} - -.repository .diff-box .header:not(.resolved-placeholder) .button:has(svg) { - padding-top: 6px; - padding-bottom: 6px -} - -.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; - color: var(--color-text-light); - 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 -} - -@media (max-width: 991.98px) { - .diff-file-box { - scroll-margin-top:77px - } -} - -.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 .clone.button:first-child { - border-radius: var(--border-radius) 0 0 var(--border-radius) -} - -.repository.quickstart .guide #repo-clone-url { - border-radius: 0; - padding: 5px 10px; - font-size: 1.2em; - line-height: 1.4; - flex: 1 -} - -.repository.packages .empty { - padding-top: 70px; - padding-bottom: 100px -} - -.repository.packages .empty .svg { - height: 48px -} - -.repository.packages .file-size { - white-space: nowrap -} - -.file-view.markup { - padding: 1em 2em -} - -.repository .activity-header { - display: flex; - justify-content: space-between; - gap: 8px; - flex-wrap: wrap -} - -.repository.settings.collaboration .collaborator.list { - padding: 0 -} - -.repository.settings.collaboration .collaborator.list>.item { - margin: 0; - line-height: 2em -} - -.repository.settings.collaboration #repo-collab-form #search-user-box .results { - left: 7px -} - -.repository.settings.collaboration #repo-collab-form .ui.button { - margin-left: 5px; - margin-top: -3px -} - -.repository.settings.collaboration #repo-collab-team-form #search-team-box .results { - left: 7px -} - -.repository.settings.collaboration #repo-collab-team-form .ui.button { - margin-left: 5px; - margin-top: -3px -} - -.repository.settings.branches .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 .ui.segment.sub-menu { - padding: 7px; - line-height: 0 -} - -.repository .ui.segment.sub-menu .list { - width: 100%; - display: flex; - align-items: stretch -} - -.repository .ui.segment.sub-menu .list .item { - width: 100%; - color: var(--color-text); - display: flex; - align-items: center; - justify-content: center -} - -.repository .ui.segment.sub-menu .list .item:first-of-type { - border-radius: var(--border-radius) 0 0 var(--border-radius); - padding-left: .25rem -} - -.repository .ui.segment.sub-menu .list .item:last-of-type { - border-radius: 0 var(--border-radius) var(--border-radius) 0; - padding-right: .25rem -} - -.repository .ui.segment.sub-menu .list .item a { - color: var(--color-text) -} - -.repository .ui.segment.sub-menu .list .item a:hover { - color: var(--color-primary-light-2) -} - -.repository .ui.segment.sub-menu .list .item.active { - background: var(--color-secondary) -} - -.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: 6px; - 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!important -} - -.repository .repository-summary .segment.language-stats-details,.repository .repository-summary .segment.repository-summary { - border-top: none; - background: none -} - -.repository .repository-summary .segment.language-stats-details .item { - white-space: nowrap -} - -.repository .repository-summary .segment.language-stats { - padding: 0; - height: 11px; - display: flex; - white-space: nowrap; - width: 100%; - border-radius: 0 -} - -@media (max-width: 767.98px) { - .repository .repository-summary .segment.language-stats { - display:none - } -} - -.repository .repository-summary .segment.language-stats .bar { - white-space: nowrap; - border: 0; - padding: 0; - margin: 0; - height: 100% -} - -.repository .repository-menu { - padding: 0!important -} - -.repository .repository-menu .item { - padding-top: 9px!important; - padding-bottom: 9px!important -} - -#cite-repo-modal #citation-panel { - width: 500px -} - -@media (max-width: 767.98px) { - #cite-repo-modal #citation-panel { - 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.button { - font-size: 13px; - padding: 7.5px 5px -} - -#cite-repo-modal #citation-panel #citation-copy-content { - border-radius: 0; - padding: 5px 10px; - font-size: 1.2em; - line-height: 1.4 -} - -#cite-repo-modal #citation-panel #citation-copy-apa,#cite-repo-modal #citation-panel #citation-copy-bibtex { - 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 -} - -.user-cards .list .item { - list-style: none; - width: 32%; - margin: 10px 10px 10px 0; - padding-bottom: 14px; - float: left -} - -.user-cards .list .item .avatar { - width: 48px; - height: 48px; - float: left; - display: block; - margin-right: 10px -} - -.user-cards .list .item .name { - margin-top: 0; - margin-bottom: 0; - font-weight: var(--font-weight-normal) -} - -.user-cards .list .item .meta { - margin-top: 5px -} - -#search-repo-box .results .result img,#search-user-box .results .result img { - float: left; - margin-right: 8px; - width: 2em; - height: 2em -} - -#search-repo-box .results .result .content,#search-user-box .results .result .content,#search-team-box .results .result .content { - margin: 6px 0 -} - -.ui.menu .item>img:not(.ui) { - width: auto -} - -.page.buttons { - padding-top: 15px -} - -.commit-header-row { - min-height: 50px!important; - padding-top: 0!important; - padding-bottom: 0!important -} - -.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 -} - -.settings .list.key .meta { - padding-top: 5px; - color: var(--color-text-light-2) -} - -.settings .list.collaborator>.item { - padding: 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: 41px; - 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 -} - -.comment-body .markup { - border-radius: 0 0 var(--border-radius) var(--border-radius) -} - -.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 -} - -.edit-label.modal .form .color.picker.column,.new-label.modal .form .color.picker.column { - display: flex -} - -.edit-label.modal .form .color.picker.column .minicolors,.new-label.modal .form .color.picker.column .minicolors { - flex: 1 -} - -.edit-label.modal .form .minicolors-swatch.minicolors-sprite,.new-label.modal .form .minicolors-swatch.minicolors-sprite { - top: 10px; - left: 10px; - width: 15px; - height: 15px -} - -.tab-size-1 { - tab-size: 1!important; - -moz-tab-size: 1!important -} - -.tab-size-2 { - tab-size: 2!important; - -moz-tab-size: 2!important -} - -.tab-size-3 { - tab-size: 3!important; - -moz-tab-size: 3!important -} - -.tab-size-4 { - tab-size: 4!important; - -moz-tab-size: 4!important -} - -.tab-size-5 { - tab-size: 5!important; - -moz-tab-size: 5!important -} - -.tab-size-6 { - tab-size: 6!important; - -moz-tab-size: 6!important -} - -.tab-size-7 { - tab-size: 7!important; - -moz-tab-size: 7!important -} - -.tab-size-8 { - tab-size: 8!important; - -moz-tab-size: 8!important -} - -.tab-size-9 { - tab-size: 9!important; - -moz-tab-size: 9!important -} - -.tab-size-10 { - tab-size: 10!important; - -moz-tab-size: 10!important -} - -.tab-size-11 { - tab-size: 11!important; - -moz-tab-size: 11!important -} - -.tab-size-12 { - tab-size: 12!important; - -moz-tab-size: 12!important -} - -.tab-size-13 { - tab-size: 13!important; - -moz-tab-size: 13!important -} - -.tab-size-14 { - tab-size: 14!important; - -moz-tab-size: 14!important -} - -.tab-size-15 { - tab-size: 15!important; - -moz-tab-size: 15!important -} - -.tab-size-16 { - tab-size: 16!important; - -moz-tab-size: 16!important -} - -.stats-table { - display: table; - width: 100% -} - -.stats-table .table-cell { - display: table-cell -} - -.stats-table .table-cell.tiny { - height: .5em -} - -.labels-list .label { - margin: 2px 0; - display: inline-flex!important; - line-height: 1.3em -} - -.scope-parent { - background: none!important; - padding: 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 -} - -.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: calc(100% - 50px); - display: inline-block; - vertical-align: middle -} - -.author-wrapper { - max-width: 180px -} - -.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% - } - - th .message-wrapper { - display: block; - max-width: calc(100vw - 70px) - } - - .author-wrapper { - max-width: 80px - } -} - -@media (min-width: 768px) and (max-width: 991.98px) { - tr.commit-list { - width:723px - } - - th .message-wrapper { - max-width: 120px - } -} - -@media (min-width: 992px) and (max-width: 1200px) { - tr.commit-list { - width:933px - } - - th .message-wrapper { - max-width: 350px - } -} - -@media (min-width: 1201px) { - tr.commit-list { - width:1127px - } - - th .message-wrapper { - max-width: 525px - } -} - -.commit-list .commit-status-link { - display: inline-block; - vertical-align: middle -} - -.commit-body { - white-space: pre-wrap; - line-height: initial -} - -.repository:not(.diff) .commit-body { - margin: 0 -} - -.repository:not(.diff) .timeline-item .commit-body { - margin-left: 40px -} - -.git-notes.top { - text-align: left -} - -.comment-diff-data { - background: var(--color-code-bg); - max-height: calc(100vh - 10.5rem); - overflow-y: auto -} - -.comment-diff-data pre { - line-height: 18px; - 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: 2px -} - -#new-dependency-drop-list.ui.selection.dropdown { - min-width: 0; - width: 100%; - border-radius: 4px 0 0 4px; - border-right: 0; - white-space: nowrap -} - -#new-dependency-drop-list .text { - width: 100%; - overflow: hidden -} - -.repo-header { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; - word-break: break-word -} - -@media (max-width: 767.98px) { - .repo-header+.container { - margin-top:7px - } -} - -.repo-buttons { - align-items: center; - display: flex; - flex-direction: row; - flex-wrap: wrap; - word-break: keep-all; - gap: .25em -} - -@media (max-width: 767.98px) { - .repo-buttons { - margin-top:1em - } -} - -.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 -} - -@media (max-width: 767.98px) { - .repo-buttons .ui.labeled.button .svg { - display:none - } -} - -.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% -} - -#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 -} - -.diff-toggle-file-tree-button { - background: none; - border: none; - user-select: none; - color: inherit -} - -.diff-toggle-file-tree-button:hover { - color: var(--color-primary) -} - -@media (max-width: 991.98px) { - #diff-file-tree,.diff-toggle-file-tree-button { - display:none!important - } -} - -.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: 3px; - 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: 47px; - z-index: 7 -} - -@media (max-width: 991.98px) { - .ui.attached.header.diff-file-header.sticky-2nd-row { - top:77px - } -} - -@media (max-width: 480px) { - .ui.attached.header.diff-file-header.sticky-2nd-row { - position:static - } -} - -.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: 40px -} - -.diff-stats-bar .diff-stats-add-bar { - background-color: var(--color-green); - height: 100% -} - -.repository-summary-language-stats { - height: 48px; - overflow: hidden -} - -@media (max-width: 767.98px) { - .repository-summary-language-stats { - height:auto - } -} - -.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) -} - -.repository .ui.menu.new-menu { - background: none!important -} - -@media (max-width: 1200px) { - .repository .ui.menu.new-menu:after { - background:none!important - } -} - -.repository.migrate .card { - transition: all .1s ease-in-out; - box-shadow: none!important; - border: 1px solid var(--color-secondary); - color: var(--color-text) -} - -.repository.migrate .card:hover { - transform: scale(105%); - box-shadow: 0 .5rem 1rem var(--color-shadow)!important -} - -.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 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,.commit-table .commit-list .copy-commit-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 - } -} - -.pr-status { - padding: 0!important; - display: flex; - align-items: center -} - -.pr-status .commit-status { - margin: 1em; - flex-shrink: 0 -} - -.pr-status .status-context { - display: flex; - justify-content: space-between; - width: 100% -} - -.pr-status .status-context>span { - padding: 1em 0 -} - -.pr-status .status-details { - display: flex; - padding-right: .5em; - align-items: center; - justify-content: flex-end -} - -@media (max-width: 767.98px) { - .pr-status .status-details { - flex-direction:column; - align-items: flex-end; - justify-content: center - } -} - -.pr-status .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) - } -} - -.pinned-issue-card { - border-radius: var(--border-radius); - padding: 8px 10px; - border: 1px solid var(--color-secondary); - background: var(--color-card) -} - -.pinned-issue-icon,.pinned-issue-unpin { - margin-top: 1px; - flex-shrink: 0 -} - -.pinned-issue-title { - flex: 1; - font-size: 18px; - margin-left: 4px -} - -.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); - margin-top: -4px; - margin-bottom: 0 -} - -.repository.releases #release-list>li { - list-style: none -} - -.repository.releases #release-list>li .meta,.repository.releases #release-list>li .detail { - padding-top: 30px; - padding-bottom: 40px -} - -.repository.releases #release-list>li .meta { - margin-top: 4px; - text-align: right; - position: relative -} - -.repository.releases #release-list>li .detail { - border-left: 1px solid var(--color-secondary) -} - -.repository.releases #release-list>li .detail .author img { - margin-bottom: 3px -} - -.repository.releases #release-list>li .detail .download>a .svg { - margin-left: 5px; - margin-right: 5px -} - -.repository.releases #release-list>li .detail .download .list { - padding-left: 0 -} - -.repository.releases #release-list>li .detail .download .list li { - list-style: none; - display: block; - padding: 8px; - border: 1px solid var(--color-secondary); - background: var(--color-light) -} - -.repository.releases #release-list>li .detail .download .list li a>.text.right { - margin-right: 5px -} - -.repository.releases #release-list>li .detail .download .list li+li { - border-top: 0 -} - -.repository.releases #release-list>li .detail .download .list li:first-of-type { - border-radius: var(--border-radius) 0 0 var(--border-radius) -} - -.repository.releases #release-list>li .detail .download .list li:last-of-type { - border-radius: 0 var(--border-radius) var(--border-radius) 0 -} - -.repository.releases #release-list>li .detail .dot { - width: 10px; - height: 10px; - background-color: var(--color-secondary-dark-3); - z-index: 9; - position: absolute; - display: block; - left: -5.5px; - top: 40px; - border-radius: 100%; - 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 .wrap_remove { - height: 38px -} - -.repository.new.release .field .attachment_edit { - width: 450px!important -} - -.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 { - width: 33% -} - -.issue-label-list .item .label-operation { - width: 33%; - text-align: right -} - -.issue-label-list .item a { - font-size: 12px; - padding-right: 10px; - color: var(--color-text-light) -} - -.issue-label-list .item.org-label { - opacity: .7 -} - -.issue-list-toolbar { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: flex-start; - gap: 1rem; - margin-top: 1rem -} - -.issue-list-toolbar-left { - display: flex -} - -.issue-list-toolbar-right .filter.menu { - flex-direction: row; - flex-wrap: wrap; - gap: 8px -} - -@media (max-width: 767.98px) { - .issue-list-toolbar { - flex-direction:column-reverse - } - - .issue-list-toolbar-right .dropdown .menu { - left: auto!important; - right: auto!important - } - - .issue-list-navbar { - order: 0 - } - - .issue-list-new { - order: 1; - margin-left: auto!important - } - - .issue-list-search { - order: 2!important - } -} - -.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 { - color: var(--color-text-dark)!important -} - -.code-line-menu { - width: auto!important; - border: none!important -} - -.code-line-button { - background-color: var(--color-menu); - color: var(--color-text-light); - border: 1px solid var(--color-secondary); - border-radius: var(--border-radius); - padding: 1px 10px; - position: absolute; - font-family: var(--fonts-regular); - left: 0; - transform: translate(-50%); - cursor: pointer -} - -.code-line-button:hover { - color: var(--color-primary) -} - -.repository.wiki .wiki-pages-list .wiki-git-entry { - margin-left: 10px; - display: none -} - -.repository.wiki .wiki-pages-list td:hover .wiki-git-entry { - display: inline-block -} - -.repository.wiki .markup { - overflow: visible -} - -.repository.wiki .wiki-content-parts .markup { - border: 1px solid var(--color-secondary); - 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.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) -} - -.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%; - min-height: 200px; - max-height: calc(100vh - 200px); - resize: vertical -} - -.combo-markdown-editor .CodeMirror-scroll { - max-height: calc(100vh - 200px) -} - -.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: 5px; - border: 1px solid var(--color-secondary); - box-shadow: 0 .5rem 1rem var(--color-shadow) -} - -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: 4px 4px 0 0 -} - -text-expander .suggestions li:last-child { - border-radius: 0 0 4px 4px -} - -text-expander .suggestions li:only-child { - border-radius: 4px -} - -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,#create-page-form form .inline.field.captcha-field>span { - 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,.organization.new.org form .inline.field.captcha-field>span { - 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 -} - -.organization.options input { - min-width: 300px -} - -.organization.profile .org-avatar { - width: 100px; - height: 100px; - margin-right: 15px -} - -.organization.profile #org-info { - overflow-wrap: anywhere; - flex: 1 -} - -.organization.profile #org-info .ui.header { - display: flex; - align-items: center; - font-size: 36px; - margin-bottom: 0 -} - -.organization.profile #org-info .desc { - font-size: 16px; - margin-bottom: 10px -} - -.organization.profile #org-info .meta .item { - display: inline-block; - margin-right: 10px -} - -.organization.profile #org-info .meta .item .icon { - margin-right: 5px -} - -.organization.profile .ui.top.header .ui.right { - margin-top: 0 -} - -.organization.profile .teams .item { - padding: 10px 15px -} - -.organization.teams .members .ui.avatar,.organization.profile .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.members .list .item { - margin-left: 0; - margin-right: 0; - border-bottom: 1px solid var(--color-secondary) -} - -.organization.members .list .item .ui.avatar { - width: 48px; - height: 48px; - margin-right: 1rem; - align-self: flex-start -} - -.organization.members .list .item .meta { - line-height: 24px; - word-break: break-word; - min-width: 2em -} - -.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 -} - -.organization.teams #add-repo-form input,.organization.teams #repo-multiple-form input,.organization.teams #add-member-form input { - margin-left: 0 -} - -.organization.teams #add-repo-form .ui.button,.organization.teams #repo-multiple-form .ui.button,.organization.teams #add-member-form .ui.button { - margin-left: 5px; - margin-top: -3px -} - -.organization.teams #repo-top-segment { - height: 60px -} - -@media (max-width: 767.98px) { - .organization.teams #repo-top-segment { - height:100px - } -} - -.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; - list-style: none -} - -.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 { - 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 - } -} - -@media (max-width: 767.98px) { - .user.profile .ui.card { - width:100% - } -} - -.user.profile .ui.repository.list { - margin-top: 25px -} - -.user.profile .ui.repository.list .repo-title .labels { - word-break: normal; - flex-shrink: 0 -} - -.user.profile #loading-heatmap { - margin-bottom: 1em -} - -.user.profile .ui.secondary.stackable.pointing.menu { - flex-wrap: wrap -} - -.user.followers .header.name { - font-size: 20px; - line-height: 24px; - vertical-align: middle -} - -.user.followers .follow .ui.button { - padding: 8px 15px -} - -.user.link-account:not(.icon) { - padding-top: 15px; - padding-bottom: 5px -} - -.user.settings .iconFloat { - float: left -} - -.user-orgs { - display: flex; - flex-flow: row wrap; - padding: 0; - margin: -3px!important -} - -.user-orgs>li { - display: flex; - border-bottom: 0!important; - padding: 3px!important; - width: 20%; - max-width: 60px -} - -.user-badges { - display: grid; - grid-template-columns: repeat(auto-fill,64px); - gap: 2px -} - -.user-badges img { - object-fit: contain -} - -#readme_profile { - padding: 1em 2em; - border-radius: .28571429rem; - background: var(--color-card); - border: 1px solid var(--color-secondary) -} - -#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 -} - -.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 .item .floating.label,.dashboard.issues .filter.menu .item .floating.label { - top: 7px; - left: 90%; - width: 15% -} - -@media (max-width: 767.98px) { - .dashboard.feeds .filter.menu .item .floating.label,.dashboard.issues .filter.menu .item .floating.label { - top:10px; - left: auto; - width: auto; - right: 13px - } -} - -.dashboard.feeds .filter.menu .jump.item,.dashboard.issues .filter.menu .jump.item { - margin: 1px; - padding-right: 0 -} - -.dashboard.feeds .filter.menu .menu,.dashboard.issues .filter.menu .menu { - max-height: 300px; - overflow-x: auto; - right: 0!important; - left: auto!important -} - -@media (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 .dashboard-navbar { - padding-left: .5rem; - padding-right: .5rem -} - -.dashboard .dashboard-navbar .org-visibility .label { - margin-left: 5px -} - -.dashboard .dashboard-navbar .ui.dropdown { - max-width: 100% -} - -@media (max-width: 767.98px) { - .dashboard .dashboard-navbar .ui.dropdown>.menu { - position:static - } -} - -.feeds .news li { - display: flex; - align-items: baseline; - margin-top: .5rem; - margin-bottom: .5rem -} - -.feeds .news li img { - align-self: flex-start -} - -.feeds .news li>*+* { - margin-left: .35rem -} - -.feeds .news>.ui.grid { - margin-left: auto; - margin-right: auto -} - -.feeds .news .left .ui.avatar { - margin-top: 13px -} - -.feeds .news .time-since { - font-size: 13px -} - -.feeds .news .issue.title { - width: 80%; - margin: 0 0 1em -} - -.feeds .news .push.news .content ul { - line-height: 18px; - font-size: 13px; - list-style: none; - padding-left: 10px -} - -.feeds .news .push.news .content ul .text.truncate { - width: 80% -} - -.feeds .news .commit-id { - font-family: var(--fonts-monospace) -} - -.feeds .news code { - padding: 2px 4px; - border-radius: 3px; - background-color: var(--color-markup-code-block); - word-break: break-all -} - -.feeds .news:last-of-type .divider { - display: none!important -} - -.admin-container { - margin-top: 15px; - display: flex!important; - gap: 16px -} - -.admin-nav { - width: 240px -} - -.admin-main { - flex: 1 -} - -@media (max-width: 767.98px) { - .admin-container { - flex-direction:column - } - - .admin-nav { - width: auto - } -} - -.admin.hooks .list>.item:not(:first-child) { - border-top: 1px solid var(--color-secondary); - padding: .25rem 1rem; - margin: 12px -1rem -1rem -} - -.admin.user table.table .email { - max-width: 200px -} - -.admin dl.admin-dl-horizontal { - padding: 1em; - margin: 0; - display: flex; - flex-wrap: wrap -} - -.admin dl.admin-dl-horizontal .ui.divider { - width: 100% -} - -.admin dl.admin-dl-horizontal dt,.admin dl.admin-dl-horizontal dd { - line-height: 1; - 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 -} - -.explore .navbar { - margin-bottom: 15px!important; - background-color: var(--color-header-wrapper)!important; - border-width: 1px!important -} - -.explore .navbar .svg { - width: 16px; - text-align: center; - margin-right: 5px -} - -.ui.repository.list .item { - padding-bottom: 1.5rem -} - -.ui.repository.list .item:not(:first-child) { - border-top: 1px solid var(--color-secondary); - padding-top: 1.5rem -} - -.ui.repository.list .item .ui.header { - font-size: 1.5rem; - margin-bottom: .5rem -} - -.ui.repository.list .item .ui.header .name { - word-break: break-all -} - -.ui.repository.list .item .time { - font-size: 12px -} - -.ui.repository.list .item .ui.tags { - margin-bottom: .5rem -} - -.ui.repository.list .repo-title .labels { - word-break: normal; - flex-shrink: 0 -} - -.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 -} - -.ui.user.list .item { - padding-bottom: 25px; - display: flex -} - -.ui.user.list .item:not(:first-child) { - border-top: 1px solid var(--color-secondary); - padding-top: 25px -} - -.ui.user.list .item img.ui.avatar { - width: 40px; - height: 40px; - margin-right: 10px -} - -.ui.user.list .item .description { - margin-top: 5px -} - -.ui.user.list .item .description .svg:not(:first-child) { - margin-left: 5px -} - -.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 -} - -.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 { - display:flex - } - - .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.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 -} - -.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: .285rem; - 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-basic-info .gt-dib { - margin-right: 1em -} - -.runner-container .runner-status-online { - padding: .3em .5em; - background-color: var(--color-green); - color: var(--color-white) -} - -.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) -} - -.gt-db { - display: block!important -} - -.gt-df { - display: flex!important -} - -.gt-di { - display: inline!important -} - -.gt-dif { - display: inline-flex!important -} - -.gt-dib { - display: inline-block!important -} - -.gt-ac { - align-items: center!important -} - -.gt-jc { - justify-content: center!important -} - -.gt-js { - justify-content: flex-start!important -} - -.gt-je { - justify-content: flex-end!important -} - -.gt-sb { - justify-content: space-between!important -} - -.gt-fc { - flex-direction: column!important -} - -.gt-f1 { - flex: 1!important -} - -.gt-fw { - flex-wrap: wrap!important -} - -.gt-vm { - vertical-align: middle!important -} - -.gt-w-100 { - width: 100%!important -} - -.gt-h-100 { - height: 100%!important -} - -.gt-mono { - font-family: var(--fonts-monospace)!important; - font-size: .95em!important -} - -.gt-word-break { - word-wrap: break-word!important; - word-break: break-word; - overflow-wrap: anywhere -} - -.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 -} - -.gt-max-width-24rem { - max-width: 24rem!important -} - -.gt-break-all { - word-break: break-all!important -} - -.gt-content-center { - align-content: center!important -} - -.gt-cursor-default { - cursor: default!important -} - -.gt-cursor-pointer { - cursor: pointer!important -} - -.gt-invisible { - visibility: hidden!important -} - -.gt-items-start { - align-items: flex-start!important -} - -.gt-pointer-events-none { - pointer-events: none!important -} - -.gt-relative { - position: relative!important -} - -.gt-whitespace-nowrap { - white-space: nowrap!important -} - -.gt-whitespace-pre { - white-space: pre!important -} - -.gt-whitespace-pre-wrap { - white-space: pre-wrap!important -} - -.gt-object-contain { - object-fit: contain!important -} - -.gt-self-center { - align-self: center!important -} - -.gt-self-start { - align-self: flex-start!important -} - -.gt-self-end { - align-self: flex-end!important -} - -.gt-no-underline { - text-decoration-line: none!important -} - -.gt-overflow-x-auto { - overflow-x: auto!important -} - -.gt-overflow-x-scroll { - overflow-x: scroll!important -} - -.gt-overflow-y-hidden { - overflow-y: hidden!important -} - -.gt-w-screen { - width: 100vw!important -} - -.gt-h-screen { - height: 100vh!important -} - -.gt-float-left { - float: left!important -} - -.gt-float-right { - float: right!important -} - -.gt-clear-both { - clear: both!important -} - -.gt-text-center { - text-align: center!important -} - -.gt-text-left { - text-align: left!important -} - -.gt-text-right { - text-align: right!important -} - -.gt-font-light { - font-weight: var(--font-weight-light)!important -} - -.gt-font-normal { - font-weight: var(--font-weight-normal)!important -} - -.gt-font-medium { - font-weight: var(--font-weight-medium)!important -} - -.gt-font-semibold { - font-weight: var(--font-weight-semibold)!important -} - -.gt-font-bold { - font-weight: var(--font-weight-bold)!important -} - -.gt-rounded { - border-radius: var(--border-radius)!important -} - -.gt-rounded-top { - border-radius: var(--border-radius) var(--border-radius) 0 0!important -} - -.gt-rounded-bottom { - border-radius: 0 0 var(--border-radius) var(--border-radius)!important -} - -.gt-rounded-left { - border-radius: var(--border-radius) 0 0 var(--border-radius)!important -} - -.gt-rounded-right { - border-radius: 0 var(--border-radius) var(--border-radius) 0!important -} - -.gt-border-secondary { - border: 1px solid var(--color-secondary)!important -} - -.gt-border-secondary-top { - border-top: 1px solid var(--color-secondary)!important -} - -.gt-border-secondary-bottom { - border-bottom: 1px solid var(--color-secondary)!important -} - -.gt-border-secondary-left { - border-left: 1px solid var(--color-secondary)!important -} - -.gt-border-secondary-right { - border-right: 1px solid var(--color-secondary)!important -} - -.gt-no-transition { - transition: none!important -} - -.gt-bg-red { - background: var(--color-red)!important -} - -.gt-bg-orange { - background: var(--color-orange)!important -} - -.gt-bg-yellow { - background: var(--color-yellow)!important -} - -.gt-bg-olive { - background: var(--color-olive)!important -} - -.gt-bg-green { - background: var(--color-green)!important -} - -.gt-bg-teal { - background: var(--color-teal)!important -} - -.gt-bg-blue { - background: var(--color-blue)!important -} - -.gt-bg-violet { - background: var(--color-violet)!important -} - -.gt-bg-purple { - background: var(--color-purple)!important -} - -.gt-bg-pink { - background: var(--color-pink)!important -} - -.gt-bg-brown { - background: var(--color-brown)!important -} - -.gt-bg-grey { - background: var(--color-grey)!important -} - -.gt-bg-gold { - background: var(--color-gold)!important -} - -.gt-bg-transparent { - background: transparent!important -} - -.gt-text-white { - color: var(--color-white)!important -} - -.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 -} - -.gt-m-0 { - margin: 0!important -} - -.gt-m-1 { - margin: .125rem!important -} - -.gt-m-2 { - margin: .25rem!important -} - -.gt-m-3 { - margin: .5rem!important -} - -.gt-m-4 { - margin: 1rem!important -} - -.gt-m-5 { - margin: 2rem!important -} - -.gt-ml-0 { - margin-left: 0!important -} - -.gt-ml-1 { - margin-left: .125rem!important -} - -.gt-ml-2 { - margin-left: .25rem!important -} - -.gt-ml-3 { - margin-left: .5rem!important -} - -.gt-ml-4 { - margin-left: 1rem!important -} - -.gt-ml-5 { - margin-left: 2rem!important -} - -.gt-mr-0 { - margin-right: 0!important -} - -.gt-mr-1 { - margin-right: .125rem!important -} - -.gt-mr-2 { - margin-right: .25rem!important -} - -.gt-mr-3 { - margin-right: .5rem!important -} - -.gt-mr-4 { - margin-right: 1rem!important -} - -.gt-mr-5 { - margin-right: 2rem!important -} - -.gt-mt-0 { - margin-top: 0!important -} - -.gt-mt-1 { - margin-top: .125rem!important -} - -.gt-mt-2 { - margin-top: .25rem!important -} - -.gt-mt-3 { - margin-top: .5rem!important -} - -.gt-mt-4 { - margin-top: 1rem!important -} - -.gt-mt-5 { - margin-top: 2rem!important -} - -.gt-mb-0 { - margin-bottom: 0!important -} - -.gt-mb-1 { - margin-bottom: .125rem!important -} - -.gt-mb-2 { - margin-bottom: .25rem!important -} - -.gt-mb-3 { - margin-bottom: .5rem!important -} - -.gt-mb-4 { - margin-bottom: 1rem!important -} - -.gt-mb-5 { - margin-bottom: 2rem!important -} - -.gt-mx-0 { - margin-left: 0!important; - margin-right: 0!important -} - -.gt-mx-1 { - margin-left: .125rem!important; - margin-right: .125rem!important -} - -.gt-mx-2 { - margin-left: .25rem!important; - margin-right: .25rem!important -} - -.gt-mx-3 { - margin-left: .5rem!important; - margin-right: .5rem!important -} - -.gt-mx-4 { - margin-left: 1rem!important; - margin-right: 1rem!important -} - -.gt-mx-5 { - margin-left: 2rem!important; - margin-right: 2rem!important -} - -.gt-my-0 { - margin-top: 0!important; - margin-bottom: 0!important -} - -.gt-my-1 { - margin-top: .125rem!important; - margin-bottom: .125rem!important -} - -.gt-my-2 { - margin-top: .25rem!important; - margin-bottom: .25rem!important -} - -.gt-my-3 { - margin-top: .5rem!important; - margin-bottom: .5rem!important -} - -.gt-my-4 { - margin-top: 1rem!important; - margin-bottom: 1rem!important -} - -.gt-my-5 { - margin-top: 2rem!important; - margin-bottom: 2rem!important -} - -.gt-m-auto { - margin: auto!important -} - -.gt-mx-auto { - margin-left: auto!important; - margin-right: auto!important -} - -.gt-my-auto { - margin-top: auto!important; - margin-bottom: auto!important -} - -.gt-mt-auto { - margin-top: auto!important -} - -.gt-mr-auto { - margin-right: auto!important -} - -.gt-mb-auto { - margin-bottom: auto!important -} - -.gt-ml-auto { - margin-left: auto!important -} - -.gt-p-0 { - padding: 0!important -} - -.gt-p-1 { - padding: .125rem!important -} - -.gt-p-2 { - padding: .25rem!important -} - -.gt-p-3 { - padding: .5rem!important -} - -.gt-p-4 { - padding: 1rem!important -} - -.gt-p-5 { - padding: 2rem!important -} - -.gt-pl-0 { - padding-left: 0!important -} - -.gt-pl-1 { - padding-left: .125rem!important -} - -.gt-pl-2 { - padding-left: .25rem!important -} - -.gt-pl-3 { - padding-left: .5rem!important -} - -.gt-pl-4 { - padding-left: 1rem!important -} - -.gt-pl-5 { - padding-left: 2rem!important -} - -.gt-pr-0 { - padding-right: 0!important -} - -.gt-pr-1 { - padding-right: .125rem!important -} - -.gt-pr-2 { - padding-right: .25rem!important -} - -.gt-pr-3 { - padding-right: .5rem!important -} - -.gt-pr-4 { - padding-right: 1rem!important -} - -.gt-pr-5 { - padding-right: 2rem!important -} - -.gt-pt-0 { - padding-top: 0!important -} - -.gt-pt-1 { - padding-top: .125rem!important -} - -.gt-pt-2 { - padding-top: .25rem!important -} - -.gt-pt-3 { - padding-top: .5rem!important -} - -.gt-pt-4 { - padding-top: 1rem!important -} - -.gt-pt-5 { - padding-top: 2rem!important -} - -.gt-pb-0 { - padding-bottom: 0!important -} - -.gt-pb-1 { - padding-bottom: .125rem!important -} - -.gt-pb-2 { - padding-bottom: .25rem!important -} - -.gt-pb-3 { - padding-bottom: .5rem!important -} - -.gt-pb-4 { - padding-bottom: 1rem!important -} - -.gt-pb-5 { - padding-bottom: 2rem!important -} - -.gt-px-0 { - padding-left: 0!important; - padding-right: 0!important -} - -.gt-px-1 { - padding-left: .125rem!important; - padding-right: .125rem!important -} - -.gt-px-2 { - padding-left: .25rem!important; - padding-right: .25rem!important -} - -.gt-px-3 { - padding-left: .5rem!important; - padding-right: .5rem!important -} - -.gt-px-4 { - padding-left: 1rem!important; - padding-right: 1rem!important -} - -.gt-px-5 { - padding-left: 2rem!important; - padding-right: 2rem!important -} - -.gt-py-0 { - padding-top: 0!important; - padding-bottom: 0!important -} - -.gt-py-1 { - padding-top: .125rem!important; - padding-bottom: .125rem!important -} - -.gt-py-2 { - padding-top: .25rem!important; - padding-bottom: .25rem!important -} - -.gt-py-3 { - padding-top: .5rem!important; - padding-bottom: .5rem!important -} - -.gt-py-4 { - padding-top: 1rem!important; - padding-bottom: 1rem!important -} - -.gt-py-5 { - padding-top: 2rem!important; - padding-bottom: 2rem!important -} - -.gt-gap-0 { - gap: 0!important -} - -.gt-gap-1 { - gap: .125rem!important -} - -.gt-gap-2 { - gap: .25rem!important -} - -.gt-gap-3 { - gap: .5rem!important -} - -.gt-gap-4 { - gap: 1rem!important -} - -.gt-gap-5 { - gap: 2rem!important -} - -.gt-gap-x-0 { - column-gap: 0!important -} - -.gt-gap-x-1 { - column-gap: .125rem!important -} - -.gt-gap-x-2 { - column-gap: .25rem!important -} - -.gt-gap-x-3 { - column-gap: .5rem!important -} - -.gt-gap-x-4 { - column-gap: 1rem!important -} - -.gt-gap-x-5 { - column-gap: 2rem!important -} - -.gt-gap-y-0 { - row-gap: 0!important -} - -.gt-gap-y-1 { - row-gap: .125rem!important -} - -.gt-gap-y-2 { - row-gap: .25rem!important -} - -.gt-gap-y-3 { - row-gap: .5rem!important -} - -.gt-gap-y-4 { - row-gap: 1rem!important -} - -.gt-gap-y-5 { - row-gap: 2rem!important -} - -.gt-shrink-0 { - flex-shrink: 0!important -} - -.gt-font-12 { - font-size: 12px!important -} - -.gt-font-13 { - font-size: 13px!important -} - -.gt-font-14 { - font-size: 14px!important -} - -.gt-font-15 { - font-size: 15px!important -} - -.gt-font-16 { - font-size: 16px!important -} - -.gt-font-17 { - font-size: 17px!important -} - -.gt-font-18 { - font-size: 18px!important -} - -@media (max-width: 767.98px) { - .gt-db-small { - display:block!important - } - - .gt-w-100-small { - width: 100%!important - } - - .gt-js-small { - justify-content: flex-start!important - } -} - -.gt-hidden { - display: none!important -} diff --git a/public/css/theme-blurple-dyslexia.css b/public/css/theme-blurple-dyslexia.css index 1c53976..d3af812 100644 --- a/public/css/theme-blurple-dyslexia.css +++ b/public/css/theme-blurple-dyslexia.css @@ -1,572 +1,568 @@ -@font-face {font-family: 'OpenDyslexic2';src: url('./fonts/OpenDyslexicAlta-Regular.otf');font-weight: normal;font-style: normal;font-display: block;}@font-face {font-family: 'OpenDyslexic2';src: url('./fonts/OpenDyslexicAlta-Bold.otf');font-weight: bold;font-style: bold;font-display: block;}@font-face {font-family: 'OpenDyslexic2';src: url('./fonts/OpenDyslexicAlta-Italic.otf');font-weight: italic;font-style: italic;font-display: block;} - -@media (prefers-color-scheme: dark) { - .chroma { - background-color:var(--color-code-bg) - } - - .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 - } +@font-face { + font-family: "OpenDyslexic2"; + src: url("./fonts/OpenDyslexicAlta-Regular.otf"); + font-weight: normal; + font-style: normal; + font-display: block; +} +@font-face { + font-family: "OpenDyslexic2"; + src: url("./fonts/OpenDyslexicAlta-Bold.otf"); + font-weight: bold; + font-style: bold; + font-display: block; +} +@font-face { + font-family: "OpenDyslexic2"; + src: url("./fonts/OpenDyslexicAlta-Italic.otf"); + font-weight: italic; + font-style: italic; + font-display: block; +} +:root { + --fonts-proportional: OpenDyslexic2 !important; } @media (prefers-color-scheme: dark) { - .chroma .bp { - color:#fabd2f - } - - .chroma .c,.chroma .c1,.chroma .ch,.chroma .cm { - color: #777e94 - } - - .chroma .cp { - color: #8ec07c - } - - .chroma .cpf { - color: #649bc4 - } - - .chroma .cs { - color: #9075cd - } - - .chroma .dl { - color: #649bc4 - } - - .chroma .gd { - color: #fff; - background-color: #5f3737 - } - - .chroma .ge { - color: #ddee30 - } - - .chroma .gh { - color: #ffaa10 - } - - .chroma .gi { - color: #fff; - background-color: #3a523a - } - - .chroma .go { - color: #777e94 - } - - .chroma .gp { - color: #ebdbb2 - } - - .chroma .gr { - color: #f43 - } - - .chroma .gs { - color: #ebdbb2 - } - - .chroma .gt { - color: #ff7540 - } - - .chroma .gu { - color: #b8bb26 - } - - .chroma .il { - color: #649bc4 - } - - .chroma .k { - color: #ff7540 - } - - .chroma .kc { - color: #649bc4 - } - - .chroma .kd { - color: #ff7540 - } - - .chroma .kn { - color: #ffaa10 - } - - .chroma .kp { - color: #5f8700 - } - - .chroma .kr { - color: #ff7540 - } - - .chroma .kt { - color: #ff7b72 - } - - .chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo { - color: #649bc4 - } - - .chroma .n { - color: #c9d1d9 - } - - .chroma .na { - color: #b8bb26 - } - - .chroma .nb { - color: #fabd2f - } - - .chroma .nc { - color: #ffaa10 - } - - .chroma .nd { - color: #8ec07c - } - - .chroma .ne { - color: #ff7540 - } - - .chroma .nf,.chroma .ni { - color: #fabd2f - } - - .chroma .nl { - color: #ff7540 - } - - .chroma .nn { - color: #c9d1d9 - } - - .chroma .no { - color: #649bc4 - } - - .chroma .nt { - color: #ff7540 - } - - .chroma .nv { - color: #ebdbb2 - } - - .chroma .nx { - color: #b6bac5 - } - - .chroma .o { - color: #ff7540 - } - - .chroma .ow { - color: #5f8700 - } - - .chroma .p { - color: #d2d4db - } - - .chroma .s,.chroma .s1,.chroma .s2 { - color: #b8bb26 - } - - .chroma .sa { - color: #649bc4 - } - - .chroma .sb { - color: #b8bb26 - } - - .chroma .sc { - color: #649bc4 - } - - .chroma .sd { - color: #777e94 - } - - .chroma .se { - color: #ff7540 - } - - .chroma .sh { - color: #649bc4 - } - - .chroma .si { - color: #ffaa10 - } - - .chroma .sr { - color: #9075cd - } - - .chroma .ss { - color: #ff7540 - } - - .chroma .sx { - color: #ffaa10 - } - - .chroma .vc { - color: #ff7540 - } - - .chroma .vg,.chroma .vi { - color: #ffaa10 - } - - .chroma .w { - color: #7f8699 - } + :root { + --is-dark-theme: true; + --color-primary: #7289DA; + --color-primary-contrast: #ffffff; + --color-primary-dark-1: #4E5D94; + --color-primary-dark-2: #4E5D94; + --color-primary-dark-3: #4E5D94; + --color-primary-dark-4: #405193; + --color-primary-dark-5: #cfddc1; + --color-primary-dark-6: #e7eee0; + --color-primary-dark-7: #f8faf6; + --color-primary-light-1: #4E5D94; + --color-primary-light-2: #8997c9; + --color-primary-light-3: #4E5D94; + --color-primary-light-4: #939bb7; + --color-primary-light-5: #4E5D94; + --color-primary-light-6: #1b2313; + --color-primary-light-7: #080b06; + --color-primary-alpha-10: #7289DA19; + --color-primary-alpha-20: #7289DA33; + --color-primary-alpha-30: #7289DA4b; + --color-primary-alpha-40: #7289DA66; + --color-primary-alpha-50: #7289DA80; + --color-primary-alpha-60: #7289DA99; + --color-primary-alpha-70: #7289DAb3; + --color-primary-alpha-80: #7289DAcc; + --color-primary-alpha-90: #7289DAe1; + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-2); + --color-secondary: #454a57; + --color-secondary-dark-1: #505665; + --color-secondary-dark-2: #5b6273; + --color-secondary-dark-3: #71798e; + --color-secondary-dark-4: #7f8699; + --color-secondary-dark-5: #8c93a4; + --color-secondary-dark-6: #9aa0af; + --color-secondary-dark-7: #a8adba; + --color-secondary-dark-8: #b6bac5; + --color-secondary-dark-9: #c4c7d0; + --color-secondary-dark-10: #d2d4db; + --color-secondary-dark-11: #dfe1e6; + --color-secondary-dark-12: #edeef1; + --color-secondary-dark-13: #fbfbfc; + --color-secondary-light-1: #373b46; + --color-secondary-light-2: #292c34; + --color-secondary-light-3: #1c1e23; + --color-secondary-light-4: #0e0f11; + --color-secondary-alpha-10: #454a5719; + --color-secondary-alpha-20: #454a5733; + --color-secondary-alpha-30: #454a574b; + --color-secondary-alpha-40: #454a5766; + --color-secondary-alpha-50: #454a5780; + --color-secondary-alpha-60: #454a5799; + --color-secondary-alpha-70: #454a57b3; + --color-secondary-alpha-80: #454a57cc; + --color-secondary-alpha-90: #454a57e1; + --color-secondary-button: var(--color-secondary-dark-4); + --color-secondary-hover: var(--color-secondary-dark-3); + --color-secondary-active: var(--color-secondary-dark-2); + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #262936; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; + --color-red: #cc4848; + --color-orange: #cc580c; + --color-yellow: #cc9903; + --color-olive: #91a313; + --color-green: #7289DA; + --color-teal: #00918a; + --color-blue: #3a8ac6; + --color-violet: #906ae1; + --color-purple: #b259d0; + --color-pink: #d22e8b; + --color-brown: #a47252; + --color-black: #1e222e; + --color-red-light: #c23636; + --color-orange-light: #b84f0b; + --color-yellow-light: #b88a03; + --color-olive-light: #839311; + --color-green-light: #4E5D94; + --color-teal-light: #00837c; + --color-blue-light: #347cb3; + --color-violet-light: #7b4edb; + --color-purple-light: #a742c9; + --color-pink-light: #be297d; + --color-brown-light: #94674a; + --color-black-light: #1b1f29; + --color-red-dark-1: #c23636; + --color-orange-dark-1: #f38236; + --color-yellow-dark-1: #b88a03; + --color-olive-dark-1: #839311; + --color-green-dark-1: #4E5D94; + --color-teal-dark-1: #00837c; + --color-blue-dark-1: #347cb3; + --color-violet-dark-1: #7b4edb; + --color-purple-dark-1: #a742c9; + --color-pink-dark-1: #be297d; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #292d38; + --color-red-dark-2: #ad3030; + --color-orange-dark-2: #f16e17; + --color-yellow-dark-2: #a37a02; + --color-olive-dark-2: #74820f; + --color-green-dark-2: #4E5D94; + --color-teal-dark-2: #00746e; + --color-blue-dark-2: #2e6e9f; + --color-violet-dark-2: #6733d6; + --color-purple-dark-2: #9834b9; + --color-pink-dark-2: #a9246f; + --color-brown-dark-2: #835b42; + --color-black-dark-2: #252832; + --color-grey: #505665; + --color-grey-light: #8d919b; + --color-gold: #b1983b; + --color-white: #ffffff; + --color-diff-removed-word-bg: #6f3333; + --color-diff-added-word-bg: #3c653c; + --color-diff-removed-row-bg: #3c2626; + --color-diff-moved-row-bg: #818044; + --color-diff-added-row-bg: #283e2d; + --color-diff-removed-row-border: #634343; + --color-diff-moved-row-border: #bcca6f; + --color-diff-added-row-border: #314a37; + --color-diff-inactive: #353846; + --color-error-border: #a04141; + --color-error-bg: #522; + --color-error-bg-active: #744; + --color-error-bg-hover: #633; + --color-error-text: #f9cbcb; + --color-success-border: #458a57; + --color-success-bg: #284034; + --color-success-text: #6cc664; + --color-warning-border: #bb9d00; + --color-warning-bg: #3a3a30; + --color-warning-text: #fbbd08; + --color-info-border: #306090; + --color-info-bg: #26354c; + --color-info-text: #38a8e8; + --color-red-badge: #db2828; + --color-red-badge-bg: #db28281a; + --color-red-badge-hover-bg: #db28284d; + --color-green-badge: #7289DA; + --color-green-badge-bg: #21ba451a; + --color-green-badge-hover-bg: #4E5D94; + --color-yellow-badge: #fbbd08; + --color-yellow-badge-bg: #fbbd081a; + --color-yellow-badge-hover-bg: #fbbd084d; + --color-orange-badge: #f2711c; + --color-orange-badge-bg: #f2711c1a; + --color-orange-badge-hover-bg: #f2711c4d; + --color-git: #f05133; + --color-body: #383c4a; + --color-box-header: #404652; + --color-box-body: #2a2e3a; + --color-box-body-highlight: #353945; + --color-text-dark: #dbe0ea; + --color-text: #bbc0ca; + --color-text-light: #a6aab5; + --color-text-light-1: #979ba6; + --color-text-light-2: #8a8e99; + --color-text-light-3: #707687; + --color-footer: #2e323e; + --color-timeline: #4c525e; + --color-input-text: #d5dbe6; + --color-input-background: #232933; + --color-input-toggle-background: #454a57; + --color-input-border: #454a57; + --color-input-border-hover: #505667; + --color-header-wrapper: #2a2e3a; + --color-header-wrapper-transparent: #2a2e3a00; + --color-light: #00000028; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #ffffff28; + --color-hover: #ffffff10; + --color-active: #ffffff16; + --color-menu: #2e323e; + --color-card: #2e323e; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #ffffff0d; + --color-button: #353846; + --color-code-bg: #2a2e3a; + --color-code-sidebar-bg: #2e323e; + --color-shadow: #00000060; + --color-secondary-bg: #2a2e3a; + --color-text-focus: #fff; + --color-expand-button: #3c404d; + --color-placeholder-text: #6a737d; + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-board-bg: var(--color-secondary-light-2); + --color-caret: var(--color-text); + --color-reaction-bg: #ffffff12; + --color-reaction-hover-bg: var(--color-primary-light-4); + --color-reaction-active-bg: var(--color-primary-alpha-40); + --color-tooltip-text: #ffffff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: #232834; + --color-nav-hover-bg: #383c47; + --color-label-text: #dfe3ec; + --color-label-active-bg: #4c525e; + --color-label-hover-bg: #7c8497a0; + --color-label-active-bg: #7c8497ff; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #534d1b; + accent-color: var(--color-accent); + --color-label-bg: #2A2E3A; + color-scheme: dark; + } } - +/** +DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!! +**/ @media (prefers-color-scheme: dark) { - .CodeMirror.cm-s-default .cm-property,.CodeMirror.cm-s-paper .cm-property { - color:#a0cc75 - } - - .CodeMirror.cm-s-default .cm-header,.CodeMirror.cm-s-paper .cm-header { - color: #9daccc - } - - .CodeMirror.cm-s-default .cm-quote,.CodeMirror.cm-s-paper .cm-quote { - color: #090 - } - - .CodeMirror.cm-s-default .cm-keyword,.CodeMirror.cm-s-paper .cm-keyword { - color: #cc8a61 - } - - .CodeMirror.cm-s-default .cm-atom,.CodeMirror.cm-s-paper .cm-atom { - color: #ef5e77 - } - - .CodeMirror.cm-s-default .cm-number,.CodeMirror.cm-s-paper .cm-number { - color: #ff5656 - } - - .CodeMirror.cm-s-default .cm-def,.CodeMirror.cm-s-paper .cm-def { - color: #e4e4e4 - } - - .CodeMirror.cm-s-default .cm-variable-2,.CodeMirror.cm-s-paper .cm-variable-2 { - color: #00bdbf - } - - .CodeMirror.cm-s-default .cm-variable-3,.CodeMirror.cm-s-paper .cm-variable-3 { - color: #085 - } - - .CodeMirror.cm-s-default .cm-comment,.CodeMirror.cm-s-paper .cm-comment { - color: #8e9ab3 - } - - .CodeMirror.cm-s-default .cm-string,.CodeMirror.cm-s-paper .cm-string { - color: #a77272 - } - - .CodeMirror.cm-s-default .cm-string-2,.CodeMirror.cm-s-paper .cm-string-2 { - color: #f50 - } - - .CodeMirror.cm-s-default .cm-meta,.CodeMirror.cm-s-paper .cm-meta,.CodeMirror.cm-s-default .cm-qualifier,.CodeMirror.cm-s-paper .cm-qualifier { - color: #ffb176 - } - - .CodeMirror.cm-s-default .cm-builtin,.CodeMirror.cm-s-paper .cm-builtin { - color: #b7c951 - } - - .CodeMirror.cm-s-default .cm-bracket,.CodeMirror.cm-s-paper .cm-bracket { - color: #997 - } - - .CodeMirror.cm-s-default .cm-tag,.CodeMirror.cm-s-paper .cm-tag { - color: #f1d273 - } - - .CodeMirror.cm-s-default .cm-attribute,.CodeMirror.cm-s-paper .cm-attribute { - color: #bfcc70 - } - - .CodeMirror.cm-s-default .cm-hr,.CodeMirror.cm-s-paper .cm-hr { - color: #999 - } - - .CodeMirror.cm-s-default .cm-url,.CodeMirror.cm-s-paper .cm-url { - color: #c5cfd0 - } - - .CodeMirror.cm-s-default .cm-link,.CodeMirror.cm-s-paper .cm-link { - color: #d8c792 - } - - .CodeMirror.cm-s-default .cm-error,.CodeMirror.cm-s-paper .cm-error { - color: #dbdbeb - } + .chroma { + background-color: var(--color-code-bg); + } + .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: 0.4em; + padding: 0 0.4em; + } + .chroma .gs { + font-weight: var(--font-weight-semibold); + } + .chroma .gl { + text-decoration: underline; + } } - @media (prefers-color-scheme: dark) { - :root { - --fonts-proportional: OpenDyslexic2!important; - --is-dark-theme: true; - --color-primary: #7289DA; - --color-primary-contrast: #ffffff; - --color-primary-dark-1: #4E5D94; - --color-primary-dark-2: #4E5D94; - --color-primary-dark-3: #4E5D94; - --color-primary-dark-4: #405193; - --color-primary-dark-5: #cfddc1; - --color-primary-dark-6: #e7eee0; - --color-primary-dark-7: #f8faf6; - --color-primary-light-1: #4E5D94; - --color-primary-light-2: #8997c9; - --color-primary-light-3: #4E5D94; - --color-primary-light-4: #939bb7; - --color-primary-light-5: #4E5D94; - --color-primary-light-6: #1b2313; - --color-primary-light-7: #080b06; - --color-primary-alpha-10: #7289DA19; - --color-primary-alpha-20: #7289DA33; - --color-primary-alpha-30: #7289DA4b; - --color-primary-alpha-40: #7289DA66; - --color-primary-alpha-50: #7289DA80; - --color-primary-alpha-60: #7289DA99; - --color-primary-alpha-70: #7289DAb3; - --color-primary-alpha-80: #7289DAcc; - --color-primary-alpha-90: #7289DAe1; - --color-primary-hover: var(--color-primary-light-1); - --color-primary-active: var(--color-primary-light-2); - --color-secondary: #454a57; - --color-secondary-dark-1: #505665; - --color-secondary-dark-2: #5b6273; - --color-secondary-dark-3: #71798e; - --color-secondary-dark-4: #7f8699; - --color-secondary-dark-5: #8c93a4; - --color-secondary-dark-6: #9aa0af; - --color-secondary-dark-7: #a8adba; - --color-secondary-dark-8: #b6bac5; - --color-secondary-dark-9: #c4c7d0; - --color-secondary-dark-10: #d2d4db; - --color-secondary-dark-11: #dfe1e6; - --color-secondary-dark-12: #edeef1; - --color-secondary-dark-13: #fbfbfc; - --color-secondary-light-1: #373b46; - --color-secondary-light-2: #292c34; - --color-secondary-light-3: #1c1e23; - --color-secondary-light-4: #0e0f11; - --color-secondary-alpha-10: #454a5719; - --color-secondary-alpha-20: #454a5733; - --color-secondary-alpha-30: #454a574b; - --color-secondary-alpha-40: #454a5766; - --color-secondary-alpha-50: #454a5780; - --color-secondary-alpha-60: #454a5799; - --color-secondary-alpha-70: #454a57b3; - --color-secondary-alpha-80: #454a57cc; - --color-secondary-alpha-90: #454a57e1; - --color-secondary-button: var(--color-secondary-dark-4); - --color-secondary-hover: var(--color-secondary-dark-3); - --color-secondary-active: var(--color-secondary-dark-2); - --color-console-fg: #eeeff2; - --color-console-fg-subtle: #959cab; - --color-console-bg: #262936; - --color-console-border: #383c47; - --color-console-hover-bg: #ffffff16; - --color-console-active-bg: #454a57; - --color-console-menu-bg: #383c47; - --color-console-menu-border: #5c6374; - --color-red: #cc4848; - --color-orange: #cc580c; - --color-yellow: #cc9903; - --color-olive: #91a313; - --color-green: #7289DA; - --color-teal: #00918a; - --color-blue: #3a8ac6; - --color-violet: #906ae1; - --color-purple: #b259d0; - --color-pink: #d22e8b; - --color-brown: #a47252; - --color-black: #1e222e; - --color-red-light: #c23636; - --color-orange-light: #b84f0b; - --color-yellow-light: #b88a03; - --color-olive-light: #839311; - --color-green-light: #4E5D94; - --color-teal-light: #00837c; - --color-blue-light: #347cb3; - --color-violet-light: #7b4edb; - --color-purple-light: #a742c9; - --color-pink-light: #be297d; - --color-brown-light: #94674a; - --color-black-light: #1b1f29; - --color-red-dark-1: #c23636; - --color-orange-dark-1: #f38236; - --color-yellow-dark-1: #b88a03; - --color-olive-dark-1: #839311; - --color-green-dark-1: #4E5D94; - --color-teal-dark-1: #00837c; - --color-blue-dark-1: #347cb3; - --color-violet-dark-1: #7b4edb; - --color-purple-dark-1: #a742c9; - --color-pink-dark-1: #be297d; - --color-brown-dark-1: #94674a; - --color-black-dark-1: #292d38; - --color-red-dark-2: #ad3030; - --color-orange-dark-2: #f16e17; - --color-yellow-dark-2: #a37a02; - --color-olive-dark-2: #74820f; - --color-green-dark-2: #4E5D94; - --color-teal-dark-2: #00746e; - --color-blue-dark-2: #2e6e9f; - --color-violet-dark-2: #6733d6; - --color-purple-dark-2: #9834b9; - --color-pink-dark-2: #a9246f; - --color-brown-dark-2: #835b42; - --color-black-dark-2: #252832; - --color-grey: #505665; - --color-grey-light: #8d919b; - --color-gold: #b1983b; - --color-white: #ffffff; - --color-diff-removed-word-bg: #6f3333; - --color-diff-added-word-bg: #3c653c; - --color-diff-removed-row-bg: #3c2626; - --color-diff-moved-row-bg: #818044; - --color-diff-added-row-bg: #283e2d; - --color-diff-removed-row-border: #634343; - --color-diff-moved-row-border: #bcca6f; - --color-diff-added-row-border: #314a37; - --color-diff-inactive: #353846; - --color-error-border: #a04141; - --color-error-bg: #522; - --color-error-bg-active: #744; - --color-error-bg-hover: #633; - --color-error-text: #f9cbcb; - --color-success-border: #458a57; - --color-success-bg: #284034; - --color-success-text: #6cc664; - --color-warning-border: #bb9d00; - --color-warning-bg: #3a3a30; - --color-warning-text: #fbbd08; - --color-info-border: #306090; - --color-info-bg: #26354c; - --color-info-text: #38a8e8; - --color-red-badge: #db2828; - --color-red-badge-bg: #db28281a; - --color-red-badge-hover-bg: #db28284d; - --color-green-badge: #7289DA; - --color-green-badge-bg: #21ba451a; - --color-green-badge-hover-bg: #4E5D94; - --color-yellow-badge: #fbbd08; - --color-yellow-badge-bg: #fbbd081a; - --color-yellow-badge-hover-bg: #fbbd084d; - --color-orange-badge: #f2711c; - --color-orange-badge-bg: #f2711c1a; - --color-orange-badge-hover-bg: #f2711c4d; - --color-git: #f05133; - --color-body: #383c4a; - --color-box-header: #404652; - --color-box-body: #2a2e3a; - --color-box-body-highlight: #353945; - --color-text-dark: #dbe0ea; - --color-text: #bbc0ca; - --color-text-light: #a6aab5; - --color-text-light-1: #979ba6; - --color-text-light-2: #8a8e99; - --color-text-light-3: #707687; - --color-footer: #2e323e; - --color-timeline: #4c525e; - --color-input-text: #d5dbe6; - --color-input-background: #232933; - --color-input-toggle-background: #454a57; - --color-input-border: #454a57; - --color-input-border-hover: #505667; - --color-header-wrapper: #2a2e3a; - --color-header-wrapper-transparent: #2a2e3a00; - --color-light: #00000028; - --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); - --color-light-border: #ffffff28; - --color-hover: #ffffff10; - --color-active: #ffffff16; - --color-menu: #2e323e; - --color-card: #2e323e; - --color-markup-table-row: #ffffff06; - --color-markup-code-block: #ffffff0d; - --color-button: #353846; - --color-code-bg: #2a2e3a; - --color-code-sidebar-bg: #2e323e; - --color-shadow: #00000060; - --color-secondary-bg: #2a2e3a; - --color-text-focus: #fff; - --color-expand-button: #3c404d; - --color-placeholder-text: #6a737d; - --color-editor-line-highlight: var(--color-primary-light-5); - --color-project-board-bg: var(--color-secondary-light-2); - --color-caret: var(--color-text); - --color-reaction-bg: #ffffff12; - --color-reaction-hover-bg: var(--color-primary-light-4); - --color-reaction-active-bg: var(--color-primary-alpha-40); - --color-tooltip-text: #ffffff; - --color-tooltip-bg: #000000f0; - --color-nav-bg: #232834; - --color-nav-hover-bg: #383c47; - --color-label-text: #dfe3ec; - --color-label-active-bg: #4c525e; - --color-label-hover-bg: #7c8497a0; - --color-label-active-bg: #7c8497ff; - --color-accent: var(--color-primary-light-1); - --color-small-accent: var(--color-primary-light-5); - --color-active-line: #534d1b; - accent-color: var(--color-accent); - --color-label-bg: #2A2E3A; - color-scheme: dark - } - - .emoji[aria-label="check mark"],.emoji[aria-label="currency exchange"],.emoji[aria-label="TOP arrow"],.emoji[aria-label="END arrow"],.emoji[aria-label="ON! arrow"],.emoji[aria-label="SOON arrow"],.emoji[aria-label="heavy dollar sign"],.emoji[aria-label=copyright],.emoji[aria-label=registered],.emoji[aria-label="trade mark"],.emoji[aria-label=multiply],.emoji[aria-label=plus],.emoji[aria-label=minus],.emoji[aria-label=divide],.emoji[aria-label="curly loop"],.emoji[aria-label="double curly loop"],.emoji[aria-label="wavy dash"],.emoji[aria-label="paw prints"],.emoji[aria-label="musical note"],.emoji[aria-label="musical notes"] { - filter: invert(100%) hue-rotate(180deg) - } + .chroma .bp { + color: #fabd2f; + } + .chroma .c, + .chroma .c1, + .chroma .ch, + .chroma .cm { + color: #777e94; + } + .chroma .cp { + color: #8ec07c; + } + .chroma .cpf { + color: #649bc4; + } + .chroma .cs { + color: #9075cd; + } + .chroma .dl { + color: #649bc4; + } + .chroma .gd { + color: #fff; + background-color: #5f3737; + } + .chroma .ge { + color: #ddee30; + } + .chroma .gh { + color: #ffaa10; + } + .chroma .gi { + color: #fff; + background-color: #3a523a; + } + .chroma .go { + color: #777e94; + } + .chroma .gp { + color: #ebdbb2; + } + .chroma .gr { + color: #f43; + } + .chroma .gs { + color: #ebdbb2; + } + .chroma .gt { + color: #ff7540; + } + .chroma .gu { + color: #b8bb26; + } + .chroma .il { + color: #649bc4; + } + .chroma .k { + color: #ff7540; + } + .chroma .kc { + color: #649bc4; + } + .chroma .kd { + color: #ff7540; + } + .chroma .kn { + color: #ffaa10; + } + .chroma .kp { + color: #5f8700; + } + .chroma .kr { + color: #ff7540; + } + .chroma .kt { + color: #ff7b72; + } + .chroma .m, + .chroma .mb, + .chroma .mf, + .chroma .mh, + .chroma .mi, + .chroma .mo { + color: #649bc4; + } + .chroma .n { + color: #c9d1d9; + } + .chroma .na { + color: #b8bb26; + } + .chroma .nb { + color: #fabd2f; + } + .chroma .nc { + color: #ffaa10; + } + .chroma .nd { + color: #8ec07c; + } + .chroma .ne { + color: #ff7540; + } + .chroma .nf, + .chroma .ni { + color: #fabd2f; + } + .chroma .nl { + color: #ff7540; + } + .chroma .nn { + color: #c9d1d9; + } + .chroma .no { + color: #649bc4; + } + .chroma .nt { + color: #ff7540; + } + .chroma .nv { + color: #ebdbb2; + } + .chroma .nx { + color: #b6bac5; + } + .chroma .o { + color: #ff7540; + } + .chroma .ow { + color: #5f8700; + } + .chroma .p { + color: #d2d4db; + } + .chroma .s, + .chroma .s1, + .chroma .s2 { + color: #b8bb26; + } + .chroma .sa { + color: #649bc4; + } + .chroma .sb { + color: #b8bb26; + } + .chroma .sc { + color: #649bc4; + } + .chroma .sd { + color: #777e94; + } + .chroma .se { + color: #ff7540; + } + .chroma .sh { + color: #649bc4; + } + .chroma .si { + color: #ffaa10; + } + .chroma .sr { + color: #9075cd; + } + .chroma .ss { + color: #ff7540; + } + .chroma .sx { + color: #ffaa10; + } + .chroma .vc { + color: #ff7540; + } + .chroma .vg, + .chroma .vi { + color: #ffaa10; + } + .chroma .w { + color: #7f8699; + } } +@media (prefers-color-scheme: dark) { + .CodeMirror.cm-s-default .cm-property, + .CodeMirror.cm-s-paper .cm-property { + color: #a0cc75; + } + .CodeMirror.cm-s-default .cm-header, + .CodeMirror.cm-s-paper .cm-header { + color: #9daccc; + } + .CodeMirror.cm-s-default .cm-quote, + .CodeMirror.cm-s-paper .cm-quote { + color: #090; + } + .CodeMirror.cm-s-default .cm-keyword, + .CodeMirror.cm-s-paper .cm-keyword { + color: #cc8a61; + } + .CodeMirror.cm-s-default .cm-atom, + .CodeMirror.cm-s-paper .cm-atom { + color: #ef5e77; + } + .CodeMirror.cm-s-default .cm-number, + .CodeMirror.cm-s-paper .cm-number { + color: #ff5656; + } + .CodeMirror.cm-s-default .cm-def, + .CodeMirror.cm-s-paper .cm-def { + color: #e4e4e4; + } + .CodeMirror.cm-s-default .cm-variable-2, + .CodeMirror.cm-s-paper .cm-variable-2 { + color: #00bdbf; + } + .CodeMirror.cm-s-default .cm-variable-3, + .CodeMirror.cm-s-paper .cm-variable-3 { + color: #085; + } + .CodeMirror.cm-s-default .cm-comment, + .CodeMirror.cm-s-paper .cm-comment { + color: #8e9ab3; + } + .CodeMirror.cm-s-default .cm-string, + .CodeMirror.cm-s-paper .cm-string { + color: #a77272; + } + .CodeMirror.cm-s-default .cm-string-2, + .CodeMirror.cm-s-paper .cm-string-2 { + color: #f50; + } + .CodeMirror.cm-s-default .cm-meta, + .CodeMirror.cm-s-paper .cm-meta, + .CodeMirror.cm-s-default .cm-qualifier, + .CodeMirror.cm-s-paper .cm-qualifier { + color: #ffb176; + } + .CodeMirror.cm-s-default .cm-builtin, + .CodeMirror.cm-s-paper .cm-builtin { + color: #b7c951; + } + .CodeMirror.cm-s-default .cm-bracket, + .CodeMirror.cm-s-paper .cm-bracket { + color: #997; + } + .CodeMirror.cm-s-default .cm-tag, + .CodeMirror.cm-s-paper .cm-tag { + color: #f1d273; + } + .CodeMirror.cm-s-default .cm-attribute, + .CodeMirror.cm-s-paper .cm-attribute { + color: #bfcc70; + } + .CodeMirror.cm-s-default .cm-hr, + .CodeMirror.cm-s-paper .cm-hr { + color: #999; + } + .CodeMirror.cm-s-default .cm-url, + .CodeMirror.cm-s-paper .cm-url { + color: #c5cfd0; + } + .CodeMirror.cm-s-default .cm-link, + .CodeMirror.cm-s-paper .cm-link { + color: #d8c792; + } + .CodeMirror.cm-s-default .cm-error, + .CodeMirror.cm-s-paper .cm-error { + color: #dbdbeb; + } +} +.emoji[aria-label="check mark"], +.emoji[aria-label="currency exchange"], +.emoji[aria-label="TOP arrow"], +.emoji[aria-label="END arrow"], +.emoji[aria-label="ON! arrow"], +.emoji[aria-label="SOON arrow"], +.emoji[aria-label="heavy dollar sign"], +.emoji[aria-label=copyright], +.emoji[aria-label=registered], +.emoji[aria-label="trade mark"], +.emoji[aria-label=multiply], +.emoji[aria-label=plus], +.emoji[aria-label=minus], +.emoji[aria-label=divide], +.emoji[aria-label="curly loop"], +.emoji[aria-label="double curly loop"], +.emoji[aria-label="wavy dash"], +.emoji[aria-label="paw prints"], +.emoji[aria-label="musical note"], +.emoji[aria-label="musical notes"] { + filter: invert(100%) hue-rotate(180deg); +} \ No newline at end of file diff --git a/public/css/theme-blurple.css b/public/css/theme-blurple.css index 0f11299..b4f2ec1 100644 --- a/public/css/theme-blurple.css +++ b/public/css/theme-blurple.css @@ -1,569 +1,543 @@ @media (prefers-color-scheme: dark) { - .chroma { - background-color:var(--color-code-bg) - } - - .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 - } + :root { + --is-dark-theme: true; + --color-primary: #7289DA; + --color-primary-contrast: #ffffff; + --color-primary-dark-1: #4E5D94; + --color-primary-dark-2: #4E5D94; + --color-primary-dark-3: #4E5D94; + --color-primary-dark-4: #405193; + --color-primary-dark-5: #cfddc1; + --color-primary-dark-6: #e7eee0; + --color-primary-dark-7: #f8faf6; + --color-primary-light-1: #4E5D94; + --color-primary-light-2: #8997c9; + --color-primary-light-3: #4E5D94; + --color-primary-light-4: #939bb7; + --color-primary-light-5: #4E5D94; + --color-primary-light-6: #1b2313; + --color-primary-light-7: #080b06; + --color-primary-alpha-10: #7289DA19; + --color-primary-alpha-20: #7289DA33; + --color-primary-alpha-30: #7289DA4b; + --color-primary-alpha-40: #7289DA66; + --color-primary-alpha-50: #7289DA80; + --color-primary-alpha-60: #7289DA99; + --color-primary-alpha-70: #7289DAb3; + --color-primary-alpha-80: #7289DAcc; + --color-primary-alpha-90: #7289DAe1; + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-2); + --color-secondary: #454a57; + --color-secondary-dark-1: #505665; + --color-secondary-dark-2: #5b6273; + --color-secondary-dark-3: #71798e; + --color-secondary-dark-4: #7f8699; + --color-secondary-dark-5: #8c93a4; + --color-secondary-dark-6: #9aa0af; + --color-secondary-dark-7: #a8adba; + --color-secondary-dark-8: #b6bac5; + --color-secondary-dark-9: #c4c7d0; + --color-secondary-dark-10: #d2d4db; + --color-secondary-dark-11: #dfe1e6; + --color-secondary-dark-12: #edeef1; + --color-secondary-dark-13: #fbfbfc; + --color-secondary-light-1: #373b46; + --color-secondary-light-2: #292c34; + --color-secondary-light-3: #1c1e23; + --color-secondary-light-4: #0e0f11; + --color-secondary-alpha-10: #454a5719; + --color-secondary-alpha-20: #454a5733; + --color-secondary-alpha-30: #454a574b; + --color-secondary-alpha-40: #454a5766; + --color-secondary-alpha-50: #454a5780; + --color-secondary-alpha-60: #454a5799; + --color-secondary-alpha-70: #454a57b3; + --color-secondary-alpha-80: #454a57cc; + --color-secondary-alpha-90: #454a57e1; + --color-secondary-button: var(--color-secondary-dark-4); + --color-secondary-hover: var(--color-secondary-dark-3); + --color-secondary-active: var(--color-secondary-dark-2); + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #262936; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; + --color-red: #cc4848; + --color-orange: #cc580c; + --color-yellow: #cc9903; + --color-olive: #91a313; + --color-green: #7289DA; + --color-teal: #00918a; + --color-blue: #3a8ac6; + --color-violet: #906ae1; + --color-purple: #b259d0; + --color-pink: #d22e8b; + --color-brown: #a47252; + --color-black: #1e222e; + --color-red-light: #c23636; + --color-orange-light: #b84f0b; + --color-yellow-light: #b88a03; + --color-olive-light: #839311; + --color-green-light: #4E5D94; + --color-teal-light: #00837c; + --color-blue-light: #347cb3; + --color-violet-light: #7b4edb; + --color-purple-light: #a742c9; + --color-pink-light: #be297d; + --color-brown-light: #94674a; + --color-black-light: #1b1f29; + --color-red-dark-1: #c23636; + --color-orange-dark-1: #f38236; + --color-yellow-dark-1: #b88a03; + --color-olive-dark-1: #839311; + --color-green-dark-1: #4E5D94; + --color-teal-dark-1: #00837c; + --color-blue-dark-1: #347cb3; + --color-violet-dark-1: #7b4edb; + --color-purple-dark-1: #a742c9; + --color-pink-dark-1: #be297d; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #292d38; + --color-red-dark-2: #ad3030; + --color-orange-dark-2: #f16e17; + --color-yellow-dark-2: #a37a02; + --color-olive-dark-2: #74820f; + --color-green-dark-2: #4E5D94; + --color-teal-dark-2: #00746e; + --color-blue-dark-2: #2e6e9f; + --color-violet-dark-2: #6733d6; + --color-purple-dark-2: #9834b9; + --color-pink-dark-2: #a9246f; + --color-brown-dark-2: #835b42; + --color-black-dark-2: #252832; + --color-grey: #505665; + --color-grey-light: #8d919b; + --color-gold: #b1983b; + --color-white: #ffffff; + --color-diff-removed-word-bg: #6f3333; + --color-diff-added-word-bg: #3c653c; + --color-diff-removed-row-bg: #3c2626; + --color-diff-moved-row-bg: #818044; + --color-diff-added-row-bg: #283e2d; + --color-diff-removed-row-border: #634343; + --color-diff-moved-row-border: #bcca6f; + --color-diff-added-row-border: #314a37; + --color-diff-inactive: #353846; + --color-error-border: #a04141; + --color-error-bg: #522; + --color-error-bg-active: #744; + --color-error-bg-hover: #633; + --color-error-text: #f9cbcb; + --color-success-border: #458a57; + --color-success-bg: #284034; + --color-success-text: #6cc664; + --color-warning-border: #bb9d00; + --color-warning-bg: #3a3a30; + --color-warning-text: #fbbd08; + --color-info-border: #306090; + --color-info-bg: #26354c; + --color-info-text: #38a8e8; + --color-red-badge: #db2828; + --color-red-badge-bg: #db28281a; + --color-red-badge-hover-bg: #db28284d; + --color-green-badge: #7289DA; + --color-green-badge-bg: #21ba451a; + --color-green-badge-hover-bg: #4E5D94; + --color-yellow-badge: #fbbd08; + --color-yellow-badge-bg: #fbbd081a; + --color-yellow-badge-hover-bg: #fbbd084d; + --color-orange-badge: #f2711c; + --color-orange-badge-bg: #f2711c1a; + --color-orange-badge-hover-bg: #f2711c4d; + --color-git: #f05133; + --color-body: #383c4a; + --color-box-header: #404652; + --color-box-body: #2a2e3a; + --color-box-body-highlight: #353945; + --color-text-dark: #dbe0ea; + --color-text: #bbc0ca; + --color-text-light: #a6aab5; + --color-text-light-1: #979ba6; + --color-text-light-2: #8a8e99; + --color-text-light-3: #707687; + --color-footer: #2e323e; + --color-timeline: #4c525e; + --color-input-text: #d5dbe6; + --color-input-background: #232933; + --color-input-toggle-background: #454a57; + --color-input-border: #454a57; + --color-input-border-hover: #505667; + --color-header-wrapper: #2a2e3a; + --color-header-wrapper-transparent: #2a2e3a00; + --color-light: #00000028; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #ffffff28; + --color-hover: #ffffff10; + --color-active: #ffffff16; + --color-menu: #2e323e; + --color-card: #2e323e; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #ffffff0d; + --color-button: #353846; + --color-code-bg: #2a2e3a; + --color-code-sidebar-bg: #2e323e; + --color-shadow: #00000060; + --color-secondary-bg: #2a2e3a; + --color-text-focus: #fff; + --color-expand-button: #3c404d; + --color-placeholder-text: #6a737d; + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-board-bg: var(--color-secondary-light-2); + --color-caret: var(--color-text); + --color-reaction-bg: #ffffff12; + --color-reaction-hover-bg: var(--color-primary-light-4); + --color-reaction-active-bg: var(--color-primary-alpha-40); + --color-tooltip-text: #ffffff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: #232834; + --color-nav-hover-bg: #383c47; + --color-label-text: #dfe3ec; + --color-label-active-bg: #4c525e; + --color-label-hover-bg: #7c8497a0; + --color-label-active-bg: #7c8497ff; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #534d1b; + accent-color: var(--color-accent); + --color-label-bg: #2A2E3A; + color-scheme: dark; + } } - +/** +DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!! +**/ @media (prefers-color-scheme: dark) { - .chroma .bp { - color:#fabd2f - } - - .chroma .c,.chroma .c1,.chroma .ch,.chroma .cm { - color: #777e94 - } - - .chroma .cp { - color: #8ec07c - } - - .chroma .cpf { - color: #649bc4 - } - - .chroma .cs { - color: #9075cd - } - - .chroma .dl { - color: #649bc4 - } - - .chroma .gd { - color: #fff; - background-color: #5f3737 - } - - .chroma .ge { - color: #ddee30 - } - - .chroma .gh { - color: #ffaa10 - } - - .chroma .gi { - color: #fff; - background-color: #3a523a - } - - .chroma .go { - color: #777e94 - } - - .chroma .gp { - color: #ebdbb2 - } - - .chroma .gr { - color: #f43 - } - - .chroma .gs { - color: #ebdbb2 - } - - .chroma .gt { - color: #ff7540 - } - - .chroma .gu { - color: #b8bb26 - } - - .chroma .il { - color: #649bc4 - } - - .chroma .k { - color: #ff7540 - } - - .chroma .kc { - color: #649bc4 - } - - .chroma .kd { - color: #ff7540 - } - - .chroma .kn { - color: #ffaa10 - } - - .chroma .kp { - color: #5f8700 - } - - .chroma .kr { - color: #ff7540 - } - - .chroma .kt { - color: #ff7b72 - } - - .chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo { - color: #649bc4 - } - - .chroma .n { - color: #c9d1d9 - } - - .chroma .na { - color: #b8bb26 - } - - .chroma .nb { - color: #fabd2f - } - - .chroma .nc { - color: #ffaa10 - } - - .chroma .nd { - color: #8ec07c - } - - .chroma .ne { - color: #ff7540 - } - - .chroma .nf,.chroma .ni { - color: #fabd2f - } - - .chroma .nl { - color: #ff7540 - } - - .chroma .nn { - color: #c9d1d9 - } - - .chroma .no { - color: #649bc4 - } - - .chroma .nt { - color: #ff7540 - } - - .chroma .nv { - color: #ebdbb2 - } - - .chroma .nx { - color: #b6bac5 - } - - .chroma .o { - color: #ff7540 - } - - .chroma .ow { - color: #5f8700 - } - - .chroma .p { - color: #d2d4db - } - - .chroma .s,.chroma .s1,.chroma .s2 { - color: #b8bb26 - } - - .chroma .sa { - color: #649bc4 - } - - .chroma .sb { - color: #b8bb26 - } - - .chroma .sc { - color: #649bc4 - } - - .chroma .sd { - color: #777e94 - } - - .chroma .se { - color: #ff7540 - } - - .chroma .sh { - color: #649bc4 - } - - .chroma .si { - color: #ffaa10 - } - - .chroma .sr { - color: #9075cd - } - - .chroma .ss { - color: #ff7540 - } - - .chroma .sx { - color: #ffaa10 - } - - .chroma .vc { - color: #ff7540 - } - - .chroma .vg,.chroma .vi { - color: #ffaa10 - } - - .chroma .w { - color: #7f8699 - } + .chroma { + background-color: var(--color-code-bg); + } + .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: 0.4em; + padding: 0 0.4em; + } + .chroma .gs { + font-weight: var(--font-weight-semibold); + } + .chroma .gl { + text-decoration: underline; + } } - @media (prefers-color-scheme: dark) { - .CodeMirror.cm-s-default .cm-property,.CodeMirror.cm-s-paper .cm-property { - color:#a0cc75 - } - - .CodeMirror.cm-s-default .cm-header,.CodeMirror.cm-s-paper .cm-header { - color: #9daccc - } - - .CodeMirror.cm-s-default .cm-quote,.CodeMirror.cm-s-paper .cm-quote { - color: #090 - } - - .CodeMirror.cm-s-default .cm-keyword,.CodeMirror.cm-s-paper .cm-keyword { - color: #cc8a61 - } - - .CodeMirror.cm-s-default .cm-atom,.CodeMirror.cm-s-paper .cm-atom { - color: #ef5e77 - } - - .CodeMirror.cm-s-default .cm-number,.CodeMirror.cm-s-paper .cm-number { - color: #ff5656 - } - - .CodeMirror.cm-s-default .cm-def,.CodeMirror.cm-s-paper .cm-def { - color: #e4e4e4 - } - - .CodeMirror.cm-s-default .cm-variable-2,.CodeMirror.cm-s-paper .cm-variable-2 { - color: #00bdbf - } - - .CodeMirror.cm-s-default .cm-variable-3,.CodeMirror.cm-s-paper .cm-variable-3 { - color: #085 - } - - .CodeMirror.cm-s-default .cm-comment,.CodeMirror.cm-s-paper .cm-comment { - color: #8e9ab3 - } - - .CodeMirror.cm-s-default .cm-string,.CodeMirror.cm-s-paper .cm-string { - color: #a77272 - } - - .CodeMirror.cm-s-default .cm-string-2,.CodeMirror.cm-s-paper .cm-string-2 { - color: #f50 - } - - .CodeMirror.cm-s-default .cm-meta,.CodeMirror.cm-s-paper .cm-meta,.CodeMirror.cm-s-default .cm-qualifier,.CodeMirror.cm-s-paper .cm-qualifier { - color: #ffb176 - } - - .CodeMirror.cm-s-default .cm-builtin,.CodeMirror.cm-s-paper .cm-builtin { - color: #b7c951 - } - - .CodeMirror.cm-s-default .cm-bracket,.CodeMirror.cm-s-paper .cm-bracket { - color: #997 - } - - .CodeMirror.cm-s-default .cm-tag,.CodeMirror.cm-s-paper .cm-tag { - color: #f1d273 - } - - .CodeMirror.cm-s-default .cm-attribute,.CodeMirror.cm-s-paper .cm-attribute { - color: #bfcc70 - } - - .CodeMirror.cm-s-default .cm-hr,.CodeMirror.cm-s-paper .cm-hr { - color: #999 - } - - .CodeMirror.cm-s-default .cm-url,.CodeMirror.cm-s-paper .cm-url { - color: #c5cfd0 - } - - .CodeMirror.cm-s-default .cm-link,.CodeMirror.cm-s-paper .cm-link { - color: #d8c792 - } - - .CodeMirror.cm-s-default .cm-error,.CodeMirror.cm-s-paper .cm-error { - color: #dbdbeb - } + .chroma .bp { + color: #fabd2f; + } + .chroma .c, + .chroma .c1, + .chroma .ch, + .chroma .cm { + color: #777e94; + } + .chroma .cp { + color: #8ec07c; + } + .chroma .cpf { + color: #649bc4; + } + .chroma .cs { + color: #9075cd; + } + .chroma .dl { + color: #649bc4; + } + .chroma .gd { + color: #fff; + background-color: #5f3737; + } + .chroma .ge { + color: #ddee30; + } + .chroma .gh { + color: #ffaa10; + } + .chroma .gi { + color: #fff; + background-color: #3a523a; + } + .chroma .go { + color: #777e94; + } + .chroma .gp { + color: #ebdbb2; + } + .chroma .gr { + color: #f43; + } + .chroma .gs { + color: #ebdbb2; + } + .chroma .gt { + color: #ff7540; + } + .chroma .gu { + color: #b8bb26; + } + .chroma .il { + color: #649bc4; + } + .chroma .k { + color: #ff7540; + } + .chroma .kc { + color: #649bc4; + } + .chroma .kd { + color: #ff7540; + } + .chroma .kn { + color: #ffaa10; + } + .chroma .kp { + color: #5f8700; + } + .chroma .kr { + color: #ff7540; + } + .chroma .kt { + color: #ff7b72; + } + .chroma .m, + .chroma .mb, + .chroma .mf, + .chroma .mh, + .chroma .mi, + .chroma .mo { + color: #649bc4; + } + .chroma .n { + color: #c9d1d9; + } + .chroma .na { + color: #b8bb26; + } + .chroma .nb { + color: #fabd2f; + } + .chroma .nc { + color: #ffaa10; + } + .chroma .nd { + color: #8ec07c; + } + .chroma .ne { + color: #ff7540; + } + .chroma .nf, + .chroma .ni { + color: #fabd2f; + } + .chroma .nl { + color: #ff7540; + } + .chroma .nn { + color: #c9d1d9; + } + .chroma .no { + color: #649bc4; + } + .chroma .nt { + color: #ff7540; + } + .chroma .nv { + color: #ebdbb2; + } + .chroma .nx { + color: #b6bac5; + } + .chroma .o { + color: #ff7540; + } + .chroma .ow { + color: #5f8700; + } + .chroma .p { + color: #d2d4db; + } + .chroma .s, + .chroma .s1, + .chroma .s2 { + color: #b8bb26; + } + .chroma .sa { + color: #649bc4; + } + .chroma .sb { + color: #b8bb26; + } + .chroma .sc { + color: #649bc4; + } + .chroma .sd { + color: #777e94; + } + .chroma .se { + color: #ff7540; + } + .chroma .sh { + color: #649bc4; + } + .chroma .si { + color: #ffaa10; + } + .chroma .sr { + color: #9075cd; + } + .chroma .ss { + color: #ff7540; + } + .chroma .sx { + color: #ffaa10; + } + .chroma .vc { + color: #ff7540; + } + .chroma .vg, + .chroma .vi { + color: #ffaa10; + } + .chroma .w { + color: #7f8699; + } } - @media (prefers-color-scheme: dark) { - :root { - --is-dark-theme: true; - --color-primary: #7289DA; - --color-primary-contrast: #ffffff; - --color-primary-dark-1: #4E5D94; - --color-primary-dark-2: #4E5D94; - --color-primary-dark-3: #4E5D94; - --color-primary-dark-4: #405193; - --color-primary-dark-5: #cfddc1; - --color-primary-dark-6: #e7eee0; - --color-primary-dark-7: #f8faf6; - --color-primary-light-1: #4E5D94; - --color-primary-light-2: #8997c9; - --color-primary-light-3: #4E5D94; - --color-primary-light-4: #939bb7; - --color-primary-light-5: #4E5D94; - --color-primary-light-6: #1b2313; - --color-primary-light-7: #080b06; - --color-primary-alpha-10: #7289DA19; - --color-primary-alpha-20: #7289DA33; - --color-primary-alpha-30: #7289DA4b; - --color-primary-alpha-40: #7289DA66; - --color-primary-alpha-50: #7289DA80; - --color-primary-alpha-60: #7289DA99; - --color-primary-alpha-70: #7289DAb3; - --color-primary-alpha-80: #7289DAcc; - --color-primary-alpha-90: #7289DAe1; - --color-primary-hover: var(--color-primary-light-1); - --color-primary-active: var(--color-primary-light-2); - --color-secondary: #454a57; - --color-secondary-dark-1: #505665; - --color-secondary-dark-2: #5b6273; - --color-secondary-dark-3: #71798e; - --color-secondary-dark-4: #7f8699; - --color-secondary-dark-5: #8c93a4; - --color-secondary-dark-6: #9aa0af; - --color-secondary-dark-7: #a8adba; - --color-secondary-dark-8: #b6bac5; - --color-secondary-dark-9: #c4c7d0; - --color-secondary-dark-10: #d2d4db; - --color-secondary-dark-11: #dfe1e6; - --color-secondary-dark-12: #edeef1; - --color-secondary-dark-13: #fbfbfc; - --color-secondary-light-1: #373b46; - --color-secondary-light-2: #292c34; - --color-secondary-light-3: #1c1e23; - --color-secondary-light-4: #0e0f11; - --color-secondary-alpha-10: #454a5719; - --color-secondary-alpha-20: #454a5733; - --color-secondary-alpha-30: #454a574b; - --color-secondary-alpha-40: #454a5766; - --color-secondary-alpha-50: #454a5780; - --color-secondary-alpha-60: #454a5799; - --color-secondary-alpha-70: #454a57b3; - --color-secondary-alpha-80: #454a57cc; - --color-secondary-alpha-90: #454a57e1; - --color-secondary-button: var(--color-secondary-dark-4); - --color-secondary-hover: var(--color-secondary-dark-3); - --color-secondary-active: var(--color-secondary-dark-2); - --color-console-fg: #eeeff2; - --color-console-fg-subtle: #959cab; - --color-console-bg: #262936; - --color-console-border: #383c47; - --color-console-hover-bg: #ffffff16; - --color-console-active-bg: #454a57; - --color-console-menu-bg: #383c47; - --color-console-menu-border: #5c6374; - --color-red: #cc4848; - --color-orange: #cc580c; - --color-yellow: #cc9903; - --color-olive: #91a313; - --color-green: #7289DA; - --color-teal: #00918a; - --color-blue: #3a8ac6; - --color-violet: #906ae1; - --color-purple: #b259d0; - --color-pink: #d22e8b; - --color-brown: #a47252; - --color-black: #1e222e; - --color-red-light: #c23636; - --color-orange-light: #b84f0b; - --color-yellow-light: #b88a03; - --color-olive-light: #839311; - --color-green-light: #4E5D94; - --color-teal-light: #00837c; - --color-blue-light: #347cb3; - --color-violet-light: #7b4edb; - --color-purple-light: #a742c9; - --color-pink-light: #be297d; - --color-brown-light: #94674a; - --color-black-light: #1b1f29; - --color-red-dark-1: #c23636; - --color-orange-dark-1: #f38236; - --color-yellow-dark-1: #b88a03; - --color-olive-dark-1: #839311; - --color-green-dark-1: #4E5D94; - --color-teal-dark-1: #00837c; - --color-blue-dark-1: #347cb3; - --color-violet-dark-1: #7b4edb; - --color-purple-dark-1: #a742c9; - --color-pink-dark-1: #be297d; - --color-brown-dark-1: #94674a; - --color-black-dark-1: #292d38; - --color-red-dark-2: #ad3030; - --color-orange-dark-2: #f16e17; - --color-yellow-dark-2: #a37a02; - --color-olive-dark-2: #74820f; - --color-green-dark-2: #4E5D94; - --color-teal-dark-2: #00746e; - --color-blue-dark-2: #2e6e9f; - --color-violet-dark-2: #6733d6; - --color-purple-dark-2: #9834b9; - --color-pink-dark-2: #a9246f; - --color-brown-dark-2: #835b42; - --color-black-dark-2: #252832; - --color-grey: #505665; - --color-grey-light: #8d919b; - --color-gold: #b1983b; - --color-white: #ffffff; - --color-diff-removed-word-bg: #6f3333; - --color-diff-added-word-bg: #3c653c; - --color-diff-removed-row-bg: #3c2626; - --color-diff-moved-row-bg: #818044; - --color-diff-added-row-bg: #283e2d; - --color-diff-removed-row-border: #634343; - --color-diff-moved-row-border: #bcca6f; - --color-diff-added-row-border: #314a37; - --color-diff-inactive: #353846; - --color-error-border: #a04141; - --color-error-bg: #522; - --color-error-bg-active: #744; - --color-error-bg-hover: #633; - --color-error-text: #f9cbcb; - --color-success-border: #458a57; - --color-success-bg: #284034; - --color-success-text: #6cc664; - --color-warning-border: #bb9d00; - --color-warning-bg: #3a3a30; - --color-warning-text: #fbbd08; - --color-info-border: #306090; - --color-info-bg: #26354c; - --color-info-text: #38a8e8; - --color-red-badge: #db2828; - --color-red-badge-bg: #db28281a; - --color-red-badge-hover-bg: #db28284d; - --color-green-badge: #7289DA; - --color-green-badge-bg: #21ba451a; - --color-green-badge-hover-bg: #4E5D94; - --color-yellow-badge: #fbbd08; - --color-yellow-badge-bg: #fbbd081a; - --color-yellow-badge-hover-bg: #fbbd084d; - --color-orange-badge: #f2711c; - --color-orange-badge-bg: #f2711c1a; - --color-orange-badge-hover-bg: #f2711c4d; - --color-git: #f05133; - --color-body: #383c4a; - --color-box-header: #404652; - --color-box-body: #2a2e3a; - --color-box-body-highlight: #353945; - --color-text-dark: #dbe0ea; - --color-text: #bbc0ca; - --color-text-light: #a6aab5; - --color-text-light-1: #979ba6; - --color-text-light-2: #8a8e99; - --color-text-light-3: #707687; - --color-footer: #2e323e; - --color-timeline: #4c525e; - --color-input-text: #d5dbe6; - --color-input-background: #232933; - --color-input-toggle-background: #454a57; - --color-input-border: #454a57; - --color-input-border-hover: #505667; - --color-header-wrapper: #2a2e3a; - --color-header-wrapper-transparent: #2a2e3a00; - --color-light: #00000028; - --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); - --color-light-border: #ffffff28; - --color-hover: #ffffff10; - --color-active: #ffffff16; - --color-menu: #2e323e; - --color-card: #2e323e; - --color-markup-table-row: #ffffff06; - --color-markup-code-block: #ffffff0d; - --color-button: #353846; - --color-code-bg: #2a2e3a; - --color-code-sidebar-bg: #2e323e; - --color-shadow: #00000060; - --color-secondary-bg: #2a2e3a; - --color-text-focus: #fff; - --color-expand-button: #3c404d; - --color-placeholder-text: #6a737d; - --color-editor-line-highlight: var(--color-primary-light-5); - --color-project-board-bg: var(--color-secondary-light-2); - --color-caret: var(--color-text); - --color-reaction-bg: #ffffff12; - --color-reaction-hover-bg: var(--color-primary-light-4); - --color-reaction-active-bg: var(--color-primary-alpha-40); - --color-tooltip-text: #ffffff; - --color-tooltip-bg: #000000f0; - --color-nav-bg: #232834; - --color-nav-hover-bg: #383c47; - --color-label-text: #dfe3ec; - --color-label-active-bg: #4c525e; - --color-label-hover-bg: #7c8497a0; - --color-label-active-bg: #7c8497ff; - --color-accent: var(--color-primary-light-1); - --color-small-accent: var(--color-primary-light-5); - --color-active-line: #534d1b; - accent-color: var(--color-accent); - --color-label-bg: #2A2E3A; - color-scheme: dark - } - - .emoji[aria-label="check mark"],.emoji[aria-label="currency exchange"],.emoji[aria-label="TOP arrow"],.emoji[aria-label="END arrow"],.emoji[aria-label="ON! arrow"],.emoji[aria-label="SOON arrow"],.emoji[aria-label="heavy dollar sign"],.emoji[aria-label=copyright],.emoji[aria-label=registered],.emoji[aria-label="trade mark"],.emoji[aria-label=multiply],.emoji[aria-label=plus],.emoji[aria-label=minus],.emoji[aria-label=divide],.emoji[aria-label="curly loop"],.emoji[aria-label="double curly loop"],.emoji[aria-label="wavy dash"],.emoji[aria-label="paw prints"],.emoji[aria-label="musical note"],.emoji[aria-label="musical notes"] { - filter: invert(100%) hue-rotate(180deg) - } + .CodeMirror.cm-s-default .cm-property, + .CodeMirror.cm-s-paper .cm-property { + color: #a0cc75; + } + .CodeMirror.cm-s-default .cm-header, + .CodeMirror.cm-s-paper .cm-header { + color: #9daccc; + } + .CodeMirror.cm-s-default .cm-quote, + .CodeMirror.cm-s-paper .cm-quote { + color: #090; + } + .CodeMirror.cm-s-default .cm-keyword, + .CodeMirror.cm-s-paper .cm-keyword { + color: #cc8a61; + } + .CodeMirror.cm-s-default .cm-atom, + .CodeMirror.cm-s-paper .cm-atom { + color: #ef5e77; + } + .CodeMirror.cm-s-default .cm-number, + .CodeMirror.cm-s-paper .cm-number { + color: #ff5656; + } + .CodeMirror.cm-s-default .cm-def, + .CodeMirror.cm-s-paper .cm-def { + color: #e4e4e4; + } + .CodeMirror.cm-s-default .cm-variable-2, + .CodeMirror.cm-s-paper .cm-variable-2 { + color: #00bdbf; + } + .CodeMirror.cm-s-default .cm-variable-3, + .CodeMirror.cm-s-paper .cm-variable-3 { + color: #085; + } + .CodeMirror.cm-s-default .cm-comment, + .CodeMirror.cm-s-paper .cm-comment { + color: #8e9ab3; + } + .CodeMirror.cm-s-default .cm-string, + .CodeMirror.cm-s-paper .cm-string { + color: #a77272; + } + .CodeMirror.cm-s-default .cm-string-2, + .CodeMirror.cm-s-paper .cm-string-2 { + color: #f50; + } + .CodeMirror.cm-s-default .cm-meta, + .CodeMirror.cm-s-paper .cm-meta, + .CodeMirror.cm-s-default .cm-qualifier, + .CodeMirror.cm-s-paper .cm-qualifier { + color: #ffb176; + } + .CodeMirror.cm-s-default .cm-builtin, + .CodeMirror.cm-s-paper .cm-builtin { + color: #b7c951; + } + .CodeMirror.cm-s-default .cm-bracket, + .CodeMirror.cm-s-paper .cm-bracket { + color: #997; + } + .CodeMirror.cm-s-default .cm-tag, + .CodeMirror.cm-s-paper .cm-tag { + color: #f1d273; + } + .CodeMirror.cm-s-default .cm-attribute, + .CodeMirror.cm-s-paper .cm-attribute { + color: #bfcc70; + } + .CodeMirror.cm-s-default .cm-hr, + .CodeMirror.cm-s-paper .cm-hr { + color: #999; + } + .CodeMirror.cm-s-default .cm-url, + .CodeMirror.cm-s-paper .cm-url { + color: #c5cfd0; + } + .CodeMirror.cm-s-default .cm-link, + .CodeMirror.cm-s-paper .cm-link { + color: #d8c792; + } + .CodeMirror.cm-s-default .cm-error, + .CodeMirror.cm-s-paper .cm-error { + color: #dbdbeb; + } } +.emoji[aria-label="check mark"], +.emoji[aria-label="currency exchange"], +.emoji[aria-label="TOP arrow"], +.emoji[aria-label="END arrow"], +.emoji[aria-label="ON! arrow"], +.emoji[aria-label="SOON arrow"], +.emoji[aria-label="heavy dollar sign"], +.emoji[aria-label=copyright], +.emoji[aria-label=registered], +.emoji[aria-label="trade mark"], +.emoji[aria-label=multiply], +.emoji[aria-label=plus], +.emoji[aria-label=minus], +.emoji[aria-label=divide], +.emoji[aria-label="curly loop"], +.emoji[aria-label="double curly loop"], +.emoji[aria-label="wavy dash"], +.emoji[aria-label="paw prints"], +.emoji[aria-label="musical note"], +.emoji[aria-label="musical notes"] { + filter: invert(100%) hue-rotate(180deg); +} \ No newline at end of file diff --git a/templates/scss/partials/_blurple_roots.scss b/templates/scss/partials/_blurple_roots.scss new file mode 100644 index 0000000..46e50a7 --- /dev/null +++ b/templates/scss/partials/_blurple_roots.scss @@ -0,0 +1,214 @@ +@media (prefers-color-scheme: dark) { + :root { + --is-dark-theme: true; + --color-primary: #7289DA; + --color-primary-contrast: #ffffff; + --color-primary-dark-1: #4E5D94; + --color-primary-dark-2: #4E5D94; + --color-primary-dark-3: #4E5D94; + --color-primary-dark-4: #405193; + --color-primary-dark-5: #cfddc1; + --color-primary-dark-6: #e7eee0; + --color-primary-dark-7: #f8faf6; + --color-primary-light-1: #4E5D94; + --color-primary-light-2: #8997c9; + --color-primary-light-3: #4E5D94; + --color-primary-light-4: #939bb7; + --color-primary-light-5: #4E5D94; + --color-primary-light-6: #1b2313; + --color-primary-light-7: #080b06; + --color-primary-alpha-10: #7289DA19; + --color-primary-alpha-20: #7289DA33; + --color-primary-alpha-30: #7289DA4b; + --color-primary-alpha-40: #7289DA66; + --color-primary-alpha-50: #7289DA80; + --color-primary-alpha-60: #7289DA99; + --color-primary-alpha-70: #7289DAb3; + --color-primary-alpha-80: #7289DAcc; + --color-primary-alpha-90: #7289DAe1; + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-2); + --color-secondary: #454a57; + --color-secondary-dark-1: #505665; + --color-secondary-dark-2: #5b6273; + --color-secondary-dark-3: #71798e; + --color-secondary-dark-4: #7f8699; + --color-secondary-dark-5: #8c93a4; + --color-secondary-dark-6: #9aa0af; + --color-secondary-dark-7: #a8adba; + --color-secondary-dark-8: #b6bac5; + --color-secondary-dark-9: #c4c7d0; + --color-secondary-dark-10: #d2d4db; + --color-secondary-dark-11: #dfe1e6; + --color-secondary-dark-12: #edeef1; + --color-secondary-dark-13: #fbfbfc; + --color-secondary-light-1: #373b46; + --color-secondary-light-2: #292c34; + --color-secondary-light-3: #1c1e23; + --color-secondary-light-4: #0e0f11; + --color-secondary-alpha-10: #454a5719; + --color-secondary-alpha-20: #454a5733; + --color-secondary-alpha-30: #454a574b; + --color-secondary-alpha-40: #454a5766; + --color-secondary-alpha-50: #454a5780; + --color-secondary-alpha-60: #454a5799; + --color-secondary-alpha-70: #454a57b3; + --color-secondary-alpha-80: #454a57cc; + --color-secondary-alpha-90: #454a57e1; + --color-secondary-button: var(--color-secondary-dark-4); + --color-secondary-hover: var(--color-secondary-dark-3); + --color-secondary-active: var(--color-secondary-dark-2); + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #262936; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; + --color-red: #cc4848; + --color-orange: #cc580c; + --color-yellow: #cc9903; + --color-olive: #91a313; + --color-green: #7289DA; + --color-teal: #00918a; + --color-blue: #3a8ac6; + --color-violet: #906ae1; + --color-purple: #b259d0; + --color-pink: #d22e8b; + --color-brown: #a47252; + --color-black: #1e222e; + --color-red-light: #c23636; + --color-orange-light: #b84f0b; + --color-yellow-light: #b88a03; + --color-olive-light: #839311; + --color-green-light: #4E5D94; + --color-teal-light: #00837c; + --color-blue-light: #347cb3; + --color-violet-light: #7b4edb; + --color-purple-light: #a742c9; + --color-pink-light: #be297d; + --color-brown-light: #94674a; + --color-black-light: #1b1f29; + --color-red-dark-1: #c23636; + --color-orange-dark-1: #f38236; + --color-yellow-dark-1: #b88a03; + --color-olive-dark-1: #839311; + --color-green-dark-1: #4E5D94; + --color-teal-dark-1: #00837c; + --color-blue-dark-1: #347cb3; + --color-violet-dark-1: #7b4edb; + --color-purple-dark-1: #a742c9; + --color-pink-dark-1: #be297d; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #292d38; + --color-red-dark-2: #ad3030; + --color-orange-dark-2: #f16e17; + --color-yellow-dark-2: #a37a02; + --color-olive-dark-2: #74820f; + --color-green-dark-2: #4E5D94; + --color-teal-dark-2: #00746e; + --color-blue-dark-2: #2e6e9f; + --color-violet-dark-2: #6733d6; + --color-purple-dark-2: #9834b9; + --color-pink-dark-2: #a9246f; + --color-brown-dark-2: #835b42; + --color-black-dark-2: #252832; + --color-grey: #505665; + --color-grey-light: #8d919b; + --color-gold: #b1983b; + --color-white: #ffffff; + --color-diff-removed-word-bg: #6f3333; + --color-diff-added-word-bg: #3c653c; + --color-diff-removed-row-bg: #3c2626; + --color-diff-moved-row-bg: #818044; + --color-diff-added-row-bg: #283e2d; + --color-diff-removed-row-border: #634343; + --color-diff-moved-row-border: #bcca6f; + --color-diff-added-row-border: #314a37; + --color-diff-inactive: #353846; + --color-error-border: #a04141; + --color-error-bg: #522; + --color-error-bg-active: #744; + --color-error-bg-hover: #633; + --color-error-text: #f9cbcb; + --color-success-border: #458a57; + --color-success-bg: #284034; + --color-success-text: #6cc664; + --color-warning-border: #bb9d00; + --color-warning-bg: #3a3a30; + --color-warning-text: #fbbd08; + --color-info-border: #306090; + --color-info-bg: #26354c; + --color-info-text: #38a8e8; + --color-red-badge: #db2828; + --color-red-badge-bg: #db28281a; + --color-red-badge-hover-bg: #db28284d; + --color-green-badge: #7289DA; + --color-green-badge-bg: #21ba451a; + --color-green-badge-hover-bg: #4E5D94; + --color-yellow-badge: #fbbd08; + --color-yellow-badge-bg: #fbbd081a; + --color-yellow-badge-hover-bg: #fbbd084d; + --color-orange-badge: #f2711c; + --color-orange-badge-bg: #f2711c1a; + --color-orange-badge-hover-bg: #f2711c4d; + --color-git: #f05133; + --color-body: #383c4a; + --color-box-header: #404652; + --color-box-body: #2a2e3a; + --color-box-body-highlight: #353945; + --color-text-dark: #dbe0ea; + --color-text: #bbc0ca; + --color-text-light: #a6aab5; + --color-text-light-1: #979ba6; + --color-text-light-2: #8a8e99; + --color-text-light-3: #707687; + --color-footer: #2e323e; + --color-timeline: #4c525e; + --color-input-text: #d5dbe6; + --color-input-background: #232933; + --color-input-toggle-background: #454a57; + --color-input-border: #454a57; + --color-input-border-hover: #505667; + --color-header-wrapper: #2a2e3a; + --color-header-wrapper-transparent: #2a2e3a00; + --color-light: #00000028; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #ffffff28; + --color-hover: #ffffff10; + --color-active: #ffffff16; + --color-menu: #2e323e; + --color-card: #2e323e; + --color-markup-table-row: #ffffff06; + --color-markup-code-block: #ffffff0d; + --color-button: #353846; + --color-code-bg: #2a2e3a; + --color-code-sidebar-bg: #2e323e; + --color-shadow: #00000060; + --color-secondary-bg: #2a2e3a; + --color-text-focus: #fff; + --color-expand-button: #3c404d; + --color-placeholder-text: #6a737d; + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-board-bg: var(--color-secondary-light-2); + --color-caret: var(--color-text); + --color-reaction-bg: #ffffff12; + --color-reaction-hover-bg: var(--color-primary-light-4); + --color-reaction-active-bg: var(--color-primary-alpha-40); + --color-tooltip-text: #ffffff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: #232834; + --color-nav-hover-bg: #383c47; + --color-label-text: #dfe3ec; + --color-label-active-bg: #4c525e; + --color-label-hover-bg: #7c8497a0; + --color-label-active-bg: #7c8497ff; + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-active-line: #534d1b; + accent-color: var(--color-accent); + --color-label-bg: #2A2E3A; + color-scheme: dark + } +} \ No newline at end of file diff --git a/templates/scss/partials/_dyslexia_calls.scss b/templates/scss/partials/_dyslexia_calls.scss new file mode 100644 index 0000000..98f3e47 --- /dev/null +++ b/templates/scss/partials/_dyslexia_calls.scss @@ -0,0 +1,27 @@ +@font-face { + font-family: 'OpenDyslexic2'; + src: url('./fonts/OpenDyslexicAlta-Regular.otf'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +@font-face { + font-family: 'OpenDyslexic2'; + src: url('./fonts/OpenDyslexicAlta-Bold.otf'); + font-weight: bold; + font-style: bold; + font-display: block; +} + +@font-face { + font-family: 'OpenDyslexic2'; + src: url('./fonts/OpenDyslexicAlta-Italic.otf'); + font-weight: italic; + font-style: italic; + font-display: block; +} + +:root { + --fonts-proportional: OpenDyslexic2 !important; +} \ No newline at end of file diff --git a/templates/scss/partials/_theme_blurple.scss b/templates/scss/partials/_theme_blurple.scss new file mode 100644 index 0000000..c6351d3 --- /dev/null +++ b/templates/scss/partials/_theme_blurple.scss @@ -0,0 +1,329 @@ +/** +DO NOT INCLUEDE ANY :root(s) IN THIS FILE!!! +**/ +@media (prefers-color-scheme: dark) { + .chroma { + background-color: var(--color-code-bg); + } + .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: 0.4em; + padding: 0 0.4em; + } + .chroma .gs { + font-weight: var(--font-weight-semibold); + } + .chroma .gl { + text-decoration: underline; + } + } + @media (prefers-color-scheme: dark) { + .chroma .bp { + color: #fabd2f; + } + .chroma .c, + .chroma .c1, + .chroma .ch, + .chroma .cm { + color: #777e94; + } + .chroma .cp { + color: #8ec07c; + } + .chroma .cpf { + color: #649bc4; + } + .chroma .cs { + color: #9075cd; + } + .chroma .dl { + color: #649bc4; + } + .chroma .gd { + color: #fff; + background-color: #5f3737; + } + .chroma .ge { + color: #ddee30; + } + .chroma .gh { + color: #ffaa10; + } + .chroma .gi { + color: #fff; + background-color: #3a523a; + } + .chroma .go { + color: #777e94; + } + .chroma .gp { + color: #ebdbb2; + } + .chroma .gr { + color: #f43; + } + .chroma .gs { + color: #ebdbb2; + } + .chroma .gt { + color: #ff7540; + } + .chroma .gu { + color: #b8bb26; + } + .chroma .il { + color: #649bc4; + } + .chroma .k { + color: #ff7540; + } + .chroma .kc { + color: #649bc4; + } + .chroma .kd { + color: #ff7540; + } + .chroma .kn { + color: #ffaa10; + } + .chroma .kp { + color: #5f8700; + } + .chroma .kr { + color: #ff7540; + } + .chroma .kt { + color: #ff7b72; + } + .chroma .m, + .chroma .mb, + .chroma .mf, + .chroma .mh, + .chroma .mi, + .chroma .mo { + color: #649bc4; + } + .chroma .n { + color: #c9d1d9; + } + .chroma .na { + color: #b8bb26; + } + .chroma .nb { + color: #fabd2f; + } + .chroma .nc { + color: #ffaa10; + } + .chroma .nd { + color: #8ec07c; + } + .chroma .ne { + color: #ff7540; + } + .chroma .nf, + .chroma .ni { + color: #fabd2f; + } + .chroma .nl { + color: #ff7540; + } + .chroma .nn { + color: #c9d1d9; + } + .chroma .no { + color: #649bc4; + } + .chroma .nt { + color: #ff7540; + } + .chroma .nv { + color: #ebdbb2; + } + .chroma .nx { + color: #b6bac5; + } + .chroma .o { + color: #ff7540; + } + .chroma .ow { + color: #5f8700; + } + .chroma .p { + color: #d2d4db; + } + .chroma .s, + .chroma .s1, + .chroma .s2 { + color: #b8bb26; + } + .chroma .sa { + color: #649bc4; + } + .chroma .sb { + color: #b8bb26; + } + .chroma .sc { + color: #649bc4; + } + .chroma .sd { + color: #777e94; + } + .chroma .se { + color: #ff7540; + } + .chroma .sh { + color: #649bc4; + } + .chroma .si { + color: #ffaa10; + } + .chroma .sr { + color: #9075cd; + } + .chroma .ss { + color: #ff7540; + } + .chroma .sx { + color: #ffaa10; + } + .chroma .vc { + color: #ff7540; + } + .chroma .vg, + .chroma .vi { + color: #ffaa10; + } + .chroma .w { + color: #7f8699; + } + } + @media (prefers-color-scheme: dark) { + .CodeMirror.cm-s-default .cm-property, + .CodeMirror.cm-s-paper .cm-property { + color: #a0cc75; + } + .CodeMirror.cm-s-default .cm-header, + .CodeMirror.cm-s-paper .cm-header { + color: #9daccc; + } + .CodeMirror.cm-s-default .cm-quote, + .CodeMirror.cm-s-paper .cm-quote { + color: #090; + } + .CodeMirror.cm-s-default .cm-keyword, + .CodeMirror.cm-s-paper .cm-keyword { + color: #cc8a61; + } + .CodeMirror.cm-s-default .cm-atom, + .CodeMirror.cm-s-paper .cm-atom { + color: #ef5e77; + } + .CodeMirror.cm-s-default .cm-number, + .CodeMirror.cm-s-paper .cm-number { + color: #ff5656; + } + .CodeMirror.cm-s-default .cm-def, + .CodeMirror.cm-s-paper .cm-def { + color: #e4e4e4; + } + .CodeMirror.cm-s-default .cm-variable-2, + .CodeMirror.cm-s-paper .cm-variable-2 { + color: #00bdbf; + } + .CodeMirror.cm-s-default .cm-variable-3, + .CodeMirror.cm-s-paper .cm-variable-3 { + color: #085; + } + .CodeMirror.cm-s-default .cm-comment, + .CodeMirror.cm-s-paper .cm-comment { + color: #8e9ab3; + } + .CodeMirror.cm-s-default .cm-string, + .CodeMirror.cm-s-paper .cm-string { + color: #a77272; + } + .CodeMirror.cm-s-default .cm-string-2, + .CodeMirror.cm-s-paper .cm-string-2 { + color: #f50; + } + .CodeMirror.cm-s-default .cm-meta, + .CodeMirror.cm-s-paper .cm-meta, + .CodeMirror.cm-s-default .cm-qualifier, + .CodeMirror.cm-s-paper .cm-qualifier { + color: #ffb176; + } + .CodeMirror.cm-s-default .cm-builtin, + .CodeMirror.cm-s-paper .cm-builtin { + color: #b7c951; + } + .CodeMirror.cm-s-default .cm-bracket, + .CodeMirror.cm-s-paper .cm-bracket { + color: #997; + } + .CodeMirror.cm-s-default .cm-tag, + .CodeMirror.cm-s-paper .cm-tag { + color: #f1d273; + } + .CodeMirror.cm-s-default .cm-attribute, + .CodeMirror.cm-s-paper .cm-attribute { + color: #bfcc70; + } + .CodeMirror.cm-s-default .cm-hr, + .CodeMirror.cm-s-paper .cm-hr { + color: #999; + } + .CodeMirror.cm-s-default .cm-url, + .CodeMirror.cm-s-paper .cm-url { + color: #c5cfd0; + } + .CodeMirror.cm-s-default .cm-link, + .CodeMirror.cm-s-paper .cm-link { + color: #d8c792; + } + .CodeMirror.cm-s-default .cm-error, + .CodeMirror.cm-s-paper .cm-error { + color: #dbdbeb; + } + } + .emoji[aria-label="check mark"], + .emoji[aria-label="currency exchange"], + .emoji[aria-label="TOP arrow"], + .emoji[aria-label="END arrow"], + .emoji[aria-label="ON! arrow"], + .emoji[aria-label="SOON arrow"], + .emoji[aria-label="heavy dollar sign"], + .emoji[aria-label=copyright], + .emoji[aria-label=registered], + .emoji[aria-label="trade mark"], + .emoji[aria-label=multiply], + .emoji[aria-label=plus], + .emoji[aria-label=minus], + .emoji[aria-label=divide], + .emoji[aria-label="curly loop"], + .emoji[aria-label="double curly loop"], + .emoji[aria-label="wavy dash"], + .emoji[aria-label="paw prints"], + .emoji[aria-label="musical note"], + .emoji[aria-label="musical notes"] { + filter: invert(100%) hue-rotate(180deg); + } \ No newline at end of file diff --git a/templates/scss/theme-blurple-dyslexia.scss b/templates/scss/theme-blurple-dyslexia.scss new file mode 100644 index 0000000..f2f30ae --- /dev/null +++ b/templates/scss/theme-blurple-dyslexia.scss @@ -0,0 +1,3 @@ +@use 'partials/_dyslexia_calls'; +@use 'partials/_blurple_roots'; +@use 'partials/_theme_blurple'; \ No newline at end of file diff --git a/templates/scss/theme-blurple.scss b/templates/scss/theme-blurple.scss new file mode 100644 index 0000000..5cfc248 --- /dev/null +++ b/templates/scss/theme-blurple.scss @@ -0,0 +1,2 @@ +@use 'partials/_blurple_roots'; +@use 'partials/_theme_blurple'; \ No newline at end of file