.flatpickr-calendar {
    background: 0 0;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, .9);
    fill: rgba(0, 0, 0, .9)
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, .5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year {
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, .5);
    background: 0 0;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays,
.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-weekdays .flatpickr-weekdaycontainer,
span.flatpickr-weekday {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0, 0, 0, .54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(57, 57, 57, .3);
    background: 0 0;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, .1)
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, .3);
    background: 0 0;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.flatpickr-innerContainer,
.flatpickr-rContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}


/*!PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license*/

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg,
.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img,
.pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}


/*!PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license*/

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: 0 0;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(/images/vendor/photoswipe/dist/default-skin/default-skin.png?e3f799c6dec9af194c86decdf7392405) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media(-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:1.1dppx),
(min-resolution:105dpi) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(/images/vendor/photoswipe/dist/default-skin/default-skin.svg?b257fa9c5ac8c515ac4d77a667ce2943)
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: 0 0
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: 0 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(/images/vendor/photoswipe/dist/default-skin/preloader.gif?e34aafbb485a96eaf2a789b2bf3af6fe) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}


/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}


/* Wrapper for all connect elements.
  */

.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}


/* Offset direction
  */

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}


/* Give origins 0 height/width so they don't interfere with clicking the
  * connect elements.
  */

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}


/* Slider size and handle placement;
  */

.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}


/* Styling;
  * Giving the connect element a border radius causes issues with using transform: scale
  */

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3FB8AF;
}


/* Handles and cursors;
  */

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}


/* Handle stripes;
  */

.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}


/* Disabled state;
  */

[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}


/* Base;
  *
  */

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}


/* Values;
  *
  */

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}


/* Markings;
  *
  */

.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}


/* Horizontal layout;
  *
  */

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}


/* Vertical layout;
  *
  */

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}

:root {
    --button-default-bg: #e0e1e2;
    --button-default-bg-hover: #d5d7d8;
    --button-default-bg-active: #cecfd1;
    --button-default-color: rgba(33, 37, 41, .8);
    --button-white-bg: #fff;
    --button-white-hover: #fafafa;
    --button-white-color: #212529;
    --button-white-border: hsla(240, 5%, 48%, .05);
    --button-primary-bg: #1abb9c;
    /*--button-primary-bg: #ffa332;*/
    --button-primary-bg-hover: #159980;
    /*--button-primary-bg-hover: #ff8c00;*/
    --button-primary-bg-active: #159980;
    /*--button-primary-bg-active: #f28500;*/
    --button-primary-color: #fff;
    --blue: #007feb;
    --green: #3cce7b;
    --purple: #6f42c1;
    --border-base: #e5e5e5;
    --border-light: #e9e9e9;
    --text-primary: #212529;
    --text-primary-inverse: #fff;
    --text-secondary: #818181;
    --text-muted: #868e96;
    --text-link: #1abb9c;
    /*--text-link: #f77519;*/
    --link-border-color: rgba(0, 0, 0, .16);
    --background: #eaeef3;
    /*--background: #f2f2f3;*/
    --background-dark: #444;
    --background-hover: #f0f2f5;
    --background-header: #182839;
    --background-elevated-1: #fff;
    /*--background-header: #e48f13;*/
    --background-highlight: #fbfbfc;
    --background-fill-1: hsla(240, 3%, 49%, .2);
    --background-fill-2: hsla(240, 3%, 49%, .16);
    --background-fill-3: hsla(240, 4%, 48%, .12);
    --background-fill-4: hsla(240, 5%, 48%, .05);
    --foreground: #fff;
    --foreground-darken: #f5f7fa;
    --input-border: #dcdcdc;
    --input-border-focus: #c0c4cc;
    --input-bg: #fff;
    --dropdown-bg: #fff;
    --tag-bg: #e7edf3;
    --tag-bg-light: rgba(0, 0, 0, .05);
    --tag-bg-light-hover: rgba(0, 0, 0, .12);
    --scrollbar-track: #f3f3f3;
    --scrollbar-thumb: #c1c1c1;
    --comment-highlight: #ecf6ff;
    --shadow-default: hsla(0, 0%, 76%, .17);
    --radio-group-bg-active: #fff;
}

:root,
html[data-mode=dark] {
    --primary: #1abb9c;
    /*--primary: #ff8c00;*/
    --primary-lighten: #1abb9c;
    /*--primary-lighten: #ffa332;*/
    --primary-darken: #ffa332;
    --red: #f44336;
    --orange: #f77519;
    --red-lighten: #f66;
    --yellow: #ff0;
    --white: #fff;
    --border-darker: #c0c4cc;
    --tooltip-bg: hsla(0, 0%, 6%, .97);
    --tooltip-color: #fff;
    --placeholder-block-bg: #eee;
    --range-thumb: #fff;
    --range-thumb-border: rgba(0, 0, 0, .04);
    --range-thumb-shadow: rgba(0, 0, 0, .15)
}

html[data-mode=dark] {
    --primary: #ff8c00;
    /*--primary-lighten: #1abb9c;*/
    --primary-lighten: #ffa332;
    --button-default-bg: #2d2d2d;
    --button-default-bg-hover: #2f2f2f;
    --button-default-bg-active: #292929;
    --button-default-color: #babbbd;
    --button-primary-bg: #ffa332;
    --button-primary-bg-hover: #ff8c00;
    --button-primary-bg-active: #f28500;
    --button-primary-color: #fff;
    --blue: #1484ff;
    --green: #4ae29b;
    --purple: #ac83f7;
    --border-base: #3b3b3b;
    --border-light: #292929;
    --text-primary: #ddd;
    --text-primary-inverse: #000;
    --text-secondary: #aaa;
    --text-muted: #868e96;
    --text-link: #f29766;
    --link-border-color: hsla(0, 0%, 100%, .3);
    --background: #141414;
    --background-dark: #444;
    --background-hover: #2d2d2d;
    --background-header: #242424;
    --background-highlight: rgba(251, 251, 252, .035);
    --background-elevated-1: #1c1c1e;
    --foreground: #1f1f1f;
    --foreground-darken: #282828;
    --input-border: #3b3d45;
    --input-border-focus: #4b4d55;
    --input-bg: #1a1a1a;
    --dropdown-bg: #292929;
    --tag-bg: #36373d;
    --tag-bg-light: hsla(0, 0%, 100%, .08);
    --tag-bg-light-hover: hsla(0, 0%, 100%, .15);
    --scrollbar-track: #282828;
    --scrollbar-thumb: #444;
    --comment-highlight: #303335;
    --shadow-default: rgba(0, 0, 0, .2);
    --secondary: #3a3e48;
    --radio-group-bg-active: #636366;
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: transform, visibility, opacity;
    transition-property: transform, visibility, opacity, -webkit-transform
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    -webkit-transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.tippy-box[data-theme~=light] {
    color: #26323d;
    -webkit-box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    background-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-svg-arrow {
    fill: #fff
}

.tippy-box[data-animation=shift-toward][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}


/*!* Cropper.js v1.5.6
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2019-10-04T04:33:44.164Z*/

.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0;
    max-height: none!important;
    max-width: none!important;
    min-height: 0!important;
    min-width: 0!important;
    width: 100%
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas,
.cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, .75);
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:after,
.cropper-center:before {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media(min-width:768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media(min-width:992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media(min-width:1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none!important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}


/*!* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com*/

.ql-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    -o-tab-size: 4;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor>* {
    cursor: text
}

.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor ol,
.ql-editor p,
.ql-editor pre,
.ql-editor ul {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol,
.ql-editor ul {
    padding-left: 1.5em
}

.ql-editor ol>li,
.ql-editor ul>li {
    list-style-type: none
}

.ql-editor ul>li:before {
    content: "\2022"
}

.ql-editor ul[data-checked=false],
.ql-editor ul[data-checked=true] {
    pointer-events: none
}

.ql-editor ul[data-checked=false]>li *,
.ql-editor ul[data-checked=true]>li * {
    pointer-events: all
}

.ql-editor ul[data-checked=false]>li:before,
.ql-editor ul[data-checked=true]>li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before {
    content: "\2611"
}

.ql-editor ul[data-checked=false]>li:before {
    content: "\2610"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

.ql-editor li.ql-direction-rtl:before {
    margin-left: .3em;
    margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
}

.ql-editor ol li:before {
    content: counter(list-0, decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: rgba(0, 0, 0, .6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    background: 0 0;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
    outline: none
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none
}

.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover {
    color: #06c
}

.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill {
    fill: #06c
}

.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter {
    stroke: #06c
}

@media(pointer:coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444
    }
}

.ql-snow,
.ql-snow * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ql-snow .ql-hidden {
    display: none
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
    visibility: hidden
}

.ql-snow .ql-tooltip {
    position: absolute;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-snow .ql-tooltip.ql-flip {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle
}

.ql-snow .ql-formats:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: #444
}

.ql-snow .ql-empty {
    fill: none
}

.ql-snow .ql-even {
    fill-rule: evenodd
}

.ql-snow .ql-stroke.ql-thin,
.ql-snow .ql-thin {
    stroke-width: 1
}

.ql-snow .ql-transparent {
    opacity: .4
}

.ql-snow .ql-direction svg:last-child {
    display: none
}

.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-snow .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-snow .ql-editor h1 {
    font-size: 2em
}

.ql-snow .ql-editor h2 {
    font-size: 1.5em
}

.ql-snow .ql-editor h3 {
    font-size: 1.17em
}

.ql-snow .ql-editor h4 {
    font-size: 1em
}

.ql-snow .ql-editor h5 {
    font-size: .83em
}

.ql-snow .ql-editor h6 {
    font-size: .67em
}

.ql-snow .ql-editor a {
    text-decoration: underline
}

.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px
}

.ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
}

.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
}

.ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
}

.ql-snow .ql-editor img {
    max-width: 100%
}

.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
}

.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
}

.ql-snow .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
}

.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
}

.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
    width: 28px
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
}

.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
}

.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {
    content: attr(data-label)
}

.ql-snow .ql-picker.ql-header {
    width: 98px
}

.ql-snow .ql-picker.ql-header .ql-picker-item:before,
.ql-snow .ql-picker.ql-header .ql-picker-label:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
    content: "Heading 1"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
    content: "Heading 2"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
    content: "Heading 3"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
    content: "Heading 4"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
    content: "Heading 5"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
    content: "Heading 6"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em
}

.ql-snow .ql-picker.ql-font {
    width: 108px
}

.ql-snow .ql-picker.ql-font .ql-picker-item:before,
.ql-snow .ql-picker.ql-font .ql-picker-label:before {
    content: "Sans Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {
    content: "Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before {
    content: "Monospace"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia, Times New Roman, serif
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco, Courier New, monospace
}

.ql-snow .ql-picker.ql-size {
    width: 98px
}

.ql-snow .ql-picker.ql-size .ql-picker-item:before,
.ql-snow .ql-picker.ql-size .ql-picker-label:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before {
    content: "Small"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before {
    content: "Large"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {
    content: "Huge"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 8px
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px
}

.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent
}

.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 0
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
}

.ql-snow .ql-tooltip:before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px
}

.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
}

.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.ql-snow .ql-tooltip a.ql-action:after {
    border-right: 1px solid #ccc;
    content: "Edit";
    margin-left: 16px;
    padding-right: 8px
}

.ql-snow .ql-tooltip a.ql-remove:before {
    content: "Remove";
    margin-left: 8px
}

.ql-snow .ql-tooltip a {
    line-height: 26px
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
}

.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    border-right: 0;
    content: "Save";
    padding-right: 0
}

.ql-snow .ql-tooltip[data-mode=link]:before {
    content: "Enter link:"
}

.ql-snow .ql-tooltip[data-mode=formula]:before {
    content: "Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]:before {
    content: "Enter video:"
}

.ql-snow a {
    color: #06c
}

.ql-container.ql-snow {
    border: 1px solid #ccc
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media(min-width:991px) {
     ::-webkit-scrollbar {
        width: 12px
    }
     ::-webkit-scrollbar-track {
        border-radius: 3px;
        background: #f3f3f3;
        background: var(--scrollbar-track)
    }
     ::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: #c1c1c1;
        background: var(--scrollbar-thumb)
    }
}

html {
    -webkit-text-size-adjust: 100%
}

body,
html {
    font-size: 14px
}

