比較文本

尋找兩個文字檔案之間的差異

即時編輯器

摺疊未變更行

關閉換行

檢視

比對精度

語法突出顯示

Diffchecker Desktop 執行Diffchecker最安全的方式。取得Diffchecker桌面應用程式：您的差異永遠不會離開您的電腦！取得桌面版

StackOverflow - CSS before and after formatting change

建立於 6 年前差異永不過期

2 刪除

行
總計
刪除

字符
總計
刪除

要繼續使用此功能，請升級到 Diffchecker Pro 查看價格

1052 行

4 新增

行
總計
新增

字符
總計
新增

要繼續使用此功能，請升級到 Diffchecker Pro 查看價格

1052 行

// OLD CSS retrieved with WAYBACK MACHINE (Jul 24, 2020)

// NEW CSS (retrieved Aug 29, 2020)

html,body {

color: var(--black-800);

font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;

font-size: 13px;

line-height: 1.30769231

}

@media (max-width: 640px) {

html.html__responsive:not(.html__unpinned-leftnav) ,html.html__responsive:not(.html__unpinned-leftnav) body {

font-size:11px

}

@media (max-width: 640px) {

html.html__responsive.html__unpinned-leftnav ,html.html__responsive.html__unpinned-leftnav body {

font-size:11px

}

body {

box-sizing: border-box;

min-height: 100%;

background-color: var(--white)

}

body *,body *:before,body *:after {

box-sizing: inherit

}

.s-banner__body-pt {

padding-top: 93px

}

.s-banner {

position: fixed;

z-index: 5049;

top: 0;

right: 0;

left: 0;

width: 100%;

padding: 12px;

border-top: 1px solid transparent;

border-bottom: 1px solid transparent;

border-radius: 0;

box-shadow: none;

color: var(--fc-medium);

font-size: 13px

}

.s-banner[aria-hidden="true"] {

visibility: hidden;

opacity: 0;

-webkit-transform: translate3d(0, -50px, 0);

transform: translate3d(0, -50px, 0)

}

.s-banner[aria-hidden="false"] {

visibility: visible;

opacity: 1;

-webkit-transform: translate3d(0, 49px, 0);

transform: translate3d(0, 49px, 0)

}

.s-banner.is-pinned {

z-index: 5051;

-webkit-transform: translate3d(0, 0, 0);

transform: translate3d(0, 0, 0)

}

.s-banner.s-banner__important {

border-color: transparent;

color: var(--white)

}

.s-banner--container {

position: relative;

width: 100%;

max-width: 1060px;

margin: 0 auto

}

.s-btn {

position: relative;

display: inline-block;

padding: .8em;

border: 1px solid transparent;

border-radius: 3px;

background-color: transparent;

outline: none;

font-family: inherit;

font-size: 13px;

font-weight: normal;

line-height: 1.15384615;

text-align: center;

text-decoration: none;

cursor: pointer;

color: var(--blue-600)

}

.s-btn.grid {

display: flex

}

.s-btn:hover,.s-btn:focus,.s-btn:active {

color: var(--blue-700);

background: var(--blue-050);

text-decoration: none

}

.s-btn:active {

background: var(--blue-100)

}

.s-btn:focus {

outline: none;

box-shadow: 0 0 0 4px var(--focus-ring)

}

.s-btn[disabled] {

opacity: 1;

cursor: default;

pointer-events: none;

color: var(--black-300);

background-color: var(--black-050);

box-shadow: none

}

.s-btn.is-selected {

color: var(--blue-900);

background: var(--blue-200);

box-shadow: none

}

.s-btn.is-selected:focus {

box-shadow: 0 0 0 4px var(--focus-ring)

}

.s-btn.s-btn__dropdown {

padding-right: 2em

}

.s-btn.s-btn__dropdown:after {

content: "";

position: absolute;

z-index: 30;

top: calc(50% - 2px);

right: .8em;

border-style: solid;

border-width: 4px;

border-top-width: 4px;

border-bottom-width: 0;

border-color: currentColor transparent;

pointer-events: none

}

.s-btn.s-btn__xs {

padding: .6em;

font-size: 11px

}

.s-btn.s-btn__xs.s-btn__dropdown {

padding-right: 1.5em

}

.s-btn.s-btn__xs.s-btn__dropdown:after {

top: calc(50% - 2px);

right: .6em;

border-width: 3px;

border-top-width: 3px;

border-bottom-width: 0

}

.s-btn.s-btn__sm {

font-size: 12px

}

.s-btn.s-btn__sm.s-btn__dropdown {

padding-right: 2.05em

}

.s-btn.s-btn__md {

padding: .7em;

border-radius: 4px;

font-size: 1.30769231rem

}

.s-btn.s-btn__md.s-btn__dropdown {

padding-right: 1.8em

}

.s-btn.s-btn__md.s-btn__dropdown:after {

top: calc(50% - 2px);

right: .7em;

border-width: 5px;

border-top-width: 5px;

border-bottom-width: 0

}

.s-btn.s-btn__lg {

padding: .6em;

border-radius: 4px;

font-size: 2.07692308rem

}

.s-btn.s-btn__lg.s-btn__dropdown {

padding-right: 1.5em

}

.s-btn.s-btn__lg.s-btn__dropdown:after {

top: calc(50% - 2px);

right: .6em;

border-width: 6px;

border-top-width: 6px;

border-bottom-width: 0

}

.s-btn.s-btn__xl {

padding: .5em;

border-radius: 6px;

font-size: 2.61538461rem

}

.s-btn.s-btn__xl.s-btn__dropdown {

padding-right: 1.3em

}

.s-btn.s-btn__xl.s-btn__dropdown:after {

top: calc(50% - 4px);

right: .5em;

border-width: 7px;

border-top-width: 7px;

border-bottom-width: 0

}

.s-btn .s-btn--badge {

opacity: .5;

display: inline-block;

border-radius: 3px;

padding: 2px 3px;

font-size: 12px;

line-height: 1;

background-color: currentColor

}

.s-btn .s-btn--number {

color: var(--white)

}

@media (prefers-color-scheme:dark) {

body.theme-system .s-btn__primary:not(.is-selected):not([disabled]) .s-btn--number,.s-btn__danger.s-btn__filled:not(.is-selected):not([disabled]) .s-btn--number {

color: #0c0d0e

}

body.theme-dark .s-btn__primary:not(.is-selected):not([disabled]) .s-btn--number,.s-btn__danger.s-btn__filled:not(.is-selected):not([disabled]) .s-btn--number,.theme-dark__forced .s-btn__primary:not(.is-selected):not([disabled]) .s-btn--number,.s-btn__danger.s-btn__filled:not(.is-selected):not([disabled]) .s-btn--number {

color: #0c0d0e

}

.s-btn__outlined {

border-color: var(--blue-400)

}

.s-btn__outlined.is-selected {

border-color: var(--blue-600)

}

.s-btn__outlined[disabled] {

color: var(--black-200);

border-color: var(--black-100);

background-color: transparent

}

.s-btn__filled {

color: var(--powder-700);

background-color: var(--powder-100);

border-color: var(--powder-500);

box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7)

}

.s-btn__filled:hover,.s-btn__filled:focus,.s-btn__filled:active {

color: var(--powder-800);

background-color: var(--powder-300)

}

.s-btn__filled:active {

background-color: var(--powder-400);

border-color: var(--powder-600);

box-shadow: none

}

.s-btn__filled[disabled] {

background-color: var(--black-075);

border-color: var(--black-150);

box-shadow: none

}

.s-btn__filled.is-selected {

color: var(--powder-900);

background-color: var(--powder-500);

border-color: var(--powder-700);

box-shadow: none

}

@media (prefers-color-scheme:dark) {

body.theme-system .s-btn__filled {

box-shadow: none

}

body.theme-dark .s-btn__filled,.theme-dark__forced .s-btn__filled {

box-shadow: none

}

.s-btn__muted {

color: var(--black-500)

}

.s-btn__muted:hover,.s-btn__muted:focus,.s-btn__muted:active {

color: var(--black-600);

background-color: var(--black-025)

}

.s-btn__muted:active {

background: var(--black-050)

}

.s-btn__muted:focus {

box-shadow: 0 0 0 4px var(--focus-ring-muted)

}

.s-btn__muted.is-selected {

color: var(--black-700);

background-color: var(--black-075)

}

.s-btn__muted.is-selected:focus {

box-shadow: 0 0 0 4px var(--focus-ring-muted)

}

.s-btn__muted.s-btn__outlined {

border-color: var(--black-300)

}

.s-btn__muted.s-btn__outlined.is-selected {

border-color: var(--black-400)

}

.s-btn__muted.s-btn__outlined[disabled] {

border-color: var(--black-100)

}

.s-btn__muted.s-btn__filled {

color: var(--black-700);

background-color: var(--black-100);

border-color: transparent;

box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)

}

.s-btn__muted.s-btn__filled:hover,.s-btn__muted.s-btn__filled:focus,.s-btn__muted.s-btn__filled:active {

color: var(--black-700);

background-color: var(--black-150)

}

.s-btn__muted.s-btn__filled:active {

background-color: var(--black-200);

box-shadow: none

}

.s-btn__muted.s-btn__filled:focus {

box-shadow: 0 0 0 4px var(--focus-ring-muted)

}

.s-btn__muted.s-btn__filled.is-selected {

color: var(--black-800);

background-color: var(--black-350);

box-shadow: none

}

.s-btn__muted.s-btn__filled.is-selected:focus {

box-shadow: 0 0 0 4px var(--focus-ring-muted)

}

.s-btn__muted.s-btn__filled[disabled] {

color: var(--black-300);

box-shadow: none

}

@media (prefers-color-scheme:dark) {

body.theme-system .s-btn__muted.s-btn__filled {

box-shadow: none

}

body.theme-dark .s-btn__muted.s-btn__filled,.theme-dark__forced .s-btn__muted.s-btn__filled {

box-shadow: none

}

.s-btn__danger {

color: var(--red-600)

}

.s-btn__danger:hover,.s-btn__danger:focus,.s-btn__danger:active {

color: var(--red-700);

background-color: var(--red-050)

}

.s-btn__danger:active {

background-color: var(--red-100)

}

.s-btn__danger:focus {

box-shadow: 0 0 0 4px var(--focus-ring-error)

}

.s-btn__danger.is-selected {

color: var(--red-900);

background-color: var(--red-200)

}

.s-btn__danger.is-selected:focus {

box-shadow: 0 0 0 4px var(--focus-ring-error)

}

.s-btn__danger.s-btn__outlined {

border-color: var(--red-500)

}

.s-btn__danger.s-btn__outlined.is-selected {

border-color: var(--red-600)

}

.s-btn__danger.s-btn__outlined[disabled] {

border-color: var(--black-200)

}

.s-btn__danger.s-btn__filled {

color: #fff;

background-color: var(--red-500);

border-color: transparent;

box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)

}

.s-btn__danger.s-btn__filled:hover,.s-btn__danger.s-btn__filled:focus,.s-btn__danger.s-btn__filled:active {

color: #fff;

background-color: var(--red-600)

}

.s-btn__danger.s-btn__filled:active {

background-color: var(--red-700);

box-shadow: none

}

.s-btn__danger.s-btn__filled:focus {

box-shadow: 0 0 0 4px var(--focus-ring-error)

}

.s-btn__danger.s-btn__filled.is-selected {

color: var(--white);

background-color: var(--red-800);

box-shadow: none

}

.s-btn__danger.s-btn__filled.is-selected:focus {

box-shadow: 0 0 0 4px var(--focus-ring-error)

}

.s-btn__danger.s-btn__filled .s-btn--number {

color: var(--black-900)

}

.s-btn__danger.s-btn__filled[disabled] {

color: var(--white);

background-color: var(--black-200);

box-shadow: none

}

.s-btn__danger.s-btn__filled[disabled] .s-btn--number {

color: var(--black-300)

}

@media (prefers-color-scheme:dark) {

body.theme-system .s-btn__danger.s-btn__filled {

box-shadow: none

}

body.theme-dark .s-btn__danger.s-btn__filled,.theme-dark__forced .s-btn__danger.s-btn__filled {

box-shadow: none

}

.s-btn__primary {

color: #fff;

background-color: var(--blue-500);

box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)

}

.s-btn__primary:hover,.s-btn__primary:focus,.s-btn__primary:active {

color: #fff;

background-color: var(--blue-600)

}

.s-btn__primary:active {

background-color: var(--blue-700);

box-shadow: none

}

.s-btn__primary.is-selected {

color: var(--white);

background-color: var(--blue-800)

}

.s-btn__primary .s-btn--number {

color: var(--black-900)

}

.s-btn__primary[disabled] {

color: var(--white);

background-color: var(--black-200)

}

.s-btn__primary[disabled] .s-btn--number {

color: var(--black-300)

}

@media (prefers-color-scheme:dark) {

body.theme-system .s-btn__primary {

box-shadow: none

}

body.theme-dark .s-btn__primary,.theme-dark__forced .s-btn__primary {

box-shadow: none

}

.s-btn__google {

border-color: var(--black-100);

background-color: var(--white);

color: var(--black-700)

}

.s-btn__google:hover,.s-btn__google:focus {

border-color: var(--black-150);

background-color: var(--black-025);

color: var(--black-800)

}

.s-btn__google:active {

border-color: var(--black-200);

background-color: var(--black-050);

color: var(--black-900)

}

.s-btn__facebook {

border-color: transparent;

background-color: #385499;

color: #fff

}

.s-btn__facebook:hover,.s-btn__facebook:focus {

background-color: #314a86;

color: #fff

}

.s-btn__facebook:active {

background-color: #2a4074;

color: #fff

}

.s-btn__github {

background-color: var(--black-750);

color: var(--white)

}

.s-btn__github:hover,.s-btn__github:focus {

background-color: var(--black-800);

color: var(--white)

}

.s-btn__github:active {

background-color: var(--black-900);

color: var(--white)

}

.s-btn__unset,.s-btn__unset:hover,.s-btn__unset:active {

padding: 0;

border: none;

outline: none;

font: unset;

border-radius: 0;

color: unset;

background: none;

box-shadow: none;

cursor: default

}

.s-btn__unset:focus {

color: unset

}

.s-btn__link {

display: inline;

padding: 0;

border: none;

border-radius: 0;

outline: none;

font: inherit;

background: none;

box-shadow: none;

text-align: inherit;

text-decoration: none;

color: var(--blue-600);

cursor: pointer

}

.s-btn__link.s-link__visited:visited {

color: var(--blue-700);

text-decoration: none

}

.s-btn__link:hover,.s-btn__link.s-link__visited:hover,.s-btn__link:active,.s-btn__link.s-link__visited:active {

color: var(--blue-500);

text-decoration: none

}

.s-btn__link.s-link__grayscale {

color: var(--black-800)

}

.s-btn__link.s-link__grayscale.s-link__visited:visited {

color: var(--black-700)

}

.s-btn__link.s-link__grayscale:hover,.s-btn__link.s-link__grayscale.s-link__visited:hover,.s-btn__link.s-link__grayscale:active,.s-btn__link.s-link__grayscale.s-link__visited:active {

color: var(--black-900)

}

.s-btn__link.s-link__muted {

color: var(--black-500)

}

.s-btn__link.s-link__muted.s-link__visited:visited {

color: var(--black-700)

}

.s-btn__link.s-link__muted:hover,.s-btn__link.s-link__muted.s-link__visited:hover,.s-btn__link.s-link__muted:active,.s-btn__link.s-link__muted.s-link__visited:active {

color: var(--black-600)

}

.s-btn__link.s-link__danger {

color: var(--red-500)

}

.s-btn__link.s-link__danger.s-link__visited:visited {

color: var(--red-600)

}

.s-btn__link.s-link__danger:hover,.s-btn__link.s-link__danger.s-link__visited:hover,.s-btn__link.s-link__danger:active,.s-btn__link.s-link__danger.s-link__visited:active {

color: var(--red-400)

}

.s-btn__link.s-link__inherit {

color: inherit !important

}

.s-btn__link.s-link__inherit:hover,.s-btn__link.s-link__inherit:active,.s-btn__link.s-link__inherit.s-link__visited:visited {

color: inherit !important

}

.s-btn__link.s-link__underlined {

text-decoration: underline !important

}

.s-btn__link:hover,.s-btn__link:active,.s-btn__link:focus {

background: none

}

.s-btn__icon .svg-icon {

vertical-align: baseline;

margin-top: -0.3em;

margin-bottom: -0.3em;

transition: opacity 200ms cubic-bezier(.165, .84, .44, 1)

}

.s-btn.is-loading {

padding-left: 2.2em

}

.s-btn.is-loading:before {

content: "";

position: absolute;

opacity: .3;

left: .6em;

top: calc(50% - .6em);

width: 1.23076923em;

height: 1.23076923em;

border-width: 2px;

border-style: solid;

border-color: currentColor;

border-radius: 50%

}

.s-btn.is-loading:after {

content: "";

position: absolute;

left: .6em;

top: calc(50% - .6em);

width: 1.23076923em;

height: 1.23076923em;

border-width: 2px;

border-style: solid;

border-color: transparent;

border-left-color: currentColor;

border-radius: 50%;

animation: s-spinner-rotate .9s infinite cubic-bezier(.5, .1, .5, .9);

filter: invert(0);

transform-origin: 50% 50% 1px

}

.s-btn.is-loading .svg-icon:first-child {

margin-left: -23px;

opacity: 0

}

.s-btn.is-loading.s-btn__lg:before,.s-btn.is-loading.s-btn__lg:after {

border-width: 3px

}

.s-btn.is-loading.s-btn__xl:before,.s-btn.is-loading.s-btn__xl:after {

border-width: 4px

}

a,.s-link {

text-decoration: none;

color: var(--blue-600);

cursor: pointer

}

a.s-link__visited:visited,.s-link.s-link__visited:visited {

color: var(--blue-700);

text-decoration: none

}

a:hover,.s-link:hover,a.s-link__visited:hover,.s-link.s-link__visited:hover,a:active,.s-link:active,a.s-link__visited:active,.s-link.s-link__visited:active {

color: var(--blue-500);

text-decoration: none

}

a.s-link__grayscale,.s-link.s-link__grayscale {

color: var(--black-800)

}

a.s-link__grayscale.s-link__visited:visited,.s-link.s-link__grayscale.s-link__visited:visited {

color: var(--black-700)

}

a.s-link__grayscale:hover,.s-link.s-link__grayscale:hover,a.s-link__grayscale.s-link__visited:hover,.s-link.s-link__grayscale.s-link__visited:hover,a.s-link__grayscale:active,.s-link.s-link__grayscale:active,a.s-link__grayscale.s-link__visited:active,.s-link.s-link__grayscale.s-link__visited:active {

color: var(--black-900)

}

a.s-link__muted,.s-link.s-link__muted {

color: var(--black-500)

}

a.s-link__muted.s-link__visited:visited,.s-link.s-link__muted.s-link__visited:visited {

color: var(--black-700)

}

a.s-link__muted:hover,.s-link.s-link__muted:hover,a.s-link__muted.s-link__visited:hover,.s-link.s-link__muted.s-link__visited:hover,a.s-link__muted:active,.s-link.s-link__muted:active,a.s-link__muted.s-link__visited:active,.s-link.s-link__muted.s-link__visited:active {

color: var(--black-600)

}

a.s-link__danger,.s-link.s-link__danger {

color: var(--red-500)

}

a.s-link__danger.s-link__visited:visited,.s-link.s-link__danger.s-link__visited:visited {

color: var(--red-600)

}

a.s-link__danger:hover,.s-link.s-link__danger:hover,a.s-link__danger.s-link__visited:hover,.s-link.s-link__danger.s-link__visited:hover,a.s-link__danger:active,.s-link.s-link__danger:active,a.s-link__danger.s-link__visited:active,.s-link.s-link__danger.s-link__visited:active {

color: var(--red-400)

}

a.s-link__inherit,.s-link.s-link__inherit {

color: inherit !important

}

a.s-link__inherit:hover,.s-link.s-link__inherit:hover,a.s-link__inherit:active,.s-link.s-link__inherit:active,a.s-link__inherit.s-link__visited:visited,.s-link.s-link__inherit.s-link__visited:visited {

color: inherit !important

}

a.s-link__underlined,.s-link.s-link__underlined {

text-decoration: underline !important

}

button.s-link {

-webkit-appearance: none;

-moz-appearance: none;

background: transparent;

border: 0;

padding: 0;

line-height: inherit

}

button.s-link:focus {

outline: none

}

.s-anchors.s-anchors__underlined a:not(.s-link) {

text-decoration: underline

}

.s-anchors.s-anchors__default a:not(.s-link),.s-anchors .s-anchors.s-anchors__default a:not(.s-link) {

color: var(--blue-600)

}

.s-anchors.s-anchors__default a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__default a:not(.s-link):hover,.s-anchors.s-anchors__default a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__default a:not(.s-link):active {

color: var(--blue-500)

}

.s-anchors.s-anchors__default a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__default a:not(.s-link):visited {

color: var(--blue-700)

}

.s-anchors.s-anchors__grayscale a:not(.s-link),.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link) {

color: var(--black-700)

}

.s-anchors.s-anchors__grayscale a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):hover,.s-anchors.s-anchors__grayscale a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):active {

color: var(--black-600)

}

.s-anchors.s-anchors__grayscale a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):visited {

color: var(--black-900)

}

.s-anchors.s-anchors__inherit a:not(.s-link),.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link) {

color: inherit

}

.s-anchors.s-anchors__inherit a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link):hover,.s-anchors.s-anchors__inherit a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link):active {

color: inherit

}

.s-anchors.s-anchors__inherit a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link):visited {

color: inherit

}

.s-anchors.s-anchors__muted a:not(.s-link),.s-anchors .s-anchors.s-anchors__muted a:not(.s-link) {

color: var(--black-500)

}

.s-anchors.s-anchors__muted a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__muted a:not(.s-link):hover,.s-anchors.s-anchors__muted a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__muted a:not(.s-link):active {

color: var(--black-400)

}

.s-anchors.s-anchors__muted a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__muted a:not(.s-link):visited {

color: var(--black-600)

}

.s-anchors.s-anchors__danger a:not(.s-link),.s-anchors .s-anchors.s-anchors__danger a:not(.s-link) {

color: var(--red-500)

}

.s-anchors.s-anchors__danger a:not(.s-link):hover,.s-anchors .s-anchors.s-anchors__danger a:not(.s-link):hover,.s-anchors.s-anchors__danger a:not(.s-link):active,.s-anchors .s-anchors.s-anchors__danger a:not(.s-link):active {

color: var(--red-400)

}

.s-anchors.s-anchors__danger a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__danger a:not(.s-link):visited {

color: var(--red-600)

}

.s-block-link {

display: block;

color: var(--black-600);

padding: 6px 8px

}

.s-block-link:hover,.s-block-link:active {

color: var(--black-800)

}

.s-block-link.is-selected {

color: var(--black-800);

font-weight: bold;

background-color: var(--black-050)

}

.s-block-link.is-selected.s-block-link__right {

border-right: 3px solid #f48024

}

.s-block-link.is-selected.s-block-link__left {

border-left: 3px solid #f48024

}

.s-link-preview {

border: 1px solid var(--black-100);

border-radius: 3px;

text-align: left;

box-shadow: var(--bs-sm)

}

.s-link-preview--header {

display: flex;

background: var(--black-025);

border-top-left-radius: 3px;

border-top-right-radius: 3px;

border-bottom: 1px solid var(--black-100);

padding: 12px 8px

}

.s-link-preview--icon {

margin-right: 8px;

color: var(--black-800)

}

.s-link-preview--title {

font-size: 1.30769231rem;

font-weight: bold;

color: var(--black-900)

}

a.s-link-preview--title {

text-decoration: none;

color: var(--blue-600);

cursor: pointer

}

a.s-link-preview--title.s-link__visited:visited {

color: var(--blue-700);

text-decoration: none

}

a.s-link-preview--title:hover,a.s-link-preview--title.s-link__visited:hover,a.s-link-preview--title:active,a.s-link-preview--title.s-link__visited:active {

color: var(--blue-500);

text-decoration: none

}

.s-link-preview--details {

font-size: 12px;

color: var(--black-500);

margin-top: 2px

}

@media (max-width: 640px) {

html.html__responsive:not(.html__unpinned-leftnav) .s-link-preview--details {

margin-top:4px

}

@media (max-width: 640px) {

html.html__responsive.html__unpinned-leftnav .s-link-preview--details {

margin-top:4px

}

.s-link-preview--body {

padding: 12px;

font-size: 1.15384615rem

}

.s-link-preview--body *:last-child {

margin-bottom: 0

}

.s-link-preview--code pre {

scrollbar-color: var(--scrollbar) transparent;

display: flex;

width: 100%;

margin: 0;

border-radius: 0;

padding: 12px;

overflow: auto;

font-size: 13px;

line-height: 1.15384615;

background-color: var(--black-050);

font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;

max-height: 400px

}

.s-link-preview--code pre::-webkit-scrollbar {

width: 10px;

height: 10px;

background-color: transparent

}

.s-link-preview--code pre::-webkit-scrollbar-track {

border-radius: 10px;

background-color: transparent

}

.s-link-preview--code pre::-webkit-scrollbar-thumb {

border-radius: 10px;

background-color: var(--scrollbar)

}

.s-link-preview--code pre::-webkit-scrollbar-corner {

已保存差異

原始文本

開啟檔案

// OLD CSS retrieved with WAYBACK MACHINE (Jul 24, 2020)

html,body {
    color: var(--black-800);
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.30769231
}

@media (max-width: 640px) {
    html.html__responsive:not(.html__unpinned-leftnav) ,html.html__responsive:not(.html__unpinned-leftnav) body {
        font-size:11px
    }
}

@media (max-width: 640px) {
    html.html__responsive.html__unpinned-leftnav ,html.html__responsive.html__unpinned-leftnav body {
        font-size:11px
    }
}

body {
    box-sizing: border-box;
    min-height: 100%;
    background-color: var(--white)
}

body *,body *:before,body *:after {
    box-sizing: inherit
}

.s-banner__body-pt {
    padding-top: 93px
}

.s-banner {
    position: fixed;
    z-index: 5049;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    color: var(--fc-medium);
    font-size: 13px
}

.s-banner[aria-hidden="true"] {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0)
}

.s-banner[aria-hidden="false"] {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 49px, 0);
    transform: translate3d(0, 49px, 0)
}

.s-banner.is-pinned {
    z-index: 5051;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.s-banner.s-banner__important {
    border-color: transparent;
    color: var(--white)
}

.s-banner--container {
    position: relative;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto
}

.s-btn {
    position: relative;
    display: inline-block;
    padding: .8em;
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: transparent;
    outline: none;
    font-family: inherit;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.15384615;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: var(--blue-600)
}

.s-btn.grid {
    display: flex
}

.s-btn:hover,.s-btn:focus,.s-btn:active {
    color: var(--blue-700);
    background: var(--blue-050);
    text-decoration: none
}

.s-btn:active {
    background: var(--blue-100)
}

.s-btn:focus {
    outline: none;
    box-shadow: 0 0 0 4px var(--focus-ring)
}

.s-btn[disabled] {
    opacity: 1;
    cursor: default;
    pointer-events: none;
    color: var(--black-300);
    background-color: var(--black-050);
    box-shadow: none
}

.s-btn.is-selected {
    color: var(--blue-900);
    background: var(--blue-200);
    box-shadow: none
}

.s-btn.is-selected:focus {
    box-shadow: 0 0 0 4px var(--focus-ring)
}

.s-btn.s-btn__dropdown {
    padding-right: 2em
}

.s-btn.s-btn__dropdown:after {
    content: "";
    position: absolute;
    z-index: 30;
    top: calc(50% - 2px);
    right: .8em;
    border-style: solid;
    border-width: 4px;
    border-top-width: 4px;
    border-bottom-width: 0;
    border-color: currentColor transparent;
    pointer-events: none
}

.s-btn.s-btn__xs {
    padding: .6em;
    font-size: 11px
}

.s-btn.s-btn__xs.s-btn__dropdown {
    padding-right: 1.5em
}

.s-btn.s-btn__xs.s-btn__dropdown:after {
    top: calc(50% - 2px);
    right: .6em;
    border-width: 3px;
    border-top-width: 3px;
    border-bottom-width: 0
}

.s-btn.s-btn__sm {
    font-size: 12px
}

.s-btn.s-btn__sm.s-btn__dropdown {
    padding-right: 2.05em
}

.s-btn.s-btn__md {
    padding: .7em;
    border-radius: 4px;
    font-size: 1.30769231rem
}

.s-btn.s-btn__md.s-btn__dropdown {
    padding-right: 1.8em
}

.s-btn.s-btn__md.s-btn__dropdown:after {
    top: calc(50% - 2px);
    right: .7em;
    border-width: 5px;
    border-top-width: 5px;
    border-bottom-width: 0
}

.s-btn.s-btn__lg {
    padding: .6em;
    border-radius: 4px;
    font-size: 2.07692308rem
}

.s-btn.s-btn__lg.s-btn__dropdown {
    padding-right: 1.5em
}

.s-btn.s-btn__lg.s-btn__dropdown:after {
    top: calc(50% - 2px);
    right: .6em;
    border-width: 6px;
    border-top-width: 6px;
    border-bottom-width: 0
}

.s-btn.s-btn__xl {
    padding: .5em;
    border-radius: 6px;
    font-size: 2.61538461rem
}

.s-btn.s-btn__xl.s-btn__dropdown {
    padding-right: 1.3em
}

.s-btn.s-btn__xl.s-btn__dropdown:after {
    top: calc(50% - 4px);
    right: .5em;
    border-width: 7px;
    border-top-width: 7px;
    border-bottom-width: 0
}

.s-btn .s-btn--badge {
    opacity: .5;
    display: inline-block;
    border-radius: 3px;
    padding: 2px 3px;
    font-size: 12px;
    line-height: 1;
    background-color: currentColor
}

.s-btn .s-btn--number {
    color: var(--white)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-btn__primary:not(.is-selected):not([disabled]) .s-btn--number,.s-btn__danger.s-btn__filled:not(.is-selected):not([disabled]) .s-btn--number {
        color: #0c0d0e
    }
}

.s-btn__outlined {
    border-color: var(--blue-400)
}

.s-btn__outlined.is-selected {
    border-color: var(--blue-600)
}

.s-btn__outlined[disabled] {
    color: var(--black-200);
    border-color: var(--black-100);
    background-color: transparent
}

.s-btn__filled {
    color: var(--powder-700);
    background-color: var(--powder-100);
    border-color: var(--powder-500);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.7)
}

.s-btn__filled:hover,.s-btn__filled:focus,.s-btn__filled:active {
    color: var(--powder-800);
    background-color: var(--powder-300)
}

.s-btn__filled:active {
    background-color: var(--powder-400);
    border-color: var(--powder-600);
    box-shadow: none
}

.s-btn__filled[disabled] {
    background-color: var(--black-075);
    border-color: var(--black-150);
    box-shadow: none
}

.s-btn__filled.is-selected {
    color: var(--powder-900);
    background-color: var(--powder-500);
    border-color: var(--powder-700);
    box-shadow: none
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-btn__filled {
        box-shadow: none
    }
}

body.theme-dark .s-btn__filled,.theme-dark__forced .s-btn__filled {
    box-shadow: none
}

.s-btn__muted {
    color: var(--black-500)
}

.s-btn__muted:hover,.s-btn__muted:focus,.s-btn__muted:active {
    color: var(--black-600);
    background-color: var(--black-025)
}

.s-btn__muted:active {
    background: var(--black-050)
}

.s-btn__muted:focus {
    box-shadow: 0 0 0 4px var(--focus-ring-muted)
}

.s-btn__muted.is-selected {
    color: var(--black-700);
    background-color: var(--black-075)
}

.s-btn__muted.is-selected:focus {
    box-shadow: 0 0 0 4px var(--focus-ring-muted)
}

.s-btn__muted.s-btn__outlined {
    border-color: var(--black-300)
}

.s-btn__muted.s-btn__outlined.is-selected {
    border-color: var(--black-400)
}

.s-btn__muted.s-btn__outlined[disabled] {
    border-color: var(--black-100)
}

.s-btn__muted.s-btn__filled {
    color: var(--black-700);
    background-color: var(--black-100);
    border-color: transparent;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)
}

.s-btn__muted.s-btn__filled:hover,.s-btn__muted.s-btn__filled:focus,.s-btn__muted.s-btn__filled:active {
    color: var(--black-700);
    background-color: var(--black-150)
}

.s-btn__muted.s-btn__filled:active {
    background-color: var(--black-200);
    box-shadow: none
}

.s-btn__muted.s-btn__filled:focus {
    box-shadow: 0 0 0 4px var(--focus-ring-muted)
}

.s-btn__muted.s-btn__filled.is-selected {
    color: var(--black-800);
    background-color: var(--black-350);
    box-shadow: none
}

.s-btn__muted.s-btn__filled.is-selected:focus {
    box-shadow: 0 0 0 4px var(--focus-ring-muted)
}

.s-btn__muted.s-btn__filled[disabled] {
    color: var(--black-300);
    box-shadow: none
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-btn__muted.s-btn__filled {
        box-shadow: none
    }
}

body.theme-dark .s-btn__muted.s-btn__filled,.theme-dark__forced .s-btn__muted.s-btn__filled {
    box-shadow: none
}

.s-btn__danger {
    color: var(--red-600)
}

.s-btn__danger:hover,.s-btn__danger:focus,.s-btn__danger:active {
    color: var(--red-700);
    background-color: var(--red-050)
}

.s-btn__danger:active {
    background-color: var(--red-100)
}

.s-btn__danger:focus {
    box-shadow: 0 0 0 4px var(--focus-ring-error)
}

.s-btn__danger.is-selected {
    color: var(--red-900);
    background-color: var(--red-200)
}

.s-btn__danger.is-selected:focus {
    box-shadow: 0 0 0 4px var(--focus-ring-error)
}

.s-btn__danger.s-btn__outlined {
    border-color: var(--red-500)
}

.s-btn__danger.s-btn__outlined.is-selected {
    border-color: var(--red-600)
}

.s-btn__danger.s-btn__outlined[disabled] {
    border-color: var(--black-200)
}

.s-btn__danger.s-btn__filled {
    color: #fff;
    background-color: var(--red-500);
    border-color: transparent;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)
}

.s-btn__danger.s-btn__filled:hover,.s-btn__danger.s-btn__filled:focus,.s-btn__danger.s-btn__filled:active {
    color: #fff;
    background-color: var(--red-600)
}

.s-btn__danger.s-btn__filled:active {
    background-color: var(--red-700);
    box-shadow: none
}

.s-btn__danger.s-btn__filled:focus {
    box-shadow: 0 0 0 4px var(--focus-ring-error)
}

.s-btn__danger.s-btn__filled.is-selected {
    color: var(--white);
    background-color: var(--red-800);
    box-shadow: none
}

.s-btn__danger.s-btn__filled.is-selected:focus {
    box-shadow: 0 0 0 4px var(--focus-ring-error)
}

.s-btn__danger.s-btn__filled .s-btn--number {
    color: var(--black-900)
}

.s-btn__danger.s-btn__filled[disabled] {
    color: var(--white);
    background-color: var(--black-200);
    box-shadow: none
}

.s-btn__danger.s-btn__filled[disabled] .s-btn--number {
    color: var(--black-300)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-btn__danger.s-btn__filled {
        box-shadow: none
    }
}

body.theme-dark .s-btn__danger.s-btn__filled,.theme-dark__forced .s-btn__danger.s-btn__filled {
    box-shadow: none
}

.s-btn__primary {
    color: #fff;
    background-color: var(--blue-500);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)
}

.s-btn__primary:hover,.s-btn__primary:focus,.s-btn__primary:active {
    color: #fff;
    background-color: var(--blue-600)
}

.s-btn__primary:active {
    background-color: var(--blue-700);
    box-shadow: none
}

.s-btn__primary.is-selected {
    color: var(--white);
    background-color: var(--blue-800)
}

.s-btn__primary .s-btn--number {
    color: var(--black-900)
}

.s-btn__primary[disabled] {
    color: var(--white);
    background-color: var(--black-200)
}

.s-btn__primary[disabled] .s-btn--number {
    color: var(--black-300)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-btn__primary {
        box-shadow: none
    }
}

body.theme-dark .s-btn__primary,.theme-dark__forced .s-btn__primary {
    box-shadow: none
}

.s-btn__google {
    border-color: var(--black-100);
    background-color: var(--white);
    color: var(--black-700)
}

.s-btn__google:hover,.s-btn__google:focus {
    border-color: var(--black-150);
    background-color: var(--black-025);
    color: var(--black-800)
}

.s-btn__google:active {
    border-color: var(--black-200);
    background-color: var(--black-050);
    color: var(--black-900)
}

.s-btn__facebook {
    border-color: transparent;
    background-color: #385499;
    color: #fff
}

.s-btn__facebook:hover,.s-btn__facebook:focus {
    background-color: #314a86;
    color: #fff
}

.s-btn__facebook:active {
    background-color: #2a4074;
    color: #fff
}

.s-btn__github {
    background-color: var(--black-750);
    color: var(--white)
}

.s-btn__github:hover,.s-btn__github:focus {
    background-color: var(--black-800);
    color: var(--white)
}

.s-btn__github:active {
    background-color: var(--black-900);
    color: var(--white)
}

.s-btn__unset,.s-btn__unset:hover,.s-btn__unset:active {
    padding: 0;
    border: none;
    outline: none;
    font: unset;
    border-radius: 0;
    color: unset;
    background: none;
    box-shadow: none;
    cursor: default
}

.s-btn__unset:focus {
    color: unset
}

.s-btn__link {
    display: inline;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    font: inherit;
    background: none;
    box-shadow: none;
    text-align: inherit;
    text-decoration: none;
    color: var(--blue-600);
    cursor: pointer
}

.s-btn__link.s-link__visited:visited {
    color: var(--blue-700);
    text-decoration: none
}

.s-btn__link:hover,.s-btn__link.s-link__visited:hover,.s-btn__link:active,.s-btn__link.s-link__visited:active {
    color: var(--blue-500);
    text-decoration: none
}

.s-btn__link.s-link__grayscale {
    color: var(--black-800)
}

.s-btn__link.s-link__grayscale.s-link__visited:visited {
    color: var(--black-700)
}

.s-btn__link.s-link__grayscale:hover,.s-btn__link.s-link__grayscale.s-link__visited:hover,.s-btn__link.s-link__grayscale:active,.s-btn__link.s-link__grayscale.s-link__visited:active {
    color: var(--black-900)
}

.s-btn__link.s-link__muted {
    color: var(--black-500)
}

.s-btn__link.s-link__muted.s-link__visited:visited {
    color: var(--black-700)
}

.s-btn__link.s-link__muted:hover,.s-btn__link.s-link__muted.s-link__visited:hover,.s-btn__link.s-link__muted:active,.s-btn__link.s-link__muted.s-link__visited:active {
    color: var(--black-600)
}

.s-btn__link.s-link__danger {
    color: var(--red-500)
}

.s-btn__link.s-link__danger.s-link__visited:visited {
    color: var(--red-600)
}

.s-btn__link.s-link__danger:hover,.s-btn__link.s-link__danger.s-link__visited:hover,.s-btn__link.s-link__danger:active,.s-btn__link.s-link__danger.s-link__visited:active {
    color: var(--red-400)
}

.s-btn__link.s-link__inherit {
    color: inherit !important
}

.s-btn__link.s-link__inherit:hover,.s-btn__link.s-link__inherit:active,.s-btn__link.s-link__inherit.s-link__visited:visited {
    color: inherit !important
}

.s-btn__link.s-link__underlined {
    text-decoration: underline !important
}

.s-btn__link:hover,.s-btn__link:active,.s-btn__link:focus {
    background: none
}

.s-btn__icon .svg-icon {
    vertical-align: baseline;
    margin-top: -0.3em;
    margin-bottom: -0.3em;
    transition: opacity 200ms cubic-bezier(.165, .84, .44, 1)
}

.s-btn.is-loading {
    padding-left: 2.2em
}

.s-btn.is-loading:before {
    content: "";
    position: absolute;
    opacity: .3;
    left: .6em;
    top: calc(50% - .6em);
    width: 1.23076923em;
    height: 1.23076923em;
    border-width: 2px;
    border-style: solid;
    border-color: currentColor;
    border-radius: 50%
}

.s-btn.is-loading:after {
    content: "";
    position: absolute;
    left: .6em;
    top: calc(50% - .6em);
    width: 1.23076923em;
    height: 1.23076923em;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-left-color: currentColor;
    border-radius: 50%;
    animation: s-spinner-rotate .9s infinite cubic-bezier(.5, .1, .5, .9);
    filter: invert(0);
    transform-origin: 50% 50% 1px
}

.s-btn.is-loading .svg-icon:first-child {
    margin-left: -23px;
    opacity: 0
}

.s-btn.is-loading.s-btn__lg:before,.s-btn.is-loading.s-btn__lg:after {
    border-width: 3px
}

.s-btn.is-loading.s-btn__xl:before,.s-btn.is-loading.s-btn__xl:after {
    border-width: 4px
}

a,.s-link {
    text-decoration: none;
    color: var(--blue-600);
    cursor: pointer
}

a.s-link__visited:visited,.s-link.s-link__visited:visited {
    color: var(--blue-700);
    text-decoration: none
}

a:hover,.s-link:hover,a.s-link__visited:hover,.s-link.s-link__visited:hover,a:active,.s-link:active,a.s-link__visited:active,.s-link.s-link__visited:active {
    color: var(--blue-500);
    text-decoration: none
}

a.s-link__grayscale,.s-link.s-link__grayscale {
    color: var(--black-800)
}

a.s-link__grayscale.s-link__visited:visited,.s-link.s-link__grayscale.s-link__visited:visited {
    color: var(--black-700)
}

a.s-link__muted,.s-link.s-link__muted {
    color: var(--black-500)
}

a.s-link__muted.s-link__visited:visited,.s-link.s-link__muted.s-link__visited:visited {
    color: var(--black-700)
}

a.s-link__danger,.s-link.s-link__danger {
    color: var(--red-500)
}

a.s-link__danger.s-link__visited:visited,.s-link.s-link__danger.s-link__visited:visited {
    color: var(--red-600)
}

a.s-link__inherit,.s-link.s-link__inherit {
    color: inherit !important
}

a.s-link__underlined,.s-link.s-link__underlined {
    text-decoration: underline !important
}

button.s-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    line-height: inherit
}

button.s-link:focus {
    outline: none
}

.s-anchors.s-anchors__underlined a:not(.s-link) {
    text-decoration: underline
}

.s-anchors.s-anchors__default a:not(.s-link),.s-anchors .s-anchors.s-anchors__default a:not(.s-link) {
    color: var(--blue-600)
}

.s-anchors.s-anchors__default a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__default a:not(.s-link):visited {
    color: var(--blue-700)
}

.s-anchors.s-anchors__grayscale a:not(.s-link),.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link) {
    color: var(--black-700)
}

.s-anchors.s-anchors__grayscale a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):visited {
    color: var(--black-900)
}

.s-anchors.s-anchors__inherit a:not(.s-link),.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link) {
    color: inherit
}

.s-anchors.s-anchors__inherit a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__inherit a:not(.s-link):visited {
    color: inherit
}

.s-anchors.s-anchors__muted a:not(.s-link),.s-anchors .s-anchors.s-anchors__muted a:not(.s-link) {
    color: var(--black-500)
}

.s-anchors.s-anchors__muted a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__muted a:not(.s-link):visited {
    color: var(--black-600)
}

.s-anchors.s-anchors__danger a:not(.s-link),.s-anchors .s-anchors.s-anchors__danger a:not(.s-link) {
    color: var(--red-500)
}

.s-anchors.s-anchors__danger a:not(.s-link):visited,.s-anchors .s-anchors.s-anchors__danger a:not(.s-link):visited {
    color: var(--red-600)
}

.s-block-link {
    display: block;
    color: var(--black-600);
    padding: 6px 8px
}

.s-block-link:hover,.s-block-link:active {
    color: var(--black-800)
}

.s-block-link.is-selected {
    color: var(--black-800);
    font-weight: bold;
    background-color: var(--black-050)
}

.s-block-link.is-selected.s-block-link__right {
    border-right: 3px solid #f48024
}

.s-block-link.is-selected.s-block-link__left {
    border-left: 3px solid #f48024
}

.s-link-preview {
    border: 1px solid var(--black-100);
    border-radius: 3px;
    text-align: left;
    box-shadow: var(--bs-sm)
}

.s-link-preview--header {
    display: flex;
    background: var(--black-025);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid var(--black-100);
    padding: 12px 8px
}

.s-link-preview--icon {
    margin-right: 8px;
    color: var(--black-800)
}

.s-link-preview--title {
    font-size: 1.30769231rem;
    font-weight: bold;
    color: var(--black-900)
}

a.s-link-preview--title {
    text-decoration: none;
    color: var(--blue-600);
    cursor: pointer
}

a.s-link-preview--title.s-link__visited:visited {
    color: var(--blue-700);
    text-decoration: none
}

a.s-link-preview--title:hover,a.s-link-preview--title.s-link__visited:hover,a.s-link-preview--title:active,a.s-link-preview--title.s-link__visited:active {
    color: var(--blue-500);
    text-decoration: none
}

.s-link-preview--details {
    font-size: 12px;
    color: var(--black-500);
    margin-top: 2px
}

@media (max-width: 640px) {
    html.html__responsive:not(.html__unpinned-leftnav) .s-link-preview--details {
        margin-top:4px
    }
}

@media (max-width: 640px) {
    html.html__responsive.html__unpinned-leftnav .s-link-preview--details {
        margin-top:4px
    }
}

.s-link-preview--body {
    padding: 12px;
    font-size: 1.15384615rem
}

.s-link-preview--body *:last-child {
    margin-bottom: 0
}

.s-link-preview--code pre {
    scrollbar-color: var(--scrollbar) transparent;
    display: flex;
    width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 12px;
    overflow: auto;
    font-size: 13px;
    line-height: 1.15384615;
    background-color: var(--black-050);
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
    max-height: 400px
}

.s-link-preview--code pre::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent
}

.s-link-preview--code pre::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent
}

.s-link-preview--code pre::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbar)
}

.s-link-preview--code pre::-webkit-scrollbar-corner {
    background-color: transparent;
    border-color: transparent
}

.s-link-preview--code pre .linenums {
    flex-shrink: 0;
    height: 100%;
    color: var(--black-300);
    border-right: 1px solid var(--black-100);
    text-align: right;
    padding: 12px 6px 12px 12px;
    background-color: var(--black-075);
    margin: -12px 12px -12px -12px
}

.s-link-preview--footer {
    display: flex;
    justify-content: space-between;
    background: var(--black-025);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid var(--black-100);
    padding: 12px;
    font-size: 12px
}

@media (max-width: 640px) {
    html.html__responsive:not(.html__unpinned-leftnav) .s-link-preview--footer {
        flex-direction:column
    }
}

@media (max-width: 640px) {
    html.html__responsive.html__unpinned-leftnav .s-link-preview--footer {
        flex-direction:column
    }
}

.s-link-preview--url {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis !important;
    white-space: nowrap
}

.s-link-preview--misc {
    color: var(--black-500);
    padding-left: 4px
}

@media (max-width: 640px) {
    html.html__responsive:not(.html__unpinned-leftnav) .s-link-preview--misc {
        padding-left:0;
        padding-top: 2px
    }
}

@media (max-width: 640px) {
    html.html__responsive.html__unpinned-leftnav .s-link-preview--misc {
        padding-left:0;
        padding-top: 2px
    }
}

.s-link-preview--details a,.s-link-preview--footer a {
    text-decoration: none;
    cursor: pointer;
    color: var(--black-500)
}

.s-link-preview--details a:visited,.s-link-preview--footer a:visited {
    color: var(--black-700)
}

.s-link-preview--details a:hover,.s-link-preview--footer a:hover,.s-link-preview--details a:active,.s-link-preview--footer a:active,.s-link-preview--details a:focus,.s-link-preview--footer a:focus {
    color: var(--black-600)
}

.s-navigation {
    display: flex;
    margin: -2px;
    padding: 2px 0;
    flex-wrap: wrap
}

.s-navigation.s-navigation__scroll {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-color: var(--scrollbar) transparent
}

.s-navigation.s-navigation__scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent
}

.s-navigation.s-navigation__scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent
}

.s-navigation.s-navigation__scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbar)
}

.s-navigation.s-navigation__scroll::-webkit-scrollbar-corner {
    background-color: transparent;
    border-color: transparent
}

.s-navigation .s-navigation--item {
    padding: 6px 12px;
    border-radius: 1000px;
    margin: 2px;
    color: var(--black-600)
}

.s-navigation .s-navigation--item:hover,.s-navigation .s-navigation--item:active {
    background: var(--black-100);
    color: var(--black-600)
}

.s-navigation .s-navigation--item.is-selected {
    background: #f48024;
    color: var(--white)
}

.s-navigation.s-navigation__muted .s-navigation--item.is-selected {
    background: var(--black-050);
    color: var(--black-800)
}

.s-navigation.s-navigation__sm .s-navigation--item {
    padding: 4px 12px;
    font-size: 12px
}

.s-notice {
    padding: 16px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--fc-medium);
    font-size: 13px
}

.s-toast .s-notice {
    max-width: 44rem;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: var(--bs-sm);
    pointer-events: all
}

.s-notice .s-notice--btn {
    color: var(--fc-dark);
    padding: 8px
}

.s-notice__info,.s-banner__info {
    border-color: var(--powder-400);
    background-color: var(--powder-100)
}

.s-notice__info.s-notice__important,.s-banner__info.s-notice__important,.s-notice__info.s-banner__important,.s-banner__info.s-banner__important {
    background-color: var(--blue-500)
}

.s-notice__info .s-notice--btn:hover,.s-banner__info .s-notice--btn:hover {
    background-color: var(--powder-300)
}

.s-notice__info .s-notice--btn:active,.s-banner__info .s-notice--btn:active {
    background-color: var(--powder-400)
}

.s-notice__success,.s-banner__success {
    border-color: var(--green-200);
    background-color: var(--green-050)
}

.s-notice__success.s-notice__important,.s-banner__success.s-notice__important,.s-notice__success.s-banner__important,.s-banner__success.s-banner__important {
    background-color: var(--green-400);
    color: var(--black-900)
}

.s-notice__success .s-notice--btn:hover,.s-banner__success .s-notice--btn:hover {
    background-color: var(--green-100)
}

.s-notice__success .s-notice--btn:active,.s-banner__success .s-notice--btn:active {
    background-color: var(--green-200)
}

.s-notice__warning,.s-banner__warning {
    border-color: var(--yellow-300);
    background-color: var(--yellow-050)
}

.s-notice__warning.s-notice__important,.s-banner__warning.s-notice__important,.s-notice__warning.s-banner__important,.s-banner__warning.s-banner__important {
    background-color: var(--yellow-400);
    color: var(--black-900)
}

.s-notice__warning .s-notice--btn:hover,.s-banner__warning .s-notice--btn:hover {
    background-color: var(--yellow-200)
}

.s-notice__warning .s-notice--btn:active,.s-banner__warning .s-notice--btn:active {
    background-color: var(--yellow-300)
}

.s-notice__danger,.s-banner__danger {
    border-color: var(--red-200);
    background-color: var(--red-050)
}

.s-notice__danger.s-notice__important,.s-banner__danger.s-notice__important,.s-notice__danger.s-banner__important,.s-banner__danger.s-banner__important {
    background-color: var(--red-400)
}

.s-notice__danger .s-notice--btn:hover,.s-banner__danger .s-notice--btn:hover {
    background-color: var(--red-100)
}

.s-notice__danger .s-notice--btn:active,.s-banner__danger .s-notice--btn:active {
    background-color: var(--red-200)
}

.s-notice__important {
    border-color: transparent;
    background-color: var(--black-700);
    color: var(--white)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-notice__info,body.theme-system .s-notice__success,body.theme-system .s-notice__warning,body.theme-system .s-notice__danger {
        border-color: transparent
    }
}

body.theme-dark .s-notice__info,.theme-dark__forced .s-notice__info,body.theme-dark .s-notice__success,.theme-dark__forced .s-notice__success,body.theme-dark .s-notice__warning,.theme-dark__forced .s-notice__warning,body.theme-dark .s-notice__danger,.theme-dark__forced .s-notice__danger {
    border-color: transparent
}

.s-toast {
    visibility: hidden;
    position: fixed;
    display: flex;
    justify-content: center;
    top: 16px;
    left: 8px;
    right: 8px;
    opacity: 0;
    z-index: 9001;
    transform: translate3d(0, -66px, 0);
    transition: transform 100ms cubic-bezier(.25, .46, .45, .94) 0s,opacity 60ms cubic-bezier(.25, .46, .45, .94) 0ms,visibility 0s 150ms;
    pointer-events: none
}

.s-toast[aria-hidden="false"] {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: visibility 0s 0s,opacity 100ms cubic-bezier(.165, .84, .44, 1) 0s,transform 100ms cubic-bezier(.165, .84, .44, 1) 0s
}

.s-tag {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    min-width: 0;
    padding-left: 4px;
    padding-right: 4px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.84615385;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    border-color: transparent;
    background-color: var(--powder-100);
    color: var(--powder-700)
}

.s-tag .s-tag--dismiss {
    color: inherit;
    background-color: transparent
}

.s-tag .s-tag--dismiss:hover {
    color: #fff;
    background-color: var(--powder-700)
}

.s-tag.s-tag__xs {
    font-size: 11px;
    line-height: 1.4;
    padding-left: 2px;
    padding-right: 2px
}

.s-tag.s-tag__sm {
    font-size: 12px;
    line-height: 1.5
}

.s-tag.s-tag__md {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 1.15384615rem;
    line-height: 1.73333333
}

.s-tag.s-tag__lg {
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 4px;
    font-size: 1.46153846rem;
    line-height: 1.68421053
}

a.s-tag:hover,a.s-tag:focus,a.s-tag:active {
    border-color: transparent;
    background-color: var(--powder-200);
    color: var(--powder-800)
}

.s-tag--dismiss {
    display: flex;
    align-content: center;
    align-self: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    padding: 1px;
    border-radius: 3px;
    cursor: pointer
}

.s-tag--dismiss:hover {
    color: var(--white)
}

.s-tag--sponsor {
    display: inline-flex;
    align-self: center;
    margin: -3px 4px -2px -2px;
    max-width: 18px;
    border-radius: 2px
}

.s-tag--sponsor .svg-icon,.s-tag--sponsor img {
    width: 100%;
    height: 100%
}

.s-tag__required {
    border-color: var(--black-200);
    background-color: var(--black-075);
    color: var(--black-700)
}

.s-tag__required .s-tag--dismiss {
    color: inherit;
    background-color: transparent
}

.s-tag__required .s-tag--dismiss:hover {
    color: #fff;
    background-color: var(--black-700)
}

a.s-tag__required:hover,a.s-tag__required:focus,a.s-tag__required:active {
    border-color: var(--black-300);
    background-color: var(--black-100);
    color: var(--black-800)
}

.s-tag__moderator {
    border-color: var(--red-100);
    background-color: var(--red-050);
    color: var(--red-600)
}

.s-tag__moderator .s-tag--dismiss {
    color: inherit;
    background-color: transparent
}

.s-tag__moderator .s-tag--dismiss:hover {
    color: #fff;
    background-color: var(--red-600)
}

a.s-tag__moderator:hover,a.s-tag__moderator:focus,a.s-tag__moderator:active {
    border-color: var(--red-200);
    background-color: var(--red-100);
    color: var(--red-700)
}

.s-tag__muted {
    border-color: transparent;
    background-color: var(--black-075);
    color: var(--black-700)
}

.s-tag__muted .s-tag--dismiss {
    color: inherit;
    background-color: transparent
}

.s-tag__muted .s-tag--dismiss:hover {
    color: #fff;
    background-color: var(--black-700)
}

a.s-tag__muted:hover,a.s-tag__muted:focus,a.s-tag__muted:active {
    border-color: transparent;
    background-color: var(--black-100);
    color: var(--black-800)
}

.s-pagination {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2px;
    margin-right: -2px
}

.s-pagination--item {
    margin-left: 2px;
    margin-right: 2px;
    padding: 0 8px;
    background-color: transparent;
    border-radius: 3px;
    border: 1px solid var(--black-100);
    font-size: 13px;
    line-height: 1.92307692;
    color: var(--fc-medium)
}

.s-pagination--item:hover {
    border-color: var(--black-200);
    background-color: var(--black-100);
    color: var(--fc-dark)
}

.s-pagination--item.is-selected {
    border-color: transparent;
    background-color: #f48024;
    color: #fff
}

.s-pagination--item.s-pagination--item__clear,.s-pagination--item.s-pagination--item__clear:hover {
    color: inherit;
    border-color: transparent;
    background-color: transparent
}

.s-sidebarwidget--item[aria-current="true"]:before,.s-sidebarwidget--item>:first-child[aria-current="true"]:before,.s-sidebarwidget--item[aria-current="page"]:before,.s-sidebarwidget--item>:first-child[aria-current="page"]:before {
    border-left-color: #f48024
}

.s-sidebarwidget--subnav li[aria-current="true"],.s-sidebarwidget--subnav li[aria-current="page"] {
    background-image: url("data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%207%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m0.72153%200.68446%204.1336%204.3077-4.1336%204.3077%22%20fill%3D%22none%22%20stroke%3D%22%23f48024%22%20stroke-width%3D%222%22/%3E%3C/svg%3E")
}

.row {
    max-width: 1080px;
    width: 100%
}

.row::before,.row::after {
    display: table;
    content: " "
}

.row::after {
    clear: both
}

.col-1 {
    width: 8.33333333%;
    float: left
}

.col-1.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-1.with-padding:first-child {
    padding-left: 0
}

.col-1.with-padding:last-child {
    padding-right: 0
}

.col-1.col-centered {
    margin: 0 auto;
    float: none
}

.col-2 {
    width: 16.66666667%;
    float: left
}

.col-2.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-2.with-padding:first-child {
    padding-left: 0
}

.col-2.with-padding:last-child {
    padding-right: 0
}

.col-2.col-centered {
    margin: 0 auto;
    float: none
}

.col-3 {
    width: 25%;
    float: left
}

.col-3.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-3.with-padding:first-child {
    padding-left: 0
}

.col-3.with-padding:last-child {
    padding-right: 0
}

.col-3.col-centered {
    margin: 0 auto;
    float: none
}

.col-4 {
    width: 33.33333333%;
    float: left
}

.col-4.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-4.with-padding:first-child {
    padding-left: 0
}

.col-4.with-padding:last-child {
    padding-right: 0
}

.col-4.col-centered {
    margin: 0 auto;
    float: none
}

.col-5 {
    width: 41.66666667%;
    float: left
}

.col-5.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-5.with-padding:first-child {
    padding-left: 0
}

.col-5.with-padding:last-child {
    padding-right: 0
}

.col-5.col-centered {
    margin: 0 auto;
    float: none
}

.col-6 {
    width: 50%;
    float: left
}

.col-6.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-6.with-padding:first-child {
    padding-left: 0
}

.col-6.with-padding:last-child {
    padding-right: 0
}

.col-6.col-centered {
    margin: 0 auto;
    float: none
}

.col-7 {
    width: 58.33333333%;
    float: left
}

.col-7.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-7.with-padding:first-child {
    padding-left: 0
}

.col-7.with-padding:last-child {
    padding-right: 0
}

.col-7.col-centered {
    margin: 0 auto;
    float: none
}

.col-8 {
    width: 66.66666667%;
    float: left
}

.col-8.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-8.with-padding:first-child {
    padding-left: 0
}

.col-8.with-padding:last-child {
    padding-right: 0
}

.col-8.col-centered {
    margin: 0 auto;
    float: none
}

.col-9 {
    width: 75%;
    float: left
}

.col-9.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-9.with-padding:first-child {
    padding-left: 0
}

.col-9.with-padding:last-child {
    padding-right: 0
}

.col-9.col-centered {
    margin: 0 auto;
    float: none
}

.col-10 {
    width: 83.33333333%;
    float: left
}

.col-10.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-10.with-padding:first-child {
    padding-left: 0
}

.col-10.with-padding:last-child {
    padding-right: 0
}

.col-10.col-centered {
    margin: 0 auto;
    float: none
}

.col-11 {
    width: 91.66666667%;
    float: left
}

.col-11.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-11.with-padding:first-child {
    padding-left: 0
}

.col-11.with-padding:last-child {
    padding-right: 0
}

.col-11.col-centered {
    margin: 0 auto;
    float: none
}

.col-12 {
    width: 100%;
    float: left
}

.col-12.with-padding {
    padding-left: 10px;
    padding-right: 10px
}

.col-12.with-padding:first-child {
    padding-left: 0
}

.col-12.with-padding:last-child {
    padding-right: 0
}

.col-12.col-centered {
    margin: 0 auto;
    float: none
}

.g-row,.g-column {
    position: relative;
    display: flex
}

.g-row {
    flex: 1 auto;
    flex-flow: row nowrap
}

.g-column {
    flex: 1 0 auto;
    flex-flow: column nowrap
}

.g-row._gutters {
    margin-left: -2px;
    margin-right: -2px
}

.g-row._gutters>.g-col {
    margin-left: 2px;
    margin-right: 2px
}

.g-row._gutters>.g-col1 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(8.333333333333334% - 4px);
    max-width: calc(8.333333333333334% - 4px)
}

.g-row._gutters>.g-col2 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(16.666666666666668% - 4px);
    max-width: calc(16.666666666666668% - 4px)
}

.g-row._gutters>.g-col3 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(25% - 4px);
    max-width: calc(25% - 4px)
}

.g-row._gutters>.g-col4 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(33.333333333333336% - 4px);
    max-width: calc(33.333333333333336% - 4px)
}

.g-row._gutters>.g-col5 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(41.666666666666664% - 4px);
    max-width: calc(41.666666666666664% - 4px)
}

.g-row._gutters>.g-col6 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(50% - 4px);
    max-width: calc(50% - 4px)
}

.g-row._gutters>.g-col7 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(58.333333333333336% - 4px);
    max-width: calc(58.333333333333336% - 4px)
}

.g-row._gutters>.g-col8 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(66.66666666666667% - 4px);
    max-width: calc(66.66666666666667% - 4px)
}

.g-row._gutters>.g-col9 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(75% - 4px);
    max-width: calc(75% - 4px)
}

.g-row._gutters>.g-col10 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(83.33333333333333% - 4px);
    max-width: calc(83.33333333333333% - 4px)
}

.g-row._gutters>.g-col11 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(91.66666666666667% - 4px);
    max-width: calc(91.66666666666667% - 4px)
}

.g-row._gutters>.g-col12 {
    margin-left: 2px;
    margin-right: 2px;
    flex-basis: calc(100% - 4px);
    max-width: calc(100% - 4px)
}

.g-row._gutters-8 {
    margin-left: -4px;
    margin-right: -4px
}

.g-row._gutters-8>.g-col {
    margin-left: 4px;
    margin-right: 4px
}

.g-row._gutters-8>.g-col1 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(8.333333333333334% - 8px);
    max-width: calc(8.333333333333334% - 8px)
}

.g-row._gutters-8>.g-col2 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(16.666666666666668% - 8px);
    max-width: calc(16.666666666666668% - 8px)
}

.g-row._gutters-8>.g-col3 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(25% - 8px);
    max-width: calc(25% - 8px)
}

.g-row._gutters-8>.g-col4 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(33.333333333333336% - 8px);
    max-width: calc(33.333333333333336% - 8px)
}

.g-row._gutters-8>.g-col5 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(41.666666666666664% - 8px);
    max-width: calc(41.666666666666664% - 8px)
}

.g-row._gutters-8>.g-col6 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(50% - 8px);
    max-width: calc(50% - 8px)
}

.g-row._gutters-8>.g-col7 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(58.333333333333336% - 8px);
    max-width: calc(58.333333333333336% - 8px)
}

.g-row._gutters-8>.g-col8 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(66.66666666666667% - 8px);
    max-width: calc(66.66666666666667% - 8px)
}

.g-row._gutters-8>.g-col9 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(75% - 8px);
    max-width: calc(75% - 8px)
}

.g-row._gutters-8>.g-col10 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(83.33333333333333% - 8px);
    max-width: calc(83.33333333333333% - 8px)
}

.g-row._gutters-8>.g-col11 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(91.66666666666667% - 8px);
    max-width: calc(91.66666666666667% - 8px)
}

.g-row._gutters-8>.g-col12 {
    margin-left: 4px;
    margin-right: 4px;
    flex-basis: calc(100% - 8px);
    max-width: calc(100% - 8px)
}

.g-row._gutters-12 {
    margin-left: -6px;
    margin-right: -6px
}

.g-row._gutters-12>.g-col {
    margin-left: 6px;
    margin-right: 6px
}

.g-row._gutters-12>.g-col1 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(8.333333333333334% - 12px);
    max-width: calc(8.333333333333334% - 12px)
}

.g-row._gutters-12>.g-col2 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(16.666666666666668% - 12px);
    max-width: calc(16.666666666666668% - 12px)
}

.g-row._gutters-12>.g-col3 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(25% - 12px);
    max-width: calc(25% - 12px)
}

.g-row._gutters-12>.g-col4 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(33.333333333333336% - 12px);
    max-width: calc(33.333333333333336% - 12px)
}

.g-row._gutters-12>.g-col5 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(41.666666666666664% - 12px);
    max-width: calc(41.666666666666664% - 12px)
}

.g-row._gutters-12>.g-col6 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(50% - 12px);
    max-width: calc(50% - 12px)
}

.g-row._gutters-12>.g-col7 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(58.333333333333336% - 12px);
    max-width: calc(58.333333333333336% - 12px)
}

.g-row._gutters-12>.g-col8 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(66.66666666666667% - 12px);
    max-width: calc(66.66666666666667% - 12px)
}

.g-row._gutters-12>.g-col9 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(75% - 12px);
    max-width: calc(75% - 12px)
}

.g-row._gutters-12>.g-col10 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(83.33333333333333% - 12px);
    max-width: calc(83.33333333333333% - 12px)
}

.g-row._gutters-12>.g-col11 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(91.66666666666667% - 12px);
    max-width: calc(91.66666666666667% - 12px)
}

.g-row._gutters-12>.g-col12 {
    margin-left: 6px;
    margin-right: 6px;
    flex-basis: calc(100% - 12px);
    max-width: calc(100% - 12px)
}

.g-row._gutters-16 {
    margin-left: -8px;
    margin-right: -8px
}

.g-row._gutters-16>.g-col {
    margin-left: 8px;
    margin-right: 8px
}

.g-row._gutters-16>.g-col1 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(8.333333333333334% - 16px);
    max-width: calc(8.333333333333334% - 16px)
}

.g-row._gutters-16>.g-col2 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(16.666666666666668% - 16px);
    max-width: calc(16.666666666666668% - 16px)
}

.g-row._gutters-16>.g-col3 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(25% - 16px);
    max-width: calc(25% - 16px)
}

.g-row._gutters-16>.g-col4 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(33.333333333333336% - 16px);
    max-width: calc(33.333333333333336% - 16px)
}

.g-row._gutters-16>.g-col5 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(41.666666666666664% - 16px);
    max-width: calc(41.666666666666664% - 16px)
}

.g-row._gutters-16>.g-col6 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(50% - 16px);
    max-width: calc(50% - 16px)
}

.g-row._gutters-16>.g-col7 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(58.333333333333336% - 16px);
    max-width: calc(58.333333333333336% - 16px)
}

.g-row._gutters-16>.g-col8 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(66.66666666666667% - 16px);
    max-width: calc(66.66666666666667% - 16px)
}

.g-row._gutters-16>.g-col9 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(75% - 16px);
    max-width: calc(75% - 16px)
}

.g-row._gutters-16>.g-col10 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(83.33333333333333% - 16px);
    max-width: calc(83.33333333333333% - 16px)
}

.g-row._gutters-16>.g-col11 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(91.66666666666667% - 16px);
    max-width: calc(91.66666666666667% - 16px)
}

.g-row._gutters-16>.g-col12 {
    margin-left: 8px;
    margin-right: 8px;
    flex-basis: calc(100% - 16px);
    max-width: calc(100% - 16px)
}

.g-row._gutters-24 {
    margin-left: -12px;
    margin-right: -12px
}

.g-row._gutters-24>.g-col {
    margin-left: 12px;
    margin-right: 12px
}

.g-row._gutters-24>.g-col1 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(8.333333333333334% - 24px);
    max-width: calc(8.333333333333334% - 24px)
}

.g-row._gutters-24>.g-col2 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(16.666666666666668% - 24px);
    max-width: calc(16.666666666666668% - 24px)
}

.g-row._gutters-24>.g-col3 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(25% - 24px);
    max-width: calc(25% - 24px)
}

.g-row._gutters-24>.g-col4 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(33.333333333333336% - 24px);
    max-width: calc(33.333333333333336% - 24px)
}

.g-row._gutters-24>.g-col5 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(41.666666666666664% - 24px);
    max-width: calc(41.666666666666664% - 24px)
}

.g-row._gutters-24>.g-col6 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(50% - 24px);
    max-width: calc(50% - 24px)
}

.g-row._gutters-24>.g-col7 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(58.333333333333336% - 24px);
    max-width: calc(58.333333333333336% - 24px)
}

.g-row._gutters-24>.g-col8 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(66.66666666666667% - 24px);
    max-width: calc(66.66666666666667% - 24px)
}

.g-row._gutters-24>.g-col9 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(75% - 24px);
    max-width: calc(75% - 24px)
}

.g-row._gutters-24>.g-col10 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(83.33333333333333% - 24px);
    max-width: calc(83.33333333333333% - 24px)
}

.g-row._gutters-24>.g-col11 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(91.66666666666667% - 24px);
    max-width: calc(91.66666666666667% - 24px)
}

.g-row._gutters-24>.g-col12 {
    margin-left: 12px;
    margin-right: 12px;
    flex-basis: calc(100% - 24px);
    max-width: calc(100% - 24px)
}

.g-row._gutters-32 {
    margin-left: -16px;
    margin-right: -16px
}

.g-row._gutters-32>.g-col {
    margin-left: 16px;
    margin-right: 16px
}

.g-row._gutters-32>.g-col1 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(8.333333333333334% - 32px);
    max-width: calc(8.333333333333334% - 32px)
}

.g-row._gutters-32>.g-col2 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(16.666666666666668% - 32px);
    max-width: calc(16.666666666666668% - 32px)
}

.g-row._gutters-32>.g-col3 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(25% - 32px);
    max-width: calc(25% - 32px)
}

.g-row._gutters-32>.g-col4 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(33.333333333333336% - 32px);
    max-width: calc(33.333333333333336% - 32px)
}

.g-row._gutters-32>.g-col5 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(41.666666666666664% - 32px);
    max-width: calc(41.666666666666664% - 32px)
}

.g-row._gutters-32>.g-col6 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(50% - 32px);
    max-width: calc(50% - 32px)
}

.g-row._gutters-32>.g-col7 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(58.333333333333336% - 32px);
    max-width: calc(58.333333333333336% - 32px)
}

.g-row._gutters-32>.g-col8 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(66.66666666666667% - 32px);
    max-width: calc(66.66666666666667% - 32px)
}

.g-row._gutters-32>.g-col9 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(75% - 32px);
    max-width: calc(75% - 32px)
}

.g-row._gutters-32>.g-col10 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(83.33333333333333% - 32px);
    max-width: calc(83.33333333333333% - 32px)
}

.g-row._gutters-32>.g-col11 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(91.66666666666667% - 32px);
    max-width: calc(91.66666666666667% - 32px)
}

.g-row._gutters-32>.g-col12 {
    margin-left: 16px;
    margin-right: 16px;
    flex-basis: calc(100% - 32px);
    max-width: calc(100% - 32px)
}

.g-row._gutters-48 {
    margin-left: -24px;
    margin-right: -24px
}

.g-row._gutters-48>.g-col {
    margin-left: 24px;
    margin-right: 24px
}

.g-row._gutters-48>.g-col1 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(8.333333333333334% - 48px);
    max-width: calc(8.333333333333334% - 48px)
}

.g-row._gutters-48>.g-col2 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(16.666666666666668% - 48px);
    max-width: calc(16.666666666666668% - 48px)
}

.g-row._gutters-48>.g-col3 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(25% - 48px);
    max-width: calc(25% - 48px)
}

.g-row._gutters-48>.g-col4 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(33.333333333333336% - 48px);
    max-width: calc(33.333333333333336% - 48px)
}

.g-row._gutters-48>.g-col5 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(41.666666666666664% - 48px);
    max-width: calc(41.666666666666664% - 48px)
}

.g-row._gutters-48>.g-col6 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(50% - 48px);
    max-width: calc(50% - 48px)
}

.g-row._gutters-48>.g-col7 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(58.333333333333336% - 48px);
    max-width: calc(58.333333333333336% - 48px)
}

.g-row._gutters-48>.g-col8 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(66.66666666666667% - 48px);
    max-width: calc(66.66666666666667% - 48px)
}

.g-row._gutters-48>.g-col9 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(75% - 48px);
    max-width: calc(75% - 48px)
}

.g-row._gutters-48>.g-col10 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(83.33333333333333% - 48px);
    max-width: calc(83.33333333333333% - 48px)
}

.g-row._gutters-48>.g-col11 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(91.66666666666667% - 48px);
    max-width: calc(91.66666666666667% - 48px)
}

.g-row._gutters-48>.g-col12 {
    margin-left: 24px;
    margin-right: 24px;
    flex-basis: calc(100% - 48px);
    max-width: calc(100% - 48px)
}

.g-row._gutters-64 {
    margin-left: -32px;
    margin-right: -32px
}

.g-row._gutters-64>.g-col {
    margin-left: 32px;
    margin-right: 32px
}

.g-row._gutters-64>.g-col1 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(8.333333333333334% - 64px);
    max-width: calc(8.333333333333334% - 64px)
}

.g-row._gutters-64>.g-col2 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(16.666666666666668% - 64px);
    max-width: calc(16.666666666666668% - 64px)
}

.g-row._gutters-64>.g-col3 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(25% - 64px);
    max-width: calc(25% - 64px)
}

.g-row._gutters-64>.g-col4 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(33.333333333333336% - 64px);
    max-width: calc(33.333333333333336% - 64px)
}

.g-row._gutters-64>.g-col5 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(41.666666666666664% - 64px);
    max-width: calc(41.666666666666664% - 64px)
}

.g-row._gutters-64>.g-col6 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(50% - 64px);
    max-width: calc(50% - 64px)
}

.g-row._gutters-64>.g-col7 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(58.333333333333336% - 64px);
    max-width: calc(58.333333333333336% - 64px)
}

.g-row._gutters-64>.g-col8 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(66.66666666666667% - 64px);
    max-width: calc(66.66666666666667% - 64px)
}

.g-row._gutters-64>.g-col9 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(75% - 64px);
    max-width: calc(75% - 64px)
}

.g-row._gutters-64>.g-col10 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(83.33333333333333% - 64px);
    max-width: calc(83.33333333333333% - 64px)
}

.g-row._gutters-64>.g-col11 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(91.66666666666667% - 64px);
    max-width: calc(91.66666666666667% - 64px)
}

.g-row._gutters-64>.g-col12 {
    margin-left: 32px;
    margin-right: 32px;
    flex-basis: calc(100% - 64px);
    max-width: calc(100% - 64px)
}

.g-column._gutters {
    margin-top: -2px;
    margin-bottom: -2px
}

.g-column._gutters>.g-col {
    margin-top: 2px;
    margin-bottom: 2px
}

.g-column._gutters>.g-col1 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(8.333333333333334% - 4px);
    max-width: calc(8.333333333333334% - 4px)
}

.g-column._gutters>.g-col2 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(16.666666666666668% - 4px);
    max-width: calc(16.666666666666668% - 4px)
}

.g-column._gutters>.g-col3 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(25% - 4px);
    max-width: calc(25% - 4px)
}

.g-column._gutters>.g-col4 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(33.333333333333336% - 4px);
    max-width: calc(33.333333333333336% - 4px)
}

.g-column._gutters>.g-col5 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(41.666666666666664% - 4px);
    max-width: calc(41.666666666666664% - 4px)
}

.g-column._gutters>.g-col6 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(50% - 4px);
    max-width: calc(50% - 4px)
}

.g-column._gutters>.g-col7 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(58.333333333333336% - 4px);
    max-width: calc(58.333333333333336% - 4px)
}

.g-column._gutters>.g-col8 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(66.66666666666667% - 4px);
    max-width: calc(66.66666666666667% - 4px)
}

.g-column._gutters>.g-col9 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(75% - 4px);
    max-width: calc(75% - 4px)
}

.g-column._gutters>.g-col10 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(83.33333333333333% - 4px);
    max-width: calc(83.33333333333333% - 4px)
}

.g-column._gutters>.g-col11 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(91.66666666666667% - 4px);
    max-width: calc(91.66666666666667% - 4px)
}

.g-column._gutters>.g-col12 {
    margin-top: 2px;
    margin-bottom: 2px;
    flex-basis: calc(100% - 4px);
    max-width: calc(100% - 4px)
}

.g-column._gutters-8 {
    margin-top: -4px;
    margin-bottom: -4px
}

.g-column._gutters-8>.g-col {
    margin-top: 4px;
    margin-bottom: 4px
}

.g-column._gutters-8>.g-col1 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(8.333333333333334% - 8px);
    max-width: calc(8.333333333333334% - 8px)
}

.g-column._gutters-8>.g-col2 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(16.666666666666668% - 8px);
    max-width: calc(16.666666666666668% - 8px)
}

.g-column._gutters-8>.g-col3 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(25% - 8px);
    max-width: calc(25% - 8px)
}

.g-column._gutters-8>.g-col4 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(33.333333333333336% - 8px);
    max-width: calc(33.333333333333336% - 8px)
}

.g-column._gutters-8>.g-col5 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(41.666666666666664% - 8px);
    max-width: calc(41.666666666666664% - 8px)
}

.g-column._gutters-8>.g-col6 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(50% - 8px);
    max-width: calc(50% - 8px)
}

.g-column._gutters-8>.g-col7 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(58.333333333333336% - 8px);
    max-width: calc(58.333333333333336% - 8px)
}

.g-column._gutters-8>.g-col8 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(66.66666666666667% - 8px);
    max-width: calc(66.66666666666667% - 8px)
}

.g-column._gutters-8>.g-col9 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(75% - 8px);
    max-width: calc(75% - 8px)
}

.g-column._gutters-8>.g-col10 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(83.33333333333333% - 8px);
    max-width: calc(83.33333333333333% - 8px)
}

.g-column._gutters-8>.g-col11 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(91.66666666666667% - 8px);
    max-width: calc(91.66666666666667% - 8px)
}

.g-column._gutters-8>.g-col12 {
    margin-top: 4px;
    margin-bottom: 4px;
    flex-basis: calc(100% - 8px);
    max-width: calc(100% - 8px)
}

.g-column._gutters-12 {
    margin-top: -6px;
    margin-bottom: -6px
}

.g-column._gutters-12>.g-col {
    margin-top: 6px;
    margin-bottom: 6px
}

.g-column._gutters-12>.g-col1 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(8.333333333333334% - 12px);
    max-width: calc(8.333333333333334% - 12px)
}

.g-column._gutters-12>.g-col2 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(16.666666666666668% - 12px);
    max-width: calc(16.666666666666668% - 12px)
}

.g-column._gutters-12>.g-col3 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(25% - 12px);
    max-width: calc(25% - 12px)
}

.g-column._gutters-12>.g-col4 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(33.333333333333336% - 12px);
    max-width: calc(33.333333333333336% - 12px)
}

.g-column._gutters-12>.g-col5 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(41.666666666666664% - 12px);
    max-width: calc(41.666666666666664% - 12px)
}

.g-column._gutters-12>.g-col6 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(50% - 12px);
    max-width: calc(50% - 12px)
}

.g-column._gutters-12>.g-col7 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(58.333333333333336% - 12px);
    max-width: calc(58.333333333333336% - 12px)
}

.g-column._gutters-12>.g-col8 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(66.66666666666667% - 12px);
    max-width: calc(66.66666666666667% - 12px)
}

.g-column._gutters-12>.g-col9 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(75% - 12px);
    max-width: calc(75% - 12px)
}

.g-column._gutters-12>.g-col10 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(83.33333333333333% - 12px);
    max-width: calc(83.33333333333333% - 12px)
}

.g-column._gutters-12>.g-col11 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(91.66666666666667% - 12px);
    max-width: calc(91.66666666666667% - 12px)
}

.g-column._gutters-12>.g-col12 {
    margin-top: 6px;
    margin-bottom: 6px;
    flex-basis: calc(100% - 12px);
    max-width: calc(100% - 12px)
}

.g-column._gutters-16 {
    margin-top: -8px;
    margin-bottom: -8px
}

.g-column._gutters-16>.g-col {
    margin-top: 8px;
    margin-bottom: 8px
}

.g-column._gutters-16>.g-col1 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(8.333333333333334% - 16px);
    max-width: calc(8.333333333333334% - 16px)
}

.g-column._gutters-16>.g-col2 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(16.666666666666668% - 16px);
    max-width: calc(16.666666666666668% - 16px)
}

.g-column._gutters-16>.g-col3 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(25% - 16px);
    max-width: calc(25% - 16px)
}

.g-column._gutters-16>.g-col4 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(33.333333333333336% - 16px);
    max-width: calc(33.333333333333336% - 16px)
}

.g-column._gutters-16>.g-col5 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(41.666666666666664% - 16px);
    max-width: calc(41.666666666666664% - 16px)
}

.g-column._gutters-16>.g-col6 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(50% - 16px);
    max-width: calc(50% - 16px)
}

.g-column._gutters-16>.g-col7 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(58.333333333333336% - 16px);
    max-width: calc(58.333333333333336% - 16px)
}

.g-column._gutters-16>.g-col8 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(66.66666666666667% - 16px);
    max-width: calc(66.66666666666667% - 16px)
}

.g-column._gutters-16>.g-col9 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(75% - 16px);
    max-width: calc(75% - 16px)
}

.g-column._gutters-16>.g-col10 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(83.33333333333333% - 16px);
    max-width: calc(83.33333333333333% - 16px)
}

.g-column._gutters-16>.g-col11 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(91.66666666666667% - 16px);
    max-width: calc(91.66666666666667% - 16px)
}

.g-column._gutters-16>.g-col12 {
    margin-top: 8px;
    margin-bottom: 8px;
    flex-basis: calc(100% - 16px);
    max-width: calc(100% - 16px)
}

.g-column._gutters-24 {
    margin-top: -12px;
    margin-bottom: -12px
}

.g-column._gutters-24>.g-col {
    margin-top: 12px;
    margin-bottom: 12px
}

.g-column._gutters-24>.g-col1 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(8.333333333333334% - 24px);
    max-width: calc(8.333333333333334% - 24px)
}

.g-column._gutters-24>.g-col2 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(16.666666666666668% - 24px);
    max-width: calc(16.666666666666668% - 24px)
}

.g-column._gutters-24>.g-col3 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(25% - 24px);
    max-width: calc(25% - 24px)
}

.g-column._gutters-24>.g-col4 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(33.333333333333336% - 24px);
    max-width: calc(33.333333333333336% - 24px)
}

.g-column._gutters-24>.g-col5 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(41.666666666666664% - 24px);
    max-width: calc(41.666666666666664% - 24px)
}

.g-column._gutters-24>.g-col6 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(50% - 24px);
    max-width: calc(50% - 24px)
}

.g-column._gutters-24>.g-col7 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(58.333333333333336% - 24px);
    max-width: calc(58.333333333333336% - 24px)
}

.g-column._gutters-24>.g-col8 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(66.66666666666667% - 24px);
    max-width: calc(66.66666666666667% - 24px)
}

.g-column._gutters-24>.g-col9 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(75% - 24px);
    max-width: calc(75% - 24px)
}

.g-column._gutters-24>.g-col10 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(83.33333333333333% - 24px);
    max-width: calc(83.33333333333333% - 24px)
}

.g-column._gutters-24>.g-col11 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(91.66666666666667% - 24px);
    max-width: calc(91.66666666666667% - 24px)
}

.g-column._gutters-24>.g-col12 {
    margin-top: 12px;
    margin-bottom: 12px;
    flex-basis: calc(100% - 24px);
    max-width: calc(100% - 24px)
}

.g-column._gutters-32 {
    margin-top: -16px;
    margin-bottom: -16px
}

.g-column._gutters-32>.g-col {
    margin-top: 16px;
    margin-bottom: 16px
}

.g-column._gutters-32>.g-col1 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(8.333333333333334% - 32px);
    max-width: calc(8.333333333333334% - 32px)
}

.g-column._gutters-32>.g-col2 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(16.666666666666668% - 32px);
    max-width: calc(16.666666666666668% - 32px)
}

.g-column._gutters-32>.g-col3 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(25% - 32px);
    max-width: calc(25% - 32px)
}

.g-column._gutters-32>.g-col4 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(33.333333333333336% - 32px);
    max-width: calc(33.333333333333336% - 32px)
}

.g-column._gutters-32>.g-col5 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(41.666666666666664% - 32px);
    max-width: calc(41.666666666666664% - 32px)
}

.g-column._gutters-32>.g-col6 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(50% - 32px);
    max-width: calc(50% - 32px)
}

.g-column._gutters-32>.g-col7 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(58.333333333333336% - 32px);
    max-width: calc(58.333333333333336% - 32px)
}

.g-column._gutters-32>.g-col8 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(66.66666666666667% - 32px);
    max-width: calc(66.66666666666667% - 32px)
}

.g-column._gutters-32>.g-col9 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(75% - 32px);
    max-width: calc(75% - 32px)
}

.g-column._gutters-32>.g-col10 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(83.33333333333333% - 32px);
    max-width: calc(83.33333333333333% - 32px)
}

.g-column._gutters-32>.g-col11 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(91.66666666666667% - 32px);
    max-width: calc(91.66666666666667% - 32px)
}

.g-column._gutters-32>.g-col12 {
    margin-top: 16px;
    margin-bottom: 16px;
    flex-basis: calc(100% - 32px);
    max-width: calc(100% - 32px)
}

.g-column._gutters-48 {
    margin-top: -24px;
    margin-bottom: -24px
}

.g-column._gutters-48>.g-col {
    margin-top: 24px;
    margin-bottom: 24px
}

.g-column._gutters-48>.g-col1 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(8.333333333333334% - 48px);
    max-width: calc(8.333333333333334% - 48px)
}

.g-column._gutters-48>.g-col2 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(16.666666666666668% - 48px);
    max-width: calc(16.666666666666668% - 48px)
}

.g-column._gutters-48>.g-col3 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(25% - 48px);
    max-width: calc(25% - 48px)
}

.g-column._gutters-48>.g-col4 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(33.333333333333336% - 48px);
    max-width: calc(33.333333333333336% - 48px)
}

.g-column._gutters-48>.g-col5 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(41.666666666666664% - 48px);
    max-width: calc(41.666666666666664% - 48px)
}

.g-column._gutters-48>.g-col6 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(50% - 48px);
    max-width: calc(50% - 48px)
}

.g-column._gutters-48>.g-col7 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(58.333333333333336% - 48px);
    max-width: calc(58.333333333333336% - 48px)
}

.g-column._gutters-48>.g-col8 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(66.66666666666667% - 48px);
    max-width: calc(66.66666666666667% - 48px)
}

.g-column._gutters-48>.g-col9 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(75% - 48px);
    max-width: calc(75% - 48px)
}

.g-column._gutters-48>.g-col10 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(83.33333333333333% - 48px);
    max-width: calc(83.33333333333333% - 48px)
}

.g-column._gutters-48>.g-col11 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(91.66666666666667% - 48px);
    max-width: calc(91.66666666666667% - 48px)
}

.g-column._gutters-48>.g-col12 {
    margin-top: 24px;
    margin-bottom: 24px;
    flex-basis: calc(100% - 48px);
    max-width: calc(100% - 48px)
}

.g-column._gutters-64 {
    margin-top: -32px;
    margin-bottom: -32px
}

.g-column._gutters-64>.g-col {
    margin-top: 32px;
    margin-bottom: 32px
}

.g-column._gutters-64>.g-col1 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(8.333333333333334% - 64px);
    max-width: calc(8.333333333333334% - 64px)
}

.g-column._gutters-64>.g-col2 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(16.666666666666668% - 64px);
    max-width: calc(16.666666666666668% - 64px)
}

.g-column._gutters-64>.g-col3 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(25% - 64px);
    max-width: calc(25% - 64px)
}

.g-column._gutters-64>.g-col4 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(33.333333333333336% - 64px);
    max-width: calc(33.333333333333336% - 64px)
}

.g-column._gutters-64>.g-col5 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(41.666666666666664% - 64px);
    max-width: calc(41.666666666666664% - 64px)
}

.g-column._gutters-64>.g-col6 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(50% - 64px);
    max-width: calc(50% - 64px)
}

.g-column._gutters-64>.g-col7 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(58.333333333333336% - 64px);
    max-width: calc(58.333333333333336% - 64px)
}

.g-column._gutters-64>.g-col8 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(66.66666666666667% - 64px);
    max-width: calc(66.66666666666667% - 64px)
}

.g-column._gutters-64>.g-col9 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(75% - 64px);
    max-width: calc(75% - 64px)
}

.g-column._gutters-64>.g-col10 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(83.33333333333333% - 64px);
    max-width: calc(83.33333333333333% - 64px)
}

.g-column._gutters-64>.g-col11 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(91.66666666666667% - 64px);
    max-width: calc(91.66666666666667% - 64px)
}

.g-column._gutters-64>.g-col12 {
    margin-top: 32px;
    margin-bottom: 32px;
    flex-basis: calc(100% - 64px);
    max-width: calc(100% - 64px)
}

.g-col {
    flex: 1 auto;
    max-width: 100%
}

.g-col._right {
    justify-content: flex-end;
    margin-left: auto
}

[class^="g-col"] {
    display: inline-flex;
    position: relative
}

.g-col1 {
    flex: none;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.g-col-push1 {
    margin-left: 8.33333333%
}

.g-col-pull1 {
    margin-left: -8.33333333%
}

.g-col2 {
    flex: none;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.g-col-push2 {
    margin-left: 16.66666667%
}

.g-col-pull2 {
    margin-left: -16.66666667%
}

.g-col3 {
    flex: none;
    flex-basis: 25%;
    max-width: 25%
}

.g-col-push3 {
    margin-left: 25%
}

.g-col-pull3 {
    margin-left: -25%
}

.g-col4 {
    flex: none;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.g-col-push4 {
    margin-left: 33.33333333%
}

.g-col-pull4 {
    margin-left: -33.33333333%
}

.g-col5 {
    flex: none;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.g-col-push5 {
    margin-left: 41.66666667%
}

.g-col-pull5 {
    margin-left: -41.66666667%
}

.g-col6 {
    flex: none;
    flex-basis: 50%;
    max-width: 50%
}

.g-col-push6 {
    margin-left: 50%
}

.g-col-pull6 {
    margin-left: -50%
}

.g-col7 {
    flex: none;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.g-col-push7 {
    margin-left: 58.33333333%
}

.g-col-pull7 {
    margin-left: -58.33333333%
}

.g-col8 {
    flex: none;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.g-col-push8 {
    margin-left: 66.66666667%
}

.g-col-pull8 {
    margin-left: -66.66666667%
}

.g-col9 {
    flex: none;
    flex-basis: 75%;
    max-width: 75%
}

.g-col-push9 {
    margin-left: 75%
}

.g-col-pull9 {
    margin-left: -75%
}

.g-col10 {
    flex: none;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.g-col-push10 {
    margin-left: 83.33333333%
}

.g-col-pull10 {
    margin-left: -83.33333333%
}

.g-col11 {
    flex: none;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.g-col-push11 {
    margin-left: 91.66666667%
}

.g-col-pull11 {
    margin-left: -91.66666667%
}

.g-col12 {
    flex: none;
    flex-basis: 100%;
    max-width: 100%
}

.g-col-push12 {
    margin-left: 100%
}

.g-col-pull12 {
    margin-left: -100%
}

.g-center {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.g-row.jc-end,.g-column.jc-end,[class^="g-col"].jc-end {
    justify-content: flex-end
}

.g-row.jc-center,.g-column.jc-center,[class^="g-col"].jc-center {
    justify-content: center
}

.g-row.jc-sp-between,.g-column.jc-sp-between,[class^="g-col"].jc-sp-between {
    justify-content: space-between
}

.g-row.jc-sp-around,.g-column.jc-sp-around,[class^="g-col"].jc-sp-around {
    justify-content: space-around
}

.g-row.ai-start,.g-column.ai-start,[class^="g-col"].ai-start {
    align-items: flex-start
}

.g-row.ai-end,.g-column.ai-end,[class^="g-col"].ai-end {
    align-items: flex-end
}

.g-row.ai-center,.g-column.ai-center,[class^="g-col"].ai-center {
    align-items: center
}

.g-row.ai-right,.g-column.ai-right,[class^="g-col"].ai-right {
    align-items: right
}

.g-row.fw-wrap,.g-column.fw-wrap,[class^="g-col"].fw-wrap {
    flex-wrap: wrap
}

.g-row.ff-row-wrap,.g-column.ff-row-wrap,[class^="g-col"].ff-row-wrap {
    flex-flow: row wrap
}

.g-row.ff-column,.g-column.ff-column,[class^="g-col"].ff-column {
    flex-flow: column nowrap
}

.g-row.fl-none,.g-column.fl-none,[class^="g-col"].fl-none {
    flex: none
}

.svg-icon {
    vertical-align: bottom
}

.svg-icon:not(.native) * {
    fill: currentColor
}

.icon-pencil,.icon-bubble,.icon-trophy,.icon-up-down {
    background-image: url("../../Img/share-sprite-new.png?v=e1b8bd67bc12");
    background-image: url("../../Img/share-sprite-new.svg?v=0e11bfd41fbc"),none;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle
}

.icon-pencil {
    background-position: -123px 0
}

.icon-bubble {
    background-position: -103px -2px;
    width: 13px;
    height: 13px
}

.icon-trophy {
    background-position: -62px -1px;
    width: 15px
}

.icon-up-down {
    background-position: -80px -2px;
    width: 18px;
    height: 12px
}

.icon-site,.icon-location,.icon-github,.icon-twitter,.icon-time,.icon-calendar,.icon-eye,.icon-se,.icon-q,.icon-a,.icon-q-small,.icon-a-small,.icon-ppl-helped,.icon-helpful-edit,.icon-vote-cast,.icon-lock,.icon-so-gray,.icon-external-link,.icon-helpful-flags,.icon-history,.icon-settings,.icon-settings-off,.icon-arrow-bottom,.icon-user-dark {
    background-image: url("../../Img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("../../Img/user-profile-sprite.svg?v=d88bb7069e3d"),none;
    display: inline-block;
    width: 12px;
    height: 14px;
    vertical-align: middle
}

.icon-site {
    background-position: 0 -80px
}

.icon-location {
    background-position: 0 -97px
}

.icon-github {
    background-position: 0 -114px
}

.icon-twitter {
    background-position: 0 -131px
}

.icon-time {
    background-position: 0 -147px
}

.icon-calendar {
    background-position: 0 -163px
}

.icon-eye {
    background-position: 0 -182px
}

.icon-se {
    background-position: 0 -200px;
    position: relative;
    top: -1px
}

.icon-envelope-fill-gray {
    content: ' ';
    color: transparent;
    background-image: url("../../Img/icon-envelope-fill-gray.png?v=b61f9c31beb2");
    background-image: url("../../Img/icon-envelope-fill-gray.svg?v=b3da0246cfcc"),none;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    background-size: 12px 12px;
    display: inline-block;
    width: 12px;
    height: 12px;
    opacity: .6;
    text-indent: -10000px
}

.icon-user-dark {
    width: 13px;
    height: 13px;
    background-position: -46px -106px
}

.icon-arrow-bottom {
    width: 10px;
    height: 6px;
    background-position: -84px -411px
}

.icon-settings-off {
    height: 12px;
    width: 11px;
    background-position: 0 -355px
}

.icon-settings-off.hover:hover {
    background-position: 0 -370px
}

.icon-settings {
    height: 11px;
    width: 11px;
    background-position: 0 -370px
}

.icon-q {
    background-position: 1px 0;
    width: 19px;
    height: 22px
}

.icon-q.accepted {
    background-position: -49px 0
}

.icon-a {
    background-position: 1px -28px;
    width: 19px;
    height: 22px
}

.icon-a.accepted {
    background-position: -49px -28px
}

.icon-q-small {
    background-position: -28px 0;
    width: 11px;
    height: 13px
}

.icon-a-small {
    background-position: -28px -28px;
    width: 11px;
    height: 13px
}

.icon-ppl-helped {
    background-position: -28px -106px;
    width: 13px;
    height: 13px
}

.icon-helpful-edit {
    background-position: -28px -81px;
    width: 13px;
    height: 13px
}

.icon-helpful-flags {
    background-position: -28px -61px;
    width: 13px;
    height: 13px
}

.icon-history {
    background-position: 0 -63px;
    width: 12px;
    height: 10px
}

.icon-vote-cast {
    background-position: -28px -134px;
    width: 13px;
    height: 8px
}

.icon-lock {
    background-position: -28px -151px;
    width: 13px;
    height: 13px
}

.icon-so-gray {
    background-position: -56px -80px;
    width: 11px;
    height: 14px
}

.icon-external-link {
    width: 14px;
    height: 14px;
    background-position: -49px -369px
}

.input-icon {
    position: relative
}

.input-icon .svg-icon {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 99;
    pointer-events: none
}

.input-icon .icon {
    position: absolute;
    z-index: 99;
    pointer-events: none;
    top: 50%;
    margin-top: -7px;
    left: 12px
}

.input-icon input {
    padding-left: 30px !important
}

.icon-check-on,.icon-check-off,.item-select-table .item input[type="checkbox"]:checked+.check,.item-select-table .item .check {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 16px;
    height: 16px;
    display: inline-block
}

.icon-check-off,.item-select-table .item .check {
    background-position: -51px -58px
}

.icon-check-on,.item-select-table .item input[type="checkbox"]:checked+.check {
    background-position: -74px -58px
}

.icon-check-small-on,.icon-check-small-off {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 13px;
    height: 10px;
    display: inline-block
}

.icon-check-small-on {
    background-position: -51px -40px
}

.icon-check-small-off {
    background-position: -74px -40px
}

.icon-lock-on,.icon-lock-off {
    background-image: url('../../Img/user-profile-sprite.png?v=6829b895a42c');
    background-image: url('../../Img/user-profile-sprite.svg?v=d88bb7069e3d'),none;
    width: 10px;
    height: 13px;
    display: inline-block
}

.icon-lock-off {
    background-position: -50px -151px
}

.icon-lock-on {
    background-position: -28px -151px
}

.icon-bitbucket,.icon-gitlab,.icon-googlecode,.icon-codeplex,.icon-sourceforge {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    display: inline-block
}

.icon-bitbucket {
    background-position: 0 -224px
}

.icon-gitlab {
    background-position: 0 -244px
}

.icon-googlecode {
    background-position: 0 -265px
}

.icon-codeplex {
    background-position: 0 -304px
}

.icon-sourceforge {
    background-position: 0 -285px
}

.icon-privacy-public,.icon-privacy-private,.icon-privacy-public-btn,.icon-privacy-private-btn {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 11px;
    height: 11px;
    display: inline-block
}

.icon-privacy-public {
    background-position: -52px 0
}

.icon-privacy-private {
    background-position: -76px 0
}

.icon-privacy-public-btn {
    background-position: -52px -20px
}

.icon-privacy-private-btn {
    background-position: -76px -20px
}

.icon-job-big,.icon-project-opensource-big,.icon-project-apps-big,.icon-achievement-big,.icon-education-big,.icon-certification-big,.icon-artifact-big,.icon-generic-assessment-big,.icon-generic-big {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 22px;
    height: 22px;
    display: inline-block
}

.icon-job-big {
    background-position: -120px -125px
}

.icon-project-opensource-big {
    background-position: -120px -75px
}

.icon-project-apps-big {
    background-position: -120px 0
}

.icon-achievement-big {
    background-position: -120px -23px
}

.icon-education-big {
    background-position: -120px -101px
}

.icon-certification-big {
    background-position: -120px -155px
}

.icon-artifact-big {
    background-position: -120px -46px
}

.icon-generic-big {
    background-position: -120px -184px
}

.icon-generic-assessment-big {
    background-position: -48.5px -200px
}

.icon-i,.icon-i-blue,.icon-i-orange {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 14px;
    height: 14px;
    display: inline-block;
    background-position: -54px -94px
}

.icon-i-orange {
    background-position: -54px -134px;
    width: 12px;
    height: 12px
}

.icon-warning-orange,.icon-warning-gray,.icon-warning-label:before {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 13px;
    height: 11px;
    display: inline-block
}

.icon-warning-orange,.icon-warning-label:before {
    background-position: -55px -114px
}

.icon-warning-gray {
    background-position: -55px -152px
}

.icon-warning-label {
    display: inline-block;
    background: #faeed6;
    border-radius: 3px;
    padding: 2px 4px;
    cursor: pointer
}

.icon-warning-label:before {
    content: ''
}

#location-home-item,.needs-visa {
    position: relative;
    padding-left: 1.8em !important
}

#location-home-item .visa-icon,.needs-visa .visa-icon,#location-home-item .home-icon,.needs-visa .home-icon {
    position: absolute;
    left: .4em;
    top: 50%;
    transform: translate(0%, -50%)
}

.home-icon {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: -76px -132px
}

.visa-icon {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: -76px -114px
}

.geo-tag .visa-icon {
    display: none
}

.geo-tag.needs-visa .visa-icon {
    display: inline-block
}

.icon-image-upload {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-position: 0 -360px
}

.icon-external-link {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 12px;
    height: 10px;
    display: inline-block;
    background-position: 0 -430px
}

.icon-play-white {
    background-image: url('../../Img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../Img/share-sprite-new.svg?v=0e11bfd41fbc'),none;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: 0 -258px
}

.btn .icon-play-white {
    position: relative;
    top: 1px
}

.icon-indent {
    background-image: url('../../Img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../Img/share-sprite-new.svg?v=0e11bfd41fbc'),none;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: 0 -278px
}

.icon-indent._hover:hover,a:hover .icon-indent._hover {
    background-position: -20px -278px
}

.icon-cancel {
    background-image: url('../../Img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../Img/share-sprite-new.svg?v=0e11bfd41fbc'),none;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: 0 -238px
}

.icon-cancel._hover:hover,a:hover .icon-cancel._hover {
    background-position: -20px -238px
}

a .icon-cancel,a .icon-indent {
    position: relative;
    top: 1px
}

.icon-print {
    background-image: url('../../Img/developer-story/timeline.svg?v=d0477cf4f5f4'),none;
    width: 12px;
    height: 11px;
    display: inline-block;
    background-position: 0 -488px
}

.badge,.badge-tag {
    padding: .4em .8em .4em .4em;
    margin: 0 3px 3px 0;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    font-size: 12px;
    background-color: #3c4146;
    border: 1px solid transparent;
    display: inline-block;
    border-radius: 4px
}

.badge:hover,.badge-tag:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0c0d0e
}

body.theme-dark .badge {
    background-color: #0c0d0e
}

body.theme-dark .badge:hover {
    background-color: #000
}

@media (prefers-color-scheme:dark) {
    body.theme-system .badge {
        background-color: #0c0d0e
    }

body.theme-system .badge:hover {
        background-color: #000
    }
}

.badge-tag {
    color: var(--black-600);
    background-color: var(--black-050);
    border-color: var(--black-100)
}

.badge-tag:hover {
    color: var(--black-700);
    background-color: var(--black-075);
    border-color: var(--black-150)
}

.badgecount {
    font-size: 12px;
    font-weight: bold;
    padding-left: 2px;
    color: var(--black-400)
}

.badge1,.badge2,.badge3 {
    display: inline-block;
    overflow: hidden;
    line-height: inherit;
    vertical-align: text-bottom;
    width: 14px;
    height: 14px
}

.badge1 {
    background-position: -97px -398px
}

.badge2 {
    background-position: -77px -398px
}

.badge3 {
    background-position: -57px -398px
}

.badge1-alternate,.badge2-alternate,.badge3-alternate,.badge-how-to {
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 2px
}

.badge1-alternate .-total,.badge2-alternate .-total,.badge3-alternate .-total,.badge-how-to .-total {
    font-weight: 700;
    color: #535a60
}

.badge1-alternate {
    background-color: var(--gold-lighter);
    border-color: var(--gold-darker)
}

.badge2-alternate,.badge-how-to {
    background-color: var(--silver-lighter);
    border-color: var(--silver-darker)
}

.badge3-alternate {
    background-color: var(--bronze-lighter);
    border-color: var(--bronze-darker)
}

a.badge1-alternate:hover,a.badge2-alternate:hover,a.badge3-alternate:hover {
    background-color: #535a60;
    border-color: transparent
}

input[type="submit"]:not(.s-btn):not(.s-editor-btn),input[type="button"]:not(.s-btn):not(.s-editor-btn),button:not(.s-btn):not(.s-editor-btn),.button,.btn {
    display: inline-block;
    position: relative;
    padding: .61538462em 1em;
    vertical-align: middle;
    min-height: 2.46153846em;
    box-sizing: border-box;
    font-weight: 400;
    font-family: inherit;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid transparent;
    cursor: pointer;
    outline: none;
    touch-action: manipulation;
    transition: color .1s ease-in,background-color .1s ease-in,border-color .1s ease-in,box-shadow .1s ease-in
}

input[type="submit"]:not(.s-btn):not(.s-editor-btn):hover,input[type="button"]:not(.s-btn):not(.s-editor-btn):hover,button:not(.s-btn):not(.s-editor-btn):hover,.button:hover,.btn:hover,input[type="submit"]:not(.s-btn):not(.s-editor-btn):focus,input[type="button"]:not(.s-btn):not(.s-editor-btn):focus,button:not(.s-btn):not(.s-editor-btn):focus,.button:focus,.btn:focus {
    text-decoration: none;
    transition: color .1s ease-in-out,background-color .1s ease-in-out,border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    outline: none
}

input[type="submit"]:not(.s-btn):not(.s-editor-btn)[disabled],input[type="button"]:not(.s-btn):not(.s-editor-btn)[disabled],button:not(.s-btn):not(.s-editor-btn)[disabled],.button[disabled],.btn[disabled],input[type="submit"]:not(.s-btn):not(.s-editor-btn)._disabled,input[type="button"]:not(.s-btn):not(.s-editor-btn)._disabled,button:not(.s-btn):not(.s-editor-btn)._disabled,.button._disabled,.btn._disabled {
    cursor: default;
    pointer-events: none;
    box-shadow: none;
    opacity: 1
}

input[type="submit"]:not(.s-btn):not(.s-editor-btn)[disabled]:hover,input[type="button"]:not(.s-btn):not(.s-editor-btn)[disabled]:hover,button:not(.s-btn):not(.s-editor-btn)[disabled]:hover,.button[disabled]:hover,.btn[disabled]:hover,input[type="submit"]:not(.s-btn):not(.s-editor-btn)._disabled:hover,input[type="button"]:not(.s-btn):not(.s-editor-btn)._disabled:hover,button:not(.s-btn):not(.s-editor-btn)._disabled:hover,.button._disabled:hover,.btn._disabled:hover {
    cursor: default;
    box-shadow: none
}

input[type="submit"]:not(.s-btn):not(.s-editor-btn).btn__with-icon .svg-icon,input[type="button"]:not(.s-btn):not(.s-editor-btn).btn__with-icon .svg-icon,button:not(.s-btn):not(.s-editor-btn).btn__with-icon .svg-icon,.button.btn__with-icon .svg-icon,.btn.btn__with-icon .svg-icon {
    margin-top: -3px;
    margin-bottom: -2px;
    margin-right: 4px;
    margin-left: -4px
}

input[type="submit"]:not(.s-btn):not(.s-editor-btn),input[type="button"]:not(.s-btn):not(.s-editor-btn),button:not(.s-btn):not(.s-editor-btn),.button,a.button,a.button:visited,.btn {
    color: #fff;
    background-color: var(--blue-500);
    border-color: var(--blue-500);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.4)
}

input[type="submit"]:not(.s-btn):not(.s-editor-btn):visited,input[type="button"]:not(.s-btn):not(.s-editor-btn):visited,button:not(.s-btn):not(.s-editor-btn):visited,.button:visited,a.button:visited,a.button:visited:visited,.btn:visited {
    color: #fff
}

input[type="submit"]:not(.s-btn):not(.s-editor-btn):hover,input[type="button"]:not(.s-btn):not(.s-editor-btn):hover,button:not(.s-btn):not(.s-editor-btn):hover,.button:hover,a.button:hover,a.button:visited:hover,.btn:hover,input[type="submit"]:not(.s-btn):not(.s-editor-btn):focus,input[type="button"]:not(.s-btn):not(.s-editor-btn):focus,button:not(.s-btn):not(.s-editor-btn):focus,.button:focus,a.button:focus,a.button:visited:focus,.btn:focus {
    background-color: var(--blue-600);
    border-color: var(--blue-600)
}

input[type="submit"]:not(.s-btn):not(.s-editor-btn)[disabled],input[type="button"]:not(.s-btn):not(.s-editor-btn)[disabled],button:not(.s-btn):not(.s-editor-btn)[disabled],.button[disabled],a.button[disabled],a.button:visited[disabled],.btn[disabled],input[type="submit"]:not(.s-btn):not(.s-editor-btn)._disabled,input[type="button"]:not(.s-btn):not(.s-editor-btn)._disabled,button:not(.s-btn):not(.s-editor-btn)._disabled,.button._disabled,a.button._disabled,a.button:visited._disabled,.btn._disabled {
    color: #fff;
    background-color: var(--black-050);
    border-color: transparent
}

input[type=submit].loading,input[type=button].loading,button.loading,.button.loading,a.button.loading,a.button:visited.loading,.btn.loading,.btn:visited.loading {
    pointer-events: none
}

input[type=submit].loading:before,input[type=button].loading:before,button.loading:before,.button.loading:before,a.button.loading:before,a.button:visited.loading:before,.btn.loading:before,.btn:visited.loading:before {
    float: left;
    left: -4px;
    content: ""
}

input[type="submit"]._block,input[type="button"]._block,button._block,.button._block,.btn._block,[class*="btn-"]._block {
    display: block;
    margin-bottom: .5em;
    width: 100%
}

input[type="submit"]._block+input[type="submit"]._block,input[type="submit"]._block+input[type="button"]._block,input[type="submit"]._block+button._block,input[type="submit"]._block+.button._block,input[type="submit"]._block+.btn._block,input[type="submit"]._block+[class*="btn-"]._block,input[type="button"]._block+input[type="submit"]._block,input[type="button"]._block+input[type="button"]._block,input[type="button"]._block+button._block,input[type="button"]._block+.button._block,input[type="button"]._block+.btn._block,input[type="button"]._block+[class*="btn-"]._block,button._block+input[type="submit"]._block,button._block+input[type="button"]._block,button._block+button._block,button._block+.button._block,button._block+.btn._block,button._block+[class*="btn-"]._block,.button._block+input[type="submit"]._block,.button._block+input[type="button"]._block,.button._block+button._block,.button._block+.button._block,.button._block+.btn._block,.button._block+[class*="btn-"]._block,.btn._block+input[type="submit"]._block,.btn._block+input[type="button"]._block,.btn._block+button._block,.btn._block+.button._block,.btn._block+.btn._block,.btn._block+[class*="btn-"]._block,[class*="btn-"]._block+input[type="submit"]._block,[class*="btn-"]._block+input[type="button"]._block,[class*="btn-"]._block+button._block,[class*="btn-"]._block+.button._block,[class*="btn-"]._block+.btn._block,[class*="btn-"]._block+[class*="btn-"]._block {
    margin-left: 0
}

input[type="submit"]._hide,input[type="button"]._hide,button._hide,.button._hide,.btn._hide,[class*="btn-"]._hide {
    display: none
}

input[type="submit"]._show,input[type="button"]._show,button._show,.button._show,.btn._show,[class*="btn-"]._show {
    display: inline-block
}

input[type="submit"]._xlarge,input[type="button"]._xlarge,button._xlarge,.button._xlarge,.btn._xlarge,[class*="btn-"]._xlarge {
    font-size: 24px
}

input[type="submit"]._large,input[type="button"]._large,button._large,.button._large,.btn._large,[class*="btn-"]._large {
    padding-left: 2em;
    padding-right: 2em;
    font-size: 18px
}

input[type="submit"]._medium,input[type="button"]._medium,button._medium,.button._medium,.btn._medium,[class*="btn-"]._medium {
    font-size: 15px
}

input[type="submit"]._small,input[type="button"]._small,button._small,.button._small,.btn._small,[class*="btn-"]._small {
    font-size: 12px
}

input[type="submit"]._left,input[type="button"]._left,button._left,.button._left,.btn._left,[class*="btn-"]._left {
    float: left
}

input[type="submit"]._right,input[type="button"]._right,button._right,.button._right,.btn._right,[class*="btn-"]._right {
    float: right;
    margin-right: 2px
}

input[type="submit"]._right:first-of-type,input[type="button"]._right:first-of-type,button._right:first-of-type,.button._right:first-of-type,.btn._right:first-of-type,[class*="btn-"]._right:first-of-type {
    margin-right: 0
}

select,input,button,.button,a.button:link,.btn,[class*="btn-"] {
    font-size: 100%
}

input[type="text"]:not(.s-input):not(.s-textarea),input[type="password"]:not(.s-input):not(.s-textarea),input[type="number"]:not(.s-input):not(.s-textarea),input[type="email"]:not(.s-input):not(.s-textarea),input[type="url"]:not(.s-input):not(.s-textarea),input[type="search"]:not(.s-input):not(.s-textarea),input[type="tel"]:not(.s-input):not(.s-textarea),input[type="datetime"]:not(.s-input):not(.s-textarea),input[type="datetime-local"]:not(.s-input):not(.s-textarea),input[type="date"]:not(.s-input):not(.s-textarea),textarea:not(.s-input):not(.s-textarea) {
    padding: 8px 10px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 14px;
    color: #3c4146;
    background: #fff;
    border: 1px solid #c8ccd0
}

input[type="text"]:not(.s-input):not(.s-textarea)[disabled],input[type="password"]:not(.s-input):not(.s-textarea)[disabled],input[type="number"]:not(.s-input):not(.s-textarea)[disabled],input[type="email"]:not(.s-input):not(.s-textarea)[disabled],input[type="url"]:not(.s-input):not(.s-textarea)[disabled],input[type="search"]:not(.s-input):not(.s-textarea)[disabled],input[type="tel"]:not(.s-input):not(.s-textarea)[disabled],input[type="datetime"]:not(.s-input):not(.s-textarea)[disabled],input[type="datetime-local"]:not(.s-input):not(.s-textarea)[disabled],input[type="date"]:not(.s-input):not(.s-textarea)[disabled],textarea:not(.s-input):not(.s-textarea)[disabled] {
    background: rgba(159,166,173,0.1);
    cursor: not-allowed
}

input[type="text"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="password"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="number"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="email"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="url"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="search"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="tel"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="datetime"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="datetime-local"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,input[type="date"]:not(.s-input):not(.s-textarea)::-webkit-input-placeholder,textarea:not(.s-input):not(.s-textarea)::-webkit-input-placeholder {
    color: #9fa6ad
}

input[type="text"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="password"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="number"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="email"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="url"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="search"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="tel"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="datetime"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="datetime-local"]:not(.s-input):not(.s-textarea)::-moz-placeholder,input[type="date"]:not(.s-input):not(.s-textarea)::-moz-placeholder,textarea:not(.s-input):not(.s-textarea)::-moz-placeholder {
    color: #9fa6ad;
    opacity: 1
}

input[type="text"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="password"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="number"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="email"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="url"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="search"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="tel"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="datetime"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="datetime-local"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,input[type="date"]:not(.s-input):not(.s-textarea)::-ms-input-placeholder,textarea:not(.s-input):not(.s-textarea)::-ms-input-placeholder {
    color: #9fa6ad
}

input[type="text"]:not(.s-input):not(.s-textarea)::placeholder,input[type="password"]:not(.s-input):not(.s-textarea)::placeholder,input[type="number"]:not(.s-input):not(.s-textarea)::placeholder,input[type="email"]:not(.s-input):not(.s-textarea)::placeholder,input[type="url"]:not(.s-input):not(.s-textarea)::placeholder,input[type="search"]:not(.s-input):not(.s-textarea)::placeholder,input[type="tel"]:not(.s-input):not(.s-textarea)::placeholder,input[type="datetime"]:not(.s-input):not(.s-textarea)::placeholder,input[type="datetime-local"]:not(.s-input):not(.s-textarea)::placeholder,input[type="date"]:not(.s-input):not(.s-textarea)::placeholder,textarea:not(.s-input):not(.s-textarea)::placeholder {
    color: #9fa6ad
}

textarea.custom-reason-text {
    width: 600px
}

input {
    margin: 5px 0
}

input[type="checkbox"]:not(.s-checkbox),input[type="radio"]:not(.s-radio) {
    border: none;
    margin-right: 5px
}

.form-submit {
    display: block;
    padding: 10px 0 15px 0
}

.form-submit input:hover {
    cursor: pointer
}

.form-submit input:active {
    position: relative;
    top: 1px
}

.privacy-wrapper {
    position: relative
}

.privacy-wrapper .privacy-checkbox {
    display: none;
    width: auto;
    padding: 3px 6px;
    border-radius: 3px 3px 0px 0px;
    position: absolute;
    top: -8px;
    right: 0;
    font-size: 11px;
    color: white;
    background: #0095ff
}

.privacy-wrapper .privacy-checkbox input[type="checkbox"] {
    position: relative;
    z-index: 1;
    margin-right: 8px
}

.privacy-wrapper .privacy-checkbox:focus {
    outline: 0
}

.privacy-wrapper .privacy-checkbox:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    background: #0071c2;
    z-index: 0;
    border-radius: 3px 0px 0px 0px
}

.has-error .textarea-with-counter textarea:not(:focus) {
    border-color: #de535e;
    border-bottom: 0
}

.has-error .textarea-with-counter textarea:not(:focus)+.-counter {
    border-color: #de535e
}

.textarea-with-counter {
    margin: 5px 0
}

.textarea-with-counter+.help-text {
    display: block;
    margin-bottom: 5px !important
}

.textarea-with-counter textarea {
    margin: 0 !important;
    border-bottom: 0;
    display: block
}

.textarea-with-counter textarea:focus {
    border-bottom: 0
}

.textarea-with-counter textarea:focus+.-counter {
    border-color: #0095ff
}

.textarea-with-counter .-counter {
    display: flex;
    align-items: center;
    background: #f6f8f9;
    padding: 4px;
    color: #848d95;
    font-size: 11px;
    border-bottom: 1px solid #c8ccd0;
    border-left: 1px solid #c8ccd0;
    border-right: 1px solid #c8ccd0
}

.textarea-with-counter .-counter.-fail .-dot,.textarea-with-counter .-counter.-success .-dot {
    display: inline-block
}

.textarea-with-counter .-counter.-fail .-dot {
    background: #f7aa6d
}

.textarea-with-counter .-counter.-success {
    color: #5eba7d
}

.textarea-with-counter .-counter.-success .-dot {
    background: #82ca9a
}

.textarea-with-counter .-dot {
    display: none;
    width: 8px;
    height: 8px;
    margin-right: 4px;
    border-radius: 50%
}

.label-required {
    display: inline-block;
    margin-left: 2px;
    color: #848d95
}

.double-input:before,.double-input:after {
    content: "";
    display: table
}

.double-input:after {
    clear: both
}

.double-input input[type="text"],.double-input input[type="password"],.double-input input[type="email"],.double-input .separator {
    float: left;
    display: inline-block;
    width: auto;
    max-width: 155px
}

.double-input .separator {
    background: #eff0f1;
    color: #848d95;
    font-size: 13px;
    padding: 8px 10px;
    margin: 5px 0 5px 0;
    border-top: 1px solid #c8ccd0;
    border-bottom: 1px solid #c8ccd0;
    min-width: 12px;
    text-align: center
}

.double-input.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .4
}

.double-input.flex {
    display: flex;
    margin-bottom: 18px
}

.double-input.flex .separator {
    float: none;
    flex-shrink: 0;
    margin: 5px 0 0 0
}

.double-input.flex input[type="text"],.double-input.flex input[type="password"],.double-input.flex input[type="email"] {
    float: none;
    flex-grow: 1;
    margin-bottom: 0 !important;
    max-width: none
}

.radio-box {
    display: inline-block;
    background: #fff;
    border: 1px solid #e4e6e8;
    border-radius: 3px;
    padding: 14px 14px 14px 50px;
    position: relative;
    text-align: left
}

.radio-box:hover {
    border-color: #bdcdd7
}

.radio-box:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: #e1edf5;
    width: 40px
}

.radio-box input[type="radio"] {
    margin-right: 20px;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -6px;
    left: 14px
}

.switcher {
    margin: 5px auto 8px auto;
    display: inline-block;
    border: 1px solid #e4e6e8;
    border-radius: 3px;
    overflow: hidden
}

.switcher:before,.switcher:after {
    content: "";
    display: table
}

.switcher:after {
    clear: both
}

.switcher input[type="radio"] {
    display: none
}

.switcher label {
    background: #fff;
    transition: background 300ms ease;
    text-align: center;
    color: #6a737c;
    display: inline-block;
    padding: 10px 8px;
    min-width: 98px;
    float: left;
    cursor: pointer;
    border-right: 1px solid #e4e6e8;
    margin-top: 0
}

.switcher label:last-of-type {
    border-right: 0
}

.switcher label:hover {
    background: #F4F8FB
}

.switcher input[type="radio"]:checked+label {
    background: #E1ECF4;
    color: #3c4146;
    pointer-events: none
}

.switcher.three-choices label {
    width: 30.5%
}

.switcher.flex {
    display: flex;
    overflow: inherit
}

.switcher.flex label {
    min-width: 0;
    flex-grow: 1
}

.switcher.flex.three label {
    width: 34%
}

.switcher.flex .informative-tooltip {
    width: 200px
}

.disabled-area {
    opacity: .5;
    pointer-events: none
}

label.block,input.block,textarea.block {
    display: block;
    width: 100%
}

.inline-field {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.inline-field .inline-label {
    text-align: left;
    padding-right: 10px
}

.inline-field.full-width .inline-label {
    padding-right: 20px
}

.inline-field.full-width .inline-column {
    width: 100%
}

.input-options {
    margin-bottom: 20px
}

label>input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 3px 3px 0
}

label>input[type="radio"] {
    margin: 0 3px 4px 0
}

input[type="radio"],input[type="checkbox"] {
    vertical-align: middle
}

.container .chosen-container .chosen-choices {
    border: 1px solid #c8ccd0;
    box-shadow: inset 0 1px 2px rgba(12,13,14,0.1);
    background: #fff
}

.input-loader {
    position: relative
}

.input-loader.loading:before {
    content: '';
    position: absolute !important;
    top: 50%;
    margin-top: -7px;
    right: 7px
}

.f-label,label.f-label {
    display: inline-flex;
    margin: 0;
    font-size: 13px;
    line-height: 1.46153846;
    font-weight: 700;
    color: var(--black-700);
    cursor: pointer
}

.f-label._muted,label.f-label._muted {
    color: #848d95
}

.f-label._small,label.f-label._small {
    font-size: 11px
}

.f-label._medium,label.f-label._medium {
    font-size: 17px
}

.f-label._large,label.f-label._large {
    font-size: 21px
}

.f-label._medium,label.f-label._medium,.f-label._large,label.f-label._large {
    font-weight: 400
}

.f-label .is-required,label.f-label .is-required,.f-label .is-optional,label.f-label .is-optional {
    display: inline-flex;
    align-self: flex-end;
    margin-bottom: 2px;
    margin-left: 8px;
    font-size: 86%;
    font-style: italic;
    font-weight: 400
}

p.is-required,span.is-required {
    color: #de535e
}

p.is-optional,span.is-optional {
    color: #6a737c
}

.t-help {
    margin-top: 6px;
    margin-bottom: 12px;
    color: #848d95;
    font-size: 11px;
    line-height: 1.26666667
}

.t-help._medium {
    font-size: 13px
}

.f-input,textarea.f-input,input[type="text"].f-input,input[type="password"].f-input,input[type="number"].f-input,input[type="email"].f-input,input[type="url"].f-input,input[type="search"].f-input,input[type="tel"].f-input,input[type="datetime"].f-input {
    box-sizing: border-box;
    flex: 1 auto;
    margin: 0;
    padding: 8px 16px;
    min-height: auto;
    vertical-align: middle;
    border: 1px solid #c8ccd0;
    border-radius: 0;
    box-shadow: inset 0 0 1px rgba(145,153,161,0.2),0 0 0 rgba(255,255,255,0);
    font-size: 13px;
    line-height: 1.46153846;
    color: #3c4146;
    background-color: #fff;
    transition: all 600ms cubic-bezier(.165, .84, .44, 1)
}

.f-input::-webkit-input-placeholder,textarea.f-input::-webkit-input-placeholder,input[type="text"].f-input::-webkit-input-placeholder,input[type="password"].f-input::-webkit-input-placeholder,input[type="number"].f-input::-webkit-input-placeholder,input[type="email"].f-input::-webkit-input-placeholder,input[type="url"].f-input::-webkit-input-placeholder,input[type="search"].f-input::-webkit-input-placeholder,input[type="tel"].f-input::-webkit-input-placeholder,input[type="datetime"].f-input::-webkit-input-placeholder {
    color: #c8ccd0
}

.f-input::-moz-placeholder,textarea.f-input::-moz-placeholder,input[type="text"].f-input::-moz-placeholder,input[type="password"].f-input::-moz-placeholder,input[type="number"].f-input::-moz-placeholder,input[type="email"].f-input::-moz-placeholder,input[type="url"].f-input::-moz-placeholder,input[type="search"].f-input::-moz-placeholder,input[type="tel"].f-input::-moz-placeholder,input[type="datetime"].f-input::-moz-placeholder {
    color: #c8ccd0;
    opacity: 1
}

.f-input::-ms-input-placeholder,textarea.f-input::-ms-input-placeholder,input[type="text"].f-input::-ms-input-placeholder,input[type="password"].f-input::-ms-input-placeholder,input[type="number"].f-input::-ms-input-placeholder,input[type="email"].f-input::-ms-input-placeholder,input[type="url"].f-input::-ms-input-placeholder,input[type="search"].f-input::-ms-input-placeholder,input[type="tel"].f-input::-ms-input-placeholder,input[type="datetime"].f-input::-ms-input-placeholder {
    color: #c8ccd0
}

.f-input::placeholder,textarea.f-input::placeholder,input[type="text"].f-input::placeholder,input[type="password"].f-input::placeholder,input[type="number"].f-input::placeholder,input[type="email"].f-input::placeholder,input[type="url"].f-input::placeholder,input[type="search"].f-input::placeholder,input[type="tel"].f-input::placeholder,input[type="datetime"].f-input::placeholder {
    color: #c8ccd0
}

.f-input:hover,textarea.f-input:hover,input[type="text"].f-input:hover,input[type="password"].f-input:hover,input[type="number"].f-input:hover,input[type="email"].f-input:hover,input[type="url"].f-input:hover,input[type="search"].f-input:hover,input[type="tel"].f-input:hover,input[type="datetime"].f-input:hover {
    border-color: rgba(0,149,255,0.5);
    box-shadow: inset 0 0 2px #d4d7d9,0 0 2px rgba(0,149,255,0.2)
}

.f-input:focus,textarea.f-input:focus,input[type="text"].f-input:focus,input[type="password"].f-input:focus,input[type="number"].f-input:focus,input[type="email"].f-input:focus,input[type="url"].f-input:focus,input[type="search"].f-input:focus,input[type="tel"].f-input:focus,input[type="datetime"].f-input:focus {
    border-color: #0095ff;
    box-shadow: inset 0 0 4px #eff0f1,0 0 5px rgba(0,149,255,0.5);
    outline: 0
}

.f-input[disabled],textarea.f-input[disabled],input[type="text"].f-input[disabled],input[type="password"].f-input[disabled],input[type="number"].f-input[disabled],input[type="email"].f-input[disabled],input[type="url"].f-input[disabled],input[type="search"].f-input[disabled],input[type="tel"].f-input[disabled],input[type="datetime"].f-input[disabled],.f-input.is-disabled,textarea.f-input.is-disabled,input[type="text"].f-input.is-disabled,input[type="password"].f-input.is-disabled,input[type="number"].f-input.is-disabled,input[type="email"].f-input.is-disabled,input[type="url"].f-input.is-disabled,input[type="search"].f-input.is-disabled,input[type="tel"].f-input.is-disabled,input[type="datetime"].f-input.is-disabled,.f-input[read-only],textarea.f-input[read-only],input[type="text"].f-input[read-only],input[type="password"].f-input[read-only],input[type="number"].f-input[read-only],input[type="email"].f-input[read-only],input[type="url"].f-input[read-only],input[type="search"].f-input[read-only],input[type="tel"].f-input[read-only],input[type="datetime"].f-input[read-only],.f-input.is-readonly,textarea.f-input.is-readonly,input[type="text"].f-input.is-readonly,input[type="password"].f-input.is-readonly,input[type="number"].f-input.is-readonly,input[type="email"].f-input.is-readonly,input[type="url"].f-input.is-readonly,input[type="search"].f-input.is-readonly,input[type="tel"].f-input.is-readonly,input[type="datetime"].f-input.is-readonly {
    border-color: #e4e6e8;
    box-shadow: inset 0 0 3px rgba(145,153,161,0.1);
    background-color: #eff0f1;
    color: #848d95
}

.f-input._large,textarea.f-input._large,input[type="text"].f-input._large,input[type="password"].f-input._large,input[type="number"].f-input._large,input[type="email"].f-input._large,input[type="url"].f-input._large,input[type="search"].f-input._large,input[type="tel"].f-input._large,input[type="datetime"].f-input._large {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 24px
}

.f-input._medium,textarea.f-input._medium,input[type="text"].f-input._medium,input[type="password"].f-input._medium,input[type="number"].f-input._medium,input[type="email"].f-input._medium,input[type="url"].f-input._medium,input[type="search"].f-input._medium,input[type="tel"].f-input._medium,input[type="datetime"].f-input._medium {
    font-size: 17px
}

.f-input._small,textarea.f-input._small,input[type="text"].f-input._small,input[type="password"].f-input._small,input[type="number"].f-input._small,input[type="email"].f-input._small,input[type="url"].f-input._small,input[type="search"].f-input._small,input[type="tel"].f-input._small,input[type="datetime"].f-input._small {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 11px
}

textarea.f-input {
    padding: 12px;
    height: auto;
    resize: vertical
}

.f-select {
    position: relative;
    color: #3c4146
}

.f-select:before,.f-select:after {
    content: "";
    position: absolute;
    right: .75em;
    pointer-events: none;
    border-width: 3px;
    border-style: solid;
    border-color: currentColor transparent
}

.f-select:before {
    top: calc(50% - 6px);
    border-top-width: 0;
    border-bottom-width: 5px
}

.f-select:after {
    top: calc(50% + 1px);
    border-top-width: 5px;
    border-bottom-width: 0
}

.f-select>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex: 1 auto;
    padding: 8px 16px;
    padding-right: 32px;
    font-size: 13px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 1.46153846;
    color: inherit;
    background-color: #fff;
    border: 1px solid #c8ccd0;
    border-radius: 2px;
    transition: color 600ms cubic-bezier(.165, .84, .44, 1),border-color 600ms cubic-bezier(.165, .84, .44, 1),box-shadow 600ms cubic-bezier(.165, .84, .44, 1),background-color 600ms cubic-bezier(.165, .84, .44, 1)
}

.f-select>select::-ms-expand {
    display: none
}

.f-select>select:hover {
    border-color: rgba(0,149,255,0.5);
    box-shadow: inset 0 0 2px #d4d7d9,0 0 2px rgba(0,149,255,0.2)
}

.f-select>select:focus {
    border-color: #0095ff;
    box-shadow: inset 0 0 4px #eff0f1,0 0 5px rgba(0,149,255,0.5);
    outline: 0
}

.f-select.is-disabled:before,.f-select.is-disabled:after {
    opacity: .3
}

.f-select.is-disabled select {
    color: #aeb4ba;
    background-color: #eff0f1;
    border-color: #e3e6e8
}

.f-select.is-disabled select:hover {
    border-color: #e3e6e8;
    box-shadow: none
}

.f-input-file {
    display: block;
    margin: 0;
    padding: 8px 0;
    font-size: 11px
}

.f-checkbox input[type="radio"],.f-radio input[type="radio"],.f-checkbox input[type="checkbox"],.f-radio input[type="checkbox"] {
    margin: 0
}

.f-checkbox .g-col,.f-radio .g-col {
    flex-flow: column nowrap
}

.f-checkbox>.-input,.f-radio>.-input {
    flex: none;
    padding-right: 8px
}

.f-checkbox>.-input>input,.f-radio>.-input>input {
    margin: 0
}

.f-checkbox>.-input>input[type="checkbox"],.f-radio>.-input>input[type="checkbox"] {
    margin-top: 2px
}

.f-checkbox>.-input>input:focus,.f-radio>.-input>input:focus {
    outline: 0
}

.f-checkbox .f-label,.f-radio .f-label {
    font-weight: 400
}

.f-checkbox .t-help,.f-radio .t-help {
    margin: 2px 0;
    padding-right: 1em
}

.f-checkbox+.f-checkbox,.f-checkbox+.f-radio,.f-radio+.f-checkbox,.f-radio+.f-radio {
    margin-top: 8px
}

.f-checkbox._end .g-col,.f-radio._end .g-col {
    flex: 0 auto
}

.f-checkbox.is-disabled,.f-radio.is-disabled {
    opacity: .5
}

.f-checkbox.is-disabled,.f-radio.is-disabled,.f-checkbox.is-disabled label,.f-radio.is-disabled label,.f-checkbox.is-disabled .label,.f-radio.is-disabled .label {
    cursor: not-allowed
}

.input-group {
    box-sizing: border-box
}

.input-group .message {
    display: block;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px
}

.input-group.has-warning .f-input,.input-group.has-error .f-input,.input-group.is-success .f-input,.input-group.has-warning .tag-editor,.input-group.has-error .tag-editor,.input-group.is-success .tag-editor,.input-group.has-warning .autocomplete input,.input-group.has-error .autocomplete input,.input-group.is-success .autocomplete input,.input-group.has-warning .f-select select,.input-group.has-error .f-select select,.input-group.is-success .f-select select {
    background-position: right 12px center;
    background-repeat: no-repeat
}

.input-group.has-warning .f-select select,.input-group.has-error .f-select select,.input-group.is-success .f-select select {
    background-position: right 24px center
}

.input-group.has-warning .f-input,.input-group.has-warning .f-select select {
    border-color: #dc8f18;
    background-image: url("../../Img/forms/icon-warning.svg?v=982eba4202d6"),none
}

.input-group.has-warning .f-input:hover,.input-group.has-warning .f-select select:hover {
    border-color: #eaa63c;
    box-shadow: inset 0 0 1px #d6d9dc,0 0 2px #f1e5bc
}

.input-group.has-warning .f-input:focus,.input-group.has-warning .f-select select:focus {
    border-color: #e8910b;
    box-shadow: inset 0 0 4px #eff0f1,0 0 4px #f1e5bc
}

.input-group.has-warning .message {
    color: #dc8f18
}

.input-group.has-error .f-input,.input-group.has-error .tag-editor,.input-group.has-error .autocomplete input,.input-group.has-error .f-select select {
    border-color: #de535e;
    background-image: url("../../Img/forms/icon-error.svg?v=7912aa2ddbe0"),none
}

.input-group.has-error .f-input:hover,.input-group.has-error .tag-editor:hover,.input-group.has-error .autocomplete input:hover,.input-group.has-error .f-select select:hover {
    border-color: #e87c87;
    box-shadow: inset 0 0 1px #d6d9dc,0 0 2px #f9d3d7
}

.input-group.has-error .f-input:focus,.input-group.has-error .tag-editor:focus,.input-group.has-error .autocomplete input:focus,.input-group.has-error .f-select select:focus {
    border-color: #d1383d;
    box-shadow: inset 0 0 4px #eff0f1,0 0 4px #f4b4bb
}

.input-group.has-error .message {
    color: #d1383d
}

.input-group.is-success .f-input,.input-group.is-success .f-select select {
    border-color: #5eba7d;
    background-image: url("../../Img/forms/icon-success.svg?v=4012387047df"),none
}

.input-group.is-success .f-input:hover,.input-group.is-success .f-select select:hover {
    border-color: #82ca9a;
    box-shadow: inset 0 0 1px #d6d9dc,0 0 2px #cae8d4
}

.input-group.is-success .f-input:focus,.input-group.is-success .f-select select:focus {
    border-color: #48a868;
    box-shadow: inset 0 0 4px #eff0f1,0 0 4px #a6d9b7
}

.input-group.is-success .message {
    color: #40965d
}

.input-group.is-disabled {
    opacity: .5;
    cursor: not-allowed
}

.input-group,.button-group {
    position: relative;
    display: flex
}

.input-group *,.button-group *,.input-group *:before,.button-group *:before,.input-group *:after,.button-group *:after {
    box-sizing: border-box
}

.input-group {
    flex-flow: column nowrap;
    margin-bottom: 24px
}

.input-group>.input-group {
    margin-bottom: 0
}

.input-group>.f-label+* {
    margin-top: 6px
}

.input-group>.f-label+.t-help {
    margin-top: 2px
}

.input-group>.f-label+.input-group {
    margin-top: 16px
}

.input-group._clusters .g-row+.g-row {
    margin-top: 8px
}

.input-group._clusters .input-group {
    margin-bottom: 0
}

.input-group._clusters .input-group .f-label {
    font-weight: 400
}

.input-group .-fill {
    flex: none;
    align-items: center;
    padding: 8px 16px;
    color: #535a60;
    background-color: #eff0f1;
    border: 1px solid #c8ccd0;
    border-left-width: 0;
    border-right-width: 0
}

.input-group .-fill>label {
    font-size: inherit;
    line-height: inherit
}

.input-group .-fill._clean {
    border-color: transparent;
    background-color: transparent
}

.input-group .-fill.is-first {
    order: -1;
    border-left-width: 1px
}

.input-group .-fill.is-last {
    order: 99;
    border-right-width: 1px
}

.input-group [class^="btn"].is-last {
    order: 100;
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.button-group [class^="btn"]+[class^="btn"] {
    margin-left: 2px
}

.button-group.g-column [class^="btn"]+[class^="btn"] {
    margin-top: 8px;
    margin-left: 0
}

.button-group .t-help {
    margin-top: 12px;
    margin-bottom: 0
}

.button-group.has-border {
    padding-top: 24px;
    border-top: 1px solid #d6d9dc
}

.f-radio-toggle .f-label {
    flex: 1 auto;
    justify-content: center;
    padding: 8px 16px;
    margin-left: -1px;
    margin-right: -1px;
    border: 1px solid #c8ccd0;
    background-color: var(--white);
    font-weight: 400;
    line-height: 1.46153846;
    color: #3c4146;
    text-align: center;
    transition: all 600ms cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

.f-radio-toggle .f-label:hover,.f-radio-toggle .f-label:focus,.f-radio-toggle .f-label:active {
    color: #24272b;
    background-color: var(--blue-050);
    border-color: var(--blue-200);
    z-index: 1
}

.f-radio-toggle input[type="radio"] {
    position: absolute;
    left: -9999em;
    opacity: 0
}

.f-radio-toggle input[type="radio"]:checked+.f-label {
    color: var(--white);
    background-color: var(--blue-500);
    border-color: var(--blue-500);
    pointer-events: none;
    position: relative;
    z-index: 2
}

.f-radio-toggle .g-col:first-of-type .f-label {
    margin-left: 0;
    border-radius: 2px 0 0 2px
}

.f-radio-toggle .g-col:last-of-type .f-label {
    border-radius: 0 2px 2px 0
}

.f-radio-toggle._muted .f-label {
    border: 1px solid var(--black-150);
    background-color: var(--white);
    color: var(--black-400)
}

.f-radio-toggle._muted .f-label:hover,.f-radio-toggle._muted .f-label:focus,.f-radio-toggle._muted .f-label:active {
    color: var(--black-700);
    background-color: var(--black-050);
    border-color: var(--black-200)
}

.f-radio-toggle._muted input[type="radio"]:checked+.f-label {
    color: var(--white);
    background-color: var(--green-400);
    border-color: var(--green-400)
}

.f-radio-toggle._muted input[type="radio"]._off:checked+.f-label {
    color: var(--black-500);
    background-color: var(--black-100);
    border-color: var(--black-200)
}

.container .chosen-container {
    margin-top: 0
}

.container .chosen-container.chosen-container-active {
    border-width: 0
}

.container .chosen-container.chosen-container-active .chosen-choices {
    border-color: #0095ff;
    box-shadow: inset 0 0 4px #eff0f1,0 0 5px rgba(0,149,255,0.5)
}

.container .chosen-container .chosen-choices {
    display: flex;
    padding: 0 1px;
    min-height: 38px;
    background-image: none;
    border-radius: 2px;
    border-color: #c8ccd0
}

.container .chosen-container .chosen-choices:hover {
    border-color: rgba(0,149,255,0.5);
    box-shadow: inset 0 0 2px #d4d7d9,0 0 2px rgba(0,149,255,0.2)
}

.container .chosen-container .chosen-choices li.search-choice,.container .chosen-container .chosen-choices li.search-field {
    display: inline-flex;
    align-items: center;
    margin: 4px 1px;
    padding: 2px 6px
}

.container .chosen-container .chosen-choices li.search-choice {
    float: none;
    box-shadow: none;
    background-image: none;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 12px;
    color: var(--powder-600);
    background-color: var(--powder-100);
    border-color: transparent;
    border-radius: 2px
}

.container .chosen-container .chosen-choices li.search-choice:first-child {
    margin-left: 3px
}

.container .chosen-container .chosen-choices li.search-choice .search-choice-close {
    position: relative;
    top: 0;
    right: -1px;
    margin-left: 4px;
    transition: none
}

.container .chosen-container li.search-field>input[type="text"] {
    padding: 0;
    margin: 0
}

ul,ol,li {
    margin: 0;
    padding: 0
}

ul,ol {
    margin-left: 30px;
    margin-bottom: 1em
}

ul ul,ol ul,ul ol,ol ol {
    margin-bottom: 0
}

ul {
    list-style-type: disc
}

ol {
    list-style-type: decimal
}

.caption {
    padding-top: 13px;
    padding-bottom: 13px;
    text-align: left
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

.table {
    margin-bottom: 15px;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-width: 0
}

.table th {
    text-align: left
}

.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
    padding: 13px;
    padding-left: 0;
    vertical-align: top
}

.table>thead>tr>th small,.table>tbody>tr>th small,.table>tfoot>tr>th small,.table>thead>tr>td small,.table>tbody>tr>td small,.table>tfoot>tr>td small {
    font-size: 11px
}

.table>thead>tr>th {
    vertical-align: bottom
}

.table>tfoot>tr>td {
    vertical-align: top
}

.table>caption+thead>tr:first-child>th,.table>.caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>.colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>.caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>.colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table ._textLeft {
    text-align: left
}

.table ._textCenter {
    text-align: center
}

.table ._textRight {
    text-align: right
}

.table col[class*="-col"] {
    position: static;
    float: none;
    display: table-column
}

.table td[class*="-col"],.table th[class*="-col"] {
    position: static;
    float: none;
    display: table-cell
}

.table td.-col1,.table th.-col1 {
    width: 8.33333333%
}

.table td.-col2,.table th.-col2 {
    width: 16.66666667%
}

.table td.-col3,.table th.-col3 {
    width: 25%
}

.table td.-col4,.table th.-col4 {
    width: 33.33333333%
}

.table td.-col5,.table th.-col5 {
    width: 41.66666667%
}

.table td.-col6,.table th.-col6 {
    width: 50%
}

.table td.-col7,.table th.-col7 {
    width: 58.33333333%
}

.table td.-col8,.table th.-col8 {
    width: 66.66666667%
}

.table td.-col9,.table th.-col9 {
    width: 75%
}

.table td.-col10,.table th.-col10 {
    width: 83.33333333%
}

.table td.-col11,.table th.-col11 {
    width: 91.66666667%
}

.table td.-col12,.table th.-col12 {
    width: 100%
}

.table._hover>tbody>tr:hover {
    background-color: #f7f7f7
}

.table._hover>tbody>tr:hover>td {
    box-shadow: inset 0 2px 0 #fff,inset 0 -2px 0 #fff
}

.table._condensed>thead>tr>th,.table._condensed>tbody>tr>th,.table._condensed>tfoot>tr>th,.table._condensed>thead>tr>td,.table._condensed>tbody>tr>td,.table._condensed>tfoot>tr>td {
    padding: 7px;
    padding-left: 0
}

.table._condensed input[type="radio"],.table._condensed input[type="checkbox"] {
    margin-top: 0
}

.table._borders>thead>tr>th,.table._borders>tbody>tr>th,.table._borders>tfoot>tr>th,.table._borders>thead>tr>td,.table._borders>tbody>tr>td,.table._borders>tfoot>tr>td {
    border-top: 1px solid var(--black-075)
}

.table._borders>thead>tr>th {
    border-bottom: 1px solid var(--black-075)
}

.table._borders>tbody+tbody {
    border-top: 2px solid var(--black-075)
}

.table tfoot.-totals>tr>td {
    font-size: 18px
}

.table tfoot.-totals:hover {
    background-color: transparent;
    transition: none
}

.table .js-tableToggle {
    display: none
}

.table._whiteBg {
    background: #fff
}

.table._whiteBg>thead>tr>th,.table._whiteBg>tbody>tr>th,.table._whiteBg>tfoot>tr>th,.table._whiteBg>thead>tr>td,.table._whiteBg>tbody>tr>td,.table._whiteBg>tfoot>tr>td {
    padding: 10px
}

.table._verticalCenter>thead>tr>th,.table._verticalCenter>tbody>tr>th,.table._verticalCenter>tfoot>tr>th,.table._verticalCenter>thead>tr>td,.table._verticalCenter>tbody>tr>td,.table._verticalCenter>tfoot>tr>td {
    vertical-align: middle
}

.table .firstColPadding {
    padding-left: 13px
}

.table th.-checkbox,.table td.-checkbox {
    width: 2em
}

.data-table-referrers thead th {
    background-color: #fff
}

.data-table-referrers tr.data-more {
    display: none
}

.l-dt-col-sm {
    width: 15%
}

.l-dt-col-med {
    width: 25%
}

.table td.empty,.table .no-referrer {
    font-style: italic;
    opacity: .75
}

.edit-table {
    border: 1px solid rgba(12,13,14,0.15);
    margin-top: 5px
}

.edit-table._short {
    max-height: 150px;
    overflow-y: auto
}

.edit-table._medium {
    max-height: 250px;
    overflow-y: auto
}

.edit-table>table,.edit-table>.table {
    margin-bottom: 0
}

.item-select-table {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    background: #fff;
    border-right: 1px solid #d6d9dc;
    border-bottom: 1px solid #d6d9dc;
    margin-bottom: 20px
}

.item-select-table.limit-height-300 {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden
}

.item-select-table.columns-3 .item {
    width: 33.3%
}

.item-select-table.tag-table .item {
    display: flex;
    align-items: center
}

.item-select-table.tag-table .post-tag {
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 4px
}

.item-select-table label.item {
    cursor: pointer
}

.item-select-table .item {
    border: 1px solid #d6d9dc;
    padding: 10px;
    position: relative;
    flex-grow: 1;
    text-align: center;
    margin-right: -1px;
    margin-bottom: -1px
}

.item-select-table .item:hover {
    background: #eff0f1
}

.item-select-table .item input[type="checkbox"] {
    display: none
}

.item-select-table .item .check {
    position: absolute;
    top: 4px;
    right: 4px
}

table.sorter {
    margin: 10px 0pt 15px;
    text-align: left;
    border-bottom: solid 1px #d6d9dc
}

table.sorter>thead>tr .headerSortDown,table.sorter>thead>tr .headerSortUp {
    background-color: #f90;
    color: #fff
}

table.sorter>thead>tr .headerSortUp span:after {
    content: "▴"
}

table.sorter>thead>tr .headerSortDown span:after {
    content: "▾"
}

table.sorter>thead>tr .header {
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer
}

table.sorter>thead>tr span:after {
    padding-left: 5px
}

table.sorter>thead>tr>th {
    text-align: center
}

table.sorter>thead>tr>th,table.sorter>tfoot>tr>td {
    background-color: #6a737c;
    color: #fff;
    border: 1px solid #fff;
    font-size: 110%;
    padding: 5px
}

table.sorter>tbody>tr>td {
    padding: 5px 10px;
    background-color: #fff;
    vertical-align: top
}

table.sorter>tbody>tr.odd>td {
    background-color: #eff0f1
}

table.sorter>tbody>tr>td.mod-ip-banned {
    background-color: #f9d3d7
}

table.sorter>tbody>tr>td.mod-ip-hobbled {
    background-color: #fee3cf
}

table.sorter>tbody .row-data {
    text-align: right
}

.post-tag,.moderator-tag,.required-tag,.disliked-tag,.company-tag,.geo-tag,.geo-tag,.container .chosen-choices .search-choice,.container .chosen-container-multi .chosen-choices li.search-choice {
    display: inline-block;
    padding: .4em .5em;
    margin: 2px 2px 2px 0;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px
}

.post-tag:hover,.moderator-tag:hover,.required-tag:hover,.disliked-tag:hover,.company-tag:hover,.geo-tag:hover {
    text-decoration: none
}

.post-tag img,.moderator-tag img,.required-tag img,.disliked-tag img,.company-tag img,.geo-tag img {
    margin-bottom: 0
}

.post-tag img.sponsor-tag-img,.moderator-tag img.sponsor-tag-img,.required-tag img.sponsor-tag-img,.disliked-tag img.sponsor-tag-img,.company-tag img.sponsor-tag-img,.geo-tag img.sponsor-tag-img {
    margin-top: -2px;
    margin-bottom: -2px
}

.post-tag,.geo-tag,.container .chosen-choices .search-choice,.container .chosen-container-multi .chosen-choices li.search-choice {
    color: var(--powder-700);
    background-color: var(--powder-100);
    border-color: transparent
}

.post-tag:hover {
    color: var(--powder-800);
    background-color: var(--powder-200);
    border-color: transparent
}

.moderator-tag {
    color: var(--red-600);
    background-color: var(--red-050);
    border-color: var(--red-100)
}

.moderator-tag:hover {
    color: var(--red-700);
    background-color: var(--red-100);
    border-color: var(--red-200)
}

.required-tag {
    color: var(--black-700);
    background-color: var(--black-075);
    border-color: var(--black-200)
}

.required-tag:hover {
    color: var(--black-800);
    background-color: var(--black-100);
    border-color: var(--black-300)
}

.disliked-tag {
    color: #6a737c;
    background-color: #e4e6e8;
    border-color: transparent
}

.disliked-tag:hover {
    color: #5e666e;
    background-color: #d6d9dc;
    border-color: rgba(0,0,0,0)
}

.company-tag {
    color: #0c0d0e;
    font-size: 12px;
    text-align: left;
    background-color: #eff0f1;
    border-radius: 0;
    border-color: transparent;
    border-left: 2px solid #f48024
}

.company-tag:hover {
    background-color: #ECEAEA;
    color: #242729
}

.company-tag img {
    margin-bottom: auto;
    padding-right: 4px;
    max-height: 20px;
    width: auto;
    vertical-align: middle
}

.autocomplete .company-tag {
    line-height: 1.5em
}

.geo-tag .delete-location {
    margin: -2px 0 0 3px;
    vertical-align: middle;
    width: 14px;
    height: 13px;
    line-height: 26px
}

.geo-tag .icon-visa-show[value="false"]~.icon-visa {
    display: none
}

.container .chosen-choices .search-choice,.container .chosen-container-multi .chosen-choices li.search-choice {
    background-image: none;
    box-shadow: none;
    border-color: transparent;
    padding-right: 1.75em;
    padding-top: .5em;
    margin: 4px 4px 0 0 !important
}

.container .chosen-choices .search-choice .search-choice-close,.container .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    margin: 0 !important
}

a {
    color: var(--blue-600);
    text-decoration: none;
    cursor: pointer
}

a:hover,a:active {
    color: var(--blue-500);
    text-decoration: none
}

a.comment-user {
    white-space: nowrap;
    padding: 0
}

a.comment-user.owner {
    padding: 1px 5px
}

.post-text a:not(.post-tag):not(.badge-tag):not(.s-link__visited):not(.s-btn):not(.s-editor-btn),.comment-copy a,.wmd-preview a:not(.post-tag):not(.badge-tag):not(.s-link__visited):not(.s-editor-btn) {
    text-decoration: underline
}

.post-text a:not(.post-tag):not(.badge-tag):not(.s-link__visited):not(.s-btn):not(.s-editor-btn):visited,.comment-copy a:visited,.wmd-preview a:not(.post-tag):not(.badge-tag):not(.s-link__visited):not(.s-editor-btn):visited {
    color: var(--blue-700)
}

a .mathjax {
    width: 115px;
    height: 55px;
    background-image: url("../../Img/share-sprite.png?v=0734e5a54af0");
    background-position: -190px 5px
}

.external {
    position: relative;
    display: inline-block;
    padding-left: 20px
}

.external>.-icon {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    background-image: url("../../Img/share-sprite-new.png?v=e1b8bd67bc12");
    background-image: url("../../Img/share-sprite-new.svg?v=0e11bfd41fbc"),none;
    background-position: 0 -220px;
    background-repeat: no-repeat
}

.external:visited {
    color: var(--blue-600)
}

.external:hover,.external:active {
    text-decoration: none
}

.external:hover>.-icon,.external:active>.-icon {
    background-position: -13px -220px
}

.question-hyperlink {
    font-size: 16px;
    font-weight: 400
}

.question-hyperlink,.answer-hyperlink {
    color: var(--blue-600);
    line-height: 1.3;
    margin-bottom: 1.2em
}

.question-hyperlink:hover,.answer-hyperlink:hover,.question-hyperlink:active,.answer-hyperlink:active {
    color: var(--blue-500)
}

.question-hyperlink:visited,.answer-hyperlink:visited {
    color: var(--blue-700)
}

.gray-link,.gray-link:visited {
    color: #848d95;
    cursor: pointer
}

.gray-link:hover,.gray-link:visited:hover,.gray-link:focus,.gray-link:visited:focus,.gray-link:active,.gray-link:visited:active {
    color: #3c4146
}

b,strong {
    font-weight: bold
}

i,em {
    font-style: italic
}

sup,sub {
    font-size: 80%
}

ins {
    text-decoration: none
}

del,s {
    text-decoration: line-through
}

del .post-tag,s .post-tag,del .required-tag,s .required-tag,del .moderator-tag,s .moderator-tag {
    text-decoration: line-through !important
}

kbd {
    display: inline-block;
    margin: 0 .1em;
    padding: .1em .6em;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 11px;
    line-height: 1.4;
    color: var(--black-800);
    text-shadow: 0 1px 0 var(--white);
    background-color: var(--black-075);
    border: 1px solid var(--black-300);
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(12,13,14,0.15),inset 0 1px 0 0 var(--white);
    white-space: nowrap
}

body.theme-dark kbd {
    box-shadow: 0 1px 2px rgba(12,13,14,0.75)
}

@media (prefers-color-scheme:dark) {
    body.theme-system kbd {
        box-shadow: 0 1px 2px rgba(12,13,14,0.75)
    }
}

.text-muted {
    color: var(--black-400)
}

.placeholder-text {
    color: var(--black-300)
}

.help-text {
    color: var(--black-600);
    font-size: 11px
}

.mute-text {
    color: var(--black-500)
}

.txt-underline {
    text-decoration: underline !important
}

.txt-align-center {
    text-align: center !important
}

p {
    clear: both;
    margin-bottom: 1em;
    margin-top: 0
}

p code {
    padding: 1px 5px
}

p.lead {
    font-size: 1.3em;
    line-height: 1.5em
}

p.lead small {
    display: block;
    font-size: 13px;
    color: var(--black-600)
}

code {
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
    background-color: var(--black-075)
}

pre {
    margin-bottom: 1em;
    padding: 12px 8px;
    width: auto;
    max-height: 600px;
    overflow: auto;
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
    font-size: 13px;
    background-color: var(--black-050);
    border-radius: 3px;
    scrollbar-color: var(--scrollbar) transparent
}

pre code {
    background-color: transparent
}

pre::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent
}

pre::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent
}

pre::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbar)
}

pre::-webkit-scrollbar-corner {
    background-color: transparent;
    border-color: transparent
}

li pre {
    margin: .5em 0 1em 0
}

h1,h2,h3 {
    line-height: 1.3;
    margin: 0 0 1em
}

h1 {
    font-size: 22px
}

h2 {
    font-size: 18px
}

h3 {
    font-size: 15px
}

h1.lead,h2.lead {
    font-weight: 400
}

h1.lead {
    font-size: 2.6em;
    margin-bottom: .3em
}

h2.lead {
    font-size: 1.7em
}

.post-text h1,.post-text h2,.post-text h3,.post-text h4,.post-text h5,.post-text h6 {
    word-wrap: break-word
}

.post-text ul p:last-of-type,.wmd-preview ul p:last-of-type,.post-text ol p:last-of-type,.wmd-preview ol p:last-of-type {
    margin-bottom: 0
}

.post-text li>ul,.wmd-preview li>ul,.post-text li>ol,.wmd-preview li>ol {
    padding-top: .5em
}

.post-text,.wmd-preview,.comment-copy,.question-status,.excerpt {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif
}

blockquote,q {
    quotes: none
}

blockquote {
    position: relative;
    margin-bottom: 1em;
    padding: 12px 12px 12px 16px
}

blockquote:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    border-radius: 8px;
    background: var(--black-150)
}

blockquote *:last-child {
    margin-bottom: 0
}

li blockquote {
    margin: .5em 0 1em 0
}

.s-dl__wip dt {
    font-weight: bold
}

.str,.lit,.tag {
    color: var(--red-800)
}

.kwd,.dec {
    color: var(--blue-800)
}

.com {
    color: var(--black-400)
}

.typ {
    color: #2B91AF
}

.pun,.pln {
    color: var(--black-750)
}

.atn {
    color: var(--orange-600)
}

.atv {
    color: var(--blue-600)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .typ {
        color: #97e6fe
    }
}

body.theme-dark .typ {
    color: #97e6fe
}

.prettyprint {
    display: block;
    color: var(--black-800)
}

@media print {
    .kwd,.typ,.tag {
        font-weight: bold
    }

.str,.atv {
        color: #060
    }

.kwd {
        color: #006
    }

.typ,.atn {
        color: #404
    }

.lit {
        color: #044
    }

.pun {
        color: #440
    }

.pln {
        color: #0c0d0e
    }

.tag {
        color: #006
    }

.com {
        color: #600;
        font-style: italic
    }
}

.blink {
    animation-name: blinking;
    animation-duration: 3.5s
}

@keyframes blinking {
    from {
        background: #f4a83d
    }

to {
        background: rgba(244,168,61,0)
    }
}

@keyframes opacity-in {
    0% {
        opacity: 0
    }

100% {
        opacity: 1
    }
}

.favicon {
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url('../../Img/favicons-sprite16.png?v=f4676f10d215')
}

body.theme-dark .favicon {
    background-image: url('../../Img/favicons-sprite16-dark.png?v=88984f98050c')
}

@media (prefers-color-scheme:dark) {
    body.theme-system .favicon {
        background-image: url('../../Img/favicons-sprite16-dark.png?v=88984f98050c')
    }
}

div.favicon {
    display: inline-block
}

@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .favicon {
        background-image:url('../../Img/favicons-sprite32.png?v=fbb76a5b3b4f')
    }

body.theme-dark .favicon {
        background-image: url('../../Img/favicons-sprite32-dark.png?v=da6bd6a1469e')
    }
}

@media only screen and (min--moz-device-pixel-ratio:1.5) and (prefers-color-scheme:dark),only screen and (-o-min-device-pixel-ratio: 3/2) and (prefers-color-scheme:dark),only screen and (-webkit-min-device-pixel-ratio:1.5) and (prefers-color-scheme:dark),only screen and (min-device-pixel-ratio:1.5) and (prefers-color-scheme:dark) {
    body.theme-system .favicon {
        background-image:url('../../Img/favicons-sprite32-dark.png?v=da6bd6a1469e')
    }
}

@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .favicon {
        -moz-background-size:16px 6858px;
        -o-background-size: 16px 6858px;
        -webkit-background-size: 16px 6858px;
        background-size: 16px 6858px
    }
}

.favicon-3dprinting {
    background-position: 0 0
}

.favicon-3dprintingmeta {
    background-position: 0 -18px
}

.favicon-academia {
    background-position: 0 -36px
}

.favicon-academiameta {
    background-position: 0 -54px
}

.favicon-ai {
    background-position: 0 -72px
}

.favicon-aimeta {
    background-position: 0 -90px
}

.favicon-alcohol {
    background-position: 0 -108px
}

.favicon-alcoholmeta {
    background-position: 0 -126px
}

.favicon-android {
    background-position: 0 -144px
}

.favicon-androidmeta {
    background-position: 0 -162px
}

.favicon-anime {
    background-position: 0 -180px
}

.favicon-animemeta {
    background-position: 0 -198px
}

.favicon-apple {
    background-position: 0 -216px
}

.favicon-applemeta {
    background-position: 0 -234px
}

.favicon-arabic {
    background-position: 0 -252px
}

.favicon-arabicmeta {
    background-position: 0 -270px
}

.favicon-arduino {
    background-position: 0 -288px
}

.favicon-arduinometa {
    background-position: 0 -306px
}

.favicon-area51 {
    background-position: 0 -324px
}

.favicon-area51discuss {
    background-position: 0 -342px
}

.favicon-askubuntu {
    background-position: 0 -360px
}

.favicon-askubuntumeta {
    background-position: 0 -378px
}

.favicon-astronomy {
    background-position: 0 -396px
}

.favicon-astronomymeta {
    background-position: 0 -414px
}

.favicon-augur {
    background-position: 0 -432px
}

.favicon-augurmeta {
    background-position: 0 -450px
}

.favicon-aviation {
    background-position: 0 -468px
}

.favicon-aviationmeta {
    background-position: 0 -486px
}

.favicon-avp {
    background-position: 0 -504px
}

.favicon-avpmeta {
    background-position: 0 -522px
}

.favicon-beta {
    background-position: 0 -540px
}

.favicon-betameta {
    background-position: 0 -558px
}

.favicon-bicycles {
    background-position: 0 -576px
}

.favicon-bicyclesmeta {
    background-position: 0 -594px
}

.favicon-bioinformatics {
    background-position: 0 -612px
}

.favicon-bioinformaticsmeta {
    background-position: 0 -630px
}

.favicon-biology {
    background-position: 0 -648px
}

.favicon-biologymeta {
    background-position: 0 -666px
}

.favicon-bitcoin {
    background-position: 0 -684px
}

.favicon-bitcoinmeta {
    background-position: 0 -702px
}

.favicon-blender {
    background-position: 0 -720px
}

.favicon-blendermeta {
    background-position: 0 -738px
}

.favicon-boardgames {
    background-position: 0 -756px
}

.favicon-boardgamesmeta {
    background-position: 0 -774px
}

.favicon-br {
    background-position: 0 -792px
}

.favicon-bricks {
    background-position: 0 -810px
}

.favicon-bricksmeta {
    background-position: 0 -828px
}

.favicon-brmeta {
    background-position: 0 -846px
}

.favicon-buddhism {
    background-position: 0 -864px
}

.favicon-buddhismmeta {
    background-position: 0 -882px
}

.favicon-careers {
    background-position: 0 -900px
}

.favicon-channels {
    background-position: 0 -918px
}

.favicon-chemistry {
    background-position: 0 -936px
}

.favicon-chemistrymeta {
    background-position: 0 -954px
}

.favicon-chess {
    background-position: 0 -972px
}

.favicon-chessmeta {
    background-position: 0 -990px
}

.favicon-chinese {
    background-position: 0 -1008px
}

.favicon-chinesemeta {
    background-position: 0 -1026px
}

.favicon-christianity {
    background-position: 0 -1044px
}

.favicon-christianitymeta {
    background-position: 0 -1062px
}

.favicon-civicrm {
    background-position: 0 -1080px
}

.favicon-civicrmmeta {
    background-position: 0 -1098px
}

.favicon-codegolf {
    background-position: 0 -1116px
}

.favicon-codegolfmeta {
    background-position: 0 -1134px
}

.favicon-codereview {
    background-position: 0 -1152px
}

.favicon-codereviewmeta {
    background-position: 0 -1170px
}

.favicon-coffee {
    background-position: 0 -1188px
}

.favicon-coffeemeta {
    background-position: 0 -1206px
}

.favicon-communitybuilding {
    background-position: 0 -1224px
}

.favicon-communitybuildingmeta {
    background-position: 0 -1242px
}

.favicon-computergraphics {
    background-position: 0 -1260px
}

.favicon-computergraphicsmeta {
    background-position: 0 -1278px
}

.favicon-conlang {
    background-position: 0 -1296px
}

.favicon-conlangmeta {
    background-position: 0 -1314px
}

.favicon-cooking {
    background-position: 0 -1332px
}

.favicon-cookingmeta {
    background-position: 0 -1350px
}

.favicon-craftcms {
    background-position: 0 -1368px
}

.favicon-craftcmsmeta {
    background-position: 0 -1386px
}

.favicon-crafts {
    background-position: 0 -1404px
}

.favicon-craftsmeta {
    background-position: 0 -1422px
}

.favicon-crypto {
    background-position: 0 -1440px
}

.favicon-cryptometa {
    background-position: 0 -1458px
}

.favicon-cs {
    background-position: 0 -1476px
}

.favicon-cs50 {
    background-position: 0 -1494px
}

.favicon-cs50meta {
    background-position: 0 -1512px
}

.favicon-cseducators {
    background-position: 0 -1530px
}

.favicon-cseducatorsmeta {
    background-position: 0 -1548px
}

.favicon-csmeta {
    background-position: 0 -1566px
}

.favicon-cstheory {
    background-position: 0 -1584px
}

.favicon-cstheorymeta {
    background-position: 0 -1602px
}

.favicon-datascience {
    background-position: 0 -1620px
}

.favicon-datasciencemeta {
    background-position: 0 -1638px
}

.favicon-dba {
    background-position: 0 -1656px
}

.favicon-dbameta {
    background-position: 0 -1674px
}

.favicon-deepweb {
    background-position: 0 -1692px
}

.favicon-deepwebmeta {
    background-position: 0 -1710px
}

.favicon-devops {
    background-position: 0 -1728px
}

.favicon-devopsmeta {
    background-position: 0 -1746px
}

.favicon-diy {
    background-position: 0 -1764px
}

.favicon-diymeta {
    background-position: 0 -1782px
}

.favicon-drones {
    background-position: 0 -1800px
}

.favicon-dronesmeta {
    background-position: 0 -1818px
}

.favicon-drupal {
    background-position: 0 -1836px
}

.favicon-drupalmeta {
    background-position: 0 -1854px
}

.favicon-dsp {
    background-position: 0 -1872px
}

.favicon-dspmeta {
    background-position: 0 -1890px
}

.favicon-earthscience {
    background-position: 0 -1908px
}

.favicon-earthsciencemeta {
    background-position: 0 -1926px
}

.favicon-ebooks {
    background-position: 0 -1944px
}

.favicon-ebooksmeta {
    background-position: 0 -1962px
}

.favicon-economics {
    background-position: 0 -1980px
}

.favicon-economicsmeta {
    background-position: 0 -1998px
}

.favicon-edx-cs169-1x {
    background-position: 0 -2016px
}

.favicon-edx-cs169-1xmeta {
    background-position: 0 -2034px
}

.favicon-electronics {
    background-position: 0 -2052px
}

.favicon-electronicsmeta {
    background-position: 0 -2070px
}

.favicon-elementaryos {
    background-position: 0 -2088px
}

.favicon-elementaryosmeta {
    background-position: 0 -2106px
}

.favicon-ell {
    background-position: 0 -2124px
}

.favicon-ellmeta {
    background-position: 0 -2142px
}

.favicon-emacs {
    background-position: 0 -2160px
}

.favicon-emacsmeta {
    background-position: 0 -2178px
}

.favicon-embedded {
    background-position: 0 -2196px
}

.favicon-embeddedmeta {
    background-position: 0 -2214px
}

.favicon-engineering {
    background-position: 0 -2232px
}

.favicon-engineeringmeta {
    background-position: 0 -2250px
}

.favicon-english {
    background-position: 0 -2268px
}

.favicon-englishmeta {
    background-position: 0 -2286px
}

.favicon-eosio {
    background-position: 0 -2304px
}

.favicon-eosiometa {
    background-position: 0 -2322px
}

.favicon-es {
    background-position: 0 -2340px
}

.favicon-esmeta {
    background-position: 0 -2358px
}

.favicon-esperanto {
    background-position: 0 -2376px
}

.favicon-esperantometa {
    background-position: 0 -2394px
}

.favicon-ethereum {
    background-position: 0 -2412px
}

.favicon-ethereummeta {
    background-position: 0 -2430px
}

.favicon-expatriates {
    background-position: 0 -2448px
}

.favicon-expatriatesmeta {
    background-position: 0 -2466px
}

.favicon-expressionengine {
    background-position: 0 -2484px
}

.favicon-expressionenginemeta {
    background-position: 0 -2502px
}

.favicon-fitness {
    background-position: 0 -2520px
}

.favicon-fitnessmeta {
    background-position: 0 -2538px
}

.favicon-freelancing {
    background-position: 0 -2556px
}

.favicon-freelancingmeta {
    background-position: 0 -2574px
}

.favicon-french {
    background-position: 0 -2592px
}

.favicon-frenchmeta {
    background-position: 0 -2610px
}

.favicon-gamedev {
    background-position: 0 -2628px
}

.favicon-gamedevmeta {
    background-position: 0 -2646px
}

.favicon-gamification {
    background-position: 0 -2664px
}

.favicon-gamificationmeta {
    background-position: 0 -2682px
}

.favicon-gaming {
    background-position: 0 -2700px
}

.favicon-gamingmeta {
    background-position: 0 -2718px
}

.favicon-gardening {
    background-position: 0 -2736px
}

.favicon-gardeningmeta {
    background-position: 0 -2754px
}

.favicon-genealogy {
    background-position: 0 -2772px
}

.favicon-genealogymeta {
    background-position: 0 -2790px
}

.favicon-german {
    background-position: 0 -2808px
}

.favicon-germanmeta {
    background-position: 0 -2826px
}

.favicon-gis {
    background-position: 0 -2844px
}

.favicon-gismeta {
    background-position: 0 -2862px
}

.favicon-graphicdesign {
    background-position: 0 -2880px
}

.favicon-graphicdesignmeta {
    background-position: 0 -2898px
}

.favicon-ham {
    background-position: 0 -2916px
}

.favicon-hammeta {
    background-position: 0 -2934px
}

.favicon-hardwarerecs {
    background-position: 0 -2952px
}

.favicon-hardwarerecsmeta {
    background-position: 0 -2970px
}

.favicon-hermeneutics {
    background-position: 0 -2988px
}

.favicon-hermeneuticsmeta {
    background-position: 0 -3006px
}

.favicon-hinduism {
    background-position: 0 -3024px
}

.favicon-hinduismmeta {
    background-position: 0 -3042px
}

.favicon-history {
    background-position: 0 -3060px
}

.favicon-historymeta {
    background-position: 0 -3078px
}

.favicon-homebrew {
    background-position: 0 -3096px
}

.favicon-homebrewmeta {
    background-position: 0 -3114px
}

.favicon-hsm {
    background-position: 0 -3132px
}

.favicon-hsmmeta {
    background-position: 0 -3150px
}

.favicon-i2p {
    background-position: 0 -3168px
}

.favicon-i2pmeta {
    background-position: 0 -3186px
}

.favicon-interpersonal {
    background-position: 0 -3204px
}

.favicon-interpersonalmeta {
    background-position: 0 -3222px
}

.favicon-iot {
    background-position: 0 -3240px
}

.favicon-iota {
    background-position: 0 -3258px
}

.favicon-iotameta {
    background-position: 0 -3276px
}

.favicon-iotmeta {
    background-position: 0 -3294px
}

.favicon-islam {
    background-position: 0 -3312px
}

.favicon-islammeta {
    background-position: 0 -3330px
}

.favicon-italian {
    background-position: 0 -3348px
}

.favicon-italianmeta {
    background-position: 0 -3366px
}

.favicon-ja {
    background-position: 0 -3384px
}

.favicon-jameta {
    background-position: 0 -3402px
}

.favicon-japanese {
    background-position: 0 -3420px
}

.favicon-japanesemeta {
    background-position: 0 -3438px
}

.favicon-joomla {
    background-position: 0 -3456px
}

.favicon-joomlameta {
    background-position: 0 -3474px
}

.favicon-judaism {
    background-position: 0 -3492px
}

.favicon-judaismmeta {
    background-position: 0 -3510px
}

.favicon-korean {
    background-position: 0 -3528px
}

.favicon-koreanmeta {
    background-position: 0 -3546px
}

.favicon-languagelearning {
    background-position: 0 -3564px
}

.favicon-languagelearningmeta {
    background-position: 0 -3582px
}

.favicon-latin {
    background-position: 0 -3600px
}

.favicon-latinmeta {
    background-position: 0 -3618px
}

.favicon-law {
    background-position: 0 -3636px
}

.favicon-lawmeta {
    background-position: 0 -3654px
}

.favicon-lifehacks {
    background-position: 0 -3672px
}

.favicon-lifehacksmeta {
    background-position: 0 -3690px
}

.favicon-linguistics {
    background-position: 0 -3708px
}

.favicon-linguisticsmeta {
    background-position: 0 -3726px
}

.favicon-literature {
    background-position: 0 -3744px
}

.favicon-literaturemeta {
    background-position: 0 -3762px
}

.favicon-magento {
    background-position: 0 -3780px
}

.favicon-magentometa {
    background-position: 0 -3798px
}

.favicon-martialarts {
    background-position: 0 -3816px
}

.favicon-martialartsmeta {
    background-position: 0 -3834px
}

.favicon-math {
    background-position: 0 -3852px
}

.favicon-matheducators {
    background-position: 0 -3870px
}

.favicon-matheducatorsmeta {
    background-position: 0 -3888px
}

.favicon-mathematica {
    background-position: 0 -3906px
}

.favicon-mathematicameta {
    background-position: 0 -3924px
}

.favicon-mathmeta {
    background-position: 0 -3942px
}

.favicon-mathoverflow {
    background-position: 0 -3960px
}

.favicon-mathoverflowmeta {
    background-position: 0 -3978px
}

.favicon-mattermodeling {
    background-position: 0 -3996px
}

.favicon-mattermodelingmeta {
    background-position: 0 -4014px
}

.favicon-mechanics {
    background-position: 0 -4032px
}

.favicon-mechanicsmeta {
    background-position: 0 -4050px
}

.favicon-medicalsciences {
    background-position: 0 -4068px
}

.favicon-medicalsciencesmeta {
    background-position: 0 -4086px
}

.favicon-monero {
    background-position: 0 -4104px
}

.favicon-monerometa {
    background-position: 0 -4122px
}

.favicon-money {
    background-position: 0 -4140px
}

.favicon-moneymeta {
    background-position: 0 -4158px
}

.favicon-movies {
    background-position: 0 -4176px
}

.favicon-moviesmeta {
    background-position: 0 -4194px
}

.favicon-music {
    background-position: 0 -4212px
}

.favicon-musicfans {
    background-position: 0 -4230px
}

.favicon-musicfansmeta {
    background-position: 0 -4248px
}

.favicon-musicmeta {
    background-position: 0 -4266px
}

.favicon-mythology {
    background-position: 0 -4284px
}

.favicon-mythologymeta {
    background-position: 0 -4302px
}

.favicon-neo {
    background-position: 0 -4320px
}

.favicon-neometa {
    background-position: 0 -4338px
}

.favicon-networkengineering {
    background-position: 0 -4356px
}

.favicon-networkengineeringmeta {
    background-position: 0 -4374px
}

.favicon-opendata {
    background-position: 0 -4392px
}

.favicon-opendatameta {
    background-position: 0 -4410px
}

.favicon-openscience {
    background-position: 0 -4428px
}

.favicon-opensciencemeta {
    background-position: 0 -4446px
}

.favicon-opensource {
    background-position: 0 -4464px
}

.favicon-opensourcemeta {
    background-position: 0 -4482px
}

.favicon-or {
    background-position: 0 -4500px
}

.favicon-ormeta {
    background-position: 0 -4518px
}

.favicon-outdoors {
    background-position: 0 -4536px
}

.favicon-outdoorsmeta {
    background-position: 0 -4554px
}

.favicon-parenting {
    background-position: 0 -4572px
}

.favicon-parentingmeta {
    background-position: 0 -4590px
}

.favicon-patents {
    background-position: 0 -4608px
}

.favicon-patentsmeta {
    background-position: 0 -4626px
}

.favicon-pets {
    background-position: 0 -4644px
}

.favicon-petsmeta {
    background-position: 0 -4662px
}

.favicon-philosophy {
    background-position: 0 -4680px
}

.favicon-philosophymeta {
    background-position: 0 -4698px
}

.favicon-photo {
    background-position: 0 -4716px
}

.favicon-photometa {
    background-position: 0 -4734px
}

.favicon-physics {
    background-position: 0 -4752px
}

.favicon-physicsmeta {
    background-position: 0 -4770px
}

.favicon-pm {
    background-position: 0 -4788px
}

.favicon-pmmeta {
    background-position: 0 -4806px
}

.favicon-poker {
    background-position: 0 -4824px
}

.favicon-pokermeta {
    background-position: 0 -4842px
}

.favicon-politics {
    background-position: 0 -4860px
}

.favicon-politicsmeta {
    background-position: 0 -4878px
}

.favicon-portuguese {
    background-position: 0 -4896px
}

.favicon-portuguesemeta {
    background-position: 0 -4914px
}

.favicon-productivity {
    background-position: 0 -4932px
}

.favicon-productivitymeta {
    background-position: 0 -4950px
}

.favicon-psychology {
    background-position: 0 -4968px
}

.favicon-psychologymeta {
    background-position: 0 -4986px
}

.favicon-puzzling {
    background-position: 0 -5004px
}

.favicon-puzzlingmeta {
    background-position: 0 -5022px
}

.favicon-quant {
    background-position: 0 -5040px
}

.favicon-quantmeta {
    background-position: 0 -5058px
}

.favicon-quantumcomputing {
    background-position: 0 -5076px
}

.favicon-quantumcomputingmeta {
    background-position: 0 -5094px
}

.favicon-raspberrypi {
    background-position: 0 -5112px
}

.favicon-raspberrypimeta {
    background-position: 0 -5130px
}

.favicon-retrocomputing {
    background-position: 0 -5148px
}

.favicon-retrocomputingmeta {
    background-position: 0 -5166px
}

.favicon-reverseengineering {
    background-position: 0 -5184px
}

.favicon-reverseengineeringmeta {
    background-position: 0 -5202px
}

.favicon-robotics {
    background-position: 0 -5220px
}

.favicon-roboticsmeta {
    background-position: 0 -5238px
}

.favicon-rpg {
    background-position: 0 -5256px
}

.favicon-rpgmeta {
    background-position: 0 -5274px
}

.favicon-ru {
    background-position: 0 -5292px
}

.favicon-rumeta {
    background-position: 0 -5310px
}

.favicon-rus {
    background-position: 0 -5328px
}

.favicon-rusmeta {
    background-position: 0 -5346px
}

.favicon-russian {
    background-position: 0 -5364px
}

.favicon-russianmeta {
    background-position: 0 -5382px
}

.favicon-salesforce {
    background-position: 0 -5400px
}

.favicon-salesforcemeta {
    background-position: 0 -5418px
}

.favicon-scicomp {
    background-position: 0 -5436px
}

.favicon-scicompmeta {
    background-position: 0 -5454px
}

.favicon-scifi {
    background-position: 0 -5472px
}

.favicon-scifimeta {
    background-position: 0 -5490px
}

.favicon-security {
    background-position: 0 -5508px
}

.favicon-securitymeta {
    background-position: 0 -5526px
}

.favicon-serverfault {
    background-position: 0 -5544px
}

.favicon-serverfaultmeta {
    background-position: 0 -5562px
}

.favicon-sharepoint {
    background-position: 0 -5580px
}

.favicon-sharepointmeta {
    background-position: 0 -5598px
}

.favicon-sitecore {
    background-position: 0 -5616px
}

.favicon-sitecoremeta {
    background-position: 0 -5634px
}

.favicon-skeptics {
    background-position: 0 -5652px
}

.favicon-skepticsmeta {
    background-position: 0 -5670px
}

.favicon-softwareengineering {
    background-position: 0 -5688px
}

.favicon-softwareengineeringmeta {
    background-position: 0 -5706px
}

.favicon-softwarerecs {
    background-position: 0 -5724px
}

.favicon-softwarerecsmeta {
    background-position: 0 -5742px
}

.favicon-sound {
    background-position: 0 -5760px
}

.favicon-soundmeta {
    background-position: 0 -5778px
}

.favicon-space {
    background-position: 0 -5796px
}

.favicon-spacemeta {
    background-position: 0 -5814px
}

.favicon-spanish {
    background-position: 0 -5832px
}

.favicon-spanishmeta {
    background-position: 0 -5850px
}

.favicon-sports {
    background-position: 0 -5868px
}

.favicon-sportsmeta {
    background-position: 0 -5886px
}

.favicon-sqa {
    background-position: 0 -5904px
}

.favicon-sqameta {
    background-position: 0 -5922px
}

.favicon-stackapps {
    background-position: 0 -5940px
}

.favicon-stackexchange {
    background-position: 0 -5958px
}

.favicon-stackexchangemeta {
    background-position: 0 -5976px
}

.favicon-stackoverflow {
    background-position: 0 -5994px
}

.favicon-stackoverflowmeta {
    background-position: 0 -6012px
}

.favicon-stats {
    background-position: 0 -6030px
}

.favicon-statsmeta {
    background-position: 0 -6048px
}

.favicon-stellar {
    background-position: 0 -6066px
}

.favicon-stellarmeta {
    background-position: 0 -6084px
}

.favicon-superuser {
    background-position: 0 -6102px
}

.favicon-superusermeta {
    background-position: 0 -6120px
}

.favicon-sustainability {
    background-position: 0 -6138px
}

.favicon-sustainabilitymeta {
    background-position: 0 -6156px
}

.favicon-techcomm {
    background-position: 0 -6174px
}

.favicon-techcommmeta {
    background-position: 0 -6192px
}

.favicon-tex {
    background-position: 0 -6210px
}

.favicon-texmeta {
    background-position: 0 -6228px
}

.favicon-tezos {
    background-position: 0 -6246px
}

.favicon-tezosmeta {
    background-position: 0 -6264px
}

.favicon-tor {
    background-position: 0 -6282px
}

.favicon-tormeta {
    background-position: 0 -6300px
}

.favicon-travel {
    background-position: 0 -6318px
}

.favicon-travelmeta {
    background-position: 0 -6336px
}

.favicon-tridion {
    background-position: 0 -6354px
}

.favicon-tridionmeta {
    background-position: 0 -6372px
}

.favicon-ukrainian {
    background-position: 0 -6390px
}

.favicon-ukrainianmeta {
    background-position: 0 -6408px
}

.favicon-unix {
    background-position: 0 -6426px
}

.favicon-unixmeta {
    background-position: 0 -6444px
}

.favicon-ux {
    background-position: 0 -6462px
}

.favicon-uxmeta {
    background-position: 0 -6480px
}

.favicon-vegetarianism {
    background-position: 0 -6498px
}

.favicon-vegetarianismmeta {
    background-position: 0 -6516px
}

.favicon-vi {
    background-position: 0 -6534px
}

.favicon-vimeta {
    background-position: 0 -6552px
}

.favicon-webapps {
    background-position: 0 -6570px
}

.favicon-webappsmeta {
    background-position: 0 -6588px
}

.favicon-webmasters {
    background-position: 0 -6606px
}

.favicon-webmastersmeta {
    background-position: 0 -6624px
}

.favicon-windowsphone {
    background-position: 0 -6642px
}

.favicon-windowsphonemeta {
    background-position: 0 -6660px
}

.favicon-woodworking {
    background-position: 0 -6678px
}

.favicon-woodworkingmeta {
    background-position: 0 -6696px
}

.favicon-wordpress {
    background-position: 0 -6714px
}

.favicon-wordpressmeta {
    background-position: 0 -6732px
}

.favicon-workplace {
    background-position: 0 -6750px
}

.favicon-workplacemeta {
    background-position: 0 -6768px
}

.favicon-worldbuilding {
    background-position: 0 -6786px
}

.favicon-worldbuildingmeta {
    background-position: 0 -6804px
}

.favicon-writing {
    background-position: 0 -6822px
}

.favicon-writingmeta {
    background-position: 0 -6840px
}

.autocomplete {
    position: relative
}

.autocomplete .autocomplete-suggestions-list {
    background: #fff;
    border: 1px solid #c8ccd0;
    color: #6a737c;
    position: absolute;
    z-index: 999;
    bottom: 6px;
    left: 0;
    right: 0;
    transform: translate(0, 100%);
    box-shadow: 0 6px 6px rgba(12,13,14,0.1);
    max-height: 350px;
    overflow: auto
}

.autocomplete .autocomplete-suggestions-list a {
    color: #6a737c
}

.autocomplete .autocomplete-suggestions-list .autocomplete-category-name,.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion,.autocomplete .autocomplete-suggestions-list .autocomplete-default,.autocomplete .autocomplete-suggestions-list .autocomplete-default {
    padding: 10px
}

.autocomplete .autocomplete-suggestions-list .autocomplete-category-name {
    background: #f6f6f7;
    font-size: 11px;
    text-transform: uppercase
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion {
    cursor: pointer;
    display: flex;
    align-items: center
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion.child {
    padding-left: 26px;
    margin-top: -5px;
    position: relative
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion.child:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-left: 1px solid #b9c1c5;
    border-bottom: 1px solid #b9c1c5;
    position: relative;
    top: -6px;
    left: -6px
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion:hover,.autocomplete .autocomplete-suggestions-list .autocomplete-default:hover {
    background: #eeeef0;
    color: #0c0d0e
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-item {
    max-width: 90%;
    word-wrap: break-word;
    overflow: hidden;
    flex-grow: 1;
    margin-left: 6px
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-image {
    width: 20px;
    height: 20px;
    overflow: hidden;
    flex-shrink: 0
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-image img {
    max-width: 100%;
    height: auto
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-match {
    color: #0c0d0e;
    font-weight: 700
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-url {
    font-size: 11px;
    color: #bbc0c4
}

.autocomplete .autocomplete-suggestions-list .autocomplete-suggestion-count {
    font-size: 13px;
    color: #9199a1
}

.autocomplete .autocomplete-suggestions-list .autocomplete-default {
    border-top: 1px solid #c8ccd0;
    display: block
}

#tabs,.tabs {
    float: right
}

#tabs a,.tabs a {
    float: left;
    margin-right: 8px;
    padding: 12px 8px 14px;
    color: #848d95;
    line-height: 1;
    text-decoration: none;
    border-bottom: 2px solid transparent
}

#tabs a:last-child,.tabs a:last-child {
    margin-right: 0
}

#tabs a:focus,.tabs a:focus {
    outline: none
}

#tabs a:hover,.tabs a:hover {
    color: #535a60;
    border-bottom-color: rgba(83,90,96,0.5)
}

#tabs a.youarehere,.tabs a.youarehere {
    font-weight: 700;
    color: #242729;
    border-bottom-color: #242729
}

#tabs a.youarehere:hover,.tabs a.youarehere:hover {
    color: #0c0d0e;
    border-bottom-color: #0c0d0e
}

#tabs .mod-flag-indicator,.tabs .mod-flag-indicator {
    margin-left: -4px
}

#tabs .bounty-indicator-tab,.tabs .bounty-indicator-tab {
    margin-right: 0;
    padding: .4em .5em .3em;
    vertical-align: middle;
    line-height: 1
}

.subtabs,.filter {
    box-sizing: border-box;
    float: right;
    margin: 0
}

.subtabs a,.filter a {
    display: block;
    margin: 0 0 0 2px;
    padding: 8px;
    border-bottom: 1px solid transparent;
    color: #6a737c;
    font-size: 12px;
    line-height: 1.53333333;
    text-decoration: none;
    transition: all 150ms cubic-bezier(.19, 1, .22, 1)
}

.subtabs a.youarehere,.filter a.youarehere,.subtabs a.active,.filter a.active,.subtabs a:hover,.filter a:hover {
    border-color: rgba(244,128,36,0.5);
    color: #3c4146;
    text-decoration: none
}

.subtabs a.youarehere,.filter a.youarehere,.subtabs a.active,.filter a.active {
    border-color: #f48024;
    font-weight: 700
}

.subtabs a.youarehere:hover,.filter a.youarehere:hover,.subtabs a.active:hover,.filter a.active:hover {
    border-color: #ff7f19;
    color: #0d0e0f
}

.subtabs a {
    float: right
}

.subtabs.filters.tag-synonyms {
    width: auto
}

.filter {
    margin: 0
}

.filter a {
    display: inline-flex;
    padding-left: 4px;
    padding-right: 4px;
    border-bottom-width: 2px
}

[class*="gravatar-wrapper-"] {
    padding: 0;
    overflow: hidden
}

[class*="gravatar-wrapper-"] img {
    margin: 0 auto
}

.gravatar-wrapper-256,.gravatar-wrapper-164,.gravatar-wrapper-128,.gravatar-wrapper-256 img,.gravatar-wrapper-164 img,.gravatar-wrapper-128 img {
    border-radius: 4px
}

.gravatar-wrapper-64,.gravatar-wrapper-50,.gravatar-wrapper-48,.gravatar-wrapper-64 img,.gravatar-wrapper-50 img,.gravatar-wrapper-48 img {
    border-radius: 2px
}

.gravatar-wrapper-256,.gravatar-wrapper-256 img {
    width: 256px;
    height: 256px
}

.gravatar-wrapper-164,.gravatar-wrapper-164 img {
    width: 164px;
    height: 164px
}

.gravatar-wrapper-128,.gravatar-wrapper-128 img {
    width: 128px;
    height: 128px
}

.gravatar-wrapper-64,.gravatar-wrapper-64 img {
    width: 64px;
    height: 64px
}

.gravatar-wrapper-50,.gravatar-wrapper-50 img {
    width: 50px;
    height: 50px
}

.gravatar-wrapper-48,.gravatar-wrapper-48 img {
    width: 48px;
    height: 48px
}

.gravatar-wrapper-42,.gravatar-wrapper-42 img {
    width: 42px;
    height: 42px
}

.gravatar-wrapper-40,.gravatar-wrapper-40 img {
    width: 40px;
    height: 40px
}

.gravatar-wrapper-32,.gravatar-wrapper-32 img {
    width: 32px;
    height: 32px
}

.gravatar-wrapper-25,.gravatar-wrapper-25 img {
    width: 25px;
    height: 25px
}

.dropdown.left:before {
    left: 4px
}

.dropdown.right:before {
    right: 4px
}

.dropdown {
    position: absolute !important;
    top: 25px;
    z-index: 100;
    box-shadow: 0 2px 5px rgba(12,13,14,0.3);
    border-radius: 2px;
    background-color: var(--white);
    margin: 0
}

.dropdown:before {
    position: absolute;
    z-index: 101;
    content: "";
    width: 16px;
    height: 16px;
    top: -11px;
    right: 4px;
    background: url('../../Img/filter-sprites.png?v=25267dbcd657') -16px 0 no-repeat;
    background: url('../../Img/filter-sprites.svg?v=d1e85fbf5198') -16px 0 no-repeat
}

.dropdown ul {
    margin: 0
}

.dropdown li {
    text-align: left;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid var(--black-050);
    line-height: 12px;
    display: block;
    background-color: var(--white);
    height: auto;
    margin-bottom: 0;
    transition: all .2s ease
}

.dropdown li:hover {
    background-color: var(--black-025)
}

.dropdown li:active {
    background-color: var(--black-050)
}

.dropdown li a.selected {
    background-color: #eff0f1;
    color: #9199a1
}

.dropdown li:first-child {
    border-top: 1px solid var(--black-050)
}

.dropdown li .bounty-indicator-tab {
    margin-left: 10px
}

.dropdown li .bounty-indicator-tab a:hover {
    text-decoration: none
}

.dropdown li a {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 10px 10px 10px;
    display: inline-block
}

.dropdown li a#edit-favorite-tags {
    width: auto;
    font-size: 11px
}

.segmented-dropdown {
    position: relative;
    padding-left: 40px
}

.segmented-dropdown .-icon-a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    display: block;
    width: 40px;
    text-align: center;
    border-right: 1px solid #e4e6e8
}

.segmented-dropdown .-icon-a .-icon {
    position: relative;
    top: 12px;
    color: #bbc0c4
}

.segmented-dropdown .-icon-a:hover ._toggle-star,.segmented-dropdown .-icon-a:focus ._toggle-star,.segmented-dropdown .-icon-a:active ._toggle-star {
    color: #9fa6ad
}

.segmented-dropdown .-icon-a.-is-favorited ._toggle-star {
    color: #ddb624
}

.segmented-dropdown .-label {
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #535a60;
    padding: 12px;
    cursor: pointer
}

.segmented-dropdown .-label .-icon {
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    color: #6a737c
}

.segmented-dropdown .-label:hover,.segmented-dropdown .-label:focus,.segmented-dropdown .-label:active {
    color: #242729
}

.segmented-dropdown .-label:hover .-icon,.segmented-dropdown .-label:focus .-icon,.segmented-dropdown .-label:active .-icon {
    color: #3c4146
}

.-segmented-dropdown-menu {
    position: absolute;
    top: 38px;
    overflow: hidden;
    max-height: 0
}

.-segmented-dropdown-menu .-close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    padding: 8px;
    line-height: 1;
    color: #bbc0c4;
    cursor: pointer
}

.-segmented-dropdown-menu .-close:hover,.-segmented-dropdown-menu .-close:focus,.-segmented-dropdown-menu .-close:active {
    color: #535a60
}

.-segmented-dropdown-menu .-close svg {
    height: 16px;
    width: 16px
}

.-segmented-dropdown-menu .-item {
    background-color: #fff;
    cursor: pointer;
    padding: 12px 8px 12px 0;
    border-bottom: 1px solid #eff0f1;
    border-left: 1px solid #bbc0c4;
    border-right: 1px solid #bbc0c4
}

.-segmented-dropdown-menu .-item:last-child {
    border-bottom-color: #bbc0c4
}

.-segmented-dropdown-menu .-item:hover,.-segmented-dropdown-menu .-item:focus,.-segmented-dropdown-menu .-item:active {
    background-color: #fafafb
}

.-segmented-dropdown-menu .-item .-checkmark {
    width: 40px;
    flex-shrink: 0;
    color: #5eba7d;
    text-align: center;
    line-height: 1;
    margin-top: -2px;
    visibility: hidden
}

.-segmented-dropdown-menu .-item .-checkmark.selected {
    visibility: visible
}

.-segmented-dropdown-menu .-item .-desc {
    flex-grow: 1
}

.-segmented-dropdown-menu .-item .-desc .-title {
    font-weight: bold;
    color: #242729;
    font-size: 13px
}

.-segmented-dropdown-menu .-item .-desc .-note {
    color: #6a737c;
    font-size: 12px
}

.-is-active .-frequency-menu {
    max-height: 40em
}

@keyframes spinnerRotate {
    0% {
        transform: rotate(0deg)
    }

100% {
        transform: rotate(360deg)
    }
}

a.loading:before {
    content: "";
    position: relative;
    display: inline-block;
    top: 1px;
    left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #d1e5f1;
    border-left-color: #a0c7e4;
    transform: translateZ(0);
    animation: spinnerRotate .8s infinite linear
}

.hero-background {
    background-image: url("../../Img/hero/anonymousHeroBackground.svg?v=b7f6054406b5");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.old-hero {
    color: #fff;
    background-color: #117bf3;
    background-image: url('../../Img/hero/pattern.svg?v=13ca42e6c21d'),linear-gradient(to right, #126CFA 0%, #108AEC 100%);
    background-position: right center, center center;
    background-repeat: no-repeat,no-repeat
}

.old-hero .-link {
    color: #fff
}

.old-hero .-link:hover {
    text-decoration: underline
}

.old-hero._orange {
    color: #fff;
    background-color: #de680a;
    background-image: linear-gradient(to right, #e4570e 0%, #d77806 100%)
}

.old-hero._orange .-link {
    color: #fff
}

.old-hero._orange .-link:hover {
    text-decoration: underline
}

.old-hero._photo {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.hero-box {
    background: #437dcc;
    margin: 40px 0;
    color: #fff;
    text-align: center;
    position: relative
}

.hero-box .hero-content {
    padding: 30px
}

.hero-box .hidden {
    display: none
}

.hero-box .hero-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px
}

.hero-box .hero-title small {
    display: block;
    font-size: 16px;
    padding-top: 4px
}

.hero-box .subtitle {
    font-size: 15px
}

.hero-box .btn {
    background: #f48024;
    border-color: #9B6114;
    box-shadow: inset 0 1px 0 #ffc272
}

.hero-box .btn.loading {
    color: white
}

.hero-box .btn:hover {
    background: #da670b
}

.modal {
    max-width: 700px;
    max-height: 900px;
    min-width: 400px;
    background-color: var(--white);
    border-radius: 3px;
    position: fixed !important;
    z-index: 9999;
    overflow: hidden
}

.modal * {
    box-sizing: border-box
}

.modal.size-medium {
    max-width: 500px
}

.modal.auto-center {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%)
}

.modal.wmd-prompt-dialog {
    padding: 0;
    border: 0
}

.modal:focus {
    outline: none
}

.modal .modal-close {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 2;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    color: var(--black-200);
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 7px;
    border-radius: 50%;
    cursor: pointer
}

.modal .modal-close:hover {
    color: var(--black-600);
    background: var(--black-050)
}

.modal .modal-header {
    text-align: center
}

.modal .modal-content,.modal .modal-footer {
    padding: 30px
}

.modal .modal-footer {
    background: #3c4146;
    color: #fff
}

.modal .modal-footer a {
    color: inherit;
    text-decoration: underline
}

.modal .modal-footer a:hover {
    color: #fff
}

@media (prefers-color-scheme:dark) {
    body.theme-system .modal {
        background-color: var(--black-100)
    }
}

body.theme-dark .modal {
    background-color: var(--black-100)
}

.modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(12,13,14,0.5);
    z-index: 1001
}

.modal.image-upload .modal-content {
    text-align: center
}

.modal.image-upload .modal-options {
    padding: 24px 0 9px 0;
    color: var(--black-700)
}

.modal.image-upload .modal-options p {
    margin-bottom: 0
}

.modal.image-upload .modal-options .ajax-loader {
    margin-left: 10px
}

.modal.image-upload .modal-options-separator {
    margin: 0 6px
}

.modal.image-upload .modal-dropzone-default,.modal.image-upload .modal-dropzone-preview {
    border: 2px dashed var(--black-075);
    height: 260px;
    border-radius: 3px;
    padding: 15px;
    width: 620px;
    position: relative
}

.modal.image-upload .modal-dropzone-default {
    background: var(--black-050);
    cursor: pointer;
    transition: background 300ms ease, border 300ms ease
}

.modal.image-upload .modal-dropzone-default:hover,.modal.image-upload .modal-dropzone-default.hover {
    background: var(--black-075);
    border-color: var(--black-100)
}

.modal.image-upload .modal-dropzone-default:hover .modal-dropzone-img:before,.modal.image-upload .modal-dropzone-default.hover .modal-dropzone-img:before {
    top: -50px
}

.modal.image-upload .modal-dropzone-default:hover .modal-dropzone-img:after,.modal.image-upload .modal-dropzone-default.hover .modal-dropzone-img:after {
    top: -76px
}

.modal.image-upload .modal-dropzone-default>* {
    pointer-events: none
}

.modal.image-upload .modal-dropzone-default .modal-dropzone-img {
    background-image: url("../../Img/img-upload.png?v=f6bb23984932");
    background-image: url('../../Img/img-upload.svg?v=16d9e4614ece'),none;
    background-position: 0 0;
    width: 86px;
    height: 78px;
    position: absolute;
    top: 88px;
    left: 50%;
    margin-left: -43px
}

.modal.image-upload .modal-dropzone-default .modal-dropzone-img:before,.modal.image-upload .modal-dropzone-default .modal-dropzone-img:after {
    position: absolute;
    background-image: url("../../Img/img-upload.png?v=f6bb23984932");
    background-image: url('../../Img/img-upload.svg?v=16d9e4614ece'),none;
    display: block;
    content: '';
    transition: all .15s ease
}

.modal.image-upload .modal-dropzone-default .modal-dropzone-img:before {
    background-position: -120px -21px;
    width: 156px;
    height: 65px;
    top: -44px;
    left: -33px
}

.modal.image-upload .modal-dropzone-default .modal-dropzone-img:after {
    background-position: -130px -90px;
    width: 53px;
    height: 61px;
    top: -66px;
    left: 18px
}

.modal.image-upload .modal-dropzone-default p {
    margin-top: 166px;
    margin-bottom: 0;
    color: var(--black-350);
    font-size: 16px
}

.modal.image-upload .modal-dropzone-default p b {
    font-size: 28px;
    color: var(--black-500);
    font-weight: 700;
    display: block;
    margin-bottom: 10px
}

.modal.image-upload .modal-options-error-message {
    color: var(--red-500);
    font-weight: bold
}

.modal.image-upload .modal-footer p {
    padding-top: 12px
}

.modal.wmd-prompt-dialog.insert-link {
    padding: 20px;
    width: 470px;
    overflow: visible
}

.modal.wmd-prompt-dialog.insert-link .tabs {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    height: 41px;
    border-bottom: 1px solid var(--black-050)
}

.modal.wmd-prompt-dialog.insert-link .notes {
    padding: 5px
}

.modal.wmd-prompt-dialog.insert-link form {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative
}

.modal.wmd-prompt-dialog.insert-link form input[type=text] {
    display: block;
    width: 100%;
    margin: 0 auto
}

.modal.wmd-prompt-dialog.insert-link form input[type=button] {
    margin: 20px 10px 0 0;
    display: inline
}

.modal.wmd-prompt-dialog.insert-link form input[type=button].insert-hyperlink {
    width: 5em
}

.popup {
    z-index: 2000;
    display: none;
    position: absolute;
    padding: 16px;
    box-shadow: var(--bs-sm);
    background-color: var(--white);
    border: solid 1px var(--black-300)
}

.popup .already-flagged {
    display: inline-block;
    margin-left: 23px;
    margin-top: 8px;
    color: var(--red-700);
    font-weight: 700
}

.popup .disabled-action {
    cursor: default !important
}

.popup .disabled-action .action-desc,.popup .disabled-action .action-name {
    opacity: .6;
    cursor: default !important
}

.popup textarea {
    width: 100%
}

.popup .subheader {
    margin-bottom: 10px !important;
    margin-top: 25px !important
}

.popup .popup-title-container {
    margin-bottom: 10px
}

.popup .popup-title-container .popup-breadcrumbs .breadcrumb .arrow {
    padding: 0 6px
}

.popup #search-text,.popup .close-as-duplicate-pane .actual-edit-overlay {
    width: 755px !important
}

.popup .question-summary {
    border: 0
}

@media (prefers-color-scheme:dark) {
    body.theme-system .popup {
        background-color: var(--black-100)
    }
}

body.theme-dark .popup {
    background-color: var(--black-100)
}

.message.message-config,.contributor-dropdown,.ask-confirmation-popup {
    border-radius: 5px;
    border: 0;
    box-shadow: var(--bs-sm)
}

.message.message-config .message-close,.contributor-dropdown .message-close,.ask-confirmation-popup .message-close,.message.message-config .popup-close a,.contributor-dropdown .popup-close a,.ask-confirmation-popup .popup-close a {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    top: 11px;
    right: 10px;
    border: 0;
    font-size: 17px;
    cursor: pointer;
    color: var(--black-200) !important;
    font-weight: 600
}

.message.message-config .message-close:hover,.contributor-dropdown .message-close:hover,.ask-confirmation-popup .message-close:hover,.message.message-config .popup-close a:hover,.contributor-dropdown .popup-close a:hover,.ask-confirmation-popup .popup-close a:hover {
    color: var(--black-600) !important
}

.message.message-config .popup-close a,.contributor-dropdown .popup-close a,.ask-confirmation-popup .popup-close a {
    background: none;
    right: 22px
}

.ask-confirmation-popup .popup-close a {
    top: 16px;
    right: 16px
}

.ask-confirmation-popup .popup-title {
    padding-right: 32px
}

.ask-confirmation-popup .popup-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px
}

.ask-confirmation-popup .popup-actions-cancel {
    margin-right: 16px
}

.message.message-config .message-tip .popup-title {
    font-weight: 700 !important
}

.message.message-config .message-tip.message-tip-top-right:before,.message.message-config .message-tip.message-tip-top-left:before {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--white);
    top: -12px
}

.message.message-config .message-tip.message-tip-top-right:before {
    right: 12px
}

.message.message-config .message-tip.message-tip-top-left:before {
    left: 12px
}

.message.message-config h1,.message.message-config h2,.message.message-config h3,.message.message-config h4 {
    color: var(--black-900);
    margin-bottom: 1em
}

.message.message-config h4 {
    text-align: left;
    letter-spacing: 0;
    margin-right: 16px
}

.message.message-config h4.popup-nav-title {
    text-align: center;
    margin: 0 15px 15px 10px
}

.message.message-config .actions {
    margin: 20px -20px -20px -20px;
    padding: 0 15px 0 15px;
    background: #3c4146;
    height: 48px;
    border-radius: 0 0 3px 3px
}

.message.message-config .actions:before,.message.message-config .actions:after {
    content: "";
    display: table
}

.message.message-config .actions:after {
    clear: both
}

.message.message-config .actions .rep-number,.message.message-config .actions .button {
    text-align: center;
    font-size: 12px
}

.message.message-config .actions .rep-number {
    float: left;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    padding-top: 16px
}

.message.message-config .actions .button {
    float: right;
    padding: 8px 16px;
    margin-top: 10px;
    text-decoration: none;
    display: inline-block;
    color: #fff !important;
    font-weight: 600;
    background: var(--blue-400);
    box-shadow: none!important;
    border: 0;
    border-radius: 3px
}

.message.message-config .actions .button:hover {
    background: var(--blue-600)
}

.message.message-config .actions .button:after {
    content: " ";
    display: inline-block;
    background-image: url("../../Img/user-profile-sprite.png?v=6829b895a42c");
    background-image: url("../../Img/user-profile-sprite.svg?v=d88bb7069e3d"),none;
    background-position: -15px -409px;
    width: 7px;
    height: 10px;
    position: relative;
    top: 2px;
    left: 4px
}

.message.message-config .message-text {
    padding: 20px !important;
    border-radius: 6px;
    position: relative;
    z-index: 1
}

.message.message-config .message-text .question-hyperlink,.message.message-config .message-text .answer-hyperlink {
    font-size: 13px;
    text-decoration: none;
    color: var(--blue-600)
}

.message.message-config .message-text .question-hyperlink:hover,.message.message-config .message-text .answer-hyperlink:hover {
    color: var(--blue-500)
}

.message.message-config .popup-nav {
    list-style: none;
    margin: 0 -20px -20px -20px;
    padding: 0;
    text-align: center
}

.message.message-config .popup-nav li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--black-050)
}

.message.message-config .popup-nav li:last-child {
    border-bottom: 0
}

.message.message-config .popup-nav li:first-child {
    border-top: 1px solid var(--black-050)
}

.message.message-config .popup-nav li a {
    transition: color .3s ease,background .3s ease;
    text-decoration: none;
    color: var(--black-500);
    font-size: 13px;
    display: block;
    padding: 10px 15px
}

.message.message-config .popup-nav li a:hover,.message.message-config .popup-nav li a.active,.message.message-config .popup-nav li a.youarehere {
    background: var(--blue-600);
    color: var(--white)
}

.message.message-config .unstyled {
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 0 -20px -20px -20px
}

.message.message-config .unstyled li {
    border-bottom: 1px solid var(--black-050);
    padding: 10px
}

.message.message-config .unstyled li .badge {
    text-decoration: none
}

.message.message-config .unstyled li:first-child {
    border-top: 1px solid var(--black-050)
}

.message.message-config .unstyled li:last-child {
    border-bottom: 0
}

.message.message-config.tooltip {
    border-radius: 3px;
    pointer-events: none
}

.message.message-config.tooltip .message-inner:before {
    display: none
}

.message.message-config.tooltip .message-text {
    font-weight: 500;
    font-size: 11px;
    color: var(--black-900);
    padding: 3px 8px!important;
    border-radius: 3px
}

.message.message-config .no-cta p {
    margin-bottom: 0
}

.message.message-config .no-cta .bars-wrapper {
    margin-top: 10px
}

.popup._badge-selection {
    display: block;
    margin: 0;
    border-color: var(--white);
    height: 500px;
    width: 960px
}

.popup._badge-selection .popup-close .-link {
    clear: right;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    z-index: 1;
    background-color: var(--white);
    color: var(--black-600) !important;
    transition: all 300ms cubic-bezier(.165, .84, .44, 1)
}

.popup._badge-selection .popup-close .-link:hover {
    background-color: var(--black-050);
    color: var(--black-800) !important
}

.popup._badge-selection .-header {
    padding-top: 8px;
    padding-bottom: 16px
}

.popup._badge-selection .-header .-title {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.13333333
}

.popup._badge-selection .-navigation {
    padding-top: 8px;
    padding-bottom: 24px
}

.popup._badge-selection .subtabs a {
    border-bottom-width: 2px
}

.popup._badge-selection .-search {
    margin-bottom: 0;
    padding-left: 16px
}

.popup._badge-selection .-search .f-input {
    margin: 0
}

.popup._badge-selection .-badge-list {
    padding-top: 2px;
    padding-left: 2px;
    height: 75%;
    overflow-x: hidden;
    overflow-y: auto
}

.popup._badge-selection .-list-item {
    margin-left: -1px;
    margin-top: -1px;
    padding: 12px;
    min-height: 64px;
    max-height: 128px;
    background-color: var(--white);
    border: 1px solid var(--black-075);
    transition: all 600ms cubic-bezier(.19, 1, .22, 1);
    cursor: pointer
}

.popup._badge-selection .-list-item .-flag-recommend {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 4px 8px;
    background-color: var(--green-400);
    z-index: 10;
    font-size: 11px;
    line-height: 1.46153846;
    color: #fff
}

.popup._badge-selection .-list-item .s-progress-bar._badge .-bar {
    background-color: var(--white)
}

.popup._badge-selection .-list-item .-badge-progress {
    padding-top: 12px
}

.popup._badge-selection .-list-item .-description {
    margin-bottom: 0;
    padding: 16px 0 12px;
    font-size: 12px;
    line-height: 1.13333333;
    color: var(--black-600)
}

.popup._badge-selection .-list-item:hover {
    z-index: 1;
    background-color: var(--black-025);
    box-shadow: var(--bs-sm)
}

.popup._badge-selection .-list-item.is-completed {
    background-color: var(--black-050)
}

.popup._badge-selection .-list-item.is-completed .-description {
    color: var(--black-800)
}

.popup._badge-selection .-list-item.is-completed .-icon {
    color: var(--green-400)
}

.popup-badges .limited-badges-notice {
    clear: both;
    display: table;
    margin: 0 auto;
    padding: 15px 0 0 0;
    font-size: 13px;
    color: var(--black-500)
}

.envelope-on,.envelope-off,.vote-up-off,.vote-up-on,.vote-down-off,.vote-down-on,.feed-icon,.vote-accepted-off,.vote-accepted-on,.vote-accepted-bounty,.badge-earned-check,.delete-tag,.grippie,.expander-arrow-hide,.expander-arrow-show,.expander-arrow-small-hide,.expander-arrow-small-show,.anonymous-gravatar,.badge1,.badge2,.badge3 {
    background-image: url("../../Img/unified/sprites.png?v=0786b22b9381");
    background-image: url("../../Img/unified/sprites.svg?v=fcc0ea44ba27"),none;
    background-size: initial;
    background-repeat: no-repeat;
    overflow: hidden
}

.vote-up-off,.vote-up-on,.vote-down-off,.vote-down-on,.vote-accepted-off,.vote-accepted-on {
    display: block;
    margin: 0 auto;
    text-indent: -999em;
    width: 40px;
    height: 40px;
    margin-bottom: 2px
}

.vote-up-off,.vote-down-off,.vote-accepted-off {
    cursor: pointer
}

.vote-up-off,.vote-up-on,.vote-down-off,.vote-down-on,.vote-accepted-off,.vote-accepted-on {
    text-indent: -9999em;
    font-size: 1px
}

.vote-up-off {
    background-position: 0 -170px
}

.vote-up-on {
    background-position: -40px -170px
}

.vote-down-off {
    background-position: 0 -220px;
    margin-bottom: 8px
}

.vote-down-on {
    background-position: -40px -220px;
    margin-bottom: 8px
}

.vote-accepted-off {
    background-position: 0 -270px
}

.vote-accepted-on {
    background-position: -40px -270px
}

.migrated.to,.migrated.from {
    background-image: url("../../Img/unified/sprites.png?v=0786b22b9381") !important;
    background-repeat: no-repeat;
    overflow: hidden;
    background-color: transparent
}

.informative-tooltip {
    position: absolute;
    padding: .8em;
    max-width: 200px;
    z-index: 3000;
    border-radius: 3px;
    background: #474747;
    font-size: 12px;
    color: #fff
}

.informative-tooltip.arrow:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0
}

.informative-tooltip.arrow.up-left:before,.informative-tooltip.arrow.up-center:before,.informative-tooltip.arrow.up-right:before {
    top: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #474747
}

.informative-tooltip.arrow.up-center:before {
    left: 50%;
    margin-left: -5px
}

.informative-tooltip.arrow.up-left:before {
    left: 10px
}

.informative-tooltip.arrow.up-right:before {
    right: 10px
}

.informative-tooltip.arrow.down-left:before,.informative-tooltip.arrow.down-center:before,.informative-tooltip.arrow.down-right:before {
    bottom: -4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #474747
}

.informative-tooltip.arrow.down-center:before {
    left: 50%;
    margin-left: -5px
}

.informative-tooltip.arrow.down-left:before {
    left: 10px
}

.informative-tooltip.arrow.down-right:before {
    right: 10px
}

.informative-tooltip.arrow.left-top:before,.informative-tooltip.arrow.left-center:before,.informative-tooltip.arrow.left-bottom:before {
    left: -4px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #474747
}

.informative-tooltip.arrow.left-center:before {
    top: 50%;
    margin-top: -5px
}

.informative-tooltip.arrow.left-top:before {
    top: 10px
}

.informative-tooltip.arrow.left-bottom:before {
    bottom: 10px
}

.informative-tooltip.arrow.right-top:before,.informative-tooltip.arrow.right-center:before,.informative-tooltip.arrow.right-bottom:before {
    right: -4px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #474747
}

.informative-tooltip.arrow.right-center:before {
    top: 50%;
    margin-top: -5px
}

.informative-tooltip.arrow.right-top:before {
    top: 10px
}

.informative-tooltip.arrow.right-bottom:before {
    bottom: 10px
}

.informative-tooltip.error {
    background: #de535e;
    color: white
}

.informative-tooltip.display-above,.informative-tooltip.display-right {
    top: 0;
    max-width: none
}

.informative-tooltip.display-above:before,.informative-tooltip.display-right:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent
}

.informative-tooltip.display-above.size-200,.informative-tooltip.display-right.size-200 {
    width: 200px
}

.informative-tooltip.display-above.error:before,.informative-tooltip.display-right.error:before {
    border-top-color: #de535e
}

.informative-tooltip.display-above {
    left: 50%;
    transform: translate(-50%, -110%)
}

.informative-tooltip.display-above:before {
    bottom: -4px;
    left: 50%;
    margin-left: -5px;
    border-bottom-width: 0;
    border-top-color: #474747
}

.informative-tooltip.display-right {
    right: 50%;
    transform: translate(115%, 0%)
}

.informative-tooltip.display-right:before {
    left: -4px;
    top: 50%;
    margin-top: -5px;
    border-left-width: 0;
    border-right-color: #474747
}

.has-tooltip {
    position: relative
}

.has-tooltip .informative-tooltip {
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms ease, transform 300ms ease
}

.has-tooltip:hover .informative-tooltip {
    opacity: 1;
    visibility: visible
}

.has-tooltip.on-hover .tooltip-above.arrow.down-right {
    right: -6px;
    top: -10px;
    -webkit-transform: translate(0, -80%);
    transform: translate(0, -80%)
}

.has-tooltip.on-hover:hover .tooltip-above.arrow.down-right {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.has-tooltip .informative-tooltip.display-above {
    transform: translate(-50%, -80%)
}

.has-tooltip:hover .informative-tooltip.display-above {
    transform: translate(-50%, -110%)
}

.has-tooltip .informative-tooltip.display-right {
    transform: translate(120%, 0%)
}

.has-tooltip:hover .informative-tooltip.display-right {
    transform: translate(115%, 0%)
}

.css-tooltip {
    position: relative
}

.css-tooltip[data-title]:hover:after {
    content: attr(data-title);
    background: #474747;
    padding: .8em;
    margin-left: 5px;
    max-width: 200px;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    position: absolute;
    z-index: 1031;
    left: 0;
    top: 100%
}

.definition-tooltip {
    color: var(--blue-600);
    cursor: pointer
}

.tooltip-new-feature {
    position: absolute;
    bottom: -24px;
    background: #f48024;
    color: #fff;
    border-radius: 3px;
    padding: 3px 6px;
    display: inline-block
}

.tooltip-new-feature:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #f48024;
    top: 0;
    left: 10px;
    margin-top: -5px
}

.users-grid {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}

.users-grid .-user {
    border: 1px solid #eff0f1;
    border-radius: 3px;
    padding: 20px 10px 20px 20px;
    margin: 0 20px 20px 0;
    width: calc((100% / 3) - (40px / 3));
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.users-grid .-user .-details {
    padding-left: 15px;
    max-width: calc(100% - 64px);
    flex-grow: 2
}

.users-grid .-user .-details>*:not(:last-child) {
    margin-bottom: 4px
}

.users-grid .-user .-details h3,.users-grid .-user .-details p {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.users-grid .-user .-details h3 {
    font-weight: 400;
    font-size: 16px
}

.users-grid .-user .-details p {
    margin-bottom: 0;
    color: #848d95
}

.users-grid .-user .-details p:last-child {
    margin-bottom: 0
}

.users-grid .-user:nth-child(3n) {
    margin-right: 0
}

.users-grid .-user .-avatar {
    width: 64px;
    height: 64px
}

.users-grid .-user .-avatar img {
    max-width: 100%;
    height: auto
}

.users-grid .-user.-private .-avatar {
    background: url('../../Img/user.svg?v=20c64bb67fc9') no-repeat center center #e4eaed;
    background-size: 50%
}

.users-grid .-user.-private .-details h3 {
    margin-bottom: 0
}

.list-card {
    position: absolute;
    z-index: 3000;
    background: #fff;
    width: 395px;
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 1px 25px rgba(0,0,0,0.15);
    transform: translate(0%, -110%);
    align-items: center;
    border: 1px solid #ECECEC
}

.list-card:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 9px solid #fff;
    position: absolute;
    bottom: -7px;
    left: 20px
}

.list-card .-avatar {
    width: 100px;
    height: 100px;
    align-self: flex-start;
    border-radius: 2px;
    background: #fff;
    padding: 6px;
    border: 1px solid var(--black-075);
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin-right: 15px;
    flex: 0 0 auto
}

.list-card .-avatar img {
    border-radius: 3px;
    max-width: 100%;
    height: auto;
    width: 100%
}

.list-card .-avatar .logo-blank {
    background-color: #eff0f1;
    color: #9fa6ad;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.list-card .-details {
    color: #6a737c;
    font-weight: 400;
    font-size: 13px;
    width: 100%
}

.list-card .-details .-name {
    color: #3c4146;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0
}

.list-card .-details .-users-list {
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0
}

.list-card .-details .-users-list .-user:not(:last-child) {
    margin-right: 4px
}

.list-card .-details .-users-list .avatar {
    width: 26px;
    height: 26px;
    overflow: hidden
}

.list-card .-details .-users-list .avatar img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.list-card .-details .-users-list .avatar.-private {
    background: url('../../Img/user.svg?v=20c64bb67fc9') no-repeat center center #e4eaed;
    background-size: 50%
}

.list-card .-details .more {
    display: inline-block;
    margin-top: 2px
}

.topbar .profile-me {
    position: relative
}

.new-feature-wrapper {
    position: absolute;
    z-index: 99
}

.new-feature-wrapper .new-feature {
    background: #f90;
    color: #fff;
    text-align: center;
    padding: 6px;
    border-radius: 3px
}

.new-feature-wrapper .new-feature .title {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 6px
}

.new-feature-wrapper .new-feature p {
    font-size: 12px;
    margin-bottom: 0
}

.html__unpinned-leftnav .new-feature-wrapper {
    display: none
}

.topbar .profile-me .new-feature-wrapper {
    top: 34px;
    left: -82px;
    width: 200px
}

.topbar .profile-me .new-feature-wrapper .new-feature {
    margin: 0 auto;
    position: relative;
    top: 6px;
    height: 11px;
    width: 100px
}

.topbar .profile-me .new-feature-wrapper .new-feature:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 4px solid #f90;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -3px
}

.topbar .profile-me .new-feature-wrapper .new-feature p {
    opacity: 0;
    margin: 0 auto;
    visibility: hidden
}

.topbar .profile-me .new-feature-wrapper .new-feature .close-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #eb6900;
    line-height: 16px;
    font-size: 11px;
    height: 18px;
    width: 18px;
    border-radius: 0 3px 0 3px;
    opacity: 0
}

.topbar .profile-me:hover .new-feature,.topbar .profile-me .new-feature-wrapper:hover .new-feature {
    animation: new-profile-box .3s forwards cubic-bezier(.175, .885, .32, 1.275)
}

.topbar .profile-me:hover .new-feature .close-btn,.topbar .profile-me .new-feature-wrapper:hover .new-feature .close-btn,.topbar .profile-me:hover .new-feature p,.topbar .profile-me .new-feature-wrapper:hover .new-feature p {
    visibility: visible;
    animation: opacity-in .3s .25s forwards ease
}

@keyframes new-profile-box {
    0% {
        width: 100px;
        height: 11px
    }

100% {
        width: 164px;
        height: 56px
    }
}

.modal.auto-center.snippet-modal {
    position: fixed;
    transform: translateZ(0) !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    background: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none
}

.modal.auto-center.snippet-modal .snippet-holder {
    background: var(--white);
    border-radius: 3px;
    width: 95%;
    height: 95%;
    overflow: hidden;
    pointer-events: auto
}

@media (prefers-color-scheme:dark) {
    body.theme-system .modal.auto-center.snippet-modal {
        background-color: var(--black-050)
    }
}

body.theme-dark .modal.auto-center.snippet-modal {
    background-color: var(--black-050)
}

.snippet-modal * {
    box-sizing: border-box
}

.snippet-modal.modal {
    max-width: none;
    max-height: none
}

.snippet-box-edit {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    border: 0;
    margin: 0;
    resize: none;
    background: var(--white);
    overflow: auto
}

.snippet-box-result {
    background-color: #fff
}

textarea.snippet-box-edit {
    background-color: var(--white);
    background-image: linear-gradient(to bottom, var(--white) 0%, var(--black-025) 69%, var(--black-050) 100%)
}

.snippet-box-label {
    position: absolute;
    top: 10px;
    right: 20px;
    padding: 3px;
    border: 1px solid var(--black-350);
    font-size: 10px;
    color: var(--black-500)
}

.snippet-footer {
    text-align: center;
    padding: 5px
}

.snippet-code {
    border: 1px solid var(--black-100);
    border-radius: 5px;
    padding: 12px
}

.snippet-code .snippet-ctas {
    font-size: 13px
}

.snippet-code .snippet-ctas>*:not(:last-child) {
    margin-right: 6px
}

.snippet-code .snippet-ctas .icon-play-white {
    position: relative;
    top: 1px;
    margin-right: 2px
}

.snippet-code .hideResults:before {
    content: '';
    display: inline-block;
    background: url('../../Img/share-sprite-new.svg?v=0e11bfd41fbc') no-repeat;
    background-position: 0 -238px;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    position: relative;
    top: 1px
}

.snippet-code .snippet-result .snippet-result-code {
    padding-top: 20px;
    margin-top: 20px;
    height: 200px;
    position: relative
}

.snippet-code .popin,.snippet-code .popout,.snippet-code .popout-code {
    font-size: 13px;
    right: 0
}

.snippet-code .popout {
    position: absolute;
    top: -48px
}

.ask-mainbar .snippet-code .popout {
    top: -43px
}

.snippet-code .popout-code {
    display: inline;
    margin-left: 10px
}

.snippet-code .popout:before,.snippet-code .popout-code:before {
    content: '';
    display: inline-block;
    background: url('../../Img/share-sprite-new.svg?v=0e11bfd41fbc') no-repeat;
    background-position: 0 -220px;
    width: 9px;
    height: 9px;
    margin-right: 6px
}

.snippet-code .popin {
    position: fixed;
    background: var(--powder-025);
    padding: 4px 6px;
    right: 0;
    top: 0;
    z-index: 9001
}

div.snippet-hidden div.snippet-currently-hidden {
    display: none
}

a.snippet-show-link-chevron,a.snippet-show-link-chevron:hover {
    border-bottom: 0;
    text-decoration: none
}

.expanded-snippet {
    position: absolute;
    top: 0;
    left: 0;
    margin: 5px;
    width: 99%;
    z-index: 900
}

.CodeMirror {
    font-family: monospace;
    color: var(--black);
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre {
    padding: 0 4px
}

.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler {
    background-color: var(--white)
}

.CodeMirror-gutters {
    border-right: 1px solid var(--black-100);
    background-color: var(--black-025);
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: var(--black-350);
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: var(--black)
}

.CodeMirror-guttermarker-subtle {
    color: var(--black-350)
}

.CodeMirror-cursor {
    border-left: 1px solid var(--black);
    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-animate-fat-cursor {
    width: auto;
    border: 0;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: -20px;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid var(--black-150);
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: var(--blue-800)
}

.cm-s-default .cm-quote {
    color: var(--green-600)
}

.cm-negative {
    color: var(--red-400)
}

.cm-positive {
    color: var(--green-600)
}

.cm-header,.cm-strong {
    font-weight: bold
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: var(--powder-700)
}

.cm-s-default .cm-atom {
    color: var(--powder-800)
}

.cm-s-default .cm-number {
    color: var(--green-700)
}

.cm-s-default .cm-def {
    color: var(--blue-700)
}

.cm-s-default .cm-variable-2 {
    color: var(--blue-800)
}

.cm-s-default .cm-variable-3 {
    color: var(--green-600)
}

.cm-s-default .cm-comment {
    color: var(--orange-800)
}

.cm-s-default .cm-string {
    color: var(--red-700)
}

.cm-s-default .cm-string-2 {
    color: var(--orange-500)
}

.cm-s-default .cm-meta {
    color: var(--black-600)
}

.cm-s-default .cm-qualifier {
    color: var(--black-600)
}

.cm-s-default .cm-builtin {
    color: var(--powder-700)
}

.cm-s-default .cm-bracket {
    color: var(--black-350)
}

.cm-s-default .cm-tag {
    color: var(--green-700)
}

.cm-s-default .cm-attribute {
    color: var(--blue-800)
}

.cm-s-default .cm-hr {
    color: var(--black-350)
}

.cm-s-default .cm-link {
    color: var(--blue-800)
}

.cm-s-default .cm-error {
    color: var(--red-500)
}

.cm-invalidchar {
    color: var(--red-500)
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0f0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: var(--red-400)
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,0.3)
}

.CodeMirror-activeline-background {
    background: var(--powder-100)
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: var(--white)
}

.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: none;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent
}

.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler {
    position: absolute;
    z-index: 6;
    display: none
}

.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;
    padding-bottom: 30px
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: none !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 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre {
    border-radius: 0;
    border-width: 0;
    background: transparent;
    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: none;
    font-variant-ligatures: none
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    overflow: auto
}

.CodeMirror-code {
    outline: none
}

.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber {
    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 {
    visibility: visible
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible
}

.CodeMirror-selected {
    background: var(--black-100)
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
    background: var(--powder-100)
}

.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection {
    background: var(--powder-100)
}

.cm-searching {
    background: #ffa;
    background: rgba(255,255,0,0.4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ''
}

span.CodeMirror-selectedtext {
    background: none
}

.post-layout {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr
}

.post-layout--left {
    grid-column: 1;
    width: auto
}

.post-layout--left,.post-layout--left.votecell {
    width: auto;
    padding-right: 16px
}

.post-layout--right {
    padding-right: 16px;
    grid-column: 2;
    width: auto;
    min-width: 0
}

.post-layout--right .post-text,.post-layout--right .comments {
    width: 100%
}

.post-layout--full {
    grid-column: 1 / 3
}

.grid-layout {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

.wmd-container {
    width: 100%;
    box-sizing: border-box
}

.wmd-button-bar {
    clear: both;
    background-color: transparent;
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
    border: 1px solid var(--black-200);
    border-bottom: 0;
    min-height: 44px;
    overflow: hidden;
    z-index: 2;
    position: relative
}

textarea.wmd-input,textarea#wmd-input {
    padding: 10px;
    margin: -1px 0 0;
    height: 200px;
    line-height: 1.3;
    width: 100%;
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
    font-size: 14px;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.wmd-button-row {
    padding: 0 4px 0 8px;
    margin: 0;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: 44px;
    border-bottom: 1px solid var(--black-200)
}

.wmd-spacer {
    height: 44px;
    flex: 1 0 4px;
    max-width: 27px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    left: 4px
}

.wmd-spacer:before,.wmd-spacer:after {
    flex: none;
    justify-content: center;
    content: '';
    position: relative;
    top: -44px;
    background: var(--green-600)
}

.wmd-spacer:before {
    width: 9px;
    height: 44px
}

.wmd-spacer:after {
    background: var(--black-200);
    width: 1px;
    height: 43px;
    margin-top: 1px
}

.wmd-spacer-max {
    max-width: none
}

.wmd-button {
    max-width: 28px;
    height: 44px;
    flex: 10 0 23px;
    padding: 0;
    padding: 12px 0 0 0;
    text-align: center;
    cursor: pointer
}

.wmd-button>span {
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 20px;
    height: 20px;
    display: inline-block
}

.wmd-prompt-background {
    background-color: var(--black);
    z-index: 8950
}

.wmd-prompt-dialog {
    padding: 15px;
    box-shadow: var(--bs-sm);
    background-color: var(--white);
    border: solid 1px var(--black-300)
}

.wmd-button>span {
    background-image: url("../../Img/unified/wmd-buttons.svg?v=c26278fc22d9");
    background-size: initial !important
}

.wmd-snippet-button span {
    background-position: -260px 0 !important
}

.wmd-snippet-button span:hover {
    background-position: -260px -40px !important
}

.wmd-schematic-button span {
    background-position: -320px 0 !important
}

.wmd-schematic-button span:hover {
    background-position: -320px -40px !important
}

.wmd-virtual-keyboard-button span {
    background-position: -280px 0 !important
}

.wmd-virtual-keyboard-button span:hover,.wmd-virtual-keyboard-button span.enabled {
    background-position: -280px -40px !important
}

.wmd-mockup-button span {
    background-position: -300px 0 !important
}

.wmd-mockup-button span:hover {
    background-position: -300px -40px !important
}

.wmd-cite-button span {
    background-position: -340px 0 !important
}

.wmd-cite-button span:hover {
    background-position: -340px -40px !important
}

body.theme-dark .wmd-button>span {
    background-image: url("../../Img/unified/wmd-buttons-dark.svg?v=41498242bcce")
}

@media (prefers-color-scheme:dark) {
    body.theme-system .wmd-button>span {
        background-image: url("../../Img/unified/wmd-buttons-dark.svg?v=41498242bcce")
    }
}

.wmd-inline-dialog {
    border: 1px solid var(--black-200);
    border-top: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    padding: 16px;
    background-color: var(--white);
    box-shadow: var(--bs-sm)
}

.wmd-button__active {
    border-left: 1px solid var(--black-200);
    border-right: 1px solid var(--black-200);
    border-bottom: 1px solid var(--white);
    background-color: var(--white)
}

.wmd-button__active>span {
    background-position-y: -40px !important
}

.wmd-button-bar.has-active-button .wmd-button:not(.wmd-button__active) {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .3
}

.wmd-help-button.active-help {
    background-color: var(--black-050)
}

.mdhelp {
    background-color: var(--black-050);
    color: var(--fc-dark);
    border-right: 1px solid var(--black-200);
    border-left: 1px solid var(--black-200)
}

.mdhelp-tabs {
    background-color: var(--black-050);
    list-style-type: none;
    margin: 0;
    padding: 3px 0 0 3px;
    overflow: hidden
}

.mdhelp-tabs li {
    display: inline-block;
    padding: 3px 6px 6px;
    margin: 0 2px;
    cursor: pointer
}

.mdhelp-tabs li.selected {
    background-color: var(--yellow-050)
}

.mdhelp-tab {
    padding: 10px;
    display: none;
    line-height: 1.2
}

.mdhelp-tab pre {
    background-color: var(--yellow-100);
    border: none!important
}

.mdhelp-tab--content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -2%
}

.mdhelp-tab--content .col1,.mdhelp-tab--content .col2 {
    min-width: 150px;
    flex-grow: 1
}

.mdhelp-tab--content>*:not(ol) {
    margin-left: 2%
}

.mdhelp-tab--content>p,.mdhelp-tab--content>pre {
    width: 100%
}

.grippie {
    background-position: calc(50% + 34px) -364px;
    border: 1px solid var(--black-200);
    border-width: 0 1px 1px;
    cursor: s-resize;
    height: 11px;
    overflow: hidden;
    background-color: var(--black-050)
}

.wmd-button-bar.btr-sm~.grippie {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.user-page .grippie {
    margin-bottom: 3px
}

.grippie {
    margin-top: -4px
}

.wmd-preview {
    clear: both;
    width: 100%
}

.wmd-preview pre {
    word-wrap: normal
}

.uql-nav .uql-nav--collapsed-item {
    display: none !important
}

@media screen and (max-width: 1111px) and (min-width:980.1px) {
    html.html__responsive:not(.html__unpinned-leftnav) .uql-nav .uql-nav--expanded-item {
        display:none !important
    }

html.html__responsive:not(.html__unpinned-leftnav) .uql-nav .uql-nav--collapsed-item {
        display: flex !important
    }
}

@media screen and (max-width: 947px) and (min-width:816.1px) {
    html.html__responsive.html__unpinned-leftnav .uql-nav .uql-nav--expanded-item {
        display:none !important
    }

html.html__responsive.html__unpinned-leftnav .uql-nav .uql-nav--collapsed-item {
        display: flex !important
    }
}

@media screen and (max-width: 771px) and (min-width:640.1px) {
    html.html__responsive:not(.html__unpinned-leftnav) .uql-nav .uql-nav--expanded-item {
        display:none !important
    }

html.html__responsive:not(.html__unpinned-leftnav) .uql-nav .uql-nav--collapsed-item {
        display: flex !important
    }
}

@media screen and (max-width: 607px) and (min-width:640.1px) {
    html.html__responsive.html__unpinned-leftnav .uql-nav .uql-nav--expanded-item {
        display:none !important
    }

html.html__responsive.html__unpinned-leftnav .uql-nav .uql-nav--collapsed-item {
        display: flex !important
    }
}

@media screen and (max-width: 607px) {
    html.html__responsive .uql-nav .uql-nav--expanded-item {
        display:none !important
    }

html.html__responsive .uql-nav .uql-nav--collapsed-item {
        display: flex !important
    }
}

@media print {
    .uql-nav .uql-nav--expanded-item {
        display: none !important
    }

.uql-nav .uql-nav--collapsed-item {
        display: flex !important
    }
}

.uql-nav .uql-item {
    margin: 8px 0;
    display: flex
}

.uql-nav .uql-item.uql-item__separator {
    height: 1px;
    margin-left: -12px;
    margin-right: -12px
}

.topbar-dialog {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    color: var(--black-700);
    font-size: 12px;
    background-color: var(--white);
    box-shadow: var(--bs-sm);
    z-index: 999;
    position: absolute;
    text-align: left;
    border-left: 1px solid var(--black-075);
    border-right: 1px solid var(--black-075);
    border-bottom: 1px solid var(--black-075)
}

.topbar-dialog .child-content-loading {
    text-align: center;
    padding-top: 10px
}

.topbar-dialog a:not(.s-btn):not(.nav-links--link) {
    color: var(--blue-600);
    text-decoration: none
}

.topbar-dialog a:not(.s-btn):not(.nav-links--link):visited {
    color: var(--blue-600)
}

.topbar-dialog a:not(.s-btn):not(.nav-links--link):hover {
    color: var(--blue-500);
    text-decoration: none
}

.topbar-dialog .related-links {
    color: var(--black-400);
    white-space: nowrap
}

.topbar-dialog .related-links a,.topbar-dialog .related-links a:visited {
    margin-left: 10px;
    color: var(--blue-600)
}

.topbar-dialog.siteSwitcher-dialog {
    width: 375px;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 390px;
    max-height: 390px;
    scrollbar-color: var(--scrollbar) transparent
}

.topbar-dialog.siteSwitcher-dialog::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent
}

.topbar-dialog.siteSwitcher-dialog::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent
}

.topbar-dialog.siteSwitcher-dialog::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbar)
}

.topbar-dialog.siteSwitcher-dialog::-webkit-scrollbar-corner {
    background-color: transparent;
    border-color: transparent
}

.topbar-dialog.siteSwitcher-dialog .call-to-login {
    padding: 7px 0 7px 0;
    text-align: center;
    line-height: 1.3
}

.topbar-dialog.siteSwitcher-dialog .modal-content {
    padding: 0
}

.topbar-dialog.siteSwitcher-dialog .modal-content li:first-child {
    padding-top: 2px
}

.topbar-dialog.siteSwitcher-dialog .modal-content li:last-child {
    padding-bottom: 2px
}

.topbar-dialog.siteSwitcher-dialog .modal-content li {
    padding-left: 7px;
    padding-right: 7px
}

.topbar-dialog.siteSwitcher-dialog .modal-content .pinned-site-candidate {
    padding-top: 6px;
    padding-bottom: 6px
}

.topbar-dialog.siteSwitcher-dialog .modal-content#your-communities-section {
    max-height: none
}

.topbar-dialog.siteSwitcher-dialog .other-sites {
    min-height: 345px
}

.topbar-dialog.siteSwitcher-dialog .other-sites .other-site-link {
    display: inline-block;
    width: 100%
}

.topbar-dialog.siteSwitcher-dialog .current-site .current-site-link {
    font-weight: bold
}

.topbar-dialog.siteSwitcher-dialog .current-site li {
    border: none
}

.topbar-dialog.siteSwitcher-dialog .current-site li:hover {
    background-color: var(--powder-100)
}

.topbar-dialog.siteSwitcher-dialog .site-desc {
    margin-bottom: 0;
    margin-left: 25px;
    color: var(--black-300);
    font-size: 12px;
    padding-right: 4px
}

.topbar-dialog.siteSwitcher-dialog .L-shaped-icon-container {
    float: left;
    padding: 0;
    margin: 8px 6px 0 15px
}

.topbar-dialog.siteSwitcher-dialog .L-shaped-icon {
    width: 10px;
    height: 10px;
    border: solid #b9c1c5;
    border-width: 0 0 1px 1px;
    display: inline-block
}

.topbar-dialog.inbox-dialog .modal-content .message-text,.topbar-dialog.modInbox-dialog .modal-content .message-text {
    width: 313px
}

.topbar-dialog.inbox-dialog,.topbar-dialog.modInbox-dialog,.topbar-dialog.achievements-dialog {
    width: 375px;
    max-height: 505px
}

.topbar-dialog.inbox-dialog .modal-content,.topbar-dialog.modInbox-dialog .modal-content,.topbar-dialog.achievements-dialog .modal-content {
    min-height: 390px;
    max-height: 390px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: var(--scrollbar) transparent
}

.topbar-dialog.inbox-dialog .modal-content::-webkit-scrollbar,.topbar-dialog.modInbox-dialog .modal-content::-webkit-scrollbar,.topbar-dialog.achievements-dialog .modal-content::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: transparent
}

.topbar-dialog.inbox-dialog .modal-content::-webkit-scrollbar-track,.topbar-dialog.modInbox-dialog .modal-content::-webkit-scrollbar-track,.topbar-dialog.achievements-dialog .modal-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent
}

.topbar-dialog.inbox-dialog .modal-content::-webkit-scrollbar-thumb,.topbar-dialog.modInbox-dialog .modal-content::-webkit-scrollbar-thumb,.topbar-dialog.achievements-dialog .modal-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbar)
}

.topbar-dialog.inbox-dialog .modal-content::-webkit-scrollbar-corner,.topbar-dialog.modInbox-dialog .modal-content::-webkit-scrollbar-corner,.topbar-dialog.achievements-dialog .modal-content::-webkit-scrollbar-corner {
    background-color: transparent;
    border-color: transparent
}

.topbar-dialog.inbox-dialog .modal-content .timestamp,.topbar-dialog.modInbox-dialog .modal-content .timestamp,.topbar-dialog.achievements-dialog .modal-content .timestamp {
    color: var(--black-350)
}

.topbar-dialog.inbox-dialog .inbox-item .item-content .item-header,.topbar-dialog.modInbox-dialog .inbox-item .item-content .item-header,.topbar-dialog.achievements-dialog .inbox-item .item-content .item-header {
    color: var(--black-400)
}

.topbar-dialog.inbox-dialog .inbox-item .item-content .item-creation,.topbar-dialog.modInbox-dialog .inbox-item .item-content .item-creation,.topbar-dialog.achievements-dialog .inbox-item .item-content .item-creation {
    float: right
}

.topbar-dialog.inbox-dialog .inbox-item .item-content .item-location,.topbar-dialog.modInbox-dialog .inbox-item .item-content .item-location,.topbar-dialog.achievements-dialog .inbox-item .item-content .item-location {
    margin: 4px 0
}

.topbar-dialog.inbox-dialog .inbox-item .item-content .item-summary,.topbar-dialog.modInbox-dialog .inbox-item .item-content .item-summary,.topbar-dialog.achievements-dialog .inbox-item .item-content .item-summary {
    color: var(--black-700)
}

.topbar-dialog.inbox-dialog .inbox-item.inbox-se-link,.topbar-dialog.modInbox-dialog .inbox-item.inbox-se-link,.topbar-dialog.achievements-dialog .inbox-item.inbox-se-link {
    text-align: center
}

.topbar-dialog.inbox-dialog.anon,.topbar-dialog.achievements-dialog.anon {
    width: 275px
}

.topbar-dialog.inbox-dialog.anon .modal-content,.topbar-dialog.achievements-dialog.anon .modal-content {
    min-height: 200px;
    padding: 13px 20px
}

.topbar-dialog.inbox-dialog.anon .huge-button-container,.topbar-dialog.achievements-dialog.anon .huge-button-container {
    text-align: center
}

.topbar-dialog.inbox-dialog.anon .huge-button,.topbar-dialog.achievements-dialog.anon .huge-button {
    width: 35%;
    padding: 3% 0
}

.topbar-dialog.help-dialog {
    width: 215px
}

.topbar-dialog.help-dialog .modal-content {
    max-height: none
}

.topbar-dialog.help-dialog .item-summary {
    display: block;
    color: var(--black-700);
    margin-top: 4px
}

.topbar-dialog.help-dialog a {
    display: block
}

.topbar-dialog.review-dialog {
    width: 215px
}

.topbar-dialog.review-dialog.review-dialog-mod {
    width: 265px
}

.topbar-dialog.review-dialog .modal-content {
    max-height: none
}

.topbar-dialog.review-dialog .modal-content .timestamp {
    color: var(--black-350)
}

.topbar-dialog.review-dialog .modal-content li {
    display: block
}

.topbar-dialog.review-dialog .modal-content li>a {
    display: flex;
    align-items: center;
    flex-flow: row nowrap
}

.topbar-dialog.review-dialog .modal-content li>a:visited {
    color: var(--blue)
}

.topbar-dialog.review-dialog .modal-content li>a .-title {
    flex-grow: 2
}

.topbar-dialog.review-dialog .modal-content li>a .-indicator {
    font-size: 11px;
    display: inline-block;
    padding: 3px 5px;
    background: rgba(12,13,14,0.05);
    color: var(--black-400);
    border-radius: 2px
}

.topbar-dialog.review-dialog .modal-content .suspension-notice .notice-content .notice-header {
    color: var(--black-400)
}

.topbar-dialog.review-dialog .modal-content .suspension-notice .notice-content .notice-creation {
    float: right
}

.topbar-dialog.review-dialog .modal-content .suspension-notice .notice-content .notice-location {
    margin: 4px 0
}

.topbar-dialog.review-dialog .modal-content .suspension-notice .notice-content .notice-summary {
    color: var(--black-700)
}

.topbar-dialog.feature-notice-dialog .s-popover--arrow__tl:before,.topbar-dialog.feature-notice-dialog .s-popover--arrow__tl:after {
    left: 20px
}

.topbar-dialog.network-logo-dialog {
    width: 320px;
    border: 1px solid var(--black-200);
    border-radius: 2px;
    font-size: 13px;
    box-shadow: var(--bs-sm)
}

.topbar-dialog.network-logo-dialog .dialog-content {
    padding: 16px;
    background: var(--white);
    border-radius: 4px
}

.topbar-dialog.network-logo-dialog h4 {
    margin-bottom: 12px
}

.topbar-dialog.network-logo-dialog a {
    font-weight: normal
}

.topbar-dialog.network-logo-dialog .icon-close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    color: #d1d1d1;
    transition: opacity .2s ease-in-out
}

.topbar-dialog.network-logo-dialog .icon-close:hover {
    opacity: .5
}

.topbar-dialog ul {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0
}

.topbar-dialog ul li {
    list-style: none;
    margin-left: 0;
    line-height: 1.3
}

.topbar-dialog .header {
    background-color: var(--black-050);
    width: 100%;
    box-sizing: border-box;
    position: relative;
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px
}

.topbar-dialog .header h3 {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    color: var(--black-500);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 0;
    display: inline-block
}

.topbar-dialog .header h3 a {
    font-size: inherit;
    color: inherit;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important
}

.topbar-dialog .header .-right {
    color: var(--black-300)
}

.topbar-dialog .header .-right a {
    color: var(--blue)
}

.topbar-dialog #edit-pinned-sites,.topbar-dialog #cancel-pinned-sites {
    float: right
}

.topbar-dialog .modal-content {
    width: 100%;
    max-height: 300px;
    position: relative
}

.topbar-dialog .modal-content li {
    border-bottom: 1px solid var(--black-050);
    margin-bottom: 0
}

.topbar-dialog .modal-content li .rep-score {
    float: right;
    color: var(--black-400);
    font-size: 12px
}

.topbar-dialog .modal-content li:hover {
    background-color: var(--black-075)
}

.topbar-dialog .modal-content li>* {
    padding: 8px
}

.topbar-dialog .modal-content li>a>* {
    white-space: normal
}

.topbar-dialog .modal-content li>a.pinned-site-link {
    display: inline-block
}

.topbar-dialog .modal-content li:last-child {
    border-bottom: none
}

.topbar-dialog .modal-content .message-text {
    display: inline-block
}

.topbar-dialog .modal-content .message-text h4 {
    margin-bottom: 0;
    font-size: 100%;
    font-weight: normal;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    color: inherit
}

.topbar-dialog .unread-item {
    background-color: var(--powder-100);
    padding-bottom: 8px;
    padding-top: 8px
}

.topbar-dialog .unread-item .unread-bold {
    font-weight: bold;
    color: var(--blue-700)
}

.topbar-dialog .unread-item:hover {
    background-color: var(--powder-200)
}

.topbar-dialog .site-icon {
    width: 16px;
    height: 16px;
    vertical-align: top;
    flex: none
}

.topbar-dialog .site-title,.topbar-dialog .site-title:visited {
    color: var(--black-700)
}

.topbar-dialog .pinned-site-editor-container {
    width: 100%
}

.topbar-dialog .pinned-site-editor-container .site-filter-input {
    width: 100%
}

.topbar-dialog .pinned-site-editor-container .found-sites {
    position: absolute;
    background-color: var(--white);
    border: 1px solid var(--black-075)
}

.topbar-dialog .pinned-site-editor-container .found-sites li:hover {
    font-weight: bold;
    cursor: pointer
}

.topbar-dialog .pinned-site-editor-container .found-sites li.already-pinned-site {
    font-weight: normal;
    background-color: var(--blue-050);
    cursor: default
}

.topbar-dialog .pinned-site-editor-container .remove-pinned-site-link {
    float: right
}

.topbar-dialog .pinned-site-editor-container .remove-pinned-site-link a {
    padding: 0 5px 2px 5px;
    font-weight: bold;
    color: var(--black-350);
    background-color: var(--black-050);
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
    line-height: 1;
    border-radius: 15px
}

.topbar-dialog .pinned-site-editor-container .remove-pinned-site-link a:hover {
    color: var(--white);
    background-color: var(--black-400)
}

.topbar-dialog .pinned-site-editor-container .sortable li {
    cursor: move
}

.achievements-dialog {
    width: 450px;
    max-height: 505px;
    font-size: 12px
}

.achievements-dialog .utc-clock {
    color: var(--black-350);
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    padding-left: 5px;
    font-variant: small-caps
}

.achievements-dialog .date-group .date-group-toggle-row {
    cursor: pointer
}

.achievements-dialog .date-group .date-group-toggle {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-position: 2px -94px
}

.achievements-dialog .date-group .date-group-toggle.toggle-hidden {
    background-position: -17px -94px
}

.achievements-dialog ul {
    margin-bottom: 10px
}

.achievements-dialog .rep-change {
    vertical-align: top;
    text-align: right;
    font-size: 11px;
    display: inline-block;
    white-space: nowrap
}

.achievements-dialog .rep-up {
    color: var(--green-400)
}

.achievements-dialog .rep-down {
    color: var(--red-500)
}

.achievements-dialog .rep-site-container {
    margin: 10px 0;
    width: 100%;
    cursor: default
}

.achievements-dialog .rep-site-container .rep-site {
    width: 30px;
    display: inline-block;
    text-align: center
}

.achievements-dialog .rep-site-container .rep-site img {
    display: block;
    margin: 0 auto 4px auto
}

.achievements-dialog .date-header,.achievements-dialog .single-rep-site-container {
    font-weight: bold;
    margin: 3px 0 4px 0;
    display: inline-block;
    font-size: 12px
}

.achievements-dialog .date-header .rep-change,.achievements-dialog .single-rep-site-container .rep-change {
    font-size: 12px
}

.achievements-dialog .date-header {
    padding: 8px;
    color: var(--black-400)
}

.achievements-dialog .single-rep-site-container {
    margin-left: 2px
}

.achievements-dialog .message-text {
    margin-left: 2px;
    width: 278px
}

.achievements-dialog .achievements-badge {
    text-align: right
}

.achievements-dialog .achievements-privilege-category .icon {
    vertical-align: top;
    margin: 0;
    width: 18px
}

.achievements-dialog .modal-content.short {
    min-height: 297px;
    max-height: 297px
}

.achievements-dialog .modal-content.tiny {
    min-height: 197px;
    max-height: 197px
}

.self-actions {
    width: 200px;
    max-height: 505px;
    left: 535px
}

.top-bar~.container,.top-bar~#announcement-banner {
    margin-top: 50px
}

.top-bar~#announcement-banner~.container {
    margin-top: 0
}

.top-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5050;
    background-color: var(--black-025);
    transition: box-shadow cubic-bezier(.165, .84, .44, 1) .25s;
    height: 50px;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    box-sizing: border-box;
    border-top: 3px solid #f48024
}

.top-bar._fixed {
    position: fixed;
    min-width: auto;
    box-shadow: var(--bs-sm)
}

.top-bar .-container {
    max-width: 1264px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    box-sizing: content-box;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.top-bar .-main {
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.top-bar .-logo {
    box-sizing: content-box;
    padding: 0 12px;
    height: 100%;
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    background-color: transparent
}

.top-bar .-logo .-img {
    display: inline-block;
    text-indent: -9999em;
    height: 30px;
    width: 146px;
    margin-top: -4px;
    margin-left: 0;
    background-position: 0 -500px
}

.top-bar .-logo .-img._glyph {
    height: 30px;
    width: 25px;
    margin-top: 0;
    margin-left: 0
}

.top-bar a.-logo:hover {
    background-color: var(--black-075)
}

.top-bar a.-logo.topbar-icon-on {
    background-color: var(--black-075)
}

.top-bar .-feature-notice {
    text-decoration: none;
    height: 100%;
    display: inline-flex;
    align-items: center;
    margin: 0 4px 0 0
}

.top-bar .-feature-notice span {
    border-radius: 2px;
    background-color: var(--black-400);
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding: 4px 8px;
    margin: 0 8px
}

.top-bar .-feature-notice:hover,.top-bar .-feature-notice.topbar-icon-on {
    background-color: var(--black-075)
}

.top-bar .-feature-notice:hover span,.top-bar .-feature-notice.topbar-icon-on span {
    background-color: var(--black-700)
}

.top-bar .-feature-notice.unread-feature-notice span {
    background-color: #f48024 !important
}

.top-bar .left-sidebar-toggle:hover {
    color: var(--black-700);
    background-color: var(--black-075)
}

.top-bar .left-sidebar-toggle.topbar-icon-on {
    color: var(--black-800);
    background-color: var(--black-100)
}

.top-bar * {
    box-sizing: border-box
}

.top-bar .navigation {
    font-size: 14px;
    height: 100%;
    max-width: 500px;
    opacity: 1;
    transform-origin: left center;
    transition: opacity .3s ease-in,max-width .3s ease-in;
    flex: 1 0 auto
}

.top-bar .navigation .-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    height: 100%
}

.top-bar .navigation .-item {
    display: inline-flex;
    line-height: 1
}

.top-bar .navigation .-item._current .-link {
    color: var(--black);
    font-weight: bold
}

.top-bar .navigation .-link {
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    color: var(--black-600);
    text-decoration: none;
    white-space: nowrap;
    position: relative
}

.top-bar .navigation .-link:hover,.top-bar .navigation .-link:focus {
    background-color: var(--black-075);
    color: var(--black-800);
    text-decoration: none;
    outline: none
}

.top-bar .navigation .new-badge {
    background-color: #f48024;
    color: #fff;
    font-size: 11px;
    padding: 2px 4px;
    text-transform: uppercase;
    border-radius: 0 0 2px 2px;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 0
}

.top-bar .navigation .beta-badge {
    color: #bbc0c4;
    font-size: 10px;
    padding: 2px 0;
    text-transform: uppercase;
    border-radius: 0 0 2px 2px;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 35px
}

.top-bar .-marketing-link {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 1000px;
    color: var(--black-600);
    white-space: nowrap
}

@media screen and (max-width: 640px) {
    html.html__responsive .top-bar .-marketing-link {
        padding-left:8px;
        padding-right: 8px
    }
}

@media print {
    .top-bar .-marketing-link {
        padding-left: 8px;
        padding-right: 8px
    }
}

.top-bar .-marketing-link:hover,.top-bar .-marketing-link:focus {
    background-color: var(--black-075);
    color: var(--black-900);
    text-decoration: none;
    outline: none
}

.top-bar .-marketing-link.is-selected {
    background-color: #f48024;
    color: var(--white)
}

.top-bar .-marketing-link.is-selected:hover,.top-bar .-marketing-link.is-selected:focus {
    background-color: #da670b;
    color: var(--white);
    text-decoration: none;
    outline: none
}

.top-bar .-secondary .-ctas {
    padding-left: 4px;
    padding-right: 8px;
    white-space: nowrap
}

.top-bar .-secondary .-item {
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
    padding-bottom: 0;
    height: 100%
}

.top-bar .-secondary .-item .-link:hover {
    color: var(--black-700);
    background-color: var(--black-075);
    text-decoration: none
}

.top-bar .-secondary .-item .-link:hover .indicator-badge {
    border-color: var(--black-075);
    top: 4px
}

.top-bar .-secondary .-item._active,.top-bar .-secondary .-item .-link.topbar-icon-on,.top-bar .-secondary .-item .-link.topbar-icon-on:hover {
    color: var(--black-800);
    background-color: var(--black-100);
    text-decoration: none
}

.top-bar .-secondary .-item._active .indicator-badge,.top-bar .-secondary .-item .-link.topbar-icon-on .indicator-badge,.top-bar .-secondary .-item .-link.topbar-icon-on:hover .indicator-badge {
    border-color: var(--black-100);
    top: 4px
}

.top-bar .-secondary .-item._has-divider {
    border-left: 1px solid var(--black-400)
}

.top-bar .-secondary .-item.searchbar-trigger {
    display: none
}

@media screen and (max-width: 816px) {
    .top-bar .-secondary .-item.searchbar-trigger {
        display:inline-flex
    }
}

.top-bar .-secondary .-link {
    color: var(--black-400);
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    text-decoration: none;
    white-space: nowrap;
    position: relative
}

.top-bar .-secondary .-link .svg-icon {
    vertical-align: text-top
}

.top-bar .-secondary .-link .indicator-badge:not(._regular) {
    position: absolute;
    top: 8px;
    right: 2px;
    transition: top cubic-bezier(.165, .84, .44, 1) .15s
}

.top-bar .-secondary .-link._highlighted-positive,.top-bar .-secondary .-link._highlighted-positive:hover,.top-bar .-secondary .-link._highlighted-positive.topbar-icon-on {
    color: #5eba7d
}

.top-bar .-secondary .-link._highlighted-mod,.top-bar .-secondary .-link._highlighted-mod:hover,.top-bar .-secondary .-link._highlighted-mod.topbar-icon-on {
    color: #0077cc
}

.top-bar .-secondary .-link._highlighted-reviews,.top-bar .-secondary .-link._highlighted-reviews:hover,.top-bar .-secondary .-link._highlighted-reviews.topbar-icon-on {
    color: #da670b
}

.top-bar .-secondary .-link._highlighted-announcement,.top-bar .-secondary .-link._highlighted-announcement:hover,.top-bar .-secondary .-link._highlighted-announcement.topbar-icon-on {
    color: #f48024
}

.top-bar .-secondary .-link._text-only {
    padding: 0 4px
}

.top-bar .-secondary .-link._danger-indicator:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    right: 2px;
    top: 10px;
    background: #d1383d;
    z-index: 2;
    border: 2px solid var(--black-025);
    transition: top cubic-bezier(.165, .84, .44, 1) .15s
}

.top-bar .-secondary .-link._danger-indicator:hover:after {
    top: 6px;
    border-color: var(--black-075)
}

.top-bar .-secondary .tour-bubble {
    top: 55px;
    right: -19px
}

.top-bar .indicator-badge {
    background-color: var(--blue-600);
    color: #fff;
    font-size: 10px;
    line-height: 1;
    padding: 2px 3px;
    border-radius: 4px;
    background-clip: padding-box;
    display: inline-block;
    min-width: 18px;
    text-align: center;
    border: 2px solid var(--black-025)
}

.top-bar .indicator-badge._regular {
    font-size: 12px;
    padding: 4px
}

.top-bar .indicator-badge._positive {
    background-color: var(--green-500)
}

.top-bar .indicator-badge._important {
    background-color: var(--red-500)
}

.top-bar .indicator-badge._reviews {
    background-color: var(--orange-600)
}

.top-bar .indicator-badge._mod {
    background-color: var(--blue-600)
}

.top-bar .indicator-badge._announcement {
    background-color: var(--orange-400)
}

.top-bar .my-profile {
    padding: 0 12px;
    height: 100%;
    font-size: 12px;
    color: var(--black-700);
    white-space: nowrap;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.top-bar .my-profile:hover {
    background-color: var(--black-075);
    color: var(--black-700);
    text-decoration: none
}

.top-bar .my-profile .gravatar-wrapper-24 .-avatar {
    border-radius: 2px;
    vertical-align: middle
}

.top-bar .my-profile .-rep {
    padding-left: 8px;
    font-weight: bold;
    color: var(--black-600)
}

.top-bar .my-profile .-badges {
    color: var(--black-050)
}

.top-bar .my-profile .-badges>span {
    padding-left: 6px
}

.top-bar .my-profile .-badges .badge1,.top-bar .my-profile .-badges .badge2,.top-bar .my-profile .-badges .badge3 {
    text-indent: -9999em
}

.top-bar .my-profile .-badges .badgecount {
    font-weight: normal
}

.top-bar .my-profile .-badges .badge1+.badgecount {
    color: var(--gold-darker)
}

.top-bar .my-profile .-badges .badge2+.badgecount {
    color: var(--silver-darker)
}

.top-bar .my-profile .-badges .badge3+.badgecount {
    color: var(--bronze-darker)
}

.top-bar .searchbar {
    -webkit-transform: translate3d(0, 0, 0);
    flex-shrink: 10000
}

.top-bar .searchbar .s-input {
    border-color: var(--black-200);
    background-color: var(--white);
    box-shadow: none;
    color: var(--black-700)
}

.top-bar .searchbar .s-input:focus {
    border-color: var(--blue-300);
    box-shadow: 0 0 0 4px var(--focus-ring)
}

.top-bar .searchbar .s-input::-webkit-input-placeholder {
    color: var(--black-200);
    font-style: normal
}

.top-bar .searchbar .s-input::-moz-placeholder {
    color: var(--black-200);
    font-style: normal;
    opacity: 1
}

.top-bar .searchbar .s-input:-ms-input-placeholder {
    color: var(--black-200);
    font-style: normal
}

.top-bar .searchbar .s-input::-ms-input-placeholder {
    color: var(--black-200);
    font-style: normal
}

.top-bar .searchbar .s-input::placeholder {
    color: var(--black-200);
    font-style: normal
}

.top-bar .searchbar .s-select:before,.top-bar .searchbar .s-select:after {
    border-color: var(--black-700) transparent;
    z-index: 30
}

.top-bar .searchbar .s-select>select {
    border-color: var(--black-200);
    background-color: var(--black-075);
    color: var(--black-700)
}

.top-bar .searchbar .s-select>select:focus {
    border-color: var(--blue-300);
    box-shadow: 0 0 0 4px var(--focus-ring);
    z-index: 25
}

@media screen and (max-width: 816px) {
    .top-bar .searchbar {
        display:none;
        position: absolute;
        left: 0;
        top: 100%;
        right: 0;
        max-width: 100%;
        padding: 8px 12px;
        background: var(--black-100)
    }

.top-bar .searchbar.searchbar__open {
        display: block;
        max-width: none
    }

.top-bar .searchbar .s-input {
        border-color: var(--black-200);
        background-color: var(--white);
        color: var(--black-700)
    }

.top-bar .searchbar .s-input:focus {
        border-color: var(--blue-300);
        box-shadow: 0 0 0 4px var(--focus-ring)
    }

.top-bar .searchbar .s-input::-webkit-input-placeholder {
        color: var(--black-200);
        font-style: normal
    }

.top-bar .searchbar .s-input::-moz-placeholder {
        color: var(--black-200);
        font-style: normal;
        opacity: 1
    }

.top-bar .searchbar .s-input:-ms-input-placeholder {
        color: var(--black-200);
        font-style: normal
    }

.top-bar .searchbar .s-input::-ms-input-placeholder {
        color: var(--black-200);
        font-style: normal
    }

.top-bar .searchbar .s-input::placeholder {
        color: var(--black-200);
        font-style: normal
    }

.top-bar .searchbar .s-select:before,.top-bar .searchbar .s-select:after {
        border-color: var(--black-700) transparent
    }

.top-bar .searchbar .s-select>select {
        border-color: var(--black-200);
        background-color: var(--black-050);
        color: var(--black-700)
    }

.top-bar .searchbar .s-select>select:focus {
        border-color: var(--blue-300);
        box-shadow: 0 0 0 4px var(--focus-ring)
    }
}

.top-bar-for-debug .top-bar {
    position: absolute;
    top: auto
}

.top-bar-for-debug.topbar-for-debug {
    margin-top: 85px
}

.top-bar-for-debug .cache-info {
    top: 145px
}

@media screen and (max-width: 1090px) {
    .top-bar .-container {
        margin:0;
        max-width: calc(100vw - 24px)
    }

.top-bar .navigation .-link {
        padding: 0 8px
    }

.top-bar .navigation .beta-badge {
        right: 8px
    }

.top-bar .my-profile {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media screen and (max-width: 980px) {
    .top-bar .navigation {
        font-size:12px
    }

.top-bar .my-profile .-badges,.top-bar .my-profile .-rep {
        display: none
    }
}

.top-bar {
    min-width: auto
}

.top-bar .-container {
    max-width: 1264px;
    box-sizing: border-box
}

.top-bar .-logo {
    padding: 0 8px
}

.top-bar .-logo .-img._glyph {
    width: 150px;
    height: 30px;
    margin-top: -4px
}

@media screen and (max-width: 640px) {
    html.html__responsive .top-bar .-logo .-img._glyph {
        width:25px;
        margin-top: 0
    }
}

@media print {
    .top-bar .-logo .-img._glyph {
        width: 25px;
        margin-top: 0
    }
}

@media screen and (max-width: 640px) {
    html.html__responsive .top-bar .-logo.network-logo {
        width:25px;
        overflow: hidden;
        display: block
    }

html.html__responsive .top-bar .-logo.network-logo .svg-icon {
        transform: scale(2);
        transform-origin: 0 -10px
    }
}

@media print {
    .top-bar .-logo.network-logo {
        width: 25px;
        overflow: hidden;
        display: block
    }

.top-bar .-logo.network-logo .svg-icon {
        transform: scale(2);
        transform-origin: 0 -10px
    }
}

.top-bar .topbar-dialog.leftnav-dialog {
    width: auto;
    right: auto
}

.top-bar .topbar-dialog.leftnav-dialog .left-sidebar:not(:empty) {
    width: 240px
}

@media screen and (max-width: 640px) {
    html.html__responsive .topbar-dialog,html.html__responsive .topbar-dialog.review-dialog.review-dialog-mod {
        width:100%;
        left: 0;
        right: 0
    }

html.html__responsive .topbar-dialog.feature-notice-dialog .s-popover--arrow__tl:before,html.html__responsive .topbar-dialog.feature-notice-dialog .s-popover--arrow__tl:after {
        left: 105px
    }
}

@media print {
    .topbar-dialog,.topbar-dialog.review-dialog.review-dialog-mod {
        width: 100%;
        left: 0;
        right: 0
    }

.topbar-dialog.feature-notice-dialog .s-popover--arrow__tl:before,.topbar-dialog.feature-notice-dialog .s-popover--arrow__tl:after {
        left: 105px
    }
}

body.theme-dark .top-bar .-logo .-img {
    filter: invert(.5) brightness(2)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .top-bar .-logo .-img {
        filter: invert(.5) brightness(2)
    }
}

.question-list-layout {
    margin: 0;
    right: -332px;
    top: 38px
}

.top-bar._fixed~.container.topic-page .workbench.sticky,.top-bar._fixed~.container .sticky:not(.sticky-bottom).job-requirements-form {
    top: 50px
}

.top-bar._fixed~.container .sticky-menu-wrapper._sticky {
    top: 50px
}

.jobdetail #hed .sticky-detail-header-block {
    z-index: 5051 !important
}

.animated-flash-message {
    top: 65px !important
}

.danger-dialog .-item a {
    padding-left: 32px;
    position: relative
}

.danger-dialog .-item a:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -5px;
    border-radius: 50%;
    background: transparent
}

.danger-dialog .-item.danger-urgent .-title {
    font-weight: bold
}

.danger-dialog .-item.danger-urgent a:before {
    background: #d1383d;
    box-shadow: 0 0 5px rgba(209,56,61,0.2)
}

.danger-dialog .-item.danger-active a:before {
    background: #d6d9dc
}

.site-footer,.site-footer *,.site-footer *:before,.site-footer *:after {
    box-sizing: border-box
}

.site-footer .-list {
    margin: 0;
    list-style: none
}

.site-footer .-item {
    padding-bottom: 0
}

.site-footer .-link {
    color: #848d95;
    padding: 4px 0;
    line-height: 1.30769231;
    display: inline-block;
    text-decoration: none
}

.site-footer .-link:hover {
    color: #bbc0c4
}

.site-footer .-link._active {
    font-weight: bold;
    color: #f48024
}

.site-footer .-link._expandable {
    position: relative;
    padding-right: 18px
}

.site-footer .-link._expandable:before,.site-footer .-link._expandable:after {
    content: '';
    position: absolute;
    overflow: hidden;
    pointer-events: none
}

.site-footer .-link._expandable:before {
    right: 0;
    top: 50%;
    margin-top: -6px;
    max-width: 12px;
    width: 12px;
    height: 12px;
    background-color: rgba(132,141,149,0.35);
    opacity: .5;
    border-radius: 3px
}

.site-footer .-link._expandable:after {
    right: 5px;
    top: 50%;
    margin-top: -2px;
    z-index: 2;
    width: 4px;
    height: 4px;
    max-width: 4px;
    transform: rotate(45deg);
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-color: rgba(132,141,149,0.8);
    border-bottom-right-radius: 1px
}

.site-footer .-link._expandable:hover:before {
    opacity: 1;
    background-color: rgba(132,141,149,0.25)
}

.site-footer .-link._expandable:hover:after {
    border-color: #848d95
}

.site-footer .-title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 12px;
    color: #bbc0c4;
    line-height: 1.30769231;
    max-width: 230px
}

.site-footer .-title a {
    color: #bbc0c4;
    text-decoration: none
}

.site-footer .-title a:hover {
    color: #f2f3f3
}

.site-footer--back {
    display: none;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: 2px;
    margin-top: -4px;
    margin-right: 12px;
    background-color: rgba(132,141,149,0.25);
    color: #848d95;
    opacity: .85
}

.site-footer--back:hover {
    opacity: 1;
    color: #bbc0c4
}

.site-footer {
    background-color: #242729;
    background-image: none;
    background-position: top left;
    background-repeat: no-repeat;
    border-top: 0;
    background-size: auto;
    color: #6a737c;
    padding-top: 0;
    padding-bottom: 0
}

.site-footer--container,.site-footer--extra {
    max-width: 1264px;
    width: 100%;
    margin: 0 auto;
    padding: 32px 12px 12px 12px;
    display: flex;
    flex-flow: row wrap
}

@media screen and (max-width: 640px) {
    .site-footer--container,.site-footer--extra {
        padding:24px 12px
    }
}

.site-footer--extra {
    padding: 32px 12px;
    border-top: 1px solid rgba(187,192,196,0.15)
}

.site-footer--logo {
    flex: 0 0 64px;
    margin: -12px 0 32px 0
}

@media screen and (max-width: 640px) {
    .site-footer--logo {
        display:none
    }
}

.site-footer--nav {
    display: flex;
    flex: 2 1 auto;
    flex-wrap: wrap
}

.site-footer--col {
    display: none;
    padding: 0 12px 24px 0;
    flex: 1 0 auto
}

.site-footer--col__visible {
    display: block
}

.site-footer--categories {
    display: none;
    flex-grow: 1
}

@supports (display: grid) {
    .site-footer--categories {
        grid-template-columns:repeat(auto-fit, minmax(130px, 1fr))
    }
}

.site-footer--categories-nav {
    padding-right: 32px;
    position: relative;
    flex: 0 1 230px
}

@media screen and (max-width: 640px) {
    .site-footer--categories-nav {
        padding-right:12px
    }
}

.site-footer--categories-nav:after {
    display: none;
    content: '';
    border-right: 1px solid rgba(187,192,196,0.15);
    position: absolute;
    top: -32px;
    bottom: -12px;
    right: 16px
}

@media screen and (max-width: 640px) {
    .site-footer--category {
        padding-left:44px
    }
}

.site-footer--copyright {
    flex: 1 1 150px;
    display: flex;
    flex-direction: column
}

.site-footer--copyright ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.site-footer--copyright ul li+li {
    margin-left: 12px
}

.site-footer--copyright p {
    margin-top: auto;
    margin-bottom: 24px
}

.site-footer--copyright p a,.site-footer--copyright p a:visited {
    line-height: inherit;
    color: #848d95;
    padding: 0
}

.site-footer__open .site-footer--logo,.site-footer__open .site-footer--copyright {
    display: none
}

.site-footer__open .site-footer--back {
    display: inline-flex
}

.site-footer__open .site-footer--categories {
    display: flex
}

@supports (display: grid) {
    .site-footer__open .site-footer--categories {
        display:grid
    }
}

.site-footer__open .site-footer--categories-nav {
    display: flex
}

.site-footer__open .site-footer--categories-nav:after {
    display: inline-block
}

@media screen and (max-width: 640px) {
    .site-footer__open .site-footer--categories-nav:after {
        display:none
    }
}

#footer-flair {
    float: right;
    margin: -40px 0 0;
    padding: 0;
    text-align: right
}

#footer-flair a {
    display: inline-block;
    vertical-align: top;
    text-indent: -999999em
}

.message.error,.message.success,.message.regular,.message.incomplete,.message.gray {
    display: inline-block;
    padding: 12px;
    margin: 10px 0;
    border-radius: 3px
}

.message.error.text-only,.message.success.text-only,.message.regular.text-only,.message.incomplete.text-only,.message.gray.text-only {
    background: none;
    border: 0;
    padding: 0;
    margin: 0 0 10px 0;
    color: var(--black-500)
}

.message.error.text-only i[class^="icon-"],.message.success.text-only i[class^="icon-"],.message.regular.text-only i[class^="icon-"],.message.incomplete.text-only i[class^="icon-"],.message.gray.text-only i[class^="icon-"],.message.error.text-only span[class^="icon-"],.message.success.text-only span[class^="icon-"],.message.regular.text-only span[class^="icon-"],.message.incomplete.text-only span[class^="icon-"],.message.gray.text-only span[class^="icon-"] {
    margin-right: 4px
}

.message.error.centered,.message.success.centered,.message.regular.centered,.message.incomplete.centered,.message.gray.centered {
    text-align: center
}

.message.error.centered-block,.message.success.centered-block,.message.regular.centered-block,.message.incomplete.centered-block,.message.gray.centered-block {
    display: block;
    margin: 10px auto
}

.message.error.left-block,.message.success.left-block,.message.regular.left-block,.message.incomplete.left-block,.message.gray.left-block {
    display: block;
    margin: 10px auto
}

.message.error .message-ctas,.message.success .message-ctas,.message.regular .message-ctas,.message.incomplete .message-ctas,.message.gray .message-ctas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px
}

.message.error .message-cta,.message.success .message-cta,.message.regular .message-cta,.message.incomplete .message-cta,.message.gray .message-cta {
    margin-top: 10px
}

.message.error .message-title,.message.success .message-title,.message.regular .message-title,.message.incomplete .message-title,.message.gray .message-title {
    text-align: center;
    font-weight: 700;
    padding: 10px 0;
    margin: -12px -12px 10px -12px;
    border-radius: 3px 3px 0 0
}

.message.error .message-title [class^="icon"],.message.success .message-title [class^="icon"],.message.regular .message-title [class^="icon"],.message.incomplete .message-title [class^="icon"],.message.gray .message-title [class^="icon"] {
    margin-right: 4px;
    vertical-align: middle
}

.message.error .message-title [class*="icon-warning"],.message.success .message-title [class*="icon-warning"],.message.regular .message-title [class*="icon-warning"],.message.incomplete .message-title [class*="icon-warning"],.message.gray .message-title [class*="icon-warning"] {
    position: relative;
    top: -1px
}

.message.inline-message {
    display: block
}

.message.inline-message:before,.message.inline-message:after {
    content: "";
    display: table
}

.message.inline-message:after {
    clear: both
}

.message.inline-message .message-title {
    display: inline-block;
    margin: 0 12px 0 0;
    color: var(--orange)
}

.message.inline-message .inline-message-cta {
    float: right
}

.message.regular {
    background: var(--yellow-050);
    color: var(--yellow-900);
    border: 1px solid var(--yellow-100)
}

.message.error {
    color: var(--red-900);
    background: var(--red-050);
    border: 1px solid var(--red-100)
}

.message.error.text-only {
    color: var(--red-500)
}

.message.error.text-only:before {
    top: 3px;
    background-position: -72px -330px
}

.message.success {
    color: var(--green-900);
    background: var(--green-050);
    border: 1px solid var(--green-100)
}

.message.success.text-only {
    color: var(--green-500)
}

.message.success.text-only:before {
    background-position: -95px -330px
}

.message.incomplete {
    color: var(--black-900);
    background: var(--orange-050);
    border: 1px solid var(--orange-100)
}

.message.incomplete .message-title {
    color: var(--orange);
    background: var(--orange-100);
    padding: 10px 0;
    margin: -12px -12px 10px -12px
}

.message.gray {
    background: #f6f6f7;
    color: #0c0d0e;
    border: 1px solid #e4e6e8
}

.message.gray .message-title {
    background: #e4e6e8;
    padding: 10px 0
}

.job-requirements {
    padding: 15px
}

.job-requirements input[type=submit].dno {
    display: none
}

.message.job-improve .message-title {
    background: #e4e6e8;
    padding: 10px 0
}

.message.label.regular {
    font-size: 12px;
    padding: 6px;
    margin: 0
}

.message.label.regular.has-tooltip {
    cursor: default
}

h1 .message.label,h2 .message.label,h3 .message.label {
    position: relative;
    top: -1px
}

.message.message-config.message-dismissable.message-takeover {
    position: absolute;
    width: 480px;
    top: 260px;
    left: calc(50% - 240px);
    z-index: 10000
}

.message.message-config.message-dismissable.message-takeover h1 {
    margin-bottom: 10px
}

.message.message-config.message-dismissable.message-ask-survey {
    position: absolute;
    width: 480px;
    top: 260px;
    left: calc(50% - 240px);
    z-index: 10000
}

.message.message-config.message-dismissable.message-ask-survey h1 {
    margin-bottom: 10px
}

.top-notification {
    background: #0095ff;
    color: #fff;
    font-size: 12px;
    margin-bottom: 20px;
    padding: 10px 20px
}

.top-notification .container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    min-height: 30px;
    align-items: center
}

.top-notification a {
    color: #fff
}

.top-notification .-content p:last-child {
    margin-bottom: 0
}

.top-notification .-content .btn {
    background: #F48024;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
    margin-left: 10px
}

.top-notification .-actions {
    text-align: right
}

.comments {
    width: 660px;
    padding-bottom: 10px
}

.comments>table {
    width: 100%
}

.comments-link {
    padding: 0 3px 2px 3px
}

a.comments-link:hover {
    padding: 0 3px 2px 3px;
    text-decoration: none
}

tr.comment>td {
    padding: 6px 6px 6px 0;
    vertical-align: top;
    line-height: 1.3;
    border-bottom: 1px solid var(--black-050)
}

.comment img {
    vertical-align: middle
}

.comment:not([style*="background-color"]) {
    transition: background-color linear 2s
}

.comment-actions {
    padding-left: 3px;
    width: 15px
}

.comment-score span {
    font-size: 13px;
    font-weight: normal;
    padding-right: 4px
}

.comment-text,.comment-form {
    padding: 0 6px 0 7px;
    vertical-align: text-top
}

.comment-text code {
    padding: 1px 5px
}

.comment-text .comment-edited {
    margin-top: 3px;
    margin-left: 2px;
    vertical-align: top
}

.comment-form>form textarea,.comment-form>form div[contenteditable=true] {
    margin-bottom: 4px;
    height: 5em;
    width: 100%;
    resize: vertical;
    overflow: auto
}

.comment-date {
    color: var(--black-400)
}

.text-counter {
    margin-right: 20px
}

.comment-text .hover-only-label {
    visibility: hidden
}

.comment-text:hover .hover-only-label {
    visibility: visible
}

.comment-text:focus-within .hover-only-label {
    visibility: visible
}

.comment-text button:focus .hover-only-label {
    visibility: visible
}

@media (hover: none) {
    .comment-text .hover-only-label {
        visibility:visible
    }
}

.comment__highlight:not([style*="background-color"]) {
    transition: none;
    background-color: var(--yellow-100)
}

table.comment-edit-history {
    max-width: 850px
}

table.comment-edit-history th:first-child {
    padding-right: 6px
}

table.comment-edit-history td:first-child {
    text-align: center
}

table.comment-edit-history th,table.comment-edit-history td {
    font-size: 12px
}

table.comment-edit-history td:not(.comment-text) {
    white-space: nowrap
}

.no-comment-edit-history {
    padding-right: 20px
}

.so-reaction {
    padding: 4px 2px;
    margin-right: 8px;
    background: transparent;
    white-space: nowrap;
    color: #848d95
}

.so-reaction .svg-icon {
    vertical-align: text-bottom;
    margin-right: 4px
}

.so-reaction[aria-pressed="true"] {
    color: #0077cc
}

.comments-add-link {
    font-weight: bold
}

.comments-link-annotation {
    color: #6a737c
}

ul.comments-list {
    list-style-type: none;
    margin: 0
}

ul.comments-list .comment {
    display: flex
}

ul.comments-list .comment-score {
    width: 15px;
    width: 2ch;
    padding-right: 4px
}

ul.comments-list .comment-score>span {
    float: right;
    padding-right: 0px;
    min-width: 15px;
    min-width: 2ch
}

ul.comments-list .comment-text {
    flex-grow: 1
}

ul.comments-list .comment-voting,ul.comments-list .comment-flagging {
    width: 20px
}

ul.comments-list .comment>* {
    border-bottom: 1px solid var(--black-050)
}

ul.comments-list .comment-text,ul.comments-list comment-form,ul.comments-list .comment-actions {
    padding: 6px 0
}

ul.comments-list .comment-text {
    min-width: 0;
    flex-basis: 0;
    padding-left: 6px;
    padding-right: 6px
}

ul.comments-list .comment-body {
    word-wrap: break-word
}

ul.comments-list .comment-actions {
    padding-right: 2px
}

ul.comments-list .comment-text,ul.comments-list .comment-actions {
    transition: background-color ease-out 3s
}

ul.comments-list .deleted-comment {
    background-color: transparent
}

ul.comments-list .deleted-comment .comment-text,ul.comments-list .deleted-comment .comment-actions {
    background-color: var(--red-050)
}

ul.comments-list .comment__highlight {
    background-color: transparent
}

ul.comments-list .comment__highlight .comment-text {
    transition: none;
    background-color: var(--yellow-100)
}

ul.comments-list .comment-actions {
    width: 38px;
    flex-shrink: 0
}

ul.comments-list .comment-score {
    display: inline-block
}

ul.comments-list .comment-voting,ul.comments-list .comment-flagging {
    float: right
}

@supports (display: grid) {
    ul.comments-list .comment-actions {
        display:grid;
        grid-template-columns: repeat(2, max-content);
        align-content: flex-start;
        width: 37px;
        width: calc(2ch + 16px + 4px + 2px)
    }

ul.comments-list .comment-flagging:nth-child(3) {
        grid-column: 2
    }
}

@supports (display: grid) and (display: contents) and (not (-apple-trailing-word: auto)) {
    body:not(.no-grid-comments) ul.comments-list {
        display:grid;
        grid-template-columns: max-content 1fr
    }

body:not(.no-grid-comments) ul.comments-list .comment-score {
        width: auto;
        min-width: 16px
    }

body:not(.no-grid-comments) ul.comments-list .comment-score>span {
        min-width: 0;
        float: none
    }

body:not(.no-grid-comments) ul.comments-list .comment-actions {
        width: auto
    }

body:not(.no-grid-comments) ul.comments-list .comment {
        display: contents
    }

body:not(.no-grid-comments) ul.comments-list .comment__highlight .comment-actions {
        transition: none;
        background-color: var(--yellow-100)
    }
}

.message.message-config.unsubscribe-all-popup {
    z-index: 2000
}

body.user-page #content * {
    box-sizing: border-box
}

.user-page .popup #tabs>a {
    margin-top: -1px
}

.l-col-primary,.l-col-secondary {
    float: left
}

.l-col-primary {
    margin-left: 40px;
    width: 720px
}

.l-col-secondary {
    width: 220px
}

.col-6.with-padding:first-child {
    padding-right: 10px
}

.col-6.with-padding:last-child {
    padding-left: 10px
}

#main-content:before,#main-content:after {
    content: "";
    display: table
}

#main-content:after {
    clear: both
}

.profile-section-title {
    font-weight: 700;
    color: var(--fc-dark)
}

.profile-section-title span {
    font-weight: 400;
    color: var(--fc-light)
}

#mod-content {
    margin-top: 25px
}

#mod-content .mod-sidebar {
    padding-right: 30px
}

#mod-content .mod-sidebar .account-details {
    margin-bottom: 20px
}

.mod-quick-links {
    margin-bottom: 30px
}

.mod-links li {
    margin-bottom: 5px
}

.account-info .row.mod-section {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eff0f1
}

#mod-content .row h3 {
    margin-bottom: 10px
}

.row.mod-credentials {
    margin-top: 20px;
    margin-bottom: 0
}

.account-info dl {
    float: right;
    font-size: .8em
}

.account-info dl dt {
    display: inline-block;
    font-weight: bold
}

.account-info dl dd {
    display: inline-block;
    font-style: italic
}

.block {
    display: block
}

.w-100 {
    width: 100%
}

.inline-block {
    display: inline-block
}

.float-left,.fl {
    float: left !important
}

.float-right,.fr {
    float: right !important
}

.vt {
    vertical-align: top
}

.vm {
    vertical-align: middle
}

.fw {
    margin-bottom: 4px;
    width: 100%
}

.relative {
    position: relative
}

.cp {
    cursor: pointer
}

.ar {
    text-align: right !important
}

.al {
    text-align: left !important
}

.help-text {
    color: #6a737c
}

.bold {
    font-weight: 700
}

.help-text.has-icon,.message.text-only.has-icon {
    display: flex
}

.help-text.has-icon [class^='icon'],.message.text-only.has-icon [class^='icon'],.help-text.has-icon .svg-icon,.message.text-only.has-icon .svg-icon {
    flex-shrink: 0;
    margin-top: -3px;
    margin-right: 5px
}

.help-text.has-icon .icon-i-orange,.message.text-only.has-icon .icon-i-orange {
    position: relative;
    top: 2px
}

.success-text {
    color: #48a868
}

.error-text {
    color: #d1383d
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-centered {
    text-align: center
}

.hidden,.dno,._hidden {
    display: none
}

.hidden-important {
    display: none !important
}

@media print {
    .hide-for-print {
        display: none
    }
}

.show-for-print {
    display: none
}

@media print {
    .show-for-print {
        display: block
    }
}

.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.stop-scrolling-mobile {
    height: 100%;
    overflow: hidden;
    position: fixed
}

._blocked {
    overflow: hidden;
    position: fixed
}

html {
    height: 100%;
    min-width: 1264px
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    background-image: none;
    background-position: top left;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: auto;
    min-width: 1279px;
    --mp-alt-row-color:var(--black-050);--mp-critical-color:var(--red-600);--mp-duration-color:var(--black-800);--mp-gap-bg-color:var(--black-025);--mp-gap-font-color:var(--black-700);--mp-highlight-default-color:var(--fc-dark);--mp-highlight-fade-color:var(--yellow-300);--mp-highlight-keyword-color:var(--blue-700);--mp-highlight-literal-color:var(--green-500);--mp-label-color:var(--black-700);--mp-link-color:var(--blue-700);--mp-main-bg-color:var(--white);--mp-muted-color:var(--black-300);--mp-popup-shadow:var(--bs-sm);--mp-query-border-color:var(--black-100);--mp-result-border:solid .5px var(--black-300);--mp-warning-color:var(--red-600)}

body.read-only .askquestion,body.read-only .login-link,body.read-only .bookmark-off,body.read-only .vote-down-off,body.read-only .vote-up-off {
    opacity: .3
}

body.read-only .bookmark-off,body.read-only .vote-down-off,body.read-only .vote-up-off {
    cursor: not-allowed
}

.container {
    position: relative;
    width: 100%;
    flex: 1 0 auto;
    margin: 0 auto;
    text-align: left
}

#content {
    box-sizing: content-box;
    margin: 0 auto;
    padding: 15px;
    width: 1264px;
    background-color: #fff
}

#content:before,#content:after {
    content: "";
    display: table
}

#content:after {
    clear: both
}

.ask-page:not(.wizard) #content {
    min-height: 750px;
    overflow: visible
}

body:not(.unified-theme) .container._full #content {
    padding: 0;
    width: 100%
}

body:not(.unified-theme) .container._full #content .inner-content {
    box-sizing: content-box;
    margin: 0 auto;
    padding: 15px;
    width: 1264px
}

body:not(.unified-theme) .container._full #content .inner-content:before,body:not(.unified-theme) .container._full #content .inner-content:after {
    content: "";
    display: table
}

body:not(.unified-theme) .container._full #content .inner-content:after {
    clear: both
}

.main-columns {
    display: flex
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) .main-columns {
        flex-direction:column
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav .main-columns {
        flex-direction:column
    }
}

@media print {
    .main-columns {
        flex-direction: column
    }
}

.main-columns #mainbar,.main-columns .mainbar {
    float: none
}

.main-columns #sidebar,.main-columns .sidebar {
    float: none;
    margin-left: 24px
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) .main-columns #sidebar,html.html__responsive:not(.html__unpinned-leftnav) .main-columns .sidebar {
        margin-left:auto
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav .main-columns #sidebar,html.html__responsive.html__unpinned-leftnav .main-columns .sidebar {
        margin-left:auto
    }
}

@media print {
    .main-columns #sidebar,.main-columns .sidebar {
        margin-left: auto
    }
}

.container__full {
    max-width: 100%
}

.container__full .left-sidebar {
    display: none
}

.container__full #content {
    padding: 0;
    max-width: 100%;
    width: 100%
}

.container .container--inner {
    max-width: 1264px;
    padding: 0 24px;
    margin: 0 auto
}

#header {
    margin: 0 auto;
    width: 1264px;
    height: 96px;
    padding: 0 15px;
    box-sizing: content-box;
    position: relative
}

#questions,#answers {
    clear: both;
    width: 728px
}

#questions {
    float: left;
    margin-bottom: 20px
}

#question-header .question-hyperlink {
    font-size: 2.07692308rem;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    line-height: 1.35;
    font-weight: normal;
    margin-bottom: 0
}

.question-summary {
    overflow: hidden;
    padding: 15px 0;
    float: left;
    width: 728px;
    border-bottom: 1px solid var(--black-050)
}

.question-summary .question-summary-scroll {
    border-bottom: none
}

.question-summary .question-hyperlink {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif
}

.stats {
    margin: 0;
    width: 58px
}

.statscontainer {
    width: 78px;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
    color: var(--black-500);
    font-size: 11px
}

.statscontainer .views {
    width: 58px
}

.statscontainer .status {
    padding: 7px 0 5px;
    border-radius: 3px
}

.statscontainer .status strong {
    font-size: 20px;
    font-weight: normal
}

.narrow .status {
    display: inline-block;
    margin: 0 3px 0 0;
    min-width: 44px;
    height: auto;
    font-size: 11px;
    padding: 6px;
    border: 1px solid transparent;
    border-radius: 3px
}

.narrow .started {
    width: auto;
    line-height: inherit;
    padding-top: 4px;
    white-space: nowrap
}

.narrow .votes {
    display: inline-block;
    height: 38px;
    min-width: 38px;
    margin: 0 3px 0 0;
    font-size: 11px;
    color: var(--black-400);
    padding: 6px
}

.narrow .stats {
    background: none;
    margin: 0 0 0 7px;
    padding: 0;
    width: auto;
    height: 48px;
    display: inline-block
}

.narrow .views {
    display: inline-block;
    height: 38px;
    min-width: 40px;
    margin: 0 7px 0 0;
    font-size: 11px;
    color: var(--black-400);
    padding: 7px 6px
}

.narrow .summary {
    width: 530px;
    padding: 0;
    float: left
}

.narrow .summary h3 {
    margin-bottom: .35em;
    line-height: 1.3
}

.narrow .cp {
    vertical-align: top;
    float: left;
    margin-right: 10px
}

.narrow .mini-counts {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 4px
}

.votes {
    padding: 0;
    margin-bottom: 8px;
    text-align: center
}

.vote-count-post {
    display: block;
    font-size: 20px
}

.vote-count-post strong {
    font-weight: normal
}

.status {
    padding: 0;
    margin-bottom: 8px;
    text-align: center
}

.status strong {
    display: block
}

.vote-count-separator {
    border-top: 1px solid var(--black-050);
    width: 36px;
    margin-top: 5px;
    margin-bottom: 5px
}

.views {
    padding-top: 4px;
    text-align: center
}

.views strong {
    display: block
}

#question-suggestions {
    overflow: hidden;
    padding-bottom: 2px;
    font-size: 14px
}

#question-suggestions .answer-hyperlink,#question-suggestions .question-hyperlink {
    font-size: 13px
}

#question-suggestions .answer-votes {
    font-size: 11px;
    line-height: 1.3;
    padding: 1px 0 2px;
    font-weight: normal
}

#question-suggestions label {
    margin: 10px 0
}

#question-suggestions .answer-summary {
    overflow: auto;
    display: flex
}

.question-originals-of-duplicate.question-status {
    width: auto;
    margin: 10px 0;
    padding: 10px;
    background-image: none
}

.question-originals-of-duplicate p {
    margin: 0;
    font-weight: bold
}

.question-originals-of-duplicate ul {
    margin: 0
}

.question-originals-of-duplicate ul li {
    list-style-type: none;
    margin: 0
}

.question-originals-of-duplicate .question-originals-answer-count {
    font-style: italic;
    padding-left: 5px
}

.question-originals-of-duplicate #edit-or-approve-duplicate {
    margin: 15px 0 5px
}

.question-originals-of-duplicate #edit-or-approve-duplicate #got-my-answer {
    margin: 0
}

.question-originals-of-duplicate #edit-or-approve-duplicate>div {
    line-height: 33px
}

.question-status {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 15px 8px 1px 60px;
    background-color: var(--black-050);
    border: var(--black-075);
    clear: both
}

.question-status h2 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px
}

.question-status p {
    font-size: 13px;
    word-wrap: break-word
}

.question-status .site-specific-close-reason-status-list {
    margin-bottom: 0
}

.question-status .close-status-suffix {
    display: block;
    margin-top: 10px
}

.question-status .voter-history .badge1 {
    vertical-align: middle
}

#answers {
    padding-top: 10px
}

#answers-header {
    margin-top: 10px;
    width: 728px
}

.question {
    clear: both
}

.question .postcell {
    vertical-align: top
}

.question-page #answers .answer {
    border-bottom: 1px solid var(--black-075)
}

hr {
    border: 0;
    color: var(--black-300);
    background-color: var(--black-300);
    height: 1px;
    margin-bottom: 20px
}

.date {
    text-align: right;
    width: 70px;
    white-space: nowrap;
    color: var(--black-150);
    height: 35px;
    font-size: 18px
}

.date_brick {
    float: right;
    width: 45px;
    color: var(--black-350);
    text-align: center;
    line-height: 1.4;
    font-size: 13px;
    margin-left: 10px;
    padding-top: 5px;
    letter-spacing: 0;
    overflow: hidden
}

.revcell1 {
    width: 25px;
    cursor: pointer;
    text-align: right
}

.revcell2 {
    width: 50px;
    cursor: pointer;
    font-size: 250%;
    font-weight: bold;
    color: var(--black-500);
    text-align: left
}

.revcell3 {
    vertical-align: middle;
    width: 660px;
    padding-top: 8px;
    padding-bottom: 5px
}

.revcell4 {
    padding: 5px;
    width: 185px
}

.revcell5 {
    margin-top: 10px;
    margin-left: 10px
}

.unanswered .mini-counts span {
    color: var(--black-800)
}

.votecell {
    vertical-align: top;
    padding-right: 15px
}

.votecell .vote-count-post {
    margin: 8px 0
}

.votecell .vote {
    min-width: 46px
}

#scroller {
    margin-top: 5px
}

.answer {
    padding-bottom: 16px;
    padding-top: 16px
}

.post-signature {
    text-align: left;
    vertical-align: top;
    width: 200px
}

.accept-rate {
    margin-left: 37px;
    margin-top: 3px;
    margin-bottom: 6px
}

.owner {
    border-radius: 3px;
    background-color: var(--powder-100)
}

.new-contributor-indicator {
    background-color: var(--powder-200)
}

.downvoted-answer .comment-body,.downvoted-answer .post-signature,.downvoted-answer .post-text,.downvoted-answer .vote>* {
    opacity: .5;
    transition: opacity .5s
}

.downvoted-answer .vote .message {
    opacity: 1
}

.downvoted-answer:hover .comment-body,.downvoted-answer:hover .post-signature,.downvoted-answer:hover .post-text,.downvoted-answer:hover .vote>* {
    opacity: 1
}

.item-multiplier {
    margin-right: 4px;
    color: var(--black-400)
}

.reputation-score {
    font-weight: bold;
    font-size: 12px;
    margin-right: 2px
}

.relativetime {
    text-decoration: none
}

#notify-container {
    font-size: 16px;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 5051
}

#notify-container span.notify-close {
    float: right;
    margin-right: 20px;
    text-decoration: none;
    display: block;
    cursor: pointer
}

#notify-container span.notify-close a {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #fff
}

#notify-container div {
    color: #fff;
    padding: 9px 0;
    background: #f90
}

.summaryinfo {
    color: #6a737c;
    text-align: center
}

.summarycount {
    text-align: center;
    font-size: 26px;
    line-height: 1
}

.summarycount+p {
    margin-bottom: 0
}

.lsep {
    margin: 0 2px;
    color: #c8ccd0;
    color: #1b4072;
    font-size: 1px;
    visibility: hidden
}

.post-taglist {
    margin-bottom: 10px;
    clear: both
}

.post-menu {
    padding-top: 2px
}

.post-menu>a {
    padding: 0 1px;
    color: var(--black-400)
}

.post-menu>a:hover {
    color: var(--black-700);
    text-decoration: none
}

.post-menu .lsep {
    margin: 0;
    padding: 0
}

.post-menu>*:not(.s-popover) {
    display: inline-block
}

.edit-tags-wrapper {
    padding-right: 40px
}

.edit-tags-wrapper>a.post-tag {
    margin-right: 6px
}

.inline-tag-edit-link {
    padding: 0 3px 2px;
    color: var(--black-400)
}

.inline-tag-edit-link:hover {
    color: var(--black-700);
    text-decoration: none
}

.accept-answer-link {
    font-weight: bold;
    color: var(--green-600) !important
}

.deleted-post {
    color: var(--red-400) !important;
    font-weight: bold !important
}

.deleted-post:hover {
    color: var(--white) !important;
    background-color: var(--red-400) !important
}

.search-highlight {
    color: var(--black-750);
    background-color: var(--yellow-050);
    font-weight: bold
}

.page-description {
    font-size: 14px;
    margin: 10px 0;
    line-height: 18px
}

.content-page {
    padding: 20px 0
}

.content-page h2 {
    margin-bottom: 10px;
    font-size: 140%;
    font-weight: bold
}

.content-page h3 {
    margin-bottom: 10px;
    font-size: 120%;
    font-weight: bold
}

.user-list {
    margin-right: 10px;
    width: 225px;
    height: 21px;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

.user-flair {
    float: left
}

.user-info {
    box-sizing: border-box;
    padding: 5px 6px 7px 7px;
    color: var(--black-500)
}

.user-info:before,.user-info:after {
    content: "";
    display: table
}

.user-info:after {
    clear: both
}

.user-info .user-gravatar32 {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 1px
}

.user-info .user-gravatar32 img {
    border-radius: 1px
}

.user-info .user-gravatar32+.user-details {
    margin-left: 8px;
    width: calc(100% - 40px)
}

.user-info .user-gravatar48+.user-details {
    margin-left: 8px;
    width: calc(100% - 48px)
}

.user-info .user-gravatar64+.user-details {
    margin-left: 8px;
    width: calc(100% - 64px)
}

.user-info .user-action-time {
    margin-top: 1px;
    margin-bottom: 4px;
    font-size: 12px;
    white-space: nowrap
}

.user-info .user-details {
    float: left;
    width: 100%
}

.user-info .-flair {
    display: block
}

.user-info-td .user-info {
    padding: 0
}

.user-details {
    line-height: 17px;
    word-wrap: break-word
}

.user-details .badgecount {
    font-weight: 400;
    font-size: 12px
}

.user-details td {
    color: var(--black);
    padding: 4px 0
}

#revisions {
    margin-top: 20px;
    margin-left: 20px
}

.revision td {
    background-color: var(--black-050)
}

.vote-revision td {
    background-color: var(--black-100)
}

.owner-revision td {
    background-color: var(--powder-100)
}

.revision-comment {
    color: var(--black-750);
    padding: 0
}

.answer-votes {
    color: var(--black-600);
    text-align: center;
    float: left;
    padding: 3px;
    min-width: 36px;
    min-height: 15px;
    text-decoration: none;
    border-radius: 2px
}

#mainbar h2,.mainbar h2,#mainbar h3,.mainbar h3,#mainbar h4,.mainbar h4 {
    font-weight: 400
}

.answer-link {
    float: left;
    width: 700px;
    padding-left: 10px;
    color: var(--black-600)
}

.answer-summary {
    padding: 3px;
    clear: both
}

.bounty-indicator {
    float: left;
    color: #fff;
    font-size: 11px;
    padding: .2em .5em .25em;
    line-height: 1.3;
    background-color: var(--blue-600);
    margin-right: 5px;
    border-radius: 2px
}

.bounty-indicator-tab {
    color: #fff;
    display: inline;
    background-color: var(--blue-600);
    padding: .2em .5em .25em;
    margin-right: 5px;
    font-size: 10px;
    line-height: 1.3;
    border-radius: 2px
}

.bounty p {
    margin-top: 10px
}

.bounty-stats {
    overflow: auto;
    margin-bottom: 5px;
    border-bottom: solid 1px var(--black-050)
}

#bounty-submit {
    box-shadow: var(--bs-sm);
    background-color: var(--red-600);
    border-color: var(--red-300) var(--red-900) var(--red-900) var(--red-300);
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 3px;
    padding: 4px
}

.history-table {
    line-height: 180%
}

.history-table .answer-hyperlink,.history-table .question-hyperlink {
    font-size: 13px
}

.history-table span.revision-comment {
    line-height: 180%
}

.history-table .comments {
    border-top: none
}

.history-table p {
    margin-bottom: 10px;
    margin-top: 3px
}

#noscript-warning {
    font-family: sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5050;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #fff;
    background-color: var(--red-600);
    padding: 5px 0
}

#noscript-warning a {
    color: #fff;
    text-decoration: underline
}

.nav ul {
    margin: 0
}

.nav ul li {
    display: inline-block;
    margin-left: 15px
}

.nav ul li a {
    text-decoration: none;
    display: block
}

.top-banner-message-container {
    width: 1264px;
    margin: 0 auto 14px;
    padding: 0;
    box-sizing: content-box;
    position: relative
}

.top-banner-message-container .message {
    width: 100%
}

#sidebar,.sidebar {
    float: right;
    width: 300px;
    margin: 0 0 15px
}

#sidebar .badge,.sidebar .badge,#sidebar .badge-tag,.sidebar .badge-tag,#sidebar .moderator-tag,.sidebar .moderator-tag,#sidebar .post-tag,.sidebar .post-tag,#sidebar .required-tag,.sidebar .required-tag {
    margin-bottom: .5em
}

#sidebar h4,.sidebar h4 {
    margin-bottom: 1em
}

#sidebar.ask-sidebar {
    width: 365px
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) #sidebar.ask-sidebar {
        width:300px
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav #sidebar.ask-sidebar {
        width:300px
    }
}

@media print {
    #sidebar.ask-sidebar {
        width: 300px
    }
}

#mainbar,.mainbar {
    float: left;
    width: 728px;
    margin: 0;
    padding: 0
}

#mainbar-full,.mainbar-full {
    width: 100%;
    padding: 0
}

#mainbar-full:before,.mainbar-full:before,#mainbar-full:after,.mainbar-full:after {
    content: "";
    display: table
}

#mainbar-full:after,.mainbar-full:after {
    clear: both
}

div.form-error {
    color: var(--red-700);
    font-weight: bold;
    font-size: 130%
}

.user-stats-table {
    margin-left: 15px !important
}

.subheader {
    clear: both;
    margin-bottom: 10px;
    height: 40px;
    border-bottom: 1px solid var(--black-075)
}

.subheader h1,.subheader h2 {
    float: left;
    margin-bottom: 0;
    font-weight: normal
}

.subheader h1 {
    color: var(--black-700);
    font-size: 18px;
    line-height: 2.22
}

.subheader h2 {
    color: var(--black-700);
    font-size: 18px
}

.subheader.tools-rev {
    margin-bottom: 10px
}

.subheader a.link {
    color: var(--blue-600)
}

body.home-page .subheader,body.questions-page .subheader {
    margin-bottom: 0
}

.vote-up,.vote-down {
    display: block;
    margin: 0 auto
}

.cool,.mini-counts.cool {
    color: var(--black-350)
}

.coolbg {
    background-color: var(--black-350);
    color: #fff !important
}

.mini-counts.warm,.warm {
    color: var(--orange-800)
}

.hot,.mini-counts.hot {
    color: var(--orange-600)
}

.hotbg {
    background-color: var(--orange-600);
    color: #fff !important
}

.mini-counts.supernova,.supernova {
    color: var(--orange-400)
}

.supernovabg {
    background: var(--orange-400)
}

.answered,.answered .mini-counts,.answered strong {
    color: var(--green-500)
}

.answered strong {
    font-weight: normal;
    font-size: 20px
}

.answered-accepted {
    background-color: var(--green-400)
}

.answered-accepted,.answered-accepted .mini-counts,.answered-accepted .minicounts span {
    color: #fff
}

.summary {
    float: left;
    width: 630px
}

.summary h3 {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: .5em
}

.excerpt {
    padding: 0;
    padding-bottom: 5px;
    margin: 0
}

.excerpt .started {
    float: right;
    width: 185px;
    height: 55px;
    margin-top: 5px
}

.excerpt p {
    margin-bottom: 3px
}

.excerpt .tags {
    width: 410px;
    margin-top: 5px
}

.tags {
    line-height: 18px;
    float: left
}

.tags a:hover {
    text-decoration: none
}

.started {
    width: 200px;
    float: right;
    line-height: 18px
}

.started img {
    vertical-align: baseline
}

.started .user-action-time {
    margin-bottom: 2px
}

.started .reputation-score,.started .user-info {
    color: var(--black-400)
}

.started .mod-flair,.started a:not(.started-link) {
    font-size: 12px;
    color: var(--blue-600)
}

.started .mod-flair:hover,.started a:not(.started-link):hover {
    color: var(--blue-500)
}

.started-link {
    font-size: 12px;
    color: var(--black-350)
}

.started-link:hover {
    color: var(--blue-600)
}

.mod-flair {
    color: var(--blue-600);
    margin-left: 3px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1
}

.module {
    margin-bottom: 1.5em
}

.module:not(.s-sidebarwidget) .spacer {
    margin-bottom: 8px
}

.module:not(.s-sidebarwidget) ul {
    margin-left: 15px;
    list-style-type: square;
    margin-right: 30px;
    line-height: 120%
}

.module:not(.s-sidebarwidget) li {
    margin-bottom: 4px
}

.module:not(.s-sidebarwidget) h4 {
    font-size: 14px;
    color: var(--black-700);
    font-weight: normal
}

.newuser {
    padding: 15px 15px 10px;
    background-color: #FFF8DC;
    border: 1px solid #E0DCBF;
    font-size: 14px
}

.vote {
    text-align: center
}

.vote span {
    display: block;
    color: var(--black-500)
}

.post-text {
    width: 660px
}

.post-text,.wmd-preview {
    margin-bottom: 5px;
    word-wrap: break-word;
    font-size: 15px;
    line-height: 1.3
}

.post-text pre,.wmd-preview pre {
    word-wrap: normal
}

.post-text code,.wmd-preview code {
    font-size: 13px
}

.post-text sub code,.wmd-preview sub code,.post-text sup code,.wmd-preview sup code {
    font-size: 90%
}

.post-text hr,.wmd-preview hr {
    background-color: var(--black-100);
    color: var(--black-100);
    margin-bottom: 1em
}

.post-text li,.wmd-preview li {
    word-wrap: break-word
}

.post-text li pre,.wmd-preview li pre {
    word-wrap: normal
}

.post-text h1,.wmd-preview h1,.post-text h2,.wmd-preview h2,.post-text h3,.wmd-preview h3,.post-text h4,.wmd-preview h4,.post-text h5,.wmd-preview h5,.post-text h6,.wmd-preview h6 {
    font-weight: bold!important
}

.post-text h1 code,.wmd-preview h1 code,.post-text h2 code,.wmd-preview h2 code,.post-text h3 code,.wmd-preview h3 code,.post-text h4 code,.wmd-preview h4 code,.post-text h5 code,.wmd-preview h5 code,.post-text h6 code,.wmd-preview h6 code {
    margin-bottom: .5em
}

.post-text h1,.wmd-preview h1,.post-text h1 code,.wmd-preview h1 code {
    font-size: 21px
}

.post-text h2,.wmd-preview h2,.post-text h2 code,.wmd-preview h2 code {
    font-size: 19px
}

.post-text h3,.wmd-preview h3,.post-text h3 code,.wmd-preview h3 code {
    font-size: 17px
}

.post-text h4,.wmd-preview h4,.post-text h4 code,.wmd-preview h4 code {
    font-size: 15px
}

.post-text img,.wmd-preview img {
    max-width: 100%;
    margin-bottom: .5em
}

.post-text blockquote img,.wmd-preview blockquote img,.post-text li img,.wmd-preview li img,.post-text p img,.wmd-preview p img {
    margin-bottom: 0
}

.post-text ol li,.wmd-preview ol li,.post-text ul li,.wmd-preview ul li {
    margin-bottom: .5em
}

.post-text ol li:last-child,.wmd-preview ol li:last-child,.post-text ul li:last-child,.wmd-preview ul li:last-child {
    margin-bottom: 0
}

.post-text .youtube-embed,.wmd-preview .youtube-embed {
    width: 100%;
    max-width: 640px;
    position: relative
}

.post-text .youtube-embed>div,.wmd-preview .youtube-embed>div {
    width: 100%;
    height: 35px;
    padding-bottom: 56.25%;
    position: relative
}

.post-text .youtube-embed>div iframe,.wmd-preview .youtube-embed>div iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.post-text .soundcloud-embed iframe,.wmd-preview .soundcloud-embed iframe {
    width: 100%;
    max-width: 640px;
    height: 116px
}

.post-text .post-tag,.wmd-preview .post-tag {
    margin-bottom: 0 !important
}

.mb {
    margin: 15px
}

@media screen {
    .spoiler {
        background: var(--black-050);
        border-radius: 3px
    }

.spoiler>* {
        opacity: 0;
        transition: opacity .25s ease-in-out
    }

.spoiler:hover>* {
        opacity: 1
    }

.diffs .spoiler>*,.body-diffs .spoiler>* {
        opacity: .3
    }

.diffs .spoiler>*:hover,.body-diffs .spoiler>*:hover {
        opacity: 1
    }
}

.form-item {
    padding: 10px 0 15px
}

.form-item label:not(.s-label) {
    display: block;
    font-weight: bold;
    padding-bottom: 3px
}

span.feed-icon {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    background-position: -79px -320px;
    width: 24px;
    height: 16px
}

span.form-error {
    color: #990000;
    font-weight: bold;
    margin-left: 5px;
    font-size: 90%
}

.post-editor {
    margin-top: 10px;
    width: 660px;
    box-sizing: border-box
}

.edit-block {
    display: none
}

.page-sizer,.pager {
    margin: 20px 0
}

.page-sizer a,.pager a,.page-sizer a:hover,.pager a:hover {
    text-decoration: none
}

.leftcol {
    width: 390px;
    padding-top: 20px
}

.rightcol {
    padding-top: 20px
}

.system-alert {
    padding: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    border: 1px dotted #AE0000
}

#popup-flag-post textarea {
    width: 590px;
    max-width: 100%
}

#start-bounty-popup {
    width: 500px
}

#start-bounty-popup textarea {
    width: 550px;
    max-width: 100%
}

.edit-tags {
    padding: 5px 0 0 15px
}

.flag-menu {
    width: 22em;
    cursor: default
}

.flag-reasons {
    padding: 10px 0 15px 15px
}

.flag-reasons input {
    border: none;
    cursor: pointer
}

.flag-reasons label {
    margin-left: .5em;
    cursor: pointer
}

.flag-reasons textarea {
    margin-top: 4px;
    margin-bottom: 4px
}

.close-reasons input {
    border: none;
    cursor: pointer
}

.close-reasons li {
    list-style-type: none
}

.close-reasons li td.close-desc {
    color: #6a737c;
    padding-top: 2px;
    padding-bottom: 8px;
    line-height: 130%
}

.close-reasons tr td:last-child {
    cursor: pointer;
    padding-left: .5em
}

.close-reasons span.close-reason {
    font-weight: bold
}

.flag-comment {
    margin-top: 15px;
    display: none
}

.flag-submit {
    float: right
}

.item-multiplier-count {
    font-size: 11px;
    color: var(--black-500)
}

span.diff-delete {
    text-decoration: line-through;
    color: var(--red-700);
    background-color: var(--red-200)
}

img.diff-delete {
    border: 2px solid var(--red-500);
    opacity: .5
}

span.diff-add {
    background: var(--green-100);
    color: var(--green-800)
}

img.diff-add {
    border: 2px solid var(--green-500)
}

img.sponsor-tag-img {
    border: none;
    opacity: 1;
    width: 18px;
    height: 16px;
    vertical-align: top;
    padding-right: 4px;
    margin-top: -2px;
    box-sizing: content-box !important
}

.tagged-ignored {
    opacity: .35;
    background: transparent
}

p#tag-subscriptions {
    text-align: left
}

.tagged-ignored-hidden {
    display: none !important
}

.tagged-interesting {
    background-color: var(--yellow-050)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .tagged-interesting {
        background-color: var(--black-025)
    }
}

body.theme-dark .tagged-interesting {
    background-color: var(--black-025)
}

#interestingTag {
    font-size: 12px;
    margin-right: 5px
}

#ignoredTag {
    font-size: 12px;
    margin-right: 5px
}

.everyoneloves__top-leaderboard,.everyoneloves__mid-leaderboard,.everyoneloves__mid-second-leaderboard,.everyoneloves__bot-mid-leaderboard,.everyoneloves__tag-sponsorship {
    width: 728px
}

.everyoneloves__inline-sidebar {
    display: none
}

.zone-container-responsive {
    display: none
}

.welovestackoverflow {
    padding: 10px;
    line-height: 1.3;
    overflow: hidden;
    margin-bottom: 8px;
    border: 2px solid var(--black-075)
}

.welovestackoverflow a {
    color: var(--blue-600)
}

.tagged {
    margin-top: 5px
}

.related {
    line-height: 1.3;
    font-size: 12px
}

.related a {
    font-size: 12px;
    font-weight: normal
}

.linked {
    line-height: 1.3;
    font-size: 12px
}

.linked a {
    font-size: 12px;
    font-weight: normal
}

.cbt {
    clear: both
}

.space {
    padding-top: 20px
}

.label-key {
    color: var(--black-350);
    font-size: 14px
}

.label-key b,.label-key strong {
    color: var(--black-700);
    font-weight: normal
}

.bottom-notice {
    margin-top: 15px;
    padding-top: 10px;
    font-weight: normal;
    padding: 0 10px 0 0;
    line-height: 1.4;
    font-size: 16px
}

#question-mini-list {
    overflow: auto;
    margin-bottom: 30px
}

.tag-col {
    width: 184px
}

.accept-reminder {
    clear: both;
    text-align: center;
    margin: 0 0 8px;
    color: maroon
}

.pager-answers {
    padding-top: 10px;
    overflow: hidden;
    clear: both
}

.ac_results {
    padding: 0;
    border: 1px solid var(--black-500);
    background-color: var(--white);
    overflow: hidden;
    z-index: 10000;
    text-align: left
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0
}

.ac_results li {
    margin: 0;
    padding: 2px 5px;
    cursor: default;
    display: block;
    line-height: 16px;
    overflow: hidden
}

.ac_highlight {
    font-weight: bold;
    text-decoration: underline
}

.ac_loading {
    background: #fff url(../../Img/progress-dots.gif?v=679ddd617b7d) right center no-repeat
}

.ac_over {
    color: #fff;
    background-color: #f48024
}

@media print {
    * {
        position: relative
    }

.site-footer,#header,#hlinks,#hmenus,#nav,#sidebar,#tabs,#feed-link,.bounty-link,.comments-link,.notify,.post-comments,.post-menu,.top-bar,.tabs,div.vote,form,h2.bottom-notice,td.votecell {
        display: none
    }

.container,body {
        font-size: 10pt!important;
        overflow: visible!important;
        overflow-y: visible!important;
        height: auto
    }

.container {
        width: 710px
    }

#answers,#content,#mainbar,#question-header,.container,.post-text,.question {
        float: none !important;
        width: 100%;
        overflow: visible!important
    }

pre {
        max-height: none;
        display: block;
        width: 600px;
        height: auto;
        overflow-x: auto;
        white-space: pre-wrap;
        word-wrap: break-word;
        clear: both
    }

code,pre {
        font-size: 9pt!important
    }

#answers-header {
        clear: both;
        page-break-after: avoid
    }

.comments {
        font-size: 9pt;
        width: 650px
    }

#mainbar {
        margin: 0
    }

.post-text {
        width: 90%
    }

#content {
        width: auto;
        height: 100%;
        overflow: auto;
        overflow-x: auto;
        overflow-y: auto;
        border: none
    }

.answer {
        width: 700px;
        overflow-y: auto
    }
}

.comment-up-off,.comment-flag-off {
    color: var(--black-100);
    cursor: pointer
}

.comment-up-off:hover,.comment-up-on {
    color: #f48024;
    cursor: pointer
}

.comment-flag-on,.comment-flag:hover,.flag-on {
    color: var(--red-500)
}

.delete-tag {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    background-position: -40px -319px;
    cursor: pointer;
    margin-left: 3px;
    margin-top: -2px;
    margin-bottom: -1px
}

.delete-tag-active,.delete-tag:hover {
    background-position: -40px -340px
}

.badge-earned-check {
    width: 20px;
    display: inline-block;
    background-position: -20px -322px;
    height: 10px;
    position: relative;
    top: 1px
}

.vote-accepted-bounty,.vote-accepted-off,.vote-accepted-on {
    display: block;
    margin: 0 auto
}

.expander-arrow-hide {
    display: inline-block;
    width: 20px;
    height: 15px;
    background-position: 0 -380px
}

.expander-arrow-show {
    display: inline-block;
    width: 20px;
    height: 15px;
    background-position: -20px -380px
}

.expander-arrow-small-hide {
    display: inline-block;
    width: 8px;
    height: 13px;
    background-position: 0 -380px
}

.expander-arrow-small-show {
    display: inline-block;
    width: 13px;
    height: 8px;
    background-position: -20px -383px
}

.anonymous-gravatar {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: 0 -400px
}

.vcard {
    margin-top: 10px
}

.mod-flag-indicator {
    color: #fff;
    display: inline;
    padding: .2em .5em .25em !important;
    margin-right: 5px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px
}

.tag-popup {
    width: 340px;
    padding: 12px
}

.tag-popup .-container {
    position: relative;
    background-color: var(--white);
    border: 1px solid var(--black-200);
    border-radius: 5px;
    padding: 16px;
    font-size: 13px;
    box-shadow: var(--bs-md)
}

.tag-popup .-arrow {
    position: absolute;
    display: none;
    left: 50%
}

.tag-popup .-arrow:before {
    position: absolute;
    content: '';
    background: var(--white);
    border: 1px solid var(--black-200);
    border-bottom: none;
    border-right: none;
    top: -6px;
    left: -6px;
    width: 12px;
    height: 12px
}

.tag-popup .-arrow.-top {
    display: block;
    transform: rotate(45deg);
    top: -1px
}

.tag-popup .-arrow.-bottom {
    display: block;
    transform: rotate(225deg);
    bottom: -1px
}

body.theme-dark .tag-popup .-container {
    background-color: var(--black-075);
    border-color: transparent;
    box-shadow: var(--bs-lg)
}

body.theme-dark .tag-popup .-arrow:before {
    background: var(--black-075);
    border-color: transparent
}

@media (prefers-color-scheme:dark) {
    body.theme-system .tag-popup .-container {
        background-color: var(--black-075);
        border-color: transparent;
        box-shadow: var(--bs-lg)
    }

body.theme-system .tag-popup .-arrow:before {
        background: var(--black-075);
        border-color: transparent
    }
}

#user-menu {
    border-radius: 2px;
    border: 1px solid var(--black-800);
    background-color: var(--black-600);
    color: var(--black-075);
    text-align: left;
    padding: 10px;
    box-shadow: var(--bs-sm);
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    z-index: 320;
    position: relative;
    width: 300px;
    font-size: 11px;
    line-height: 1.2
}

#user-menu .um-gravatar {
    float: left;
    margin-right: .8em;
    margin-bottom: .75em
}

#user-menu .um-header-info .mod-flair,#user-menu .um-header-info .um-user-link {
    font-size: 18px;
    color: var(--black-075) !important
}

#user-menu .um-header-info .um-flair .badgecount,#user-menu .um-header-info .um-flair .reputation-score {
    color: var(--black-075)
}

#user-menu .um-about-me {
    clear: both;
    font-size: 11px;
    margin: 5px 0;
    overflow: hidden
}

#user-menu .um-links a {
    margin-right: 8px;
    font-size: 11px
}

#user-menu a,#user-menu a:visited {
    color: var(--powder-300);
    text-decoration: none
}

#user-menu a:hover {
    color: var(--powder-100)
}

.ask-mainbar,#mainbar.ask-mainbar {
    width: 665px
}

.ask-mainbar #excerpt,#mainbar.ask-mainbar #excerpt {
    box-sizing: border-box;
    width: 660px
}

td.post-cell {
    padding-left: 10px;
    vertical-align: top
}

td.answercell {
    vertical-align: top
}

.nowrap {
    white-space: nowrap
}

code {
    white-space: pre-wrap;
    padding: 1px 5px
}

pre code {
    white-space: inherit;
    padding: 0
}

.user-timeline-deleted-action {
    display: block;
    color: #6a737c;
    font-size: 11px
}

.expandable-question-summary {
    float: none
}

.expandable-question-summary:not(.is-expanded) {
    position: relative
}

.expandable-question-summary:not(.is-expanded) .expandable-question-summary__body {
    height: 100px;
    overflow: hidden;
    position: relative
}

.expandable-question-summary:not(.is-expanded) .expandable-question-summary__body:after {
    content: "";
    display: block;
    position: absolute;
    height: 50%;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: -webkit-linear-gradient(rgba(255,255,255,0), #fff) left repeat;
    background: linear-gradient(rgba(255,255,255,0), #fff) left repeat
}

.tag-sponsorship {
    height: 135px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 5px
}

.disabled-link {
    color: #848d95;
    opacity: .6;
    padding: 0 3px 2px
}

.disabled-button {
    opacity: .6;
    cursor: default !important
}

.show-votes .sidebar-linked .spacer,.show-votes .sidebar-related .spacer {
    margin-bottom: 12px;
    display: flex
}

.show-votes .sidebar-linked .spacer>a:first-child,.show-votes .sidebar-related .spacer>a:first-child {
    padding-right: 10px
}

.show-votes .sidebar-linked .spacer>a:first-child .answer-votes,.show-votes .sidebar-related .spacer>a:first-child .answer-votes {
    padding: 3px 0;
    white-space: nowrap;
    width: 38px;
    text-align: center;
    box-sizing: border-box;
    height: auto;
    float: none;
    border-radius: 2px;
    font-size: 90%;
    background-color: var(--black-050);
    color: var(--black-700);
    transform: translateY(-1px)
}

.show-votes .sidebar-linked .spacer>a:first-child .answer-votes.answered-accepted,.show-votes .sidebar-related .spacer>a:first-child .answer-votes.answered-accepted {
    color: #fff;
    background-color: var(--green-400)
}

.show-votes .sidebar-linked .spacer>a:first-child .answer-votes.extra-large,.show-votes .sidebar-related .spacer>a:first-child .answer-votes.extra-large,.show-votes .sidebar-linked .spacer>a:first-child .answer-votes.large,.show-votes .sidebar-related .spacer>a:first-child .answer-votes.large {
    padding: 3px 0;
    min-width: 16px
}

.show-votes .sidebar-linked .spacer>a.question-hyperlink,.show-votes .sidebar-related .spacer>a.question-hyperlink {
    display: inline-block;
    padding-top: 2px;
    width: calc(100% - 48px);
    margin-bottom: 0
}

.comments .deleted-comment,.comments .deleted-comment:hover {
    background-color: var(--red-050)
}

.comments .deleted-comment .deleted-comment-info {
    color: #B65454;
    display: block;
    text-align: right
}

.comments .deleted-comment .deleted-comment-info a {
    text-decoration: none;
    border-bottom: 0
}

.highlighted-post {
    animation: highlighted-post-fade 3s;
    animation-timing-function: ease-out
}

@keyframes highlighted-post-fade {
    0% {
        background-color: var(--yellow-100)
    }

100% {
        background-color: rgba(0,0,0,0)
    }
}

.deleted-answer {
    margin-left: -24px;
    padding-left: 24px;
    margin-top: -1px;
    width: auto !important;
    background-color: var(--red-050);
    border-top: 1px solid var(--red-100)
}

.deleted-answer pre,.deleted-answer pre code {
    background-color: inherit
}

.deleted-answer .hidden-deleted-answer a,.deleted-answer .hidden-deleted-question a {
    font-weight: bold;
    text-decoration: underline
}

.deleted-answer .comments .comment:hover {
    background-color: var(--red-050)
}

.deleted-answer .comments .deleted-comment,.deleted-answer .comments .deleted-comment:hover {
    background-color: var(--red-050)
}

.deleted-answer .comments .deleted-comment .undelete-comment,.deleted-answer .comments .deleted-comment:hover .undelete-comment {
    display: none
}

.deleted-answer-info {
    color: #B65454;
    margin-top: 10px;
    margin-left: 3px
}

.comment-date,.comment-date>a,.comment-date>a:hover {
    border-bottom: none;
    color: var(--black-350)
}

.existing-flag-count:before {
    content: '('
}

.existing-flag-count:after {
    content: ')'
}

.popup-submit {
    float: right
}

.popup-cancel {
    float: left
}

.popup-close {
    float: right
}

.popup-close a {
    padding: 3px 6px 2px;
    font-size: 16px;
    font-weight: normal;
    color: #fff !important;
    background-color: #0c0d0e;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1
}

.popup-close a:hover {
    text-decoration: none
}

#popup-close-question {
    width: 800px
}

#popup-close-question #close-question-form {
    overflow: hidden
}

#popup-close-question #close-question-form.close-question-voted label span {
    cursor: default !important
}

#popup-close-question #close-question-form.close-question-voted input[type=submit] {
    visibility: hidden
}

#popup-close-question .action-list>li {
    width: auto
}

#popup-close-question .popup-pane,#popup-close-question .popup-subpane {
    min-height: 430px
}

#popup-close-question .bounty-indicator-tab {
    margin-left: 3px
}

#popup-close-question .popup-actions {
    text-align: right;
    margin-bottom: 2px
}

#popup-close-question .popup-actions .last-flag-details {
    display: inline-block;
    line-height: 17px;
    text-align: left
}

#popup-close-question .popup-actions .popup-submit {
    float: none
}

.close-as-duplicate-pane .search-prompt {
    font-weight: bold
}

.close-as-duplicate-pane .search-errors {
    color: #990000;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    height: 13px;
    margin: 4px 0
}

.close-as-duplicate-pane .original-display {
    margin: 13px 0
}

.close-as-duplicate-pane .original-display .navi-container {
    font-weight: bold;
    color: #2f3337;
    margin-bottom: 7px
}

.close-as-duplicate-pane .original-display .navi-container .navi {
    display: inline-block;
    margin-right: 5px
}

.close-as-duplicate-pane .original-display .preview {
    height: 310px;
    overflow-y: auto;
    border: 1px solid #9fa6ad;
    padding: 7px 0
}

.close-as-duplicate-pane .original-display .preview .show-original .show-title {
    font-size: 16px;
    margin: 3px 0 10px
}

.close-as-duplicate-pane .original-display .preview .show-original .answer-count {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid var(--black-300);
    padding: 5px;
    margin: 0 3px 0 5px
}

.close-as-duplicate-pane .original-display .preview .show-original .answer {
    border-bottom-color: var(--black-150)
}

.close-as-duplicate-pane .original-display .list-originals {
    height: 310px;
    overflow-y: auto;
    border: 1px solid #9fa6ad;
    padding: 7px 0
}

.close-as-duplicate-pane .original-display .list-originals .list {
    padding: 0 8px
}

.close-as-duplicate-pane .original-display .list-originals .list .item {
    float: left;
    padding: 9px 5px 9px 0;
    border-bottom: 1px solid var(--black-100);
    cursor: pointer
}

.close-as-duplicate-pane .original-display .list-originals .list .item:last-child {
    border-bottom: 0
}

.close-as-duplicate-pane .original-display .list-originals .list .item .stats {
    float: left;
    margin: 0 10px 0 0;
    background: #eff0f1;
    padding: 4px 7px 6px;
    width: 58px
}

.close-as-duplicate-pane .original-display .list-originals .list .item .summary {
    width: 605px;
    float: left
}

.close-as-duplicate-pane .original-display .list-originals .list .item .post-link {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px
}

.close-as-duplicate-pane .original-display .list-originals .list .item .post-link a:hover {
    text-decoration: none !important;
    border-bottom: 0
}

.close-as-duplicate-pane .original-display .list-originals .list .item .bounty-indicator-tab {
    margin-left: 3px
}

.close-as-duplicate-pane .original-display .list-originals .list .item .post-type-abbr {
    font-weight: bold
}

.close-as-duplicate-pane .original-display .list-originals .list .item .votes-and-usages {
    color: #9199a1
}

.close-as-duplicate-pane .original-display .list-originals .list .item .body-summary {
    line-height: 15px;
    color: #2f3337
}

.close-as-duplicate-pane .original-display .list-originals .list .item.hover {
    background-color: var(--black-075)
}

.close-as-duplicate-pane .original-display .list-originals .list .item.hover .stats {
    background-color: var(--black-075)
}

.migration-pane .migration-targets td {
    vertical-align: middle
}

.migration-pane .migration-targets .target-icon {
    min-width: 58px;
    min-height: 58px
}

.migration-pane .migration-targets .target-icon img {
    width: 58px;
    height: 58px
}

.popup-tab-content {
    clear: both
}

.action-list:not(.popup-condensed) {
    margin-left: 5px !important;
    margin-right: 5px;
    margin-bottom: 10px !important
}

.action-list:not(.popup-condensed)>li {
    width: 650px;
    max-width: 100%
}

.action-list:not(.popup-condensed) li {
    list-style-type: none;
    padding: 6px
}

.action-list:not(.popup-condensed) li>label {
    display: block;
    margin: 5px 0
}

.popup._hidden-descriptions .action-list:not(.popup-condensed) li>label {
    margin: 0
}

.action-list:not(.popup-condensed) input[type=radio] {
    margin-right: 1px;
    margin-top: 1px
}

.action-list:not(.popup-condensed) .action-desc,.action-list:not(.popup-condensed) .action-name {
    cursor: pointer;
    margin-left: 5px
}

.action-list:not(.popup-condensed) .action-disabled-reason-muted {
    color: var(--black-500);
    margin-left: 18px
}

.action-list:not(.popup-condensed) .action-name {
    font-weight: bold;
    font-size: 105%;
    vertical-align: top
}

.action-list:not(.popup-condensed) .action-desc {
    display: block;
    color: var(--black-500);
    line-height: 115%;
    padding: 0 0 0 18px;
    margin-top: -17px
}

.action-list:not(.popup-condensed) .action-desc p:last-child {
    margin-bottom: 0
}

.action-list:not(.popup-condensed) .action-subform p:last-child {
    margin-bottom: 1em
}

.action-list:not(.popup-condensed) .action-name~.action-desc {
    padding-top: 23px
}

.action-list:not(.popup-condensed) .action-disabled span {
    color: var(--black-350);
    font-weight: normal;
    cursor: default !important
}

.action-list:not(.popup-condensed) .action-selected {
    background-color: var(--black-075)
}

.action-list:not(.popup-condensed) .action-subform {
    display: none;
    margin: 15px auto;
    width: 535px;
    max-width: 100%
}

.action-list:not(.popup-condensed) .action-subform .wide {
    width: 400px
}

.action-list:not(.popup-condensed) h4 {
    margin-bottom: 5px
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) .responsively-horizontally-centered-legacy-popup {
        width:800px;
        max-width: 90vw !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav .responsively-horizontally-centered-legacy-popup {
        width:800px;
        max-width: 90vw !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto
    }
}

@media print {
    .responsively-horizontally-centered-legacy-popup {
        width: 800px;
        max-width: 90vw !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto
    }
}

.special-status {
    padding-bottom: 10px
}

.wide-tag-col {
    width: 230px
}

#tags-table .answer-votes {
    margin-right: 5px;
    width: 25px;
    margin-top: 2px;
    display: inline-block;
    float: none
}

#tags-browser {
    width: 100%
}

#overlay-header {
    opacity: 0;
    display: none;
    background: var(--black-050);
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    left: 0;
    padding: .5em 10%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5052;
    box-shadow: var(--bs-sm)
}

#overlay-header .close-overlay {
    color: var(--black-350);
    cursor: pointer;
    font-size: 12px;
    font-weight: normal
}

.mod-post-actions {
    padding: 2px;
    line-height: 20px
}

.bounty-indicator-tab.flagbg {
    background-color: red !important
}

.timeline-answers {
    color: var(--black-600)
}

.answer-votes {
    cursor: pointer
}

.answer-votes.large {
    font-size: 90%;
    padding-top: 4px;
    padding-bottom: 2px
}

.answer-votes.extra-large {
    font-size: 90%;
    padding-top: 4px;
    padding-bottom: 2px;
    min-width: 32px
}

.quality-score {
    font-size: 80%;
    margin-right: 10px
}

table.full-diff td {
    border: none;
    vertical-align: top
}

.revision-comment.blur {
    color: #9199a1
}

.revision-comment {
    line-height: 20px
}

.suggested-edit {
    width: 960px
}

.suggested-edit .summary {
    width: 910px
}

.suggested-edit .score {
    display: block;
    background: #eff0f1;
    padding: 8px 8px 6px;
    color: #535a60;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 30px;
    text-decoration: none;
    text-align: center;
    width: 15px
}

.suggested-edit .revision {
    display: block;
    margin-bottom: 8px
}

.suggested-edit .revision-comment {
    padding-right: 8px
}

.suggested-edit .diff-choices {
    margin-top: 0;
    margin-bottom: 20px
}

.suggested-edit .body-diffs {
    margin-top: 18px
}

.suggested-edit .body-diffs td {
    vertical-align: top
}

.suggested-edit .body-diffs table {
    table-layout: fixed;
    width: 900px
}

.suggested-edit .body-diffs .full-diff .content {
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
    font-size: 12px
}

.suggested-edit .body-diffs .full-diff td {
    margin-right: 5px;
    border-left: 4px solid var(--white);
    border-right: 4px solid var(--white)
}

.suggested-edit .body-diffs .full-diff td.content {
    width: 435px;
    max-width: 435px;
    word-wrap: break-word;
    white-space: pre-wrap;
    color: var(--black-350)
}

.suggested-edit .body-diffs .full-diff .deleted>div {
    background-color: var(--red-050)
}

.suggested-edit .body-diffs .full-diff .inserted>div {
    background-color: var(--green-025)
}

.suggested-edit .body-diffs .full-diff td.content.deleted,.suggested-edit .body-diffs .full-diff td.content.inserted {
    background-color: transparent;
    color: inherit
}

.suggested-edit .body-diffs .full-diff .skip {
    text-align: center;
    padding: 10px;
    background-color: var(--black-050);
    color: var(--black-300);
    border-top: 4px solid var(--white);
    border-bottom: 4px solid var(--white)
}

.suggested-edit .body-diffs .full-html-diff .post-text {
    width: 435px;
    max-width: 435px;
    word-wrap: break-word
}

.suggested-edit .body-diffs .full-html-diff .post-text img {
    max-width: 430px
}

.suggested-edit .body-diffs .full-html-diff .gutter {
    width: 30px;
    max-width: 30px
}

.suggested-edit .body-diffs .full-html-diff th {
    color: var(--black-350);
    padding: 6px 0 4px
}

.suggested-edit .user-info-actions {
    width: 900px
}

.suggested-edit .user-info-actions .started {
    float: none !important
}

.suggested-edit .user-info-actions .current-owner {
    width: 445px
}

.suggested-edit .user-info-actions .gutter {
    width: 7px
}

.suggested-edit .user-info-actions .actions {
    text-align: right
}

.suggested-edit .user-info-actions .form-error {
    padding: 15px 0 5px;
    display: none
}

.popup-suggested-edit {
    padding-top: 5px
}

.popup-suggested-edit .popup-controls {
    text-align: right
}

.popup-suggested-edit .handle {
    display: inline-block;
    width: 965px;
    height: 20px
}

.popup-suggested-edit .popup-close {
    float: none;
    display: inline-block
}

.popup-suggested-edit .suggested-edit-container {
    overflow: auto;
    width: 990px
}

.lightbox {
    display: none;
    background: #0c0d0e;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    z-index: 8950
}

.lightbox-panel {
    display: none;
    z-index: 1001;
    border: 0 !important
}

.comment-help {
    background-color: #FEFAE2;
    border: 1px solid #F3EED5
}

.comment-help {
    margin-top: 5px;
    padding: 5px;
    max-width: 465px
}

.comment-help p:last-child {
    margin-bottom: 0
}

.comment-help {
    color: #0c0d0e
}

table.flagged-posts tr.messageDivider>td {
    border-top: 1px solid #9fa6ad;
    padding: 10px 5px
}

table.flagged-posts tr.messageDivider>td>div>div,table.flagged-posts tr.messageDivider>td>div>div>div,table.flagged-posts tr.messageDivider>td>div {
    padding-top: 0;
    padding-bottom: 3px
}

table.flagged-posts tr.messageDivider>td div.mod-audit-user-info {
    padding: 3px
}

table.flagged-posts .delete-options>input:hover {
    cursor: pointer
}

table.flagged-posts .mod-message td {
    padding: 4px 5px
}

table.flagged-posts .mod-message .post-list li {
    list-style: none
}

table.flagged-posts .messageDivider>.tagged-ignored:hover {
    opacity: 1
}

table.flagged-posts tr.loaded-body>td {
    border-top: 1px dotted #9fa6ad
}

table.flagged-posts .comments .flagcell {
    width: 28px;
    text-align: center
}

table.flagged-posts .comments tr.message-divider>td {
    padding-top: 4px
}

table.flagged-posts .comments .bounty-indicator-tab {
    margin-right: 0
}

table.flagged-posts .comments .comment-score span {
    padding-right: 0
}

table.flagged-posts tr.loaded-body>td:empty,table.flagged-posts tr.messageDivider:first-child>td {
    border-top: 0 none transparent
}

table.flagged-posts .answer-summary {
    padding-left: 0
}

table.flagged-posts .answer-link {
    margin-top: 0;
    padding-left: 0
}

table.flagged-posts .bounty-indicator-tab {
    line-height: 17px;
    margin-left: 0
}

table.flagged-posts td.messageTime {
    width: 100px
}

table.flagged-posts .relativetime {
    color: #848d95;
    font-weight: normal
}

table.flagged-posts .relativetime.old {
    color: #0c0d0e
}

table.flagged-posts .flag-issue {
    vertical-align: top
}

table.flagged-posts td.flag-issue {
    padding-left: 0
}

table.flagged-posts div.flag-issue {
    text-align: left
}

table.flagged-posts .popup {
    background: #fff
}

table.flagged-posts .post-text {
    width: auto
}

table.flagged-posts div.post-header .answer-link {
    width: auto
}

table.flagged-posts .answer-votes.default,table.flagged-posts .answer-votes.large {
    padding-bottom: 3px;
    padding-top: 2px
}

table.flagged-posts .fullhide {
    display: none
}

table.flagged-posts .delete-options {
    float: right;
    padding-right: 10px
}

table.flagged-posts .dismiss-options {
    float: left
}

table.flagged-posts .dismiss-options,table.flagged-posts .post-options {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

table.flagged-posts .spacer {
    clear: left
}

table.flagged-posts .answer,table.flagged-posts .question-summary {
    border-bottom: none;
    width: auto
}

table.flagged-posts .mod-audit {
    width: 193px;
    padding-left: 8px
}

table.flagged-posts .mod-audit .mod-post-actions {
    display: inline-block
}

table.flagged-posts .mod-post-actions {
    background-color: Maroon;
    color: #fff
}

table.flagged-posts .mod-message {
    line-height: 17px
}

table.flagged-posts .mod-message,table.flagged-posts .mod-post-header,table.flagged-posts div.post-header,table.flagged-posts div.post-summary {
    word-wrap: break-word
}

table.flagged-posts .mod-post-header {
    margin: 0;
    padding: 0 0 8px;
    width: 100%
}

table.flagged-posts .mod-post-header .post-detail,table.flagged-posts .mod-post-header .post-header,table.flagged-posts .mod-post-header .post-summary {
    max-width: 715px
}

table.flagged-posts .post-text pre {
    width: 650px
}

table.flagged-posts .post-summary-body {
    width: 500px;
    line-height: 16px;
    word-wrap: break-word
}

div.form-field-error.form-error {
    font-size: 12px;
    display: block;
    margin-top: -15px
}

#hot-network-questions h4 a {
    font-weight: inherit;
    font-size: inherit;
    width: inherit
}

#hot-network-questions ul {
    margin: 0
}

#hot-network-questions li {
    list-style-type: none;
    white-space: nowrap;
    margin-bottom: 10px;
    margin-left: 0
}

#hot-network-questions .favicon,#hot-network-questions a,#hot-network-questions img {
    display: inline-block;
    vertical-align: top
}

#hot-network-questions .favicon,#hot-network-questions img {
    margin: 2px 6px 0 0
}

#hot-network-questions a {
    font-weight: normal;
    font-size: 12px;
    white-space: normal;
    width: 90%
}

#hot-network-questions .show-more {
    margin-left: 22px
}

.questions-page .show-more,.tagged-questions-page .show-more,.tags-page .show-more {
    display: block;
    margin: 5px 0
}

.more-arrow {
    display: block;
    margin-top: 5px
}

.tag-editor {
    cursor: text;
    background-color: var(--white);
    position: relative;
    overflow: hidden;
    white-space: normal;
    height: auto !important;
    min-height: 37px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.tag-editor .rendered-element {
    margin: 2px;
    font-size: 12px
}

.tag-editor input {
    border: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 0 3px;
    background-color: transparent !important;
    height: 25px
}

.tag-editor input[type="text"] {
    margin: 0;
    height: 29px;
    box-sizing: content-box
}

.tag-editor input[type="text"]:not([placeholder=""]) {
    min-width: 100%;
    font-size: 13px
}

.tag-editor:not(.s-input) {
    border: 1px solid var(--black-150)
}

.tag-editor:not(.s-input) span:not(:empty)+input {
    padding-left: 4px !important
}

.tag-editor.s-input {
    padding-left: 2px !important
}

.tag-editor.s-input input {
    padding-left: calc(.7em - 2px) !important
}

.tag-editor.s-input span:not(:empty)+input {
    padding-left: 4px !important
}

#tagnames {
    width: 100%
}

.tag-suggestions {
    background-color: var(--white);
    border: 1px solid var(--black-150);
    padding: 4px;
    z-index: 300;
    border-radius: 5px;
    box-shadow: var(--bs-md);
    display: flex;
    flex-wrap: wrap
}

.tag-suggestions>div {
    padding: 8px;
    width: 200px;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    cursor: pointer
}

.tag-suggestions>div:focus {
    background-color: var(--black-075)
}

.tag-suggestions>div:focus .more-info {
    background-color: var(--black-075)
}

.tag-suggestions>div:hover {
    background-color: var(--black-050)
}

.tag-suggestions>div:hover .more-info {
    background-color: var(--black-050)
}

.tag-suggestions>div p {
    font-size: 11px;
    line-height: 1.15384615
}

.tag-suggestions>div p.more-info {
    visibility: hidden;
    position: absolute;
    margin-bottom: 0;
    right: 5px;
    top: 7px;
    padding: 3px
}

.tag-suggestions>div p.more-info a {
    text-indent: -9999em;
    width: 16px;
    height: 16px;
    border: 1px solid #848d95;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    transition: none
}

.tag-suggestions>div p.more-info a:after,.tag-suggestions>div p.more-info a:before {
    content: '';
    width: 2px;
    height: 2px;
    position: absolute;
    left: 6px;
    top: 3px;
    display: inline-block;
    background-color: #848d95
}

.tag-suggestions>div p.more-info a:after {
    top: 6px;
    height: 5px
}

.tag-suggestions>div p.more-info a:hover {
    border-color: var(--blue-600)
}

.tag-suggestions>div p.more-info a:hover:after,.tag-suggestions>div p.more-info a:hover:before {
    background-color: var(--blue-600)
}

.tag-suggestions>div:focus p.more-info,.tag-suggestions>div:hover p.more-info {
    visibility: visible
}

.tag-suggestions .match {
    font-weight: bold;
    text-decoration: underline
}

.search-prompt {
    padding-right: 3px
}

.tools-rev-dim-link {
    color: #9fa6ad !important
}

.tools-rev h1 .lsep {
    color: #d6d9dc;
    visibility: visible;
    font-size: 100%;
    margin-left: 5px;
    margin-right: 5px
}

.diff-skipped>div {
    border-bottom: 2px dotted #d0d0d0
}

.diff-skipped {
    padding: 4px 0 8px;
    cursor: pointer
}

a.bounty-link {
    padding: 0 3px 2px
}

.comment-form form {
    position: relative
}

#tabcomplete {
    position: absolute;
    top: -17px;
    margin-left: 5px
}

#tabcomplete li {
    display: inline;
    background-color: #fff;
    color: #0c0d0e;
    padding: 2px;
    margin-right: 5px;
    border: 1px solid #848d95;
    cursor: pointer
}

#tabcomplete li.chosen {
    font-weight: bold
}

.comments {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

span.highlight {
    background-color: #FFFF77
}

textarea {
    resize: none
}

.new-post-activity,.new-answer-activity {
    background-color: var(--black-050)
}

.post-section-title {
    font-weight: bold;
    font-size: 120%
}

.ask-advice-search-container .search-title {
    width: 85%
}

.similar-questions {
    height: 200px
}

.title-search-float {
    border: 1px solid #0c0d0e;
    z-index: 99;
    background: #fff
}

.title-search-container {
    max-height: 150px;
    overflow-y: scroll;
    overflow-x: hidden
}

.title-float-selected {
    background-color: #00FFFF;
    height: 24px
}

.title-loading {
    background-image: url("../../Img/progress-dots.gif?v=679ddd617b7d");
    background-repeat: no-repeat;
    background-position: center right
}

#show-editor-button {
    margin-bottom: 8px
}

.ask-page .privacy-policy-agreement,.question-page .privacy-policy-agreement {
    margin-top: 15px
}

.newsletter-popup .privacy-policy-agreement {
    margin-top: 15px;
    font-size: 90%
}

.privacy-policy-agreement {
    font-style: italic
}

body.read-only .login-link {
    opacity: .3
}

body.read-only #question-header .btn,body.read-only #questions-count .btn,body.read-only .askquestion {
    opacity: .3
}

body.read-only .bookmark-off,body.read-only .vote-down-off,body.read-only .vote-up-off {
    opacity: .3;
    cursor: not-allowed
}

.text-description {
    color: #6a737c;
    font-size: 13px
}

.review-post-author-guidance {
    background: var(--black-050);
    border: var(--black-075);
    padding: 10px
}

.review-post-author-guidance p:last-child {
    margin-bottom: 0
}

.facebook-login,.facebook-login:hover {
    color: #fff;
    background-color: #395697
}

.auth-shadow {
    box-shadow: 0 10px 25px rgba(0,0,0,0.05),0 20px 48px rgba(0,0,0,0.05),0 1px 4px rgba(0,0,0,0.1)
}

.module {
    word-wrap: break-word
}

.module p.took-ms {
    font-size: .9em
}

.module p.side-desc {
    margin-bottom: .1em
}

#tag-suggestions {
    min-height: 30px;
    margin-bottom: 10px
}

#tag-suggestions .post-tag {
    margin-right: 6px
}

#tag-suggestions span.post-tag {
    opacity: .5
}

.general-error {
    color: #c04848;
    font-weight: bold;
    margin-bottom: 10px
}

.general-success {
    color: #44B449;
    font-weight: bold;
    margin-bottom: 10px
}

.validation-error {
    border-color: #C04848 !important
}

.val-message {
    margin: 24px auto;
    padding: 32px;
    width: 100%;
    max-width: 640px;
    border: 1px solid transparent;
    color: #242729;
    text-align: center
}

.val-message p {
    margin-bottom: .5em;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 15px;
    line-height: 1.26666667
}

.val-message p:last-of-type {
    margin-bottom: 0
}

.val-message .val--title {
    margin-bottom: .57em;
    font-size: 21px;
    line-height: 1.26666667
}

.val-message .val--icon {
    width: 36px;
    height: 36px;
    color: #48a868
}

.val-textemphasis {
    font-weight: 700;
    margin-top: 12px
}

.val-success {
    background-color: #eef8f1;
    border-color: #82ca9a
}

.val-success .val--title {
    color: #48a868
}

.val-error {
    background-color: #fdf3f4;
    border-color: #de535e
}

.val-info {
    background-color: #fdf7e3;
    border-color: #ddb624
}

.message.message-error {
    z-index: 3000;
    display: none;
    color: var(--red-050);
    background-color: var(--red-600);
    text-align: left;
    width: auto;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.26666667
}

.message.message-error.message-dismissable {
    cursor: pointer
}

.message.message-error a:not(.badge-tag):not(.button):not(.btn):not(.post-tag):not(.s-btn) {
    color: var(--white);
    text-decoration: underline
}

.message.message-error ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-error ul li {
    margin: 0 0 5px;
    padding: 0
}

.message.message-error ul li:last-child {
    margin-bottom: 0
}

.message.message-error code {
    background: transparent
}

.message.message-error .message-inner {
    position: relative
}

.message.message-error .message-tip:before {
    content: "";
    position: absolute;
    border-width: 9px;
    border-style: solid;
    border-color: transparent
}

.message.message-error .message-tip-top-center:before {
    top: -9px;
    left: 50%;
    border-top-width: 0;
    border-bottom-color: var(--red-600)
}

.message.message-error .message-tip-left-top:before {
    top: 0;
    left: -9px;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-color: var(--red-600)
}

.message.message-error .message-tip-top-left:before {
    top: -9px;
    left: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--red-600)
}

.message.message-error .message-tip-left-bottom:before {
    bottom: 0;
    left: -9px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-color: var(--red-600)
}

.message.message-error .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-color: var(--red-600)
}

.message.message-error .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-color: var(--red-600)
}

.message.message-error .message-tip-top-right:before {
    top: -9px;
    right: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-color: var(--red-600)
}

.message.message-error .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--red-600)
}

.message.message-error .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-color: var(--red-600)
}

.message.message-error .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-bottom-width: 0;
    border-top-color: var(--red-600)
}

.message.message-error .message-text {
    padding: 12px
}

.message.message-error .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 8px;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background-color: transparent;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--white) !important;
    transition: all 600ms cubic-bezier(.165, .84, .44, 1)
}

.message.message-error .message-close:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--red-600) !important
}

.message.message-error .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.message-info {
    z-index: 3000;
    display: none;
    color: var(--blue-050);
    background-color: var(--blue-600);
    text-align: left;
    width: auto;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.26666667
}

.message.message-info.message-dismissable {
    cursor: pointer
}

.message.message-info a:not(.badge-tag):not(.button):not(.btn):not(.post-tag):not(.s-btn) {
    color: var(--white);
    text-decoration: underline
}

.message.message-info ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-info ul li {
    margin: 0 0 5px;
    padding: 0
}

.message.message-info ul li:last-child {
    margin-bottom: 0
}

.message.message-info code {
    background: transparent
}

.message.message-info .message-inner {
    position: relative
}

.message.message-info .message-tip:before {
    content: "";
    position: absolute;
    border-width: 9px;
    border-style: solid;
    border-color: transparent
}

.message.message-info .message-tip-top-center:before {
    top: -9px;
    left: 50%;
    border-top-width: 0;
    border-bottom-color: var(--blue-600)
}

.message.message-info .message-tip-left-top:before {
    top: 0;
    left: -9px;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-color: var(--blue-600)
}

.message.message-info .message-tip-top-left:before {
    top: -9px;
    left: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--blue-600)
}

.message.message-info .message-tip-left-bottom:before {
    bottom: 0;
    left: -9px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-color: var(--blue-600)
}

.message.message-info .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-color: var(--blue-600)
}

.message.message-info .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-color: var(--blue-600)
}

.message.message-info .message-tip-top-right:before {
    top: -9px;
    right: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-color: var(--blue-600)
}

.message.message-info .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--blue-600)
}

.message.message-info .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-color: var(--blue-600)
}

.message.message-info .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-bottom-width: 0;
    border-top-color: var(--blue-600)
}

.message.message-info .message-text {
    padding: 12px
}

.message.message-info .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 8px;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background-color: transparent;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--white) !important;
    transition: all 600ms cubic-bezier(.165, .84, .44, 1)
}

.message.message-info .message-close:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--blue-600) !important
}

.message.message-info .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.message-warning {
    z-index: 3000;
    display: none;
    color: var(--yellow-900);
    background-color: var(--yellow-300);
    text-align: left;
    width: auto;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.26666667
}

.message.message-warning.message-dismissable {
    cursor: pointer
}

.message.message-warning a:not(.badge-tag):not(.button):not(.btn):not(.post-tag):not(.s-btn) {
    color: var(--blue-600);
    text-decoration: underline
}

.message.message-warning ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-warning ul li {
    margin: 0 0 5px;
    padding: 0
}

.message.message-warning ul li:last-child {
    margin-bottom: 0
}

.message.message-warning code {
    background: transparent
}

.message.message-warning .message-inner {
    position: relative
}

.message.message-warning .message-tip:before {
    content: "";
    position: absolute;
    border-width: 9px;
    border-style: solid;
    border-color: transparent
}

.message.message-warning .message-tip-top-center:before {
    top: -9px;
    left: 50%;
    border-top-width: 0;
    border-bottom-color: var(--yellow-300)
}

.message.message-warning .message-tip-left-top:before {
    top: 0;
    left: -9px;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-color: var(--yellow-300)
}

.message.message-warning .message-tip-top-left:before {
    top: -9px;
    left: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--yellow-300)
}

.message.message-warning .message-tip-left-bottom:before {
    bottom: 0;
    left: -9px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-color: var(--yellow-300)
}

.message.message-warning .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-color: var(--yellow-300)
}

.message.message-warning .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-color: var(--yellow-300)
}

.message.message-warning .message-tip-top-right:before {
    top: -9px;
    right: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-color: var(--yellow-300)
}

.message.message-warning .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--yellow-300)
}

.message.message-warning .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-color: var(--yellow-300)
}

.message.message-warning .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-bottom-width: 0;
    border-top-color: var(--yellow-300)
}

.message.message-warning .message-text {
    padding: 12px
}

.message.message-warning .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 8px;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background-color: transparent;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--blue-600) !important;
    transition: all 600ms cubic-bezier(.165, .84, .44, 1)
}

.message.message-warning .message-close:hover {
    background-color: var(--blue-600);
    border-color: var(--blue-600);
    color: var(--yellow-300) !important
}

.message.message-warning .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.message-config,.message.message-info.contributor-dropdown {
    z-index: 3000;
    display: none;
    color: var(--black-600);
    background-color: var(--white);
    text-align: left;
    width: auto;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.26666667
}

.message.message-config.message-dismissable,.message.message-info.contributor-dropdown.message-dismissable {
    cursor: pointer
}

.message.message-config a:not(.badge-tag):not(.button):not(.btn):not(.post-tag):not(.s-btn),.message.message-info.contributor-dropdown a:not(.badge-tag):not(.button):not(.btn):not(.post-tag):not(.s-btn) {
    color: var(--black-800);
    text-decoration: underline
}

.message.message-config ul,.message.message-info.contributor-dropdown ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-config ul li,.message.message-info.contributor-dropdown ul li {
    margin: 0 0 5px;
    padding: 0
}

.message.message-config ul li:last-child,.message.message-info.contributor-dropdown ul li:last-child {
    margin-bottom: 0
}

.message.message-config code,.message.message-info.contributor-dropdown code {
    background: transparent
}

.message.message-config .message-inner,.message.message-info.contributor-dropdown .message-inner {
    position: relative
}

.message.message-config .message-tip:before,.message.message-info.contributor-dropdown .message-tip:before {
    content: "";
    position: absolute;
    border-width: 9px;
    border-style: solid;
    border-color: transparent
}

.message.message-config .message-tip-top-center:before,.message.message-info.contributor-dropdown .message-tip-top-center:before {
    top: -9px;
    left: 50%;
    border-top-width: 0;
    border-bottom-color: var(--white)
}

.message.message-config .message-tip-left-top:before,.message.message-info.contributor-dropdown .message-tip-left-top:before {
    top: 0;
    left: -9px;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-color: var(--white)
}

.message.message-config .message-tip-top-left:before,.message.message-info.contributor-dropdown .message-tip-top-left:before {
    top: -9px;
    left: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--white)
}

.message.message-config .message-tip-left-bottom:before,.message.message-info.contributor-dropdown .message-tip-left-bottom:before {
    bottom: 0;
    left: -9px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-color: var(--white)
}

.message.message-config .message-tip-bottom-left:before,.message.message-info.contributor-dropdown .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-color: var(--white)
}

.message.message-config .message-tip-right-top:before,.message.message-info.contributor-dropdown .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-color: var(--white)
}

.message.message-config .message-tip-top-right:before,.message.message-info.contributor-dropdown .message-tip-top-right:before {
    top: -9px;
    right: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-color: var(--white)
}

.message.message-config .message-tip-right-bottom:before,.message.message-info.contributor-dropdown .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--white)
}

.message.message-config .message-tip-bottom-right:before,.message.message-info.contributor-dropdown .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-color: var(--white)
}

.message.message-config .message-tip-bottom-center:before,.message.message-info.contributor-dropdown .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-bottom-width: 0;
    border-top-color: var(--white)
}

.message.message-config .message-text,.message.message-info.contributor-dropdown .message-text {
    padding: 12px
}

.message.message-config .message-close,.message.message-info.contributor-dropdown .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 8px;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background-color: transparent;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--black-800) !important;
    transition: all 600ms cubic-bezier(.165, .84, .44, 1)
}

.message.message-config .message-close:hover,.message.message-info.contributor-dropdown .message-close:hover {
    background-color: var(--black-800);
    border-color: var(--black-800);
    color: var(--white) !important
}

.message.message-config .popup-title-award,.message.message-info.contributor-dropdown .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.message-config .message-close,.message.message-info.contributor-dropdown .message-close {
    margin-top: 2px;
    margin-right: 2px
}

.message.message-success {
    z-index: 3000;
    display: none;
    color: var(--green-025);
    background-color: var(--green-500);
    text-align: left;
    width: auto;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 13px;
    line-height: 1.26666667
}

.message.message-success.message-dismissable {
    cursor: pointer
}

.message.message-success a:not(.badge-tag):not(.button):not(.btn):not(.post-tag):not(.s-btn) {
    color: var(--white);
    text-decoration: underline
}

.message.message-success ul {
    margin: 0 0 0 15px;
    padding: 0
}

.message.message-success ul li {
    margin: 0 0 5px;
    padding: 0
}

.message.message-success ul li:last-child {
    margin-bottom: 0
}

.message.message-success code {
    background: transparent
}

.message.message-success .message-inner {
    position: relative
}

.message.message-success .message-tip:before {
    content: "";
    position: absolute;
    border-width: 9px;
    border-style: solid;
    border-color: transparent
}

.message.message-success .message-tip-top-center:before {
    top: -9px;
    left: 50%;
    border-top-width: 0;
    border-bottom-color: var(--green-500)
}

.message.message-success .message-tip-left-top:before {
    top: 0;
    left: -9px;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-color: var(--green-500)
}

.message.message-success .message-tip-top-left:before {
    top: -9px;
    left: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--green-500)
}

.message.message-success .message-tip-left-bottom:before {
    bottom: 0;
    left: -9px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-color: var(--green-500)
}

.message.message-success .message-tip-bottom-left:before {
    top: 100%;
    left: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-color: var(--green-500)
}

.message.message-success .message-tip-right-top:before {
    top: 0;
    left: 100%;
    border-bottom-width: 0;
    border-left-width: 0;
    border-top-color: var(--green-500)
}

.message.message-success .message-tip-top-right:before {
    top: -9px;
    right: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-color: var(--green-500)
}

.message.message-success .message-tip-right-bottom:before {
    bottom: 0;
    left: 100%;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--green-500)
}

.message.message-success .message-tip-bottom-right:before {
    top: 100%;
    right: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-top-color: var(--green-500)
}

.message.message-success .message-tip-bottom-center:before {
    top: 100%;
    left: 50%;
    border-bottom-width: 0;
    border-top-color: var(--green-500)
}

.message.message-success .message-text {
    padding: 12px
}

.message.message-success .message-close {
    box-sizing: border-box;
    float: right;
    margin-top: 8px;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background-color: transparent;
    text-align: center;
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--white) !important;
    transition: all 600ms cubic-bezier(.165, .84, .44, 1)
}

.message.message-success .message-close:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--green-500) !important
}

.message.message-success .popup-title-award {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.message.toast {
    position: fixed;
    top: 20px;
    right: 30px;
    z-index: 5051
}

.anon-vote-popup {
    width: 275px;
    min-height: 315px;
    text-align: left;
    line-height: 115%
}

.anon-vote-popup .anon-vote-left,.anon-vote-popup .anon-vote-right {
    float: left;
    width: 310px
}

.anon-vote-popup .anon-vote-left {
    margin-right: 30px;
    border-right: 1px solid var(--black-150);
    min-height: 230px
}

.anon-vote-popup .anon-vote-left .huge-button {
    width: 50%;
    padding: 7% 0;
    text-align: center;
    margin-bottom: 25px
}

.anon-vote-popup.anon-vote-newsletter {
    width: 655px
}

.anon-vote-popup .anon-vote-blurb {
    min-height: 70px
}

.anon-vote-popup .anon-newsletter-email {
    width: 200px
}

#newsletter-ad ul {
    margin: 1em 0 1em 1.5em
}

#newsletter-ad ul li {
    margin-bottom: 5px
}

#newsletter-email-input {
    width: 200px
}

.post-text h1,.post-text h2,.post-text h3,.post-text h4,.post-text h5,.post-text h6 {
    word-wrap: break-word
}

#custom-header {
    display: none
}

.recently-deleted {
    padding-top: 10px
}

.privilege-icon {
    display: inline-block;
    width: 20px;
    height: 16px;
    background-image: url('../../Img/share-sprite-new.png?v=e1b8bd67bc12');
    background-image: url('../../Img/share-sprite-new.svg?v=0e11bfd41fbc'),none;
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden;
    text-indent: -999em;
    outline: none;
    background-position-x: 50px;
    margin-bottom: -3px;
    margin-right: 6px
}

.privilege-icon.icon-milestone {
    background-position: -60px 0
}

.privilege-icon.icon-moderation {
    background-position: -80px 0
}

.privilege-icon.icon-communication {
    background-position: -100px 0
}

.privilege-icon.icon-creation {
    background-position: -120px 0
}

.privilege-icon.icon-documentation {
    background-position: -140px 0
}

a.mathjax {
    width: 115px;
    height: 55px;
    background-image: url("../../Img/share-sprite.png?v=0734e5a54af0");
    background-position: -190px 5px
}

.review-audit-subtabs {
    width: 400px
}

.tools-index-subtabs {
    width: 600px
}

.info-box {
    margin-top: 1em;
    padding: .5em;
    font-size: 14px;
    text-align: center
}

.info-box p {
    margin-bottom: .5em
}

.migrated.to {
    width: 48px;
    height: 48px;
    background-image: url('../../Img/fatarrows.png?v=ae7d0b13a3f3');
    display: inline-block;
    background-repeat: no-repeat;
    overflow: hidden;
    background-position: -48px 0
}

.login-success,.recovery-success,.signup-success {
    background-image: url('../../Img/open-graph/checkmark.png?v=334e396767b9');
    background-repeat: no-repeat;
    padding-left: 100px;
    display: inline-block;
    height: 90px;
    padding-top: 30px
}

#mainbar-full h2.title {
    margin: 20px 0
}

#popup-fancy-delete-question {
    width: 700px
}

#popup-fancy-delete-question .popup-title-container {
    margin-bottom: 15px
}

#popup-fancy-delete-question #pane-main {
    margin-right: 25px;
    line-height: 115%
}

#popup-fancy-delete-question .cancel-delete {
    margin-left: 5px
}

#rep-page-container #master-graph rect {
    stroke: none
}

sub sub sub sub,sup sup sup sup {
    font-size: 101%;
    position: initial
}

.quality-warning {
    font-weight: bold;
    padding-top: 15px
}

.tm-links .review-indicator span {
    float: left;
    color: #fff;
    font-size: 11px;
    padding: .2em .5em .25em;
    line-height: 1.3;
    background-color: var(--blue-600);
    margin-right: 5px;
    border-radius: 2px;
    float: right;
    background-color: #cf7721;
    margin-right: 0
}

.review-indicator span {
    color: #fff;
    display: inline;
    background-color: var(--blue-600);
    padding: .2em .5em .25em;
    margin-right: 5px;
    font-size: 10px;
    line-height: 1.3;
    border-radius: 2px;
    background-color: #cf7721;
    margin: 0
}

.migrated.from {
    background-position: 0 -464px !important
}

.migrated.to {
    background-position: -34px -464px !important
}

.migrated.from,.migrated.to {
    width: 30px!important;
    height: 28px!important;
    margin-right: 15px
}

.mod-page #tabs-interval {
    width: 400px
}

h4#h-linked {
    margin-top: 15px
}

.flagged-post .answer-link {
    width: 650px
}

#additional-notices {
    clear: both
}

#large-user-info:after {
    content: '';
    display: table;
    clear: both
}

.tools.close-stats h1 {
    padding-top: 15px
}

.tools.close-stats .header {
    font-weight: bold
}

.tools.close-stats .row {
    padding: 3px 0
}

.tools.close-stats .row .col-4 {
    width: 30%;
    padding-right: 10px
}

.tools.close-stats .close-reasons .inactive,.tools.close-stats .close-reasons .inactive a {
    opacity: .5
}

.tools.close-stats .closure-stats .row:nth-child(odd),.tools.close-stats .custom-reasons .row:nth-child(odd) {
    background-color: #fafafb
}

.container.edit-tag-wiki .input-section {
    margin-bottom: 15px
}

.container.edit-tag-wiki .input-section h3 {
    margin-bottom: 8px
}

.container.edit-tag-wiki .input-section .text-counter {
    display: block;
    height: 15px;
    margin-top: 5px
}

.convert-image-to-link {
    width: 250px
}

.home-page #qlist-wrapper {
    clear: both
}

.dupe-hammer-message-hover {
    margin-left: 4px;
    cursor: pointer
}

.dupe-hammer-message-hover .badge-tag {
    vertical-align: middle
}

.dupe-hammer-message {
    display: block;
    max-width: 430px;
    line-height: 22px
}

.realtime-post-deleted-notification {
    z-index: 100;
    text-align: center
}

.realtime-post-deleted-notification p {
    margin-top: 30px;
    padding: 15px;
    font-size: 15px;
    background-color: var(--red-050)
}

.upload-image-warning {
    text-align: center;
    background-color: #fcf8e3;
    padding: 10px 10px 5px;
    border: 1px solid #fbeed5;
    margin-bottom: 15px;
    border-radius: 3px;
    color: #c09853;
    font-size: 13px;
    line-height: 1.3
}

.tooltip-message {
    cursor: auto!important
}

.tooltip-message .message-text {
    max-width: 270px
}

.tooltip-message .user-tooltip-controls {
    position: relative;
    padding-top: 10px
}

.tooltip-message .user-tooltip-done,.tooltip-message .user-tooltip-next {
    position: absolute;
    right: 0
}

.tooltip-message .user-tooltip-message {
    line-height: 1.3
}

.tooltip-message .message-close {
    cursor: pointer!important
}

.originals-of-duplicate .originals-list .g-row {
    padding: 7px 3px;
    border-bottom: 1px solid #eff0f1
}

.originals-of-duplicate .originals-list .g-row h2 {
    margin-bottom: 0
}

.originals-of-duplicate .originals-list .g-row:hover {
    background-color: #f7f7f9
}

.originals-of-duplicate ul {
    list-style: none;
    margin: 0
}

.originals-of-duplicate li {
    cursor: move
}

.originals-of-duplicate .drag-handle {
    width: 0;
    height: 34px;
    display: inline-block;
    border: 1px dotted #9199a1;
    margin-right: 5px
}

.originals-of-duplicate .dupe-actions {
    margin-top: 10px
}

.oauth-authorizebody {
    background: #EFF0F1
}

.oauth-authorize.app-has-icon .app-icon-container {
    margin-top: 18px
}

.oauth-authorize.app-has-icon .icons-container {
    margin-bottom: 4px !important
}

.oauth-authorize .root {
    text-align: center;
    padding: 40px
}

.oauth-authorize .root .app-authorization {
    display: inline-block;
    margin: auto;
    text-align: left;
    padding: 40px;
    border: 1px solid #D6D8DB;
    border-radius: 2px;
    background: #fff
}

.oauth-authorize .root .app-authorization .icons-container {
    margin-bottom: 25px;
    position: relative
}

.oauth-authorize .root .app-authorization .icons-container .enterprise-sub-icon {
    position: absolute;
    bottom: -7px;
    left: 29px
}

.oauth-authorize .root .app-authorization .icons-container .app-icon-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.oauth-authorize .root .app-authorization .icons-container .app-icon-container .app-icon-large {
    height: 50px;
    vertical-align: top
}

.oauth-authorize .root .app-authorization .icons-container .app-icon-container .no-icon {
    visibility: hidden
}

.oauth-authorize .root .app-authorization .authorize-text {
    font-size: 17px;
    margin-bottom: .5em
}

.oauth-authorize .root .app-authorization .authorize-text .app-name {
    font-weight: bold
}

.oauth-authorize .root .app-authorization .authorizing-scopes {
    margin-bottom: 0;
    font-size: 15px
}

.oauth-authorize .root .app-authorization .authorizing-scopes li {
    margin: 12px 0
}

.oauth-authorize .root .app-authorization .authorizing-scopes li .channel-name {
    text-decoration: underline
}

.oauth-authorize .root .app-authorization .auth-buttons {
    margin-top: 20px
}

.dropdown-questions-filters {
    top: 42px;
    right: 6px
}

.MathJax_SVG_Display,.MathJax_Display {
    overflow: auto hidden
}

.js-post-notice blockquote {
    position: relative;
    padding: 6px 12px 6px 16px;
    background-color: inherit;
    margin-bottom: 0;
    border-left: none;
    margin-top: 4px
}

.js-post-notice blockquote:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    border-radius: 8px;
    background: var(--powder-400)
}

.js-post-notice blockquote div {
    margin-bottom: 8px
}

.js-post-notice blockquote *:last-child {
    margin-bottom: 0
}

.vote-up-off,.vote-up-on,.vote-down-off,.vote-down-on {
    height: 30px
}

.vote-down-off,.vote-down-on {
    margin-bottom: 10px
}

.top-bar {
    box-shadow: 0 1px 0 rgba(12,13,14,0.15)
}

.top-bar .-logo .-img {
    background-image: url("../../Img/unified/sprites.svg?v=fcc0ea44ba27")
}

.top-bar .navigation .-item._current .-link {
    font-weight: normal
}

.top-bar .navigation .-item._current .-link:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: -1px;
    background-color: #f48024;
    font-weight: normal
}

#tabs a,.tabs a {
    position: relative;
    padding: 13px 10px;
    background-color: var(--white);
    border: 1px solid transparent;
    font-size: 12px
}

#tabs a:before,.tabs a:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 2px;
    background-color: transparent
}

#tabs a:hover,.tabs a:hover {
    background-color: rgba(132,141,149,0.05);
    border-color: var(--black-075);
    border-bottom-color: transparent
}

#tabs a.youarehere,.tabs a.youarehere {
    padding-bottom: 14px;
    font-weight: 400;
    border-color: var(--black-075);
    border-bottom-color: transparent;
    cursor: default
}

#tabs a.youarehere:before,.tabs a.youarehere:before {
    background-color: #f48024
}

#tabs a.youarehere:hover,.tabs a.youarehere:hover {
    background-color: #FFF;
    border-bottom-color: #FFF
}

#tabs a.external,.tabs a.external {
    color: var(--blue-600)
}

#tabs a.external:hover,.tabs a.external:hover {
    color: var(--blue-500);
    border-color: transparent;
    border-bottom-color: #f48024;
    background-color: #f7f8f8;
    box-shadow: inset 0 -1px 0 0 #fff
}

#tabs #tab-switch {
    display: inline-block;
    color: #6a737c;
    border: 1px solid #d6d9dc;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 2px;
    margin: 7px auto 5px 5px;
    background-color: transparent;
    transition: all,.15s,ease
}

#tabs #tab-switch:hover {
    border-color: #bdcdd7
}

#sidebar h4 {
    color: var(--black-700);
    font-size: 18px;
    font-weight: 400
}

#sidebar .related,#sidebar .linked {
    font-size: 13px
}

#sidebar .related a,#sidebar .linked a {
    font-size: 13px
}

#sidebar .aside-cta {
    margin-bottom: 1em;
    text-align: right
}

#sidebar #questions-count {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

#sidebar #questions-count .-main-cta {
    padding-left: 20px
}

#sidebar #questions-count .-main-cta .btn {
    white-space: nowrap
}

.post-tag,.geo-tag,.container .chosen-choices .search-choice,.container .chosen-container-multi .chosen-choices li.search-choice {
    font-size: 12px
}

.-flair>span:not(.reputation-score) {
    margin-right: 3px;
    margin-left: 2px
}

.badge {
    transition: background .1s ease
}

.badge1,.badge2,.badge3 {
    margin-right: 3px;
    margin-left: 2px;
    width: 6px
}

.badge1 {
    background-position: -102px -398px
}

.badge2 {
    background-position: -82px -398px
}

.badge3 {
    background-position: -62px -398px
}

.badgecount {
    padding-left: 0
}

body:not(.unified-theme) .narrow .mini-counts {
    margin-bottom: 2px
}

body:not(.unified-theme) .narrow .votes,body:not(.unified-theme) .narrow .status,body:not(.unified-theme) .narrow .views {
    padding: 8px 5px;
    line-height: 1
}

.narrow .status {
    color: var(--black-400)
}

.answered,.answered-accepted {
    border: 1px solid transparent
}

.status.answered {
    border-color: var(--green-400)
}

.status.answered,.status.answered .mini-counts,.status.answered strong {
    color: var(--green-500)
}

.status.answered-accepted,.status.answered-accepted .mini-counts,.status.answered-accepted .minicounts span {
    color: #fff
}

.status.unanswered .mini-counts span {
    color: inherit
}

body:not(.unified-theme) .question-summary {
    padding: 12px 0;
    border-bottom: 1px solid var(--black-075)
}

#question-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

#question-header .-main-cta {
    padding-left: 20px
}

#question-header .-main-cta .btn {
    white-space: nowrap
}

#question-header .question-hyperlink {
    color: var(--black-700)
}

.comment-text {
    font-size: 13px;
    line-height: 1.3
}

.displaying-results {
    margin-top: -12px
}

input[type="text"]:not(.s-input):not(.s-textarea):focus,input[type="email"]:not(.s-input):not(.s-textarea):focus,input[type="password"]:not(.s-input):not(.s-textarea):focus,textarea:not(.s-input):not(.s-textarea):focus {
    outline: 0;
    border: 1px solid #6cbbf7
}

input[type="text"]:not(.s-input),textarea:not(.wmd-input):not(.s-textarea),input[type="url"],input[type="datetime"],input[type="datetime-local"],input[type="date"],.tag-editor:not(.s-input) {
    box-shadow: 0 1px 2px rgba(12,13,14,0.1) inset
}

.error-page h1 {
    margin-bottom: 24px
}

.error-page p {
    font-size: 15px
}

@media (prefers-color-scheme:dark) {
}

html,body {
    min-width: 1264px
}

html.html__unpinned-leftnav,html.html__unpinned-leftnav body {
    min-width: 1100px
}

html.html__responsive,html.html__responsive body {
    min-width: auto
}

body {
    padding-top: 50px
}

@media print {
    body {
        padding-top: 0px
    }
}

body .top-bar~.container,body .top-bar~#announcement-banner {
    margin-top: 0
}

body>.container {
    max-width: 1264px;
    width: 100%;
    background: none;
    display: flex;
    justify-content: space-between;
    margin: 0 auto
}

html.html__unpinned-leftnav body>.container {
    max-width: 1100px
}

body>.container:after,body>.container:before {
    display: none
}

body.floating-content>.container {
    justify-content: center;
    margin: 0;
    background-color: var(--black-050)
}

body.floating-content>.container,html.html__unpinned-leftnav body.floating-content>.container {
    max-width: 100%
}

body.floating-content>.container #left-sidebar {
    display: none
}

#content {
    max-width: 1100px;
    width: calc(100% - 164px);
    background-color: var(--white);
    border-radius: 0;
    border: 1px solid var(--black-100);
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 1px;
    border-right-width: 0;
    padding: 24px;
    box-sizing: border-box
}

@media screen and (max-width: 640px) {
    html.html__responsive #content {
        border-left:0;
        border-right: 0
    }
}

@media print {
    #content {
        border-left: 0;
        border-right: 0
    }
}

html.html__unpinned-leftnav #content {
    width: 100%
}

html.html__unpinned-leftnav #content {
    border-left-width: 0
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) #content {
        padding-left:16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav #content {
        padding-left:16px;
        padding-right: 16px
    }
}

@media print {
    #content {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 640px) {
    html.html__responsive #content {
        padding-left:12px;
        padding-right: 12px;
        width: 100%
    }
}

@media print {
    #content {
        padding-left: 12px;
        padding-right: 12px;
        width: 100%
    }
}

body.floating-content #content {
    width: 100%;
    max-width: 1264px;
    margin: 0;
    background-color: transparent;
    border-left: 0;
    border-right: 0
}

#sidebar,.sidebar {
    margin-left: 24px
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) #sidebar,html.html__responsive:not(.html__unpinned-leftnav) .sidebar {
        float:none;
        clear: both;
        margin: 0 auto
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav #sidebar,html.html__responsive.html__unpinned-leftnav .sidebar {
        float:none;
        clear: both;
        margin: 0 auto
    }
}

@media print {
    #sidebar,.sidebar {
        float: none;
        clear: both;
        margin: 0 auto
    }
}

.site-footer--container,.site-footer--extra {
    max-width: 1264px
}

body>.container__full {
    max-width: 100%
}

body>.container__full .left-sidebar {
    display: none
}

body>.container__full #content {
    padding: 0;
    max-width: 100%
}

body>.container .container--inner {
    max-width: 1264px;
    padding: 0 24px;
    margin: 0 auto
}

#mainbar,.mainbar {
    width: calc(100% - 300px - 24px)
}

#mainbar.ask-mainbar,.mainbar.ask-mainbar {
    width: calc(100% - 365px - 24px)
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) #mainbar,html.html__responsive:not(.html__unpinned-leftnav) .mainbar {
        width:100%;
        float: none
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav #mainbar,html.html__responsive.html__unpinned-leftnav .mainbar {
        width:100%;
        float: none
    }
}

@media print {
    #mainbar,.mainbar {
        width: 100%;
        float: none
    }
}

#questions,#answers {
    width: auto;
    float: none
}

.answer,.post-editor,#answers-header {
    width: 100%
}

.subheader {
    box-sizing: content-box
}

.site-header {
    box-sizing: border-box;
    background-color: #f48024;
    background-image: none;
    background-position: center left;
    background-repeat: repeat;
    background-size: auto;
    border-bottom: 0
}

.site-header .site-header--container {
    width: 100%;
    min-height: 70px;
    max-width: 1264px;
    margin: 0 auto;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    background-image: none;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto
}

html.html__unpinned-leftnav .site-header .site-header--container {
    max-width: 1100px
}

body.floating-content .site-header .site-header--container,html.html__unpinned-leftnav body.floating-content .site-header .site-header--container {
    max-width: 1264px
}

@media screen and (max-width: 640px) {
    html.html__responsive .site-header .site-header--container {
        background-image:none
    }
}

@media print {
    .site-header .site-header--container {
        background-image: none
    }
}

.site-header .site-header--link {
    color: #f48024
}

.site-header .site-header--sponsored {
    color: rgba(255,255,255,0.4);
    font-size: 10px
}

.s-banner button,.s-banner a {
    text-decoration: underline
}

.s-banner button:hover,.s-banner a:hover {
    text-decoration: underline
}

.s-banner__danger button,.s-banner__danger a {
    color: white
}

.s-banner__danger button:hover,.s-banner__danger a:hover {
    color: white
}

.left-sidebar {
    width: 164px;
    flex-shrink: 0;
    z-index: 1000;
    box-shadow: 0 0 0 rgba(12,13,14,0.05);
    transition: box-shadow ease-in-out .1s,transform ease-in-out .1s
}

.left-sidebar,.left-sidebar *,.left-sidebar *:after,.left-sidebar *:before {
    box-sizing: border-box
}

.left-sidebar .nav {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    top: 24px;
    padding-bottom: 12px
}

.left-sidebar .-label {
    font-weight: bold;
    padding-left: 12px;
    color: var(--black-400);
    padding-bottom: 4px;
    font-size: 12px
}

.left-sidebar--sticky-container {
    position: fixed;
    width: 164px;
    padding-top: 24px
}

@supports (position: sticky) or (position: -webkit-sticky) {
    .left-sidebar--sticky-container:not(.left-sidebar__fake-sticky) {
        position:-webkit-sticky;
        position: sticky;
        width: auto;
        top: 0;
        margin-bottom: 8px;
        max-height: calc(100vh);
        overflow-y: auto;
        scrollbar-color: var(--scrollbar) transparent
    }

.left-sidebar--sticky-container:not(.left-sidebar__fake-sticky)::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: transparent
    }

.left-sidebar--sticky-container:not(.left-sidebar__fake-sticky)::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent
    }

.left-sidebar--sticky-container:not(.left-sidebar__fake-sticky)::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: var(--scrollbar)
    }

.left-sidebar--sticky-container:not(.left-sidebar__fake-sticky)::-webkit-scrollbar-corner {
        background-color: transparent;
        border-color: transparent
    }

.top-bar._fixed~.container .left-sidebar--sticky-container:not(.left-sidebar__fake-sticky) {
        top: 50px;
        max-height: calc(100vh - 50px)
    }

html.html__unpinned-leftnav .left-sidebar--sticky-container:not(.left-sidebar__fake-sticky) {
        max-height: calc(100vh - 50px)
    }
}

.leftnav-dialog .left-sidebar--sticky-container {
    position: static;
    width: auto
}

html.html__unpinned-leftnav .container .left-sidebar {
    display: none
}

.activity-indicator {
    width: 10px;
    height: 10px
}

.nav-links {
    padding: 0;
    margin: 0 0 12px;
    list-style: none
}

.nav-links .nav-links--link {
    display: block;
    padding: 4px;
    padding-left: 30px;
    line-height: 1.8;
    font-size: 13px
}

.nav-links .nav-links--link,.nav-links .nav-links--link:visited {
    color: var(--black-600)
}

.nav-links .nav-links--link:hover,.nav-links .nav-links--link:focus,.nav-links .nav-links--link:active {
    color: var(--black-900)
}

.nav-links .nav-links--link.-link__with-icon {
    display: flex;
    padding: 8px 6px 8px 0
}

.nav-links .nav-links--link.-link__with-icon .svg-icon {
    flex-shrink: 0;
    margin-top: -1px;
    margin-right: 4px;
    color: var(--black-400)
}

.nav-links .nav-links--link.-link__with-icon:hover .svg-icon,.nav-links .nav-links--link.-link__with-icon:focus .svg-icon,.nav-links .nav-links--link.-link__with-icon:active .svg-icon {
    color: var(--black-900)
}

.nav-links .nav-links--link .-link--channel-name {
    line-height: 1.30769231
}

.nav-links .youarehere .nav-links--link {
    font-weight: bold;
    background: var(--black-050);
    color: var(--black-900);
    border-right: 3px solid #f48024
}

.nav-links .youarehere .nav-links--link .svg-icon {
    color: var(--black-900)
}

.nav-links.admin-nav-links .youarehere .nav-links--link {
    border-right: none
}

.left-sidebar-improvements .nav-links .nav-links--link {
    padding-left: 30px
}

.left-sidebar-toggle {
    display: none;
    padding-top: 3px;
    height: 100%;
    width: 44px;
    flex-shrink: 0
}

.left-sidebar-toggle span {
    width: 18px;
    height: 2px;
    background-color: var(--black-400)
}

.left-sidebar-toggle span:before,.left-sidebar-toggle span:after {
    position: absolute;
    content: '';
    width: 18px;
    height: 2px;
    left: 0;
    background: var(--black-400);
    top: -5px;
    transition: all ease-in-out .1s
}

.left-sidebar-toggle span:after {
    top: 5px
}

@media screen and (max-width: 640px) {
    html.html__responsive .left-sidebar-toggle {
        display:flex
    }
}

@media print {
    .left-sidebar-toggle {
        display: flex
    }
}

html.html__unpinned-leftnav .left-sidebar-toggle {
    display: flex
}

.left-sidebar-toggle.topbar-icon-on span {
    background-color: transparent
}

.left-sidebar-toggle.topbar-icon-on span:before,.left-sidebar-toggle.topbar-icon-on span:after {
    top: 0;
    transform: rotate(-45deg)
}

.left-sidebar-toggle.topbar-icon-on span:after {
    transform: rotate(45deg)
}

.flush-left {
    margin-left: -24px;
    border-top: 1px solid var(--black-100)
}

.flush-left .question-summary {
    width: 100%;
    padding-left: 8px;
    box-sizing: border-box
}

.flush-left .flush-left,.flush-left .mixed-question-list {
    border-top: none
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) .flush-left {
        margin-left:-16px;
        margin-right: -16px;
        width: calc(100% + 2*16px)
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav .flush-left {
        margin-left:-16px;
        margin-right: -16px;
        width: calc(100% + 2*16px)
    }
}

@media print {
    .flush-left {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 2*16px)
    }
}

@media screen and (max-width: 640px) {
    html.html__responsive .flush-left {
        margin-left:-12px;
        margin-right: -12px;
        width: calc(100% + 2*12px)
    }
}

@media print {
    .flush-left {
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 2*12px)
    }
}

.question-summary {
    display: flex;
    padding: 12px 8px;
    float: none;
    width: 100%
}

.question-summary .stats,.question-summary .stats+.views {
    margin-left: 0
}

.question-summary h3,.question-summary .excerpt {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word
}

.statscontainer {
    margin-right: 16px;
    width: 58px;
    float: none
}

.summary,.narrow .summary {
    flex: 1 auto;
    width: auto;
    float: none;
    margin: 0;
    overflow: hidden
}

.cp,.narrow .cp {
    float: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-right: 0;
    padding: 0 8px 0 0;
    box-sizing: content-box;
    flex-shrink: 0
}

.narrow .started {
    white-space: normal
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) #tabs a,html.html__responsive:not(.html__unpinned-leftnav) .tabs a {
        margin-right:0;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav #tabs a,html.html__responsive.html__unpinned-leftnav .tabs a {
        margin-right:0;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media print {
    #tabs a,.tabs a {
        margin-right: 0;
        padding-left: 8px;
        padding-right: 8px
    }
}

._with-left-nav~.container .col-sidebar {
    margin-right: 32px
}

.user-page ._with-left-nav~.container .settings-page {
    margin: 0 0 0 32px !important
}

#add-login-page,#login-page,#signup-page {
    box-sizing: content-box
}

.fc-theme-primary {
    color: #f48024 !important
}

.bg-theme-primary {
    background-color: #f48024 !important
}

.timeline-wrapper .timeline {
    width: 798px
}

.timeline-wrapper .timeline-sidebar {
    margin-left: 24px
}

.user-page .row {
    max-width: 1100px
}

#profile-side {
    margin-right: 24px
}

*[data-can-be] {
    display: none
}

@media screen and (max-width: 640px) {
    html.html__responsive *[data-is-here-when]:not([data-is-here-when~="sm"]) {
        display:none
    }
}

@media print {
    *[data-is-here-when]:not([data-is-here-when~="sm"]) {
        display: none
    }
}

@media screen and (max-width: 980px) and (min-width:640.1px) {
    html.html__responsive:not(.html__unpinned-leftnav) *[data-is-here-when]:not([data-is-here-when~="md"]) {
        display:none
    }
}

@media screen and (max-width: 816px) and (min-width:640.1px) {
    html.html__responsive.html__unpinned-leftnav *[data-is-here-when]:not([data-is-here-when~="md"]) {
        display:none
    }
}

@media screen and (min-width: 980.1px) {
    html.html__responsive:not(.html__unpinned-leftnav) *[data-is-here-when]:not([data-is-here-when~="lg"]) {
        display:none
    }
}

@media screen and (min-width: 816.1px) {
    html.html__responsive.html__unpinned-leftnav *[data-is-here-when]:not([data-is-here-when~="lg"]) {
        display:none
    }
}

@media screen and (max-width: 640px) {
    html.html__responsive .statscontainer {
        margin-left:0;
        margin-right: 12px
    }

html.html__responsive .question-summary {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

html.html__responsive .question-summary.narrow {
        flex-direction: column
    }

html.html__responsive .narrow .cp {
        width: 100%;
        float: none;
        padding-bottom: 8px !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

html.html__responsive .narrow .votes,html.html__responsive .narrow .status,html.html__responsive .narrow .views {
        padding: 4px 0;
        line-height: 1;
        box-sizing: border-box;
        width: auto;
        height: auto;
        border-radius: 3px;
        min-width: auto;
        text-align: left;
        margin: 0 4px 0 0
    }

html.html__responsive .narrow .votes>div,html.html__responsive .narrow .status>div,html.html__responsive .narrow .views>div {
        display: inline-block;
        font-size: 12px;
        margin-bottom: 0
    }

html.html__responsive .narrow .votes>div.mini-counts,html.html__responsive .narrow .status>div.mini-counts,html.html__responsive .narrow .views>div.mini-counts {
        font-weight: bold
    }

html.html__responsive .narrow .status {
        margin-top: -1px;
        padding: 4px 8px
    }

html.html__responsive .narrow .summary {
        width: 100%;
        float: none
    }
}

@media print {
    .statscontainer {
        margin-left: 0;
        margin-right: 12px
    }

.question-summary {
        padding-left: 12px !important;
        padding-right: 12px !important
    }

.question-summary.narrow {
        flex-direction: column
    }

.narrow .cp {
        width: 100%;
        float: none;
        padding-bottom: 8px !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

.narrow .votes,.narrow .status,.narrow .views {
        padding: 4px 0;
        line-height: 1;
        box-sizing: border-box;
        width: auto;
        height: auto;
        border-radius: 3px;
        min-width: auto;
        text-align: left;
        margin: 0 4px 0 0
    }

.narrow .votes>div,.narrow .status>div,.narrow .views>div {
        display: inline-block;
        font-size: 12px;
        margin-bottom: 0
    }

.narrow .votes>div.mini-counts,.narrow .status>div.mini-counts,.narrow .views>div.mini-counts {
        font-weight: bold
    }

.narrow .status {
        margin-top: -1px;
        padding: 4px 8px
    }

.narrow .summary {
        width: 100%;
        float: none
    }
}

html.html__responsive .everyoneloves__top-leaderboard,html.html__responsive .everyoneloves__mid-leaderboard,html.html__responsive .everyoneloves__mid-second-leaderboard,html.html__responsive .everyoneloves__bot-mid-leaderboard,html.html__responsive .everyoneloves__tag-sponsorship {
    margin-left: 0
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__inline-sidebar {
        display:block;
        width: 300px
    }

html.html__responsive:not(.html__unpinned-leftnav) .zone-container-responsive {
        display: block
    }

html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__top-sidebar {
        display: none
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav .everyoneloves__inline-sidebar {
        display:block;
        width: 300px
    }

html.html__responsive.html__unpinned-leftnav .zone-container-responsive {
        display: block
    }

html.html__responsive.html__unpinned-leftnav .everyoneloves__top-sidebar {
        display: none
    }
}

@media print {
    .everyoneloves__inline-sidebar {
        display: block;
        width: 300px
    }

.zone-container-responsive {
        display: block
    }

.everyoneloves__top-sidebar {
        display: none
    }
}

@media screen and (max-width: 1280px) {
    html.html__responsive:not(.html__unpinned-leftnav) .zone-container-main,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__top-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__mid-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__mid-second-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__bot-mid-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__tag-sponsorship {
        display:none
    }
}

@media screen and (max-width: 1116px) {
    html.html__responsive.html__unpinned-leftnav .zone-container-main,html.html__responsive.html__unpinned-leftnav .everyoneloves__top-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__mid-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__mid-second-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__bot-mid-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__tag-sponsorship {
        display:none
    }
}

@media print {
    .zone-container-main,.everyoneloves__top-leaderboard,.everyoneloves__mid-leaderboard,.everyoneloves__mid-second-leaderboard,.everyoneloves__bot-mid-leaderboard,.everyoneloves__tag-sponsorship {
        display: none
    }
}

@media screen and (max-width: 980px) {
    html.html__responsive:not(.html__unpinned-leftnav) .zone-container-main,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__top-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__mid-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__sec-mid-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__bot-mid-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__tag-sponsorship {
        display:block
    }
}

@media screen and (max-width: 816px) {
    html.html__responsive.html__unpinned-leftnav .zone-container-main,html.html__responsive.html__unpinned-leftnav .everyoneloves__top-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__mid-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__sec-mid-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__bot-mid-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__tag-sponsorship {
        display:block
    }
}

@media print {
    .zone-container-main,.everyoneloves__top-leaderboard,.everyoneloves__mid-leaderboard,.everyoneloves__sec-mid-leaderboard,.everyoneloves__bot-mid-leaderboard,.everyoneloves__tag-sponsorship {
        display: block
    }
}

@media screen and (max-width: 940px) {
    html.html__responsive:not(.html__unpinned-leftnav) .zone-container-main,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__top-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__mid-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__sec-mid-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__bot-mid-leaderboard,html.html__responsive:not(.html__unpinned-leftnav) .everyoneloves__tag-sponsorship {
        display:none
    }
}

@media screen and (max-width: 776px) {
    html.html__responsive.html__unpinned-leftnav .zone-container-main,html.html__responsive.html__unpinned-leftnav .everyoneloves__top-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__mid-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__sec-mid-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__bot-mid-leaderboard,html.html__responsive.html__unpinned-leftnav .everyoneloves__tag-sponsorship {
        display:none
    }
}

@media screen and (min-width: 1050px) {
    .wide\:bg-image-ask-v2 {
        background-image:url('../../Img/ask/background.svg?v=2e9a8205b368')
    }

.wide\:h-ask-v2-background {
        height: 130px
    }
}

/*
     FILE ARCHIVED ON 07:57:19 Jul 24, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:02:56 Aug 28, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  PetaboxLoader3.datanode: 164.228 (5)
  exclusion.robots: 0.308
  esindex: 0.022
  exclusion.robots.policy: 0.287
  RedisCDXSource: 3.426
  PetaboxLoader3.resolve: 274.294 (3)
  load_resource: 359.1
  CDXLines.iter: 49.335 (3)
  LoadShardBlock: 160.323 (3)
  captures_list: 477.601
*/

更改後文本