:host,:root {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
    --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
    --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
    --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
    --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
    --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
    --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
    --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box
}

.svg-inline--fa {
    display: var(--fa-display,inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em
}

.svg-inline--fa.fa-2xs {
    vertical-align: .1em
}

.svg-inline--fa.fa-xs {
    vertical-align: 0
}

.svg-inline--fa.fa-sm {
    vertical-align: -.07143em
}

.svg-inline--fa.fa-lg {
    vertical-align: -.2em
}

.svg-inline--fa.fa-xl {
    vertical-align: -.25em
}

.svg-inline--fa.fa-2xl {
    vertical-align: -.3125em
}

.svg-inline--fa.fa-pull-left {
    margin-right: var(--fa-pull-margin,.3em);
    width: auto
}

.svg-inline--fa.fa-pull-right {
    margin-left: var(--fa-pull-margin,.3em);
    width: auto
}

.svg-inline--fa.fa-li {
    width: var(--fa-li-width,2em);
    top: .25em
}

.svg-inline--fa.fa-fw {
    width: var(--fa-fw-width,1.25em)
}

.fa-layers svg.svg-inline--fa {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.fa-layers-counter,.fa-layers-text {
    display: inline-block;
    position: absolute;
    text-align: center
}

.fa-layers {
    display: inline-block;
    height: 1em;
    position: relative;
    text-align: center;
    vertical-align: -.125em;
    width: 1em
}

.fa-layers svg.svg-inline--fa {
    transform-origin: center center
}

.fa-layers-text {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transform-origin: center center
}

.fa-layers-counter {
    background-color: var(--fa-counter-background-color,#ff253a);
    border-radius: var(--fa-counter-border-radius,1em);
    box-sizing: border-box;
    color: var(--fa-inverse,#fff);
    line-height: var(--fa-counter-line-height,1);
    max-width: var(--fa-counter-max-width,5em);
    min-width: var(--fa-counter-min-width,1.5em);
    overflow: hidden;
    padding: var(--fa-counter-padding,.25em .5em);
    right: var(--fa-right,0);
    text-overflow: ellipsis;
    top: var(--fa-top,0);
    transform: scale(var(--fa-counter-scale,.25));
    transform-origin: top right
}

.fa-layers-bottom-right {
    bottom: var(--fa-bottom,0);
    right: var(--fa-right,0);
    top: auto;
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: bottom right
}

.fa-layers-bottom-left {
    bottom: var(--fa-bottom,0);
    left: var(--fa-left,0);
    right: auto;
    top: auto;
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: bottom left
}

.fa-layers-top-right {
    top: var(--fa-top,0);
    right: var(--fa-right,0);
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: top right
}

.fa-layers-top-left {
    left: var(--fa-left,0);
    right: auto;
    top: var(--fa-top,0);
    transform: scale(var(--fa-layers-scale,.25));
    transform-origin: top left
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin,2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em) * -1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width,2em);
    line-height: inherit
}

.fa-border {
    border-color: var(--fa-border-color,#eee);
    border-radius: var(--fa-border-radius,.1em);
    border-style: var(--fa-border-style,solid);
    border-width: var(--fa-border-width,.08em);
    padding: var(--fa-border-padding,.2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin,.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin,.3em)
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}

.fa-fade {
    animation-name: fa-fade;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-beat-fade,.fa-fade {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s)
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-shake {
    animation-name: fa-shake;
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-shake,.fa-spin {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal)
}

.fa-spin {
    animation-name: fa-spin;
    animation-duration: var(--fa-animation-duration,2s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,.fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,steps(8))
}

@media (prefers-reduced-motion:reduce) {
    .fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {
    0%,90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    24%,8% {
        transform: rotate(-18deg)
    }

    12%,28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,to {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle,none))
}

.fa-stack {
    display: inline-block;
    vertical-align: middle;
    height: 2em;
    position: relative;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: var(--fa-stack-z-index,auto)
}

.svg-inline--fa.fa-stack-1x {
    height: 1em;
    width: 1.25em
}

.svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 2.5em
}

.fa-inverse {
    color: var(--fa-inverse,#fff)
}

.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.svg-inline--fa .fa-primary {
    fill: var(--fa-primary-color,currentColor);
    opacity: var(--fa-primary-opacity,1)
}

.svg-inline--fa .fa-secondary {
    fill: var(--fa-secondary-color,currentColor)
}

.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary {
    opacity: var(--fa-secondary-opacity,.4)
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
    opacity: var(--fa-primary-opacity,1)
}

.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary {
    fill: #000
}

.fa-duotone.fa-inverse,.fad.fa-inverse {
    color: var(--fa-inverse,#fff)
}

body {
    margin: 0
}

.ant-layout {
    position: relative!important;
    min-height: 100vh!important
}

.ant-layout-footer {
    position: absolute!important;
    bottom: 0!important;
    width: 100%!important;
    padding: 14px!important;
    height: 3rem!important
}

.ant-layout-content {
    margin-top: 2vh!important
}

.counter {
    float: left
}

.ant-layout-header {
    padding: 0
}

@media screen and (min-width: 800px) {
    .right-menu-item {
        margin-left:auto!important
    }
}

@media screen and (max-width: 400px) {
    .margin-top-for-mobile {
        margin-top:1vh
    }
}

@media screen and (max-width: 1280px) {
    .dont-show-mobile-editor {
        display:none!important
    }
}

@media screen and (max-width: 725px) {
    .dont-show-mobile {
        display:none!important
    }
}

@media screen and (max-width: 1040px) {
    .dont-show-mobile-footer {
        display:none
    }
}

@media screen and (max-width: 415px) {
    .dont-show-mobile-smaller {
        display:none
    }
}

@media screen and (max-width: 600px) {
    .dont-show-mobile-smaller-footer {
        display:none
    }
}

.vscode-footer {
    display: inline-flex;
    align-items: center;
    margin-right: 12px;
    justify-content: center
}

@media screen and (max-width: 600px) {
    .vscode-footer {
        display:none
    }
}

.profile-edit-button {
    color: #1668dc!important
}

.profile-edit-button:hover {
    color: #15417e!important
}

.react-resizable {
    position: relative
}

.react-resizable-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-origin: content-box;
    box-sizing: border-box;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiNmNjlmMjUiLz48L2c+PC9zdmc+");
    background-position: 100% 100%;
    padding: 0 3px 3px 0
}

.react-resizable-handle-sw {
    bottom: 0;
    left: 0;
    cursor: sw-resize;
    transform: rotate(90deg)
}

.react-resizable-handle-se {
    bottom: -7px;
    right: -7px;
    cursor: se-resize
}

.react-resizable-handle-nw {
    top: 0;
    left: 0;
    cursor: nw-resize;
    transform: rotate(180deg)
}

.react-resizable-handle-ne {
    top: 0;
    right: 0;
    cursor: ne-resize;
    transform: rotate(270deg)
}

.react-resizable-handle-e,.react-resizable-handle-w {
    top: 50%;
    margin-top: -10px;
    cursor: ew-resize
}

.react-resizable-handle-w {
    left: 0;
    transform: rotate(135deg)
}

.react-resizable-handle-e {
    right: 0;
    transform: rotate(315deg)
}

.react-resizable-handle-n,.react-resizable-handle-s {
    left: 50%;
    margin-left: -10px;
    cursor: ns-resize
}

.react-resizable-handle-n {
    top: 0;
    transform: rotate(225deg)
}

.react-resizable-handle-s {
    bottom: 0;
    transform: rotate(45deg)
}

@media (min-width: 1366px) {
    .react-resizable-handle {
        background-size:10px
    }

    .react-resizable-handle-se {
        bottom: -10px;
        right: -10px
    }
}

.responsive_ad {
    width: 300px;
    height: 250px
}

@media (min-width: 386px) {
    .responsive_ad {
        width:336px;
        height: 280px
    }
}

@media (min-width: 536px) {
    .responsive_ad {
        width:468px;
        height: 60px
    }
}

@media (min-width: 805px) and (max-width:1119px) {
    .responsive_ad {
        width:728px;
        height: 90px
    }
}

@media (min-width: 1200px) {
    .responsive_ad {
        width:468px;
        height: 60px
    }
}

@media (min-width: 1920px) {
    .responsive_ad {
        width:728px;
        height: 90px
    }
}

.big_ad {
    width: 300px;
    height: 250px
}

@media (min-width: 500px) {
    .big_ad {
        width:468px;
        height: 60px
    }
}

@media (min-width: 800px) {
    .big_ad {
        width:728px;
        height: 90px
    }
}

@media (min-width: 1366px) {
    .big_ad {
        width:970px;
        height: 250px
    }
}

.long728 {
    width: 300px;
    height: 250px
}

@media (min-width: 500px) {
    .long728 {
        width:468px;
        height: 60px
    }
}

@media (min-width: 800px) {
    .long728 {
        width:728px;
        height: 90px
    }
}

@media (min-width: 1366px) {
    .long728 {
        width:728px;
        height: 90px
    }
}

.search-box {
    width: 100%;
    float: right
}

@media (min-width: 576px) {
    .search-box {
        width:330px;
        float: right
    }
}

.gravatar {
    margin-right: .5em
}

.editor-box {
    margin-bottom: 10px
}

.login-form {
    max-width: 300px
}

.login-form-forgot {
    float: right
}

.ant-col-rtl .login-form-forgot {
    float: left
}

.login-form-button,pre.bash {
    width: 100%
}

pre.bash {
    background-color: #272822;
    color: #fff;
    font-size: medium;
    max-height: 30vh;
    overflow-y: scroll;
    min-height: 30vh;
    display: inline-block;
    padding: 10px
}

ins.adsbygoogle[data-ad-status=unfilled] {
    display: none!important
}

.editor-loading-fallback {
    background-color: #272822;
    color: #f8f8f2;
    font: 14px/normal Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace
}

.ais-Hits-item {
    margin-bottom: 3em
}

.ais-Highlight-highlighted {
    background-color: #fff677;
    color: inherit
}

.app-search-refinement-count {
    display: none!important
}

.pre-wrap {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.logo-container {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important
}

.logo-container:hover {
    opacity: .8!important
}

.app-search-hit-item-dark {
    background-color: #141414!important
}

@media (max-width: 750px) {
    .float-button {
        display:none!important
    }
}

.float-button {
    bottom: 20px!important;
    right: 10px!important
}