body {
    background-color: #f2f2f3;
    background-color: var(--background);
    color: #212529;
    color: var(--text-primary);
    margin: 0;
    padding: 0;
    line-height: 1.4;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    overflow-x: hidden;
    /* background: url(/images/bg.jpg) repeat top!important;
    background-size: cover;
    background-attachment: fixed; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600;
    line-height: 1.3
}

blockquote {
    margin: 0 0 5px;
    position: relative;
    font-size: 13px;
    padding: 10px 15px 10px 26px;
    background: #f5f7fa;
    background: var(--foreground-darken);
    border-radius: 5px
}

blockquote:before {
    content: "\F10D";
    font-family: FontAwesome;
    position: absolute;
    left: 7px;
    top: 3px;
    opacity: .3
}

blockquote>blockquote {
    margin: 0;
    padding: 0;
    background: 0 0
}

blockquote>blockquote:before {
    display: none
}

.link,
a {
    text-decoration: none;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip: ink;
    cursor: pointer
}

.link,
.link:hover,
a,
a:hover {
    color: #f77519;
    color: var(--text-link)
}

.link:hover,
a:hover {
    text-decoration: underline
}

.link-default {
    color: #212529;
    color: var(--text-primary)
}

[tabindex]:focus {
    outline: none
}

button {
    cursor: pointer
}

button[disabled] {
    opacity: .6;
    cursor: not-allowed
}

button:focus {
    outline: none
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

p {
    margin: 0 0 10px
}

ol,
ul {
    padding-left: 25px
}

label {
    display: inline-block
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

input,
select,
textarea {
    background-color: #fff;
    background-color: var(--input-bg);
    color: #212529;
    color: var(--text-primary)
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

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

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

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

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

.buttons-stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttons-stretch .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0
}

.buttons-stretch .button+.button {
    margin-left: 10px
}

.button {
    display: inline-block;
    min-height: 16px;
    height: 32px;
    margin: 0;
    padding: 0 16px;
    color: rgba(33, 37, 41, .8);
    color: var(--button-default-color);
    line-height: 32px;
    font-size: 14px;
    font-family: inherit;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    outline: 0;
    border: none;
    border-radius: 4px;
    background-color: #e0e1e2;
    background-color: var(--button-default-bg);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease, color .1s ease, background .1s ease;
    transition: opacity .1s ease, color .1s ease, background .1s ease;
    -webkit-tap-highlight-color: transparent
}

.button .button_content {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    justify-content: center;
}

.button_flex {
    display: flex;
}

.button_full {
    width: 100%;
}

.button-manga_resume {
    min-height: 32px;
    height: auto;
    line-height: 20px;
}

.button+.button {
    margin-left: 5px
}

.button[disabled] {
    opacity: .6;
    cursor: not-allowed
}

.button.active,
.button:focus,
.button:hover {
    text-decoration: none;
    background-color: #d5d7d8;
    background-color: var(--button-default-bg-hover);
    color: rgba(33, 37, 41, .8);
    color: var(--button-default-color)
}

.button:active {
    background-color: #cecfd1;
    background-color: var(--button-default-bg-active)
}

.button_sm {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 3px;
    padding: 0 10px;
    font-weight: 400
}

.button_lg {
    height: 42px;
    line-height: 24px;
}

.button_md {
    height: 28px;
    line-height: 28px;
    padding: 0 12px
}

.button_normal {
    font-weight: 400
}

.button.labeled,
.button_label {
    position: relative;
    padding-left: 42px;
    padding-right: 16px
}

.button.labeled>.icon,
.button_label>.icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
    border-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    text-align: center;
    margin: 0;
    background-color: rgba(0, 0, 0, .05);
    color: inherit
}

.button_label_right {
    padding-left: 16px;
    padding-right: 42px
}

.button_label_right>.icon {
    left: auto;
    right: 0;
    border-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.button.labeled.button_md,
.button_label.button_md {
    padding-left: 38px;
    padding-right: 14px
}

.button.labeled.button_md>.icon,
.button_label.button_md>.icon {
    width: 28px;
    line-height: 28px
}

.button.labeled.button_sm,
.button_label.button_sm {
    padding-left: 30px;
    padding-right: 10px
}

.button.labeled.button_sm>.icon,
.button_label.button_sm>.icon {
    width: 24px;
    line-height: 24px;
    font-size: 12px
}

.button_label.button_lg {
    padding-left: 46px
}

.button_label.button_lg>.icon {
    width: 36px;
    line-height: 36px;
    font-size: 15px
}

.button_loading,
.button_loading-inv {
    position: relative;
    overflow: hidden;
    color: transparent!important
}

.button_loading-inv:after,
.button_loading:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    border-radius: 16px;
    -webkit-animation: rotation .8s linear infinite;
    animation: rotation .8s linear infinite
}

.button_loading:after {
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-top-color: #fff
}

.button_loading-inv:after {
    border: 2px solid #ccc;
    border-top-color: #212529
}

.button_block {
    display: block;
    width: 100%
}

.button_block+.button_block {
    margin-left: 0;
    margin-top: 10px
}

.button_icon {
    padding: 0;
    width: 32px
}

.button_icon.button_lg {
    width: 40px;
    height: 40px
}

.button_icon.button_md {
    width: 28px
}

.button_icon.button_sm {
    width: 24px
}

.button_primary {
    background-color: #ffa332;
    background-color: var(--button-primary-bg);
    color: #fff;
    color: var(--button-primary-color)
}

.button_primary:focus,
.button_primary:hover {
    background-color: #ff8c00;
    background-color: var(--button-primary-bg-hover);
    color: #fff;
    color: var(--button-primary-color)
}

.button_primary:active {
    background-color: #f28500;
    background-color: var(--button-primary-bg-active);
    color: #fff;
    color: var(--button-primary-color)
}

.button_light {
    background-color: #ededed
}

.button_secondary {
    background-color: var(--secondary);
}

.button_light:focus,
.button_light:hover {
    background-color: #e0e0e0;
}

.button_transparent {
    background-color: transparent
}

.button_blue {
    background-color: #007feb;
    color: #fff
}

.button_blue.button_clean {
    color: #007feb
}

.button_blue:focus,
.button_blue:hover {
    background-color: #0b66cd;
    color: #fff
}

.button_blue:active {
    background-color: #0a61c3;
    color: #fff
}

.button[data-status] {
    background-color: #6f42c1;
    color: #fff
}

.button[data-status]:focus,
.button[data-status]:hover {
    background-color: #683cb8;
    color: #fff
}

.button[data-status]:active {
    background-color: #6138ac;
    color: #fff
}

.button[data-status="2"],
.button_lightblue {
    background-color: #2196f3;
    color: #fff
}

.button[data-status="2"]:focus,
.button[data-status="2"]:hover,
.button_lightblue:focus,
.button_lightblue:hover {
    background-color: #1590f2;
    color: #fff
}

.button[data-status="2"]:active,
.button_lightblue:active {
    background-color: #0d8aee;
    color: #fff
}

.button_white {
    background: #fff;
    color: #212529
}

.button_white:focus,
.button_white:hover {
    background-color: #ff8c00;
    color: #fff
}

.button_white:active {
    background-color: #f28500;
    color: #fff
}

.button[data-status="1"],
.button[data-status="4"],
.button_green {
    background-color: #3cce7b;
    color: #fff
}

.button[data-status="1"].button_clean,
.button[data-status="4"].button_clean,
.button_green.button_clean {
    color: #3cce7b
}

.button[data-status="1"]:focus,
.button[data-status="1"]:hover,
.button[data-status="4"]:focus,
.button[data-status="4"]:hover,
.button_green:focus,
.button_green:hover {
    background-color: #33ca74;
    color: #fff
}

.button[data-status="1"]:active,
.button[data-status="4"]:active,
.button_green:active {
    background-color: #30c06e;
    color: #fff
}

.button[data-status="3"],
.button_red {
    background-color: #f44336;
    color: #fff
}

.button[data-status="3"].button_clean,
.button_red.button_clean {
    color: #f44336
}

.button[data-status="3"]:focus,
.button[data-status="3"]:hover,
.button_red:focus,
.button_red:hover {
    background-color: #f3382a;
    color: #fff
}

.button[data-status="3"]:active,
.button_red:active {
    background-color: #f32c1e
}

.button[data-status="5"] {
    background-color: #f66;
    color: #fff
}

.button[data-status="5"]:focus,
.button[data-status="5"]:hover {
    background-color: #ff5959;
    color: #fff
}

.button[data-status="5"]:active {
    background-color: #ff4d4d;
    color: #fff
}

.button_clean {
    background: 0 0
}

.button_link {
    padding: 0;
    height: auto;
    color: #f77519;
    color: var(--text-link);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    background: 0 0;
    border: none;
    cursor: pointer
}

.button_link:active,
.button_link:focus,
.button_link:hover {
    color: #f77519;
    background: 0 0;
    outline: none
}

.button_link.button_red {
    color: #f44336
}

.button_link.button_green {
    color: #3cce7b
}

.button_link.button_blue {
    color: #007feb;
    color: var(--blue)
}

.button_link.button_default {
    color: #818181;
    color: var(--text-secondary)
}

.button[data-social] {
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    width: 100px;
}

.button svg {
    display: inline-block;
    vertical-align: middle
}

.button[data-social=vk] {
    background-color: #4a76a8
}

.button[data-social=vk]:active,
.button[data-social=vk]:focus,
.button[data-social=vk]:hover {
    background-color: #416793
}

.button[data-social=yandex] {
    background-color: #fc3f1d
}

.button[data-social=yandex]:active,
.button[data-social=yandex]:focus,
.button[data-social=yandex]:hover {
    background-color: #e6391b
}

.button[data-social=google] {
    background-color: #db4437
}

.button[data-social=google]:active,
.button[data-social=google]:focus,
.button[data-social=google]:hover {
    background-color: #ce3325
}

.button[data-social=facebook] {
    background-color: #1877f2
}

.button[data-social=facebook]:active,
.button[data-social=facebook]:focus,
.button[data-social=facebook]:hover {
    background-color: #0d68df
}

.button[data-social=twitter] {
    background-color: #1da1f2
}

.button[data-social=twitter]:active,
.button[data-social=twitter]:focus,
.button[data-social=twitter]:hover {
    background-color: #0d92e3
}

.button[data-social=discord] {
    background-color: #7289da
}

.button[data-social=discord]:active,
.button[data-social=discord]:focus,
.button[data-social=discord]:hover {
    background-color: #5a75d4
}

.button[hover-danger]:active,
.button[hover-danger]:focus,
.button[hover-danger]:hover {
    color: #f44336;
    color: var(--red);
}

.button[hover-success]:active,
.button[hover-success]:focus,
.button[hover-success]:hover {
    color: #3cce7b;
    color: var(--green);
}

.menu {
    padding: 10px 0;
    margin: 0;
    min-width: 130px;
    border: none;
    border-radius: 4px
}

.menu-list {
    padding: 6px;
}

.menu_xs {
    padding: 4px 0
}

.menu_xs .menu__subheader {
    margin-bottom: 4px
}

.menu_xs .menu__item {
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 400
}

.menu_xs .menu__item:hover {
    background: #f0f2f5;
    background: var(--background-hover);
    color: #212529;
    color: var(--text-primary)
}

.menu_xs .menu__item:before {
    display: none
}

.menu_sm,
.menu_small {
    padding: 5px 0
}

.menu_sm .menu__item,
.menu_small .menu__item {
    padding: 7px 10px;
    line-height: 1.4;
    font-weight: 400
}

.menu-template {
    display: none
}

.menu_right {
    left: auto;
    right: 0
}

.menu_default .menu__item {
    font-weight: 400
}

.menu_default .menu__item:before {
    display: none
}

.menu_default .menu__item:active,
.menu_default .menu__item:focus,
.menu_default .menu__item:hover {
    background: #f0f2f5;
    background: var(--background-hover)
}

.menu_default .menu__item_active {
    color: #f77519;
    color: var(--text-link)
}

@media(max-width:768px) {
    .menu_horizontal-sm {
        white-space: nowrap;
        overflow-x: auto;
        padding: 8px 12px
    }
    .menu_horizontal-sm .menu__item {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 0;
        max-width: 240px
    }
    .menu_horizontal-sm::-webkit-scrollbar {
        display: none
    }
}

.menu_page .menu__item {
    position: relative;
    margin-bottom: 1px;
    border-radius: 3px
}

.menu_page .menu__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    opacity: 0;
    border-radius: 3px;
    pointer-events: none;
    background: #fff;
    background: var(--foreground)
}

.menu_page .menu__item:hover {
    color: #212529;
    color: var(--text-primary)
}

.menu_page .menu__item:hover:not(.is-active) {
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .04), inset 0 -1px 0 rgba(0, 0, 0, .04);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .04), inset 0 -1px 0 rgba(0, 0, 0, .04)
}

.menu_page .menu__item:hover:not(.is-active):before {
    opacity: .6
}

.menu_page .menu__item.is-active {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    background: #fff;
    background: var(--foreground);
    color: #212529;
    color: var(--text-primary)
}

@media(min-width:768px) {
    .menu_page {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: 200px;
        margin-right: 30px
    }
}

@media(min-width:768px) {
    .menu_sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
        -ms-flex-item-align: start;
        align-self: start
    }
}

.menu__divider {
    height: 1px;
    margin: 5px 0;
    background-color: #e5e5e5;
    background-color: var(--border-base);
    overflow: hidden
}

.menu__subheader {
    margin: 0 10px 5px;
    font-size: 12px;
    color: #818181;
    color: var(--text-secondary)
}

.menu__text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.menu__label {
    float: right;
    display: block;
    padding: 0 5px;
    margin-left: 5px;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    color: #fff;
    color: var(--tooltip-color);
    background-color: hsla(0, 0%, 6%, .97);
    background-color: var(--tooltip-bg);
    border-radius: 3px
}

.menu__item {
    position: relative;
    display: block;
    padding: 11px 20px;
    color: #212529;
    color: var(--text-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    cursor: pointer
}

.menu__item__text {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.menu__item.disabled {
    cursor: not-allowed
}

.menu__item.disabled,
.menu__item.disabled:hover {
    color: #818181;
    color: var(--text-secondary)
}

.menu__item.disabled:hover:before {
    opacity: 0
}

.menu__item .fa,
.menu__item .far,
.menu__item .fas {
    margin-right: 5px
}

.menu__item b,
.menu__item strong {
    font-weight: 600
}

.menu__item_hidden {
    display: none
}

.menu__item:active,
.menu__item:focus,
.menu__item:hover,
.menu__item_active {
    color: #f77519;
    color: var(--text-link);
    text-decoration: none
}

.menu__item[data-status=default],
.menu__item[data-status=default]:hover,
.menu__item[data-status=delete],
.menu__item[data-status=delete]:hover {
    color: #f44336;
    color: var(--red)
}

.menu__item[data-status=default]:before,
.menu__item[data-status=delete]:before {
    background-color: #f44336;
    background-color: var(--red)
}

.dropdown {
    position: relative
}

.dropdown_open {
    z-index: 40
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    background: var(--dropdown-bg);
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    border-radius: 3px
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.control-group .control+.control {
    margin-top: 10px
}

.control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.control.disable-truncate {
    align-items: flex-start;
}

.control:hover .control__indicator {
    border-color: #c0c4cc;
    border-color: var(--input-border-focus)
}

.control:last-child {
    margin-bottom: 0
}

.control_inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.control_inline+.control_inline {
    margin-left: 15px
}

.control__input {
    visibility: hidden;
    position: absolute;
    z-index: -1;
    opacity: 0
}

.control__input:checked~.control__indicator {
    background: #ffa332;
    background: var(--primary-lighten)
}

.control__input:checked~.control__indicator:after {
    opacity: 1
}

.control__input:checked~.control__indicator_checkbox,
.control__input:checked~.control__indicator_radio {
    border-color: #ffa332;
    border-color: var(--primary-lighten)
}

.control__input:checked~.control__indicator_radio:after {
    -webkit-transform: scale(.4);
    transform: scale(.4)
}

.search-filter__with-exclude[value="1"]~.control__indicator:after {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Jy8+PC9zdmc+)
}

.control__input:checked~.control__indicator_checkbox:after {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Jy8+PC9zdmc+)
}

.control__text {
    margin-left: 8px
}

.control__input:disabled~.control__text {
    cursor: not-allowed;
    color: #818181;
    color: var(--text-secondary)
}

.control__indicator {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: .15s ease;
    transition: .15s ease
}

.control__indicator_top {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 2px
}

.control__indicator:after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    opacity: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: opacity .15s ease, -webkit-transform .15s ease;
    transition: opacity .15s ease, -webkit-transform .15s ease;
    transition: opacity .15s ease, transform .15s ease;
    transition: opacity .15s ease, transform .15s ease, -webkit-transform .15s ease
}

.control__input:disabled~.control__indicator {
    background: #dcdcdc;
    border-color: #dcdcdc;
    opacity: .6;
    cursor: not-allowed
}

.control__indicator_lg {
    width: 20px;
    height: 20px
}

.control__indicator_checkbox {
    border: 1px solid #dcdcdc;
    border: solid 1px var(--input-border);
    background-color: #fff;
    background-color: var(--input-bg);
    border-radius: 3px
}

.control__indicator_checkbox:after {
    background-size: 10px
}

.control__indicator_radio {
    border: 1px solid #dcdcdc;
    border: solid 1px var(--input-border);
    background: #fff;
    background: var(--input-bg);
    border-radius: 50%
}

.control__indicator_radio:after {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHonLz48L3N2Zz4=)
}

.control__description {
    display: block;
    font-size: .825em;
    line-height: 1.4em;
    color: #8a8a8e;
    color: var(--text-secondary);
}

.form-wrap {
    padding: 35px;
    max-width: 750px;
    margin: 15px auto 0
}

.form-wrap_sm {
    max-width: 450px
}

.form-wrap_offset {
    margin-top: 60px
}

.form__heading {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.form__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.form__subtitle {
    font-size: 14px;
    margin-bottom: 10px;
    color: #818181;
    color: var(--text-secondary);
    text-align: center
}

.form__field {
    margin-bottom: 15px;
    position: relative
}

.form__field-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    color: #818181;
    color: var(--text-secondary);
    pointer-events: none
}

.form__field_controls .control {
    margin-top: 5px
}

.form__label {
    color: #212529;
    color: var(--text-primary);
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 1.2
}

.form__label_req:after {
    content: "*";
    margin-left: 4px;
    color: #f44336;
    color: var(--red);
    vertical-align: top
}

.form__label_normal {
    font-weight: 400;
    font-size: 13px;
    color: #818181;
    color: var(--text-secondary)
}

.form__label_left {
    float: left;
    width: 135px;
    padding-right: 12px;
    margin-top: 8px;
    font-size: 12px;
    text-align: right
}

.form__description {
    margin-bottom: 5px;
    color: #818181;
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.2
}

.form__error {
    font-size: 13px;
    color: #f44336;
    color: var(--red)
}

.form__controls {
    margin-left: 135px
}

.form__input-wrap {
    position: relative
}

.form__input,
.form__textarea {
    margin: 0;
    font-size: 14px;
    font-family: inherit;
    line-height: 20px;
    border-radius: 3px;
    color: #212529;
    color: var(--text-primary);
    border: 1px solid #dcdcdc;
    border: solid 1px var(--input-border);
    max-width: 100%
}

.form__input:focus,
.form__textarea:focus {
    outline: none;
    border-color: #c0c4cc;
    border-color: var(--input-border-focus)
}

.form__input {
    padding: 5px 12px;
    width: 100%;
    height: 32px
}

.form__input[disabled] {
    opacity: .7;
    cursor: not-allowed
}

.form__input_sm {
    padding: 2px 8px;
    height: 28px;
    font-size: 13px
}

.form__input_lg {
    height: 44px;
    padding: 8px 16px;
    font-size: 16px
}

.form__input_icon {
    padding-left: 32px
}

.form__input_icon:focus~.form__field-icon {
    color: #212529;
    color: var(--text-primary)
}

.form__input_error {
    border-color: #f66;
    border-color: var(--red-lighten)
}

.form__input_error~.form__field-icon {
    color: #f66;
    color: var(--red-lighten)
}

.form__textarea {
    display: block;
    padding: 12px;
    width: 100%;
    max-width: 100%
}

.form__input_fw {
    max-width: 270px
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.form__input {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form__input:focus {
    z-index: 2
}

.input-group>.form__input:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form__input:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

select.form__input {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCA1Ij4NCiAgPHBhdGggZD0iTTAsMCBMMTAsMCA1LDUgeiIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPg0KPC9zdmc+);
    background-position: 97% 50%;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 8px;
    padding-right: 22px
}

select.form__input::-ms-expand {
    display: none
}

[data-mode=dark] select.form__input {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMCA1Jz48cGF0aCBkPSdNMCAwaDEwTDUgNXonIGZpbGw9JyNmZmYnLz48L3N2Zz4=)
}

.form-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 12px 0
}

.form-block+.form-block {
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.form-block__left {
    padding-right: 10px
}

.form-block__right {
    margin-left: auto
}

.form-block__text {
    line-height: 1
}

.form-block__description {
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
    color: #868e96;
    color: var(--text-muted)
}

.switcher {
    display: block
}

.switcher__checkbox {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.switcher__checkbox:checked~.switcher__slider {
    color: #ffa332;
    color: var(--primary-lighten);
    background: currentColor
}

.switcher__checkbox:checked~.switcher__slider:before {
    border-color: currentColor;
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.switcher__slider {
    position: relative;
    display: block;
    height: 9px;
    width: 26px;
    border-radius: 10px;
    color: #b0b5b9;
    background: currentColor;
    -webkit-transition: background .2s ease;
    transition: background .2s ease
}

.switcher__slider:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid currentColor;
    background: #fff;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
    -webkit-transition: background .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, transform .2s ease;
    transition: background .2s ease, transform .2s ease, -webkit-transform .2s ease
}

.tabs__wrapper {
    -webkit-box-shadow: inset 0 -1px 0 #e5e5e5;
    box-shadow: inset 0 -1px 0 #e5e5e5;
    -webkit-box-shadow: inset 0 -1px 0 var(--border-base);
    box-shadow: inset 0 -1px 0 var(--border-base);
    overflow-y: hidden;
    overflow-x: auto
}

.tabs__list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    white-space: nowrap
}

.tabs__list_center {
    text-align: center
}

.tabs__item {
    padding: 5px 20px 7px;
    display: inline-block;
    cursor: pointer;
    color: #818181;
    color: var(--text-secondary);
    -webkit-transition: color .2s ease, -webkit-box-shadow .3s ease;
    transition: color .2s ease, -webkit-box-shadow .3s ease;
    transition: color .2s ease, box-shadow .3s ease;
    transition: color .2s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease;
    white-space: nowrap;
    text-decoration: none
}

.tabs__item:hover,
.tabs__item_active {
    text-decoration: none;
    color: #212529;
    color: var(--text-primary)
}

.tabs__label {
    font-size: 10px;
    margin-left: 4px;
    font-weight: 400;
    color: #818181;
    color: var(--text-secondary)
}

.tabs__line {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 20;
    height: 2px;
    background-color: #ff8c00;
    background-color: var(--primary);
    -webkit-transition: width .18s ease, -webkit-transform .18s ease;
    transition: width .18s ease, -webkit-transform .18s ease;
    transition: transform .18s ease, width .18s ease;
    transition: transform .18s ease, width .18s ease, -webkit-transform .18s ease
}

.tabs__content {
    display: none
}

.tabs__content_show {
    display: block
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0;
    overflow-y: auto
}

.modal:focus {
    outline: none
}

.modal:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -100px;
    z-index: 1101;
    background: rgba(0, 0, 0, .65)
}

.modal[id=reader-adult]:before {
    backdrop-filter: blur(10px);
}

.modal_open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal_in:before {
    -webkit-animation: modal_show .3s ease;
    animation: modal_show .3s ease
}

.modal_in .modal__content {
    -webkit-animation: modal_content_show .3s ease;
    animation: modal_content_show .3s ease
}

.modal_out:before {
    -webkit-animation: modal_hide .3s ease;
    animation: modal_hide .3s ease
}

.modal_out .modal__content {
    -webkit-animation: modal_content_hide .3s ease;
    animation: modal_content_hide .3s ease
}

.modal_in[data-animation=fade-up] .modal__content {
    -webkit-animation: modal_content_show_fade_up .3s ease;
    animation: modal_content_show_fade_up .3s ease
}

.modal_out[data-animation=fade-up] .modal__content {
    -webkit-animation: modal_content_hide_fade_up .3s ease;
    animation: modal_content_hide_fade_up .3s ease
}

.modal_in[data-type=bottom-sheet] .modal__content {
    -webkit-animation: bottom_sheet_show .3s ease;
    animation: bottom_sheet_show .3s ease
}

.modal_out[data-type=bottom-sheet] .modal__content {
    -webkit-animation: bottom_sheet_hide .2s ease;
    animation: bottom_sheet_hide .2s ease
}

.modal_in[data-type=slide] .modal__content {
    -webkit-animation: modal_slide_show .4s ease;
    animation: modal_slide_show .4s ease
}

.modal_out[data-type=slide] .modal__content {
    -webkit-animation: modal_slide_hide .4s ease;
    animation: modal_slide_hide .4s ease
}

.modal_in[data-type=side] .modal__content {
    -webkit-animation: modal_side_show .3s ease;
    animation: modal_side_show .3s ease
}

.modal_out[data-type=side] .modal__content {
    -webkit-animation: modal_side_hide .3s ease;
    animation: modal_side_hide .3s ease
}

.modal_scroll .modal__inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.modal__inner {
    max-width: 92vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto
}

.modal__inner:focus {
    outline: none
}

.modal__content {
    position: relative;
    z-index: 1120;
    background: #fff;
    background: var(--foreground);
    width: 92vw;
    border-radius: 2px;
    -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, .4);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .4)
}

.modal__content_transparent {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal__content-scroller {
    overflow-y: auto;
    height: 100%;
    overscroll-behavior: contain
}

.modal[data-type=bottom-sheet] {
    overflow: hidden;
    padding: 44px 0 0;
    width: 100%;
    height: 100%;
    top: auto
}

.modal[data-type=bottom-sheet].modal_open:not(.modal_in):not(.modal_out) {
    overflow-y: auto
}

.modal[data-type=bottom-sheet].modal_open {
    display: table
}

.modal[data-type=bottom-sheet] .modal__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    vertical-align: bottom;
    display: table-cell
}

.modal[data-type=bottom-sheet] .modal__content {
    margin-top: auto;
    width: 100%;
    max-height: 100%;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden
}

.modal[data-type=slide] {
    padding: 0
}

.modal[data-type=slide]:before {
    display: none
}

.modal[data-type=slide] .modal__content {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal[data-type=side] .modal__content {
    position: fixed;
    top: 16px;
    right: 16px;
    bottom: 16px;
    max-width: 460px;
    border-radius: 6px;
    overflow-y: auto;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .08)
}

@media(max-width:560px) {
    .modal[data-type=side] .modal__content {
        top: 10px;
        right: 10px;
        left: 10px;
        bottom: 10px;
        max-width: auto;
        width: auto
    }
}

.modal__subheader {
    margin-bottom: 6px;
    font-size: 13px
}

.modal__header {
    position: relative;
    padding: 13px 20px 0;
    color: #212529;
    color: var(--text-primary)
}

.modal__header_padding {
    padding-bottom: 13px
}

.modal__title {
    margin: 0;
    padding-right: 30px;
    font-size: 16px;
    line-height: 20px;
    color: currentColor;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.modal__title.text-center {
    padding-right: 0
}

.modal__close,
.search-filter-input__clear {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 40;
    height: 24px;
    width: 24px;
    padding: 6px;
    color: #818181;
    color: var(--text-secondary);
    border-radius: 3px
}

.modal__close:hover,
.search-filter-input__clear:hover {
    background: #f0f2f5;
    background: var(--background-hover)
}

.modal__close-icon,
.modal__close svg,
.search-filter-input__clear svg {
    display: block;
    width: 12px;
    height: 12px;
    stroke: currentColor;
    stroke-width: 1.3;
    pointer-events: none
}

.modal__close-icon line,
.modal__close svg line,
.search-filter-input__clear svg line {
    stroke-width: 2
}

.modal__close_sm {
    width: 26px;
    height: 26px
}

.modal__close_sm .modal__close-icon {
    margin-top: 6px;
    margin-left: 6px
}

.modal__close:hover,
.search-filter-input__clear:hover {
    color: #212529;
    color: var(--text-primary)
}

.modal__body {
    padding: 20px;
    overflow-y: auto
}

.modal__body .form__field:last-child {
    margin-bottom: 0
}

.modal__body_scrollable {
    max-height: 200px;
    overflow-y: auto;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.modal__footer {
    padding: 0 15px 20px
}

@-webkit-keyframes modal_show {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes modal_show {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes modal_content_show {
    0% {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes modal_content_show {
    0% {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes modal_hide {
    to {
        opacity: 0
    }
}

@keyframes modal_hide {
    to {
        opacity: 0
    }
}

@-webkit-keyframes modal_content_hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        opacity: 0
    }
}

@keyframes modal_content_hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        opacity: 0
    }
}

@-webkit-keyframes modal_content_show_fade_up {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes modal_content_show_fade_up {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes modal_content_hide_fade_up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
}

@keyframes modal_content_hide_fade_up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0
    }
}

@-webkit-keyframes bottom_sheet_show {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bottom_sheet_show {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes bottom_sheet_hide {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes bottom_sheet_hide {
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes modal_slide_show {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes modal_slide_show {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes modal_slide_hide {
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes modal_slide_hide {
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes modal_side_show {
    0% {
        -webkit-transform: translate3d(16px, 0, 0);
        transform: translate3d(16px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes modal_side_show {
    0% {
        -webkit-transform: translate3d(16px, 0, 0);
        transform: translate3d(16px, 0, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes modal_side_hide {
    to {
        opacity: 0;
        -webkit-transform: translate3d(16px, 0, 0);
        transform: translate3d(16px, 0, 0)
    }
}

@keyframes modal_side_hide {
    to {
        opacity: 0;
        -webkit-transform: translate3d(16px, 0, 0);
        transform: translate3d(16px, 0, 0)
    }
}

@media(min-width:420px) {
    .modal__content[data-size=xs] {
        width: 350px
    }
    .modal__content[data-size=small] {
        width: 400px
    }
}

@media(min-width:520px) {
    .modal__content:not([data-size]) {
        width: 500px
    }
}

@media(min-width:670px) {
    .modal__content[data-size=md] {
        width: 650px
    }
}

@media(min-width:820px) {
    .modal__content[data-size=large] {
        width: 800px
    }
}

.label,
.m-label {
    padding: 0 8px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
    height: 15px;
    line-height: 13px;
    font-size: 13px;
    color: #fff
}

.label_success,
.m-label_success {
    background: #3cce7b;
    background: var(--green)
}

.label_alert,
.m-label_alert {
    background: #f44336;
    background: var(--red)
}

.label_warning,
.m-label_warning {
    background: #ffa332;
    background: var(--primary-lighten)
}

.label_info,
.m-label_info {
    background: #007feb;
    background: var(--blue)
}

.label_purple,
.m-label_purple {
    background: #6f42c1;
    background: var(--purple)
}

.label_fx,
.m-label_fx {
    line-height: 14px
}

.tippy-box[data-theme*=light] {
    background: #fff;
    background: var(--dropdown-bg);
    color: #212529;
    color: var(--text-primary);
    text-align: left;
    border-radius: 3px;
    font-size: 13px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.tippy-box[data-theme*=light] .tippy-content {
    padding: 6px 12px
}

.tippy-box[data-theme*=light] .tippy-arrow {
    color: #fff;
    color: var(--dropdown-bg)
}

.tippy-box[data-theme*=light][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: currentColor
}

.tippy-box[data-theme*=light][data-placement^=top]>.tippy-arrow:before {
    border-top-color: currentColor
}

.tippy-box[data-theme=dropdown] {
    background-color: #fff;
    background-color: var(--dropdown-bg);
    color: #212529;
    color: var(--text-primary);
    border-radius: 4px;
    text-align: left;
    pointer-events: auto;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    max-width: none!important
}

.tippy-box[data-theme=dropdown] .tippy-content {
    padding: 0
}

.tippy-box[data-theme=item-info] {
    background-color: hsla(0, 0%, 6%, .97);
    background-color: var(--tooltip-bg);
    color: #fff;
    color: var(--tooltip-color);
    text-align: left;
    max-width: 360px
}

.tippy-box[data-theme=item-info] .tippy-content {
    padding: 10px 15px
}

.tippy-box[data-theme=item-info] .tippy-arrow {
    color: hsla(0, 0%, 6%, .97);
    color: var(--tooltip-bg)
}

.tippy-box[data-theme*=message-preview] {
    font-size: 14px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .35)
}

.tippy-box[data-theme*=message-preview] .tippy-content {
    padding: 8px 14px
}

.small-alert {
    position: relative;
    display: inline-block;
    padding: 7px 10px;
    padding-left: 44px;
    margin: 10px 5px;
    margin-left: 0;
    border: 2px solid #e9e9e9;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.small-alert_info {
    color: #007feb;
    border-color: rgba(0, 127, 235, .4)
}

.small-alert_info .small-alert__icon {
    border-color: rgba(0, 127, 235, .4);
    background: rgba(0, 127, 235, .1)
}

.small-alert__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
    padding: 8px 7px;
    font-size: 18px;
    text-align: center;
    border-right: 2px solid #e9e9e9;
    background: hsla(0, 0%, 91%, .1)
}

.small-alert__icon svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: currentColor
}

.alert {
    padding: 20px 20px 20px 40px;
    margin-bottom: 10px;
    background: #f5f7fa;
    background: var(--foreground-darken);
    border-left: 4px solid transparent;
    border-radius: 3px
}

.alert a {
    border-bottom: 1px solid rgba(0, 0, 0, .16);
    border-bottom: solid 1px var(--link-border-color);
    font-weight: 500
}

.alert a,
.alert a:hover {
    color: #212529;
    color: var(--text-primary);
    text-decoration: none
}

.alert a:hover {
    border-bottom-color: #212529;
    border-bottom-color: var(--text-primary)
}

.alert:before {
    display: block;
    float: left;
    margin-left: -26px;
    font: normal normal normal 18px/1 FontAwesome
}

.alert_xs {
    padding: 6px 12px;
    font-size: 12px
}

.alert_xs:before {
    display: none
}

.alert_sm {
    padding: 12px
}

.alert_sm:before {
    display: none
}

.alert_info {
    border-color: #007feb;
    border-color: var(--blue)
}

.alert_info:before {
    content: "\F05A";
    color: #007feb;
    color: var(--blue)
}

.alert_success {
    border-color: #3cce7b;
    border-color: var(--green)
}

.alert_success:before {
    content: "\F05A";
    color: #3cce7b;
    color: var(--green)
}

.alert_danger {
    border-color: #f44336;
    border-color: var(--red)
}

.alert_danger:before {
    content: "\F06A";
    color: #f44336;
    color: var(--red)
}

.alert_default {
    color: #212529;
    color: var(--text-primary);
    background-color: #f0f2f5;
    background-color: var(--background-hover)
}

.alert_text-center {
    text-align: center
}

.alert_fixed {
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    margin-bottom: 8px;
    background-color: #fff;
    background-color: var(--dropdown-bg);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    pointer-events: auto
}

.alert__close {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    padding: 9px;
    opacity: .7;
    border-radius: 50%;
    cursor: pointer
}

.alert__close svg {
    stroke: currentColor;
    width: 13px;
    height: 13px;
    display: block
}

.alert__close:hover {
    background: rgba(0, 0, 0, .1);
    opacity: 1
}

.flash-messages {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 400;
    margin: 0;
    width: 100%;
    pointer-events: none
}

.paginator {
    overflow-x: auto;
    padding: 10px 0
}

.paginator_border {
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    border-right: 0;
    border-left: 0
}

.paginator_border-top {
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.paginator_border-bottom {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.pagination {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    white-space: nowrap
}

.pagination li {
    display: inline-block;
    min-width: 26px;
    min-height: 26px;
    line-height: 26px;
    margin: 0 5px;
    border-radius: 3px;
    vertical-align: middle;
    color: #212529;
    color: var(--text-primary);
    cursor: pointer;
    -webkit-transition: .1s ease;
    transition: .1s ease
}

.pagination li.active,
.pagination li:hover:not(.disabled) {
    background-color: #ff8c00;
    background-color: var(--primary);
    color: #fff;
    color: var(--white)
}

.pagination li.disabled {
    cursor: not-allowed
}

.pagination li:first-child,
.pagination li:last-child {
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    font-smoothing: antialiased;
    font-size: 26px;
    border-radius: 0;
    color: #818181;
    color: var(--text-secondary)
}

.pagination li:first-child:hover,
.pagination li:last-child:hover {
    background: 0 0;
    color: #212529;
    color: var(--text-primary)
}

.pagination li:first-child a,
.pagination li:first-child span,
.pagination li:last-child a,
.pagination li:last-child span {
    font-size: 0
}

.pagination li:first-child:before,
.pagination li:last-child:before {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.pagination li:first-child:before {
    content: "\F104"
}

.pagination li:last-child:before {
    content: "\F105"
}

.pagination a,
.pagination span {
    display: block;
    min-height: 26px;
    padding: 0 5px;
    color: inherit;
    text-decoration: none
}

@media(min-width:768px) {
    .paginator_full {
        padding: 0
    }
    .paginator_full .pagination {
        padding: 10px 46px;
        position: relative;
        min-height: 46px
    }
    .paginator_full .pagination li:first-child,
    .paginator_full .pagination li:last-child {
        position: absolute;
        top: 0;
        height: 100%;
        width: 46px;
        line-height: 44px;
        text-align: center;
        margin: 0
    }
    .paginator_full .pagination li:first-child a,
    .paginator_full .pagination li:last-child a {
        width: 100%;
        height: 100%;
        background: 0 0!important;
        border-radius: 0
    }
    .paginator_full .pagination li:first-child {
        left: 0;
        border-right: 1px solid #e5e5e5;
        border-right: solid 1px var(--border-base)
    }
    .paginator_full .pagination li:last-child {
        right: 0;
        border-left: 1px solid #e5e5e5;
        border-left: solid 1px var(--border-base)
    }
}

.pagination_dark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 10px;
    margin: 0;
    border-radius: 3px;
    color: #fff;
    background-color: rgba(31, 38, 49, .8);
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pagination_dark li {
    color: #fff;
    padding: 0 4px;
    vertical-align: top;
    font-size: 13px;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    opacity: .65
}

.pagination_dark li.active {
    opacity: 1;
    color: #f77519;
    color: var(--text-link)
}

html[data-mode=dark] .pagination_dark {
    background: rgba(85, 85, 85, .6)
}

.dots:after {
    content: "";
    display: block;
    clear: both
}

.dots .dot {
    float: left;
    width: 16px;
    height: 16px;
    margin: 2px;
    background: #fff;
    border-radius: 50%
}

.dots .dot:first-child {
    -webkit-animation: dotLoading .75s -.24s infinite ease;
    animation: dotLoading .75s -.24s infinite ease
}

.dots .dot:nth-child(2) {
    -webkit-animation: dotLoading .75s -.12s infinite ease;
    animation: dotLoading .75s -.12s infinite ease
}

.dots .dot:nth-child(3) {
    -webkit-animation: dotLoading .75s 0s infinite ease;
    animation: dotLoading .75s 0s infinite ease
}

.loader-wrapper {
    padding: 20px 0
}

.loader-circle {
    width: 32px;
    height: 32px;
    border: 3px solid #e5e5e5;
    border: solid 3px var(--border-base);
    border-top-color: #212529;
    border-top-color: var(--text-primary);
    border-radius: 50%;
    margin: 0 auto;
    -webkit-animation: rotation .8s linear infinite;
    animation: rotation .8s linear infinite
}

.loader-circle_md {
    width: 20px;
    height: 20px;
    border-width: 2px
}

.loader-circle_small {
    width: 16px;
    height: 16px;
    border-width: 2px
}

.page-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 22px;
    font-weight: 700
}

.page-preloader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #fff;
    background: var(--foreground);
    opacity: .4
}

.page-preloader_visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-preloader_enter {
    -webkit-animation: pageloader .3s ease;
    animation: pageloader .3s ease
}

.page-preloader_leave {
    -webkit-animation: pageloaderHide .3s ease;
    animation: pageloaderHide .3s ease
}

@-webkit-keyframes dotLoading {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    45% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes dotLoading {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    45% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: .7
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes rotation {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotation {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes pageloader {
    0% {
        opacity: 0
    }
}

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

@-webkit-keyframes pageloaderHide {
    to {
        opacity: 0
    }
}

@keyframes pageloaderHide {
    to {
        opacity: 0
    }
}

.tooltip {
    position: relative
}

.tooltip_delay:after {
    opacity: 0
}

.tooltip_delay:hover:after {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.tooltip[data-place^=top]:after {
    bottom: 100%;
    margin-bottom: 5px
}

.tooltip[data-place^=bottom]:after,
.tooltip[data-place^=top]:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip[data-place^=bottom]:after {
    top: 100%;
    margin-top: 5px
}

.tooltip[data-place$=start]:after {
    left: 0;
    -webkit-transform: none;
    transform: none
}

.tooltip[data-place$=end]:after {
    left: auto;
    right: 0;
    -webkit-transform: none;
    transform: none
}

.tooltip[data-place^=left]:after {
    right: 100%;
    top: 50%;
    margin-right: 5px;
    margin-top: -11px
}

.tooltip[data-place^=right]:after {
    left: 100%;
    top: 50%;
    margin-left: 5px;
    margin-top: -11px
}

.tooltip:hover:after {
    display: block;
    -webkit-animation-name: show_tooltip;
    animation-name: show_tooltip;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    animation-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.tooltip:after {
    content: "";
    position: absolute;
    display: none;
    pointer-events: none;
    content: attr(aria-label);
    height: 22px;
    padding: 3px 8px;
    background-color: hsla(0, 0%, 6%, .97);
    background-color: var(--tooltip-bg);
    color: #fff;
    color: var(--tooltip-color);
    line-height: 16px;
    font-weight: 400;
    font-size: 13px;
    white-space: pre;
    border-radius: 2px
}

@-webkit-keyframes show_tooltip {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes show_tooltip {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0
}

.breadcrumb li {
    display: inline
}

.breadcrumb li:after {
    content: "\BB";
    margin: 0 5px;
    color: #818181;
    color: var(--text-secondary)
}

.breadcrumb li:last-child:after {
    display: none
}

.breadcrumb a {
    color: #212529;
    color: var(--text-primary);
    font-weight: 500;
    text-decoration: none
}

.breadcrumb a:hover {
    color: #ff8c00;
    color: var(--primary)
}

.breadcrumb span {
    color: #818181;
    color: var(--text-secondary)
}

.progress {
    position: relative;
    height: 6px;
    border-radius: 6px;
    background-color: #e5e5e5;
    background-color: var(--border-base);
    overflow: hidden
}

.progress__bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transition: width .1s ease;
    transition: width .1s ease;
    background-color: #3cce7b;
    background-color: var(--green)
}

.progress__bar_primary {
    background-color: #ffa332;
    background-color: var(--primary-lighten)
}

.progress-info {
    margin-bottom: 5px;
    line-height: 18px;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.progress-info__left {
    padding-right: 10px
}

.progress-info__right {
    color: #818181;
    color: var(--text-secondary)
}

.progress-circle {
    display: block;
    fill: none;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.progress-circle__circle {
    stroke-width: 2.5px;
    stroke-linecap: round;
    stroke: #e5e5e5;
    stroke: var(--border-base)
}

.progress-circle__circle_bar {
    stroke: #3cce7b;
    stroke: var(--green);
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.editor .ql-container.ql-snow {
    border: 0
}

.editor .ql-snow .ql-stroke {
    stroke: currentColor!important
}

.editor .ql-snow .ql-fill {
    fill: currentColor!important
}

.editor .ql-editor.ql-blank:before {
    color: #818181;
    color: var(--text-secondary)
}

.editor .ql-editor,
.editor__content {
    position: relative;
    z-index: 5;
    padding: 10px;
    min-height: 140px;
    border-radius: 3px;
    background-color: #fff;
    background-color: var(--input-bg);
    border: 1px solid #dcdcdc;
    border: solid 1px var(--input-border)
}

.editor .ql-editor p,
.editor__content p {
    margin: 0
}

.editor .ql-editor:focus,
.editor__content:focus {
    outline: none
}

.editor .ql-editor[aria-placeholder]:before,
.editor__content[aria-placeholder]:before {
    content: attr(aria-placeholder);
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    cursor: text;
    color: #818181;
    color: var(--text-secondary)
}

.editor .ql-editor.is-dirty:before,
.editor__content.is-dirty:before {
    display: none
}

.editor .ql-toolbar.ql-snow,
.editor__toolbar {
    position: relative;
    z-index: 10;
    padding: 5px;
    background-color: #f5f7fa;
    background-color: var(--foreground-darken);
    border: 1px solid #dcdcdc;
    border: solid 1px var(--input-border);
    border-bottom: 0;
    border-radius: 3px 3px 0 0
}

.editor .ql-toolbar.ql-snow:after,
.editor__toolbar:after {
    content: "";
    display: block;
    clear: both
}

.editor__toolbar button {
    width: 30px;
    height: 30px;
    background: 0 0;
    border: 0;
    color: #818181;
    color: var(--text-secondary);
    float: left
}

.editor__toolbar button:hover {
    color: #ff8c00;
    color: var(--primary)
}

.editor__toolbox {
    float: left;
    margin-right: 20px
}

.editor__toolbox:after {
    content: "";
    display: block;
    clear: both
}

.editor__toolbox button+button {
    margin-left: 0
}

.editor__toolbar+.editor__content,
.editor_toolbar_top .editor__contert,
.editor_toolbar_top .ql-editor {
    border-radius: 0 0 3px 3px
}

.ql-snow .ql-tooltip {
    z-index: 40
}

.ql-snow .ql-tooltip a.ql-action:after {
    content: "\420\435\434\430\43A\442\438\440\43E\432\430\442\44C"!important
}

.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    content: "\421\43E\445\440\430\43D\438\442\44C"!important
}

.ql-snow .ql-tooltip a.ql-remove:before {
    content: "\423\431\440\430\442\44C"!important
}

.ql-snow .ql-tooltip:before {
    content: "\41F\435\440\435\439\442\438:"!important
}

.ql-image-block {
    display: block
}

.ql-image-block__wrapper {
    position: relative;
    display: inline-block;
    margin: 8px 0
}

.ql-image-block__remove {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    width: 32px;
    height: 32px;
    text-align: center;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    color: var(--white);
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    border-top-right-radius: 3px
}

.ql-image-block__remove:hover {
    background: #f44336;
    background: var(--red)
}

.ql-image-block__img {
    max-height: 250px;
    max-width: 100%;
    display: block;
    border-radius: 3px
}

.ql-image-block__icon {
    font-size: 16px;
    display: block
}

.collapse {
    background: #fff;
    background: var(--foreground);
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;
    -webkit-box-shadow: 0 0 0 1px var(--border-base);
    box-shadow: 0 0 0 1px var(--border-base)
}

.collapse_aside .aside__subtitle,
.collapse_aside .aside__title {
    display: none
}

.collapse__trigger {
    position: relative;
    padding: 10px;
    cursor: pointer
}

.collapse__title {
    font-size: 15px
}

.collapse__icon {
    position: absolute;
    right: 5px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 26px
}

.collapse__icon i {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.collapse__content {
    display: none;
    -webkit-animation: fade .3s ease;
    animation: fade .3s ease
}

.collapse__body {
    padding: 10px
}

.collapse_open .collapse__trigger {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.collapse_open .collapse__content {
    display: block
}

.collapse_open .collapse__icon i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
}

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

@media(min-width:992px) {
    .collapse_responsive .collapse__trigger {
        display: none
    }
    .collapse_aside .aside__subtitle,
    .collapse_aside .aside__title,
    .collapse_responsive .collapse__content {
        display: block
    }
}

.message-preview {
    padding-left: 36px;
    min-height: 24px
}

.message-preview_chat {
    width: 226px
}

.message-preview__avatar {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    margin-left: -36px;
    border-radius: 24px;
    font-size: 0;
    background-color: #f5f7fa;
    background-color: var(--foreground-darken)
}

.message-preview__text {
    line-height: 22px;
    padding-top: 1px;
    word-wrap: break-word
}

.message-preview__username {
    margin-right: 5px;
    font-weight: 700;
    font-size: 14px;
    color: #212529;
    color: var(--text-primary)
}

.message-preview__content {
    display: inline
}

.message-preview__content span[title] {
    display: none
}

.message-preview__content img {
    display: block;
    margin: 5px 0;
    max-height: 130px!important;
    max-width: 100%
}

[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    margin: 5px 0;
    width: 100%;
    cursor: pointer
}

[type=range]::-moz-focus-outer {
    border: 0
}

[type=range]:focus {
    outline: 0
}

[type=range]:focus:focus::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 3px rgba(254, 174, 79, .3);
    box-shadow: 0 0 0 3px rgba(254, 174, 79, .3)
}

[type=range]:focus::-webkit-slider-runnable-track {
    background: #e4e7ea
}

[type=range]:focus::-ms-fill-lower {
    background: #dee2e6
}

[type=range]:focus::-ms-fill-upper {
    background: #e4e7ea
}

[type=range]::-webkit-slider-runnable-track {
    cursor: default;
    height: 6px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    background: #dee2e6;
    border: 0 solid #fff;
    border-radius: 6px
}

[type=range]::-webkit-slider-thumb {
    background: #feae4f;
    border: 0 solid #fff;
    border-radius: 10px;
    cursor: default;
    height: 16px;
    width: 16px;
    -webkit-appearance: none;
    margin-top: -5px;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease
}

[type=range]::-moz-range-track {
    cursor: default;
    height: 6px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    background: #dee2e6;
    border: 0 solid #fff;
    border-radius: 6px;
    height: 3px
}

[type=range]::-moz-range-thumb {
    background: #feae4f;
    border: 0 solid #fff;
    border-radius: 10px;
    cursor: default;
    height: 12px;
    width: 12px
}

[type=range]::-ms-track {
    cursor: default;
    height: 6px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    background: 0 0;
    border-color: transparent;
    border-width: 8px 0;
    color: transparent
}

[type=range]::-ms-fill-lower {
    background: #d8dde2;
    border: 0 solid #fff;
    border-radius: 12px
}

[type=range]::-ms-fill-upper {
    background: #dee2e6;
    border: 0 solid #fff;
    border-radius: 12px
}

[type=range]::-ms-thumb {
    background: #feae4f;
    border: 0 solid #fff;
    border-radius: 10px;
    cursor: default;
    height: 12px;
    width: 12px;
    margin-top: 1.5px
}

[type=range]:disabled::-webkit-slider-thumb {
    cursor: not-allowed
}

[type=range]:disabled::-moz-range-thumb {
    cursor: not-allowed
}

[type=range]:disabled::-ms-thumb {
    cursor: not-allowed
}

[type=range]:disabled::-webkit-slider-runnable-track {
    cursor: not-allowed
}

[type=range]:disabled::-ms-fill-lower,
[type=range]:disabled::-ms-fill-upper {
    cursor: not-allowed
}

[data-mode=dark] [type=range]:focus::-webkit-slider-runnable-track {
    background: #494949
}

[data-mode=dark] [type=range]:focus::-ms-fill-lower {
    background: #444
}

[data-mode=dark] [type=range]:focus::-ms-fill-upper {
    background: #494949
}

[data-mode=dark] [type=range]::-webkit-slider-runnable-track {
    background: #444
}

[data-mode=dark] [type=range]::-moz-range-track {
    background: #444
}

[data-mode=dark] [type=range]::-ms-fill-upper {
    background: #444
}

.autocomplete__empty {
    padding: 20px;
    text-align: center;
    color: #818181;
    color: var(--text-secondary)
}

.autocomplete__wrap {
    position: relative
}

.autocomplete .loader-wrapper {
    display: none
}

.autocomplete_loading .autocomplete__suggestions:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: .4;
    background: #fff;
    background: var(--foreground)
}

.autocomplete_loading .loader-wrapper {
    display: block
}

.autocomplete .person-profile {
    margin-top: 0!important
}

.media-card {
    position: relative;
    display: block;
    padding-top: 140%;
    border-radius: 4px;
    background-color: #f5f7fa;
    background-color: var(--foreground-darken);
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

.media-card-wrap {
    padding: 8px
}

.media-card-wrap_sm {
    padding: 6px
}

.media-card__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    color: var(--white);
    padding: 35px 5px 5px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .01)));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .01));
    text-shadow: 0 1px rgba(0, 0, 0, .7);
    overflow: hidden;
    border-radius: 0 0 4px 4px
}

.media-card__subtitle {
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 400
}

.media-card__title {
    font-weight: 500;
    font-size: 13px
}

.media-card__bookmark {
    position: absolute;
    top: 5px;
    left: -5px;
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
    color: var(--white)
}

.media-cards-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4px 5px
}

@media(max-width:650px) {
    .media-cards-grid {
        padding: 8px
    }
}

.media-cards-grid .media-card-wrap {
    width: 20%
}

@media(max-width:991px) {
    .media-cards-grid .media-card-wrap {
        width: 25%
    }
}

@media(max-width:650px) {
    .media-cards-grid .media-card-wrap {
        width: 33.3333%;
        padding: 4px
    }
}

@media(max-width:374px) {
    .media-cards-grid .media-card-wrap {
        width: 50%
    }
}

.media-cards-scroller {
    overflow-x: auto
}

.media-cards-scroller::-webkit-scrollbar {
    display: none
}

.media-cards-scroller__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.media-cards-scroller .media-card {
    min-width: 125px
}

@media(min-width:768px) {
    .container {
        max-width: 760px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 990px
    }
}

@media(min-width:1024px) {
    .container {
        max-width: 1020px
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1200px
    }
}

.container {
    margin: 0 auto;
    padding: 0 15px;
    width: 100%
}

.container:after {
    content: "";
    display: block;
    clear: both
}

.container_offset {
    margin-top: 17px
}

@media(min-width:768px) {
    .container_sidebar-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.container_md {
    max-width: 750px
}

.container_center {
    max-width: 870px
}

.container_responsive {
    max-width: 1200px
}

.page {
    padding-top: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    width: 100vw
}

.emoji {
    width: 1em;
    height: 1em;
    margin: 0 1.5px
}

#page-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .6);
    visibility: hidden;
    opacity: 0
}

.page_mobile .page {
    padding-top: 44px
}

.page_transparent-header .page {
    padding-top: 0
}

.app-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.page_wrapper-left {
    float: left
}

.page_wrapper-right {
    float: right
}

.page__wrapper {
    width: calc(100% - 310px)
}

.page__wrapper_left {
    float: left
}

.page__wrapper_right {
    float: right
}

.page__title {
    position: relative;
    margin: 0 0 12px;
    line-height: 1.2;
    font-weight: 600
}

.page__title,
.page__title_sm {
    font-size: 17px
}

.page__title_center {
    text-align: center
}

.page__inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.page__section {
    margin-bottom: 20px;
    padding: 10px
}

.toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.toolbar__left:after,
.toolbar__right:after {
    content: "";
    display: block;
    clear: both
}

.toolbar__item {
    float: left;
    margin-right: 10px
}

.toolbar__item:last-child {
    margin-right: 0
}

.social-sign {
    position: relative;
    /* padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base) */
}


