@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
footer,
header,
section {
    display: block
}


strong {
    font-weight: bold
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

img {
    border: 0
}

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

button {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

@font-face {
    font-family: 'gc-iconfont';
    src: url("../index/icomoon.eot?a15edbf0ebf98776557c660767a10213566853ee");
    src: url("../index/icomoon.eot?a15edbf0ebf98776557c660767a10213566853ee#iefix") format("embedded-opentype"), url("../index/icomoon.ttf?a15edbf0ebf98776557c660767a10213566853ee") format("truetype"), url("../index/icomoon.woff?a15edbf0ebf98776557c660767a10213566853ee") format("woff"), url("../index/icomoon.svg?a15edbf0ebf98776557c660767a10213566853ee#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'icomoon';
    src: url("fonts/icomoon.eot?nareph");
    src: url("fonts/icomoon.eot?nareph#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?nareph") format("truetype"), url("fonts/icomoon.woff?nareph") format("woff"), url("fonts/icomoon.svg?nareph#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}


[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
}


button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible) {
    outline: 0
}


button:focus-visible,
[role="button"]:focus-visible {
    outline: 2px solid #6682c6;
    outline-offset: 2px
}

html,
button {
    font-family: 'Inter', 'arial', sans-serif;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

*:not(input):not(textarea) {
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cursor-pointer {
    cursor: pointer
}

html {
    font-size: 16px;
    line-height: 1.4
}

.gc-body {
    position: relative;
    margin: 0 auto;
    padding: 1em .125em;
    max-width: 664px
}

/* @media screen and (min-width:600px) {
    .gc-body {
        padding: 1em 1em 0 1em
    }
} */

.gc-body>.repeat-item {
    position: relative
}

@keyframes fadeTooltipIn {
    0% {
        opacity: 0
    }
}

.gc-votes-count-tooltip {
    position: relative
}

.gc-vote-result {
    text-align: left;
    float: left;
    font-size: .875em;
    color: #6a6a6a;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px
}

@media screen and (max-width:640px) {
    .gc-vote-result {
        margin-right: 6px
    }
}

.gc-node {
    position: relative;

    border: 1px solid #ccc;
    border-radius: .625em;
    transition: compact(compact(all 200ms ease-in-out false), false, false, false, false, false, false, false, false, false)
}

.gc-node {
    font-family: 'Inter', 'arial', sans-serif;
    color: #5a5a5a;
    background-color: #fff
}

.gc-node .gc-rounded {
    overflow: hidden;
    border-radius: 50%
}

.gc-node.gc-node-expanded {
    margin-bottom: 3em !important
}

.gc-node .gc-stats {
    position: absolute;
    top: -.6em;
    right: 1.25em;
    background: #fff;
    border-radius: .3125em;
    line-height: 1em
}

.gc-node .gc-stats .gc-btn {
    margin: 0 .3em
}

@media screen and (min-width:980px) {

    .gc-node>.gc-main-level>.gc-comment {
        max-width: 720px;
        margin: 0 auto !important
    }
}

html[dir=ltr] .gc-node .gc-main-level {
    padding: 1.1875em 1.5em .8125em 2em
}

@media screen and (max-width:500px) {

    html[dir=ltr] .gc-node .gc-main-level {
        padding-top: 14px
    }
}

@media screen and (min-width:800px) {

    .gc-node .gc-main-level .gc-comment {
        font-size: 110%
    }
}

.gc-node .gc-main-level .gc-comment .gc-title {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0;
    font-size: .875em;
    font-weight: 600
}

@media(max-width:400px) {

    html[dir] .gc-node .gc-main-level .gc-comment .gc-title {
        display: block
    }
}

.gc-node .gc-main-level .gc-comment .gc-comment-infos {
    line-height: 1
}


.gc-node .gc-main-level .gc-comment .gc-time {
    font-size: .6875em;
    color: #6a6a6a;
    z-index: 4
}

.gc-node .gc-main-level .gc-comment .gc-time {
    white-space: nowrap
}

.gc-node .gc-main-level .gc-comment .gc-nowrap {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.gc-node .gc-main-level .gc-comment .gc-content {
    margin: .2em 0 .9em 0;
    font-size: 15px;
    font-family: 'Inter', 'arial', sans-serif
}

@media(max-width:400px) {

    html[dir] .gc-node .gc-main-level .gc-comment .gc-content {
        font-size: .875rem;
        letter-spacing: -0.15px;
        margin-top: 1em
    }
}

@media screen and (max-width:640px) {

    .gc-node .gc-main-level .gc-comment .gc-content {
        margin-top: .6em
    }
}

.gc-node .gc-main-level .gc-comment .gc-footer {
    position: relative;
    text-align: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 0
}

.gc-node .gc-main-level .gc-comment .gc-footer .gc-btns {
    display: -ms-flexbox;
    display: flex;
    column-gap: .5rem;
    margin-right: -6px;
    white-space: nowrap;
    z-index: 0
}

.gc-node .gc-main-level .gc-comment .gc-footer .gc-btns button:has(svg) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    column-gap: .1rem
}

html[dir=ltr] .gc-node .gc-main-level .gc-comment .gc-footer .gc-btn {
    margin-right: .6em
}

@media screen and (max-width:400px) {

    .gc-node .gc-main-level .gc-comment .gc-footer .gc-btn {
        margin-right: 0
    }
}

.gc-node .gc-main-level .gc-comment .gc-footer .gc-btn span {
    padding: 0
}

html[dir=ltr] .gc-node .gc-main-level .gc-comment .gc-footer .gc-btn span {
    margin-left: .2em
}

.gc-node button.gc-avatar {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer
}

.gc-node .gc-avatar {
    position: absolute;
    top: 23px;
    z-index: 1
}

@media screen and (max-width:500px) {
    .gc-node .gc-avatar {
        top: 18px
    }
}

.gc-node .gc-avatar:not(.is-guest) {
    cursor: pointer
}

html[dir=ltr] .gc-node .gc-avatar {
    left: -17px
}

.gc-node .gc-avatar:before {
    position: absolute;
    top: -4px;
    right: -4px;
    left: -4px;
    bottom: -4px;
    z-index: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 50%;
    background: #fff;
    content: '';
    transition: compact(compact(all 200ms ease-in-out false), false, false, false, false, false, false, false, false, false)
}

.gc-node .gc-avatar:after {
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: 52%;
    z-index: 1;
    content: ''
}

.gc-node .gc-avatar img {
    position: relative;
    z-index: 2;
    width: 36px;
    height: 36px;
    vertical-align: middle
}

@media screen and (min-width:501px) {
    .gc-node .gc-avatar img {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width:500px) {
    .gc-node {
        margin-left: 0
    }

    /* .gc-node .gc-main-level article.gc-comment header {
        padding-left: 3.2rem
    } */

    html[dir=ltr] .gc-node .gc-main-level {
        padding: 1rem 1rem .7rem 1rem
    }

    html[dir=ltr] .gc-node .gc-main-level .gc-avatar {
        left: auto
    }
}

.gc-btn {
    font-size: .75em;
    line-height: 1.1em;
    color: #6a6a6a;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0;
    transition: compact(compact(color 200ms ease-in-out false), false, false, false, false, false, false, false, false, false)
}


.gc-btn.vote-btn:not(.voted) {
    display: -ms-flexbox;
    display: flex;
    column-gap: .1rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gc-btn span {
    padding: 0 .3em
}

.gc-btn:hover,
.gc-btn:focus,
.gc-btn.hover {
    color: #ca4c4c !important
}

@keyframes load3 {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes fadeNotice {
    0% {
        transform: translate(0, 40px);
        opacity: 0
    }
}

@keyframes slideBg {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100vw
    }
}

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

    100% {
        transform: rotate(360deg)
    }
}

@keyframes gc_preloader {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg);
        background: #2ecc71
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes gc_preloader_after {
    0% {
        border-top: 10px solid #9b59b6;
        border-bottom: 10px solid #9b59b6
    }

    50% {
        border-top: 10px solid #3498db;
        border-bottom: 10px solid #3498db
    }

    100% {
        border-top: 10px solid #9b59b6;
        border-bottom: 10px solid #9b59b6
    }
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */

@keyframes ball-pulse {

    0%,
    60%,
    100% {
        opacity: 1;
        transform: scale(1)
    }

    30% {
        opacity: .1;
        transform: scale(0.01)
    }
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local("Open Sans Italic"), local("OpenSans-Italic"), url(../index/OpenSans-Italic.ttf) format("woff2")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../index/OpenSans-Regular.ttf) format("woff2")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../index/OpenSans-Bold.ttf) format("woff2")
}

@keyframes toastBounceIn {
    from {
        transform: translateX(100%);
        opacity: 0
    }

    60% {
        transform: translateX(-8%);
        opacity: 1
    }

    80% {
        transform: translateX(3%)
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes toastBounceInRtl {
    from {
        transform: translateX(-100%);
        opacity: 0
    }

    60% {
        transform: translateX(8%);
        opacity: 1
    }

    80% {
        transform: translateX(-3%)
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes toastBounceOut {
    from {
        transform: translateX(0);
        opacity: 1
    }

    20% {
        transform: translateX(3%)
    }

    to {
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes toastBounceOutRtl {
    from {
        transform: translateX(0);
        opacity: 1
    }

    20% {
        transform: translateX(-3%)
    }

    to {
        transform: translateX(-100%);
        opacity: 0
    }
}

@media screen and (max-width:480px) {
    @keyframes toastBounceIn {
        from {
            transform: translateX(100%);
            opacity: 0
        }

        60% {
            transform: translateX(-0.5%);
            opacity: 1
        }

        80% {
            transform: translateX(0.25%)
        }

        to {
            transform: translateX(0);
            opacity: 1
        }
    }

    @keyframes toastBounceInRtl {
        from {
            transform: translateX(-100%);
            opacity: 0
        }

        60% {
            transform: translateX(0.5%);
            opacity: 1
        }

        80% {
            transform: translateX(-0.25%)
        }

        to {
            transform: translateX(0);
            opacity: 1
        }
    }

    @keyframes toastBounceOut {
        from {
            transform: translateX(0);
            opacity: 1
        }

        20% {
            transform: translateX(0.25%)
        }

        to {
            transform: translateX(100%);
            opacity: 0
        }
    }

    @keyframes toastBounceOutRtl {
        from {
            transform: translateX(0);
            opacity: 1
        }

        20% {
            transform: translateX(-0.25%)
        }

        to {
            transform: translateX(-100%);
            opacity: 0
        }
    }
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.7.0
 *
 * Copyright KingSora.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 18.04.2019
 */

@keyframes hs-resize-observer-dummy-animation {
    from {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

/*!
angular-xeditable - 0.8.1
Edit-in-place for angular.js
Build date: 2017-11-14
*/

.u-button-reset {
    background: 0;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-align: inherit
}

.u-button-reset:focus {
    outline: revert
}

/*\*/

/**/

.cursor-pointer {
    cursor: pointer
}

@keyframes fadeOverlay {
    0% {
        background: rgba(0, 0, 0, 0)
    }
}

@keyframes fadePopin {
    0% {
        opacity: 0
    }
}

.gc-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%
}

@media screen and (max-width:500px) {
    .gc-header {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 .625em;
        box-sizing: border-box
    }
}

.gc-header .gc-headerItem {
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.gc-header .gc-headerItem.gc-header-left {
    margin-top: .5em;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:600px) {
    .gc-header .gc-headerItem.gc-header-left {
        -ms-flex-align: baseline;
        align-items: baseline;
        min-width: 8.75em;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.gc-header .gc-headerItem.gc-user-account {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

.gc-header .gc-headerItem.gc-not-logged {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

@media screen and (max-width:710px) {
    .gc-header .gc-headerItem.gc-not-logged {
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        white-space: normal
    }
}

.gc-headerItem-comment-number {
    display: inline-block;
    color: #ca4c4c;
    font-weight: normal;
    font-size: 1.125em;
    margin: 0;
    margin-right: .5em;
    white-space: nowrap
}

@media screen and (max-width:400px) {
    .gc-headerItem-comment-number {
        display: block;
        margin: 0
    }
}

.gc-headerItem-comment-number .gc-comments-summary {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: rgb(32, 32, 32);
}

.gc-headerItem-sort-container {
    position: relative;
    display: inline-block;
    white-space: nowrap
}

.gc-headerItem-sort {
    color: #5a5a5a;
    font-size: .875em;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gc-btn-default {
    font-size: .75em;
    padding: .3125em .9375em;
    background-color: #fff;
    border: 1px solid #9d9d9d;
    color: #515151;
    border-radius: 3px
}

.gc-btn-default:hover {
    background-color: #d0d0d0;
    box-shadow: 0 1px 2px #848484
}

@keyframes fadeNotifPanel {
    0% {
        opacity: 0;
        transform: translate(0, -10px)
    }
}

.inner-content {
    color: #1a1b1b;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.inner-content img {
    cursor: zoom-in;
    max-height: 300px;
    max-width: 100%
}

.gc-message {
    position: relative
}

@keyframes show-emoticon-popin {
    0% {
        opacity: 0;
        transform: translate(0, 5%)
    }
}

.gc-three-dots-container {
    font-family: arial, sans-serif;
    font-size: 16px;
    position: absolute;
    right: 11px;
    top: 19px;
    color: #a0a0a0
}

.gc-three-dots-container:hover {
    color: #5a5a5a
}

.gc-three-dots-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent;
    border: 0;
    padding: 0
}

.gc-three-dots-button:focus {
    outline: 0
}

.gc-three-dots-button:focus-visible {
    outline: 2px solid #6682c6;
    outline-offset: 5px
}

@keyframes animate-tooltip {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    60% {
        opacity: .8
    }

    70% {
        opacity: .9
    }

    90% {
        opacity: 1
    }
}