/* The app's components: Semantic UI 2.5's rules for the pieces the app renders
   (in the order of its component files: reset, site, button, divider, flag,
   header, icon, input, label, list, loader, segment, form, grid, menu, message,
   table, checkbox, dimmer, dropdown, modal, popup, sidebar, tab), with the
   theme folded in. Colors that change with the theme are the tokens of
   dark.css / light.css; a value Semantic set that the app never showed was
   dropped, and a rule the app's own look replaces was rewritten in place.
   style.css adds the app's own classes and its variants of these. */
*,
:after,
:before {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

input[type=search],
input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

pre {
    font-family: monospace,monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code {
    font-family: monospace,monospace;
    font-size: 1em;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button {
    text-transform: none;
}

button,
html [type=button] {
    -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

[type=button]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: .35em .75em .625em;
}

[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

body,
html {
    height: 100%;
}

html {
    font-size: 14px;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-width: 320px;
    background: var(--background-color);
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.4285em;
    color: var(--primary-text-color);
    font-smoothing: antialiased;
}

h2,
h3,
h4,
h5 {
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    line-height: 1.28571429em;
    margin: calc(2rem - .14285714em) 0 1rem;
    font-weight: 700;
    padding: 0;
}

h2 {
    font-size: 1.71428571rem;
}

h3 {
    font-size: 1.28571429rem;
}

h4 {
    font-size: 1.07142857rem;
}

h5 {
    font-size: 1rem;
}

h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
    margin-top: 0;
}

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: var(--stat-blue);
    text-decoration: none;
}

::-webkit-selection {
    background-color: #cce2ff;
    color: rgba(0,0,0,.87);
}

::-moz-selection {
    background-color: #cce2ff;
    color: rgba(0,0,0,.87);
}

::selection {
    background-color: #cce2ff;
    color: rgba(0,0,0,.87);
}

input::-webkit-selection {
    background-color: rgba(100,100,100,.4);
    color: rgba(0,0,0,.87);
}

input::-moz-selection {
    background-color: rgba(100,100,100,.4);
    color: rgba(0,0,0,.87);
}

input::-moz-selection {
    background-color: rgba(100,100,100,.4);
    color: rgba(0,0,0,.87);
}

input::selection {
    background-color: rgba(100,100,100,.4);
    color: rgba(0,0,0,.87);
}

body ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}

body ::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1);
    border-radius: 0;
}

body ::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: rgba(0,0,0,.25);
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

body ::-webkit-scrollbar-thumb:hover {
    background: rgba(128,135,139,.8);
}

body .ui.inverted::-webkit-scrollbar-track {
    background: rgba(255,255,255,.1);
}

body .ui.inverted::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.25);
}

body .ui.inverted::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.35);
}

.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: var(--button-background) none;
    color: var(--primary-text-color);
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em .78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    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 0 0 rgba(34,36,38,.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-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: '';
    -webkit-tap-highlight-color: transparent;
}

.ui.button:hover {
    background-color: var(--button-hover-background);
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
    color: var(--hover-text-color);
}

.ui.button:hover .icon {
    opacity: .85;
}

.ui.button:focus .icon {
    opacity: .85;
}

.ui.loading.loading.loading.loading.loading.loading.button {
    position: relative;
    cursor: default;
    text-shadow: none !important;
    color: transparent !important;
    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;
    -webkit-animation: button-spin .6s linear;
    animation: button-spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent;
}

@-webkit-keyframes button-spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes button-spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.ui.button:disabled,
.ui.buttons .disabled.button,
.ui.disabled.active.button,
.ui.disabled.button,
.ui.disabled.button:hover {
    cursor: default;
    opacity: .45 !important;
    background-image: none !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

.ui.button>.icon:not(.button) {
    height: .85714286em;
    opacity: .8;
    margin: 0 .42857143em 0 -.21428571em;
    transition: opacity .1s ease;
    vertical-align: '';
    color: '';
}

.ui.button:not(.icon)>.icon:not(.button):not(.dropdown) {
    margin: 0 .42857143em 0 -.21428571em;
}

.ui.compact.buttons .button {
    padding: .58928571em 1.125em .58928571em;
}

.ui.small.buttons .button {
    font-size: .92857143rem;
}

.ui.button,
.ui.buttons .button {
    font-size: 1rem;
}

.ui.icon.button {
    padding: .78571429em .78571429em .78571429em;
}

/* The one colored button: positive. (A green or negative button is a plain
   one: the theme's button colors always covered Semantic's.) */
.ui.positive.button,
.ui.positive.buttons .button {
    background-color: var(--button-positive-backgroud);
    color: var(--on-accent);
    text-shadow: none;
    background-image: none;
}

.ui.positive.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset;
}

.ui.positive.button:hover,
.ui.positive.buttons .button:hover {
    background-color: var(--button-positive-backgroud-hover);
    color: var(--on-accent);
    text-shadow: none;
}

.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;
    margin: 0;
    border-radius: 0;
    margin: 0;
}