/* .social-sign:after {
    content: "\438\43B\438";
    position: absolute;
    bottom: -8px;
    left: 50%;
    display: inline-block;
    padding: 0 15px;
    font-size: 13px;
    background-color: #fff;
    background-color: var(--foreground);
    color: #818181;
    color: var(--text-secondary);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
} */

.social-sign__wrap {
    margin: 0 -5px
}

.social-sign__wrap:after {
    content: "";
    display: block;
    clear: both
}

.social-sign__button {
    float: left;
    width: 25%;
    padding: 0 5px
}

.social-sign__button a {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.social-sign_vk {
    background-color: #507299
}

.social-sign_vk:hover {
    background-color: #3d5775
}

.social-sign_tw {
    background-color: #1b95e0
}

.social-sign_tw:hover {
    background-color: #1988cd
}

.social-sign_fb {
    background-color: #3b5998
}

.social-sign_fb:hover {
    background-color: #324b81
}

.social-sign_ggp {
    background-color: #db4437
}

.social-sign_ggp:hover {
    background-color: #c23023
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 16px
}

.rating__star {
    display: inline-block;
    padding-right: 5px;
    width: 19px;
    height: 14px;
    color: #cdcdcd;
    cursor: pointer
}

.rating__star svg {
    width: 14px;
    height: 14px;
    fill: currentColor
}

.rating__current,
.rating__current~.rating__star {
    color: #ffb300
}

.rating__star:hover,
.rating__star:hover~.rating__star {
    color: #f66;
    color: var(--red-lighten)
}

.rules-btn {
    position: relative;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px 8px;
    vertical-align: middle;
    background: #f5f7fa;
    background: var(--foreground-darken);
    border: 0;
    border-radius: 3px
}

.rules-btn,
.rules-btn:hover {
    color: #212529;
    color: var(--text-primary)
}

.rules-btn:hover {
    text-decoration: none
}

.rules-btn__dot {
    display: none;
    top: -2px;
    right: -2px;
    width: 8px;
    height: 8px;
    color: #f44336;
    color: var(--red);
    border-radius: 8px
}

.rules-btn__dot,
.rules-btn__dot:before {
    position: absolute;
    background: currentColor
}

.rules-btn__dot:before {
    content: "";
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .5;
    border-radius: 50%;
    -webkit-animation: pulse 3.5s ease-in-out infinite;
    animation: pulse 3.5s ease-in-out infinite
}

[data-book-status] {
    background: #6f42c1;
    color: #fff
}

[data-book-status="1"] {
    background: #3cce7b;
    background: var(--green)
}

[data-book-status="2"] {
    background: #2196f3
}

[data-book-status="3"] {
    background: #f44336;
    background: var(--red)
}

[data-book-status="4"] {
    background: #3cce7b;
    background: var(--green)
}

[data-book-status="5"] {
    background: #f66;
    background: var(--red-lighten)
}

.choices {
    position: relative;
    font-size: 14px
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #f1f1f1;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding: 5px 12px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #dcdcdc;
    border-bottom: solid 1px var(--input-border);
    background-color: #fff;
    background-color: var(--input-bg);
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    padding: 0;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiI+PGxpbmUgeDE9IjEiIHkxPSIxIiB4Mj0iOSIgeTI9IjkiPjwvbGluZT48bGluZSB4MT0iMSIgeTE9IjkiIHgyPSI5IiB5Mj0iMSI+PC9saW5lPjwvZz48L3N2Zz4NCg==);
    background-size: 10px;
    border-radius: 10em;
    opacity: .5
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    -webkit-box-shadow: 0 0 0 2px #00bcd4;
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one]:after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiI+PGxpbmUgeDE9IjEiIHkxPSIxIiB4Mj0iOSIgeTI9IjkiPjwvbGluZT48bGluZSB4MT0iMSIgeTE9IjkiIHgyPSI5IiB5Mj0iMSI+PC9saW5lPjwvZz48L3N2Zz4NCg==);
    background-size: 10px;
    width: 8px;
    line-height: 1;
    opacity: .75
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    width: 100%;
    padding: 3px 5px 0;
    background-color: #fff;
    background-color: var(--input-bg);
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    border-radius: 2px;
    vertical-align: top;
    font-size: 14px;
    min-height: 32px;
    overflow: hidden
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #c0c4cc;
    border-color: var(--input-border-focus)
}

.is-open .choices__inner {
    border-radius: 2px 2px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2px 2px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    padding: 0;
    line-height: 20px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    padding: 2px 10px;
    height: 24px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: #ffa332;
    background-color: var(--primary-lighten);
    color: #fff;
    color: var(--white);
    border: 0;
    word-break: break-all
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #ff8c00;
    border: 0
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #bbb;
    border: 0
}

.choices__list--dropdown {
    display: none;
    z-index: 30;
    position: absolute;
    width: 100%;
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    background-color: #fff;
    background-color: var(--input-bg);
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    overflow: hidden;
    word-break: break-all
}

.choices__list--dropdown.is-active {
    display: block
}

.is-open .choices__list--dropdown {
    border-color: #c0c4cc;
    border-color: var(--input-border-focus)
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 6px 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

@media(min-width:640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }
    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f5f7fa;
    background-color: var(--foreground-darken)
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #dcdcdc;
    border-bottom: solid 1px var(--input-border);
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.choices__button:focus {
    outline: none
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #fff;
    background-color: var(--input-bg);
    color: #212529;
    color: var(--text-primary);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 3px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    min-height: 24px;
    padding: 2px 0
}

.choices__input:focus {
    outline: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

#comments {
    min-height: 150px
}

.comments-header__settings {
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    line-height: 24px
}

.comments-header__destroy {
    margin-left: 10px;
    vertical-align: middle
}

.comments-settings-item {
    padding: 14px 0
}

.comments-settings-item .control__indicator {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 3px
}

.comments-settings-item:first-child {
    padding-top: 7px
}

.comments-settings-item+.comments-settings-item {
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.comments-info {
    text-align: center;
    line-height: 1.8;
    padding: 30px 10px
}

.comments-info__icon {
    border-bottom: 1px solid currentColor;
    cursor: pointer
}

.comments-info__btn {
    margin-top: 30px
}

.comments-settings-level.form-block {
    display: block
}

.comments-settings-level__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 6px
}

.comments-settings-level__text b {
    min-width: 55px;
    text-align: right;
    margin-left: 20px
}

.comments-settings-level__range {
    margin-top: 6px
}

.comments {
    position: relative;
    min-height: 150px
}

.comments .comment__content--spoiler {
    position: relative;
    cursor: pointer;
    color: var(--text-primary);
}

.comments .comment__content--spoiler:before {
    content: 'Спойлер. Кликните, чтобы показать.';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.comments .comment__content--spoiler .comment__content-text {
    filter: blur(6px);
    opacity: .8;
}

.comments .section__body {
    padding-left: 5px;
    padding-right: 5px
}

.comments__footer .comment-reply__editor {
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0
}

.comments__footer .comment-reply__controls {
    border-width: 0
}

.comments__load-page {
    margin-top: 10px;
    padding: 0 8px
}

.comments__form {
    padding: 12px
}

.comments__pseudo-form {
    padding: 12px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    color: #818181;
    color: var(--text-secondary);
    cursor: pointer
}

.comments__partial {
    padding: 13px 13px 0
}

.comments__partial-text {
    padding: 13px;
    border-radius: 3px;
    background: #f0f2f5;
    background: var(--background-hover)
}

.comments__partial-text .button_link {
    border-bottom: 1px solid currentColor
}

.comments__rules {
    padding: 40px 16px;
    font-size: 16px
}

.comments__rules,
.comments__rules:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 30
}

.comments__rules:before {
    content: "";
    display: block;
    background: #fff;
    background: var(--foreground);
    opacity: .9
}

.comments__rules-wrap {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 31
}

.comments__rules-wrap>span {
    display: inline-block
}

.comment {
    position: relative
}

.comment_highlight>.comment__body {
    background: #ecf6ff;
    background: var(--comment-highlight);
    border-radius: 3px
}

.comment_sticky {
    margin: 0 5px
}

.comment_sticky:not(.is-editing) .comment__controls .button_link {
    display: none
}

.comment_sticky .comment__body {
    border-radius: 3px;
    background: #fbfbfc;
    background: var(--background-highlight)
}

.comment_sticky .comment__body .comment__head:after {
    content: "\417\430\43A\440\435\43F\43B\435\43D";
    top: 2px;
    right: 4px;
    font-weight: 700;
    background: #007feb;
    background: var(--blue);
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    line-height: 1;
    border-radius: 3px;
    margin-left: 11px
}

@media(max-width:500px) {
    .comment_sticky .comment__body .comment__head:after {
        position: absolute
    }
}

.comment_sticky .comment__content_collapsed:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(transparent));
    background: linear-gradient(0deg, #fff, transparent);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--background-highlight)), to(transparent));
    background: linear-gradient(0deg, var(--background-highlight), transparent)
}

.comment__head {
    position: relative;
    padding-left: 32px
}

@media(min-width:500px) {
    .comment__head {
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.comment__user {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment__user,
.comment__user:hover {
    text-decoration: none
}

.comment__avatar {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    display: block;
    border-radius: 3px;
    border: 0;
    overflow: hidden;
    font-size: 0
}

@media(max-width:500px) {
    .comment__avatar {
        position: absolute;
        top: 6px;
        left: 0
    }
}

.comment__username {
    margin-right: 4px;
    color: #212529;
    color: var(--text-primary);
    font-weight: 700;
    max-width: 220px
}

.comment__username:hover {
    color: #ff8c00;
    color: var(--primary)
}

@media(max-width:560px) {
    .comment__username {
        font-size: 13px;
        display: block
    }
}

.comment__user-role {
    color: #007feb;
    color: var(--blue);
    margin-right: 4px;
    white-space: nowrap
}

@media(max-width:560px) {
    .comment__user-role {
        font-size: 13px
    }
}

.comment__user-reply {
    color: #818181;
    color: var(--text-secondary);
    cursor: pointer
}

.comment__user-reply:hover {
    color: #212529;
    color: var(--text-primary)
}

.comment__user-reply .fa {
    font-size: 12px;
    margin-right: 3px;
    pointer-events: none
}

@media(max-width:560px) {
    .comment__user-reply {
        font-size: 13px
    }
}

.comment__date-time {
    color: #818181;
    color: var(--text-secondary);
    font-size: 13px
}

@media(max-width:500px) {
    .comment__date-time {
        display: block;
        font-size: 11px;
        line-height: 1
    }
}

.comment__actions {
    margin-left: 10px;
    opacity: 0
}

.comment__action,
.comment__actions {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.comment__action {
    padding: 0;
    background: 0 0;
    border: 0;
    color: #212529;
    color: var(--text-primary);
    opacity: .3
}

.comment__action:hover {
    opacity: 1
}

.comment__action+.comment__action {
    margin-left: 5px
}

.comment__rating {
    position: absolute;
    right: 8px;
    top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #818181;
    color: var(--text-secondary)
}

.comment__rating-action {
    padding: 6px 8px;
    cursor: pointer
}

.comment__rating-action svg {
    width: 12px;
    height: 10px;
    display: block;
    fill: currentColor;
    pointer-events: none
}

.comment__rating-action[data-action="1"]:hover,
.comment__rating-action_active[data-action="1"] {
    color: #3cce7b
}

.comment__rating-action[data-action="0"]:hover,
.comment__rating-action_active[data-action="0"] {
    color: #f44336
}

.comment__rating-value {
    padding: 0 13px;
    font-weight: 600
}

.comment__rating-value_positive {
    color: #3cce7b
}

.comment__rating-value_negative {
    color: #f44336
}

.comment__body {
    padding: 12px 8px;
    background-color: #fff;
    background-color: var(--foreground)
}

.comment__body:hover .comment__actions {
    opacity: 1
}

.comment__content {
    margin: 8px 0 4px;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    word-break: break-word
}

@media(max-width:500px) {
    .comment__content {
        margin: 10px 0
    }
}

.comment__content-hidden {
    color: #818181;
    color: var(--text-secondary)
}

.comment__content-hidden .button_link {
    border-bottom: 1px dotted currentColor;
    color: inherit;
    font-size: inherit
}

.comment__content_collapsed {
    overflow: hidden;
    height: 132px;
    position: relative
}

.comment__content_collapsed:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(transparent));
    background: linear-gradient(0deg, #fff, transparent);
    background: -webkit-gradient(linear, left bottom, left top, from(var(--foreground)), to(transparent));
    background: linear-gradient(0deg, var(--foreground), transparent)
}

.comment__content p {
    margin: 0
}

.comment__dropdown {
    display: inline-block;
    vertical-align: middle
}

.comment__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment__controls .button_link {
    margin-right: 10px;
    font-size: 14px
}

.comment__control_dropdown {
    width: 20px;
    height: 20px;
    padding: 9px 3px 8px;
    margin-right: 10px;
    cursor: pointer;
    color: #818181;
    color: var(--text-secondary)
}

.comment__control_dropdown:hover {
    color: #212529;
    color: var(--text-primary)
}

.comment__control_dropdown svg {
    display: block;
    width: 14px;
    height: 3px;
    fill: currentColor
}

.comment__collapse {
    position: absolute;
    top: 0;
    left: -1px;
    width: 24px;
    height: 100%;
    cursor: pointer;
    border-left: 2px solid transparent;
    display: none
}

.comment__collapse:hover {
    border-left-color: #ffa332;
    border-left-color: var(--primary-lighten)
}

.comment__expand {
    padding-bottom: 7px;
    padding-left: 8px;
    color: #868e96;
    color: var(--text-muted)
}

.comment__expand_upper {
    padding-left: 0;
    text-transform: uppercase
}

.comment__children {
    position: relative;
    margin-left: 8px;
    padding-left: 17px;
    border-left: 1px solid #e5e5e5;
    border-left: solid 1px var(--border-base);
    background: #fff;
    background: var(--foreground)
}

.comment__children_new-line {
    margin-left: -234px;
    padding-left: 0;
    border-left: 0
}

.comment__children_new-line>.comment__collapse {
    display: none!important
}

.comment__children_new-line:after,
.comment__children_new-line:before {
    content: "";
    display: block;
    height: 10px;
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    margin-bottom: 10px
}

.comment__children_new-line:before {
    border-bottom: 0;
    border-right: 0;
    width: 237px;
    margin-left: -3px
}

.comment__children_new-line:after {
    border-top: 0
}

.comment__spoiler {
    display: inline;
    cursor: pointer
}

.comment__spoiler .spoiler-title {
    border-bottom: 1px dashed #007feb;
    border-bottom: dashed 1px var(--blue);
    color: #007feb;
    color: var(--blue)
}

.comment__spoiler .spoiler-text {
    display: none;
    border-bottom: 1px dashed #f44336;
    border-bottom: dashed 1px var(--red)
}

.comment__spoiler:not(.comment__spoiler_expanded) .comment__spoiler {
    display: none
}

.comment__spoiler_expanded:after,
.comment__spoiler_expanded:before {
    display: inline;
    color: #007feb;
    color: var(--blue);
    font-size: 10px;
    letter-spacing: .8px
}

.comment__spoiler_expanded:before {
    content: "[spoiler]";
    margin-right: 4px
}

.comment__spoiler_expanded:after {
    content: "[/spoiler]";
    margin-left: 4px
}

.comment__spoiler_expanded:hover:after,
.comment__spoiler_expanded:hover:before {
    color: #f44336;
    color: var(--red)
}

.comment__spoiler_expanded>.spoiler-title {
    display: none
}

.comment__spoiler_expanded>.spoiler-text {
    display: inline
}

.comment-reply {
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    background: #fff;
    background: var(--foreground);
    border-radius: 3px
}

.comment-reply p {
    margin: 0
}

.comment-reply__alert {
    text-align: center;
    padding: 15px 10px;
    background-color: #f5f7fa;
    background-color: var(--foreground-darken);
    border-color: #e5e5e5;
    border-color: var(--border-base);
    border-style: solid;
    border-width: 1px 0 0
}

.comment-reply__editor {
    position: relative;
    padding: 12px;
    min-height: 80px;
    line-height: 20px;
    word-break: break-word
}

.comment-reply__editor:focus {
    outline: none
}

.comment-reply__editor:before {
    content: attr(aria-placeholder);
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px;
    color: #818181;
    color: var(--text-secondary);
    cursor: text
}

.comment-reply__editor.is-dirty:before {
    display: none
}

.comment-reply__right {
    margin-left: 10px;
    float: right
}

.comment-reply__right .dropdown {
    margin-right: 6px;
    display: inline-block
}

.comment-reply__right .fa-paper-plane {
    display: none
}

.comment-reply__controls {
    padding: 0 12px 8px
}

.comment-reply__controls:after {
    content: "";
    display: block;
    clear: both
}

.comment-reply__toolbar .button {
    color: #818181;
    color: var(--text-secondary);
    background: 0 0;
    margin-left: 0;
    margin-right: 10px;
    border-radius: 50%
}

.comment-reply__toolbar .button:hover {
    background: #f0f2f5;
    background: var(--background-hover)
}

@-webkit-keyframes comment_highlight {
    to {
        background-color: transparent
    }
}

@keyframes comment_highlight {
    to {
        background-color: transparent
    }
}

@media(min-width:768px) {
    .comment__children:hover>.comment__collapse {
        display: block
    }
}

body[data-header-type=static] .header {
    position: static
}

body[data-header-type=static] .page {
    padding-top: 0
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    width: 100vw;
    height: 56px;
    background-color: #e48f13;
    background-color: var(--background-header);
    transition: top .3s ease;
}

.header_transparent {
    background-color: transparent;
    -webkit-transition: background .15s ease;
    transition: background .15s ease
}

.header_highlight {
    background-color: #e48f13;
    background-color: var(--background-header)
}

.header__inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    min-width: 900px;
    padding: 0 15px;
    margin: 0 auto
}

.header__inner,
.header__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__item {
    min-width: 190px;
    height: 56px
}

.header__menu {
    padding: 10px 0
}

.header__left {
    position: relative
}

.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__logo {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.header__logo:hover {
    opacity: .8
}

.header__other-sites {
    position: absolute;
    right: 10px;
    bottom: 7px
}

.header__other-sites-icon {
    padding: 5px;
    color: #fff;
    color: var(--white);
    line-height: 15px;
    cursor: pointer
}

.header__other-sites .menu {
    margin-left: 5px
}

.header-button {
    position: relative;
    display: inline-block
}

.header-button__icon {
    position: relative;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

.header-button__icon .fa-ellipsis-h {
    font-size: 18px;
    line-height: 38px
}

.header-button__icon:hover {
    background-color: hsla(0, 0%, 100%, .09)
}

.header-button__icon.dropdown_active {
    background-color: hsla(0, 0%, 100%, .15)
}

.header-button__icon.dropdown_active .notify__count {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.header-actions {
    background: #242424;
    color: #ddd;
    z-index: 1005
}

.header-show-enter-active,
.header-show-leave-active {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.header-show-enter,
.header-show-leave-to {
    opacity: 0
}

.header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    margin: 0 auto
}

.header-menu .dropdown_active {
    background-color: hsla(0, 0%, 100%, .15)
}

.header-menu__item {
    margin: 0 4px
}

.header-menu__item>a,
.header-menu__item>span {
    display: block;
    padding: 10px 13px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

.header-menu__item>a .fa,
.header-menu__item>span .fa {
    width: 15px;
    margin-right: 3px;
    font-size: 13px
}

.header-menu__item>a .fa-caret-down,
.header-menu__item>span .fa-caret-down {
    font-size: 10px;
    margin-left: 6px;
    margin-right: 0;
    width: auto
}

.header-menu__item>a:hover,
.header-menu__item>span:hover {
    color: #fff;
    text-decoration: none;
    background-color: hsla(0, 0%, 100%, .09)
}

.header-menu__item>a:active,
.header-menu__item>a:focus,
.header-menu__item>span:active,
.header-menu__item>span:focus {
    color: #fff;
    text-decoration: none;
    background-color: hsla(0, 0%, 100%, .15)
}

.header__sign {
    padding: 0 12px;
    background: 0 0;
    font-weight: 400;
    color: #fff
}

.header__sign:hover {
    background: hsla(0, 0%, 100%, .1);
    color: #fff
}

.header__sign:active,
.header__sign:focus {
    background: hsla(0, 0%, 100%, .15);
    color: #fff
}

.header__sign-in {
    margin-right: 10px
}

.header__sign-up {
    border: 1px solid #fff;
    line-height: 28px
}

.header-right-menu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0
}

.header-right-menu__item {
    margin-left: 10px
}

.header-right-menu__item:first-child {
    margin-left: 0
}

.header-right-menu__item .header-button__icon:hover .notify__count {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.header-right-menu__avatar {
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 2px;
    cursor: pointer
}

.header_mobile {
    height: 44px;
    background-image: url(/images/manga.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.header_mobile .header-right-menu {
    height: 100%;
    padding: 0 10px;
    float: right;
    min-width: auto
}

.header-search_mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    padding: 7px 10px;
    background: #e48f13;
    background: var(--background-header)
}

.header-search_mobile .header-search__input {
    height: 30px
}

.header-search_mobile .header-search__close svg {
    width: 30px;
    height: 30px
}

.header-search_mobile .header-search__find {
    line-height: 30px
}

.header-search_mobile .header-search__close,
.header-search_mobile .header-search__find {
    width: 30px;
    height: 30px
}

.header-search_mobile .header-autocomplete {
    position: fixed;
    top: 44px!important;
    border-radius: 0;
    margin-top: 0;
    padding: 0 10px;
    max-height: calc(100% - 44px)
}

.header-links {
    float: left;
    margin-left: 10px
}

.header-links__button {
    padding: 6px 13px;
    margin: 6px 0;
    background: hsla(0, 0%, 100%, .09);
    color: #fff;
    font-weight: 700;
    line-height: 20px;
    border-radius: 3px;
    cursor: pointer
}

.header-links__menu {
    margin-top: 5px;
    padding: 4px 0
}

.header-toggle {
    float: left;
    width: 44px;
    height: 44px;
    -ms-flex-preferred-size: 44px;
    flex-basis: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 18px;
    text-align: center;
    line-height: 44px;
    vertical-align: top;
    cursor: pointer;
    color: #fff
}

.header-toggle .fa,
.header-toggle .fas {
    -webkit-transform: scaleX(1.25);
    transform: scaleX(1.25)
}

.footer {
    margin-top: 15px
}

@media(max-width:768px) {
    .footer {
        margin-top: 8px
    }
}

.footer__inner {
    padding: 20px 40px 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.footer__theme-toggler {
    margin-bottom: 10px
}

.footer__theme-toggler h3 {
    display: inline-block;
    margin-right: 10px
}

.footer__copyright {
    float: right
}

.footer__nav {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left
}

.footer__nav li {
    display: inline-block
}

.footer__nav li:after {
    content: "\2022"
}

.footer__nav li:last-child:after {
    content: ""
}

.footer-t-preview {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    padding-left: 2px;
    padding-top: 1px;
    font-weight: 500;
    border-radius: 3px;
    border: 2px solid transparent;
    cursor: pointer
}

.footer-t-preview[data-toggle-theme=light] {
    background: #fff;
    color: #212529;
    border-color: #e5e5e5
}

.footer-t-preview[data-toggle-theme=dark] {
    background: #1f1f1f;
    color: #ddd;
    border-color: #3b3b3b
}

@media(min-width:991px) {
    [data-page=catalog]:not(.page_mobile) .footer__inner {
        max-width: 830px
    }
}

@media(max-width:768px) {
    [data-page=catalog] .footer__inner {
        padding-bottom: 60px
    }
}

.m-menu,
.m-submenu {
    position: fixed;
    top: 0;
    left: -380px;
    width: 380px;
    z-index: 1030;
    height: 100%;
    color: #ddd;
    background: #1f1f1f;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    will-change: transform
}

.m-menu:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1035;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .4s ease, visibility .4s ease;
    transition: opacity .4s ease, visibility .4s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.m-menu_hidden:after {
    opacity: 1;
    visibility: visible
}

.m-menu__social {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1f1f1f;
    border-top: 1px solid #3b3b3b
}

@media(min-width:991px) {
    .m-menu__social .button {
        height: 32px;
        line-height: 32px
    }
}

.m-menu__top {
    height: 34px;
    background: #141414;
    display: none
}

.m-menu__close-menu {
    float: right;
    margin-right: 6px;
    width: 34px;
    height: 34px;
    color: #ddd
}

.m-menu__close-menu svg {
    width: 20px;
    height: 20px;
    margin: 7px
}

.m-menu__close-menu line {
    stroke-width: 3;
    stroke: currentColor
}

.m-menu__profile,
.m-menu__sign {
    position: relative;
    padding: 15px 24px;
    border-bottom: 1px solid #3b3b3b
}

.m-menu__profile:after,
.m-menu__sign:after {
    content: "";
    display: block;
    clear: both
}

.m-menu__sign-in,
.m-menu__sign-up {
    color: #ddd;
    background: #2d2d2d
}

.m-menu__sign-in {
    background: 0 0;
    float: right
}

.m-menu__user-info {
    display: block;
    margin: 0 auto;
    max-width: 90px;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.m-menu__user-info span {
    display: block;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap
}

.m-menu__user-info img {
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 2px
}

.m-menu__scrollable {
    width: 100%;
    height: calc(100% - 49px);
    overflow-y: auto
}

.m-menu__icon {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    margin-top: 14px;
    text-align: center;
    font-size: 22px;
    color: #ddd;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.m-menu__icon .fa {
    line-height: 36px
}

.m-menu__icon:active,
.m-menu__icon:focus,
.m-menu__icon:hover {
    color: #fff;
    text-decoration: none
}

.m-menu__icon_notify {
    float: left;
    margin-left: 15px
}

.m-menu__icon_bookmark {
    float: right;
    margin-right: 15px
}

.m-menu__icon-marker {
    position: absolute;
    top: 4px;
    right: 3px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #f44336
}

.m-menu__link {
    padding: 14px 32px;
    position: relative;
    display: block;
    color: #ddd;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid #3b3b3b;
    -webkit-tap-highlight-color: transparent
}

.m-menu__link:active,
.m-menu__link:focus,
.m-menu__link:hover {
    background: #2d2d2d;
    color: #ddd;
    text-decoration: none
}

.m-menu__link .fa {
    font-weight: 400;
    margin-right: 5px
}

.m-menu__link .fa-angle-left {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    margin: 0;
    line-height: 22px;
    text-align: center;
    left: 4px;
    font-size: 22px;
    top: 13px;
    opacity: .7
}

.m-submenu {
    z-index: 1040;
    overflow-y: auto
}

.m-submenu[data-submenu=notify] {
    overflow-y: hidden
}

.m-submenu_open {
    -webkit-transform: translate(380px);
    transform: translate(380px);
    -webkit-transform: translate3d(380px, 0, 0);
    transform: translate3d(380px, 0, 0)
}

.m-submenu__title {
    text-align: center;
    max-height: 60px;
    font-size: 20px;
    font-weight: 700;
    padding: 19px;
    opacity: .5
}

.m-submenu__title .fa {
    font-size: 18px
}

.m-submenu__back {
    position: relative;
    font-weight: 700;
    padding: 10px 18px;
    background: #141414;
    cursor: pointer;
    height: 40px
}

.m-submenu__back .fa {
    position: absolute;
    right: 18px;
    top: 12px
}

.m-submenu .m-menu__link {
    padding: 12px 16px
}

.m-menu-opened {
    overflow: hidden
}

@media(min-width:400px) {
    .m-menu-opened #page-overlay {
        opacity: 1;
        visibility: visible;
        z-index: 1020
    }
    .m-menu-opened .m-menu {
        -webkit-transform: translate(380px);
        transform: translate(380px);
        -webkit-transform: translate3d(380px, 0, 0);
        transform: translate3d(380px, 0, 0)
    }
}

.notify {
    min-width: 350px;
    width: 460px;
    padding: 0;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.notify_mobile {
    position: absolute;
    top: 40px;
    left: 0;
    margin: 0;
    width: 100%;
    min-width: 100%;
    height: calc(100% - 40px);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.notify_mobile .notification-item {
    color: #ddd;
    background: #1f1f1f!important;
    padding: 12px 7px
}

.notify_mobile .notification-item:hover {
    color: #ddd;
    background-color: rgba(251, 251, 252, .035)
}

.notify_mobile .notification-item__remove {
    display: none!important
}

.notify_mobile .notification-row+.notification-row {
    border-top-color: #3b3b3b
}

.notify_mobile .notifications-header {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-color: #3b3b3b
}

.notify_mobile .notifications-header__icon {
    color: #ddd
}

.notify_mobile .notifications__wrapper {
    height: 100%
}

.notify_mobile .notifications__body {
    height: calc(100% - 79px);
    max-height: none
}

.notify_mobile .tabs__wrapper {
    margin-top: 5px;
    -webkit-box-shadow: inset 0 -1px 0 #3b3b3b;
    box-shadow: inset 0 -1px 0 #3b3b3b
}

.notify_mobile .notifications-filter .tabs__item {
    color: #868e96
}

.notify_mobile .notifications-filter .tabs__item_active {
    color: #ddd
}

.notify__count {
    position: absolute;
    top: 1px;
    left: 16px;
    min-width: 16px;
    padding: 0 3px;
    background-color: #444;
    background-color: var(--background-dark);
    color: #fff;
    color: var(--white);
    border-radius: 16px;
    font-size: 10px;
    line-height: 16px;
    -webkit-transition: .1s ease;
    transition: .1s ease
}

.notifications__body {
    font-size: 14px;
    max-height: 500px;
    overflow-y: auto;
    overscroll-behavior: none
}

.notifications__list .notification-item {
    background: #fff;
    background: var(--dropdown-bg)
}

.notifications__empty {
    text-align: center;
    line-height: 20px;
    padding: 40px 10px;
    font-size: 13px;
    color: #818181;
    color: var(--text-secondary)
}

.notifications-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3px 10px
}

.notifications-header__title {
    font-weight: 700;
    margin: 0;
    padding: 7px 0;
    font-size: 14px
}

.notifications-header__icon {
    height: 26px;
    width: 26px;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    color: #212529;
    color: var(--text-primary);
    opacity: .5
}

.notifications-header__icon:hover {
    opacity: 1
}

.notifications-header__icon i,
.notifications-header__icon svg {
    display: block;
    font-size: 16px;
    width: 16px;
    height: 16px
}

.notifications-filter .tabs__item {
    padding: 6px 10px 8px;
    font-size: 13px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.notifications-filter .tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.notifications-filter .tabs__label {
    font-size: 11px
}

@media(min-width:991px) {
    .notifications-filter .tabs__wrapper {
        overflow-x: hidden
    }
    .notifications-filter .tabs__item {
        padding-left: 3px;
        padding-right: 3px
    }
    .notifications-filter .tabs__item:nth-child(5),
    .notifications-filter .tabs__item:nth-child(6) {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.notification-row {
    position: relative;
    overflow: hidden;
    -webkit-transition: height .2s ease, opacity .2s ease;
    transition: height .2s ease, opacity .2s ease
}

.notification-row:hover .notification-item__remove {
    display: block
}

.notification-row+.notification-row {
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.notification-row.is-dragable .notification-row__readinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.notification-row__readinfo {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #3cce7b;
    height: 100%;
    width: 100%;
    color: #fff
}

.notification-row__readinfo-icon {
    padding: 0 15px
}

.notification-row__readinfo-icon .fa {
    display: block;
    margin-bottom: 5px;
    font-size: 24px
}

.notification-row__readinfo-icon span {
    font-size: 12px
}

.notification-item {
    position: relative;
    z-index: 10;
    padding: 10px 30px 10px 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    background: var(--foreground);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.notification-item,
.notification-item:hover {
    color: #212529;
    color: var(--text-primary);
    text-decoration: none
}

.notification-item:hover {
    background-color: #fbfbfc;
    background-color: var(--background-highlight)
}

.notification-item[data-type$=accept] .notification-item__img,
.notification-item[data-type$=deny] .notification-item__img {
    padding: 5px
}

.notification-item__left {
    width: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.notification-item__img {
    max-width: 100%;
    display: block
}

.notification-item__img_cover {
    min-height: 70px;
    border-radius: 3px
}

.notification-item__username {
    display: inline-block;
    max-width: 160px;
    margin-right: 5px;
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.notification-item__content {
    padding-left: 10px;
    line-height: 20px
}

.notification-item__meta {
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 16px
}

.notification-item__body b,
.notification-item__body strong {
    font-weight: 600
}

.notification-item__body b {
    border-bottom: 1px solid rgba(0, 0, 0, .16);
    border-bottom: solid 1px var(--link-border-color)
}

.notification-item__date {
    color: #818181;
    color: var(--text-secondary)
}

.notification-item__loader {
    padding: 13px 0
}

.notification-item__remove {
    position: absolute;
    z-index: 15;
    top: 10px;
    right: 5px;
    padding: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: none
}

.notification-item__remove:hover {
    background: rgba(0, 0, 0, .15)
}

.notification-item__remove svg {
    display: block;
    width: 10px;
    height: 10px;
    stroke: #212529;
    stroke: var(--text-primary)
}

.notifications-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.notifications-menu .dropdown {
    margin-right: 10px
}

.notifications-menu .button {
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden
}

.notifications-menu .button .fa {
    font-size: 10px;
    vertical-align: middle;
    margin-left: 4px;
    margin-bottom: 2px
}

.notifications-actions .dropdown {
    display: none
}

@media(max-width:380px) {
    .notifications-actions .dropdown {
        display: block
    }
    .notifications-actions>.button {
        display: none
    }
}

.none-leave-to {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.notification-leave-to {
    opacity: 0;
    height: 0!important;
    overflow: hidden
}

.aside__filter {
    margin: 0;
    padding: 10px 0
}

.filter__item {
    display: block;
    padding: 8px 10px;
    height: 32px;
    line-height: 16px;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
    color: #212529;
    color: var(--text-primary)
}

.filter__item:active,
.filter__item:focus,
.filter__item:hover {
    background-color: #f0f2f5;
    background-color: var(--background-hover);
    color: #212529;
    color: var(--text-primary);
    text-decoration: none
}

.filter__item:hover:not(.filter__item_active) .filter__item-indicator {
    border-color: #c0c4cc;
    border-color: var(--input-border-focus)
}

.filter__item_active .filter__item-indicator {
    background-color: #ff8c00;
    background-color: var(--primary);
    border-color: #ff8c00;
    border-color: var(--primary)
}

.filter__item_active .filter__item-indicator:after {
    -webkit-transform: scale(.34);
    transform: scale(.34);
    opacity: 1
}

.filter__item-indicator {
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    background: var(--input-bg);
    border: 1px solid #dcdcdc;
    border: solid 1px var(--input-border);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .15s ease;
    transition: .15s ease
}

.filter__item-indicator:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: .15s ease;
    transition: .15s ease;
    opacity: 0
}

.side-manga-item {
    display: block;
    padding: 0 10px;
    min-height: 112px;
    color: #212529;
    color: var(--text-primary)
}

.side-manga-item:last-of-type {
    margin-bottom: 0
}

.side-manga-item:last-of-type .side-manga-item__inner {
    border-bottom: 0
}

.side-manga-item:hover {
    text-decoration: none;
    background-color: #f0f2f5;
    background-color: var(--background-hover)
}

.side-manga-item:hover h3 {
    color: #f77519;
    color: var(--text-link)
}

.side-manga-item__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.side-manga-item__poster {
    width: 65px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 91px
}

.side-manga-item__poster img {
    max-width: 100%;
    display: block;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.side-manga-item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 10px
}

.side-manga-item__body h3 {
    font-size: 15px
}

.side-manga-item__body h4 {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    color: #818181;
    color: var(--text-secondary)
}

.aside {
    width: 285px
}

.aside_left {
    float: left
}

.aside_right {
    float: right
}

.aside__panel {
    background-color: #fff;
    background-color: var(--foreground);
    overflow: hidden;
    margin-bottom: 17px;
    border-radius: 2px
}

.aside__subtitle {
    padding: 12px 0;
    margin: 0 10px;
    font-size: 15px;
    border-bottom: 1px dashed #e5e5e5;
    border-bottom: dashed 1px var(--border-base)
}

.aside__title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left
}

.aside__title-inner {
    padding: 10px 14px;
    display: block;
    border-bottom: 2px solid #ffa332;
    border-bottom: solid 2px var(--primary-lighten)
}

.aside__content {
    padding: 10px 14px
}

.aside__content_group {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.aside__content_group:last-child {
    border-bottom: 0
}

.info-list__row {
    margin-bottom: 8px;
    line-height: 20px
}

.info-list__row strong {
    padding-right: 7px
}

.info-desc_short .info-desc__content {
    max-height: 76px;
    overflow: hidden
}

.info-desc__title {
    font-weight: 700
}

.info-desc__content {
    font-size: 14px
}

.info-desc__content p {
    margin: 0
}

.info-desc__expand {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    color: #f77519;
    color: var(--text-link)
}

.uploader {
    padding: 10px 14px
}

.uploader_cover .uploader-preview,
.uploader_cover .uploader-trigger {
    width: 140px;
    height: 196px
}

.uploader_avatar .uploader-preview,
.uploader_avatar .uploader-trigger {
    width: 120px;
    height: 120px
}

.uploader_background .uploader-preview {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width:560px) {
    .uploader_background .uploader-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .uploader_background .uploader-preview,
    .uploader_background .uploader-trigger {
        height: 110px;
        width: 100%
    }
    .uploader_background .uploader-preview {
        margin-left: 0;
        margin-top: 14px
    }
}

.uploader.is-loading .uploader-trigger__caption {
    display: none
}

.uploader-title {
    margin-bottom: 10px
}

.uploader-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.uploader-preview {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    margin-left: 16px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.uploader-preview.is-empty {
    display: none
}

.uploader-preview__img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.uploader-preview__remove {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 0;
    border: 0;
    background: rgba(0, 0, 0, .6);
    color: #fff
}

.uploader-preview__remove:hover {
    background: #f44336;
    background: var(--red)
}

.uploader-trigger {
    position: relative;
    min-height: 110px;
    min-width: 110px;
    border: 2px dashed #dcdcdc;
    border: dashed 2px var(--input-border);
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.uploader-trigger.is-dragover {
    border-style: solid;
    border-color: #007feb;
    border-color: var(--blue)
}

.uploader-trigger__caption {
    pointer-events: none;
    text-align: center;
    color: #868e96;
    color: var(--text-muted);
    font-size: 13px;
    padding: 10px
}

.uploader-trigger__icon {
    font-size: 20px
}

.uploader-trigger .progress-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 46px;
    height: 46px;
    margin-top: -23px;
    margin-left: -23px
}

.avatar {
    font-size: 0;
    overflow: hidden;
    width: 100px;
    height: 100px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #f5f7fa;
    background: var(--foreground-darken)
}

.avatar_round {
    border-radius: 4px
}

.avatar_circle {
    border-radius: 50%
}

.avatar_sm {
    width: 22px;
    height: 22px
}

.avatar_md {
    width: 50px;
    height: 50px
}

.online-marker {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    background: currentColor;
    border-radius: 50%;
    border: 2px solid #fff;
    border: solid 2px var(--white)
}

.online-marker:after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    display: block;
    opacity: .5;
    -webkit-box-shadow: 0 0 2px currentColor, inset 0 0 2px currentColor;
    box-shadow: 0 0 2px currentColor, inset 0 0 2px currentColor;
    border-radius: 50%;
    -webkit-animation: pulse 3.5s ease-in-out infinite;
    animation: pulse 3.5s ease-in-out infinite
}

.online-marker[data-online="1"] {
    color: #3cce7b;
    color: var(--green)
}

.online-marker[data-online="0"] {
    color: #f44336;
    color: var(--red)
}

.online-marker[data-placement=top-end] {
    top: -5px;
    right: -5px
}

.online-marker[data-placement=top-start] {
    top: -5px;
    left: -5px
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(4);
        transform: scale(4)
    }
}

.list-item {
    position: relative;
    padding: 10px;
    cursor: pointer
}

.list-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    display: block;
    height: 1px;
    background: #e5e5e5;
    background: var(--border-base);
    -webkit-transition: left .2s ease, right .2s ease;
    transition: left .2s ease, right .2s ease
}

.list-item.is-active,
.list-item:hover {
    background-color: #fbfbfc;
    background-color: var(--background-highlight)
}

.list-item.is-active+.list-item:before,
.list-item.is-active:before,
.list-item:hover+.list-item:before,
.list-item:hover:before {
    left: 0;
    right: 0
}

.list-item:first-of-type:before {
    display: none
}

.search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1400;
    background: rgba(0, 0, 0, .6);
    -webkit-animation: fade .2s ease;
    animation: fade .2s ease
}

.search__container {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 80px
}

.search__inner {
    min-height: 100vh;
    padding-top: 9px
}

.search__inner.autocomplete_loading .search__icon_close {
    display: none
}

.search__inner.autocomplete_loading .search__icon_loader {
    display: block
}

.search__input-wrap {
    position: relative
}

.search__input {
    height: 38px;
    border: 0;
    background: #fff;
    color: #212529;
    padding-left: 38px;
    padding-right: 38px;
    border-radius: 3px
}

.search__icon {
    position: absolute;
    top: 0;
    width: 38px;
    height: 38px;
    cursor: pointer;
    color: #212529
}

.search__icon_left {
    left: 0;
    font-size: 18px;
    padding: 10px
}

.search__icon_left i.fa {
    display: block
}

.search__icon_right {
    right: 0;
    padding: 11px
}

.search__icon_right svg {
    width: 16px;
    height: 16px;
    stroke: #000;
    stroke-linecap: round
}

.search__icon_loader {
    display: none
}

.search__types {
    padding: 10px 0;
    white-space: nowrap;
    overflow-x: auto
}

.search__type {
    display: inline-block;
    padding: 3px 10px;
    margin-right: 6px;
    background: #e7edf3;
    background: var(--tag-bg);
    border-radius: 3px;
    cursor: pointer
}

.search__type_active {
    background: #ffa332;
    background: var(--primary-lighten);
    color: #fff;
    color: var(--white)
}

.search__suggestions {
    max-height: calc(100vh - 92px);
    overflow-y: auto;
    background-color: #fff;
    background-color: var(--foreground)
}

.search__suggestions-wrap {
    position: relative;
    border-radius: 3px;
    overflow: hidden
}

.search__suggestions .person-profile+.person-profile {
    margin: 0
}

.search-serie-item__head {
    background: #f0f2f5;
    background: var(--background-hover);
    padding: 7px 10px
}

.search-serie-item__name a {
    font-weight: 600;
    color: #868e96;
    color: var(--text-muted)
}

.search-serie-item__name a:hover {
    text-decoration: none;
    color: #212529;
    color: var(--text-primary)
}

.search-serie-item__name span {
    margin-left: 7px;
    font-size: 12px;
    font-weight: 400
}

@media(max-width:768px) {
    .search {
        background-color: #fff;
        background-color: var(--foreground)
    }
    .search__container {
        max-width: 100%;
        padding: 0
    }
    .search__inner {
        padding-top: 0
    }
    .search__suggestions {
        max-height: calc(100vh - 152px)
    }
    .search__input {
        height: 44px;
        padding-left: 44px;
        padding-right: 44px;
        border-radius: 0;
        border-bottom: 1px solid #e5e5e5;
        border-bottom: solid 1px var(--border-base)
    }
    .search__types {
        padding-left: 10px;
        padding-right: 10px
    }
    .search__icon {
        width: 44px;
        height: 44px
    }
    .search__icon_left {
        padding: 13px
    }
    .search__icon_right {
        padding: 14px
    }
}

.hidden,
.template,
[v-cloak] {
    display: none!important;
    visibility: hidden
}

.paper {
    background: #fff;
    background: var(--foreground);
    -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5;
    -webkit-box-shadow: 0 0 0 1px var(--border-base);
    box-shadow: 0 0 0 1px var(--border-base);
    -webkit-box-shadow: 0 2px 5px hsla(0, 0%, 76%, .15);
    box-shadow: 0 2px 5px hsla(0, 0%, 76%, .15);
    border-radius: 4px
}

[data-mode=dark] .paper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.cover,
.lazyload {
    background-color: #f5f7fa;
    background-color: var(--foreground-darken)
}

.ads {
    overflow: hidden;
    max-width: 1020px;
    text-align: center
}

.ads.section {
    margin-left: auto;
    margin-right: auto
}

.ads__wrap {
    display: block;
    max-width: 100%
}

.ads__title {
    padding: 7px;
    font-size: 14px;
    color: #818181;
    color: var(--text-secondary)
}

.captcha-placeholder {
    min-height: 78px;
    position: relative;
    z-index: 10
}

.captcha-placeholder:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    height: 76px;
    width: 302px;
    border: 1px solid #d3d3d3;
    background: #f9f9f9;
    border-radius: 3px;
    pointer-events: none
}

.empty {
    padding: 46px 20px;
    color: #818181;
    color: var(--text-secondary);
    text-align: center;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.empty_sm {
    padding: 14px 8px
}

.notyf {
    min-width: 240px
}

.notification-item__img_cover,
.shadow-sm {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.justify_between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify_around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.justify_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify_start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify_end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-items_start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-items_end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-items_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-items_stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-items_base {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width:768px) {
    .hidden-sm {
        display: none!important
    }
}

.ban-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 8px 13px;
    margin-bottom: 3px;
    background: #fff;
    background: var(--foreground);
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    border-radius: 3px;
    position: relative
}

.ban-item.has-permissions {
    padding-right: 100px
}

.ban-item__duration,
.ban-item__reason,
.ban-item__status,
.ban-item__username {
    margin-right: 16px
}

.ban-item__comment {
    width: 100%
}

.ban-item__meta {
    padding: 3px 0
}

.ban-item__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -13px
}

.ban-item__action {
    width: 26px;
    height: 26px;
    margin-left: 5px;
    text-align: center;
    line-height: 26px;
    border-radius: 3px;
    cursor: pointer
}

.ban-item__action:hover {
    background: #f5f7fa;
    background: var(--foreground-darken)
}

.cover_responsive {
    max-width: 100%;
    position: relative;
    padding-top: 140%;
    border-radius: 3px;
    background-color: var(----foreground-darken);
    background-size: cover;
    background-position: 50%;
    cursor: pointer
}

.cover_shadow {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .12)
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.subscribe-el {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    background: #fbfbfc;
    background: var(--background-highlight);
    border-radius: 3px
}

.subscribe-el__button {
    border-radius: 2px;
    font-size: 13px
}

.subscribe-el__button.is-active .fa-bell-o,
.subscribe-el__button:not(.is-active) .fa-bell {
    display: none
}

.subscribe-el__content {
    padding: 0 6px;
    line-height: 12px;
    opacity: .85
}

.subscribe-el__count {
    font-weight: 600;
    font-size: 13px
}

.subscribe-el__text {
    font-size: 11px
}

.toast {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 3000;
    padding: 0 15px 10px;
    pointer-events: none
}

@media(max-width:560px) {
    .toast {
        min-width: 100%;
        padding: 12px
    }
}

.toast-item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 14px 16px;
    margin: 0 auto;
    min-width: 160px;
    max-width: 100%;
    background: #fff;
    background: var(--dropdown-bg);
    text-align: left;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    border-radius: 6px;
    overflow: hidden;
    pointer-events: auto
}

@media(min-width:560px) {
    .toast-item {
        max-width: 420px
    }
}

.toast-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: currentColor;
    opacity: .04
}

.toast-item_closeable {
    padding-right: 50px
}

.toast-item time {
    display: block;
    font-size: 12px;
    color: #818181;
    color: var(--text-secondary)
}

.toast-item:last-child {
    margin-bottom: 0
}

.toast-item.is-success {
    color: #3cce7b;
    color: var(--green)
}

.toast-item.is-alert {
    color: #f44336;
    color: var(--red)
}

.toast-item.is-info {
    color: #007feb;
    color: var(--blue)
}

.toast-item__icon {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-right: 10px;
    font-size: 16px;
    text-align: center
}

.toast-item__icon .fa {
    display: block
}

.toast-item__close {
    position: absolute;
    top: 50%;
    right: 12px;
    padding: 6px;
    margin-top: -12px;
    cursor: pointer
}

.toast-item__close:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: currentColor;
    pointer-events: none;
    opacity: 0;
    border-radius: 50%
}

.toast-item__close svg {
    display: block;
    width: 12px;
    height: 12px;
    stroke: currentColor;
    opacity: .7
}

.toast-item__close:hover:before {
    opacity: .1
}

.toast-item__close:hover svg {
    opacity: 1
}

.toast-item-wrap {
    padding: 6px 0;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.toast-enter {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.toast-leave-to {
    opacity: 0;
    height: 0!important;
    overflow: hidden;
    padding: 0
}

.post-editor {
    min-height: 470px
}

.post-editor-container {
    max-width: 920px
}

.post-editor__inner {
    padding-top: 15px;
    padding-bottom: 15px
}

.post-editor__title-input {
    font-size: 26px;
    padding: 0;
    border: 0;
    height: 38px
}

.post-editor__title {
    max-width: 650px;
    margin: 0 auto 14px
}

.post-editor__content {
    padding: 0 35px;
    font-size: 18px
}

.post-editor__content .ce-paragraph {
    line-height: 1.4;
    padding: 0 0 10px
}

.post-editor__content .ce-header {
    line-height: 1.3;
    padding: 0 0 10px;
    margin: 0
}

.post-editor-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    padding: 6px 10px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base);
    background: #fff;
    background: var(--foreground)
}

.post-editor-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 650px;
    margin: 0 auto
}

@media(max-width:768px) {
    .post-editor-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .post-editor-header__inner,
    .post-editor__title {
        max-width: 100%
    }
    .post-editor__content {
        padding: 0
    }
}

.text-truncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.line-clamp,
.manga-list-item__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.break-word {
    word-break: break-word;
    word-wrap: break-word
}

.not-supported_line-clamp .line-clamp,
.not-supported_line-clamp .manga-list-item__name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.text-subtitle {
    font-size: .875rem!important;
    font-weight: 400;
    line-height: 1.25em;
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-muted {
    color: #868e96;
    color: var(--text-muted)
}

.text-warning {
    color: #f77519!important;
    color: var(--orange)!important
}

.text-secondary {
    color: #818181;
    color: var(--text-secondary)
}

.text-primary {
    color: #212529!important;
    color: var(--text-primary)!important
}

.text-danger {
    color: #f44336!important;
    color: var(--red)!important
}

.text-success {
    color: #3cce7b!important;
    color: var(--green)!important
}

.text-info {
    color: #007feb!important;
    color: var(--blue)!important
}

.text-hover:hover {
    cursor: pointer;
    color: #212529;
    color: var(--text-primary)
}

.small,
small {
    font-size: 12px!important;
    font-weight: 400
}

.pl-10,
.px-10 {
    padding-left: 10px
}

.pr-10,
.px-10 {
    padding-right: 10px
}

.pt-10,
.py-10 {
    padding-top: 10px
}

.pb-10,
.py-10 {
    padding-bottom: 10px
}

.pl-5,
.px-5 {
    padding-left: 5px
}

.pr-5,
.px-5 {
    padding-right: 5px
}

.pt-5,
.py-5 {
    padding-top: 5px
}

.pb-5,
.py-5 {
    padding-bottom: 5px
}

.mr-10,
.mx-10 {
    margin-right: 10px
}

.ml-10,
.mx-10 {
    margin-left: 10px
}

.mt-10,
.my-10 {
    margin-top: 10px
}

.mb-10,
.my-10 {
    margin-bottom: 10px
}

.mr-5,
.mx-5 {
    margin-right: 5px
}

.ml-5,
.mx-5 {
    margin-left: 5px
}

.mt-5,
.my-5 {
    margin-top: 5px
}

.mb-5,
.my-5 {
    margin-bottom: 5px
}

.section {
    margin-bottom: 17px
}

.section_link {
    display: block;
    color: #868e96;
    color: var(--text-muted)
}

.section_link:hover {
    text-decoration: none;
    color: #212529;
    color: var(--text-primary)
}

.section__footer,
.section__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section__header {
    padding: 12px 13px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.section__header_tabs {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
    min-height: 45px;
    position: relative
}

.section__header_tabs:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #e5e5e5;
    background: var(--border-base)
}

.section__header_tabs .section__header-title {
    font-weight: 600;
    line-height: 1
}

@media(max-width:991px) {
    .section__header_tabs .tabs__list {
        overflow-x: auto
    }
}

.section__header_tabs .tabs__item {
    padding: 13px 0
}

.section__header_tabs .tabs__item+.tabs__item {
    margin-left: 16px
}

.section__footer {
    padding: 13px;
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base);
    border-radius: 0 0 6px 6px;
}

.section__footer-sticky {
    position: sticky;
    bottom: 0;
    z-index: 20;
    background: #fff;
    background: var(--foreground);
}

.section-body,
.section__body {
    padding: 10px 14px
}

.section_bordered {
    background-color: #fff;
    background-color: var(--foreground);
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base)
}

.section_no-padding {
    padding: 0!important
}

.section_no-border {
    border: 0
}

.section_tabs-list {
    padding: 0 13px
}

.section_tabs-list .tabs__wrapper {
    -webkit-box-shadow: none;
    box-shadow: none
}

.section_tabs-list .tabs__item {
    font-weight: 600;
    padding: 12px 0;
    margin-right: 20px
}

.hero {
    position: relative;
    height: 300px;
    background-color: #f5f7fa;
    background-color: var(--foreground-darken)
}

.hero__content-box,
.hero__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hero__cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.hero__content-box {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, transparent), color-stop(32.5%, rgba(0, 0, 0, .005)), color-stop(40%, rgba(0, 0, 0, .025)), color-stop(47.5%, rgba(0, 0, 0, .055)), color-stop(55%, rgba(0, 0, 0, .095)), color-stop(62.5%, rgba(0, 0, 0, .15)), color-stop(70%, rgba(0, 0, 0, .21)), color-stop(77.5%, rgba(0, 0, 0, .29)), color-stop(85%, rgba(0, 0, 0, .38)), color-stop(92.5%, rgba(0, 0, 0, .48)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(180deg, transparent 25%, rgba(0, 0, 0, .005) 32.5%, rgba(0, 0, 0, .025) 40%, rgba(0, 0, 0, .055) 47.5%, rgba(0, 0, 0, .095) 55%, rgba(0, 0, 0, .15) 62.5%, rgba(0, 0, 0, .21) 70%, rgba(0, 0, 0, .29) 77.5%, rgba(0, 0, 0, .38) 85%, rgba(0, 0, 0, .48) 92.5%, rgba(0, 0, 0, .6))
}

.hero__content-box-inner {
    position: relative;
    height: 100%
}

@media(min-width:991px) {
    .hero {
        height: 340px
    }
}

@media(min-wdith:1300px) {
    .hero {
        height: 380px
    }
}

.profile__nav-wrap {
    position: absolute;
    right: 15px;
    bottom: 0;
    padding: 8px 0
}

.profile__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile__nav-link {
    display: block;
    margin-right: 10px;
    padding: 0 12px;
    color: #fff;
    color: var(--white);
    font-size: 13px;
    height: 30px;
    line-height: 27px;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.profile__nav-link_active {
    opacity: 1;
    background-color: #ff8c00;
    background-color: var(--primary)
}

.profile__nav-link:last-child {
    margin-right: 0
}

.profile__nav-link:active,
.profile__nav-link:focus,
.profile__nav-link:hover {
    color: #fff;
    color: var(--white);
    text-decoration: none
}

.profile__nav-link:not(.profile__nav-link_active):hover {
    opacity: 1;
    border-color: #fff;
    border-color: var(--white)
}

.user {
    position: absolute;
    bottom: -26px;
    left: 15px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    color: var(--white)
}

.user,
.user__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user__description {
    min-height: 76px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.user__avatar-wrap {
    margin-right: 15px;
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4)
}

.user__avatar-wrap:hover .user__experience {
    opacity: 1
}

.user__experience {
    position: absolute;
    top: 5px;
    left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 11px;
    text-align: center;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: .2s ease;
    transition: .2s ease;
    opacity: 0
}

.user__avatar,
.user__experience {
    height: 100px;
    width: 100px;
    border-radius: 50%
}

.user__avatar {
    display: block;
    margin: 5px
}

.user__head {
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
    margin-top: auto
}

.user__username {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    vertical-align: middle;
    max-width: 240px
}

.user__marker {
    position: absolute;
    top: -4px;
    right: -14px;
    display: block;
    width: 11px;
    height: 11px;
    background: currentColor;
    border-radius: 50%;
    border: 2px solid #fff;
    border: solid 2px var(--white)
}

.user__marker:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .5;
    -webkit-box-shadow: 0 0 0 2px currentColor, inset 0 0 0 1px currentColor;
    box-shadow: 0 0 0 2px currentColor, inset 0 0 0 1px currentColor;
    border-radius: 50%;
    -webkit-animation: pulse 3.5s ease-in-out infinite;
    animation: pulse 3.5s ease-in-out infinite
}

.user__marker_online {
    color: #3cce7b;
    color: var(--green)
}

.user__marker_offline {
    color: #f44336;
    color: var(--red)
}

.user .user__marker {
    display: inline-block;
    position: relative;
    top: -6px;
    right: 0
}

.user__rank {
    font-size: 12px;
    margin-left: 10px
}

.user__last-visit {
    margin: auto 0;
    font-size: 12px
}

.user__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.user__actions .button+.button {
    margin-left: 10px
}

.user-points {
    position: absolute;
    width: 110px;
    height: 110px;
    display: block
}

.user-points__circle {
    fill: transparent;
    stroke: #fff;
    stroke: var(--white);
    stroke-width: 5
}

.user-points__progress {
    stroke-dasharray: 326.7256359733385;
    stroke-linecap: round;
    stroke: #ff8c00;
    stroke: var(--primary);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(4);
        transform: scale(4)
    }
}

.ignore-list {
    margin-top: 12px
}

.ignore-user {
    padding: 6px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    border-radius: 3px
}

.ignore-user:hover {
    background: #fbfbfc;
    background: var(--background-highlight)
}

.ignore-user__avatar {
    margin-right: 12px
}

.ignore-user a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.ignore-user__remove {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px
}

.ignore-user__remove.button {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.profile text {
    font-family: inherit
}

.profile__title {
    margin-bottom: 15px
}

.profile__title:after {
    content: "";
    display: block;
    height: 1px;
    width: 120px;
    background-color: #ffa332;
    background-color: var(--primary-darken);
    margin-top: 10px
}

.profile__breadcrumbs a,
.profile__breadcrumbs a:hover {
    color: #f44336;
    color: var(--red)
}

.profile__breadcrumbs a:hover {
    text-decoration: underline
}

.profile__breadcrumbs:after {
    content: "";
    display: block;
    height: 1px;
    width: 120px;
    background-color: #ffa332;
    background-color: var(--primary-darken);
    margin: 10px 0
}

.profile__wrapper {
    width: calc(100% - 300px);
    float: left;
    margin-left: 15px
}

.profile__container {
    margin-top: 15px
}

.profile__container:after {
    content: "";
    display: block;
    clear: both
}

.profile__content {
    width: 100%;
    padding: 10px
}

.profile__pagination {
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.profile__pagination .pagination {
    padding-top: 10px
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none
}

.profile-background {
    background-size: cover;
    background-position: 50%;
    min-height: 210px
}

@media(max-width:768px) {
    .profile-background {
        min-height: 160px
    }
}

.profile-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media(min-width:560px) {
    .profile-header__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.profile-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile-user__avatar-wrap {
    position: relative;
    width: 58px;
    height: 58px;
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.profile-user__avatar-wrap img {
    display: block;
    height: 100%;
    width: 100%
}

.profile-user__username {
    font-size: 16px;
    font-weight: 600;
    word-break: break-word
}

.profile-user__username span:not(:first-child) {
    font-weight: 400
}

.profile-user__rank {
    font-size: 13px
}

@media(max-width:768px) {
    .profile-user__last-visit {
        display: block
    }
}

@media(max-width:768px) {
    .profile-actions {
        margin-top: 16px
    }
}

.profile-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.profile-stats__item {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    padding: 8px;
    margin-right: 8px;
    border-radius: 4px;
    overflow: hidden;
    background: #f0f2f5;
    background: var(--background-hover)
}

.profile-stats__item:last-child {
    margin-right: 0
}

.profile-stats__value {
    font-weight: 700
}

.profile-stats__title {
    font-size: 13px;
    color: #868e96;
    color: var(--text-muted)
}

.profile-nav {
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width:769px) {
    .profile-nav {
        padding: 0 15px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width:768px) {
    .profile-nav {
        border: 0
    }
}

.profile-nav-items {
    overflow-x: auto
}

@media(max-width:768px) {
    .profile-nav-items {
        padding: 0 10px;
    }
    .profile-nav-items::-webkit-scrollbar {
        display: none
    }
}

.profile-nav-items__link {
    padding: 12px 5px;
    margin-right: 16px;
    position: relative
}

.profile-nav-items__link:last-child {
    margin-right: 0
}

.profile-nav-items__link.tabs__item_active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #ffa332;
    background: var(--primary-lighten)
}

.profile-info-button {
    padding: 8px 12px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

@media(min-width:769px) {
    .profile-info-button {
        margin-left: auto
    }
}

@media(max-width:768px) {
    .profile-info-button .fas {
        float: right;
        margin-top: 3px
    }
}

.profile-info-modal.modal__content {
    width: 100%
}

@media(min-width:560px) {
    .profile-info-modal.modal__content {
        max-width: 500px!important
    }
}

.profile-info__type,
.profile-info__value {
    padding-bottom: 6px;
    width: 50%;
    font-size: 13px
}

@media(min-width:768px) {
    .profile-info__type,
    .profile-info__value {
        padding-bottom: 12px
    }
}

.profile-info__type {
    color: #818181;
    color: var(--text-secondary)
}

.profile-info__value:not([colspan]) {
    padding-left: 12px
}

.profile-info-teams__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
    background: #f0f2f5;
    background: var(--background-hover);
    margin: 0 10px 10px 0
}

.profile-info-teams__cover {
    width: 24px;
    height: 24px;
    border-radius: 3px
}

.profile-info-teams__name {
    padding: 0 8px;
    font-weight: 600
}

.user-genres {
    background: #f0f2f5;
    background: var(--background-hover);
    border-radius: 3px;
    overflow: hidden
}

.user-genres__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px
}

@media(max-width:560px) {
    .user-genres__items {
        display: block;
        white-space: nowrap;
        overflow-x: auto
    }
}

.user-genres__genre {
    text-align: center;
    padding: 8px;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 2 0;
    flex: 1 2 0
}

@media(min-width:561px) {
    .user-genres__genre:last-child {
        display: none
    }
}

@media(max-width:560px) {
    .user-genres__genre {
        display: inline-block
    }
}

.user-genres__genre:first-child .user-genres__name {
    background: #e66767
}

.user-genres__genre:nth-child(2) .user-genres__name {
    background: #f19066
}

.user-genres__genre:nth-child(3) .user-genres__name {
    background: #f5cd79
}

.user-genres__genre:nth-child(4) .user-genres__name {
    background: #f78fb3
}

.user-genres__genre:nth-child(5) .user-genres__name {
    background: #778beb
}

.user-genres__genre:nth-child(6) .user-genres__name {
    background: #574b90
}

.user-genres__name {
    margin-bottom: 5px;
    padding: 5px 8px;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
    text-transform: capitalize
}

.user-genres__label {
    font-size: 12px;
    color: #868e96;
    color: var(--text-muted)
}

.user-genres__label:last-child {
    display: none
}

.user-genres__percentage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-genres__bar {
    height: 10px
}

.user-genres__bar:first-child {
    background: #e66767
}

.user-genres__bar:nth-child(2) {
    background: #f19066
}

.user-genres__bar:nth-child(3) {
    background: #f5cd79
}

.user-genres__bar:nth-child(4) {
    background: #f78fb3
}

.user-genres__bar:nth-child(5) {
    background: #778beb
}

.user-genres__bar:nth-child(6) {
    background: #574b90
}

.profile-info__body {
    padding: 12px 18px
}

.profile-info__body_teams {
    padding-bottom: 2px
}

.profile-info__title {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 8px;
    color: #818181;
    color: var(--text-secondary)
}

.comments-wrapper.is-loading {
    opacity: .6
}

.comment-item {
    position: relative;
    padding: 0 15px 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.comment-item:after {
    content: "";
    display: block;
    clear: both
}

.comment-item:last-child {
    margin-bottom: 0;
    padding-bottom: 10px;
    border: none
}

.comment-item__left {
    width: 60px;
    float: left
}

.comment-item__left img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto
}

.comment-item__right {
    padding-left: 75px
}

.comment-item__time {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #868e96;
    color: var(--text-muted)
}

.comment-item__type {
    font-size: 15px
}

.comment-item__rating {
    margin-left: 5px;
    font-weight: 400;
    font-size: 12px;
    color: #868e96;
    color: var(--text-muted);
    cursor: pointer
}

.comment-item__rating_positive {
    color: #3cce7b;
    color: var(--green)
}

.comment-item__rating_negative {
    color: #f44336;
    color: var(--red)
}

.comment-item__link {
    font-size: 14px
}

.comment-item__link a {
    color: #f44336;
    color: var(--red);
    text-decoration: none
}

.comment-item__link a:hover {
    text-decoration: underline
}

.comment-item__content {
    margin-top: 5px;
    word-wrap: break-word
}

.comments-search {
    position: relative;
    margin-bottom: 15px
}

.comments-search__input {
    height: 44px;
    width: 100%;
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    padding-left: 44px;
    padding-right: 130px
}

.comments-search__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    color: #818181;
    color: var(--text-secondary);
    font-size: 18px;
    pointer-events: none
}

.comments-search__reset {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    opacity: .6;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.comments-search__reset:hover {
    opacity: 1
}

.comments-search__reset svg {
    display: block;
    margin-top: 9px;
    margin-left: 9px;
    width: 12px;
    height: 12px;
    stroke-width: 1.3;
    stroke: #212529;
    stroke: var(--text-primary)
}

.comments-search__buttons {
    position: absolute;
    right: 7px;
    top: 6px
}

.comments-search__submit .fa {
    display: none
}

.friends {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.friends,
.friends-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.friends-item {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 210px;
    -ms-flex-preferred-size: 210px;
    flex-basis: 210px;
    padding: 13px
}

.friends-item.is-loading {
    opacity: .4;
    pointer-events: none
}

.friends-item__avatar-wrap {
    display: block;
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.friends-item__name {
    display: block;
    color: inherit;
    text-decoration: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.friends-item__right {
    overflow: hidden;
    line-height: 18px
}

.friends-item__remove {
    font-size: 12px;
    margin-top: 4px;
    cursor: pointer;
    color: #f44336;
    color: var(--red)
}

.friends-item__remove:hover {
    color: #212529;
    color: var(--text-primary)
}

.friends-confirmation {
    max-height: 400px;
    overflow: auto
}

.friends-confirmation .person-profile {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 200px
}

.friends-confirmation__actions {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.friends-confirmation__item+.friends-confirmation__item {
    margin-top: 15px
}

@media(max-width:991px) {
    .bookmark-header-actions {
        height: 44px
    }
}

.bookmark-header-actions .header__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    min-width: auto;
    padding: 0 10px
}

@media(min-width:991px) {
    .bookmark-header-actions .header__inner {
        padding-left: 230px;
        padding-right: 15px
    }
}

.bookmark-header-actions__left,
.bookmark-header-actions__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmark-header-actions__count {
    font-weight: 700;
    font-size: 16px
}

.bookmark-header-actions__count span {
    display: none
}

.bookmark-header-actions__count .fa {
    margin-right: 5px
}

@media(min-width:768px) {
    .bookmark-header-actions__count .fa {
        display: none
    }
    .bookmark-header-actions__count span {
        display: inline
    }
}

.bookmark-header-actions__btn-icon {
    padding: 9px;
    width: 34px;
    height: 34px;
    color: inherit;
    cursor: pointer;
    border-radius: 3px;
    background: 0 0;
    border: 0
}

@media(min-width:768px) {
    .bookmark-header-actions__btn-icon {
        margin-left: 12px
    }
}

.bookmark-header-actions__btn-icon svg {
    display: block;
    width: 16px;
    height: 16px;
    stroke: currentColor
}

.bookmark-header-actions__btn-icon_more svg {
    stroke: none;
    fill: currentColor;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media(min-width:768px) {
    .bookmark-header-actions__btn-icon_more {
        display: none
    }
}

.bookmark-header-actions__btn-icon:hover {
    background: hsla(0, 0%, 100%, .1)
}

.bookmark-header-actions__more {
    width: 34px;
    height: 34px;
    background: 0 0;
    border: 0;
    padding: 8px;
    color: inherit
}

.bookmark-header-actions__more svg {
    width: 16px;
    height: 16px;
    display: block;
    fill: currentColor;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bookmark-header-actions__button {
    background: 0 0;
    border: 0;
    padding: 0;
    color: inherit;
    opacity: .9;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    margin-left: 15px
}

.bookmark-header-actions__button:hover {
    opacity: 1
}

.bookmark-header-actions__button_toggle-all {
    font-size: 13px;
    border-bottom: 1px dotted #e5e5e5;
    border-bottom: dotted 1px var(--border-base)
}

@media(max-width:768px) {
    .bookmark-header-actions__button:not(.bookmark-header-actions__button_toggle-all) {
        display: none
    }
}

@media(min-width:991px) {
    .bookmark-sidebar {
        width: 230px;
        padding-right: 16px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.bookmark-settings__title,
.bookmark-sidebar__title {
    font-size: 13px;
    color: #818181;
    color: var(--text-secondary);
    line-height: 26px;
    padding: 0 10px
}

.bookmark-sidebar__content {
    padding: 5px 0 5px 10px
}

.bookmark-sidebar__panel {
    margin-bottom: 6px
}

@media(max-width:991px) {
    .bookmark-sidebar__panel {
        margin: 0
    }
    .bookmark-sidebar__panel_folders {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.bookmark-menu {
    padding: 0
}

@media(min-width:991px) {
    .bookmark-menu {
        margin-bottom: 6px
    }
}

@media(max-width:990px) {
    .bookmark-menu {
        white-space: nowrap;
        overflow-x: auto;
        padding-right: 10px;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
    .bookmark-menu::-webkit-scrollbar {
        display: none
    }
}

@media(max-width:768px) {
    .bookmark-menu {
        padding-left: 10px
    }
}

.bookmark-menu .menu__item {
    position: relative;
    display: inline-block
}

@media(min-width:991px) {
    .bookmark-menu .menu__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width:900px) {
    .bookmark-menu .menu__item {
        margin: 0
    }
}

.bookmark-menu__name {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.bookmark-menu__label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 5px;
    font-size: 11px;
    color: #868e96;
    color: var(--text-muted)
}

.bookmark-menu__edit {
    padding: 0 10px;
    font-size: 13px;
    color: #868e96;
    color: var(--text-muted);
    cursor: pointer
}

.bookmark-menu__edit:hover {
    color: #212529;
    color: var(--text-primary)
}

.bookmark-menu__edit .fas {
    font-size: 11px
}

@media(max-width:991px) {
    .bookmark-settings {
        padding-top: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.bookmark-settings__group {
    padding: 4px 0
}

.bookmark-settings__group .divider {
    height: 1px;
    background: #e5e5e5;
    background: var(--border-base);
    margin: 4px 10px 4px 34px
}

@media(max-width:768px) {
    .bookmark-settings__group {
        padding: 8px 0;
        border-bottom: 1px solid #e5e5e5;
        border-bottom: solid 1px var(--border-base)
    }
    .bookmark-settings__group .divider {
        margin: 8px 0
    }
    .bookmark-settings__group_sort {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.bookmark-settings__group_edit {
    padding-left: 20px;
    padding-right: 20px
}

@media(max-width:991px) {
    .bookmark-settings__title {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:768px) {
    .bookmark-settings__title {
        padding-left: 20px;
        padding-right: 20px;
        text-transform: uppercase
    }
}

.bookmark-settings__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    cursor: pointer
}

@media(max-width:991px) {
    .bookmark-settings__item {
        padding: 7px 20px
    }
    .bookmark-settings__item .control__text {
        margin-left: 10px
    }
}

.bookmark-settings__item.is-active .bookmark-settings__item-icon {
    color: #212529;
    color: var(--text-primary)
}

.bookmark-settings__item-icon {
    width: 16px;
    text-align: center;
    color: #868e96;
    color: var(--text-muted)
}

.bookmark-folder-create {
    position: relative
}

.bookmark-folder-create_xs .bookmark-folder-create__input {
    padding-left: 13px;
    font-size: 13px
}

.bookmark-folder-create__icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    padding: 13px;
    color: #818181;
    color: var(--text-secondary);
    cursor: pointer
}

.bookmark-folder-create__icon:hover {
    color: #212529;
    color: var(--text-primary)
}

.bookmark-folder-create__icon svg {
    display: block;
    width: 14px;
    height: 14px;
    stroke: currentColor;
    stroke-width: 4px
}

.bookmark-folder-create__icon i {
    display: block
}

.bookmark-folder-create__input {
    height: 40px;
    padding: 0 40px 0 20px;
    width: 100%;
    border-radius: 0;
    border: 0;
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.bookmark-folder-create__input:focus {
    outline: none
}

.bookmark-folder-edit {
    padding: 13px 20px
}

.bookmark-folder-edit__item {
    position: relative
}

.bookmark-folder-edit__icons {
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bookmark-folder-edit__icon {
    display: none;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #868e96;
    color: var(--text-muted);
    border-radius: 3px;
    cursor: pointer
}

.bookmark-folder-edit__icon:hover {
    color: #212529;
    color: var(--text-primary);
    background: #f0f2f5;
    background: var(--background-hover)
}

.bookmark-folder-edit__icon_remove {
    display: block
}

.bookmark-folder-edit__input {
    padding: 0 60px 0 20px;
    height: 38px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background-color: transparent;
    border-color: transparent;
    width: 100%
}

.bookmark-folder-edit__input:focus {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
    background: #fff;
    background: var(--input-bg)
}

.bookmark-folder-edit__color {
    display: block;
    height: auto;
    max-width: 100px;
    padding: 4px 8px;
    line-height: 1;
    font-size: 12px;
    border-radius: 3px;
    font-weight: 600
}

.bookmark-item {
    position: relative
}

.bookmark-item:not(:last-child):after {
    content: "";
    display: block;
    margin-left: 88px;
    height: 1px;
    background: #e5e5e5;
    background: var(--border-base)
}

@media(max-width:560px) {
    .bookmark-item:not(:last-child):after {
        margin-left: 82px
    }
}

.bookmark-item.is-noty-visible:after {
    margin-left: 0
}

.bookmark-item__body {
    padding: 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:560px) {
    .bookmark-item__body {
        padding-left: 10px;
        padding-right: 10px
    }
}

.bookmark-item__cover-wrap {
    position: relative
}

.bookmark-item__cover {
    position: relative;
    width: 60px;
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: cover;
    background-position: 50%;
    border-radius: 3px;
    overflow: hidden
}

.bookmark-item__cover:after {
    content: "";
    display: block;
    padding-top: 140%;
    background: 0 0;
    -webkit-transition: background .2s ease;
    transition: background .2s ease
}

.bookmark-item__checkbox {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 20;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, transform .2s ease;
    transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.bookmark-item__checkbox .control__indicator {
    display: block
}

.bookmark-item__content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width:560px) {
    .bookmark-item__content {
        -ms-flex-item-align: stretch;
        align-self: stretch;
        overflow: hidden
    }
}

.bookmark-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    padding: 2px 0
}

@media(max-width:560px) {
    .bookmark-item__info {
        padding: 4px 0
    }
}

.bookmark-item__name {
    font-size: 15px;
    font-weight: 600;
    color: #212529;
    color: var(--text-primary);
    word-break: break-word;
    margin-right: 5px
}

.bookmark-item__name:hover {
    color: currentColor
}

@media(max-width:560px) {
    .bookmark-item__name {
        font-size: 14px
    }
}

.bookmark-item__alt-name {
    font-size: 13px;
    font-weight: 400
}

@media(max-width:560px) {
    .bookmark-item__alt-name {
        font-size: 12px
    }
}

.bookmark-item__alt-name:before {
    content: "/";
    margin-right: 5px;
    font-size: 14px
}

.bookmark-item__info-subheader {
    font-size: 13px;
    margin-top: 5px;
    word-break: break-word
}

.bookmark-item__info-subheader a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bookmark-item__info-subheader a[data-is-new=true]:after {
    content: "\43D\43E\432\43E\435";
    padding: 1px 4px;
    line-height: 12px;
    font-size: 10px;
    border-radius: 3px;
    background: #1e90ff;
    color: #fff;
    margin-left: 5px
}

.bookmark-item__comment {
    white-space: pre-wrap
}

.bookmark-item__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:560px) {
    .bookmark-item__meta {
        display: none
    }
}

.bookmark-item__footer {
    margin-top: 5px
}

@media(max-width:560px) {
    .bookmark-item__footer {
        margin-top: auto
    }
}

.bookmark-item__continue {
    font-size: 13px;
    cursor: pointer
}

.bookmark-item__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: 68px;
    margin-left: 16px
}

@media(max-width:560px) {
    .bookmark-item__actions:not(.bookmark-item__actions_static) {
        position: absolute;
        bottom: -1px;
        right: 0;
        min-width: auto;
        margin-left: 0;
        background: #fff;
        background: var(--foreground)
    }
}

.bookmark-item__action {
    padding: 0 7px;
    margin-left: 3px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #868e96;
    color: var(--text-muted);
    border-radius: 3px;
    cursor: pointer
}

.bookmark-item__action .fa,
.bookmark-item__action .far,
.bookmark-item__action .fas {
    min-width: 12px
}

@media(min-width:561px) {
    .bookmark-item__action_comment {
        display: none
    }
    .bookmark-item__action+.bookmark-item__action {
        margin-left: 8px
    }
}

.bookmark-item__action:hover {
    background: #f0f2f5;
    background: var(--background-hover);
    color: #212529;
    color: var(--text-primary)
}

.bookmark-meta-item {
    font-size: 13px;
    padding: 0 10px;
    min-width: 125px
}

@media(max-width:768px) {
    .bookmark-meta-item:not(.bookmark-meta-item_sm) {
        display: none
    }
}

.bookmark-meta-item_sm {
    min-width: auto
}

@media(max-width:560px) {
    .bookmark-meta-item_sm {
        position: absolute;
        top: 5px;
        right: 0;
        padding: 0
    }
}

.bookmark-meta-item__title {
    white-space: nowrap;
    color: #868e96;
    color: var(--text-muted)
}

.bookmark-meta-item .fa-circle {
    font-size: 7px;
    vertical-align: middle
}

.bookmark-grid {
    padding: 0;
    margin-left: 0;
    margin-right: 0
}

@media(min-width:769px) {
    .bookmark-grid .media-card-wrap {
        width: 20%
    }
}

@media(min-width:991px) {
    .bookmark-grid {
        margin-left: -8px;
        margin-right: -8px
    }
    .bookmark-grid .media-card-wrap {
        width: 16.666%
    }
}

@media(max-width:560px) {
    .bookmark-grid {
        padding: 0 4px
    }
}

.bookmark-grid.is-editing .bookmark-grid-item__buttons {
    display: none
}

.bookmark-grid.is-editing .bookmark-grid-item .media-card:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(0, 0, 0, .3)
}

.bookmark-grid-item .media-card {
    position: relative;
    cursor: default
}

.bookmark-grid-item__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    top: 0;
    background: linear-gradient(35deg, rgba(60, 60, 60, .5), transparent 50%)
}

.bookmark-grid-item__button {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    margin-right: 6px
}

.bookmark-grid-item__button:hover {
    color: #ffa332;
    color: var(--primary-lighten)
}

.bookmark-grid-item__name {
    margin-top: 5px
}

.bookmark-grid-item__chapter-marker {
    position: absolute;
    top: 5px;
    right: -5px;
    padding: 2px 4px;
    font-size: 10px;
    line-height: 1;
    border-radius: 3px;
    background: #1e90ff;
    color: #fff
}

.bookmark-notes-title {
    padding: 0 16px
}

.bookmark-noty {
    position: relative;
    padding: 5px 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:768px) {
    .bookmark-noty {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.bookmark-noty:not(:first-child):after {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
    border-bottom: 1px dotted #e5e5e5;
    border-bottom: dotted 1px var(--border-base)
}

.bookmark-noty__link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    min-width: 160px;
    color: #212529;
    color: var(--text-primary)
}

@media(max-width:768px) {
    .bookmark-noty__comment {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 5px;
        width: 100%;
        color: #818181;
        color: var(--text-secondary)
    }
}

.bookmark-noty__actions {
    margin-left: auto
}

.bookmark-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.bookmark-input {
    margin-bottom: 13px;
    position: relative;
}

@media(max-width:768px) {
    .bookmark-input {
        padding: 0 10px;
        margin-bottom: 4px
    }
}

.bookmark-input__filter {
    height: auto;
    padding: 8px 16px;
    border-radius: 3px
}

.bookmark-container {
    margin-top: 20px
}

@media(max-width:991px) {
    .bookmark-container {
        margin-top: 13px
    }
}

@media(max-width:768px) {
    .bookmark-container {
        padding: 0
    }
}

.bookmark__empty {
    padding: 10px;
    margin-top: 13px
}

.bookmark__edit {
    cursor: pointer;
    margin-left: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bookmark__list {
    position: relative
}

.bookmark__list:not(.bookmark-grid) {
    padding: 6px 0;
    margin-top: 13px
}

@media(max-width:768px) {
    .bookmark__list:not(.bookmark-grid) {
        margin-top: 4px
    }
}

.bookmark__list a {
    text-decoration: none
}

.bookmark__list.is-cover-disabled {
    padding: 0
}

.bookmark__list.is-cover-disabled .bookmark-item:after {
    margin-left: 0
}

.bookmark__list.is-cover-disabled .bookmark-item__cover-wrap {
    display: none;
    padding-right: 16px
}

.bookmark__list.is-cover-disabled .bookmark-item__checkbox {
    position: static
}

.bookmark__list.is-editing .bookmark-item__cover-wrap {
    display: block
}

.bookmark__list.is-editing .bookmark-item__cover:after {
    background: rgba(0, 0, 0, .3)
}

.bookmark__list.is-editing .bookmark-item__checkbox {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    pointer-events: auto
}

@media(max-width:768px) {
    .bookmark-actions {
        padding: 6px 10px 6px 0;
        position: -webkit-sticky;
        position: sticky;
        top: 44px;
        z-index: 100;
        background: #f2f2f3;
        background: var(--background)
    }
}

.bookmark-actions__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px!important
}

.bookmark-actions__btn {
    padding: 7px 8px;
    display: inline-block;
    color: #868e96;
    color: var(--text-muted);
    cursor: pointer
}

.bookmark-actions__btn:first-child:last-child {
    padding-left: 10px;
    padding-right: 10px
}

.bookmark-remove-leave-active {
    -webkit-transition: min-height .4s ease, height .4s ease, opacity .4s ease, -webkit-transform .4s ease;
    transition: min-height .4s ease, height .4s ease, opacity .4s ease, -webkit-transform .4s ease;
    transition: min-height .4s ease, height .4s ease, opacity .4s ease, transform .4s ease;
    transition: min-height .4s ease, height .4s ease, opacity .4s ease, transform .4s ease, -webkit-transform .4s ease
}

.bookmark-remove-leave-to {
    opacity: 0;
    height: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    overflow: hidden
}

.show-enter-active,
.show-leave-active {
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.show-leave-to {
    height: 0!important
}

@media(min-width:991px) {
    .bookmark-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.notify_list .notification-item__remove {
    top: 8px;
    display: block;
    width: 22px;
    height: 22px
}

.notify_list .notification-item__remove svg {
    width: 12px;
    height: 12px
}

@media(min-width:769px) {
    .notifications-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .notifications-container .menu {
        width: 200px;
        margin-right: 30px
    }
}

@media(min-width:769px) {
    .notifications-list-container {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .notifications-list-container .section-body {
        padding-left: 0;
        padding-right: 0
    }
}


/* @media(max-width:768px) {
    .notifications-list-container .section-body {
        padding-top: 0
    }
} */

.thread-item {
    position: relative;
    padding: 12px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #212529;
    color: var(--text-primary);
    -webkit-transition: background .2s ease;
    transition: background .2s ease
}

.thread-item:not(:first-child):before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 82px;
    right: 0;
    top: 0;
    background: #e5e5e5;
    background: var(--border-base)
}

@media(max-width:560px) {
    .thread-item {
        padding: 8px 12px
    }
    .thread-item:not(:first-child):before {
        left: 58px
    }
}

.thread-item:hover {
    color: currentColor;
    text-decoration: none;
    background: #fbfbfc;
    background: var(--background-highlight)
}

.thread-item:hover+.thread-item:before,
.thread-item:hover:before {
    left: 0
}

.thread-item__avatar {
    margin-top: 4px
}

@media(max-width:560px) {
    .thread-item__avatar {
        width: 34px;
        height: 34px
    }
}

.thread-item__body {
    padding-left: 12px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.thread-item__subject {
    font-size: 15px;
    margin-bottom: 4px
}

.thread-item__meta {
    margin-top: 7px;
    font-size: 13px
}

.thread-item__username {
    max-width: 160px;
    color: #f66;
    color: var(--red-lighten);
    margin-right: 10px
}

.thread-item__status {
    position: absolute;
    top: 12px;
    right: 20px
}

.messages__wrapper {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

.message__item {
    position: relative
}

.message__item:after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    display: block;
    height: 1px;
    background: #e5e5e5;
    background: var(--border-base)
}

.message__avatar {
    float: left
}

.message__body {
    padding-left: 65px
}

.message__username {
    margin-bottom: 5px;
    font-size: 15px;
    color: #f44336;
    color: var(--red)
}

.message__username a {
    color: #f44336;
    color: var(--red);
    text-decoration: none
}

.message__username a:hover {
    color: #212529;
    color: var(--text-primary)
}

.message__title {
    font-size: 15px;
    margin-bottom: 5px
}

@media(min-width:768px) {
    .settings-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .settings-tabs .menu {
        padding-top: 0;
        width: 200px;
        margin-right: 25px;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.settings-tabs .tabs__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.settings-tabs .menu {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.settings__heading {
    padding-bottom: 10px;
    margin-bottom: 24px;
    font-size: 20px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.settings-upload {
    margin-bottom: 25px
}

.settings-upload .uploader {
    padding-left: 0;
    padding-right: 0
}

@media(min-width:561px) {
    .settings-upload .uploader_background .uploader-preview,
    .settings-upload .uploader_background .uploader-trigger {
        height: 160px
    }
    .settings-upload .uploader_background .uploader-trigger {
        width: 120px
    }
}

@media(min-width:561px) {
    .settings-theme__schedule-times {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.settings-theme__schedule-times.is-disabled {
    opacity: .5
}

.settings-theme__schedule-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:560px) {
    .settings-theme__schedule-inputs {
        margin-top: 8px
    }
}

.settings-theme__schedule-caption {
    margin: 0 6px
}

.settings-theme__schedule-input .form__input {
    max-width: 70px;
    text-align: center
}

.hot-media-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 -6px
}

.hot-media-item {
    width: 125px;
    max-width: 150px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.hot-media-item__name {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -900px 0
    }
    to {
        background-position: 900px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -900px 0
    }
    to {
        background-position: 900px 0
    }
}

.upd-placeholder {
    overflow: hidden;
    height: 140px;
    margin-bottom: 21px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #eee;
    background: var(--placeholder-block-bg);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee));
    background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 900px 100%
}

.upd-placeholder:last-child {
    margin-bottom: 0
}

.upd-placeholder .ph-line {
    position: relative;
    margin-left: 100px;
    border: 2px solid #fff;
    border: solid 2px var(--foreground);
    border-left-width: 10px
}

.upd-placeholder .ph-line:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    height: 100%;
    background: #fff;
    background: var(--foreground)
}

.upd-placeholder .ph-line_head {
    border-top-width: 4px;
    height: 18px
}

.upd-placeholder .ph-line_head:after {
    width: 44%
}

.upd-placeholder .ph-line_subhead {
    height: 18px;
    border-top-width: 6px
}

.upd-placeholder .ph-line_subhead:after {
    width: 69%
}

.upd-placeholder .ph-line_ch {
    border-top-width: 15px;
    height: 25px;
    border-bottom-width: 0
}

.upd-placeholder .ph-line_ch-one:after {
    width: 29%
}

.upd-placeholder .ph-line_ch-two:after {
    width: 19%
}

.upd-placeholder .ph-line_ch-three {
    height: 58px;
    border-bottom-width: 33px
}

.upd-placeholder .ph-line_ch-three:after {
    width: 46%
}

.chat .placeholder {
    padding: 8px 4px;
    height: 97px
}

.placeholder {
    position: relative;
    width: 100%;
    overflow: hidden
}

.placeholder-masker {
    position: absolute;
    background-color: #eee;
    background-color: var(--placeholder-block-bg)
}

.placeholder__chat-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    top: 8px;
    left: 4px
}

.placeholder__chat-username {
    top: 16px;
    left: 44px;
    height: 6px;
    width: 60px
}

.placeholder__chat-date {
    top: 29px;
    left: 44px;
    height: 6px;
    width: 90px
}

.placeholder__chat-text-first {
    top: 53px;
    left: 4px;
    height: 8px;
    width: 80%
}

.placeholder__chat-text-second {
    top: 73px;
    left: 4px;
    height: 8px;
    width: 50%
}

.page_mobile .chat__items {
    max-height: none;
    overflow-y: visible;
    padding: 0
}

.page_mobile .chat-send {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 500;
    width: 100%
}

.chat__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chat__title a {
    margin-right: 8px
}

.chat__items {
    min-height: 450px;
    max-height: 450px;
    padding: 0 6px;
    overflow-y: auto
}

.chat__more {
    margin: 0 -6px;
    width: auto;
    border-radius: 0
}

.chat-item {
    padding: 8px 4px
}

.chat-item+.chat-item {
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.chat-item__header {
    margin-bottom: 5px
}

.chat-item__header:after {
    content: "";
    display: block;
    clear: both
}

.chat-item__ava-wrap {
    position: relative;
    width: 34px;
    float: left
}

.chat-item__avatar {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #e5e5e5;
    background-color: var(--border-base)
}

.chat-item__status {
    position: absolute;
    bottom: -1px;
    right: -2px;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    border: 2px solid #fff;
    border: solid 2px var(--foreground);
    background-color: #f44336;
    background-color: var(--red)
}

.chat-item__status[data-status=online] {
    background-color: #3cce7b;
    background-color: var(--green)
}

.chat-item__header-content {
    line-height: 1.2;
    padding: 2px 0 2px 44px;
    height: 34px
}

.chat-item__date {
    color: #868e96;
    color: var(--text-muted);
    font-size: 12px
}

.chat-item__username {
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    max-width: 100%
}

.chat-item__username,
.chat-item__username:hover {
    color: #f66;
    color: var(--red-lighten)
}

.chat-item__message {
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word
}

.chat-item__message span {
    display: inline-block;
    max-width: 140px;
    padding: 0 6px;
    margin-right: 3px;
    border-radius: 2px;
    font-weight: 500;
    vertical-align: top;
    background-color: #e7edf3;
    background-color: var(--tag-bg);
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.chat-item__message a {
    color: #212529;
    color: var(--text-primary);
    border-bottom: 1px solid #f77519;
    border-bottom: solid 1px var(--text-link)
}

.chat-item__message a:hover {
    color: #f77519;
    color: var(--text-link);
    border-bottom-style: solid;
    text-decoration: none
}

.chat-item__remove,
.chat-item__reply {
    padding: 0;
    margin-top: 5px;
    line-height: 16px;
    font-size: 12px;
    background: 0 0;
    border: none;
    cursor: pointer;
    color: #007feb;
    color: var(--blue)
}

.chat-item__remove:hover,
.chat-item__reply:hover {
    color: #212529;
    color: var(--text-primary)
}

.chat-item__remove {
    color: #f44336;
    color: var(--red);
    margin-left: 10px
}

.chat-send {
    position: relative;
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.chat-send_fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%
}

.chat-send form {
    margin: 0
}

.chat-send__button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    border: 0;
    background: 0 0;
    cursor: pointer;
    color: #818181;
    color: var(--text-secondary)
}

.chat-send__area,
.chat-send__button:hover {
    color: #212529;
    color: var(--text-primary)
}

.chat-send__area {
    display: block;
    padding: 10px 45px 10px 10px;
    height: 40px;
    max-height: 260px;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    background-color: var(--input-bg);
    font-size: 14px;
    line-height: 20px;
    resize: none;
    border: 0
}

.chat-send__area:focus {
    outline: none
}

.chat-wrap {
    position: fixed;
    z-index: 901
}

.chat-wrap:not(.is-open) {
    bottom: 0;
    right: 20px
}

.chat-wrap:not(.is-open) .rules-btn {
    display: none
}

.chat-wrap .chat {
    background-color: #fff;
    background-color: var(--foreground)
}

.chat-wrap .chat__items {
    min-height: auto;
    max-height: none
}

.chat-wrap.is-unpinned.is-open .chat-wrap__title {
    cursor: move
}

.chat-wrap.is-unpinned.is-open .chat-wrap__pin {
    -webkit-transform: none;
    transform: none
}

.chat-wrap.is-open {
    min-width: 285px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12)
}

.chat-wrap.is-open .chat,
.chat-wrap.is-open .chat-wrap__actions,
.chat-wrap.is-open .chat-wrap__resizer {
    display: block
}

.chat-wrap.is-open .chat-wrap__title {
    padding: 5px 12px
}

.chat-wrap.is-open .chat-wrap__head {
    padding: 0 8px
}

.chat-wrap__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    color: var(--white);
    background-color: #e48f13;
    background-color: var(--background-header);
    font-size: 14px;
    border-radius: 3px 3px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chat-wrap__title {
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.chat-wrap__title .rules-btn {
    padding: 3px 6px;
    background: hsla(0, 0%, 100%, .1);
    color: #fff;
    font-weight: 600
}

.chat-wrap__actions {
    display: none
}

.chat-wrap__action {
    position: relative;
    z-index: 30;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    height: 24px;
    width: 20px;
    line-height: 24px;
    color: #fff
}

.chat-wrap__action:hover {
    color: hsla(0, 0%, 100%, .8)
}

.chat-wrap__pin {
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

.chat-wrap__resizer {
    position: absolute;
    top: 2px;
    left: 2px;
    display: none;
    width: 12px;
    height: 12px;
    cursor: nwse-resize
}

.chat-wrap__resizer svg {
    width: 10px;
    height: 10px;
    display: block;
    fill: #fff
}

.chat-wrap__settings {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    background-color: var(--dropdown-bg)
}

.last-comment__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.last-comment__title {
    font-size: 15px
}

.last-comment__title a:hover {
    text-decoration: none;
    color: #212529;
    color: var(--text-primary)
}

.last-comment__content {
    margin: 5px 0;
    word-wrap: break-word
}

.last-comment__date {
    font-size: 12px;
    color: #818181;
    color: var(--text-secondary)
}

.last-comment__username {
    padding-right: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #212529;
    color: var(--text-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.last-comment__username:hover {
    text-decoration: none
}

.genre-more {
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 500;
    color: #818181;
    color: var(--text-secondary);
    cursor: pointer
}

.genre-more:hover {
    color: #f77519;
    color: var(--text-link)
}

.genre-wrap {
    overflow: hidden;
    height: 140px;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.genre-wrap:after {
    content: "";
    display: block;
    clear: both
}

.genre-item {
    float: left;
    display: block;
    width: 50%;
    font-size: 13px;
    line-height: 16px;
    padding: 6px 10px 6px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.tags {
    padding: 10px 10px 2px
}

.tags:after {
    content: "";
    display: block;
    clear: both
}

.tags-short {
    overflow: hidden;
    height: 155px;
    -webkit-transition: height .3s ease;
    transition: height .3s ease
}

.tags-more {
    text-align: center;
    height: 36px;
    line-height: 36px;
    font-weight: 500;
    color: #818181;
    color: var(--text-secondary);
    cursor: pointer
}

.tags-more:hover {
    color: #f77519;
    color: var(--text-link)
}

.tag-item {
    display: block;
    float: left;
    margin: 0 8px 8px 0;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    color: #212529;
    color: var(--text-primary);
    background-color: #e7edf3;
    background-color: var(--tag-bg);
    white-space: nowrap;
    border-radius: 2px;
    text-decoration: none
}

.tag-item:hover {
    color: #212529;
    color: #f77519;
    color: var(--text-link);
    text-decoration: none
}

.top-user:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.top-user__avatar {
    float: left;
    width: 50px;
    height: 50px;
    display: block
}

.top-user__body {
    position: relative;
    padding-left: 10px;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.top-user__username {
    margin-bottom: auto;
    padding-right: 25px;
    font-size: 14px;
    line-height: 1.2;
    color: #212529;
    color: var(--text-primary);
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.top-user__rank {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 700;
    line-height: 1.1
}

.top-user__exp,
.top-user__lvl {
    display: block;
    font-size: 12px;
    vertical-align: bottom;
    color: #818181;
    color: var(--text-secondary)
}

.top-user__exp {
    float: right
}

.top-user__bar {
    position: relative;
    margin-top: 2px;
    height: 5px;
    background-color: #e5e5e5;
    background-color: var(--border-base)
}

.top-user__bar-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    background-color: #007feb;
    background-color: var(--blue)
}

.updates__item {
    min-height: 151px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.updates__item:last-of-type {
    border: 0;
    padding-bottom: 0
}

.updates__left {
    position: relative;
    float: left;
    width: 100px
}

.updates__right {
    padding-left: 105px
}

.updates__cover {
    display: block;
    max-width: 100%;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.updates__type {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    padding: 4px 0;
    color: #fff;
    color: var(--white);
    font-size: 12px;
    line-height: 14px;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    text-align: center;
}

.updates__warning {
    top: 0;
    background: #f44336;
    background: var(--red);
    font-size: 10px;
    padding: 0 3px;
    border-bottom-left-radius: inherit;
    border-top-right-radius: inherit;
    opacity: .9;
    position: absolute;
    right: 0;
    z-index: 5;
    color: #fff;
    color: var(--white);
    line-height: 14px;
}

.updates__header {
    padding: 0 5px 5px;
    margin-bottom: 2px;
    border-bottom: 1px solid #ff8c00;
    border-bottom: solid 1px var(--primary)
}

.updates__header:after {
    content: "";
    display: block;
    clear: right
}

.updates__labels {
    float: right;
    margin-top: 2px
}

.updates__labels .m-label {
    float: left;
    margin-left: 4px
}

.updates__name {
    display: block;
    margin: 0;
    padding-right: 10px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
    overflow: hidden
}

.updates__name_rus {
    font-weight: 400;
    font-size: 13px
}

.updates__name_rus a {
    color: #868e96;
    color: var(--text-muted)
}

.updates__name_rus a:hover {
    color: #212529;
    color: var(--text-primary);
    text-decoration: none
}

.updates__date {
    float: right;
    font-size: 11px
}

.updates__date,
.updates__more {
    color: #818181;
    color: var(--text-secondary)
}

.updates__more {
    margin-top: 5px;
    font-size: 12px;
    border: 0;
    background: 0 0
}

.updates__more:hover {
    color: #f77519;
    color: var(--text-link);
    text-decoration: underline
}

.updates__chapters {
    height: 72px;
    overflow: hidden
}

.updates__chapters_expanded {
    height: auto
}

.updates__chapter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    padding: 4px 5px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #818181;
    color: var(--text-secondary)
}

.updates__chapter:nth-child(odd) {
    background-color: #f5f7fa;
    background-color: var(--foreground-darken)
}

.updates__chapter:hover {
    text-decoration: none;
    color: #f0f2f5;
    color: var(--background-hover);
    color: #212529;
    color: var(--text-primary)
}

.updates__chapter:hover .updates__chapter-vol {
    color: #f77519;
    color: var(--text-link)
}

.updates__chapter-vol {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 90px;
    color: #212529;
    color: var(--text-primary)
}

.updates__chapter-name {
    margin-left: 10px;
    margin-right: 10px
}

.updates__chapter-team {
    margin-left: auto;
    font-size: 12px
}

.updates__chapter-team svg {
    vertical-align: middle;
    width: 22px;
    height: 18px;
    margin-right: 4px
}

@media(min-width:769px) {
    .h-lists {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.h-lists .page__title {
    margin-bottom: 6px
}

.h-lists__section {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    overflow: hidden
}

@media(min-width:769px) {
    .h-lists__section:first-child {
        /*margin-right: 17px;*/
    }
}

.h-list-items {
    margin-bottom: 6px
}

.h-list-item {
    padding: 3px 0
}

.h-list-item__title {
    color: #212529;
    color: var(--text-primary)
}

.h-list-item__info {
    font-size: 12px;
    color: #868e96;
    color: var(--text-muted)
}

.h-list-item__user {
    margin-right: 10px
}

.manga-search {
    position: relative;
    padding: 10px 14px
}

.manga-search.page__wrapper {
    max-width: 830px
}

.manga-search .media-grid-wrap {
    margin: 0 -10px
}

@media(min-width:651px) {
    .manga-search .media-grid-wrap {
        margin: 0 -12px
    }
}

.manga-search__head {
    margin-bottom: 5px
}

.manga-search__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 13px;
}

.manga-search__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 13px
}

.manga-search__input {
    height: 36px
}

.manga-search__sort-button {
    background: 0 0;
    border: none;
    padding: 6px 8px;
    color: #212529;
    color: var(--text-primary);
    border-radius: 3px;
    white-space: nowrap
}

.manga-search__sort-button:hover {
    background: #f5f7fa;
    background: var(--foreground-darken)
}

.manga-search__sort-button .fa-angle-down {
    font-size: 16px
}

.manga-search__sort-button[data-sort=asc] .fa-sort-amount-desc,
.manga-search__sort-button[data-sort=desc] .fa-sort-amount-asc {
    display: none
}

.manga-list-sort .menu__item {
    padding-top: 7px;
    padding-bottom: 7px
}

.manga-block-items {
    position: relative;
    z-index: 10
}

@media(max-width:768px) {
    .manga-block-items {
        padding: 0 12px
    }
}

.manga-block-items__title {
    font-size: 16px;
    font-weight: 600
}

.manga-block-items__header {
    padding-top: 6px;
    padding-bottom: 6px
}

.manga-block-items__wrapper {
    padding: 0 3px
}

.manga-block-items__wrapper:after {
    content: "";
    display: block;
    clear: both
}

.manga-block-items_loading {
    padding-bottom: 20px
}

.manga-block-items_loading:after {
    content: "";
    display: block;
    margin: 20px auto 0;
    width: 30px;
    height: 30px;
    border: 2px solid #e5e5e5;
    border: solid 2px var(--border-base);
    border-top-color: #212529;
    border-top-color: var(--text-primary);
    border-radius: 50%;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite
}

.manga-item-info__inner {
    padding: 10px 5px;
    font-size: 13px;
    min-width: 330px
}

.manga-item-info__header {
    margin-bottom: 10px;
    position: relative
}

.manga-item-info__header h3 {
    font-weight: 500;
    font-size: 15px;
    margin: 0
}

.manga-item-info__header h5 {
    font-weight: 400;
    font-size: 13px;
    margin: 0;
    color: #868e96;
    color: var(--text-muted)
}

.manga-item-info__description {
    font-size: 13px;
    line-height: 18px;
    text-align: left
}

.manga-item-info__rating {
    border-top: 2px solid #212a30;
    border-bottom: 2px solid #212a30;
    padding: 10px 0
}

.manga-item-info__rating-count {
    font-weight: 700;
    display: inline-block;
    margin-left: 8px;
    font-size: 16px;
    line-height: 20px;
    vertical-align: top
}

.manga-item-info__stars {
    display: inline-block
}

.manga-item-info__stars .rating__star {
    color: #3c4c55;
    width: 15px;
    height: 15px;
    padding-right: 0;
    margin-right: 3px
}

.manga-item-info__stars [data-current=true],
.manga-item-info__stars [data-current=true]~.rating__star {
    color: #f5b041
}

.manga-item-info__stars svg {
    width: 15px;
    height: 15px;
    display: block;
    fill: currentColor
}

.manga-item-info__pg {
    float: right;
    width: 26px;
    height: 26px;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    background: #f44336;
    background: var(--red)
}

.manga-item-info__rows {
    margin: 15px 0
}

.manga-item-info__row {
    margin-bottom: 5px
}

.manga-item-info__row strong {
    font-weight: 500;
    padding-right: 5px
}

.manga-item-info__row span {
    margin-right: 3px;
    color: #74c0c8;
    display: inline-block
}

.manga-item-info__row span:after {
    content: ","
}

.manga-item-info__row span:last-child:after {
    content: ""
}

@media(min-width:991px) {
    .manga-block-item__content:hover {
        -webkit-box-shadow: rgba(0, 0, 0, .25) 0 14px 45px, rgba(0, 0, 0, .22) 0 10px 18px;
        box-shadow: 0 14px 45px rgba(0, 0, 0, .25), 0 10px 18px rgba(0, 0, 0, .22)
    }
}

@-webkit-keyframes show_item {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes show_item {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.search-filter {
    position: relative;
    overflow: hidden;
    height: 100%
}

@media(min-width:768px) {
    .search-filter {
        -webkit-animation: fade .5s ease;
        animation: fade .5s ease
    }
}

@media(max-width:768px) {
    .search-filter {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.search-filter_mobile .search-filter__wrap {
    max-height: calc(100% - 88px)
}

.search-filter__group {
    padding: 6px 0
}

.search-filter__wrap {
    overflow-y: auto;
    max-height: calc(100% - 44px)
}

.search-filter__wrap::-webkit-scrollbar {
    width: 6px
}

.search-filter__filters {
    padding: 7px
}

.search-filter__checkbox-list_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-filter__checkbox-list_flex .search-filter__checkbox {
    min-width: 50%
}

.search-filter__checkbox-list_caution .search-filter__checkbox {
    min-width: 25%
}

.search-filter__content {
    padding: 3px 7px;
    -webkit-animation: fade .2s ease;
    animation: fade .2s ease
}

.search-filter__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 0 14px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.search-filter__head-title {
    padding: 7px 0;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer
}

.search-filter__reset {
    font-size: 13px;
    cursor: pointer
}

.search-filter__title {
    padding: 0 7px;
    font-weight: 600
}

.search-filter__buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 40;
    padding-top: 4px;
    padding: 6px 13px
}

.search-filter__buttons_fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 200;
    right: 0;
    background: #fff;
    background: var(--foreground)
}

.search-filter__checkbox {
    padding: 4px 10px 4px 0;
    min-width: 120px
}

.search-filter__checkbox .control__text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.search-filter__counter {
    float: right;
    margin-top: 2px
}

.search-filter__input-group {
    margin-top: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-filter__input-group span {
    margin: 0 10px
}

.search-filter__input-group .search-filter__input {
    width: 1%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.search-filter__input_list {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #dcdcdc;
    border-bottom: solid 1px var(--input-border);
    width: 100%;
    height: 40px;
    padding: 6px 13px
}

.search-filter__genre[value="1"]~.control__indicator_checkbox,
.search-filter__with-exclude[value="1"]~.control__indicator_checkbox {
    background-color: #3cce7b;
    background-color: var(--green);
    border-color: #3cce7b;
    border-color: var(--green)
}

.search-filter__genre[value="1"]~.control__indicator_checkbox:after,
.search-filter__with-exclude[value="1"]~.control__indicator_checkbox:after {
    opacity: 1
}

.search-filter__genre[value="2"]~.control__indicator,
.search-filter__with-exclude[value="2"]~.control__indicator {
    background-color: #f44336;
    background-color: var(--red);
    border-color: #f44336;
    border-color: var(--red)
}

.search-filter__genre[value="2"]~.control__indicator:after,
.search-filter__with-exclude[value="2"]~.control__indicator:after {
    opacity: 1;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzNTIgNTEyJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMjQyLjcyIDI1NmwxMDAuMDctMTAwLjA3YzEyLjI4LTEyLjI4IDEyLjI4LTMyLjE5IDAtNDQuNDhsLTIyLjI0LTIyLjI0Yy0xMi4yOC0xMi4yOC0zMi4xOS0xMi4yOC00NC40OCAwTDE3NiAxODkuMjggNzUuOTMgODkuMjFjLTEyLjI4LTEyLjI4LTMyLjE5LTEyLjI4LTQ0LjQ4IDBMOS4yMSAxMTEuNDVjLTEyLjI4IDEyLjI4LTEyLjI4IDMyLjE5IDAgNDQuNDhMMTA5LjI4IDI1NiA5LjIxIDM1Ni4wN2MtMTIuMjggMTIuMjgtMTIuMjggMzIuMTkgMCA0NC40OGwyMi4yNCAyMi4yNGMxMi4yOCAxMi4yOCAzMi4yIDEyLjI4IDQ0LjQ4IDBMMTc2IDMyMi43MmwxMDAuMDcgMTAwLjA3YzEyLjI4IDEyLjI4IDMyLjIgMTIuMjggNDQuNDggMGwyMi4yNC0yMi4yNGMxMi4yOC0xMi4yOCAxMi4yOC0zMi4xOSAwLTQ0LjQ4TDI0Mi43MiAyNTZ6Jy8+PC9zdmc+);
    background-size: 8px
}

.search-filter__button-filter span {
    display: inline-block;
    min-width: 15px;
    height: 15px;
    margin-left: 6px;
    line-height: 15px;
    font-weight: 400;
    text-align: center;
    border-radius: 3px;
    font-size: 11px;
    background: #f44336;
    background: var(--red);
    color: #fff;
    color: var(--white)
}

.search-filter-submenu {
    padding: 8px 7px;
    margin-bottom: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-radius: 3px;
    overflow: hidden
}

.search-filter-submenu__name {
    font-weight: 600
}

.search-filter-submenu__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.search-filter-submenu__selected {
    font-size: 12px;
    padding: 0 10px;
    font-weight: 400;
    color: #818181;
    color: var(--text-secondary)
}

.search-filter-submenu .fa {
    font-size: 11px;
    opacity: .4
}

.search-filter-list-title,
.search-filter-submenu:hover {
    background: #fbfbfc;
    background: var(--background-highlight)
}

.search-filter-list-title {
    padding: 10px 14px;
    color: #868e96;
    color: var(--text-muted);
    font-weight: 600
}

.search-filter-input {
    position: relative
}

.search-filter-input__clear {
    top: 8px;
    right: 8px
}

.search-filter-input__field {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #dcdcdc;
    border-bottom: solid 1px var(--input-border);
    height: 40px;
    padding: 6px 13px
}

.search-filter-layout {
    background: #fff;
    background: var(--foreground);
    height: 100%
}

.search-filter-layout_hidden {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60;
    width: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.search-filter-layout_hidden.is-visible {
    -webkit-transform: none;
    transform: none
}

.search-filter-layout_hidden .search-filter__wrap {
    max-height: calc(100% - 128px)
}

.search-filter-layout_hidden .search-filter__filters {
    padding: 8px 14px
}

@media(min-width:991px) {
    .search-filter:not(.search-filter_mobile) {
        width: 320px;
        height: calc(100vh - 87px);
        position: sticky;
        z-index: 300;
        top: 73px;
        bottom: 14px;
        float: right;
    }
}

.chapters-list {
    position: relative;
    max-height: 400px;
    overflow-y: auto
}

.chapter-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    line-height: 20px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.chapter-item:hover {
    background-color: #f0f2f5;
    background-color: var(--background-hover)
}

.chapter-item[data-is-read="1"] .chapter-item__viewed:after {
    content: "\41F\440\43E\447\438\442\430\43D\43E"
}

.chapter-item[data-is-read="1"] .chapter-item__icon-read:before {
    content: "\F06E"
}

.chapter-item[data-is-read="0"] .chapter-item__viewed:after {
    content: "\41D\435   \43F\440\43E\447\438\442\430\43D\43E"
}

.chapter-item div {
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.chapter-item__viewed {
    text-align: center;
    font-size: 16px
}

.chapter-item__name {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important;
    margin-right: auto;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px
}

.chapter-item__new {
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-left: 4px;
    border-radius: 6px;
    background-color: #3cce7b;
    background-color: var(--green)
}

.chapter-item__added {
    color: #818181;
    color: var(--text-secondary);
    margin-left: 15px;
    width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.chapter-item__added a {
    color: inherit
}

.chapter-item__added a:hover {
    color: #f77519;
    color: var(--text-link);
    text-decoration: none
}

.chapter-item__date {
    min-width: 70px;
    margin-left: 13px;
    color: #818181;
    color: var(--text-secondary);
    font-size: 12px
}

.chapter-item__actions {
    margin-left: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.chapter-item__actions_new {
    color: var(--button-primary-bg);
    margin: -4px 0;
    padding: 8px;
    font-size: inherit;
    user-select: none;
    border-radius: 4px;
    cursor: pointer;
}

.chapter-item__actions_new:hover {
    color: var(--button-primary-bg-hover);
}

.chapter-item__icon_download_min-width {
    min-width: 50px;
}

.chapter-item__icon {
    height: 30px;
    width: 30px;
    padding: 7px 5px;
    line-height: 30px;
    cursor: pointer;
    font-size: 16px
}

.chapter-item__icon_team {
    padding: 4px 1px
}

.chapter-item__icon_team svg {
    display: block;
    width: 28px;
    height: 22px
}

.chapter-item__icon .fa {
    display: block
}

.chapter-item__icon:hover {
    text-decoration: none;
    color: #ffa332;
    color: var(--primary-darken)
}

.chapter-item__icon[data-loader=true] {
    padding: 5px
}

.chapter-item__icon[data-status=complete] {
    color: #3cce7b;
    color: var(--green)
}

.chapter-item__icon[data-status=error] {
    color: #f44336;
    color: var(--red)
}

.chapter-item__icon .progress-circle {
    width: 20px;
    height: 20px;
    display: block
}

.chapter-item__icon .progress-circle__circle {
    stroke-width: 3px
}

.chapter-item__icon-read {
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.chapter-item__icon-read:before {
    content: "\F070"
}

.volume-anchor {
    max-height: 214px;
    overflow-y: auto
}

.volume-anchor__wrapper {
    max-width: 170px
}

.volume-anchor__wrapper:after {
    content: "";
    display: block;
    clear: both
}

.volume-anchor__item {
    float: left;
    width: 34px;
    height: 34px;
    padding: 10px 0;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.volume-anchor__item:hover,
.volume-anchor__trigger {
    color: #f77519;
    color: var(--text-link)
}

.volume-anchor__trigger {
    cursor: pointer
}

.manga__image {
    position: relative;
    z-index: 10;
    float: left;
    width: 220px
}

.manga__cover {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base)
}

.manga__body {
    position: relative;
    padding-left: 235px
}

.manga__actions {
    margin-top: 5px;
    height: 30px;
    font-size: 14px;
    padding: 2px 0;
    text-align: center
}

.manga__action {
    height: 26px;
    width: 26px;
    display: inline-block;
    margin: 0 4px;
    line-height: 26px;
    text-align: center;
    color: #818181;
    color: var(--text-secondary);
    cursor: pointer
}

.manga__action:hover {
    color: #212529;
    color: var(--text-primary)
}

.manga__action svg {
    fill: currentColor;
    width: 12px;
    height: 12px
}

.manga__buttons {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.manga__buttons .button {
    margin: 5px 0;
    width: 220px
}

.manga__buttons .button [data-text] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.manga__buttons .button_label {
    padding-right: 10px
}

.manga__title {
    margin-bottom: 15px;
    font-size: 24px;
    color: #212529;
    color: var(--text-primary)
}

.manga__desc {
    margin-top: 15px
}

.aside-users {
    padding: 6px!important;
    font-size: 0
}

.aside-user {
    display: inline-block;
    margin: 4px;
    width: 60px;
    height: 60px;
    overflow: hidden
}

.aside-user img {
    width: 100%;
    display: block
}

.users-bookmarks-container {
    font-size: 0;
    text-align: center
}

.users-bookmarks-more {
    margin-top: 15px
}

.users-bookmarks {
    display: inline-block;
    width: 95px;
    padding: 5px;
    text-align: center;
    color: #212529;
    color: var(--text-primary)
}

.users-bookmarks:hover {
    color: #f77519;
    color: var(--text-link);
    text-decoration: none
}

.users-bookmarks__avatar {
    background-color: #f5f7fa;
    background-color: var(--foreground-darken);
    width: 55px;
    height: 55px;
    display: block;
    margin: 0 auto
}

.users-bookmarks__name {
    font-size: 12px;
    margin-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.manga-bg {
    position: relative;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 160px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.manga-bg__head {
    padding-top: 50px;
    padding-bottom: 10px;
    color: #fff;
    color: var(--white);
    text-shadow: 0 1px 0 #000
}

.manga-bg__subtitle {
    font-weight: 400
}

.manga-bg__title {
    font-size: 22px
}

.manga-rating {
    float: right;
    text-align: right;
    line-height: 1.1
}

.manga-rating__stars {
    display: inline-block;
    font-size: 0
}

.manga-rating__votes {
    font-size: 12px;
    color: #818181;
    color: var(--text-secondary)
}

.manga-rating__value {
    font-weight: 700;
    font-size: 20px;
    display: inline-block
}

.manga-info a {
    border-bottom: 1px dashed #f77519;
    border-bottom: dashed 1px var(--text-link);
    margin-right: 10px
}

.manga-info a:hover {
    border-bottom-style: solid;
    text-decoration: none
}

.manga-info .m-label {
    font-size: 11px
}

.manga-title {
    margin-bottom: 12px
}

.manga-title h1 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 6px
}

.manga-title h4 {
    font-weight: 400;
    font-size: 15px
}

.manga-bookmark-menu {
    overflow: hidden;
    border-radius: 3px;
    width: 270px;
}

.manga-bookmark-menu .menu {
    max-height: 241px;
    overflow-y: auto
}

.manga-bookmark-menu .menu::-webkit-scrollbar {
    width: 5px
}

.manga-bookmark-menu .menu::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0, 0, 0, .2)
}

@media(min-width:769px) {
    .manga-bg {
        height: 300px
    }
    .manga-bg__head {
        padding-left: 265px;
        padding-bottom: 65px
    }
    .manga_has-bg {
        position: relative;
        z-index: 200;
        margin-top: -55px
    }
    .manga_has-bg .manga__image {
        margin-top: -90px;
        margin-left: -10px;
        padding: 10px 10px 0;
        width: 240px;
        background-color: #fff;
        background-color: var(--foreground)
    }
    .manga_has-bg .manga__section-info {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media(min-width:991px) {
    .manga-bg {
        height: 360px
    }
}

@media(min-width:1300px) {
    .manga-bg {
        height: 450px
    }
}

.manga-edit .section__footer,
.manga-edit .section__header {
    padding: 10px 30px
}

.manga-edit__uploader {
    padding: 30px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.manga-edit__uploader .uploader {
    height: 230px
}

.manga-edit__uploader .uploader_cover {
    max-width: 195px
}

.manga-edit__form {
    padding: 30px 30px 0
}

.manga-edit__form .row {
    margin-left: -6px;
    margin-right: -6px
}

.manga-edit__form .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 180px;
    flex: 1 0 180px;
    overflow: hidden;
    padding: 0 6px
}

.manga-edit__form .form__field {
    margin-bottom: 30px
}

.manga-edit__form .control {
    margin-bottom: 10px
}

.manga-edit__form_disabled [data-is-locked="1"] .choices,
.manga-edit__form_disabled [data-is-locked="1"] .form__input,
.manga-edit__form_disabled [data-status="3"] .choices {
    pointer-events: none
}

.media-edit__info {
    padding-top: 5px;
    line-height: 18px
}

.media-edit__info span {
    margin-right: 18px;
    white-space: nowrap
}

.media-edit__footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 120;
    background: #fff;
    background: var(--foreground);
    border-radius: 0 0 4px 4px
}

[data-lock] .form__label .fa,
[data-lock] .uploader-title .fa {
    color: #868e96;
    color: var(--text-muted);
    font-size: 13px;
    margin-right: 6px;
    display: none
}

[data-is-locked="1"] {
    position: relative
}

[data-is-locked="1"] .form__label .fa,
[data-is-locked="1"] .uploader-title .fa {
    display: inline-block
}

.media-edit-uploader {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

@media(min-width:768px) {
    .media-edit-uploader {
        padding: 20px
    }
}

@media(min-width:560px) {
    .media-edit-uploader__background .uploader-trigger {
        width: 140px;
        height: 200px
    }
    .media-edit-uploader__background .uploader-preview {
        height: 200px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.media-editing .tabs__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(min-width:769px) {
    .media-editing>.tabs__content {
        max-width: calc(100% - 230px)
    }
    .media-editing .menu {
        padding-top: 0
    }
}

@media(max-width:768px) {
    .media-editing .section__header {
        display: block
    }
}

.related-list {
    counter-reset: related
}

.related-list_edit .related-item {
    padding: 5px 10px;
    padding-right: 46px;
    margin-top: 0
}

.related-list_edit .related-item:hover {
    background-color: #f0f2f5;
    background-color: var(--background-hover)
}

.related-list_edit .related-item:before {
    content: ""
}

.related-item {
    position: relative;
    margin-top: 5px;
    line-height: 20px
}

.related-item:before {
    content: counter(related) ". ";
    counter-increment: related
}

.related-item a {
    color: #212529;
    color: var(--text-primary);
    text-decoration: none
}

.related-item a:hover {
    text-decoration: none;
    color: #f77519;
    color: var(--text-link)
}

.related-item__rus-name {
    font-size: 13px;
    color: #868e96;
    color: var(--text-muted)
}

.related-item__remove {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    color: #212529;
    color: var(--text-primary);
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: .15s ease;
    transition: .15s ease
}

.related-item__remove:hover {
    background-color: #f44336;
    background-color: var(--red);
    color: #fff;
    color: var(--white)
}

.related-search {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.related-search .loader-circle {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -8px;
    display: none
}

.related-search.is-loading .loader-circle {
    display: block
}

.related-search__field {
    position: relative;
    margin-right: 118px
}

.related-search .button {
    margin-top: 1px;
    float: right
}

.related-manga-autocomplete {
    position: absolute;
    max-height: 320px;
    background: #fff;
    background: var(--foreground);
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
    overflow-y: auto
}

.related-manga-autocomplete .autocomplete-suggestion {
    padding: 5px 10px;
    overflow: hidden
}

.related-manga-autocomplete .autocomplete-suggestion.selected {
    background-color: #f0f2f5;
    background-color: var(--background-hover)
}

.related-manga-autocomplete:focus {
    outline: none
}

.manga-preview .loader-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px
}

.manga-preview__name {
    font-size: 22px;
    margin-bottom: 1em
}

.manga-preview__name small {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 400;
    display: block
}

.manga-preview__content {
    padding: 15px;
    padding-bottom: 60px
}

.manga-preview__head {
    margin-bottom: 15px
}

.manga-preview__head,
.manga-preview__head-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.manga-preview__head-right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.manga-preview__head .manga-rating__value {
    padding-top: 0;
    font-size: 22px;
    line-height: 22px
}

.manga-preview__head .manga-rating__votes {
    margin-top: 10px;
    font-size: 18px
}

.manga-preview__head .manga-rating {
    text-align: left
}

.manga-preview__head .manga-rating .rating__star {
    padding-right: 8px;
    width: 30px;
    height: 22px
}

.manga-preview__head .manga-rating .rating__star svg {
    width: 22px;
    height: 22px
}

.manga-preview__cover {
    width: 100px;
    height: 140px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px
}

.manga-preview__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f5f7fa;
    background: var(--foreground-darken);
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.manga-preview__action {
    display: block;
    text-align: center;
    position: static
}

.manga-preview__action:not(.manga-preview__action_close) {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 12px 10px 13px
}

.manga-preview__action_close {
    width: 64px;
    line-height: 44px
}

.manga-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #212529;
    color: var(--text-primary)
}

.manga-list-item a:hover {
    text-decoration: none;
}

.manga-list-item__link {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.manga-list-item_sm .manga-list-item__cover {
    width: 50px
}

.manga-list-item.is-active,
.manga-list-item:hover {
    text-decoration: none
}

.manga-list-item.is-active .manga-list-item__title,
.manga-list-item:hover .manga-list-item__title {
    color: #f77519;
    color: var(--text-link)
}

.manga-list-item__cover {
    display: block;
    width: 65px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.manga-list-item__cover_round {
    border-radius: 4px;
}

.manga-list-item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 10px
}

.manga-list-item__name {
    font-weight: 600
}

.manga-list-item__name span {
    color: #818181;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 400
}

.manga-list-item__name span:before {
    content: "/";
    margin: 0 5px
}

.manga-list-item__title {
    font-size: 14px
}

.manga-list-item__subtitle {
    margin-top: 4px;
    font-weight: 400
}

.manga-list-item__meta,
.manga-list-item__subtitle {
    font-size: 13px;
    color: #818181;
    color: var(--text-secondary)
}

.manga-list-item__meta {
    margin-top: 5px
}

.manga-list-item__meta span {
    margin-right: 8px
}

.manga-list-item__meta-rating {
    font-weight: 600
}

.manga-list-item__meta-rating[data-rating=positive] {
    color: #3bb33b
}

.news-feed-header {
    padding: 0 15px;
    margin: 0 auto 30px;
    max-width: 750px
}

.news-feed-header__title {
    font-size: 30px;
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base);
    margin: 0
}

.news-feed-item {
    padding: 20px;
    margin-bottom: 10px;
    background-color: #fff;
    background-color: var(--foreground);
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base)
}

.news-feed-item__info {
    color: #818181;
    color: var(--text-secondary);
    margin-bottom: 10px;
    font-size: 13px
}

.news-feed-item__date {
    text-transform: uppercase
}

.news-feed-item__title {
    font-size: 20px;
    margin: 0
}

.news-feed-item__title a:hover {
    text-decoration: none
}

.news {
    max-width: 920px
}

.news__author {
    color: #868e96;
    color: var(--text-muted)
}

.news__author .avatar {
    vertical-align: middle
}

.news__author span+span {
    margin-left: 10px
}

.news__title {
    margin-bottom: 24px;
    font-size: 30px;
    word-wrap: break-word
}

.news__inner {
    padding: 30px 90px
}

.news__content {
    font-size: 16px
}

.news__content p {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.news__content h1,
.news__content h2,
.news__content h3,
.news__content h4,
.news__content h5,
.news__content h6 {
    padding-bottom: 10px
}

.news__content img {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%
}

@media(min-width:991px) {
    .news__comments .comments__header {
        padding-left: 28px;
        padding-right: 28px
    }
    .news__comments .comments {
        padding: 15px
    }
}

@media(min-width:768px) {
    .news__content img[data-background="1"] {
        max-width: 60%
    }
}

.reader {
    position: relative
}

@media(min-width:991px) {
    .reader .notifications-filter .tabs__item:nth-child(6) {
        display: none
    }
}

.reader-view {
    padding: 10px
}

@media(min-width:760px) {
    .reader-view_fit-height img {
        max-height: 100vh
    }
}

.reader-view_full canvas,
.reader-view_full img {
    width: 100%
}

.reader-view_medium canvas,
.reader-view_medium img {
    width: 80%
}

.reader-view canvas,
.reader-view img {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    pointer-events: none;
}

.reader-view__container {
    margin: 0 auto
}

.reader-view__loader {
    min-height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reader-view__loader img {
    width: auto!important
}

.reader-view__wrap {
    min-height: 340px;
    margin-bottom: 15px
}

.is-vertical .reader-view__wrap {
    margin-bottom: 0;
}

.reader-view__wrap_error {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    line-height: 2
}

.reader-view__wrap_error span {
    font-weight: 600;
    border-bottom: 2px solid currentColor;
    cursor: pointer
}

.reader-view__wrap[data-loaded] {
    background-image: url(/images/loader.svg);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: 50%
}

.reader-view__wrap[data-loaded]:first-child {
    min-height: 100vh
}

.reader-view__empty {
    max-width: 600px;
    margin: 50px auto;
    margin: 26vh auto;
    padding: 0 10px;
    text-align: center;
    font-size: 20px;
    line-height: 2
}

.reader-actions {
    padding: 10px;
    background: #fff;
    background: var(--foreground);
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.reader-bookmark {
    position: relative
}

.reader-bookmark__icon.fa {
    display: none
}

.reader-bookmark__icon_ghost,
.reader-bookmark__icon_marked {
    color: #f44336;
    color: var(--red)
}

.reader-bookmark__icon_ghost {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 16px;
    margin-top: -8px;
    margin-left: -6px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: bookmark_ghost_animation .7s 1 forwards cubic-bezier(.19, 1, .22, 1);
    animation: bookmark_ghost_animation .7s 1 forwards cubic-bezier(.19, 1, .22, 1)
}

.reader-bookmark.is-animated .reader-bookmark__icon_ghost,
.reader-bookmark.is-marked .reader-bookmark__icon_marked,
.reader-bookmark:not(.is-marked) .reader-bookmark__icon_default {
    display: inline-block
}

.reader-dropdowns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.reader-dropdowns__dropdown {
    overflow: hidden
}

.reader-dropdowns__dropdown:last-child {
    margin-left: 15px
}

.reader-dropdowns__button {
    height: 36px;
    padding: 0 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    max-width: 100%
}

.reader-switch__button {
    height: 36px;
    line-height: 34px;
}

@media(min-width:991px) {
    .reader-dropdowns__button {
        color: #fff;
        background: hsla(0, 0%, 100%, .06)
    }
    .reader-dropdowns__button svg {
        margin: 0
    }
    .reader-dropdowns__button:active,
    .reader-dropdowns__button:focus,
    .reader-dropdowns__button:hover {
        color: #fff;
        background: hsla(0, 0%, 100%, .1)
    }
}

.reader-dropdowns__button .fa {
    margin-left: 6px
}

.reader-dropdowns__button svg {
    width: 24px;
    height: 20px;
    display: block;
    margin-right: 5px
}

.reader-dropdowns__button.labeled>.icon {
    width: 36px;
    line-height: 36px;
    font-size: 18px
}

.reader-next {
    padding: 10px;
    text-align: center
}

@media(max-width:560px) {
    .reader-next {
        padding: 16px 12px
    }
}

.reader-next p {
    font-size: 18px;
    margin-bottom: 20px
}

.reader-next__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    /* justify-content: center */
    justify-content: space-between;
}

.reader-next__btn .fa {
    font-size: 13px
}

.reader-next__btn:last-child {
    margin-left: 12px
}

@media(max-width:560px) {
    .reader-next__btn {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0;
        flex: 1 0 0
    }
    .reader-next__btn:not(.button_label) {
        padding-left: 8px;
        padding-right: 8px
    }
    .reader-next__btn.button_label:not(.button_label_right) {
        padding-left: 38px;
        padding-right: 6px
    }
    .reader-next__btn.button_label_right {
        padding-right: 38px;
        padding-left: 6px
    }
}

@media(min-width:561px) {
    .reader-next__btn {
        min-width: 200px
    }
}

.reader-chapters-list {
    overflow-y: auto
}

.reader-chapters-list_dropdown {
    max-height: 65vh;
    max-width: 300px;
    width: auto;
    min-width: 170px;
    overscroll-behavior: none
}

@media(max-width:990px) {
    .reader-chapters-list {
        max-height: calc(100% - 46px)
    }
}

.reader-container {
    padding-top: 25px;
    padding-bottom: 25px;
    word-break: break-word
}

.reader-container img {
    max-width: 100%
}

@media(max-width:768px) {
    .reader_text .reader-container {
        padding: 20px 12px
    }
}

.reader-review {
    padding: 35px 12px 16px;
    max-width: 864px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reader-review:not(.has-team) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:500px) {
    .reader-review {
        padding-bottom: 12px
    }
    .reader-review.has-team .reader-review-btn.is-full,
    .reader-review:not(.has-team) .reader-review-btn.is-short {
        display: none
    }
}

@media(min-width:500px) {
    .reader-review .reader-review-btn.is-short {
        display: none
    }
}

.reader-review-team {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.reader-review-team,
.reader-review-team:hover {
    color: currentColor;
    text-decoration: none
}

.reader-review-team__covers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 12px;
}

.reader-review-team__covers:hover .reader-review-team__cover:not(:first-child) {
    margin-left: 6px;
}

.reader-review-team__cover {
    width: 44px;
    height: 44px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 3px;
    border: 1px solid #fff;
    border: solid 1px var(--foreground);
    background-color: #fff;
    background-color: var(--foreground);
    -webkit-transition: margin .2s ease;
    transition: margin .2s ease;
}

.reader-review-team__cover:hover {
    position: relative;
    z-index: 1;
}

.reader-review-team__cover+.reader-review-team__cover {
    margin-left: -22px;
}

@media(max-width:500px) {
    .reader-review-team__cover {
        width: 42px;
        height: 42px
    }
}

.reader-review-team__body {
    padding-right: 10px;
    overflow: hidden
}

.reader-review-team__name {
    font-weight: 600;
    font-size: 16px
}

.reader-review-team__name span:not(:last-child):after {
    content: "&";
    margin: 0 2px;
    color: #868e96;
    color: var(--text-muted);
    font-size: 11px;
}

.reader-review-btn {
    position: relative;
    padding: 6px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 6px;
    border: 0;
    color: rgba(33, 37, 41, .8);
    color: var(--button-default-color);
    background: #e0e1e2;
    background: var(--button-default-bg);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.reader-review-btn.is-short {
    padding: 6px 8px
}

.reader-review-btn.is-liked .fa-heart-o,
.reader-review-btn:not(.is-liked) .fa-heart {
    display: none
}

.reader-review-btn.is-animated .reader-review-btn__icon_ghost {
    display: inline-block
}

.reader-review-btn__icon {
    font-size: 18px;
    margin-right: 12px;
    position: relative
}

.reader-review-btn__icon .fa-heart {
    color: #f44336;
    color: var(--red)
}

.reader-review-btn__icon_ghost {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: bookmark_ghost_animation .9s 1 forwards cubic-bezier(.19, 1, .22, 1);
    animation: bookmark_ghost_animation .9s 1 forwards cubic-bezier(.19, 1, .22, 1)
}

@media(max-width:500px) {
    .reader-review-btn__icon {
        margin-right: 5px
    }
}

.reader-review-btn__text {
    font-size: 13px
}

.reader-review-btn__stats_full {
    font-size: 10px;
    opacity: .85
}

[data-reader] body:not(.is-vertical) .reader-comments-head {
    display: none;
}

@media (min-width: 769px) {
    body.is-vertical.is-comments-enabled .reader-comments-head {
        display: none;
    }
}

body.is-vertical .reader-comments.container {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.reader-comments-head {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    line-height: 44px;
    /* margin: 0 -12px; */
    padding: 0 12px;
    z-index: 10;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base);
    background: #fff;
    background: var(--background-elevated-1)
}

.reader-comments-head b {
    font-weight: 600;
    font-size: 16px
}

.reader-comments-head .fa {
    font-size: 13px;
    margin-right: 8px
}

[data-reader] .is-vertical .chat-wrap:not(.is-open) {
    bottom: 60px!important
}

[data-reader] body:not(.is-vertical) .chat-wrap:not(.is-open) {
    right: 115px!important
}

@-webkit-keyframes bookmark_ghost_animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

@keyframes bookmark_ghost_animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0
    }
}

.header_reader {
    position: sticky;
    top: 0;
}

.header_reader_hidden {
    top: -56px;
}

.header_reader .header-button__icon:not(:first-child) {
    margin-left: 10px
}

.headroom {
    position: fixed;
    will-change: opacity, visibility;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease
}

.headroom.is-static {
    position: absolute;
    top: 0
}

.headroom--pinned {
    opacity: 1;
    visibility: visible
}

.headroom--unpinned {
    opacity: 0;
    visibility: hidden
}

.reader-header__wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    margin: 0 auto;
    width: 100%;
    height: 100%
}

.reader-header__left,
.reader-header__right,
.reader-header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reader-header__right {
    margin-left: auto;
    padding-right: 18px
}

.reader-dropdown {
    margin-top: 5px
}

#scanlator-dropdown-button svg {
    margin: 8px 6px
}

.reader-header-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 300px;
    height: 100%;
    margin: 0 15px;
    padding: 0 15px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: background .2s ease;
    transition: background .2s ease
}

.reader-header-info:hover {
    background: hsla(0, 0%, 100%, .1);
    color: #fff;
    text-decoration: none
}

.reader-header-info__name {
    font-weight: 500
}

.reader-header-info__name-rus {
    font-size: 13px;
    opacity: .8
}

@media screen and (min-width: 920px) {
    .reader-header-actions {
        display: flex;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }
}

@media screen and (max-width: 919.98px) {
    .reader-header-actions {
        display: none;
    }
}

.reader-chapters {
    position: relative;
    padding-right: 20px;
    margin-top: 2px;
    height: 22px;
    line-height: 22px;
    cursor: pointer
}

.reader-chapters:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2px;
    display: block;
    border: 5px solid transparent;
    border-top-color: #fff;
    pointer-events: none
}

.reader-chapters:hover:after {
    border-top-color: #212529;
    border-top-color: var(--text-primary)
}

.reader-chapters:hover .reader-chapters__chapter {
    color: #fff!important
}

.reader-chapters__chapter {
    font-size: 13px;
    color: #fff;
    pointer-events: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.reader-chapters__select {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}

.reader-chapters__select select {
    background: 0 0;
    border: 0;
    height: 100%;
    width: 100%
}

.reader-chapters__select option {
    color: #212529
}

.reader-footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 15px
}

.reader-footer__btn:not(.button_icon) {
    padding-left: 10px;
    padding-right: 10px
}

.reader-pages {
    position: relative
}

.reader-pages__label {
    pointer-events: none
}

.reader-pages select {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: 0 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    opacity: 0;
    width: 100%
}

.reader-pages select:focus {
    outline: none
}

.reader-pages select option {
    color: #000;
    font-size: 14px;
    opacity: 1
}

.reader-comments-toggler .fa-comment {
    margin-left: 6px
}

.reader-comments-toggler .fa-arrow-left {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.reader-paginate__item[data-direction=prev] {
    text-align: left
}

.reader-paginate__item[data-direction=prev] .fa {
    margin-left: 10px
}

.reader-paginate__item[data-direction=next] {
    text-align: right
}

.reader-paginate__item[data-direction=next] .fa {
    margin-right: 10px
}

select::-ms-expand {
    display: none
}

.reader-settings {
    line-height: 22px
}


/* .reader-settings__title {
    font-size: 16px;
    padding: 5px 20px;
    background: #f0f2f5;
    background: var(--background-hover)
} */

.reader-settings__title span {
    color: #212529;
    color: var(--text-primary);
    font-size: .9em;
    margin-left: 5px
}


/* 
.reader-settings__controls {
    padding: 5px 20px
} */

.reader-settings__controls .control {
    padding: 5px 0;
    font-size: 14px
}

.reader-settings__range {
    width: 100%;
    margin-top: 15px
}

.reader-caution-buttons {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reader-caution-buttons .button {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body.is-vertical:not(.is-comments-enabled) .reader-comments {
    display: none
}

@media(min-width:768px) {
    body.is-vertical.is-comments-enabled .reader-comments-drag {
        display: block
    }
}

@media(max-width:768px) {
    body.is-vertical.is-comments-enabled .reader-comments-close {
        display: block
    }
}

body.is-vertical.is-comments-enabled .reader-comments-toggler .fa-arrow-left {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

body.is-vertical.is-comments-enabled .comments-info {
    height: 100vh;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body.is-vertical .reader-comments {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    height: 100%;
    max-width: 100%;
    z-index: 1000;
    width: 320px
}

@media(max-width:991px) {
    body.is-vertical .reader-comments {
        width: 100%
    }
    body.is-vertical .reader-comments .comments__form,
    body.is-vertical .reader-comments .section__header {
        padding-left: 10px;
        padding-right: 10px
    }
    body.is-vertical .reader-comments .section__body {
        padding: 0 10px 10px;
        margin: 0
    }
}

body.is-vertical .reader-comments .comments__load-page {
    padding: 0
}

body.is-vertical .reader-comments .section {
    border-radius: 0;
    margin: 0;
    height: 100%
}

body.is-vertical .reader-comments .section__header {
    position: relative;
    z-index: 24
}

@media(min-width:991px) {
    body.is-vertical .reader-comments .section__body {
        padding-left: 17px
    }
}

body.is-vertical .reader-comments .comment__children_new-line {
    margin-left: -90px;
    border-left: 0;
    padding-left: 0
}

body.is-vertical .reader-comments .comment__children_new-line:before {
    width: 94px
}

body.is-vertical .reader-comments .comment__children_new-line:after,
body.is-vertical .reader-comments .comment__children_new-line:before {
    height: 9px
}

body.is-vertical .reader-comments.is-small .comment__children {
    margin-left: 0;
    padding-left: 9px
}

body.is-vertical .reader-comments.is-small .comment__body {
    padding-left: 4px;
    padding-right: 4px
}

body.is-vertical .reader-comments.is-small .comment__rating {
    position: static;
    float: right
}

body.is-vertical .reader-comments.is-small .comment__head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body.is-vertical .reader-comments.is-small .comment__rating {
    margin-left: auto
}

body.is-vertical .comments {
    overflow-y: auto;
    height: calc(100% - 70px)
}

@media(min-width:991px) {
    body.is-vertical .comments {
        height: calc(100% - 46px);
        margin-right: -18px;
        padding-right: 18px;
        padding-bottom: 10px
    }
}

@media(min-width:769px) {
    body.is-vertical .comments {
        padding-left: 12px
    }
}

@media(min-width:991px) {
    body.is-vertical .reader-comments .section__header {
        height: 56px
    }
    body.is-vertical .reader-comments .section__header_tabs .tabs__item {
        padding: 18px 0
    }
}

.reader-comments-drag {
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 20;
    display: none;
    width: 12px;
    height: 100%;
    background: #f5f7fa;
    background: var(--foreground-darken);
    border-right: 1px solid #e5e5e5;
    border-right: solid 1px var(--border-base);
    cursor: ew-resize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(max-width:991px) {
    .reader-comments-drag {
        top: 45px
    }
}

.reader-comments-drag:after,
.reader-comments-drag:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    height: 30px;
    margin-top: -15px;
    width: 1px;
    background: #e5e5e5;
    background: var(--border-base)
}

.reader-comments-drag:before {
    left: 3px
}

.reader-comments-drag:after {
    left: 7px
}

.reader-comments-close {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 30;
    display: none;
    padding: 14px;
    opacity: .8
}

.reader-comments-close svg {
    display: block;
    width: 16px;
    height: 16px;
    stroke: currentColor;
    pointer-events: none
}

.author__image {
    display: block;
    float: left;
    width: 140px;
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base)
}

.author__body {
    padding-left: 150px
}

.author__title:after {
    width: 45px
}

.author-info {
    margin-bottom: 10px
}

.person:after {
    content: "";
    display: block;
    clear: both
}

.person__side-cover {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.person__title {
    font-size: 18px
}

.person__title:after {
    width: 45px
}

.person__header,
.person__header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.person__header-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.person__cover {
    width: 90px;
    margin-right: 10px
}

.person__cover img {
    width: 100%;
    display: block
}

.person__header-title {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 15px
}

.person__buttons .button {
    margin-top: 5px
}

.person__edit {
    float: right;
    height: 20px;
    width: 20px;
    padding: 3px 0;
    padding-left: 6px;
    text-decoration: none;
    cursor: pointer
}

.person__edit,
.person__edit:hover {
    color: #818181;
    color: var(--text-secondary)
}

.person__edit svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
    display: block
}

.person p:empty {
    margin: 0
}

.person__info .aside__content {
    padding: 10px 0
}

.person-info__title {
    margin-bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.person-info__title strong {
    font-size: 12px;
    text-transform: uppercase;
    color: #818181;
    color: var(--text-secondary);
    line-height: 20px
}

.person-info__title .button_link {
    line-height: 16px
}

.person-info__link {
    line-height: 22px;
    margin-bottom: 2px
}

.person-info__icon {
    margin-right: 5px
}

.person-profile {
    color: #212529;
    color: var(--text-primary);
    display: block
}

.person-profile+.person-profile {
    margin-top: 10px
}

.person-profile.is-active,
.person-profile:hover {
    text-decoration: none;
    color: #f77519;
    color: var(--text-link)
}

.person-profile.is-active .person-profile__name,
.person-profile:hover .person-profile__name {
    text-decoration: underline
}

.person-profile__avatar {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    float: left;
    border-radius: 22px;
    vertical-align: middle;
    font-size: 0;
    overflow: hidden
}

.person-profile__name {
    display: block;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media(max-width:768px) {
    .person__info .aside__content {
        padding: 5px 0
    }
    .person-info__title {
        margin-bottom: 4px
    }
    .person-info__title strong {
        font-size: 11px
    }
}

@media(max-width:400px) {
    .person__header-title {
        font-size: 18px
    }
}

.chapter-images-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.chapter-images-buttons .button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 3px
}

.chapter-images-list {
    padding: 3px
}

.chapter-image-item {
    padding: 10px 0
}

.chapter-image-item:after {
    content: "";
    display: block;
    clear: both
}

.chapter-image-item .progress-info {
    margin-bottom: 6px
}

.chapter-image-item .progress-info:after {
    display: none
}

.chapter-image-item__info {
    margin-right: 80px
}

.chapter-image-item__info:after {
    content: "";
    display: block;
    clear: both
}

.chapter-image-item__actions {
    float: right
}

.chapter-archive {
    padding: 25px 15px;
    border-radius: 2px;
    color: #818181;
    color: var(--text-secondary);
    border: 1px dashed #dcdcdc;
    border: dashed 1px var(--input-border)
}

.chapter-archive .progress,
.chapter-archive .progress-info {
    display: none
}

.chapter-archive_fill .chapter-archive__submit,
.chapter-archive_fill .progress,
.chapter-archive_fill .progress-info {
    display: block
}

.chapter-archive_fill .chapter-archive__desc {
    display: none
}

.chapter-archive__add {
    font-weight: 600;
    color: #212529;
    color: var(--text-primary);
    cursor: pointer
}

.chapter-archive__add:hover {
    color: #007feb;
    color: var(--blue)
}

.chapter-archive__add-icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    stroke: currentColor
}

.chapter-archive__desc {
    text-align: center
}

.chapter-archive__filename {
    font-weight: 600
}

.chapter-archive__submit {
    display: none;
    padding-top: 5px;
    text-align: center
}

.chapter-archive__submit:after {
    content: "";
    display: block;
    clear: both
}

.chapter-archive__btn-wrap {
    margin-top: 10px;
    width: 50%;
    float: left
}

.chapter-archive__btn-wrap:first-child {
    padding-right: 5px
}

.chapter-archive__btn-wrap:last-child {
    padding-left: 5px
}

.chapter-edit:after {
    content: "";
    display: block;
    clear: both
}

.chapter-edit-container {
    position: relative
}

.chapter-edit-header,
.chapter-edit-sidebar {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 100
}

.chapter-edit-header {
    top: 56px;
    width: 100%
}

.chapter-edit-header .section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chapter-edit-sidebar {
    top: 115px
}

.chapter-edit-item {
    float: left;
    margin: .5%;
    width: 24%;
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base)
}

.chapter-edit-item__tools {
    background-color: #f5f7fa;
    background-color: var(--foreground-darken);
    padding: 5px
}

.chapter-edit-item__tools:after {
    content: "";
    display: block;
    clear: both
}

.chapter-edit-item__tools_bottom {
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.chapter-edit-item__tools_top {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.chapter-edit-item__check {
    vertical-align: top;
    margin-right: 10px;
    margin-top: 2px;
    float: left
}

.chapter-edit-item__move {
    float: right
}

.chapter-edit-item__index {
    margin: 0 5px;
    line-height: 24px
}

.chapter-edit-item__preview {
    min-height: 200px;
    padding-top: 135%;
    background-color: #fff;
    background-color: var(--foreground);
    background-size: 100% auto;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.chapter-edit-item__name {
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.chapter-edit-item__delete {
    float: right
}

.chapter-page-preview {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.upload .section__body {
    padding-top: 0
}

.upload-header__right {
    min-height: 28px
}

.upload-chapter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 0;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

@media(min-width:769px) {
    .upload-chapter:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }
}

.upload-chapter .form__label {
    display: none;
    padding-left: 5px
}

.upload-chapter_number,
.upload-chapter_volume {
    max-width: 80px
}

.upload-chapter_file {
    max-width: 342px;
    min-width: 342px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.upload-chapter_translator {
    max-width: 200px;
    min-width: 200px
}

.upload-chapter__icons {
    max-width: 32px;
    width: 32px;
    margin-left: 10px
}

.upload-chapter__icons .loader-circle {
    margin: 8px auto
}

.upload-chapter__icon-circle {
    width: 32px;
    height: 32px;
    padding: 5px 0
}

.upload-chapter__icon-circle svg {
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 auto
}

.upload-chapter__col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 10px
}

.upload-chapter__col:last-child {
    margin-right: 0
}

.upload-chapter__file-wrap {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.upload-chapter__upload-btn label {
    font-weight: 400
}

.upload-chapter__upload-btn input[type=file] {
    display: none;
    visibility: hidden
}

.upload-chapter__info {
    height: 32px
}

.upload-chapter__info_error .progress-info__right,
.upload-chapter__info_error .upload-chapter__info-status {
    color: #f44336;
    color: var(--red)
}

.upload-chapter__info_error .progress__bar,
.upload-chapter__info_error .upload-chapter__info-progress {
    background-color: #f44336;
    background-color: var(--red)
}

.upload-chapter__info .progress-info {
    margin-bottom: 7px;
    font-size: 13px
}

.upload-chapter__info .progress-info__left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 50%
}

.upload-chapter__info-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    height: 20px
}

.upload-chapter__info-bar {
    position: relative;
    margin-top: 6px;
    height: 5px;
    border-radius: 5px;
    background-color: #e5e5e5;
    background-color: var(--border-base);
    overflow: hidden
}

.upload-chapter__info-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    width: 0;
    background-color: #3cce7b;
    background-color: var(--green);
    border-radius: 5px;
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.upload-chapter__info-filename {
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.upload-chapter__info-status {
    color: #818181;
    color: var(--text-secondary);
    white-space: nowrap
}

.upload-footer {
    border: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 58px
}

.upload-footer__btn-add {
    margin-right: auto
}

.upload-footer__info {
    margin-left: auto
}

@media(min-width:769px) {
    .upload-footer__btn-upload {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.upload-footer .control {
    margin: 0 15px
}

.upload-notify__progress {
    margin-bottom: 24px
}

.upload-notify__progress_error .upload-notify-icon_loader,
.upload-notify__progress_success .upload-notify-icon_loader {
    display: none
}

.upload-notify__progress_error .upload-notify-icon_error,
.upload-notify__progress_success .upload-notify-icon_success {
    display: block
}

.upload-notify__message {
    font-size: 18px;
    text-align: center
}

.upload-notify-icon {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 120px
}

.upload-notify-icon_loader {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.upload-notify-icon_loader circle {
    fill: transparent;
    stroke-width: 3;
    stroke: #e5e5e5;
    stroke: var(--border-base)
}

circle.upload-notify-icon__rotate {
    stroke: #3cce7b;
    stroke-dasharray: 150.79;
    stroke-dashoffset: 110.79;
    stroke-linecap: round;
    -webkit-animation: rotation .8s linear infinite;
    animation: rotation .8s linear infinite;
    -webkit-transform-origin: center;
    transform-origin: center
}

.upload-notify-icon_error,
.upload-notify-icon_success {
    display: none;
    -webkit-animation: showIcon .5s ease forwards;
    animation: showIcon .5s ease forwards
}

@-webkit-keyframes showIcon {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showIcon {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.forum-topics__header {
    padding: 10px 18px;
    border-radius: 2px 2px 0 0;
    background-color: #ff8c00;
    background-color: var(--primary);
    color: #fff;
    color: var(--white)
}

.forum-topics-header__title {
    font-size: 15px;
    font-weight: 600
}

.forum-topics-header__title,
.forum-topics-header__title a {
    color: #fff;
    color: var(--white)
}

.forum-topics-header__title a:hover {
    text-dcoration: underline;
    color: #fff;
    color: var(--white)
}

.forum-topics-header__last-message {
    float: right;
    width: 264px
}

.topics-list {
    background-color: #fff;
    background-color: var(--foreground);
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    border-top: 0;
    border-radius: 0 0 2px 2px
}

.topic-item {
    position: relative
}

.topic-item.active {
    background-color: #f0f2f5;
    background-color: var(--background-hover)
}

.topic-item:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    background-color: #e5e5e5;
    background-color: var(--border-base);
    margin: 0 18px 0 72px
}

.topic-item:hover .topic-item__icon {
    color: #fff;
    color: var(--white)
}

.topic-item:hover .topic-item__icon:after {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.topic-item_thread:after {
    margin-left: 76px
}

.topic-item_thread .topic-item-info__inner {
    padding-left: 76px
}

.topic-item:last-child:after {
    height: 0
}

.topic-item__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 100%;
    color: #212529;
    color: var(--text-primary);
    text-align: center;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.topic-item__icon .fa {
    left: 0;
    right: 0;
    z-index: 3;
    display: block;
    line-height: 36px
}

.topic-item__icon .fa,
.topic-item__icon:after {
    position: absolute;
    top: 50%;
    height: 36px;
    margin-top: -18px
}

.topic-item__icon:after {
    content: "";
    left: 50%;
    z-index: 1;
    width: 36px;
    margin-left: -18px;
    border-radius: 2px;
    background-color: #ff8c00;
    background-color: var(--primary);
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.topic-item__info {
    float: left
}

.topic-item__recent {
    float: left;
    width: 300px
}

.topic-item__stat {
    float: left
}

.topic-item__control {
    position: absolute;
    right: 18px;
    top: 5px
}

.topic-item-info {
    margin-right: -500px;
    padding-left: 54px;
    width: 100%
}

.topic-item-info__inner {
    padding: 15px 18px;
    margin-right: 500px
}

.topic-item-info__title {
    font-size: 15px;
    font-weight: 600
}

.topic-item-info__desc {
    margin-top: 5px;
    font-size: 13px;
    color: #868e96;
    color: var(--text-muted)
}

.topic-item-info__stat {
    font-size: 11px;
    color: #818181;
    color: var(--text-secondary);
    font-weight: 400;
    display: none
}

.topic-item-stat {
    width: 200px
}

.topic-item-stat__info {
    width: 100px;
    text-align: center;
    padding: 15px 0;
    float: right
}

.topic-item-stat__count {
    margin-bottom: 5px
}

.topic-item-stat__title {
    font-size: 13px;
    color: #818181;
    color: var(--text-secondary)
}

.topic-item-recent {
    padding: 9px 18px
}

.topic-item-recent:after {
    content: "";
    display: block;
    clear: both
}

.topic-item-recent__avatar {
    float: left;
    display: block;
    width: 36px;
    height: 36px;
    margin-top: 9px;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
}

.topic-item-recent__text {
    padding-left: 50px;
    font-size: 13px;
    line-height: 18px;
    color: #818181;
    color: var(--text-secondary)
}

.topic-item-recent__empty {
    padding: 17px 0
}

.forum-post {
    margin-bottom: 10px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    background-color: #fff;
    background-color: var(--foreground)
}

.forum-post.active {
    background-color: #f0f2f5;
    background-color: var(--background-hover)
}

.forum-post:after {
    content: "";
    display: block;
    clear: both
}

.forum-post__user {
    float: left
}

.forum-post__body {
    margin-left: 200px;
    border-left: 1px solid #e5e5e5;
    border-left: solid 1px var(--border-base)
}

.forum-post__body:after {
    content: "";
    display: block;
    clear: both
}

.forum-post-body {
    padding: 16px
}

.forum-post-body__header {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.forum-post-body__user {
    display: none
}

.forum-post-body__content {
    padding-top: 10px;
    word-wrap: break-word;
    text-align: justify
}

.forum-post-body__content cite {
    font-size: 13px;
    color: #868e96;
    color: var(--text-muted)
}

.forum-post-body__footer {
    margin-top: 10px;
    padding-top: 16px;
    clear: left;
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.forum-post-body__post-link {
    font-size: 13px;
    color: #818181;
    color: var(--text-secondary)
}

.forum-post-body__actions {
    float: right
}

.forum-post-body__actions .control {
    margin-left: 15px
}

.forum-post-body__date {
    font-size: 13px;
    color: #818181;
    color: var(--text-secondary)
}

.forum-post-user {
    float: left;
    width: 201px;
    border-right: 1px solid #e5e5e5;
    border-right: solid 1px var(--border-base);
    padding: 16px 20px;
    text-align: center
}

.forum-post-user__avatar-wrap {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 auto 15px
}

.forum-post-user__avatar {
    max-width: 100%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.forum-post-user__marker {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 10px;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border: solid 2px var(--foreground)
}

.forum-post-user__username {
    font-weight: 600;
    word-break: break-all
}

.forum-post-user__rank {
    font-size: 12px;
    color: #007feb;
    color: var(--blue);
    display: block
}

.forum-post-user__info {
    margin-top: 10px;
    font-size: 12px;
    text-align: left
}

.forum-post-user__info strong {
    font-weight: 600;
    color: #818181;
    color: var(--text-secondary)
}

.discussion-item {
    position: relative;
    padding: 10px;
    margin-bottom: 16px;
    background: #fff;
    background: var(--foreground);
    border: 1px solid #e9e9e9;
    border: solid 1px var(--border-light);
    border-radius: 6px;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

@media(min-width:769px) {
    .discussion-item {
        padding: 16px;
        padding-left: 100px
    }
}

.discussion-item:hover {
    z-index: 2;
    border-color: #e5e5e5;
    border-color: var(--border-base)
}

.discussion-item__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px
}

.discussion-item__body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(min-width:769px) {
    .discussion-item__body {
        padding-left: 16px;
        border-left: 1px solid #e5e5e5;
        border-left: solid 1px var(--border-base)
    }
}

.discussion-item__content {
    margin: 7px 0 5px;
    font-size: 13px;
    word-break: break-word
}

@media(max-width:768px) {
    .discussion-item__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.discussion-item__counts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width:769px) {
    .discussion-item__counts {
        position: absolute;
        left: -100px;
        top: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100px;
        padding: 0 5px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.discussion-item__count {
    color: #868e96;
    white-space: nowrap
}

@media(min-width:769px) {
    .discussion-item__count {
        padding: 5px 0;
        text-align: center
    }
}

@media(max-width:768px) {
    .discussion-item__count {
        margin-left: 10px
    }
}

.discussion-item__details {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media(max-width:768px) {
    .discussion-item__details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.discussion-item__info {
    color: #868e96;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px
}

@media(max-width:768px) {
    .discussion-item__info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }
}

.discussion-item__creator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    margin-top: 5px
}

.discussion-item__creator a {
    margin-right: 5px;
    max-width: 100px;
    vertical-align: bottom
}

.discussion-item__terminal-post {
    margin-top: 5px
}

.discussion-item__desc {
    margin-top: 4px;
    white-space: normal;
    font-size: 12px;
    line-height: 1.5em;
    word-break: break-word
}

.discussion-item__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

@media(max-width:768px) {
    .discussion-item__categories {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 8px
    }
}

.discussion-item__categories .discussion-category:not(:last-child) {
    margin-right: 10px
}

.discussion-item__name {
    font-size: 15px;
    word-break: break-word
}

@media(min-width:769px) {
    .discussion-item__name {
        margin-right: 170px
    }
}

.discussion-item__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.discussion-item__footer .button_link {
    margin-left: 15px
}

body[data-route=discussion] {
    background: #fff;
    background: var(--foreground)
}

.discussion-category {
    height: auto;
    padding: 3px 6px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    background: #e7edf3;
    background: var(--tag-bg);
    border-radius: 3px;
    cursor: pointer
}

.discussion-category:hover {
    text-decoration: none;
    color: #fff;
    opacity: .9
}

.discussion-category:not([style]) {
    color: #212529;
    color: var(--text-primary)
}

.f-image {
    padding: 3px
}

.f-image img {
    display: block;
    max-height: 300px;
    max-width: 100%;
    border-radius: 3px;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    background: #f0f2f5;
    background: var(--background-hover)
}

.f-image img:not(.loaded) {
    opacity: .5
}

.forum-breadcrumb {
    padding: 10px 0;
    background-color: #fff;
    background-color: var(--foreground);
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.forum-heading {
    padding: 96px 0 40px;
    background-color: #282828;
    color: #fff;
    color: var(--white)
}

.forum-heading__inner {
    position: relative;
    padding-right: 225px
}

.forum-heading__title {
    font-size: 26px;
    font-weight: 400
}

.forum-heading__desc {
    opacity: .9;
    font-size: 13px
}

.forum-heading__actions {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -14px
}

.forum .header {
    background: 0 0;
    -webkit-transition: background .15s ease;
    transition: background .15s ease
}

.forum .header_highlight {
    background: #e48f13;
    background: var(--background-header)
}

.forum .page {
    padding-top: 0
}

.forum-action-bar:after {
    content: "";
    display: block;
    clear: both
}

.forum-action-bar__buttons {
    float: left
}

.forum-action-bar__pagination {
    overflow-x: auto;
    float: right
}

.forum-action-bar__button {
    line-height: 26px;
    color: #212529;
    color: var(--text-primary);
    text-decoration: none;
    border: 0;
    background: 0 0;
    -webkit-transition: .2s ease;
    transition: .2s ease
}

.forum-action-bar__button:hover {
    color: #f77519;
    color: var(--text-link);
    text-decoration: none
}

.forum-quick-reply__title {
    position: relative;
    margin-bottom: 10px;
    color: #fff;
    color: var(--white);
    font-size: 16px;
    text-shadow: 0 1px 1px #000
}

.forum-quick-reply .editor__content {
    min-height: 240px
}

.forum-action-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 400;
    padding: 5px 10px;
    text-align: center
}

.forum-action-menu__wrap {
    display: inline-block;
    background-color: #444;
    background-color: var(--background-dark);
    color: #fff;
    color: var(--white)
}

.forum-action-menu__wrap:after {
    content: "";
    display: block;
    clear: both
}

.forum-action-menu__title {
    float: left;
    padding-left: 10px;
    width: 115px;
    text-align: left;
    font-size: 13px
}

.forum-action-menu__buttons {
    padding-left: 115px
}

.forum-action-menu__button {
    float: left;
    width: 36px;
    height: 36px;
    color: #fff;
    color: var(--white);
    background: 0 0;
    border: 0;
    border-left: 1px solid #222;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.forum-action-menu__button:hover {
    background: #222
}

[data-mode=dark] .forum-topics__header {
    background: #f5f7fa;
    background: var(--foreground-darken);
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base)
}

.mod-item {
    margin-bottom: 15px
}

.mod-item__wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px;
    padding: 10px 10px 10px 60px
}

.mod-item__wrap_block {
    display: block
}

.mod-item__actions {
    margin-top: 10px
}

.mod-item__toggle {
    margin-left: 15px;
    font-weight: 700;
    white-space: nowrap;
    color: #818181;
    color: var(--text-secondary);
    cursor: pointer
}

.mod-item__toggle:hover {
    color: #212529;
    color: var(--text-primary)
}

.mod-item__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    background-size: cover
}

.mod-item__date-time {
    color: #818181;
    color: var(--text-secondary);
    font-size: 13px
}

.mod-item-chapters__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 12px;
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.mod-item-chapters .media-chapter,
.mod-item-chapters__head {
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.mod-item-chapters .media-chapter {
    padding-left: 12px;
    padding-right: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0
}

.mod-item-chapters .media-chapter:last-child {
    border: 0
}

.mod-item-chapters__action {
    display: inline-block;
    width: 30px;
    height: 20px;
    color: #212529;
    color: var(--text-primary);
    line-height: 20px;
    text-align: center;
    cursor: pointer
}

.mod-item-chapters__action:hover {
    color: #ff8c00;
    color: var(--primary)
}

.md-manga-item {
    margin-bottom: 15px
}

.md-manga-item_loading {
    opacity: .7
}

.md-manga-item__wrap {
    position: relative;
    min-height: 85px;
    padding: 10px 10px 10px 78px
}

.md-manga-item__wrap_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.md-manga-item__wrap_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.md-manga-item__wrap_center .md-manga-item__name {
    padding-right: 80px
}

.md-manga-item__wrap_flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.md-manga-item__name {
    font-size: 15px;
    display: block;
    font-weight: 700
}

.md-manga-item__name:hover {
    opacity: .8;
    color: inherit;
    text-decoration: none
}

.md-manga-item__rus-name {
    font-weight: 400;
    font-size: 13px
}

.md-manga-item__toggle {
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: 700;
    white-space: nowrap;
    color: #818181;
    color: var(--text-secondary);
    cursor: pointer
}

.md-manga-item__toggle:hover {
    color: #212529;
    color: var(--text-primary)
}

.md-manga-item__toggle_center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.md-manga-item__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 100%;
    background-size: cover
}

.md-manga-item__footer {
    padding-top: 10px;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.md-manga-item__footer button {
    margin-right: 10px
}

.md-manga-item__meta {
    font-size: 13px;
    color: #818181;
    color: var(--text-secondary)
}

.md-manga-item__meta_right {
    margin-left: auto
}

.moderation .tabs__item_active {
    border-bottom: 2px solid #ffa332;
    border-bottom: solid 2px var(--primary-lighten)
}

.md-comment-item {
    -webkit-transition: height .3s ease, opacity .3s ease, padding .3s ease;
    transition: height .3s ease, opacity .3s ease, padding .3s ease;
    padding-bottom: 17px
}

.md-comment-item .comment__body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.md-comment-item .comment__controls .button_link {
    margin-right: 16px;
    margin-top: 10px
}

.mod-comments {
    padding-bottom: 15px
}

.mod-comments__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mod-comments__head small {
    margin-left: 10px
}

.mod-comments__right {
    color: #818181;
    font-size: 12px
}

.mod-comments__right a {
    color: inherit
}

.mod-comments__right span {
    margin-right: 10px
}

.mod-bans__unbanned {
    opacity: .4
}

.mod-bans tr td {
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.mod-bans tr th {
    text-align: left
}

.mod-bans tr td,
.mod-bans tr th {
    padding: 10px 5px
}

.mod-bans tr td:first-child,
.mod-bans tr th:first-child {
    padding-left: 15px
}

.mod-bans tr td:last-child,
.mod-bans tr th:last-child {
    padding-right: 15px
}

.mod-bans__username {
    width: 175px;
    max-width: 175px
}

.mod-bans__mod-username {
    max-width: 110px
}

.mod-bans-status .tag-item {
    margin-bottom: 0;
    margin-right: 5px;
    cursor: pointer
}

.mod-bans-status .fa-ban {
    color: #f44336;
    color: var(--red)
}

.mod-bans-status .fa-check {
    color: #3cce7b;
    color: var(--green)
}

.slide-hide-leave-to {
    padding: 0;
    opacity: 0;
    height: 0!important;
    overflow: hidden
}

.md-header-filter {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.md-header-filter__item {
    margin-right: 16px
}

.md-header-filter__item .button {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    font-weight: 600
}

.md-page-loading {
    opacity: .6
}

.faq-header {
    background: #fff;
    background: var(--foreground);
    border-bottom: 1px solid #e5e5e5;
    border-bottom: solid 1px var(--border-base)
}

.faq-header__inner {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center
}

.faq-header h1 {
    padding: 30px 0
}

.faq-sidebar {
    min-width: 180px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.faq-sidebar-actions {
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.faq-category-item__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faq-category-item__actions .fa {
    display: block;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    color: #868e96;
    color: var(--text-muted)
}

.faq-category-item__actions .fa:hover {
    background: rgba(0, 0, 0, .05);
    color: #212529;
    color: var(--text-primary)
}

.faq-container {
    padding: 0;
    max-width: 1000px
}

.faq-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.faq-content__group:not(.tabs__content_show) {
    display: none
}

.faq-content__empty {
    padding: 40px;
    text-align: center
}

.faq-content__empty,
.faq-item {
    -webkit-box-shadow: 0 2px 4px rgba(27, 28, 33, .08);
    box-shadow: 0 2px 4px rgba(27, 28, 33, .08)
}

.faq-item {
    margin-bottom: 13px;
    border-radius: 3px
}

.faq-item img {
    max-width: 100%
}

.faq-item.collapse_open .collapse__trigger {
    border: 0
}

.faq-item:hover .faq-item__actions {
    opacity: 1
}

.faq-item__head {
    padding: 16px;
    padding-right: 45px
}

.faq-item__head .collapse__icon {
    top: 50%;
    margin-top: -20px
}

.faq-item__actions {
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    background: var(--foreground);
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.faq-item__action {
    width: 28px;
    height: 28px;
    margin-left: 6px;
    text-align: center;
    line-height: 28px;
    color: #868e96;
    color: var(--text-muted)
}

.faq-item__action:hover {
    background: rgba(0, 0, 0, .06);
    color: #212529;
    color: var(--text-primary)
}

.faq-item__title {
    font-size: 16px;
    font-weight: 600
}

.faq-item .collapse__body {
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px
}

.faq-article-ed {
    max-width: 840px
}

.faq-article-ed__categories {
    max-width: 200px;
    margin: 10px 0
}

.faq-article-ed__center {
    width: 100%;
    max-width: 650px;
    margin: 0 auto
}

.faq-article-ed__title {
    padding: 9px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    border-width: 0 0 1px;
    border-radius: 0;
    background: 0 0;
    resize: none
}

.faq-article-ed__body {
    padding: 40px 0
}

.faq-article-ed__content {
    min-height: 450px;
    padding: 0 35px;
    font-size: 16px
}

.faq-article-ed__content .cdx-block {
    padding: 6px 0
}

.faq-article-ed__content .cdx-list {
    padding-left: 20px!important
}

.faq-article-ed__footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1;
    background: #fff;
    background: var(--foreground)
}

.faq-article-ed__footer .button .fa {
    display: none
}

.faq-article-ed__footer .faq-article-ed__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faq-article-ed__footer .faq-article-ed__center .button:last-child {
    margin-left: auto
}

@media(min-width:768px) {
    .faq-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .faq-sidebar {
        max-width: 220px;
        margin-right: 20px
    }
    .faq-category-item {
        white-space: normal
    }
    .faq-category-item:hover .faq-category-item__actions {
        opacity: 1
    }
    .faq-category-item__actions {
        position: absolute;
        right: 5px;
        top: 7px;
        opacity: 0;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease
    }
}

.media-header {
    position: relative;
    overflow: hidden;
    padding: 64px 0 35px
}

.media-header__background {
    position: absolute;
    top: -3px;
    left: -3px;
    bottom: -3px;
    right: -3px;
    background-size: cover;
    background-position: 50%;
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.media-header__background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    background: rgba(0, 0, 0, .65)
}

.media-header__background_blurred {
    top: -14px;
    left: -14px;
    right: -14px;
    bottom: -14px;
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.media-header__wrap {
    margin-left: 15px
}

.media-header__cover-wrap {
    width: 80px
}

.media-header__cover-wrap .cover {
    border-radius: 6px
}

.media-header__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: relative;
    z-index: 4;
    padding: 0 16px;
}

.media-header__name {
    font-size: 18px
}

.media-header__alt-name {
    font-size: 14px;
    font-weight: 400
}

.media-header__inner {
    position: relative;
    z-index: 21;
    /* overflow: hidden; */
}

.media-header__inner .cover {
    max-width: 250px;
    border-radius: 16px;
    display: block;
    margin: 0 auto;
    box-shadow: 0 5px 12px -4px rgba(34, 60, 80, .3490196078);
}

.media-info-header {
    border-radius: 18px 18px 0 0;
    padding: 40px 16px 5px;
    position: relative;
    z-index: 10;
    background: #fff;
    background: var(--foreground);
}

.media-name__main {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600
}

.media-name__main svg {
    width: 12px;
    height: 12px;
    opacity: .3;
    vertical-align: baseline
}

@media (max-width: 600px) {
    .media-name__main {
        font-size: 18px
    }
}

.media-name__main svg {
    width: 12px;
    height: 12px;
    opacity: .3;
    vertical-align: baseline;
}

.media-name__alt {
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 600px) {
    .media-name__alt {
        margin-top: 5px;
        font-size: 15px
    }
}

.media-short-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px
}

.media-short-info__item {
    padding: 5px 8px;
    color: #868e96;
    color: var(--text-muted);
    text-decoration: none;
    white-space: nowrap;
}

.tags-scroller {
    padding: 5px 10px;
    margin: 0 -10px;
    min-width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none
}

.tags-scroller::-webkit-scrollbar {
    display: none
}

.tags-scroller .tag-item {
    display: inline-block;
    float: none;
    margin-bottom: 0;
    padding: 5px 12px;
    border-radius: 3px;
    height: auto;
    line-height: 16px;
    cursor: pointer
}

.tags-scroller .tag-item:last-child {
    margin-right: 0
}

.tags-scroller .tag-item_active {
    background: #ff8c00;
    background: var(--primary);
    color: #fff;
    color: var(--white)
}

.tags-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tags-items .tag-item {
    margin: 0
}

.tag-wrap {
    padding: 3px 0
}

.media-genres .tag-item {
    text-transform: capitalize
}

.media-genre {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 3px;
    background: hsla(0, 0%, 100%, .18);
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    -webkit-tap-highlight-color: transparent
}

.media-genre:not(:last-child) {
    margin-right: 8px
}

.media-genre:hover {
    text-decoration: none;
    color: #fff;
    background: hsla(0, 0%, 100%, .25)
}

.media-header-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff
}

.media-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    /* margin-top: 15px */
}

.media-rating-stars {
    padding: 10px 0
}

.media-rating-stars .rating__star {
    padding: 0 5px;
    width: 34px;
    height: 24px
}

.media-rating-stars .rating__star svg {
    width: 24px;
    height: 24px
}

.media-rating__star {
    width: 16px;
    height: 16px;
    display: block;
    fill: #ffb656
}

.media-rating__value {
    font-size: 16px;
    font-weight: 700;
    margin: 0 6px
}

.media-rating__right {
    line-height: 1
}

.media-rating__stars .rating__star {
    width: 19px;
    height: 14px
}

.media-rating__stars .rating__star svg {
    width: 14px;
    height: 14px
}

.media-rating__votes {
    opacity: .8;
    font-size: 12px
}

.media-actions {
    width: 100%;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.media-actions__button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    text-align: center;
    padding: 0 7px
}

.media-actions__button_bookmark {
    padding-right: 5px;
    overflow: hidden
}

.media-actions__button_bookmark [data-text] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.media-actions__button_read {
    -ms-flex-preferred-size: 130px;
    flex-basis: 130px;
    max-width: 130px;
    min-width: 130px
}

.media-actions__button_more {
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    width: 32px;
    background: hsla(0, 0%, 100%, .2);
    color: #fff
}

.media-actions__button_more svg {
    fill: currentColor;
    width: 16px;
    height: 4px
}

.media-cover {
    margin-bottom: 20px
}

.media-cover__img {
    border-radius: 3px;
    max-width: 220px;
    display: block
}

.media-tabs {
    padding: 0 12px
}

.media-tabs .tabs__item {
    padding: 12px 2px;
    margin-right: 8px;
    font-size: 14px
}

.media-tabs .tabs__item[data-has-new] {
    position: relative
}

.media-tabs .tabs__item[data-has-new]:after {
    content: "";
    position: absolute;
    right: -6px;
    top: 10px;
    width: 6px;
    height: 6px;
    background: #f44336;
    background: var(--red);
    border-radius: 6px
}

.media-content_mobile {
    position: relative;
    z-index: 20;
    margin-top: -60px;
    background: #f2f2f3;
    background: var(--background);
    border-radius: 18px 18px 0 0;
    padding-bottom: 1px;
}


/* .media-content_mobile .tabs__list {
    text-align: center;
} */

.media-content .tabs__wrapper {
    background: #fff;
    background: var(--foreground)
}

.media-content .comments__form {
    padding-left: 10px;
    padding-right: 10px
}

.media-content__sidebar-body {
    padding-left: 30px
}

.media-summary {
    padding: 10px 0
}

.media-summary__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 6px 0
}

.media-summary__row_desc span {
    word-break: break-word
}

.media-summary strong {
    width: 150px;
    padding-right: 10px
}

.media-summary a:not(.tag-item) {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .16);
    border-bottom: solid 1px var(--link-border-color)
}

.media-summary a:not(.tag-item):hover {
    border-color: currentColor;
    text-decoration: none
}

.media-chapters-sort[data-sort=asc] svg {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg)
}

.media-chapters-sort svg {
    width: 16px;
    height: 16px;
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease
}

.media-chapters-sort__arr-left {
    fill: #212529;
    fill: var(--text-primary)
}

.media-chapters-sort__arr-right {
    fill: #868e96;
    fill: var(--text-muted)
}

.media-chapters-anchor .fa {
    font-size: 10px
}

.media-chapters-timer__q span {
    color: #212529;
    color: var(--text-primary);
    border-bottom: 1px solid currentColor
}

.media-chapters-timer__q-icon {
    display: inline-block;
    margin-left: 5px;
    color: #212529;
    color: var(--text-primary);
    -webkit-animation: scaleQ 2s infinite;
    animation: scaleQ 2s infinite
}

.media-chapters-timer__dialog .modal__body {
    line-height: 1.5
}

.media-chapters-timer__dialog li {
    padding: 2px 0
}

.media-chapter {
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 3px;
    background: #fff;
    background: var(--foreground);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 2px solid var(--primary);
}

.media-chapter_new {
    position: relative
}

.media-chapter_new:after {
    content: "\43D\43E\432\43E\435";
    position: absolute;
    top: -5px;
    left: -5px;
    font-size: 10px;
    padding: 0 3px;
    border-radius: 4px;
    line-height: 12px;
    color: #fff;
    background: #3cce7b;
    background: var(--green)
}

.media-chapter__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 5px;
    overflow: hidden
}

.media-chapter__name {
    width: 100%;
    margin-bottom: 3px
}

.media-chapter__date,
.media-chapter__username {
    color: #868e96;
    color: var(--text-muted);
    font-size: 13px
}

.media-chapter__date {
    width: 70px;
    margin-right: 10px
}

.media-chapter__username {
    max-width: calc(100% - 80px)
}

.media-chapter__icon {
    width: 30px;
    height: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 32px;
    text-align: center;
    font-size: 15px
}

.media-chapter__icon_team {
    padding: 4px 1px;
    margin-right: 3px
}

.media-chapter__icon_team svg {
    display: block;
    width: 28px;
    height: 22px
}

.media-chapter__icon[data-loader=true] {
    padding: 5px
}

.media-chapter__icon[data-status=complete] {
    color: #3cce7b;
    color: var(--green)
}

.media-chapter__icon[data-status=error] {
    color: #f44336;
    color: var(--red)
}

.media-chapter__icon .progress-circle {
    width: 20px;
    height: 20px;
    display: block
}

.media-chapter__icon .progress-circle__circle {
    stroke-width: 3px
}

.media-bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    background: var(--foreground);
    display: table;
    table-layout: fixed;
    border-top: 1px solid #e5e5e5;
    border-top: solid 1px var(--border-base)
}

.media-bottom-menu__row {
    display: table-row
}

.media-bottom-menu__cell {
    position: relative;
    display: table-cell;
    padding: 8px 5px;
    text-align: center
}

.media-bottom-menu__cell:not(:last-child):after {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    right: 0;
    display: block;
    width: 1px;
    background: #e5e5e5;
    background: var(--border-base)
}

.media-bottom-menu__cell[data-status] .media-bottom-menu__icon {
    color: #6f42c1
}

.media-bottom-menu__cell[data-status="1"] .media-bottom-menu__icon {
    color: #3cce7b;
    color: var(--green)
}

.media-bottom-menu__cell[data-status="2"] .media-bottom-menu__icon {
    color: #2196f3
}

.media-bottom-menu__cell[data-status="3"] .media-bottom-menu__icon {
    color: #f44336;
    color: var(--red)
}

.media-bottom-menu__cell[data-status="4"] .media-bottom-menu__icon {
    color: #3cce7b;
    color: var(--green)
}

.media-bottom-menu__cell[data-status="5"] .media-bottom-menu__icon {
    color: #f66;
    color: var(--red-lighten)
}

.media-bottom-menu__icon {
    color: #ffa332;
    color: var(--primary-lighten)
}

.media-bottom-menu__text {
    font-size: 12px
}

[data-page=media] {
    padding-bottom: 52px;
    background: #f2f2f3;
    background: var(--background)
}

[data-page=media] .section {
    margin-bottom: 20px
}

[data-page=media] .container {
    padding: 0
}

[data-page=media] .footer {
    margin-top: 0
}

[data-page=media].page_mobile .container {
    max-width: 900px
}

.media-section__title {
    font-weight: 700;
    font-size: 16px
}

.media-section .media-cards-scroller {
    margin: 0 -10px
}

.media-stats-rating__value {
    font-size: 24px;
    font-weight: 700
}

.media-stats-rating__count {
    margin-left: 10px
}

.media-stats-item {
    padding: 10px 0
}

.media-stats-item__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.media-stats-item__percent {
    margin-left: 10px;
    margin-right: auto
}

.media-stats-item__star {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    fill: currentColor;
    vertical-align: middle
}

.media-stats-item__progress {
    margin-top: 5px;
    height: 2px;
    overflow: visible
}

.media-stats-item__progress .progress__bar {
    top: -2px;
    height: 6px;
    border-radius: 4px
}

.media-stats-item [data-score="5"] {
    background: #76db98
}

.media-stats-item [data-score="4"] {
    background: #b7ea83
}

.media-stats-item [data-score="3"] {
    background: #f6d757
}

.media-stats-item [data-score="2"] {
    background: #fbb851
}

.media-stats-item [data-score="1"] {
    background: #f17a54
}

.media-cover-preview {
    max-width: 375px
}

@-webkit-keyframes scaleQ {
    0% {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes scaleQ {
    0% {
        -webkit-transform: none;
        transform: none
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.serie-item {
    padding: 7px 14px;
    margin-bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.serie-item a {
    word-wrap: break-word
}

.serie-item__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.serie-item__meta {
    color: #868e96;
    color: var(--text-muted)
}

.serie-item__meta-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 40px;
    margin-right: 12px;
    vertical-align: middle;
    white-space: nowrap
}

@media(max-width:560px) {
    .serie-item__meta-item {
        min-width: 25px
    }
}

.serie-item__meta-item svg {
    width: 14px;
    height: 14px
}

.serie-item__meta-item i,
.serie-item__meta-item svg {
    margin-right: 5px
}

.serie-item__subscribe {
    padding: 5px 7px;
    border: 0;
    font-size: 12px;
    border-radius: 4px
}

@media(max-width:560px) {
    .serie-item__subscribe {
        min-width: 32px;
        min-height: 32px
    }
    .serie-item__subscribe span {
        display: none
    }
}

.serie-item__subscribe:not(.is-active) .fa-bell {
    display: none
}

.serie-item__subscribe.is-active {
    color: #212529;
    color: var(--text-primary);
    background: #f0f2f5;
    background: var(--background-hover)
}

.serie-item__subscribe.is-active .fa-bell-o {
    display: none
}

.serie-info {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width:560px) {
    .serie-info {
        display: block
    }
}

.serie-info a:hover {
    text-decoration: none
}

.serie-info__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:560px) {
    .serie-info__right {
        margin-top: 12px
    }
}

.serie-info__name {
    font-size: 16px;
    font-weight: 600
}

.serie-info__edit {
    margin-left: 12px
}

.team-profile .aside {
    max-width: 250px
}

.team-profile .page__wrapper {
    width: calc(100% - 270px)
}

.team-profile__title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 7px;
    opacity: .8
}

.team-profile__section {
    padding: 8px 0
}

@media(max-width:560px) {
    .team-profile__section {
        padding: 12px 0;
        border-bottom: 1px solid #e5e5e5;
        border-bottom: solid 1px var(--border-base)
    }
}

.team-profile__section:first-child {
    padding-top: 0
}

.team-profile__section:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.team-profile__name {
    font-weight: 600;
    font-size: 18px
}

.team-profile__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.team-profile__cover {
    display: block;
    max-width: 100%;
    border-radius: inherit
}

.team-profile-head {
    position: relative;
    padding: 20px 0 40px
}

.team-profile-head__bg-wrap {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.team-profile-head__bg {
    position: absolute;
    top: -250%;
    right: -100%;
    left: -100%;
    bottom: -250%;
    -webkit-filter: blur(6px);
    filter: blur(6px);
    opacity: .25;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-repeat: repeat;
    background-size: 200px
}

.team-profile-head__cover {
    display: block;
    border-radius: 6px;
    max-width: 110px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.team-profile-head__name {
    position: relative;
    z-index: 3;
    margin-top: 15px;
    text-align: center
}

.team-profile-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.team-profile-stats-wrap {
    position: absolute;
    bottom: -29px;
    left: 0;
    right: 0;
    z-index: 3;
    max-width: 870px;
    margin: 0 auto;
    padding: 0 12px
}

@media(min-width:768px) {
    .team-profile-stats-wrap {
        padding: 0 15px
    }
}

.team-profile-stats-wrap .team-profile-stats {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 58px
}

.team-profile-stats-wrap .team-profile-stats-scroller {
    overflow-x: auto;
    border-radius: 3px
}

.team-profile-stats-wrap .team-profile-stats__item {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 7px;
    margin-right: 0;
    min-width: auto;
    background: 0 0
}

.team-profile-stats__item {
    min-width: 80px;
    padding: 3px 8px;
    background: #fbfbfc;
    background: var(--background-highlight);
    margin-right: 12px;
    border-radius: 3px
}

.team-profile-stats__value {
    font-weight: 600
}

.team-profile-stats__name {
    color: #868e96;
    color: var(--text-muted);
    font-size: 12px;
    white-space: nowrap
}

.team-profile-info.section-body {
    padding-top: 42px
}

.team-profile-links {
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.team-profile-links_inline {
    padding: 10px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team-profile-links_inline .team-profile-links__item svg {
    display: block;
    width: 20px;
    height: 20px
}

.team-profile-links_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.team-profile-links_column .team-profile-links__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 0
}

.team-profile-links_column .team-profile-links__item svg {
    margin-right: 4px
}

.team-profile-links__item.button {
    width: auto;
    margin: 0 8px;
    padding: 6px 20px
}

.team-profile-links__item svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.team-profile-users {
    margin: 0 -7px
}

.team-profile-users .team-profile__title {
    padding-left: 7px;
    padding-right: 7px
}

.team-profile-users__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px;
    border-radius: 3px
}

.team-profile-users__item:hover {
    text-decoration: none;
    color: currentColor;
    background: #fbfbfc;
    background: var(--background-highlight)
}

.team-profile-users__item_hidden {
    display: none
}

.team-profile-users__avatar {
    width: 36px;
    height: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

.team-profile-users__content {
    overflow: hidden
}

.team-profile-users__name {
    max-width: 100%
}

.team-profile-users__role {
    font-size: 12px;
    color: #007feb;
    color: var(--blue);
    max-width: 100%
}

.team-profile-users__role span:not(:last-child) {
    margin-right: 5px
}

.team-profile-users__role span:not(:last-child):after {
    content: ", "
}

.team-profile-users__more {
    padding: 8px 7px 0
}

.team-profile-description {
    line-height: 1.6
}

.xmas-three {
    width: 30px;
    margin-right: 10px;
    fill: orange;
    -webkit-animation: xmas_toy 1s ease infinite;
    animation: xmas_toy 1s ease infinite;
}

.xmas-toy-01,
.xmas-toy-04 {
    -webkit-animation: toy_blink1 .85s ease infinite;
    animation: toy_blink1 .85s ease infinite
}

.xmas-toy-03,
.xmas-toy-06 {
    -webkit-animation: toy_blink2 .65s ease infinite;
    animation: toy_blink2 .65s ease infinite
}

.xmas-toy-02,
.xmas-toy-05,
.xmas-toy-07 {
    -webkit-animation: toy_blink3 1s ease infinite;
    animation: toy_blink3 1s ease infinite
}

.xmas-toy-05 {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.xmas-toy-07 {
    -webkit-animation-duration: 1.15s;
    animation-duration: 1.15s
}

@-webkit-keyframes toy_blink1 {
    0% {
        fill: #ff0
    }
    50% {
        fill: red
    }
    to {
        fill: #ff0
    }
}

@keyframes toy_blink1 {
    0% {
        fill: #ff0
    }
    50% {
        fill: red
    }
    to {
        fill: #ff0
    }
}

@-webkit-keyframes toy_blink2 {
    0% {
        fill: #9c27b0
    }
    50% {
        fill: #03a9f4
    }
    to {
        fill: #9c27b0
    }
}

@keyframes toy_blink2 {
    0% {
        fill: #9c27b0
    }
    50% {
        fill: #03a9f4
    }
    to {
        fill: #9c27b0
    }
}

@-webkit-keyframes toy_blink3 {
    0% {
        fill: #cddc39
    }
    50% {
        fill: #aa321d
    }
    to {
        fill: #cddc39
    }
}

@keyframes toy_blink3 {
    0% {
        fill: #cddc39
    }
    50% {
        fill: #aa321d
    }
    to {
        fill: #cddc39
    }
}


/* =============================== */

.reader-settings {
    padding: 14px 20px
}

@media(max-width:768px) {
    .reader-settings {
        padding-left: 15px;
        padding-right: 15px
    }
}

.reader-settings__group {
    padding: 12px 0
}

@media(min-width:992px) {
    .reader-settings__group[data-media=mobile] {
        display: none
    }
}

@media(max-width:991px) {
    .reader-settings__group[data-media=desktop] {
        display: none
    }
}


/* 
.reader-settings__title {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 600
} */

.reader-settings__title span {
    font-size: .9em;
    font-weight: 400;
    margin-left: 10px
}

.reader-settings__controls .control {
    padding: 5px 0;
    font-size: 14px
}

.reader-settings__range {
    width: 100%;
    margin-top: 15px
}

.reader-settings__slider {
    padding-top: 10px
}

.reader-caution-buttons {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reader-caution-buttons .button {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.noUi-target {
    height: 4px;
    background: hsla(240, 3%, 49%, .2);
    background: var(--background-fill-1);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-connect {
    background: #ffa332
}

.noUi-horizontal .noUi-handle {
    width: 22px;
    height: 22px;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 6px var(--range-thumb-shadow);
    box-shadow: 0 1px 6px var(--range-thumb-shadow);
    border: 1px solid rgba(0, 0, 0, .04);
    border: solid 1px var(--range-thumb-border);
    cursor: pointer
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    display: none
}

.reader-settings-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: hsla(240, 5%, 48%, .05);
    background: var(--background-fill-4);
    padding: 4px;
    border-radius: 6px
}

.reader-settings-radio {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    padding: 8px;
    cursor: pointer;
    color: #212529;
    color: var(--text-primary);
    border-radius: 5px;
    opacity: .8
}

.reader-settings-radio.is-active {
    background: #fff;
    background: var(--radio-group-bg-active);
    opacity: 1;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12)
}

.reader-settings-radio input {
    display: none
}

.reader-settings-theme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reader-settings-theme__item {
    min-width: 38px;
    height: 38px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    border-radius: 38px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border: solid 1px var(--border-base);
    color: #29282e;
    font-weight: 700
}

.reader-settings-theme__item:not(:last-child) {
    margin-right: 10px
}

.reader-settings-theme__item[data-theme=light-blue] {
    background: #f6f7fc
}

.reader-settings-theme__item[data-theme=light-yellow] {
    color: #28282a;
    background: #f5f1e5
}

.reader-settings-theme__item[data-theme=light-green] {
    color: #27262b;
    background: #dce5e2
}

.reader-settings-theme__item[data-theme=light-gray] {
    color: #1e1d22;
    background: #808388
}

.reader-settings-theme__item[data-theme=light-orange] {
    color: #262425;
    background: #e5cf9d
}

.reader-settings-theme__item[data-theme=dark] {
    color: #a0a0a2;
    background: #131217
}

.reader-settings-colors {
    padding-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reader-settings-color {
    width: 50%
}

.reader-settings-color__title {
    color: #818181;
    color: var(--text-secondary)
}

.reader-settings-color__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    font-size: 16px;
    cursor: pointer
}

.reader-settings-color__preview {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    margin-right: 10px;
    overflow: hidden
}

.reader-settings-color__preview input {
    width: 40px;
    height: 40px;
    margin-top: -8px;
    margin-left: -8px;
    display: block;
    border: 0;
    cursor: pointer
}

.reader-settings {
    padding: 14px 20px
}

@media(max-width:768px) {
    .reader-settings {
        padding-left: 15px;
        padding-right: 15px
    }
}

.reader-settings__group {
    padding: 12px 0
}

.reader-settings__title {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 600
}

.reader-settings__title span {
    font-size: .9em;
    font-weight: 400;
    margin-left: 10px
}

.reader-settings__controls .control {
    padding: 5px 0;
    font-size: 14px
}

.reader-settings__range {
    width: 100%;
    margin-top: 15px
}

.reader-settings__slider {
    padding-top: 10px
}

.reader-caution-buttons {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reader-caution-buttons .button {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.manga_hot {
    margin-left: 3px;
    color: var(--red);
}

.team-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.team-list,
.team-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.team-list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    background: #fff;
    background: var(--background-elevated-2);
    color: #212529;
    color: var(--text-primary);
    text-decoration: none;
    overflow: hidden;
    cursor: pointer
}

.team-list-item:hover {
    color: currentColor;
    text-decoration: none
}

.team-list-item_xs {
    padding: 0;
    border-radius: 3px
}

.team-list-item_xs .team-list-item__cover {
    width: 28px;
    height: 28px;
    border-radius: 3px 0 0 3px
}

.team-list-item_xs .team-list-item__name {
    font-weight: 400
}

.team-list-item__cover {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 3px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.team-list-item__name {
    font-weight: 600;
    padding: 0 8px
}

.team-list-item__bell {
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    font-size: 13px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #868e96;
    color: var(--text-muted);
    border-radius: 3px;
    cursor: pointer
}

.team-list-item__bell_active {
    color: #f44336;
    color: var(--red)
}

.team-list-item__bell:hover {
    background: hsla(240, 5%, 48%, .05);
    background: var(--background-fill-4)
}

.auth-layout {
    display: table;
    width: 100%;
    height: 100vh
}

.auth-layout__row {
    display: table-row;
    height: 100vh
}

.auth-layout__cell {
    display: table-cell;
    vertical-align: middle;
    padding: 30px 12px
}

.auth-form-title {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 24px
}

.auth-form-back {
    position: absolute;
    top: 23px;
    left: 26px;
    z-index: 30;
    font-size: 18px;
    color: #818181;
    color: var(--text-secondary)
}

@media(max-width: 420px) {
    .auth-form-back {
        top: 13px;
        left: 16px
    }
}

.auth-form {
    position: relative;
    max-width: 420px;
    margin: 0 auto;
    padding: 26px;
    border-radius: 12px;
    background-color: #fff;
    background-color: var(--foreground);
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .06), 0 17px 50px 0 rgba(0, 0, 0, .02);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .06), 0 17px 50px 0 rgba(0, 0, 0, .02)
}

@media(max-width: 420px) {
    .auth-form {
        padding: 16px
    }
}

.auth-form .tabs__list {
    -webkit-box-shadow: inset 0 -1px 0 0 #e5e5e5;
    box-shadow: inset 0 -1px 0 0 #e5e5e5;
    -webkit-box-shadow: inset 0 -1px 0 0 var(--border-base);
    box-shadow: inset 0 -1px 0 0 var(--border-base);
    margin-bottom: 40px
}

.auth-form .tabs__item {
    padding: 0 0 12px;
    margin-right: 16px
}

.auth-form .tabs__item:first-child {
    margin-left: 34px
}

.auth-footer {
    margin-top: 40px;
    font-weight: 600;
    font-size: 12px
}

.auth-footer__label {
    color: #818181;
    color: var(--text-secondary)
}

.auth-form-user {
    padding: 16px;
    background: hsla(240, 4%, 48%, .12);
    background: var(--background-fill-3);
    border-radius: 6px;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.auth-form-user__avatar {
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: 50%;
    border-radius: 50%;
    margin-right: 20px
}

.auth-form-user__username {
    font-size: 15px;
    font-weight: 500
}

.auth-form-info {
    margin: 10px auto 0;
    max-width: 420px;
    padding: 13px 26px;
    font-size: 13px;
    color: #818181;
    color: var(--text-secondary)
}

@media(max-width: 420px) {
    .auth-form-info {
        padding-right: 16px;
        padding-left: 16px
    }
}

.auth-form-info__item+.auth-form-info__item {
    margin-top: 12px
}

.reader-header-action_icon[data-disabled] {
    opacity: .4;
    pointer-events: none;
}