.ui.buttons:not(.basic):not(.inverted)>.button,
.ui.buttons>.ui.button:not(.basic):not(.inverted) {
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) 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.divider {
    margin: 1rem 0;
    line-height: 1;
    height: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: rgba(0,0,0,.85);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.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.hidden.divider {
    border-color: transparent !important;
}

.ui.hidden.divider:after,
.ui.hidden.divider:before {
    display: none;
}

.ui.fitted.divider {
    margin: 0;
}

.ui.divider {
    font-size: 1rem;
}

i.flag:not(.icon) {
    display: inline-block;
    width: 16px;
    height: 11px;
    line-height: 11px;
    vertical-align: baseline;
    margin: 0 .5em 0 0;
    text-decoration: inherit;
    speak: none;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

i.flag:not(.icon):before {
    display: inline-block;
    content: '';
    background: url(/images/flags.png) no-repeat -108px -1976px;
    width: 16px;
    height: 11px;
}

i.flag.ad:before,
i.flag.andorra:before {
    background-position: 0 0;
}

i.flag.ae:before,
i.flag.uae:before,
i.flag.united.arab.emirates:before {
    background-position: 0 -26px;
}

i.flag.af:before,
i.flag.afghanistan:before {
    background-position: 0 -52px;
}

i.flag.ag:before,
i.flag.antigua:before {
    background-position: 0 -78px;
}

i.flag.ai:before,
i.flag.anguilla:before {
    background-position: 0 -104px;
}

i.flag.al:before,
i.flag.albania:before {
    background-position: 0 -130px;
}

i.flag.am:before,
i.flag.armenia:before {
    background-position: 0 -156px;
}

i.flag.an:before,
i.flag.netherlands.antilles:before {
    background-position: 0 -182px;
}

i.flag.angola:before,
i.flag.ao:before {
    background-position: 0 -208px;
}

i.flag.ar:before,
i.flag.argentina:before {
    background-position: 0 -234px;
}

i.flag.american.samoa:before,
i.flag.as:before {
    background-position: 0 -260px;
}

i.flag.at:before,
i.flag.austria:before {
    background-position: 0 -286px;
}

i.flag.au:before,
i.flag.australia:before {
    background-position: 0 -312px;
}

i.flag.aruba:before,
i.flag.aw:before {
    background-position: 0 -338px;
}

i.flag.aland.islands:before,
i.flag.ax:before {
    background-position: 0 -364px;
}

i.flag.az:before,
i.flag.azerbaijan:before {
    background-position: 0 -390px;
}

i.flag.ba:before,
i.flag.bosnia:before {
    background-position: 0 -416px;
}

i.flag.barbados:before,
i.flag.bb:before {
    background-position: 0 -442px;
}

i.flag.bangladesh:before,
i.flag.bd:before {
    background-position: 0 -468px;
}

i.flag.be:before,
i.flag.belgium:before {
    background-position: 0 -494px;
}

i.flag.bf:before,
i.flag.burkina.faso:before {
    background-position: 0 -520px;
}

i.flag.bg:before,
i.flag.bulgaria:before {
    background-position: 0 -546px;
}

i.flag.bahrain:before,
i.flag.bh:before {
    background-position: 0 -572px;
}

i.flag.bi:before,
i.flag.burundi:before {
    background-position: 0 -598px;
}

i.flag.benin:before,
i.flag.bj:before {
    background-position: 0 -624px;
}

i.flag.bermuda:before,
i.flag.bm:before {
    background-position: 0 -650px;
}

i.flag.bn:before,
i.flag.brunei:before {
    background-position: 0 -676px;
}

i.flag.bo:before,
i.flag.bolivia:before {
    background-position: 0 -702px;
}

i.flag.br:before,
i.flag.brazil:before {
    background-position: 0 -728px;
}

i.flag.bahamas:before,
i.flag.bs:before {
    background-position: 0 -754px;
}

i.flag.bhutan:before,
i.flag.bt:before {
    background-position: 0 -780px;
}

i.flag.bouvet.island:before,
i.flag.bv:before {
    background-position: 0 -806px;
}

i.flag.botswana:before,
i.flag.bw:before {
    background-position: 0 -832px;
}

i.flag.belarus:before,
i.flag.by:before {
    background-position: 0 -858px;
}

i.flag.belize:before,
i.flag.bz:before {
    background-position: 0 -884px;
}

i.flag.ca:before,
i.flag.canada:before {
    background-position: 0 -910px;
}

i.flag.cc:before,
i.flag.cocos.islands:before {
    background-position: 0 -962px;
}

i.flag.cd:before,
i.flag.congo:before {
    background-position: 0 -988px;
}

i.flag.central.african.republic:before,
i.flag.cf:before {
    background-position: 0 -1014px;
}

i.flag.cg:before,
i.flag.congo.brazzaville:before {
    background-position: 0 -1040px;
}

i.flag.ch:before,
i.flag.switzerland:before {
    background-position: 0 -1066px;
}

i.flag.ci:before,
i.flag.cote.divoire:before {
    background-position: 0 -1092px;
}

i.flag.ck:before,
i.flag.cook.islands:before {
    background-position: 0 -1118px;
}

i.flag.chile:before,
i.flag.cl:before {
    background-position: 0 -1144px;
}

i.flag.cameroon:before,
i.flag.cm:before {
    background-position: 0 -1170px;
}

i.flag.china:before,
i.flag.cn:before {
    background-position: 0 -1196px;
}

i.flag.co:before,
i.flag.colombia:before {
    background-position: 0 -1222px;
}

i.flag.costa.rica:before,
i.flag.cr:before {
    background-position: 0 -1248px;
}

i.flag.cs:before,
i.flag.serbia:before {
    background-position: 0 -1274px;
}

i.flag.cu:before,
i.flag.cuba:before {
    background-position: 0 -1300px;
}

i.flag.cape.verde:before,
i.flag.cv:before {
    background-position: 0 -1326px;
}

i.flag.christmas.island:before,
i.flag.cx:before {
    background-position: 0 -1352px;
}

i.flag.cy:before,
i.flag.cyprus:before {
    background-position: 0 -1378px;
}

i.flag.cz:before,
i.flag.czech.republic:before {
    background-position: 0 -1404px;
}

i.flag.de:before,
i.flag.germany:before {
    background-position: 0 -1430px;
}

i.flag.dj:before,
i.flag.djibouti:before {
    background-position: 0 -1456px;
}

i.flag.denmark:before,
i.flag.dk:before {
    background-position: 0 -1482px;
}

i.flag.dm:before,
i.flag.dominica:before {
    background-position: 0 -1508px;
}

i.flag.do:before,
i.flag.dominican.republic:before {
    background-position: 0 -1534px;
}

i.flag.algeria:before,
i.flag.dz:before {
    background-position: 0 -1560px;
}

i.flag.ec:before,
i.flag.ecuador:before {
    background-position: 0 -1586px;
}

i.flag.ee:before,
i.flag.estonia:before {
    background-position: 0 -1612px;
}

i.flag.eg:before,
i.flag.egypt:before {
    background-position: 0 -1638px;
}

i.flag.eh:before,
i.flag.western.sahara:before {
    background-position: 0 -1664px;
}

i.flag.england:before,
i.flag.gb.eng:before {
    background-position: 0 -1690px;
}

i.flag.er:before,
i.flag.eritrea:before {
    background-position: 0 -1716px;
}

i.flag.es:before,
i.flag.spain:before {
    background-position: 0 -1742px;
}

i.flag.et:before,
i.flag.ethiopia:before {
    background-position: 0 -1768px;
}

i.flag.eu:before,
i.flag.european.union:before {
    background-position: 0 -1794px;
}

i.flag.fi:before,
i.flag.finland:before {
    background-position: 0 -1846px;
}

i.flag.fiji:before,
i.flag.fj:before {
    background-position: 0 -1872px;
}

i.flag.falkland.islands:before,
i.flag.fk:before {
    background-position: 0 -1898px;
}

i.flag.fm:before,
i.flag.micronesia:before {
    background-position: 0 -1924px;
}

i.flag.faroe.islands:before,
i.flag.fo:before {
    background-position: 0 -1950px;
}

i.flag.fr:before,
i.flag.france:before {
    background-position: 0 -1976px;
}

i.flag.ga:before,
i.flag.gabon:before {
    background-position: -36px 0;
}

i.flag.gb:before,
i.flag.uk:before,
i.flag.united.kingdom:before {
    background-position: -36px -26px;
}

i.flag.gd:before,
i.flag.grenada:before {
    background-position: -36px -52px;
}

i.flag.ge:before,
i.flag.georgia:before {
    background-position: -36px -78px;
}

i.flag.french.guiana:before,
i.flag.gf:before {
    background-position: -36px -104px;
}

i.flag.gh:before,
i.flag.ghana:before {
    background-position: -36px -130px;
}

i.flag.gi:before,
i.flag.gibraltar:before {
    background-position: -36px -156px;
}

i.flag.gl:before,
i.flag.greenland:before {
    background-position: -36px -182px;
}

i.flag.gambia:before,
i.flag.gm:before {
    background-position: -36px -208px;
}

i.flag.gn:before,
i.flag.guinea:before {
    background-position: -36px -234px;
}

i.flag.gp:before,
i.flag.guadeloupe:before {
    background-position: -36px -260px;
}

i.flag.equatorial.guinea:before,
i.flag.gq:before {
    background-position: -36px -286px;
}

i.flag.gr:before,
i.flag.greece:before {
    background-position: -36px -312px;
}

i.flag.gs:before,
i.flag.sandwich.islands:before {
    background-position: -36px -338px;
}

i.flag.gt:before,
i.flag.guatemala:before {
    background-position: -36px -364px;
}

i.flag.gu:before,
i.flag.guam:before {
    background-position: -36px -390px;
}

i.flag.guinea-bissau:before,
i.flag.gw:before {
    background-position: -36px -416px;
}

i.flag.guyana:before,
i.flag.gy:before {
    background-position: -36px -442px;
}

i.flag.hk:before,
i.flag.hong.kong:before {
    background-position: -36px -468px;
}

i.flag.heard.island:before,
i.flag.hm:before {
    background-position: -36px -494px;
}

i.flag.hn:before,
i.flag.honduras:before {
    background-position: -36px -520px;
}

i.flag.croatia:before,
i.flag.hr:before {
    background-position: -36px -546px;
}

i.flag.haiti:before,
i.flag.ht:before {
    background-position: -36px -572px;
}

i.flag.hu:before,
i.flag.hungary:before {
    background-position: -36px -598px;
}

i.flag.id:before,
i.flag.indonesia:before {
    background-position: -36px -624px;
}

i.flag.ie:before,
i.flag.ireland:before {
    background-position: -36px -650px;
}

i.flag.il:before,
i.flag.israel:before {
    background-position: -36px -676px;
}

i.flag.in:before,
i.flag.india:before {
    background-position: -36px -702px;
}

i.flag.indian.ocean.territory:before,
i.flag.io:before {
    background-position: -36px -728px;
}

i.flag.iq:before,
i.flag.iraq:before {
    background-position: -36px -754px;
}

i.flag.ir:before,
i.flag.iran:before {
    background-position: -36px -780px;
}

i.flag.iceland:before,
i.flag.is:before {
    background-position: -36px -806px;
}

i.flag.it:before,
i.flag.italy:before {
    background-position: -36px -832px;
}

i.flag.jamaica:before,
i.flag.jm:before {
    background-position: -36px -858px;
}

i.flag.jo:before,
i.flag.jordan:before {
    background-position: -36px -884px;
}

i.flag.japan:before,
i.flag.jp:before {
    background-position: -36px -910px;
}

i.flag.ke:before,
i.flag.kenya:before {
    background-position: -36px -936px;
}

i.flag.kg:before,
i.flag.kyrgyzstan:before {
    background-position: -36px -962px;
}

i.flag.cambodia:before,
i.flag.kh:before {
    background-position: -36px -988px;
}

i.flag.ki:before,
i.flag.kiribati:before {
    background-position: -36px -1014px;
}

i.flag.comoros:before,
i.flag.km:before {
    background-position: -36px -1040px;
}

i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
    background-position: -36px -1066px;
}

i.flag.kp:before,
i.flag.north.korea:before {
    background-position: -36px -1092px;
}

i.flag.kr:before,
i.flag.south.korea:before {
    background-position: -36px -1118px;
}

i.flag.kuwait:before,
i.flag.kw:before {
    background-position: -36px -1144px;
}

i.flag.cayman.islands:before,
i.flag.ky:before {
    background-position: -36px -1170px;
}

i.flag.kazakhstan:before,
i.flag.kz:before {
    background-position: -36px -1196px;
}

i.flag.la:before,
i.flag.laos:before {
    background-position: -36px -1222px;
}

i.flag.lb:before,
i.flag.lebanon:before {
    background-position: -36px -1248px;
}

i.flag.lc:before,
i.flag.saint.lucia:before {
    background-position: -36px -1274px;
}

i.flag.li:before,
i.flag.liechtenstein:before {
    background-position: -36px -1300px;
}

i.flag.lk:before,
i.flag.sri.lanka:before {
    background-position: -36px -1326px;
}

i.flag.liberia:before,
i.flag.lr:before {
    background-position: -36px -1352px;
}

i.flag.lesotho:before,
i.flag.ls:before {
    background-position: -36px -1378px;
}

i.flag.lithuania:before,
i.flag.lt:before {
    background-position: -36px -1404px;
}

i.flag.lu:before,
i.flag.luxembourg:before {
    background-position: -36px -1430px;
}

i.flag.latvia:before,
i.flag.lv:before {
    background-position: -36px -1456px;
}

i.flag.libya:before,
i.flag.ly:before {
    background-position: -36px -1482px;
}

i.flag.ma:before,
i.flag.morocco:before {
    background-position: -36px -1508px;
}

i.flag.mc:before,
i.flag.monaco:before {
    background-position: -36px -1534px;
}

i.flag.md:before,
i.flag.moldova:before {
    background-position: -36px -1560px;
}

i.flag.me:before,
i.flag.montenegro:before {
    background-position: -36px -1586px;
}

i.flag.madagascar:before,
i.flag.mg:before {
    background-position: -36px -1613px;
}

i.flag.marshall.islands:before,
i.flag.mh:before {
    background-position: -36px -1639px;
}

i.flag.macedonia:before,
i.flag.mk:before {
    background-position: -36px -1665px;
}

i.flag.mali:before,
i.flag.ml:before {
    background-position: -36px -1691px;
}

i.flag.burma:before,
i.flag.mm:before,
i.flag.myanmar:before {
    background-position: -73px -1821px;
}

i.flag.mn:before,
i.flag.mongolia:before {
    background-position: -36px -1743px;
}

i.flag.macau:before,
i.flag.mo:before {
    background-position: -36px -1769px;
}

i.flag.mp:before,
i.flag.northern.mariana.islands:before {
    background-position: -36px -1795px;
}

i.flag.martinique:before,
i.flag.mq:before {
    background-position: -36px -1821px;
}

i.flag.mauritania:before,
i.flag.mr:before {
    background-position: -36px -1847px;
}

i.flag.montserrat:before,
i.flag.ms:before {
    background-position: -36px -1873px;
}

i.flag.malta:before,
i.flag.mt:before {
    background-position: -36px -1899px;
}

i.flag.mauritius:before,
i.flag.mu:before {
    background-position: -36px -1925px;
}

i.flag.maldives:before,
i.flag.mv:before {
    background-position: -36px -1951px;
}

i.flag.malawi:before,
i.flag.mw:before {
    background-position: -36px -1977px;
}

i.flag.mexico:before,
i.flag.mx:before {
    background-position: -72px 0;
}

i.flag.malaysia:before,
i.flag.my:before {
    background-position: -72px -26px;
}

i.flag.mozambique:before,
i.flag.mz:before {
    background-position: -72px -52px;
}

i.flag.na:before,
i.flag.namibia:before {
    background-position: -72px -78px;
}

i.flag.nc:before,
i.flag.new.caledonia:before {
    background-position: -72px -104px;
}

i.flag.ne:before,
i.flag.niger:before {
    background-position: -72px -130px;
}

i.flag.nf:before,
i.flag.norfolk.island:before {
    background-position: -72px -156px;
}

i.flag.ng:before,
i.flag.nigeria:before {
    background-position: -72px -182px;
}

i.flag.ni:before,
i.flag.nicaragua:before {
    background-position: -72px -208px;
}

i.flag.netherlands:before,
i.flag.nl:before {
    background-position: -72px -234px;
}

i.flag.no:before,
i.flag.norway:before {
    background-position: -72px -260px;
}

i.flag.nepal:before,
i.flag.np:before {
    background-position: -72px -286px;
}

i.flag.nauru:before,
i.flag.nr:before {
    background-position: -72px -312px;
}

i.flag.niue:before,
i.flag.nu:before {
    background-position: -72px -338px;
}

i.flag.new.zealand:before,
i.flag.nz:before {
    background-position: -72px -364px;
}

i.flag.om:before,
i.flag.oman:before {
    background-position: -72px -390px;
}

i.flag.pa:before,
i.flag.panama:before {
    background-position: -72px -416px;
}

i.flag.pe:before,
i.flag.peru:before {
    background-position: -72px -442px;
}

i.flag.french.polynesia:before,
i.flag.pf:before {
    background-position: -72px -468px;
}

i.flag.new.guinea:before,
i.flag.pg:before {
    background-position: -72px -494px;
}

i.flag.ph:before,
i.flag.philippines:before {
    background-position: -72px -520px;
}

i.flag.pakistan:before,
i.flag.pk:before {
    background-position: -72px -546px;
}

i.flag.pl:before,
i.flag.poland:before {
    background-position: -72px -572px;
}

i.flag.pm:before,
i.flag.saint.pierre:before {
    background-position: -72px -598px;
}

i.flag.pitcairn.islands:before,
i.flag.pn:before {
    background-position: -72px -624px;
}

i.flag.pr:before,
i.flag.puerto.rico:before {
    background-position: -72px -650px;
}

i.flag.palestine:before,
i.flag.ps:before {
    background-position: -72px -676px;
}

i.flag.portugal:before,
i.flag.pt:before {
    background-position: -72px -702px;
}

i.flag.palau:before,
i.flag.pw:before {
    background-position: -72px -728px;
}

i.flag.paraguay:before,
i.flag.py:before {
    background-position: -72px -754px;
}

i.flag.qa:before,
i.flag.qatar:before {
    background-position: -72px -780px;
}

i.flag.re:before,
i.flag.reunion:before {
    background-position: -72px -806px;
}

i.flag.ro:before,
i.flag.romania:before {
    background-position: -72px -832px;
}

i.flag.rs:before,
i.flag.serbia:before {
    background-position: -72px -858px;
}

i.flag.ru:before,
i.flag.russia:before {
    background-position: -72px -884px;
}

i.flag.rw:before,
i.flag.rwanda:before {
    background-position: -72px -910px;
}

i.flag.sa:before,
i.flag.saudi.arabia:before {
    background-position: -72px -936px;
}

i.flag.sb:before,
i.flag.solomon.islands:before {
    background-position: -72px -962px;
}

i.flag.sc:before,
i.flag.seychelles:before {
    background-position: -72px -988px;
}

i.flag.gb.sct:before,
i.flag.scotland:before {
    background-position: -72px -1014px;
}

i.flag.sd:before,
i.flag.sudan:before {
    background-position: -72px -1040px;
}

i.flag.se:before,
i.flag.sweden:before {
    background-position: -72px -1066px;
}

i.flag.sg:before,
i.flag.singapore:before {
    background-position: -72px -1092px;
}

i.flag.saint.helena:before,
i.flag.sh:before {
    background-position: -72px -1118px;
}

i.flag.si:before,
i.flag.slovenia:before {
    background-position: -72px -1144px;
}

i.flag.jan.mayen:before,
i.flag.sj:before,
i.flag.svalbard:before {
    background-position: -72px -1170px;
}

i.flag.sk:before,
i.flag.slovakia:before {
    background-position: -72px -1196px;
}

i.flag.sierra.leone:before,
i.flag.sl:before {
    background-position: -72px -1222px;
}

i.flag.san.marino:before,
i.flag.sm:before {
    background-position: -72px -1248px;
}

i.flag.senegal:before,
i.flag.sn:before {
    background-position: -72px -1274px;
}

i.flag.so:before,
i.flag.somalia:before {
    background-position: -72px -1300px;
}

i.flag.sr:before,
i.flag.suriname:before {
    background-position: -72px -1326px;
}

i.flag.sao.tome:before,
i.flag.st:before {
    background-position: -72px -1352px;
}

i.flag.el.salvador:before,
i.flag.sv:before {
    background-position: -72px -1378px;
}

i.flag.sy:before,
i.flag.syria:before {
    background-position: -72px -1404px;
}

i.flag.swaziland:before,
i.flag.sz:before {
    background-position: -72px -1430px;
}

i.flag.caicos.islands:before,
i.flag.tc:before {
    background-position: -72px -1456px;
}

i.flag.chad:before,
i.flag.td:before {
    background-position: -72px -1482px;
}

i.flag.french.territories:before,
i.flag.tf:before {
    background-position: -72px -1508px;
}

i.flag.tg:before,
i.flag.togo:before {
    background-position: -72px -1534px;
}

i.flag.th:before,
i.flag.thailand:before {
    background-position: -72px -1560px;
}

i.flag.tajikistan:before,
i.flag.tj:before {
    background-position: -72px -1586px;
}

i.flag.tk:before,
i.flag.tokelau:before {
    background-position: -72px -1612px;
}

i.flag.timorleste:before,
i.flag.tl:before {
    background-position: -72px -1638px;
}

i.flag.tm:before,
i.flag.turkmenistan:before {
    background-position: -72px -1664px;
}

i.flag.tn:before,
i.flag.tunisia:before {
    background-position: -72px -1690px;
}

i.flag.to:before,
i.flag.tonga:before {
    background-position: -72px -1716px;
}

i.flag.tr:before,
i.flag.turkey:before {
    background-position: -72px -1742px;
}

i.flag.trinidad:before,
i.flag.tt:before {
    background-position: -72px -1768px;
}

i.flag.tuvalu:before,
i.flag.tv:before {
    background-position: -72px -1794px;
}

i.flag.taiwan:before,
i.flag.tw:before {
    background-position: -72px -1820px;
}

i.flag.tanzania:before,
i.flag.tz:before {
    background-position: -72px -1846px;
}

i.flag.ua:before,
i.flag.ukraine:before {
    background-position: -72px -1872px;
}

i.flag.ug:before,
i.flag.uganda:before {
    background-position: -72px -1898px;
}

i.flag.um:before,
i.flag.us.minor.islands:before {
    background-position: -72px -1924px;
}

i.flag.america:before,
i.flag.united.states:before,
i.flag.us:before {
    background-position: -72px -1950px;
}

i.flag.uruguay:before,
i.flag.uy:before {
    background-position: -72px -1976px;
}

i.flag.uz:before,
i.flag.uzbekistan:before {
    background-position: -108px 0;
}

i.flag.va:before,
i.flag.vatican.city:before {
    background-position: -108px -26px;
}

i.flag.saint.vincent:before,
i.flag.vc:before {
    background-position: -108px -52px;
}

i.flag.ve:before,
i.flag.venezuela:before {
    background-position: -108px -78px;
}

i.flag.british.virgin.islands:before,
i.flag.vg:before {
    background-position: -108px -104px;
}

i.flag.us.virgin.islands:before,
i.flag.vi:before {
    background-position: -108px -130px;
}

i.flag.vietnam:before,
i.flag.vn:before {
    background-position: -108px -156px;
}

i.flag.vanuatu:before,
i.flag.vu:before {
    background-position: -108px -182px;
}

i.flag.gb.wls:before,
i.flag.wales:before {
    background-position: -108px -208px;
}

i.flag.wallis.and.futuna:before,
i.flag.wf:before {
    background-position: -108px -234px;
}

i.flag.samoa:before,
i.flag.ws:before {
    background-position: -108px -260px;
}

i.flag.ye:before,
i.flag.yemen:before {
    background-position: -108px -286px;
}

i.flag.mayotte:before,
i.flag.yt:before {
    background-position: -108px -312px;
}

i.flag.south.africa:before,
i.flag.za:before {
    background-position: -108px -338px;
}

i.flag.zambia:before,
i.flag.zm:before {
    background-position: -108px -364px;
}

i.flag.zimbabwe:before,
i.flag.zw:before {
    background-position: -108px -390px;
}

.ui.header {
    border: none;
    margin: calc(2rem - .14285714em) 0 1rem;
    padding: 0 0;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 1.28571429em;
    text-transform: none;
    color: var(--primary-text-color);
}

.ui.header:first-child {
    margin-top: -.14285714em;
}

.ui.header:last-child {
    margin-bottom: 0;
}

h3.ui.header {
    font-size: 1.28571429rem;
}

/* Semantic's icon fonts are not loaded (the app draws its icons itself, see the
   glyphs below); the family names stay, as the fallback font's metrics size
   these boxes. */
i.icon {
    display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

i.icon {
    font-size: 1em;
}

/* Semantic's own glyphs in the app's stroke style: Lucide's search, x and
   chevrons as masks in the text color. Each element sets its --glyph (the
   dropdown caret and the sort arrows with their components). */
i.icon.search:before,
i.icon.close:before,
.ui.dropdown>.dropdown.icon:before,
.ui.sortable.table thead th.sorted:after {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: var(--glyph) center / contain no-repeat;
    mask: var(--glyph) center / contain no-repeat;
}

i.icon.search {
    --glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
}

i.icon.close {
    --glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
}

.ui.input {
    position: relative;
    font-weight: 400;
    font-style: normal;
    display: inline-flex;
    color: rgba(0,0,0,.87);
}

.ui.input>input {
    margin: 0;
    max-width: 100%;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-align: left;
    line-height: 1.21428571em;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    padding: .67857143em 1em;
    background: var(--input-background);
    color: var(--primary-text-color);
    transition: box-shadow .1s ease,border-color .1s ease;
}

/* Its border and shadow, inside a form too, where the form's own input rules
   would outrank .ui.input>input. */
.ui.input>input,
.ui.form .field .ui.input input {
    border: 1px solid var(--input-border);
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.ui.input>input::-webkit-input-placeholder {
    color: rgba(191,191,191,.87);
}

.ui.input>input::-moz-placeholder {
    color: rgba(191,191,191,.87);
}

.ui.input>input:-ms-input-placeholder {
    color: rgba(191,191,191,.87);
}

.ui.disabled.input {
    opacity: .45;
}

.ui.disabled.input>input {
    pointer-events: none;
}

.ui.input.focus>input,
.ui.input>input:focus,
.ui.form .field .ui.input input:focus {
    border-color: var(--input-focus-border);
}

.ui.input.focus>input::-webkit-input-placeholder,
.ui.input>input:focus::-webkit-input-placeholder {
    color: rgba(115,115,115,.87);
}

.ui.input.focus>input::-moz-placeholder,
.ui.input>input:focus::-moz-placeholder {
    color: rgba(115,115,115,.87);
}

.ui.input.focus>input:-ms-input-placeholder,
.ui.input>input:focus:-ms-input-placeholder {
    color: rgba(115,115,115,.87);
}

.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.icon.input>input {
    padding-right: 2.67142857em !important;
}

.ui.icon.input>i.icon:after,
.ui.icon.input>i.icon:before {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    margin-top: -.5em;
}

.ui.icon.input>input:focus~i.icon {
    opacity: 1;
}

.ui.action.input>.button {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.ui.action.input>.button {
    padding-top: .78571429em;
    padding-bottom: .78571429em;
    margin: 0;
}

.ui.action.input:not([class*="left action"])>input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right-color: transparent !important;
}

.ui.action.input:not([class*="left action"])>.button:not(:first-child) {
    border-radius: 0;
}

.ui.action.input:not([class*="left action"])>.button:last-child {
    border-radius: 0 .28571429rem .28571429rem 0;
}

.ui.action.input:not([class*="left action"])>input:focus {
    border-right-color: #85b7d9 !important;
}

.ui.fluid.input {
    display: flex;
}

.ui.fluid.input>input {
    width: 0 !important;
}

.ui.small.input {
    font-size: .92857143em;
}

.ui.input {
    font-size: 1em;
}

.ui.label {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 .14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: .5833em .833em;
    color: rgba(0,0,0,.6);
    text-transform: none;
    font-weight: 700;
    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;
}

.ui.ribbon.label {
    position: relative;
    margin: 0;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 0 .28571429rem .28571429rem 0;
    border-color: rgba(0,0,0,.15);
}

.ui.ribbon.label:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    background-color: transparent !important;
    border-style: solid;
    border-width: 0 1.2em 1.2em 0;
    border-color: transparent;
    border-right-color: inherit;
    width: 0;
    height: 0;
}

.ui.ribbon.label {
    left: calc(-1rem - 1.2em);
    margin-right: -1.2em;
    padding-left: calc(1rem + 1.2em);
    padding-right: 1.2em;
}

.ui.red.label {
    background-color: #db2828 !important;
    border-color: #db2828 !important;
    color: #fff !important;
}

.ui.orange.label {
    background-color: #f2711c !important;
    border-color: #f2711c !important;
    color: #fff !important;
}

.ui.green.label {
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    color: #fff !important;
}

.ui.green.ribbon.label {
    border-color: var(--ribbon-fold) !important;
}

.ui.tiny.label {
    font-size: .71428571rem;
}

.ui.small.label {
    font-size: .78571429rem;
}

.ui.label {
    font-size: .85714286rem;
}

.ui.list {
    list-style-type: none;
    margin: 1em 0;
    padding: 0 0;
}

.ui.list:first-child {
    margin-top: 0;
    padding-top: 0;
}

.ui.list:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.ui.list>.item {
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: .21428571em 0;
    line-height: 1.14285714em;
}

.ui.list>.item:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui.list>.item:first-child {
    padding-top: 0;
}

.ui.list>.item:last-child {
    padding-bottom: 0;
}

.ui.list>.item>.content {
    line-height: 1.14285714em;
}

.ui.selection.list>.item {
    cursor: pointer;
    background: 0 0;
    padding: .5em .5em;
    margin: 0;
    color: rgba(0,0,0,.4);
    border-radius: .5em;
    transition: .1s color ease,.1s padding-left ease,.1s background-color ease;
}

.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: rgba(0,0,0,.8);
}

.ui.selection.list>.item:active {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.9);
}

.ui.selection.list>.item.active {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95);
}

.ui.inverted.selection.list>.item {
    background: 0 0;
    color: rgba(255,255,255,.5);
}

.ui.inverted.selection.list>.item:hover {
    background: rgba(255,255,255,.02);
    color: #fff;
}

.ui.inverted.selection.list>.item:active {
    background: rgba(255,255,255,.08);
    color: #fff;
}

.ui.inverted.selection.list>.item.active {
    background: rgba(255,255,255,.08);
    color: #fff;
}

.ui.fitted.selection.list>.item {
    margin-left: -.5em;
    margin-right: -.5em;
}

.ui.list {
    font-size: 1em;
}

.ui.loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    text-align: center;
    z-index: 1000;
    transform: translateX(-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 linear;
    animation: loader .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent;
}

@-webkit-keyframes loader {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes loader {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.ui.loader:after,
.ui.loader:before {
    width: 2.28571429rem;
    height: 2.28571429rem;
    margin: 0 0 0 -1.14285714rem;
}

.ui.loader.active,
.ui.loader.visible {
    display: block;
}

.ui.loader {
    width: 2.28571429rem;
    height: 2.28571429rem;
    font-size: 1em;
}

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

/* Every segment, basic and inverted too, is a panel of the theme. */
.ui.segment {
    position: relative;
    background: var(--segment-background);
    color: var(--primary-text-color);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    margin: 1rem 0;
    padding: 1em 1em;
    border-radius: .28571429rem;
    border: 1px solid var(--border-color);
}

.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;
    border-radius: 0;
    box-shadow: none;
}

.ui.raised.segment {
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);
}

.ui.basic.segment {
    box-shadow: none;
    border-radius: 0;
}

.ui.inverted.segment {
    box-shadow: none;
}

.ui.attached.segment {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% - (-1px * 2));
    max-width: calc(100% - (-1px * 2));
    box-shadow: none;
}

.ui.segment[class*="bottom attached"] {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 1rem;
    border-radius: 0 0 .28571429rem .28571429rem;
}

.ui.segment[class*="bottom attached"]:last-child {
    margin-bottom: 0;
}

.ui.segment {
    font-size: 1rem;
}

.ui.form {
    position: relative;
    max-width: 100%;
}

.ui.form .field {
    clear: both;
    margin: 0 0 1em;
}

.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 0;
    color: var(--primary-text-color);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none;
}

.ui.form input:not([type]),
.ui.form input[type=number],
.ui.form input[type=text] {
    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=number],
.ui.form input[type=text] {
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255,255,255,0);
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    font-size: 1em;
    background: var(--input-background);
    border: 1px solid rgba(34,36,38,.15);
    color: var(--hover-text-color);
    border-radius: .28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    transition: color .1s ease,border-color .1s ease;
}

.ui.form input[type=checkbox] {
    vertical-align: top;
}

.ui.form .field>.selection.dropdown {
    width: 100%;
}

.ui.form .field>.selection.dropdown>.dropdown.icon {
    float: right;
}

.ui.form .field .ui.input,
.ui.form .fields .field .ui.input {
    width: 100%;
}

.ui.form .inline.field:not(.wide) .ui.input {
    width: auto;
    vertical-align: middle;
}

.ui.form .field .ui.input input {
    width: auto;
}

.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 .error.error input:-webkit-autofill {
    box-shadow: 0 0 0 100px #fffaf0 inset !important;
    border-color: #e0b4b4 !important;
}

.ui.form ::-webkit-input-placeholder {
    color: rgba(191,191,191,.87);
}

.ui.form :-ms-input-placeholder {
    color: rgba(191,191,191,.87) !important;
}

.ui.form ::-moz-placeholder {
    color: rgba(191,191,191,.87);
}

.ui.form :focus::-webkit-input-placeholder {
    color: rgba(115,115,115,.87);
}

.ui.form :focus:-ms-input-placeholder {
    color: rgba(115,115,115,.87) !important;
}

.ui.form :focus::-moz-placeholder {
    color: rgba(115,115,115,.87);
}

.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 input:not([type]):focus,
.ui.form input[type=number]:focus,
.ui.form input[type=text]:focus {
    border-color: #85b7d9;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
}

/* A field in error only outlines its input. */
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type=number],
.ui.form .field.error input[type=text],
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type=text] {
    border-color: #e0b4b4;
    box-shadow: none;
}

.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type=number]:focus,
.ui.form .field.error input[type=text]:focus {
    border-color: #e0b4b4;
    -webkit-appearance: none;
    box-shadow: none;
}

.ui.form .field :disabled {
    pointer-events: none;
    opacity: .45;
}

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

@media only screen and (max-width:767px) {
    .ui.form .fields {
        flex-wrap: wrap;
    }

    .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable)>.field {
        width: 100% !important;
        margin: 0 0 1em;
    }
}

@media only screen and (max-width:767px) {
    .ui.form .fields {
        margin-bottom: 0;
    }
}

.ui.form [class*="equal width"].fields>.field {
    width: 100%;
    flex: 1 1 auto;
}

.ui.form .inline.field>label {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: baseline;
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none;
}

.ui.form .inline.field>:first-child {
    margin: 0 .85714286em 0 0;
}

.ui.form .inline.field>:only-child {
    margin: 0;
}

.ui.form {
    font-size: 1rem;
}

.ui.grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0;
}

.ui.grid {
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-left: -1rem;
    margin-right: -1rem;
}

.ui.relaxed.grid {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.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>.column:only-child,
.ui.grid>.row>.column:only-child {
    width: 100%;
}

.ui[class*="two column"].grid>.column:not(.row),
.ui[class*="two column"].grid>.row>.column {
    width: 50%;
}

.ui[class*="three column"].grid>.column:not(.row) {
    width: 33.33333333%;
}

.ui.grid>.row>[class*="sixteen wide"].column {
    width: 100% !important;
}

.ui.relaxed.grid>.column:not(.row) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ui.doubling.grid {
        width: auto;
    }

    .ui.doubling.grid>.row {
        margin: 0 !important;
        padding: 0 !important;
    }

    .ui.doubling.grid>.row>.column {
        display: inline-block !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        box-shadow: none !important;
        margin: 0;
    }
}

@media only screen and (max-width:767px) {
    .ui.doubling.grid>.row {
        margin: 0 !important;
        padding: 0 !important;
    }

    .ui.doubling.grid>.row>.column {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        margin: 0 !important;
        box-shadow: none !important;
    }
}

@media only screen and (max-width:767px) {
    .ui.stackable.grid {
        width: auto;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Stacked columns have no neighbour to gutter against: no side padding
       (Semantic: 1rem), which only widened the gap to the screen edge. */
    .ui.stackable.grid>.column:not(.row),
    .ui.stackable.grid>.row>.column,
    .ui.stackable.grid>.row>.wide.column {
        width: 100% !important;
        margin: 0 0 !important;
        box-shadow: none !important;
        padding: 1rem 0 !important;
    }

    .ui.stackable.grid:not(.vertically)>.row {
        margin: 0;
        padding: 0;
    }
}

/* Every menu, tabular, secondary and pagination too, sits on the theme's menu
   background with the theme's border along its bottom edge (the other edges
   keep Semantic's faint line). */
.ui.menu {
    display: flex;
    margin: 1rem 0;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    background: var(--menu-background-color);
    font-weight: 400;
    border: 1px solid rgba(34,36,38,.15);
    border-bottom-color: var(--border-color);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    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;
    -ms-user-select: none;
    user-select: none;
    background: var(--menu-background-color);
    padding: .92857143em 1.14285714em;
    text-transform: none;
    color: var(--primary-text-color);
    font-weight: 400;
    transition: background .1s ease,box-shadow .1s ease,color .1s ease;
}

/* (An active item is square, see below.) */
.ui.menu>.item:first-child:not(.active) {
    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 .item>i.icon {
    opacity: .9;
    float: none;
    margin: 0 .35714286em 0 0;
}

.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;
    margin: 0 0 0;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
    flex-direction: column !important;
}

/* Items of a dropdown in a menu (the pools and the languages in the top bar)
   are Semantic's: their text colors itself (.primary-text). */
.ui.menu .ui.dropdown .menu>.item {
    margin: 0;
    text-align: left;
    font-size: 1em;
    padding: .78571429em 1.14285714em;
    background: 0 0;
    color: rgba(0,0,0,.87);
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    transition: none;
}

.ui.menu .ui.dropdown .menu>.item:hover {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95);
}

.ui.menu .ui.dropdown .menu>.selected.item {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95);
}

.ui.menu .ui.dropdown .menu>.active.item {
    background: rgba(0,0,0,.03);
    font-weight: 700;
    color: rgba(0,0,0,.95);
}

.ui.menu .item>.label {
    margin-left: 1em;
    padding: .3em .78571429em;
}

.ui.menu .item>img:not(.ui) {
    display: inline-block;
    vertical-align: middle;
    margin: -.3em 0;
    width: 2.5em;
}

.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
    cursor: pointer;
}

.ui.menu .active.item>i.icon {
    opacity: 1;
}

.ui.menu:not(.vertical) .right.menu {
    display: flex;
    margin-left: auto !important;
}

.ui.menu .right.menu>.item::before {
    right: auto;
    left: 0;
}

.ui.tabular.menu {
    border-radius: 0;
    box-shadow: none !important;
    border: none;
    border-bottom: 1px solid var(--border-color);
}

.ui.tabular.menu .item {
    border-bottom: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    padding: .92857143em 1.42857143em;
}

.ui.tabular.menu .item:before {
    display: none;
}

.ui.tabular.menu .active.item {
    font-weight: 700;
}

.ui.tabular.menu+.attached:not(.top).segment {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    width: 100%;
}

.ui.pagination.menu {
    margin: 0;
    display: inline-flex;
    vertical-align: middle;
}

.ui.pagination.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.secondary.menu {
    margin-left: -.35714286em;
    margin-right: -.35714286em;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--border-color);
    box-shadow: none;
}

.ui.secondary.menu .item {
    align-self: center;
    box-shadow: none;
    border: none;
    padding: .78571429em .92857143em;
    margin: 0 .35714286em;
    transition: color .1s ease;
    border-radius: .28571429rem;
}

.ui.secondary.menu .item:before {
    display: none !important;
}

.ui.secondary.pointing.menu {
    margin-left: 0;
    margin-right: 0;
}

.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 .active.item {
    font-weight: 700;
}

@media only screen and (max-width:767px) {
    .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.attached.menu {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% - (-1px * 2));
    max-width: calc(100% - (-1px * 2));
    box-shadow: none;
}

.ui.attached.tabular.menu {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

/* The active item and tab of every menu: the theme's active background in a
   1px border open at the bottom, square, with a thin gradient band along the
   bottom edge (--menu-active-underline). .ui doubled to outrank the menu
   variants' own item rules; after them, so it wins ties. */
.ui.ui.menu .active.item {
    border: 1px solid var(--border-color);
    border-bottom-color: transparent;
    border-radius: 0;
    color: var(--stat-blue);
    background-color: var(--active-tab-background);
    background-image: var(--menu-active-underline);
    background-size: var(--menu-underline-width) 2px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-origin: border-box;
    animation: menu-underline-grow .3s cubic-bezier(.2,.8,.2,1);
}

/* It sinks into the menu's bottom border, like a tabular menu's active tab;
   the pointing variant's items set their own margin. */
.ui.menu .active.item {
    margin-bottom: -1px;
}

/* The band grows out from the middle once, when an item becomes active: on a
   tab switch, and in the top menu as each page mounts. It animates this
   registered property, which the band's size reads. */
@property --menu-underline-width {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 100%;
}

@keyframes menu-underline-grow {
    from {
        --menu-underline-width: 0%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ui.ui.menu .active.item {
        animation: none;
    }
}

/* Under the pointer, active or not (the same weight as the active rule, after
   it). */
.ui.ui.menu .item:hover {
    background-color: var(--menu-hover-background);
    color: var(--hover-text-color);
}

.ui.menu {
    font-size: 1rem;
}

.ui.message {
    position: relative;
    min-height: 1em;
    margin: 1em 0;
    background: #f8f8f9;
    padding: 1em 1.5em;
    line-height: 1.4285em;
    color: rgba(0,0,0,.87);
    transition: opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent;
}

.ui.message:first-child {
    margin-top: 0;
}

.ui.message:last-child {
    margin-bottom: 0;
}

.ui.message>.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.positive.message {
    background-color: var(--success-message-background);
    color: var(--success-message-text-color);
}

.ui.positive.message {
    box-shadow: 0 0 0 1px #a3c293 inset,0 0 0 0 transparent;
}

.ui.negative.message {
    background-color: var(--error-message-background);
    color: var(--error-message-text-color);
}

.ui.negative.message {
    box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;
}

.ui.message {
    font-size: 1em;
}

/* Every table, basic and compact too: the theme's surface and border, 8px
   cells with a line above each row, the header on its own surface, and rows
   that light up under the pointer. */
.ui.table {
    width: 100%;
    background: var(--table-background);
    margin: 1em 0;
    border: 1px solid var(--border-color);
    box-shadow: none;
    border-radius: .28571429rem;
    text-align: left;
    color: var(--primary-text-color);
    border-collapse: separate;
    border-spacing: 0;
}

.ui.table:first-child {
    margin-top: 0;
}

.ui.table:last-child {
    margin-bottom: 0;
}

.ui.table td,
.ui.table th {
    transition: background .1s ease,color .1s ease;
}

.ui.table thead {
    box-shadow: none;
}

.ui.table thead th {
    cursor: auto;
    background: var(--table-header-background);
    text-align: inherit;
    color: var(--primary-text-color);
    padding: 8px;
    vertical-align: inherit;
    font-style: none;
    font-weight: 700;
    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 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 tr td {
    border-top: 1px solid var(--border-color);
}

.ui.table td {
    padding: 8px;
    text-align: inherit;
}

.ui.table tbody tr {
    background: var(--table-background);
}

.ui.table tbody tr:hover {
    background: var(--table-hover-background);
    color: var(--hover-text-color);
}

/* Pending rows (blocks not yet unlocked, stale workers) keep their tint under
   the pointer; offline workers' rows keep their red text. */
.ui.table tr.warning,
.ui.table tr.warning:hover {
    background: var(--pending-row-background);
    color: var(--primary-text-color);
}

.ui.table tr.negative {
    background: transparent;
}

.ui.table tr.negative,
.ui.table tr.negative:hover {
    color: var(--effort-critical-color);
}

.ui.table [class*="center aligned"] {
    text-align: center;
}

.ui.table [class*="right aligned"] {
    text-align: right;
}

.ui.fixed.table {
    table-layout: fixed;
}

.ui.fixed.table td,
.ui.fixed.table th {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui.table[class*="single line"] {
    white-space: nowrap;
}

.ui.table[class*="single line"] {
    white-space: nowrap;
}

.ui.table th.three.wide {
    width: 18.75%;
}

.ui.table th.six.wide {
    width: 37.5%;
}

.ui.sortable.table thead th {
    cursor: pointer;
    white-space: nowrap;
    border-left: 1px solid rgba(34,36,38,.15);
}

.ui.sortable.table thead 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;
    -ms-user-select: none;
    user-select: none;
}

.ui.sortable.table thead 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;
}

/* The sort arrow: Lucide's chevrons (see the glyphs with the icons). */
.ui.sortable.table thead th.sorted:after {
    display: inline-block;
    vertical-align: middle;
}

.ui.sortable.table thead th.ascending {
    --glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E");
}

.ui.sortable.table thead th.descending {
    --glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

.ui.basic.table th {
    border-left: none;
}

.ui.basic.table tbody tr {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.ui.basic.table td {
    background: 0 0;
}

/* The one striping that shows: a basic table's even rows (How to Mine's
   ports), which keep their tint under the pointer. */
.ui.basic.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0,0,0,.05);
}

.ui.celled.table tr td,
.ui.celled.table tr th {
    border-left: 1px solid rgba(34,36,38,.1);
}

.ui.celled.table tr td:first-child,
.ui.celled.table tr th:first-child {
    border-left: none;
}

.ui.table {
    font-size: 1em;
}

.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    min-height: 17px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px;
}

.ui.checkbox input[type=checkbox] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
    outline: 0;
    z-index: 3;
    width: 17px;
    height: 17px;
}

.ui.checkbox label {
    cursor: auto;
    position: relative;
    display: block;
    padding-left: 1.85714em;
    outline: 0;
    font-size: 1em;
}

.ui.checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    content: '';
    background: #fff;
    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: rgba(0,0,0,.87);
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
}

.ui.checkbox label {
    color: var(--primary-text-color);
    transition: color .1s ease;
}

.ui.checkbox label:hover::before {
    background: #fff;
    border-color: rgba(34,36,38,.35);
}

.ui.checkbox label:active::before {
    background: #f9fafb;
    border-color: rgba(34,36,38,.35);
}

.ui.checkbox label:active::after {
    color: rgba(0,0,0,.95);
}

.ui.checkbox input:focus~label:before {
    background: #fff;
    border-color: #96c8da;
}

.ui.checkbox input:focus~label:after {
    color: rgba(0,0,0,.95);
}

.ui.checkbox input:checked~label:before {
    background: #fff;
    border-color: rgba(34,36,38,.35);
}

.ui.checkbox input:checked~label:after {
    opacity: 1;
    color: rgba(0,0,0,.95);
}

.ui.checkbox input:checked:focus~label:before {
    background: #fff;
    border-color: #96c8da;
}

.ui.checkbox input:checked:focus~label:after {
    color: rgba(0,0,0,.95);
}

.ui.checkbox input.hidden {
    z-index: -1;
}

.ui.checkbox input.hidden+label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.ui.toggle.checkbox label {
    padding-top: .15em;
}

/* An off track that shows on both themes. */
.ui.toggle.checkbox label:before {
    display: block;
    position: absolute;
    content: '';
    z-index: 1;
    transform: none;
    border: none;
    top: 0;
    background: rgba(160,160,170,.45);
    box-shadow: none;
    width: 3.5rem;
    height: 1.5rem;
    border-radius: 500rem;
}

.ui.toggle.checkbox label:after {
    background: #fff linear-gradient(transparent,rgba(0,0,0,.05));
    position: absolute;
    content: '' !important;
    opacity: 1;
    z-index: 2;
    border: none;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) 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 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
}

.ui.toggle.checkbox input:checked~label:before {
    background-color: #2185d0;
}

.ui.toggle.checkbox input:checked~label:after {
    left: 2.15rem;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
}

.ui.toggle.checkbox input:focus:checked~label:before {
    background-color: #0d71bb;
}

.ui.fitted.checkbox label {
    padding-left: 0 !important;
}

.ui.fitted.toggle.checkbox {
    width: 3.5rem;
}

.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-color: 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;
    -ms-user-select: none;
    user-select: none;
    will-change: opacity;
    z-index: 1000;
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
    background: rgba(255,255,255,.1);
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.25);
}

.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.35);
}

.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.page.dimmer {
    position: fixed;
    transform-style: '';
    perspective: 2000px;
    transform-origin: center center;
}

body.animating.in.dimmable,
body.dimmed.dimmable {
    overflow: hidden;
}

body.dimmable>.dimmer {
    position: fixed;
}

/* Every dropdown is a box of the theme (a selection one too); its menu and
   items are boxes as well, the items lit under the pointer. */
.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    border: 1px solid var(--border-color);
    background: var(--dropdown-background);
    color: var(--primary-text-color);
    transition: box-shadow .1s ease,width .1s ease;
    -webkit-tap-highlight-color: transparent;
}

.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: 0;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0 0;
    background: var(--dropdown-menu-background);
    color: var(--primary-text-color);
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    border: 1px solid var(--border-color);
    border-radius: .28571429rem;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform,opacity;
}

.ui.dropdown .visible.menu {
    display: block;
}

.ui.dropdown .menu>* {
    white-space: nowrap;
}

.ui.dropdown>.dropdown.icon {
    position: relative;
    width: auto;
    font-size: .85714286em;
    margin: 0 0 0 1em;
}

.ui.dropdown>.text {
    display: inline-block;
    transition: none;
}

.ui.dropdown .menu>.item {
    position: relative;
    cursor: pointer;
    display: block;
    border: 1px solid var(--border-color);
    background: var(--dropdown-menu-background);
    height: auto;
    text-align: left;
    line-height: 1em;
    color: var(--hover-text-color);
    padding: .78571429rem 1.14285714rem !important;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none;
}

.ui.dropdown .menu>.header {
    margin: 1rem 0 .75rem;
    padding: 0 1.14285714rem;
    color: var(--secondary-text-color);
    font-size: .78571429em;
    font-weight: 700;
    text-transform: uppercase;
}

.ui.dropdown .menu>.message {
    padding: .78571429rem 1.14285714rem;
    font-weight: 400;
}

.ui.dropdown .menu>.message:not(.ui) {
    color: rgba(0,0,0,.4);
}

.ui.menu .ui.dropdown .menu>.item:before {
    display: none;
}

.ui.menu .right.menu .dropdown:last-child>.menu {
    left: auto;
    right: 0;
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    transform: rotateZ(0);
    min-width: 14em;
    min-height: 2.71428571em;
    display: inline-block;
    padding: .78571429em 2.1em .78571429em 1em;
    box-shadow: none;
    border-radius: .28571429rem;
    transition: box-shadow .1s ease,width .1s ease;
}

.ui.selection.dropdown.active,
.ui.selection.dropdown.visible {
    z-index: 10;
}

.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: 0;
    margin: 0 -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 0 0 .28571429rem .28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    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:767px) {
    .ui.selection.dropdown .menu {
        max-height: 8.01428571rem;
    }
}

@media only screen and (min-width:768px) {
    .ui.selection.dropdown .menu {
        max-height: 10.68571429rem;
    }
}

@media only screen and (min-width:992px) {
    .ui.selection.dropdown .menu {
        max-height: 16.02857143rem;
    }
}

@media only screen and (min-width:1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem;
    }
}

.ui.selection.dropdown .menu>.item {
    padding: .78571429rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal;
}

.ui.selection.active.dropdown {
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.active.dropdown .menu {
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.dropdown:focus {
    box-shadow: none;
}

.ui.selection.dropdown:focus .menu {
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.active.dropdown:hover {
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.selection.active.dropdown:hover .menu {
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
}

.ui.active.selection.dropdown {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.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: 0;
    -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: 3;
}

.ui.search.selection.dropdown>input.search {
    line-height: 1.21428571em;
    padding: .67857143em 2.1em .67857143em 1em;
}

.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 {
    color: rgba(115,115,115,.87) !important;
}

.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:767px) {
    .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 .menu .active.item {
    background: var(--dropdown-hover-background);
    font-weight: 700;
    box-shadow: none;
    z-index: 12;
}

.ui.dropdown .menu>.item:hover {
    border-color: var(--border-color-hover);
    background: var(--dropdown-hover-background);
    color: var(--dropdown-item-hover-text-color);
    z-index: 13;
}

.ui.default.dropdown:not(.button)>.text,
.ui.dropdown:not(.button)>.default.text {
    color: rgba(191,191,191,.87);
}

.ui.default.dropdown:not(.button)>input:focus~.text,
.ui.dropdown:not(.button)>input:focus~.default.text {
    color: rgba(115,115,115,.87);
}

.ui.dropdown>.filtered.text {
    visibility: hidden;
}

.ui.dropdown .filtered.item {
    display: none !important;
}

.ui.dropdown .menu {
    left: 0;
}

.ui.dropdown>.left.menu {
    left: auto !important;
    right: 0 !important;
}

.ui.upward.dropdown>.menu {
    top: auto;
    bottom: 100%;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
    border-radius: .28571429rem .28571429rem 0 0;
}

.ui.dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important;
}

.ui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08);
}

.ui.upward.selection.dropdown:hover {
    box-shadow: 0 0 2px 0 rgba(0,0,0,.05);
}

.ui.active.upward.selection.dropdown {
    border-radius: 0 0 .28571429rem .28571429rem !important;
}

.ui.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
    border-radius: 0 0 .28571429rem .28571429rem !important;
}

.ui.upward.active.selection.dropdown:hover {
    box-shadow: 0 0 3px 0 rgba(0,0,0,.05);
}

.ui.upward.active.selection.dropdown:hover .menu {
    box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08);
}

.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0;
}

.ui.fluid.dropdown>.dropdown.icon {
    float: right;
}

@font-face {
    font-family: Dropdown;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) 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;
}

/* The caret: Lucide's chevron (see the glyphs with the icons). */
.ui.dropdown>.dropdown.icon {
    width: auto;
    --glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

.ui.modal {
    position: absolute;
    display: none;
    z-index: 1001;
    text-align: left;
    background: var(--modal-background);
    color: var(--primary-text-color);
    border: none;
    box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);
    transform-origin: 50% 25%;
    flex: 0 0 auto;
    border-radius: .28571429rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    will-change: top,left,margin,transform,opacity;
}

.ui.modal>:first-child:not(.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>.header {
    display: block;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    background: var(--modal-header-background);
    margin: 0;
    padding: 1.25rem 1.5rem;
    box-shadow: none;
    color: var(--hover-text-color);
    border-bottom: 1px solid rgba(34,36,38,.15);
}

.ui.modal>.header:not(.ui) {
    font-size: 1.42857143rem;
    line-height: 1.28571429em;
    font-weight: 700;
}

.ui.modal>.content {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 1.5rem;
    background: var(--modal-content-background);
}

@media only screen and (max-width:767px) {
    .ui.modal {
        width: 95%;
        margin: 0;
    }
}

@media only screen and (min-width:768px) {
    .ui.modal {
        width: 88%;
        margin: 0;
    }
}

@media only screen and (min-width:992px) {
    .ui.modal {
        width: 850px;
        margin: 0;
    }
}

@media only screen and (min-width:1200px) {
    .ui.modal {
        width: 900px;
        margin: 0;
    }
}

@media only screen and (min-width:1920px) {
    .ui.modal {
        width: 950px;
        margin: 0;
    }
}

@media only screen and (max-width:991px) {
    .ui.modal>.header {
        padding-right: 2.25rem;
    }
}

@media only screen and (max-width:767px) {
    .ui.modal>.header {
        padding: .75rem 1rem !important;
        padding-right: 2.25rem !important;
    }

    .ui.modal>.content {
        display: block;
        padding: 1rem !important;
    }
}

.ui.basic.modal {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none !important;
}

.ui.active.modal {
    display: block;
}

.scrolling.dimmable.dimmed {
    overflow: hidden;
}

.scrolling.dimmable>.dimmer {
    justify-content: flex-start;
}

.scrolling.dimmable.dimmed>.dimmer {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.scrolling.dimmable>.dimmer {
    position: fixed;
}

.modals.dimmer .ui.scrolling.modal {
    margin: 1rem auto;
}

.ui.modal .scrolling.content {
    max-height: calc(80vh - 10em);
    overflow: auto;
}

.ui.modal {
    font-size: 1rem;
}

@media only screen and (max-width:767px) {
    .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.popup {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    z-index: 1900;
    border: var(--popup-border);
    line-height: 1.4285em;
    max-width: 250px;
    background: var(--popup-background);
    padding: .833em 1em;
    font-weight: 400;
    font-style: normal;
    color: var(--popup-text-color);
    border-radius: .28571429rem;
    box-shadow: var(--popup-shadow);
}

/* (No arrow.) */
.ui.popup {
    margin: 0;
}

.ui.top.popup {
    margin: 0 0 .71428571em;
}

.ui.top.left.popup {
    transform-origin: left bottom;
}

.ui.bottom.popup {
    margin: .71428571em 0 0;
}

.ui.bottom.left.popup {
    transform-origin: left top;
}

.ui.bottom.left.popup {
    margin-left: 0;
}

.ui.top.left.popup {
    margin-left: 0;
}

.ui.animating.popup,
.ui.visible.popup {
    display: block;
}

.ui.visible.popup {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ui.wide.popup {
    max-width: 350px;
}

@media only screen and (max-width:767px) {
    .ui.wide.popup {
        max-width: 250px;
    }
}

.ui.popup {
    font-size: 1rem;
}

.ui.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: none;
    will-change: transform;
    transform: translate3d(0,0,0);
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    height: 100% !important;
    max-height: 100%;
    border-radius: 0 !important;
    margin: 0 !important;
    overflow-y: auto !important;
    z-index: 102;
}

.ui.sidebar>* {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ui.left.sidebar {
    right: auto;
    left: 0;
    transform: translate3d(-100%,0,0);
}

.ui.animating.sidebar {
    visibility: visible;
}

.ui.visible.sidebar {
    visibility: visible;
    transform: translate3d(0,0,0);
}

.ui.left.visible.sidebar {
    box-shadow: 0 0 20px rgba(34,36,38,.15);
}

.ui.left.sidebar {
    width: 260px;
}

.ui.overlay.sidebar {
    z-index: 102;
}

.ui.left.overlay.sidebar {
    transform: translate3d(-100%,0,0);
}

.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
    transition: transform .5s ease;
}

.ui.visible.left.overlay.sidebar {
    transform: translate3d(0,0,0);
}

.ui.tab {
    display: none;
}

.ui.tab.active,
.ui.tab.open {
    display: block;
}