button {
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

body,button,p,pre {
    margin: 0
}

h1,h2,h3 {
    margin: 0;
    font: inherit
}

ol,ul {
    padding: 0;
    margin: 0
}

li {
    list-style-type: none
}

a {
    color: inherit;
    text-decoration: none
}

.Sticky.is-fixed {
    position: fixed;
    z-index: 2;
    box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased
}

.Sticky.is-absolute {
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 1;
    margin-bottom: 0;
    box-sizing: border-box
}

.Sticky.is-absolute.is-bottom {
    top: 0;
    bottom: auto;
    margin-top: 0
}

.Sticky.Sticky--CSSSticky {
    position: -webkit-sticky;
    position: sticky
}

.Sticky--holder {
    visibility: hidden
}

.Button {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 32px;
    color: #8590a6;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid;
    border-radius: 3px
}

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

.Button:focus {
    outline: none
}

.Button:disabled {
    cursor: default;
    opacity: .5
}

html[data-theme=dark] .Button {
    color: #606a80
}

.Button--grey {
    color: #8590a6;
    border-color: #8590a6
}

.Button--grey:hover:not(:disabled) {
    background-color: rgba(133,144,166,.06)
}

html[data-theme=dark] .Button--grey:hover:not(:disabled) {
    background-color: rgba(96,106,128,.06)
}

html[data-theme=dark] .Button--grey {
    color: #606a80;
    border-color: #606a80
}

.Button--blue {
    color: #0084ff;
    border-color: #0084ff
}

.Button--blue:hover:not(:disabled) {
    background-color: rgba(0,132,255,.06)
}

html[data-theme=dark] .Button--blue:hover:not(:disabled) {
    background-color: rgba(58,118,208,.06)
}

html[data-theme=dark] .Button--blue {
    color: #3a76d0;
    border-color: #3a76d0
}

.Button--green {
    color: #11a668;
    border-color: #11a668
}

.Button--green:hover:not(:disabled) {
    background-color: rgba(17,166,104,.06)
}

.Button--red {
    color: #f36;
    border-color: #f36
}

.Button--red:hover:not(:disabled) {
    background-color: rgba(255,51,102,.06)
}

html[data-theme=dark] .Button--red:hover:not(:disabled) {
    background-color: rgba(217,33,85,.06)
}

html[data-theme=dark] .Button--red {
    color: #d92155;
    border-color: #d92155
}

.Button--primary.Button--blue {
    color: #fff;
    background-color: #0084ff
}

.Button--primary.Button--blue:hover:not(:disabled) {
    border-color: #0077e6;
    background-color: #0077e6
}

html[data-theme=dark] .Button--primary.Button--blue:hover:not(:disabled) {
    border-color: #2f69c1;
    background-color: #2f69c1
}

html[data-theme=dark] .Button--primary.Button--blue {
    color: #ebebeb;
    background-color: #3a76d0
}

.Button--primary.Button--green {
    color: #fff;
    background-color: #12b370
}

.Button--primary.Button--green:hover:not(:disabled) {
    border-color: #109e63;
    background-color: #109e63!important
}

html[data-theme=dark] .Button--primary.Button--green {
    color: #ebebeb
}

.Button--primary.Button--red {
    color: #fff;
    background-color: #f36
}

.Button--primary.Button--red:hover:not(:disabled) {
    border-color: #ff1a53;
    background-color: #ff1a53
}

html[data-theme=dark] .Button--primary.Button--red:hover:not(:disabled) {
    border-color: #c31d4c;
    background-color: #c31d4c
}

html[data-theme=dark] .Button--primary.Button--red {
    color: #ebebeb;
    background-color: #d92155
}

.Button--primary.Button--grey {
    color: #fff;
    background-color: #8590a6
}

.Button--primary.Button--grey:hover:not(:disabled) {
    border-color: #77839c;
    background-color: #77839c
}

html[data-theme=dark] .Button--primary.Button--grey:hover:not(:disabled) {
    border-color: #565e71;
    background-color: #565e71
}

html[data-theme=dark] .Button--primary.Button--grey {
    color: #ebebeb;
    background-color: #606a80
}

.Button--spread {
    width: 100%
}

.Button-icon {
    margin-right: 7px
}

.Button--plain .Button-icon {
    margin-right: 6px
}

.Button--blue .Button-icon,.Button--green .Button-icon,.Button--red .Button-icon {
    fill: currentColor
}

.Button--link,.Button--plain {
    height: auto;
    padding: 0;
    line-height: inherit;
    background-color: transparent;
    border: none;
    border-radius: 0
}

html[data-theme=dark] .Button--link,html[data-theme=dark] .Button--plain {
    border: none
}

.Button--plain:hover,html[data-theme=dark] .Button--link:hover,html[data-theme=dark] .Button--plain:hover {
    background-color: transparent;
    background-color: initial
}

.Button--plain:hover {
    color: #77839c
}

html[data-theme=dark] .Button--plain:hover {
    color: #565e71
}

.Button--link {
    color: #175199
}

.Button--link:hover {
    background-color: transparent;
    background-color: initial;
    color: #144785
}

html[data-theme=dark] .Button--link:hover {
    color: #144785
}

html[data-theme=dark] .Button--link {
    color: #175199
}

.Button--withIcon.Button--iconOnly {
    padding: 0 4px
}

.Button--withIcon.Button--link,.Button--withIcon.Button--plain {
    padding: 0
}

.Button--withIcon.Button--withLabel .Button-zi {
    margin-right: 4px
}

.Notification {
    position: fixed;
    top: 75px;
    left: 50%;
    z-index: 499;
    padding: 14px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    font-size: 14px;
    color: #1a1a1a;
    pointer-events: all;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(26,26,26,.1);
    box-sizing: border-box
}

@media (max-width:768px) {
    .Notification {
        width: calc(100vw - 2 * 16px)
    }
}

@media (min-width:769px) {
    .Notification {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 600px;
        min-width: 520px
    }
}

html[data-theme=dark] .Notification {
    color: #999;
    box-shadow: 0 5px 20px rgba(0,0,0,.1)
}

.Notification-textSection {
    width: 100%;
    display: inline-block
}

@media (max-width:768px) {
    .Notification-textSection {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.Notification-textSection--withButton {
    text-align: left
}

.Notification-textSection--withoutButton {
    text-align: center
}

.Notification-actionsSection {
    white-space: nowrap;
    height: 100%;
    margin: auto 0 auto 32px
}

.Notification-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 503;
    overflow: hidden;
    pointer-events: none
}

.Notification-white {
    color: #1a1a1a;
    background: #fff
}

html[data-theme=dark] .Notification-white {
    color: #999;
    background: #1a1a1a
}

.Notification-red {
    color: #fff;
    background: #f1403c
}

html[data-theme=dark] .Notification-red {
    color: #1a1a1a;
    background: #b7302d
}

.Notification-red-ghost {
    color: #f1403c;
    background: #fff
}

html[data-theme=dark] .Notification-red-ghost {
    color: #b7302d;
    background: #1a1a1a
}

@-webkit-keyframes spring-in {
    0% {
        -webkit-transform: translate(-50%,-20px);
        transform: translate(-50%,-20px);
        opacity: .01
    }

    to {
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        opacity: 1
    }
}

@keyframes spring-in {
    0% {
        -webkit-transform: translate(-50%,-20px);
        transform: translate(-50%,-20px);
        opacity: .01
    }

    to {
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        opacity: 1
    }
}

@-webkit-keyframes spring-out {
    0% {
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        opacity: 1
    }

    to {
        -webkit-transform: translate(-50%,-20px);
        transform: translate(-50%,-20px);
        opacity: 0
    }
}

@keyframes spring-out {
    0% {
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        opacity: 1
    }

    to {
        -webkit-transform: translate(-50%,-20px);
        transform: translate(-50%,-20px);
        opacity: 0
    }
}

.Notification-enter {
    -webkit-animation: spring-in .3s;
    animation: spring-in .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.Notification-leave {
    -webkit-animation: spring-out .3s;
    animation: spring-out .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.Formula {
    display: inline-block;
    vertical-align: middle;
    background: no-repeat 50%;
    background-size: contain;
    font-size: 0
}

.Formula.isEditable {
    cursor: pointer
}

.Formula-image {
    max-width: 100%;
    opacity: 0;
    visibility: hidden
}

.Formula-placeholder {
    opacity: 0
}

.Input-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 180px;
    height: 34px;
    padding: 4px 10px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    box-sizing: border-box;
    transition: background .2s,border .2s
}

.Input-wrapper.Input-wrapper--grey {
    background: #f6f6f6
}

html[data-theme=dark] .Input-wrapper.Input-wrapper--grey {
    background: #2e2e2e
}

.Input-wrapper.Input-wrapper--spread {
    width: 100%
}

.Input-wrapper.Input-wrapper--multiline {
    height: inherit
}

.Input-wrapper .DraftEditor-root,.Input-wrapper.Input-wrapper--large {
    height: auto;
    padding: 6px 12px
}

.Input-wrapper .Editable-toolbar {
    height: auto;
    padding: 5px 13px
}

.Input-wrapper .Dropzone-overlay {
    margin: 6px 12px
}

.Input-wrapper.Input-wrapper--noPadding {
    padding: 0
}

.Input-wrapper.is-focus {
    background: #fff;
    border: 1px solid #8590a6
}

html[data-theme=dark] .Input-wrapper.is-focus {
    background: #1a1a1a;
    border: 1px solid #606a80
}

html[data-theme=dark] .Input-wrapper {
    background: #1a1a1a;
    border: 1px solid #444
}

.Input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    background: transparent;
    border: none;
    outline: none;
    resize: none
}

input.Input {
    color: #1a1a1a;
    height: 24px;
    line-height: 24px
}

html[data-theme=dark] input.Input {
    color: #999
}

.Input:not(input) {
    line-height: 24px
}

.Input:-ms-input-placeholder {
    line-height: normal
}

.Input .public-DraftEditorPlaceholder-root,.Input::-webkit-input-placeholder {
    color: #8590a6
}

.Input .public-DraftEditorPlaceholder-root,.Input:-ms-input-placeholder {
    color: #8590a6
}

.Input .public-DraftEditorPlaceholder-root,.Input::placeholder {
    color: #8590a6
}

html[data-theme=dark] .Input .public-DraftEditorPlaceholder-root,html[data-theme=dark] .Input::-webkit-input-placeholder {
    color: #606a80
}

html[data-theme=dark] .Input .public-DraftEditorPlaceholder-root,html[data-theme=dark] .Input:-ms-input-placeholder {
    color: #606a80
}

html[data-theme=dark] .Input .public-DraftEditorPlaceholder-root,html[data-theme=dark] .Input::placeholder {
    color: #606a80
}

.Input--validationError::-webkit-input-placeholder {
    color: #f1403c
}

.Input--validationError:-ms-input-placeholder {
    color: #f1403c
}

.Input--validationError::placeholder {
    color: #f1403c
}

html[data-theme=dark] .Input--validationError::-webkit-input-placeholder {
    color: #b7302d
}

html[data-theme=dark] .Input--validationError:-ms-input-placeholder {
    color: #b7302d
}

html[data-theme=dark] .Input--validationError::placeholder {
    color: #b7302d
}

.Input-wrapper--multiline .Input {
    overflow: auto
}

.Input-after {
    position: absolute;
    top: 50%;
    right: 10px;
    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;
    margin: auto;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.ModalButtonGroup--vertical {
    margin-top: 40px;
    margin-bottom: 16px
}

.ModalButtonGroup--vertical .Button {
    display: block;
    width: 220px;
    margin-right: auto;
    margin-left: auto
}

.ModalButtonGroup--vertical .Button+.Button {
    margin-top: 28px
}

.Modal-content--buttonGroupOnly .ModalButtonGroup--vertical {
    margin-top: 60px
}

.ModalButtonGroup--horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 48px
}

.ModalButtonGroup--horizontal .Button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ModalButtonGroup--horizontal .Button:last-child:first-child {
    width: 220px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
}

.ModalButtonGroup--horizontal .Button+.Button {
    margin-left: 16px
}

.Modal-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 203;
    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;
    overflow-x: hidden;
    overflow-y: auto;
    transition: opacity .3s ease-out
}

.Modal-wrapper.Modal-enter {
    opacity: .01
}

.Modal-wrapper.Modal-enter-active,.Modal-wrapper.Modal-leave {
    opacity: 1
}

.Modal-wrapper.Modal-leave-active {
    opacity: .01
}

.Modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(26,26,26,.65);
    transition: background-color .3s ease-out
}

.Modal-wrapper--transparent .Modal-backdrop {
    background-color: transparent
}

html[data-theme=dark] .Modal-backdrop {
    background-color: rgba(0,0,0,.65)
}

.Modal {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 400px;
    max-height: calc(100vh - 24px * 2);
    margin-right: auto;
    margin-left: auto;
    outline: 0;
    box-shadow: 0 5px 20px rgba(26,26,26,.1);
    box-sizing: border-box;
    transition: max-height .8s ease
}

.Modal--large {
    width: 536px
}

.Modal--fullPage {
    width: 688px;
    height: calc(100vh - 24px * 2)
}

.Modal-enter .Modal {
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.Modal-enter-active .Modal {
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out
}

.Modal-enter-active .Modal,.Modal-leave .Modal {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.Modal-leave-active .Modal {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out;
    transition: transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out
}

html[data-theme=dark] .Modal {
    box-shadow: 0 5px 20px rgba(0,0,0,.1)
}

.Modal-inner {
    overflow: auto;
    background: #fff;
    border-radius: 2px
}

.Modal--fullPage .Modal-inner {
    height: 100%
}

html[data-theme=dark] .Modal-inner {
    background: #1a1a1a
}

.Modal-closeButton {
    position: absolute;
    top: 8px;
    right: -60px;
    padding: 12px
}

.Modal-closeIcon {
    vertical-align: top;
    fill: #fff
}

html[data-theme=dark] .Modal-closeIcon {
    fill: #ebebeb
}

.Modal-title {
    margin-top: 40px;
    font-size: 24px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center
}

.Modal-title.Modal-title--simple {
    font-family: inherit;
    font-size: 20px
}

html[data-theme=dark] .Modal-title {
    color: #999
}

.Modal-subtitle {
    padding: 0 38px;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5;
    color: #8590a6;
    text-align: center
}

.Modal-subtitle a {
    text-decoration: underline
}

html[data-theme=dark] .Modal-subtitle {
    color: #606a80
}

.Modal-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 24px 32px;
    margin-top: 24px;
    line-height: 1.7;
    opacity: 1
}

.Modal--fullPage .Modal-content {
    padding: 0
}

.Modal-content.Modal-content--spread {
    height: 100%;
    margin-top: 0
}

.Modal-content.Modal-content--hidden {
    opacity: 0;
    transition: opacity .3s ease-out
}

.Modal-footer {
    padding: 16px 24px;
    font-size: 13px;
    line-height: 1.7;
    color: #8590a6;
    background: #f6f6f6;
    border-top: 1px solid #ebebeb
}

.Modal-footer a {
    text-decoration: underline
}

html[data-theme=dark] .Modal-footer {
    color: #606a80;
    background: #2e2e2e;
    border-top: 1px solid #444
}

.Popover {
    position: relative;
    display: inline-block
}

.Popover-arrow {
    position: absolute
}

.Popover-arrow,.Popover-arrow:after {
    border: 8px solid transparent;
    display: block;
    width: 0;
    height: 0
}

.Popover-arrow:after {
    position: absolute;
    left: 0;
    top: 0;
    content: ""
}

.Popover-arrow--top {
    border-top-color: #ebebeb;
    margin-top: 7px
}

.Popover-arrow--top,.Popover-arrow--top:after {
    border-bottom-width: 0;
    -webkit-transform: translate3d(-50%,-100%,0);
    transform: translate3d(-50%,-100%,0)
}

.Popover-arrow--top:after {
    margin-top: -1px;
    border-top-color: #fff
}

html[data-theme=dark] .Popover-arrow--top:after {
    border-top-color: #1a1a1a
}

html[data-theme=dark] .Popover-arrow--top {
    border-top-color: #2e2e2e
}

.Popover-arrow--bottom {
    border-bottom-color: #ebebeb;
    margin-top: -8px
}

.Popover-arrow--bottom,.Popover-arrow--bottom:after {
    border-top-width: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Popover-arrow--bottom:after {
    margin-top: 1px;
    border-bottom-color: #fff
}

html[data-theme=dark] .Popover-arrow--bottom:after {
    border-bottom-color: #1a1a1a
}

html[data-theme=dark] .Popover-arrow--bottom {
    border-bottom-color: #2e2e2e
}

.Popover-arrow--left {
    border-left-color: #ebebeb;
    margin-left: 7px
}

.Popover-arrow--left,.Popover-arrow--left:after {
    border-right-width: 0;
    -webkit-transform: translate3d(-100%,-50%,0);
    transform: translate3d(-100%,-50%,0)
}

.Popover-arrow--left:after {
    margin-left: -1px;
    border-left-color: #fff
}

html[data-theme=dark] .Popover-arrow--left:after {
    border-left-color: #1a1a1a
}

html[data-theme=dark] .Popover-arrow--left {
    border-left-color: #2e2e2e
}

.Popover-arrow--right {
    border-right-color: #ebebeb;
    margin-left: -8px
}

.Popover-arrow--right,.Popover-arrow--right:after {
    border-left-width: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Popover-arrow--right:after {
    margin-left: 1px;
    border-right-color: #fff
}

html[data-theme=dark] .Popover-arrow--right:after {
    border-right-color: #1a1a1a
}

html[data-theme=dark] .Popover-arrow--right {
    border-right-color: #2e2e2e
}

.Popover-content {
    position: absolute;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(26,26,26,.1);
    z-index: 203
}

.Popover-content-enter {
    opacity: .01
}

.Popover-content-enter-active {
    transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}

.Popover-content-enter-active,.Popover-content-leave {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.Popover-content-leave-active {
    opacity: .01;
    transition: opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}

.Popover-content--fixed {
    position: fixed
}

html[data-theme=dark] .Popover-content {
    background: #1a1a1a;
    border: 1px solid #2e2e2e;
    box-shadow: 0 5px 20px rgba(0,0,0,.1)
}

.Popover-content--top {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    margin-top: -8px
}

.Popover-content--top.Popover-content--arrowed {
    margin-top: -16px
}

.Popover-content--top.Popover-content--enter,.Popover-content--top.Popover-content-leave-active {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.Popover-content--bottom {
    margin-top: 8px
}

.Popover-content--bottom.Popover-content--arrowed {
    margin-top: 16px
}

.Popover-content--bottom.Popover-content--enter,.Popover-content--bottom.Popover-content-leave-active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.Popover-content--left {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    margin-left: -8px
}

.Popover-content--left.Popover-content--arrowed {
    margin-left: -16px
}

.Popover-content--left.Popover-content--enter,.Popover-content--left.Popover-content-leave-active {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.Popover-content--right {
    margin-left: 8px
}

.Popover-content--right.Popover-content--arrowed {
    margin-left: 16px
}

.Popover-content--right.Popover-content--enter,.Popover-content--right.Popover-content-leave-active {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.AttentionPopover {
    font-size: 15px;
    background-color: #0084ff;
    color: #fff;
    padding: 9px 14px;
    border-radius: 8px;
    border: none
}

.AttentionPopover .Popover-arrow {
    border: none
}

.AttentionPopover .Popover-arrow--top:after {
    border-top-color: #0084ff
}

html[data-theme=dark] .AttentionPopover .Popover-arrow--top:after {
    border-top-color: #3a76d0
}

.AttentionPopover .Popover-arrow--bottom:after {
    border-bottom-color: #0084ff
}

html[data-theme=dark] .AttentionPopover .Popover-arrow--bottom:after {
    border-bottom-color: #3a76d0
}

.AttentionPopover .Popover-arrow--left:after {
    border-left-color: #0084ff
}

html[data-theme=dark] .AttentionPopover .Popover-arrow--left:after {
    border-left-color: #3a76d0
}

.AttentionPopover .Popover-arrow--right:after {
    border-right-color: #0084ff
}

html[data-theme=dark] .AttentionPopover .Popover-arrow--right:after {
    border-right-color: #3a76d0
}

html[data-theme=dark] .AttentionPopover {
    background-color: #3a76d0
}

.MathToolbar {
    display: block;
    padding: 4px 12px;
    border-radius: inherit inherit 0 0;
    background: #f6f6f6;
    border-bottom: 1px solid #ebebeb;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html[data-theme=dark] .MathToolbar {
    background: #2e2e2e;
    border-bottom: 1px solid #444
}

.MathToolbar-button {
    height: 28px;
    padding: 2px 4px;
    box-sizing: border-box;
    border: 1px solid transparent;
    vertical-align: middle
}

.MathToolbar-button+.MathToolbar-button {
    margin-left: 16px
}

.MathToolbar-button:hover {
    background: #f6f6f6;
    border-color: #ebebeb
}

html[data-theme=dark] .MathToolbar-button:hover {
    background: #2e2e2e;
    border-color: #444
}

.MathToolbar-palettes {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -4px;
    padding: 16px;
    max-width: 384px
}

.MathToolbar-palettes,.MathToolbar-palettesButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.MathToolbar-palettesButton {
    margin: 4px;
    padding: 0;
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #8590a6;
    border-radius: 4px
}

.MathToolbar-palettesButton:hover {
    background-color: #f6f6f6
}

html[data-theme=dark] .MathToolbar-palettesButton:hover {
    background-color: #2e2e2e
}

html[data-theme=dark] .MathToolbar-palettesButton {
    color: #606a80
}

.MathToolbar-paletteIcon {
    max-width: calc(100% - 2px)
}

.MathToolbar-palettes--math {
    max-width: 380px
}

.MathToolbar-palettes--math .MathToolbar-palettesButton {
    padding: 0 3px;
    width: 30px;
    height: 60px
}

.MathToolbar-palettes--arrow .MathToolbar-palettesButton {
    height: 35px
}

.FormulaModal {
    width: 550px
}

.FormulaModal-input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px
}

.FormulaModal-input .Input {
    padding: 6px 12px;
    min-height: 100px;
    box-sizing: border-box
}

.FormulaModal-formula {
    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;
    padding: 0 3px;
    background: #fff;
    border: 2px dashed #ebebeb;
    border-radius: 3px;
    min-height: 106px;
    overflow-x: auto
}

.FormulaModal-formula img {
    max-width: 100%
}

html[data-theme=dark] .FormulaModal-formula {
    background: #1a1a1a;
    border: 2px dashed #444
}

.FormulaModal-buttonGroup {
    margin-top: 32px
}

.FormulaModal-previewText {
    color: #8590a6;
    font-size: 14px
}

html[data-theme=dark] .FormulaModal-previewText {
    color: #606a80
}

.FocusPlugin--unfocused:hover {
    cursor: default;
    box-shadow: 0 0 0 2px rgba(0,132,255,.3)
}

html[data-theme=dark] .FocusPlugin--unfocused:hover {
    box-shadow: 0 0 0 2px rgba(58,118,208,.3)
}

.FocusPlugin--focused {
    cursor: default;
    box-shadow: 0 0 0 2px #0084ff
}

html[data-theme=dark] .FocusPlugin--focused {
    box-shadow: 0 0 0 2px #3a76d0
}

.Image {
    max-width: 100%;
    margin: 0 auto
}

.Image[data-size=small] {
    max-width: 40%
}

.Image--isBlock {
    display: block
}

.LoadingBar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 101;
    display: none;
    height: 2px;
    pointer-events: none;
    background: #0084ff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.LoadingBar.is-active {
    display: block;
    -webkit-animation: LoadingBarForward 1s ease-in-out .8s infinite;
    animation: LoadingBarForward 1s ease-in-out .8s infinite
}

html[data-theme=dark] .LoadingBar {
    background: #3a76d0
}

@-webkit-keyframes LoadingBarForward {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    40% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

@keyframes LoadingBarForward {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    40% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

.Editable-imageUploader {
    text-align: center
}

.Editable-imageUploader-layout {
    position: relative;
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

.Editable-imageUploader-layout.is-fullWidth {
    width: 100%
}

.Editable-imageUploader-image {
    display: block;
    max-width: 100%;
    opacity: .3
}

.Editable-imageUploader-placeholder {
    height: 192px;
    background-color: #ebebeb
}

html[data-theme=dark] .Editable-imageUploader-placeholder {
    background-color: #444
}

.Editable-imageUploader-status {
    position: absolute;
    left: 0;
    top: 0;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.Editable-imageUploader-statusText {
    font-size: 28px;
    line-height: 40px;
    color: #8590a6
}

html[data-theme=dark] .Editable-imageUploader-statusText {
    color: #606a80
}

.Editable-imageUploader-status.is-error .Editable-imageUploader-statusText {
    color: #f36
}

html[data-theme=dark] .Editable-imageUploader-status.is-error .Editable-imageUploader-statusText {
    color: #d92155
}

.Editable-imageUploader-retry {
    margin-top: 4px;
    font-size: 16px;
    line-height: 32px
}

.Editable-imageUploader-retry .Button {
    font-size: inherit
}

.Editable-imageUploader-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #0084ff
}

.Editable-imageUploader-progress.is-error {
    background-color: #f36
}

html[data-theme=dark] .Editable-imageUploader-progress.is-error {
    background-color: #d92155
}

.Editable-imageUploader-progress .LoadingBar {
    position: relative;
    height: 100%;
    background-color: hsla(0,0%,100%,.3)
}

html[data-theme=dark] .Editable-imageUploader-progress .LoadingBar {
    background-color: rgba(26,26,26,.3)
}

html[data-theme=dark] .Editable-imageUploader-progress {
    background-color: #3a76d0
}

.Image-caption.is-placeholder {
    color: #bfbfbf
}

html[data-theme=dark] .Image-caption.is-placeholder {
    color: gray
}

.Image-caption.is-editing {
    opacity: 0
}

.Image-captionInput {
    position: absolute;
    z-index: 203
}

.Image-captionInput textarea {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    font: inherit;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: #8590a6;
    background: none;
    resize: none
}

.Image-captionInput textarea::-webkit-input-placeholder {
    color: #bfbfbf
}

.Image-captionInput textarea:-ms-input-placeholder {
    color: #bfbfbf
}

.Image-captionInput textarea::placeholder {
    color: #bfbfbf
}

html[data-theme=dark] .Image-captionInput textarea::-webkit-input-placeholder {
    color: gray
}

html[data-theme=dark] .Image-captionInput textarea:-ms-input-placeholder {
    color: gray
}

html[data-theme=dark] .Image-captionInput textarea::placeholder {
    color: gray
}

.Image-captionInput textarea:focus {
    outline: none
}

html[data-theme=dark] .Image-captionInput textarea {
    color: #606a80
}

.Image-resizer {
    padding: 8px
}

.Image-resizerButton {
    padding: 0 8px;
    vertical-align: middle
}

.Image-resizerButton .Zi {
    display: block
}

.Image-resizerButton.is-active {
    color: #0084ff
}

html[data-theme=dark] .Image-resizerButton.is-active {
    color: #3a76d0
}

.Embed embed {
    display: block;
    width: 100%;
    height: 100%
}

.VideoCard {
    position: relative;
    overflow: hidden;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(26,26,26,.1)
}

html[data-theme=dark] .VideoCard {
    border: 1px solid #444;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.VideoCard-link {
    display: block
}

.VideoCard-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.VideoCard-poster {
    width: 120px;
    height: 90px;
    background-color: #ebebeb
}

.VideoCard-poster img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

html[data-theme=dark] .VideoCard-poster {
    background-color: #444
}

.VideoCard-video {
    position: relative;
    width: 100%
}

.VideoCard-video:before {
    display: block;
    padding-top: 56.25%;
    content: ""
}

.VideoCard-video-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.VideoCard-thumbnail {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ebebeb
}

.VideoCard-thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

html[data-theme=dark] .VideoCard-thumbnail {
    background-color: #444
}

.VideoCard-play-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 64px;
    height: 64px;
    margin: auto;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.VideoCard-playIcon {
    display: block
}

html[data-theme=dark] .VideoCard-playIcon {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
}

.VideoCard--interactive .VideoCard-video:hover .VideoCard-play-button {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.VideoCard-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 15px 16px;
    overflow: hidden;
    box-sizing: border-box
}

.VideoCard-title {
    overflow: hidden;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.VideoCard--interactive .VideoCard-link .VideoCard-content:hover .VideoCard-title,html[data-theme=dark] .VideoCard--interactive .VideoCard-link .VideoCard-content:hover .VideoCard-title {
    color: #175199
}

.VideoCard-description {
    height: 25px;
    margin-top: 5px;
    line-height: 25px
}

.VideoCard-source {
    display: inline-block;
    margin-right: 10px;
    color: #8590a6
}

html[data-theme=dark] .VideoCard-source {
    color: #606a80
}

.VideoCard-badge {
    display: inline-block;
    padding: 0 8px;
    color: #8590a6;
    background-color: #f6f6f6;
    border-radius: 3px
}

html[data-theme=dark] .VideoCard-badge {
    color: #606a80;
    background-color: #2e2e2e
}

.VideoCard-player {
    width: 100%;
    height: 100%;
    background-color: #1a1a1a
}

.VideoCard-player .Embed,.VideoCard-player iframe {
    display: block;
    width: 100%;
    height: 100%
}

html[data-theme=dark] .VideoCard-player {
    background-color: #999
}

.VideoCard-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.VideoCard-overlay.is-loading {
    opacity: 0
}

.VideoCard-mask,html[data-theme=dark] .VideoCard-overlay {
    background-color: #1a1a1a
}

.VideoCard-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: opacity .3s,visibility .3s
}

.VideoCard-mask:not(.is-shown) {
    opacity: 0;
    visibility: hidden
}

html[data-theme=dark] .VideoCard-mask {
    background-color: #999
}

.VideoCard--mobile .VideoCard-poster {
    width: 100px;
    height: 75px
}

.VideoCard--mobile .VideoCard-video:hover .VideoCard-play-button {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.VideoCard--mobile .VideoCard-content {
    padding: 10px 12px
}

.VideoCard--mobile .VideoCard-title {
    font-size: 16px
}

.VideoCard--mobile .VideoCard-description {
    margin-top: 0;
    font-size: 12px
}

.Editable-video {
    margin: 16px 0;
    border-radius: 4px
}

.Video-uploadPosterButton {
    background: rgba(26,26,26,.5);
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 3px;
    height: 32px;
    width: 109px;
    position: absolute;
    bottom: 16px;
    right: 16px;
    text-align: center;
    line-height: 32px;
    cursor: pointer
}

.Video-uploadPosterButton p {
    color: #fff;
    font-size: 14px;
    margin: 0!important
}

html[data-theme=dark] .Video-uploadPosterButton p {
    color: #1a1a1a
}

html[data-theme=dark] .Video-uploadPosterButton {
    background: hsla(0,0%,60%,.5);
    border: 1px solid rgba(26,26,26,.3)
}

.Editable-videoUploader {
    margin: 16px 0;
    border-radius: 4px
}

.Editable-videoUploader-thumbnail {
    position: relative;
    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;
    width: 100%;
    height: 100%
}

.Editable-videoUploader-text {
    text-align: center;
    position: relative;
    color: #8590a6
}

html[data-theme=dark] .Editable-videoUploader-text {
    color: #606a80
}

.Editable-videoUploader-status {
    font-size: 28px;
    line-height: 40px
}

.Editable-videoUploader-size {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

.Editable-videoUploader-progress {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    height: 4px;
    background-color: rgba(26,26,26,.05)
}

html[data-theme=dark] .Editable-videoUploader-progress {
    background-color: hsla(0,0%,60%,.05)
}

.Editable-videoUploader-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #0084ff
}

.Editable-videoUploader-progress-bar.is-error {
    background-color: #f36
}

html[data-theme=dark] .Editable-videoUploader-progress-bar.is-error {
    background-color: #d92155
}

html[data-theme=dark] .Editable-videoUploader-progress-bar {
    background-color: #3a76d0
}

.Editable-videoUploader-progress .LoadingBar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: hsla(0,0%,100%,.3)
}

html[data-theme=dark] .Editable-videoUploader-progress .LoadingBar {
    background-color: rgba(26,26,26,.3)
}

.Editable-videoUploader-image {
    position: absolute
}

.Editable-videoUploader-uploadPosterButton {
    background: rgba(26,26,26,.5);
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 3px;
    height: 32px;
    width: 109px;
    position: absolute;
    bottom: -130px;
    right: 16px;
    text-align: center;
    line-height: 32px;
    cursor: pointer
}

.Editable-videoUploader-uploadPosterButton p {
    color: #fff;
    font-size: 14px;
    margin: 0!important
}

html[data-theme=dark] .Editable-videoUploader-uploadPosterButton p {
    color: #1a1a1a
}

html[data-theme=dark] .Editable-videoUploader-uploadPosterButton {
    background: hsla(0,0%,60%,.5);
    border: 1px solid rgba(26,26,26,.3)
}

.Editable-videoUploader-imageMask {
    width: 100%;
    height: 100%;
    position: absolute;
    background: hsla(0,0%,92%,.9)
}

html[data-theme=dark] .Editable-videoUploader-imageMask {
    background: rgba(68,68,68,.9)
}

.VideoErrorCard-thumbnail {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.VideoErrorCard-error {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    color: #8590a6
}

html[data-theme=dark] .VideoErrorCard-error {
    color: #606a80
}

.Editable-videoError {
    margin: 16px 0;
    border-radius: 4px
}

.Editable-divider {
    overflow: hidden
}

.Link+.Link {
    margin-left: 2px
}

.Link[data-editable] {
    cursor: text!important
}

.LinkCard {
    position: relative;
    display: block;
    margin: 24px auto;
    width: 390px;
    box-sizing: border-box;
    border-radius: 12px;
    max-width: 100%;
    overflow: hidden
}

.LinkCard,.LinkCard:hover {
    text-decoration: none;
    border: none!important;
    color: inherit!important
}

.LinkCard-content {
    position: relative;
    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: 12px;
    border-radius: inherit;
    background-color: hsla(0,0%,96%,.88)
}

.LinkCard--noImage .LinkCard-content {
    background-color: #f6f6f6
}

html[data-theme=dark] .LinkCard--noImage .LinkCard-content {
    background-color: #2e2e2e
}

@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
    .LinkCard-content {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
}

html[data-theme=dark] .LinkCard-content {
    background-color: rgba(46,46,46,.88)
}

.LinkCard-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #1a1a1a
}

html[data-theme=dark] .LinkCard-title {
    color: #999
}

.LinkCard-meta {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.25;
    color: #999
}

html[data-theme=dark] .LinkCard-meta {
    color: #646464
}

.LinkCard-image {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: inherit
}

.LinkCard-image.LinkCard-image--horizontal {
    width: 90px
}

.LinkCard-image.LinkCard-image--vertical {
    height: 80px
}

.LinkCard-imageCell {
    margin-left: 8px;
    border-radius: 6px
}

html[data-theme=dark] .LinkCard--hasImage .LinkCard-imageCell {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
}

.LinkCard-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');
    -webkit-filter: blur(20px);
    filter: blur(20px);
    background-size: cover;
    background-position: 50%
}

@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) {
    .LinkCard-backdrop {
        -webkit-filter: none;
        filter: none
    }
}

.LinkCard-image--default {
    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;
    background-color: #ebebeb;
    color: #d3d3d3
}

html[data-theme=dark] .LinkCard-image--default {
    background-color: #444;
    color: #2e2e2e
}

.LinkModal-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

.LinkModal-input+.LinkModal-input {
    margin-top: 10px
}

.LinkModal-input .Input {
    margin-left: 8px
}

.LinkBubble.Popover-content--top.Popover-content--arrowed {
    margin-top: -10px
}

.LinkBubble.Popover-content--bottom.Popover-content--arrowed {
    margin-top: 10px
}

.LinkBubble-content {
    display: block;
    padding: 7px 10px 7px 16px
}

.LinkBubble-button,.LinkBubble-previewLink {
    vertical-align: middle
}

.LinkBubble-previewLink {
    display: inline-block;
    margin-right: 8px;
    max-width: 233px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.3;
    border-bottom: 1px solid transparent
}

.LinkBubble-previewLink:hover {
    color: #175199;
    border-bottom-color: rgba(0,132,255,.72)
}

html[data-theme=dark] .LinkBubble-previewLink:hover {
    color: #175199;
    border-bottom-color: rgba(58,118,208,.72)
}

.LinkBubble-button {
    padding: 0 6px
}

.Menu {
    padding: 6px 0
}

.Menu-item {
    display: block;
    width: 100%;
    padding: 0 20px;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box
}

.Menu-item.is-active {
    background: #f6f6f6
}

html[data-theme=dark] .Menu-item.is-active {
    background: #2e2e2e
}

.Menu-item--noActive {
    cursor: default
}

.Menu-divider {
    margin: 8px 0;
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .Menu-divider {
    border-bottom: 1px solid #444
}

.AutoComplete-DefaultItem {
    line-height: 40px
}

.Avatar {
    background: #fff;
    border-radius: 2px
}

html[data-theme=dark] .Avatar {
    background: #1a1a1a
}

.Avatar--medium {
    border-radius: 3px
}

.Avatar--large {
    border-radius: 4px
}

.Avatar--round {
    border-radius: 50%
}

.VagueImage {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f6f6f6
}

html[data-theme=dark] .VagueImage {
    background-color: #2e2e2e
}

.VagueImage-mask {
    z-index: 1;
    opacity: 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: opacity .3s ease-in
}

.VagueImage-mask.is-active {
    opacity: 1
}

.VagueImage-mask,.VagueImage-mask:after,.VagueImage-mask:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.VagueImage-mask:after,.VagueImage-mask:before {
    display: block;
    content: ""
}

.VagueImage-mask:before {
    background-color: #fff;
    opacity: .32
}

html[data-theme=dark] .VagueImage-mask:before {
    background-color: #1a1a1a
}

.VagueImage-mask:after {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="16" /></filter></svg>#filter');
    -webkit-filter: blur(16px);
    filter: blur(16px);
    background-image: inherit;
    background-size: cover;
    background-position: 50%
}

.VagueImage-innerLarge {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

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

.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) {
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid rgba(68,68,68,.72)
}

.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link):hover {
    color: #175199;
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link):hover {
    color: #175199;
    border-bottom: 1px solid #175199
}

.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link)>.ellipsis:after {
    content: "..."
}

.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link)>.invisible {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent
}

.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) u {
    border-color: transparent
}

html[data-theme=dark] .RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) {
    border-bottom: 1px solid hsla(0,0%,50%,.72)
}

.RichText a.member_mention,.RichText a.UserLink-link {
    color: #175199
}

.RichText a.member_mention:hover,.RichText a.UserLink-link:hover,html[data-theme=dark] .RichText a.member_mention:hover,html[data-theme=dark] .RichText a.UserLink-link:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .RichText a.member_mention,html[data-theme=dark] .RichText a.UserLink-link {
    color: #175199
}

.RichText u {
    text-decoration: none;
    border-bottom: 1px solid rgba(68,68,68,.72)
}

.RichText u a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link) {
    border-color: transparent
}

html[data-theme=dark] .RichText u {
    border-bottom: 1px solid hsla(0,0%,50%,.72)
}

.RichText b {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText b {
    font-weight: 500
}

html[data-android] .RichText b {
    font-weight: 700
}

.RichText h1,.RichText h2,.RichText h3,.RichText h4,.RichText h5,.RichText h6 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 18px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText h1,html[data-ios] .RichText h2,html[data-ios] .RichText h3,html[data-ios] .RichText h4,html[data-ios] .RichText h5,html[data-ios] .RichText h6 {
    font-weight: 500
}

html[data-android] .RichText h1,html[data-android] .RichText h2,html[data-android] .RichText h3,html[data-android] .RichText h4,html[data-android] .RichText h5,html[data-android] .RichText h6 {
    font-weight: 700
}

.RichText p {
    margin-top: 0;
    margin-bottom: .72em
}

.RichText code {
    margin: 0 2px;
    padding: 3px 4px;
    border-radius: 3px;
    font-family: Menlo,Monaco,Consolas,Andale Mono,lucida console,Courier New,monospace;
    background-color: #f6f6f6
}

html[data-theme=dark] .RichText code {
    background-color: #2e2e2e
}

.RichText .content_image,.RichText .origin_image {
    display: block;
    max-width: 100%;
    margin: 24px auto
}

html[data-theme=dark] .RichText .content_image,html[data-theme=dark] .RichText .origin_image {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
}

.RichText .content_image[data-size=small],.RichText .origin_image[data-size=small] {
    max-width: 40%
}

.RichText .zh-lightbox-thumb {
    cursor: zoom-in
}

.RichText blockquote {
    padding-left: 1em;
    margin: 1em 0;
    color: #8590a6;
    border-left: 4px solid #d3d3d3
}

.RichText blockquote a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link) {
    border-color: rgba(133,144,166,.72)
}

html[data-theme=dark] .RichText blockquote a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link) {
    border-color: rgba(96,106,128,.72)
}

html[data-theme=dark] .RichText blockquote {
    color: #606a80;
    border-left: 4px solid #2e2e2e
}

.RichText ol,.RichText ul {
    padding-left: 2em;
    margin: 1em 0
}

.RichText ol li,.RichText ul li {
    list-style-position: outside
}

.RichText ol ol,.RichText ol ul,.RichText ul ol,.RichText ul ul {
    margin: 0
}

.RichText ul li {
    list-style-type: disc
}

.RichText ol li {
    list-style-type: decimal
}

.RichText figure {
    margin: 24px 0
}

.RichText figure .content_image,.RichText figure .origin_image {
    margin: 0 auto
}

.RichText figure figcaption {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    color: #999
}

html[data-theme=dark] .RichText figure figcaption {
    color: #646464
}

.RichText .link-box,.RichText .video-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    margin-bottom: 16px;
    overflow: auto;
    white-space: normal;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(26,26,26,.1)
}

.RichText .link-box .thumbnail,.RichText .video-box .thumbnail {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover
}

.RichText .link-box .content,.RichText .video-box .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 16px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.RichText .link-box .title,.RichText .video-box .title {
    font-size: 18px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText .link-box .title,html[data-ios] .RichText .video-box .title {
    font-weight: 500
}

html[data-android] .RichText .link-box .title,html[data-android] .RichText .video-box .title {
    font-weight: 700
}

.RichText .link-box .url,.RichText .video-box .url {
    overflow: hidden;
    font-size: 15px;
    color: gray;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

html[data-theme=dark] .RichText .link-box .url,html[data-theme=dark] .RichText .video-box .url {
    color: gray
}

.RichText .link-box .label,.RichText .video-box .label {
    display: none
}

html[data-theme=dark] .RichText .link-box,html[data-theme=dark] .RichText .video-box {
    border: 1px solid #444;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.RichText img[eeimg] {
    max-width: 100%;
    vertical-align: middle
}

html[data-theme=dark] .RichText img[eeimg] {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0.6 0.4" /><feFuncG type="table" tableValues="0.6 0.4" /><feFuncB type="table" tableValues="0.6 0.4" /></feComponentTransfer><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="180" /></filter></svg>#filter');
    -webkit-filter: invert(.6) hue-rotate(180deg);
    filter: invert(.6) hue-rotate(180deg)
}

.RichText img[eeimg="1"] {
    display: inline-block;
    margin: 0 3px
}

.RichText hr {
    width: 240px;
    max-width: 100%;
    margin: 32px auto;
    border: none;
    border-top: 1px solid #d3d3d3
}

html[data-theme=dark] .RichText hr {
    border-top: 1px solid #2e2e2e
}

.RichText pre {
    margin: 1em 0;
    padding: 10px;
    overflow: auto;
    font-family: Menlo,Monaco,Consolas,Andale Mono,lucida console,Courier New,monospace;
    font-size: 14px;
    word-wrap: normal;
    background: #f6f6f6;
    border-radius: 4px
}

.RichText pre code {
    margin: 0;
    padding: 0
}

.RichText pre .hll {
    background-color: #fdfdfd
}

html[data-theme=dark] .RichText pre .hll {
    background-color: #2e2e2e
}

.RichText pre .c {
    font-style: italic;
    color: #999
}

html[data-theme=dark] .RichText pre .c {
    color: #646464
}

.RichText pre .err {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .err {
    color: #b7302d
}

.RichText pre .k {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText pre .k {
    font-weight: 500
}

html[data-android] .RichText pre .k {
    font-weight: 700
}

.RichText pre .o {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText pre .o {
    font-weight: 500
}

html[data-android] .RichText pre .o {
    font-weight: 700
}

.RichText pre .cm {
    font-style: italic;
    color: #999
}

html[data-theme=dark] .RichText pre .cm {
    color: #646464
}

.RichText pre .cp {
    font-weight: 600;
    font-synthesis: style;
    color: #999
}

html[data-ios] .RichText pre .cp {
    font-weight: 500
}

html[data-android] .RichText pre .cp {
    font-weight: 700
}

html[data-theme=dark] .RichText pre .cp {
    color: #646464
}

.RichText pre .c1 {
    font-style: italic;
    color: #999
}

html[data-theme=dark] .RichText pre .c1 {
    color: #646464
}

.RichText pre .cs {
    font-style: italic;
    font-weight: 600;
    font-synthesis: style;
    color: #999
}

html[data-ios] .RichText pre .cs {
    font-weight: 500
}

html[data-android] .RichText pre .cs {
    font-weight: 700
}

html[data-theme=dark] .RichText pre .cs {
    color: #646464
}

.RichText pre .gd {
    color: #1a1a1a;
    background-color: #ebebeb
}

html[data-theme=dark] .RichText pre .gd {
    color: #999;
    background-color: #444
}

.RichText pre .ge {
    font-style: italic
}

.RichText pre .gr {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .gr {
    color: #b7302d
}

.RichText pre .gh {
    color: #999
}

html[data-theme=dark] .RichText pre .gh {
    color: #646464
}

.RichText pre .gi {
    color: #1a1a1a;
    background-color: #f6f6f6
}

html[data-theme=dark] .RichText pre .gi {
    color: #999;
    background-color: #2e2e2e
}

.RichText pre .go,html[data-theme=dark] .RichText pre .go {
    color: gray
}

.RichText pre .gp {
    color: #646464
}

html[data-theme=dark] .RichText pre .gp {
    color: #999
}

.RichText pre .gs {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText pre .gs {
    font-weight: 500
}

html[data-android] .RichText pre .gs {
    font-weight: 700
}

.RichText pre .gu {
    color: #999
}

html[data-theme=dark] .RichText pre .gu {
    color: #646464
}

.RichText pre .gt {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .gt {
    color: #b7302d
}

.RichText pre .kc {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText pre .kc {
    font-weight: 500
}

html[data-android] .RichText pre .kc {
    font-weight: 700
}

.RichText pre .kd {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText pre .kd {
    font-weight: 500
}

html[data-android] .RichText pre .kd {
    font-weight: 700
}

.RichText pre .kn {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText pre .kn {
    font-weight: 500
}

html[data-android] .RichText pre .kn {
    font-weight: 700
}

.RichText pre .kp {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText pre .kp {
    font-weight: 500
}

html[data-android] .RichText pre .kp {
    font-weight: 700
}

.RichText pre .kr {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText pre .kr {
    font-weight: 500
}

html[data-android] .RichText pre .kr {
    font-weight: 700
}

.RichText pre .kt {
    font-weight: 600;
    font-synthesis: style;
    color: #175199
}

html[data-ios] .RichText pre .kt {
    font-weight: 500
}

html[data-android] .RichText pre .kt {
    font-weight: 700
}

html[data-theme=dark] .RichText pre .kt {
    color: #175199
}

.RichText pre .m {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .m {
    color: #3a76d0
}

.RichText pre .s {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .s {
    color: #b7302d
}

.RichText pre .na {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .na {
    color: #3a76d0
}

.RichText pre .nb {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .nb {
    color: #3a76d0
}

.RichText pre .nc {
    font-weight: 600;
    font-synthesis: style;
    color: #175199
}

html[data-ios] .RichText pre .nc {
    font-weight: 500
}

html[data-android] .RichText pre .nc {
    font-weight: 700
}

html[data-theme=dark] .RichText pre .nc {
    color: #175199
}

.RichText pre .no {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .no {
    color: #3a76d0
}

.RichText pre .ni,html[data-theme=dark] .RichText pre .ni {
    color: #5868d1
}

.RichText pre .ne {
    font-weight: 600;
    font-synthesis: style;
    color: #f1403c
}

html[data-ios] .RichText pre .ne {
    font-weight: 500
}

html[data-android] .RichText pre .ne {
    font-weight: 700
}

html[data-theme=dark] .RichText pre .ne {
    color: #b7302d
}

.RichText pre .nf {
    font-weight: 600;
    font-synthesis: style;
    color: #f1403c
}

html[data-ios] .RichText pre .nf {
    font-weight: 500
}

html[data-android] .RichText pre .nf {
    font-weight: 700
}

html[data-theme=dark] .RichText pre .nf {
    color: #b7302d
}

.RichText pre .nn {
    color: #646464
}

html[data-theme=dark] .RichText pre .nn {
    color: #999
}

.RichText pre .nt,html[data-theme=dark] .RichText pre .nt {
    color: #175199
}

.RichText pre .nv {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .nv {
    color: #3a76d0
}

.RichText pre .ow {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .RichText pre .ow {
    font-weight: 500
}

html[data-android] .RichText pre .ow {
    font-weight: 700
}

.RichText pre .w {
    color: #bfbfbf
}

html[data-theme=dark] .RichText pre .w {
    color: #444
}

.RichText pre .mf {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .mf {
    color: #3a76d0
}

.RichText pre .mh {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .mh {
    color: #3a76d0
}

.RichText pre .mi {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .mi {
    color: #3a76d0
}

.RichText pre .mo {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .mo {
    color: #3a76d0
}

.RichText pre .sb {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .sb {
    color: #b7302d
}

.RichText pre .sc {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .sc {
    color: #b7302d
}

.RichText pre .sd {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .sd {
    color: #b7302d
}

.RichText pre .s2 {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .s2 {
    color: #b7302d
}

.RichText pre .se {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .se {
    color: #b7302d
}

.RichText pre .sh {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .sh {
    color: #b7302d
}

.RichText pre .si {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .si {
    color: #b7302d
}

.RichText pre .sx {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .sx {
    color: #b7302d
}

.RichText pre .sr {
    color: #c2a469
}

html[data-theme=dark] .RichText pre .sr {
    color: #ba9b5d
}

.RichText pre .s1 {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .s1 {
    color: #b7302d
}

.RichText pre .ss {
    color: #f1403c
}

html[data-theme=dark] .RichText pre .ss {
    color: #b7302d
}

.RichText pre .bp {
    color: #999
}

html[data-theme=dark] .RichText pre .bp {
    color: #646464
}

.RichText pre .vc {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .vc {
    color: #3a76d0
}

.RichText pre .vg {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .vg {
    color: #3a76d0
}

.RichText pre .vi {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .vi {
    color: #3a76d0
}

.RichText pre .il {
    color: #0084ff
}

html[data-theme=dark] .RichText pre .il {
    color: #3a76d0
}

.RichText pre::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.RichText pre::-webkit-scrollbar-thumb:horizontal {
    background-color: rgba(26,26,26,.5);
    border-radius: 6px
}

.RichText pre::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: rgba(26,26,26,.6)
}

html[data-theme=dark] .RichText pre::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: hsla(0,0%,60%,.6)
}

html[data-theme=dark] .RichText pre::-webkit-scrollbar-thumb:horizontal {
    background-color: hsla(0,0%,60%,.5)
}

html[data-theme=dark] .RichText pre {
    background: #2e2e2e
}

.RichText .katex-display {
    text-align: left
}

.AutoComplete-UserItem {
    width: 188px;
    height: 50px;
    padding: 9px 0;
    line-height: normal;
    box-sizing: border-box
}

.AutoComplete-UserDetail {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle
}

.AutoComplete-UserHeadline,.AutoComplete-UserName {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AutoComplete-UserName {
    font-size: 14px;
    color: #1a1a1a
}

html[data-theme=dark] .AutoComplete-UserName {
    color: #999
}

.AutoComplete-UserHeadline {
    font-size: 12px;
    color: #8590a6
}

html[data-theme=dark] .AutoComplete-UserHeadline {
    color: #606a80
}

.AutoComplete-UserAvatar {
    vertical-align: middle
}

.AutoComplete-menu--hidden {
    visibility: hidden
}

.MentionSuggestions {
    position: absolute;
    z-index: 203;
    line-height: 1
}

.MentionSuggestions-input {
    width: 200px;
    padding: 4px 6px;
    font-size: inherit
}

.MentionSuggestions-input .Input {
    height: auto;
    background: transparent
}

.MentionSuggestions-menu {
    width: 200px
}

.MentionSuggestions-menu .Menu-item {
    padding: 0 10px
}

.Dropzone {
    position: relative
}

.Dropzone-cursor {
    position: absolute;
    left: 0;
    right: 0;
    margin: -1px 0;
    border-bottom: 2px solid #0084ff;
    pointer-events: none
}

html[data-theme=dark] .Dropzone-cursor {
    border-bottom: 2px solid #3a76d0
}

.Editable-toolbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.isToolbarSticky .Editable-toolbar,.Sticky.is-fixed .Editable-toolbar {
    border-top: none!important;
    border-bottom: none!important
}

.isToolbarSticky .Editable-toolbar:after,.Sticky.is-fixed .Editable-toolbar:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    pointer-events: none;
    height: 3px;
    background: radial-gradient(ellipse at 50% 1%,rgba(26,26,26,.1),hsla(0,0%,100%,0) 80%)
}

html[data-theme=dark] .isToolbarSticky .Editable-toolbar:after,html[data-theme=dark] .Sticky.is-fixed .Editable-toolbar:after {
    background: radial-gradient(ellipse at 50% 1%,hsla(0,0%,60%,.1),rgba(26,26,26,0) 80%)
}

html[data-theme=dark] .Editable-toolbar {
    background: #1a1a1a;
    border-bottom: 1px solid #444
}

.Editable-toolbar-separator {
    background-color: #ebebeb;
    display: inline-block;
    height: 20px;
    margin: 0 3px;
    vertical-align: middle;
    width: 1px
}

html[data-theme=dark] .Editable-toolbar-separator {
    background-color: #444
}

.Editable-control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 26px;
    margin: 0 2px;
    white-space: nowrap
}

.Editable-control .Zi {
    fill: #8590a6
}

html[data-theme=dark] .Editable-control .Zi {
    fill: #606a80
}

.Editable-control:not(:disabled):hover {
    background: #f6f6f6;
    border-color: #ebebeb
}

html[data-theme=dark] .Editable-control:not(:disabled):hover {
    background: #2e2e2e;
    border-color: #444
}

.Editable-control.is-active .Zi {
    fill: #0084ff
}

html[data-theme=dark] .Editable-control.is-active .Zi {
    fill: #3a76d0
}

.Editable-control .Zi,.Editable-control span {
    vertical-align: middle
}

.Editable-control .Zi+span {
    margin-left: 6px
}

.Editable-toolbarMenu {
    height: 26px;
    margin-left: auto
}

.Editable-toolbarMenuItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 36px
}

.Editable-toolbarMenuItem .Zi {
    margin-right: 4px
}

.Editable-videoModal .Modal-footer {
    padding: 12px 24px
}

.Editable-videoModal-title {
    font-size: 20px;
    font-weight: 500;
    color: #1a1a1a
}

html[data-theme=dark] .Editable-videoModal-title {
    color: #999
}

.Editable-videoModal-uploader {
    position: relative;
    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;
    box-sizing: border-box;
    height: 220px;
    border: 2px dashed #ebebeb;
    border-radius: 10px;
    cursor: pointer
}

.Editable-videoModal-uploader:hover {
    border-color: #8590a6
}

.Editable-videoModal-uploader:hover .Zi {
    fill: #8590a6
}

html[data-theme=dark] .Editable-videoModal-uploader:hover .Zi {
    fill: #606a80
}

html[data-theme=dark] .Editable-videoModal-uploader:hover {
    border-color: #606a80
}

.Editable-videoModal-uploader input {
    display: none
}

html[data-theme=dark] .Editable-videoModal-uploader {
    border: 2px dashed #444
}

.Editable-videoModal-uploader-icon {
    text-align: center;
    display: block
}

.Editable-videoModal-uploader-icon .Zi {
    vertical-align: middle;
    fill: #ebebeb
}

html[data-theme=dark] .Editable-videoModal-uploader-icon .Zi {
    fill: #444
}

.Editable-videoModal-uploader-text {
    margin-top: 10px;
    font-size: 18px;
    line-height: 30px;
    text-align: center
}

.Editable-videoModal-uploader-tip {
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #8590a6
}

html[data-theme=dark] .Editable-videoModal-uploader-tip {
    color: #606a80
}

.BounceLoading {
    position: relative
}

.BounceLoading .BounceLoading-child {
    position: absolute;
    background-color: #0084ff;
    border-radius: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: Bounce;
    animation-name: Bounce;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

html[data-theme=dark] .BounceLoading .BounceLoading-child {
    background-color: #3a76d0
}

@-webkit-keyframes Bounce {
    0%,to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes Bounce {
    0%,to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    50% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.Editable-docModal .Modal-footer {
    padding: 12px 24px
}

.Editable-docModal input[type=file] {
    display: none
}

.Editable-docModal-title {
    font-size: 20px;
    font-weight: 500;
    color: #1a1a1a
}

html[data-theme=dark] .Editable-docModal-title {
    color: #999
}

.Editable-docModal-uploader {
    position: relative;
    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;
    box-sizing: border-box;
    height: 220px;
    border: 2px dashed #ebebeb;
    border-radius: 10px;
    cursor: pointer
}

.Editable-docModal-uploader:hover {
    border-color: #8590a6
}

.Editable-docModal-uploader:hover .Zi {
    fill: #8590a6
}

html[data-theme=dark] .Editable-docModal-uploader:hover .Zi {
    fill: #606a80
}

html[data-theme=dark] .Editable-docModal-uploader:hover {
    border-color: #606a80
}

html[data-theme=dark] .Editable-docModal-uploader {
    border: 2px dashed #444
}

.Editable-docModal-uploader-icon {
    text-align: center;
    display: block
}

.Editable-docModal-uploader-icon .Zi {
    vertical-align: middle;
    fill: #ebebeb
}

html[data-theme=dark] .Editable-docModal-uploader-icon .Zi {
    fill: #444
}

.Editable-docModal-uploader-text {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
    text-align: center
}

.Editable-docModal-uploader-tip {
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #8590a6
}

html[data-theme=dark] .Editable-docModal-uploader-tip {
    color: #606a80
}

.Editable-docModal-fileName {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Editable-docModal-fileName .Zi {
    fill: #0084ff;
    margin-right: 4px
}

html[data-theme=dark] .Editable-docModal-fileName .Zi {
    fill: #3a76d0
}

.Editable-docModal-loading {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 36px 0 12px
}

.Editable-docModal-fail,.Editable-docModal-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Editable-docModal-fail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.Editable-docModal-failHint {
    color: #f1403c;
    font-size: 16px;
    margin-top: 36px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Editable-docModal-failHint {
    font-weight: 500
}

html[data-android] .Editable-docModal-failHint {
    font-weight: 700
}

html[data-theme=dark] .Editable-docModal-failHint {
    color: #b7302d
}

.Editable-docModal-retryButton {
    margin: 32px 0 10px;
    width: 220px
}

.Editable-languageSuggestions {
    position: fixed;
    z-index: 203
}

.Editable-languageSuggestionsInput {
    cursor: pointer
}

.Editable-languageSuggestionsInput input {
    cursor: inherit
}

.Editable-languageSuggestionsInput input:focus {
    cursor: text
}

.Editable-languageSuggestionsMenu {
    max-height: 300px;
    margin-top: -8px;
    margin-bottom: -8px;
    overflow-y: auto
}

.Editable-notification-layout {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Editable-notification-actions,.Editable-notification-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.Editable-notification-actions {
    margin: 0 -12px
}

.Editable-notification-action {
    margin: 0 12px
}

.Editable .RichText {
    cursor: text
}

.public-DraftEditorPlaceholder-root {
    position: absolute;
    pointer-events: none
}

.Editable--hidePlaceholder .public-DraftEditorPlaceholder-root {
    display: none
}

.Editable-styled,.Editable-unstyled {
    margin: 0 0 .72em
}

.Editable-styled:last-child,.Editable-unstyled:last-child {
    margin-bottom: 0
}

.DraftEditor-root blockquote+blockquote {
    margin-top: -1em
}

.DraftEditor-root pre.public-DraftStyleDefault-pre {
    border-radius: 4px
}

.DraftEditor-root pre.public-DraftStyleDefault-pre pre {
    padding: 0;
    margin: 0;
    border-radius: 0;
    overflow: visible;
    overflow: initial
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
    margin-left: 2em
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2 {
    margin-left: 4em
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3 {
    margin-left: 6em
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth4 {
    margin-left: 8em
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem {
    position: relative;
    list-style-type: none
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem:before {
    position: absolute;
    left: -36px;
    width: 30px;
    text-align: right
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
    counter-reset: ol0
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0:before {
    content: counter(ol0) ". ";
    counter-increment: ol0
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
    counter-reset: ol1
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
    content: counter(ol1) ". ";
    counter-increment: ol1
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
    counter-reset: ol2
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
    content: counter(ol2) ". ";
    counter-increment: ol2
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
    counter-reset: ol3
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
    content: counter(ol3) ". ";
    counter-increment: ol3
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
    counter-reset: ol4
}

.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
    content: counter(ol4) ". ";
    counter-increment: ol4
}

_:-ms-lang(x),pre.public-DraftStyleDefault-pre,pre.public-DraftStyleDefault-pre pre {
    overflow: visible;
    overflow: initial;
    word-wrap: break-word
}

.DraftEditor-root code[class*=language-],.DraftEditor-root pre[class*=language-] {
    color: #000;
    background: none;
    text-shadow: 0 1px #fff;
    font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.DraftEditor-root code[class*=language-]::-moz-selection,.DraftEditor-root code[class*=language-] ::-moz-selection,.DraftEditor-root pre[class*=language-]::-moz-selection,.DraftEditor-root pre[class*=language-] ::-moz-selection {
    text-shadow: none;
    background: #bfbfbf
}

.DraftEditor-root code[class*=language-]::selection,.DraftEditor-root code[class*=language-] ::selection,.DraftEditor-root pre[class*=language-]::selection,.DraftEditor-root pre[class*=language-] ::selection {
    text-shadow: none;
    background: #bfbfbf
}

html[data-theme=dark] .DraftEditor-root code[class*=language-]::-moz-selection,html[data-theme=dark] .DraftEditor-root code[class*=language-] ::-moz-selection,html[data-theme=dark] .DraftEditor-root pre[class*=language-]::-moz-selection,html[data-theme=dark] .DraftEditor-root pre[class*=language-] ::-moz-selection {
    background: gray
}

html[data-theme=dark] .DraftEditor-root code[class*=language-]::selection,html[data-theme=dark] .DraftEditor-root code[class*=language-] ::selection,html[data-theme=dark] .DraftEditor-root pre[class*=language-]::selection,html[data-theme=dark] .DraftEditor-root pre[class*=language-] ::selection {
    background: gray
}

@media print {
    .DraftEditor-root code[class*=language-],.DraftEditor-root pre[class*=language-] {
        text-shadow: none
    }
}

.DraftEditor-root pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

.DraftEditor-root :not(pre)>code[class*=language-],.DraftEditor-root pre[class*=language-] {
    background: #f6f6f6
}

html[data-theme=dark] .DraftEditor-root :not(pre)>code[class*=language-],html[data-theme=dark] .DraftEditor-root pre[class*=language-] {
    background: #2e2e2e
}

.DraftEditor-root :not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.DraftEditor-root .token.cdata,.DraftEditor-root .token.comment,.DraftEditor-root .token.doctype,.DraftEditor-root .token.prolog {
    color: #708090
}

.DraftEditor-root .token.punctuation {
    color: #999
}

html[data-theme=dark] .DraftEditor-root .token.punctuation {
    color: #646464
}

.DraftEditor-root .namespace {
    opacity: .7
}

.DraftEditor-root .token.boolean,.DraftEditor-root .token.constant,.DraftEditor-root .token.deleted,.DraftEditor-root .token.number,.DraftEditor-root .token.property,.DraftEditor-root .token.symbol,.DraftEditor-root .token.tag {
    color: #f36
}

html[data-theme=dark] .DraftEditor-root .token.boolean,html[data-theme=dark] .DraftEditor-root .token.constant,html[data-theme=dark] .DraftEditor-root .token.deleted,html[data-theme=dark] .DraftEditor-root .token.number,html[data-theme=dark] .DraftEditor-root .token.property,html[data-theme=dark] .DraftEditor-root .token.symbol,html[data-theme=dark] .DraftEditor-root .token.tag {
    color: #d92155
}

.DraftEditor-root .token.attr-name,.DraftEditor-root .token.builtin,.DraftEditor-root .token.char,.DraftEditor-root .token.inserted,.DraftEditor-root .token.selector,.DraftEditor-root .token.string,html[data-theme=dark] .DraftEditor-root .token.attr-name,html[data-theme=dark] .DraftEditor-root .token.builtin,html[data-theme=dark] .DraftEditor-root .token.char,html[data-theme=dark] .DraftEditor-root .token.inserted,html[data-theme=dark] .DraftEditor-root .token.selector,html[data-theme=dark] .DraftEditor-root .token.string {
    color: gray
}

.DraftEditor-root .language-css .token.string,.DraftEditor-root .style .token.string,.DraftEditor-root .token.entity,.DraftEditor-root .token.operator,.DraftEditor-root .token.url {
    color: #c2a469;
    background: hsla(0,0%,100%,.5)
}

html[data-theme=dark] .DraftEditor-root .language-css .token.string,html[data-theme=dark] .DraftEditor-root .style .token.string,html[data-theme=dark] .DraftEditor-root .token.entity,html[data-theme=dark] .DraftEditor-root .token.operator,html[data-theme=dark] .DraftEditor-root .token.url {
    color: #ba9b5d;
    background: rgba(26,26,26,.5)
}

.DraftEditor-root .token.atrule,.DraftEditor-root .token.attr-value,.DraftEditor-root .token.keyword {
    color: #0084ff
}

html[data-theme=dark] .DraftEditor-root .token.atrule,html[data-theme=dark] .DraftEditor-root .token.attr-value,html[data-theme=dark] .DraftEditor-root .token.keyword {
    color: #3a76d0
}

.DraftEditor-root .token.function {
    color: #f36
}

html[data-theme=dark] .DraftEditor-root .token.function {
    color: #d92155
}

.DraftEditor-root .token.important,.DraftEditor-root .token.regex,.DraftEditor-root .token.variable,html[data-theme=dark] .DraftEditor-root .token.important,html[data-theme=dark] .DraftEditor-root .token.regex,html[data-theme=dark] .DraftEditor-root .token.variable {
    color: #ff9607
}

.DraftEditor-root .token.bold,.DraftEditor-root .token.important {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .DraftEditor-root .token.bold,html[data-ios] .DraftEditor-root .token.important {
    font-weight: 500
}

html[data-android] .DraftEditor-root .token.bold,html[data-android] .DraftEditor-root .token.important {
    font-weight: 700
}

.DraftEditor-root .token.italic {
    font-style: italic
}

.DraftEditor-root .token.entity {
    cursor: help
}

.Card {
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    box-sizing: border-box
}

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

html[data-theme=dark] .Card {
    background: #1a1a1a;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.Card-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;
    height: 42px;
    padding: 0 20px;
    border-bottom: 1px solid #f6f6f6;
    box-sizing: border-box
}

.Card-header:last-child {
    border-bottom: none
}

html[data-theme=dark] .Card-header {
    border-bottom: 1px solid #2e2e2e
}

.Card-headerText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Card-headerText {
    font-weight: 500
}

html[data-android] .Card-headerText {
    font-weight: 700
}

.Card-section {
    padding: 16px 20px;
    position: relative
}

.Card-section+.Card-section:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 20px;
    display: block;
    border-bottom: 1px solid #f6f6f6;
    content: ""
}

html[data-theme=dark] .Card-section+.Card-section:after {
    border-bottom: 1px solid #2e2e2e
}

.SignFlowInput {
    position: relative
}

.SignFlowInput .Input-wrapper {
    width: 100%;
    height: 48px;
    padding: 0;
    color: #8590a6
}

html[data-theme=dark] .SignFlowInput .Input-wrapper {
    color: #606a80
}

.SignFlowInput input.Input {
    height: 48px
}

.SignFlowInput-errorMask {
    position: absolute;
    right: 0;
    height: 90%;
    padding: 12px 0 0 20px;
    margin-top: -47px;
    font-size: 14px;
    color: #f1403c;
    text-align: right;
    cursor: text;
    background: #fff;
    opacity: 1;
    box-sizing: border-box;
    transition: opacity .25s ease
}

.SignFlowInput-errorMask:before {
    position: absolute;
    top: 0;
    left: -16px;
    width: 16px;
    height: 46px;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
    content: ""
}

html[data-theme=dark] .SignFlowInput-errorMask:before {
    background: linear-gradient(90deg,rgba(26,26,26,0),#1a1a1a)
}

html[data-theme=dark] .SignFlowInput-errorMask {
    color: #b7302d;
    background: #1a1a1a
}

.SignFlowInput-errorMask--hidden {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0
}

.SignFlowInput-errorMask--hidden:before {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0
}

.SignFlowInput-requiredErrorMask {
    right: auto!important;
    width: 100%;
    padding-left: 0;
    text-align: left
}

.SignFlowInput-requiredErrorMask:before {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0
}

.Icon {
    vertical-align: text-bottom;
    fill: currentColor
}

.Icon--grey {
    color: #8590a6
}

html[data-theme=dark] .Icon--grey {
    color: #606a80
}

.Icon--left {
    margin-right: 6px
}

.Captcha {
    position: relative;
    opacity: 1;
    transition: opacity .3s ease
}

.Captcha-chineseContainer {
    position: relative;
    width: 100%;
    padding: 0 60px;
    margin-top: 12px;
    box-sizing: border-box
}

.Captcha-englishContainer {
    position: absolute;
    top: 24px;
    right: 0;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Captcha-chineseImg {
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Captcha-englishImg {
    display: block;
    height: 30px;
    cursor: pointer
}

.Captcha-chineseOperator {
    width: 100%;
    padding-top: 4px;
    margin-top: 0
}

.Captcha-info {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .Captcha-info {
    color: #606a80
}

.Captcha-error {
    color: #f1403c
}

html[data-theme=dark] .Captcha-error {
    color: #b7302d
}

.Captcha-chineseRefreshButton {
    float: right;
    width: 20px;
    height: 20px
}

.Captcha-errorMessage {
    right: 76px
}

.Captcha-requiredErrorMessage {
    right: 0
}

.ChineseCaptchaPoint {
    position: absolute
}

.ChineseCaptchaPoint-backIcon {
    fill-opacity: .75
}

.ChineseCaptchaPoint-backIcon--hovered {
    fill-opacity: .8
}

.ChineseCaptchaPoint-frontIcon {
    position: absolute;
    top: 4px;
    left: 4px
}

.ChineseCaptchaPoint-frontIcon--hovered {
    top: 6px;
    left: 6px
}

.Select-button {
    height: 40px;
    padding: 0 20px;
    line-height: 38px;
    text-align: left;
    box-sizing: border-box;
    background: none;
    outline: none
}

.Select-plainButton {
    padding: 0;
    border: 1px solid transparent
}

.Select-arrow {
    margin-left: 8px
}

.Select-list {
    position: relative;
    overflow: auto;
    max-height: 500px;
    padding: 8px 0;
    border-radius: 4px
}

.Select-option {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    color: #8590a6;
    text-align: left;
    background: none;
    border: none;
    outline: none
}

html[data-theme=dark] .Select-option {
    color: #606a80
}

.Select-option:focus {
    background: #f6f6f6
}

html[data-theme=dark] .Select-option:focus {
    background: #2e2e2e
}

.Select-popoverTarget {
    margin-top: 0;
    transition: opacity .2s ease-out
}

.MobileContriesSelect {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.MobileContriesSelect-content {
    width: 50px;
    display: inline-block;
    position: relative
}

.MobileContriesSelect-content div,.MobileContriesSelect-content select {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.MobileContriesSelect-content select {
    opacity: 0
}

.SignFlow-accountInputContainer {
    overflow: hidden
}

.SignFlow-account {
    margin-top: 16px;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0
}

html[data-theme=dark] .SignFlow-account {
    border-bottom: 1px solid #444
}

.SignFlow-supportedCountriesSelectContainer {
    display: inline-block;
    float: left;
    min-width: 72px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px)
}

.SignFlow-supportedCountriesSelectContainer .Select-button {
    color: #8590a6
}

html[data-theme=dark] .SignFlow-supportedCountriesSelectContainer .Select-button {
    color: #606a80
}

.SignFlow-supportedCountriesList .Select-option {
    color: #8590a6
}

html[data-theme=dark] .SignFlow-supportedCountriesList .Select-option {
    color: #606a80
}

.SignFlow-accountSeperator {
    float: left;
    width: 1px;
    height: 22px;
    margin: 24px 12px 0;
    background: #ebebeb;
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px)
}

html[data-theme=dark] .SignFlow-accountSeperator {
    background: #444
}

.CountingDownButton,html[data-theme=dark] .CountingDownButton {
    color: #175199
}

.CountingDownButton.is-counting {
    color: #8590a6;
    cursor: auto
}

html[data-theme=dark] .CountingDownButton.is-counting {
    color: #606a80
}

.SignFlow-smsInputContainer {
    position: relative;
    margin-top: 12px
}

.SignFlow-smsInputButton {
    position: absolute;
    top: 24px;
    right: 0;
    padding: 4px 0;
    color: #175199;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

html[data-theme=dark] .SignFlow-smsInputButton {
    color: #175199
}

.SignFlow-smsInputErrorMessage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 24px;
    right: 130px;
    width: 40%;
    padding: 0;
    padding-left: 4px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.SignFlow-smsInputRequiredErrorMask {
    right: 0;
    padding-left: 0
}

.SignFlow-passwordErrorMask {
    z-index: 10
}

.SignFlow-passwordInput {
    font-size: 24px
}

.SignFlow-passwordInput input {
    letter-spacing: 1.8px
}

.SignFlow-requiredPasswordErrorMask {
    right: auto;
    width: 80%
}

.SignFlow-password {
    position: relative;
    margin-top: 12px
}

.SignFlow-password input::-webkit-input-safebox-button {
    display: none
}

.SignFlow-switchPassword {
    position: absolute;
    top: 24px;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.SignFlow-switchPasswordIcon:hover {
    fill: #999
}

html[data-theme=dark] .SignFlow-switchPasswordIcon:hover {
    fill: #646464
}

.SignFlow-username {
    position: relative;
    margin-top: 12px
}

.Register-content {
    padding: 0 40px 36px;
    font-size: 14px
}

.Register-content .SignFlow-smsInputErrorMessage {
    width: auto;
    min-width: 40%
}

.Register-getIn,.Register-submitButton {
    width: 100%;
    margin-top: 30px;
    height: 36px
}

.Register-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    line-height: 25px
}

.Register-org,html[data-theme=dark] .Register-org {
    color: #175199
}

.Register-declaration,.Register-declaration a {
    color: #8590a6
}

html[data-theme=dark] .Register-declaration a {
    color: #606a80
}

.Register-declaration a:hover,html[data-theme=dark] .Register-declaration a:hover {
    color: gray
}

html[data-theme=dark] .Register-declaration {
    color: #606a80
}

.Register-padName {
    padding: 40px 30px
}

.Register-padNameHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 32px;
    color: #444;
    font-weight: 500
}

.Register-padNameHeader .Button {
    position: absolute;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Register-padNameHeader .Button:hover {
    background-color: #fff
}

html[data-theme=dark] .Register-padNameHeader .Button:hover {
    background-color: #1a1a1a
}

html[data-theme=dark] .Register-padNameHeader {
    color: gray
}

.Register-padNameTitle {
    margin: 0 auto
}

.Register-smsBackUp {
    padding-top: 12px;
    height: 20px;
    color: #8590a6;
    text-align: right;
    transition: height .5s,padding .5s
}

.Register-smsBackUp span {
    display: inline-block;
    cursor: pointer
}

html[data-theme=dark] .Register-smsBackUp {
    color: #606a80
}

.Register-hiddenSmsBackUp {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden
}

.Register-socialHeader {
    text-align: center;
    padding: 36px 0 8px
}

.Register-socialTitle {
    position: relative;
    font-size: 24px;
    line-height: 32px;
    color: #444;
    margin-bottom: 2px
}

.Register-socialTitle .Button {
    position: absolute;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding: 0
}

.Register-socialTitle .Button:hover {
    background: #fff
}

html[data-theme=dark] .Register-socialTitle .Button:hover {
    background: #1a1a1a
}

html[data-theme=dark] .Register-socialTitle {
    color: gray
}

.Register-socialSubTitle {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .Register-socialSubTitle {
    color: #606a80
}

.Register-socialName {
    overflow: hidden;
    height: 48px;
    transition: height .5s,visibility .5s
}

.Register-hiddenSocialName {
    height: 0;
    visibility: hidden
}

.ZhihuLogo {
    fill: #0084ff
}

html[data-theme=dark] .ZhihuLogo {
    fill: #3a76d0
}

.SignFlowHeader {
    padding-top: 30px
}

.SignFlowHeader-slogen {
    margin-top: 15px;
    color: #0084ff;
    font-size: 22px
}

html[data-theme=dark] .SignFlowHeader-slogen {
    color: #3a76d0
}

.SignContainer-content {
    width: 432px;
    margin: 0 auto;
    text-align: center
}

.SignContainer-content .Input-wrapper {
    width: 100%;
    height: 48px;
    padding: 0;
    color: #8590a6;
    border: none;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0
}

html[data-theme=dark] .SignContainer-content .Input-wrapper {
    color: #606a80;
    border-bottom: 1px solid #444
}

.SignContainer-content .Input-wrapper.is-focus {
    border: none;
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .SignContainer-content .Input-wrapper.is-focus {
    border-bottom: 1px solid #444
}

.SignContainer-content .SignFlow-accountInput.Input-wrapper,.SignContainer-content .SignFlow-accountInput.Input-wrapper.is-focus {
    border: none
}

.SignContainer-content input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset
}

.SignContainer-content .SignFlow-captchaContainer:not(.Captcha-chinese),.SignContainer-content .SignFlow-password,.SignContainer-content .SignFlow-username {
    border-bottom: 1px solid #ebebeb
}

.SignContainer-content .SignFlow-captchaContainer:not(.Captcha-chinese) .Input-wrapper,.SignContainer-content .SignFlow-password .Input-wrapper,.SignContainer-content .SignFlow-username .Input-wrapper {
    border-bottom: none!important
}

html[data-theme=dark] .SignContainer-content .SignFlow-captchaContainer:not(.Captcha-chinese),html[data-theme=dark] .SignContainer-content .SignFlow-password,html[data-theme=dark] .SignContainer-content .SignFlow-username {
    border-bottom: 1px solid #444
}

.SignContainer-inner {
    position: relative
}

.SignContainer-switch {
    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;
    width: 100%;
    background-color: #f6f6f6;
    height: 58px;
    border-top: 1px solid #ebebeb;
    font-size: 16px
}

.SignContainer-switch span {
    color: #175199;
    cursor: pointer
}

html[data-theme=dark] .SignContainer-switch span {
    color: #175199
}

html[data-theme=dark] .SignContainer-switch {
    background-color: #2e2e2e;
    border-top: 1px solid #444
}

.Captcha-chineseRefreshButton {
    margin-right: 10px
}

.SignFlow-captchaContainer {
    margin-top: 12px;
    height: 48px;
    transition: height .5s
}

.SignFlow-captchaContainer.Captcha-chinese {
    height: 87px;
    background-color: #f6f6f6;
    overflow: hidden
}

html[data-theme=dark] .SignFlow-captchaContainer.Captcha-chinese {
    background-color: #2e2e2e
}

.Captcha-chineseOperator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Captcha-chineseImg {
    width: 200px;
    height: 44px
}

.signFlowModal {
    width: auto
}

.signFlowModal .Modal-content {
    padding: 0;
    margin: 0
}

.EmailRegister {
    width: 432px;
    padding: 30px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

html[data-theme=dark] .EmailRegister {
    background-color: #1a1a1a
}

.EmailRegister-submitButton {
    width: 100%;
    margin-top: 30px
}

.Login-options {
    margin-top: 12px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff
}

html[data-theme=dark] .Login-options {
    background: #1a1a1a
}

.Login-content {
    padding: 0 40px 36px
}

.Login-content .Login-footer {
    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;
    line-height: 25px
}

.Login-switchType,html[data-theme=dark] .Login-switchType {
    color: #175199
}

.Login-cannotLogin {
    float: right
}

.Login-cannotLogin:hover,html[data-theme=dark] .Login-cannotLogin:hover {
    color: gray
}

.Login-footer {
    margin-top: 16px;
    text-align: center
}

.Login-aboardPhone,.Login-qrcode {
    display: inline-block;
    color: #8590a6;
    vertical-align: middle
}

.Login-aboardPhone button:hover,.Login-qrcode button:hover,html[data-theme=dark] .Login-aboardPhone button:hover,html[data-theme=dark] .Login-qrcode button:hover {
    color: gray
}

html[data-theme=dark] .Login-aboardPhone,html[data-theme=dark] .Login-qrcode {
    color: #606a80
}

.Login-footerSeparate {
    display: inline-block;
    width: 6%;
    color: #8590a6;
    text-align: center;
    box-sizing: border-box
}

html[data-theme=dark] .Login-footerSeparate {
    color: #606a80
}

.Login-socialLogin {
    max-width: 106px;
    display: inline-block;
    vertical-align: middle
}

.Login-socialButtonGroup {
    margin-left: 2px;
    transition: opacity .3s ease
}

.Login-socialButtonGroup--hidden {
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0
}

.Login-socialButtonGroup--hidden button {
    width: 0;
    height: 0;
    overflow: hidden
}

.Login-socialButtonEntrance {
    width: 103px;
    text-align: left
}

.Login-socialButtonEntrance--hidden {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    display: none
}

.Login-socialButtonEntrance:hover,html[data-theme=dark] .Login-socialButtonEntrance:hover {
    color: gray
}

.Login-socialButton {
    height: 24px
}

.Login-socialButton svg {
    vertical-align: middle
}

.Login-socialButton:not(:first-child) {
    margin-left: 22px
}

.Login-accountBlockEmphasis {
    color: #f1403c
}

html[data-theme=dark] .Login-accountBlockEmphasis {
    color: #b7302d
}

.Login-socialIcon:hover {
    fill: #999
}

html[data-theme=dark] .Login-socialIcon:hover {
    fill: #646464
}

.SignInQrcode {
    margin: 35px 0 -32px
}

.Qrcode-container {
    text-align: center
}

.Qrcode-container p {
    font-size: 14px;
    line-height: 22px
}

.Qrcode-container p a,html[data-theme=dark] .Qrcode-container p a {
    color: #175199
}

.Qrcode-container p.Qrcode-scanResultTips {
    margin: 12px 0;
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Qrcode-container p.Qrcode-scanResultTips {
    font-weight: 500
}

html[data-android] .Qrcode-container p.Qrcode-scanResultTips {
    font-weight: 700
}

html[data-theme=dark] .Qrcode-container p.Qrcode-scanResultTips {
    color: #999
}

.Qrcode-content {
    height: 210px;
    margin-bottom: 30px
}

.Qrcode-failure div {
    padding: 40px 0 8px
}

.Qrcode-failure p {
    width: 270px;
    margin: 0 auto
}

.Qrcode-img {
    margin: 0 auto 15px;
    line-height: 0;
    height: 150px;
    width: 150px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Qrcode-cutButton {
    border-top: 1px solid #ebebeb;
    padding: 14px 0;
    font-size: 14px;
    color: #175199
}

.Qrcode-cutButton span {
    cursor: pointer
}

html[data-theme=dark] .Qrcode-cutButton {
    border-top: 1px solid #444;
    color: #175199
}

.Qrcode-scanResultStaus {
    padding-top: 36px
}

.CornerButtons {
    position: fixed;
    bottom: 0;
    right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease;
    will-change: transfrom
}

.CornerAnimayedFlex {
    width: 40px;
    height: 52px;
    transition: height .2s ease
}

.CornerAnimayedFlex--hidden {
    height: 0
}

.CornerButton {
    background: #fff;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    box-shadow: 0 1px 3px rgba(26,26,26,.1)
}

.CornerButton:hover {
    background: #d3d3d3
}

html[data-theme=dark] .CornerButton:hover {
    background: #2e2e2e
}

.CornerButton .Zi,.CornerButton .Zi:hover {
    fill: #8590a6
}

html[data-theme=dark] .CornerButton .Zi,html[data-theme=dark] .CornerButton .Zi:hover {
    fill: #606a80
}

html[data-theme=dark] .CornerButton {
    background: #1a1a1a;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

html:not([data-focus-method=pointer]) .Button:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(0,132,255,.3)
}

html[data-theme=dark] html:not([data-focus-method=pointer]) .Button:focus {
    box-shadow: 0 0 0 2px #1a1a1a,0 0 0 4px rgba(58,118,208,.3)
}

.Tooltip {
    position: absolute;
    width: 0;
    height: 0
}

.Tooltip-enter,.Tooltip-leave {
    transition: opacity .3s
}

.Tooltip-enter {
    opacity: 0
}

.Tooltip-enter-active,.Tooltip-leave {
    opacity: 1
}

.Tooltip-leave-active {
    opacity: 0
}

.TooltipContent-wrapper {
    position: relative;
    width: 0;
    height: 0
}

.TooltipContent {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px 8px;
    color: #fff;
    white-space: nowrap;
    background-color: rgba(26,26,26,.8);
    border-radius: 4px;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html[data-theme=dark] .TooltipContent {
    color: #1a1a1a;
    background-color: hsla(0,0%,60%,.8)
}

.TooltipContent--top {
    -webkit-transform: translate(-50%,-100%) translateY(-8px);
    transform: translate(-50%,-100%) translateY(-8px)
}

.TooltipContent--bottom {
    -webkit-transform: translate(-50%) translateY(8px);
    transform: translate(-50%) translateY(8px)
}

.TooltipContent--left {
    -webkit-transform: translate(-100%,-50%) translateX(-8px);
    transform: translate(-100%,-50%) translateX(-8px)
}

.TooltipContent--right {
    -webkit-transform: translateY(-50%) translateX(8px);
    transform: translateY(-50%) translateX(8px)
}

.TooltipContent:before {
    position: absolute;
    z-index: -1;
    border-color: rgba(26,26,26,.8) transparent transparent rgba(26,26,26,.8);
    border-style: solid;
    border-width: 4px;
    content: "";
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

html[data-theme=dark] .TooltipContent:before {
    border-color: hsla(0,0%,60%,.8) transparent transparent hsla(0,0%,60%,.8)
}

.TooltipContent--top:before {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
    transform: translate(-50%,-50%) rotate(-135deg)
}

.TooltipContent--bottom:before {
    top: 0;
    left: 50%
}

.TooltipContent--left:before {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    transform: translate(-50%,-50%) rotate(135deg)
}

.TooltipContent--right:before {
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.TooltipContent a {
    color: inherit;
    text-decoration: underline
}

.GlobalTooltip {
    position: fixed;
    z-index: 9999
}

.MobileModal-wrapper {
    position: relative
}

.MobileModal-wrapper--absoluted {
    position: absolute;
    top: 0;
    max-height: 100vh;
    overflow: hidden;
    z-index: -1
}

.MobileModal {
    background: #fff
}

html[data-theme=dark] .MobileModal {
    background: #1a1a1a
}

.MobileModal-content--default {
    padding-top: 50px;
    padding-bottom: 60px;
    min-height: 100vh;
    box-sizing: border-box
}

.MobileModal-closeButton {
    position: fixed;
    top: 0;
    right: 0;
    padding: 12px;
    z-index: 100
}

.MobileModal-closeIcon {
    fill: #1a1a1a;
    display: block
}

html[data-theme=dark] .MobileModal-closeIcon {
    fill: #999
}

.MobileModal-title {
    font-weight: 700
}

.MobileModal-title--default {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0 16px;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(26,26,26,.05);
    margin: 0;
    font-size: 16px;
    line-height: 49px;
    background: #fff;
    z-index: 99
}

html[data-theme=dark] .MobileModal-title--default {
    border-bottom: 1px solid #444;
    box-shadow: 0 1px 3px hsla(0,0%,60%,.05);
    background: #1a1a1a
}

.MobileModal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(26,26,26,.65)
}

html[data-theme=dark] .MobileModal-backdrop {
    background: hsla(0,0%,60%,.65)
}

.MobileModal--plain {
    position: fixed;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 100;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 87.2%;
    box-shadow: 0 5px 20px 0 rgba(23,81,153,.5);
    border-radius: 2px;
    overflow: hidden
}

.MobileModal--plain .MobileModal-closeIcon {
    fill: #8590a6
}

html[data-theme=dark] .MobileModal--plain .MobileModal-closeIcon {
    fill: #606a80
}

html[data-theme=dark] .MobileModal--plain {
    box-shadow: 0 5px 20px 0 rgba(23,81,153,.5)
}

.MobileModal-content--plain {
    padding: 16px 20px
}

.MobileModal-title--plain {
    text-align: center;
    padding: 24px 20px 8px;
    font-size: 18px
}

.MobileModal-subtitle {
    font-size: 14px;
    padding: 0 20px;
    color: #8590a6
}

html[data-theme=dark] .MobileModal-subtitle {
    color: #606a80
}

.VerificationDialogModalHeader {
    text-align: center
}

.VerificationDialogModalHeader-title {
    margin-top: 40px;
    font-size: 24px;
    color: #1a1a1a;
    margin-bottom: 0;
    padding: 0
}

html[data-theme=dark] .VerificationDialogModalHeader-title {
    color: #999
}

.VerificationDialogModalHeader-subTitle {
    margin: 2px auto 24px;
    font-size: 14px;
    color: #8590a6;
    max-width: 240px
}

.VerificationDialogModalHeader-subTitle:first-child:last-child {
    margin-bottom: 16px;
    max-width: none;
    text-align: left
}

html[data-theme=dark] .VerificationDialogModalHeader-subTitle {
    color: #606a80
}

.VerificationDialogModal-select {
    height: 48px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    color: #444
}

.VerificationDialogModal-select .Select-plainButton {
    width: 100%
}

.VerificationDialogModal-select .Select-arrow {
    position: absolute;
    right: 0;
    top: 27%
}

html[data-theme=dark] .VerificationDialogModal-select {
    background: #1a1a1a;
    border-bottom: 1px solid #444;
    color: gray
}

.VerificationDialogModal-code {
    position: relative
}

.VerificationDialogModal-code .CountingDownButton {
    top: 16px!important
}

.VerificationDialogModal-input {
    padding-left: 0;
    margin-top: 16px;
    width: 100%;
    border: none!important;
    border-bottom: 1px solid #ebebeb!important
}

html[data-theme=dark] .VerificationDialogModal-input {
    border-bottom: 1px solid #444!important
}

.VerificationDialogModal-checkout {
    text-align: center
}

.VerificationDialogModal-button {
    color: #fff;
    background: #0084ff;
    width: 220px;
    height: 36px;
    border: 1px solid #0084ff;
    margin-top: 45px;
    font-size: 14px;
    border-radius: 3px
}

html[data-theme=dark] .VerificationDialogModal-button {
    color: #1a1a1a;
    background: #3a76d0;
    border: 1px solid #3a76d0
}

.VerificationDialogModal-button:hover {
    background: #0084ff
}

html[data-theme=dark] .VerificationDialogModal-button:hover {
    background: #3a76d0
}

.VerificationDialogModal-button:hover:disabled {
    background-color: #0084ff
}

html[data-theme=dark] .VerificationDialogModal-button:hover:disabled {
    background-color: #3a76d0
}

.VerificationDialogModal-tips {
    background: #f6f6f6;
    box-shadow: 0 -1px 0 0 #ebebeb;
    margin: 30px -24px -32px;
    padding: 16px;
    font-size: 13px;
    line-height: 21px;
    color: #8590a6
}

html[data-theme=dark] .VerificationDialogModal-tips {
    background: #2e2e2e;
    box-shadow: 0 -1px 0 0 #444;
    color: #606a80
}

.VerificationDialogModal-blue {
    color: #0084ff
}

html[data-theme=dark] .VerificationDialogModal-blue {
    color: #3a76d0
}

.Popover-targetContainer-verification {
    width: 376px
}

.VerificationDialogModal-options {
    margin-top: 16px;
    text-align: right
}

.VerificationDialogModal-cutSmsType:hover,html[data-theme=dark] .VerificationDialogModal-cutSmsType:hover {
    color: gray
}

.VerificationDialogModal-HelpWrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 12px
}

.VerificationDialogModal-HelpText {
    color: #8590a6
}

html[data-theme=dark] .VerificationDialogModal-HelpText {
    color: #606a80
}

.VerificationDialogMobileModal-HelpText {
    font-size: 13px;
    color: #8590a6;
    margin-top: 16px
}

html[data-theme=dark] .VerificationDialogMobileModal-HelpText {
    color: #606a80
}

.VerificationDialogModal-oneSelection {
    font-size: 14px
}

.VerificationDialogModal-smsInputButton {
    position: absolute;
    top: 24px;
    right: 0;
    padding: 4px 0;
    color: #175199;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

html[data-theme=dark] .VerificationDialogModal-smsInputButton {
    color: #175199
}

.StaticCacheBanner {
    position: relative;
    z-index: 100;
    padding: 16px 10px;
    line-height: 28px;
    color: #8590a6;
    text-align: center;
    background-color: #ebebeb
}

.StaticCacheBanner a {
    color: #175199;
    transition: border-bottom .2s ease-in
}

.StaticCacheBanner a:hover,html[data-theme=dark] .StaticCacheBanner a:hover {
    border-bottom: 1px solid rgba(23,81,153,.72)
}

html[data-theme=dark] .StaticCacheBanner a {
    color: #175199
}

html[data-theme=dark] .StaticCacheBanner {
    color: #606a80;
    background-color: #444
}

.PlaceHolder-inner {
    position: relative;
    overflow: hidden;
    background: #f6f6f6;
    color: #fff
}

html[data-theme=dark] .PlaceHolder-inner {
    background: #2e2e2e;
    color: #1a1a1a
}

.PlaceHolder-mask {
    position: relative;
    min-width: 100%;
    vertical-align: top;
    box-sizing: border-box
}

.PlaceHolder-bg {
    position: absolute;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg,#f6f6f6 0,#ebebeb 20%,#f6f6f6 40%,#f6f6f6);
    -webkit-animation: linear-double 1s linear 1ms infinite forwards;
    animation: linear-double 1s linear 1ms infinite forwards
}

html[data-theme=dark] .PlaceHolder-bg {
    background: linear-gradient(90deg,#2e2e2e 0,#444 20%,#2e2e2e 40%,#2e2e2e)
}

@-webkit-keyframes linear-double {
    0% {
        -webkit-transform: translateX(-56%);
        transform: translateX(-56%)
    }

    to {
        -webkit-transform: translateX(56%);
        transform: translateX(56%)
    }
}

@keyframes linear-double {
    0% {
        -webkit-transform: translateX(-56%);
        transform: translateX(-56%)
    }

    to {
        -webkit-transform: translateX(56%);
        transform: translateX(56%)
    }
}

.InfiLoader--bounceShown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Pagination {
    padding: 16px 20px;
    text-align: center;
    margin: 0 auto
}

.PaginationButton {
    color: #1a1a1a;
    transition: color .2s;
    padding: 0 15px
}

.PaginationButton:not(:disabled):hover,html[data-theme=dark] .PaginationButton:not(:disabled):hover {
    color: #175199
}

html[data-theme=dark] .PaginationButton {
    color: #999
}

.PaginationButton--current {
    color: #8590a6
}

html[data-theme=dark] .PaginationButton--current {
    color: #606a80
}

.MaxLength {
    font-size: 14px;
    color: #8590a6
}

.MaxLength.is-error {
    color: #f1403c
}

html[data-theme=dark] .MaxLength.is-error {
    color: #b7302d
}

html[data-theme=dark] .MaxLength {
    color: #606a80
}

.Holder {
    height: 14px;
    margin-bottom: 16px;
    background: #f6f6f6;
    border-radius: 2px
}

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

html[data-theme=dark] .Holder {
    background: #2e2e2e
}

.Holder--avatar,.Holder--button,.Holder--icon,.Holder--inline {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: bottom
}

.Holder--title {
    height: 18px
}

.Holder--icon {
    width: 14px;
    margin-right: 8px;
    border-radius: 999px
}

.Holder--button {
    width: 96px;
    height: 34px;
    border-radius: 3px
}

.Holder--button+.Holder--button {
    margin-left: 16px
}

.Holder--avatar {
    width: 24px;
    height: 24px
}

.Favlists-items {
    max-height: 335px;
    min-height: 140px;
    margin-bottom: 40px;
    overflow-x: hidden;
    overflow-y: auto
}

.Favlists-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;
    padding: 8px 0;
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .Favlists-item {
    border-bottom: 1px solid #444
}

.Favlists-itemInner {
    overflow: hidden;
    margin-right: 20px
}

.Favlists-itemName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis
}

.Favlists-itemNameText {
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Favlists-itemIcon {
    margin-left: 6px
}

.Favlists-itemIcon .Zi {
    fill: #8590a6;
    vertical-align: baseline
}

html[data-theme=dark] .Favlists-itemIcon .Zi {
    fill: #606a80
}

.Favlists-itemContent {
    font-size: 14px;
    color: #8590a6;
    margin-top: 4px
}

html[data-theme=dark] .Favlists-itemContent {
    color: #606a80
}

.Favlists-updateButton {
    width: 76px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.Favlists-actions {
    padding: 16px 20px
}

.Favlists-actions,.Favlists-mobileActions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box
}

.Favlists-mobileActions {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 12px 20px;
    border-top: 1px solid #ebebeb;
    background: #fff
}

.Favlists-mobileActions .Favlists-addButton:last-child:first-child {
    width: 100%
}

.Favlists-mobileActions .Button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Favlists-mobileActions .Button:first-child:not(:last-child) {
    margin-right: 8px
}

html[data-theme=dark] .Favlists-mobileActions {
    border-top: 1px solid #444;
    background: #1a1a1a
}

.Favlist-empty {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.Favlist-emptyContent {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.Favlist-emptyTip {
    margin-top: 30px;
    font-size: 15px;
    color: #8590a6
}

html[data-theme=dark] .Favlist-emptyTip {
    color: #606a80
}

.Favlists-addButton {
    width: 220px
}

.Favlists-addItem {
    margin-bottom: 8px
}

.Favlists-descritionInput,.Favlists-titleInput {
    width: 100%;
    height: auto;
    padding: 8px 12px
}

.Favlists-privacyOption {
    display: block;
    margin-bottom: 6px;
    overflow: auto;
    font-size: 14px
}

.Favlists-privacyOptionTips {
    margin-left: 4px;
    color: #8590a6
}

html[data-theme=dark] .Favlists-privacyOptionTips {
    color: #606a80
}

.Favlists-privacyOptionRadio {
    display: inline-block;
    width: 14px;
    height: 14px;
    padding: 2px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    border: 2px solid #ebebeb;
    border-radius: 50%;
    transition: background-color,border-color .3s;
    background-clip: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.Favlists-privacyOptionRadio:checked {
    background-color: #0084ff;
    border-color: #0084ff
}

html[data-theme=dark] .Favlists-privacyOptionRadio:checked {
    background-color: #3a76d0;
    border-color: #3a76d0
}

.Favlists-privacyOptionRadio:focus {
    outline: none
}

html[data-theme=dark] .Favlists-privacyOptionRadio {
    border: 2px solid #444
}

.Favlists-inputTips {
    padding-top: 8px;
    text-align: right
}

.Favlists-favButton {
    width: 72px
}

.FavlistItem-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.FavlistItem-lockIcon {
    margin-left: 8px
}

.FavlistItem-follow {
    width: 90px
}

.EmptyState {
    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;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.EmptyState-inner {
    font-size: 15px;
    color: #8590a6;
    text-align: center
}

html[data-theme=dark] .EmptyState-inner {
    color: #606a80
}

.EmptyState-image {
    display: block;
    margin: 0 auto
}

.EmptyState-action:not(.Button) {
    color: #175199
}

.EmptyState-action:not(.Button):hover,html[data-theme=dark] .EmptyState-action:not(.Button):hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .EmptyState-action:not(.Button) {
    color: #175199
}

.EmptyState-action.Button:hover {
    color: gray
}

.EmptyState-action.Button:hover .Icon {
    fill: #999
}

html[data-theme=dark] .EmptyState-action.Button:hover .Icon {
    fill: #646464
}

html[data-theme=dark] .EmptyState-action.Button:hover {
    color: gray
}

.OpenInAppButton {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 50%;
    z-index: 100;
    width: 105px;
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: #0084ff;
    border-radius: 18px;
    -webkit-transform: translate(-50%,200%);
    transform: translate(-50%,200%);
    box-shadow: 0 2px 5px rgba(26,26,26,.25);
    transition: -webkit-transform .3s .3s;
    transition: transform .3s .3s;
    transition: transform .3s .3s,-webkit-transform .3s .3s
}

html[data-theme=dark] .OpenInAppButton {
    color: #1a1a1a;
    background: #3a76d0;
    box-shadow: 0 2px 5px hsla(0,0%,60%,.25)
}

.OpenInAppButton.is-shown {
    -webkit-transform: translate(-50%,-25px);
    transform: translate(-50%,-25px)
}

.CommentEditor .RichText {
    min-height: auto!important
}

.CommentEditor--normal {
    position: relative;
    transition: padding-right .3s ease
}

.CommentEditor--normal .CommentEditor-input {
    overflow: hidden;
    width: 100%
}

.CommentEditor--normal .Editable-unstyled {
    margin: 0!important
}

.CommentEditor--normal.CommentEditor--active {
    padding-right: 94px
}

.CommentEditor--normal.CommentEditor--active .CommentEditor-singleButton {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.CommentEditor--inCommentItem .CommentEditor-actions {
    margin-top: 16px;
    text-align: right
}

.CommentEditor--inCommentItem .CommentEditor-actions .Button {
    line-height: 34px
}

.CommentEditor--inCommentItem .CommentEditor-actions .Button+.Button {
    margin-left: 20px
}

.CommentEditor-singleButton {
    position: absolute;
    right: 16px;
    bottom: 12px;
    line-height: 34px!important;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease
}

.CommentEditor-singleButton:disabled {
    cursor: not-allowed
}

.CommentEditor-input {
    font-size: 15px
}

.CommentEditor-input .Editable {
    background: #f6f6f6
}

.CommentEditor-input .Editable--focus {
    background: #fff
}

html[data-theme=dark] .CommentEditor-input .Editable--focus {
    background: #1a1a1a
}

html[data-theme=dark] .CommentEditor-input .Editable {
    background: #2e2e2e
}

.CommentEditor-input .Dropzone {
    min-height: auto!important
}

.CommentEditor-input .DraftEditor-root {
    padding: 5px 12px!important
}

.CommentEditor-startCommentButton {
    width: 100%
}

.CommentEditor-hiddenInput {
    position: absolute;
    z-index: -1;
    top: -9999px
}

.CommentEditor-input--mobile {
    min-height: 208px
}

.CommentEditor-input--mobile,.CommentEditor-input--mobile.is-focus {
    border: none
}

.CommentEditor-input--mobile .Editable {
    background: #fff
}

html[data-theme=dark] .CommentEditor-input--mobile .Editable {
    background: #1a1a1a
}

.CommentEditor-modalButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 20px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

.CommentEditor-modalButtons .Button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.CommentEditor-modalButtons .Button+.Button {
    margin-left: 16px
}

html[data-theme=dark] .CommentEditor-modalButtons {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444
}

.SignInModal .MobileModal-title {
    padding-bottom: 0
}

.SignInModal-openInAppButton {
    margin-bottom: 16px;
    width: 100%;
    line-height: 44px;
    color: #fff;
    background-color: #0084ff
}

html[data-theme=dark] .SignInModal-openInAppButton {
    color: #1a1a1a;
    background-color: #3a76d0
}

.SignInModal-content {
    padding: 0 16px
}

.SignInModal-content button {
    height: 44px;
    width: 100%;
    font-size: 16px;
    border: 1px solid;
    border-radius: 3px
}

.SignInModal-content button:not(:last-child) {
    margin-bottom: 16px
}

.SignInModal-button-zhihu {
    background-color: #fff;
    border-color: #0084ff;
    color: #0084ff
}

html[data-theme=dark] .SignInModal-button-zhihu {
    background-color: #1a1a1a;
    border-color: #3a76d0;
    color: #3a76d0
}

.SignInModal-button-weibo {
    background-color: #f1403c;
    border-color: #F1403C;
    color: #fff
}

html[data-theme=dark] .SignInModal-button-weibo {
    background-color: #b7302d;
    border-color: #B7302D;
    color: #1a1a1a
}

.SignInModal-button-wechat {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: #fff
}

html[data-theme=dark] .SignInModal-button-wechat {
    background-color: #444;
    border-color: #444;
    color: #1a1a1a
}

.SignInModal-button-qq {
    background-color: #0084ff;
    border-color: #0084ff;
    color: #fff
}

html[data-theme=dark] .SignInModal-button-qq {
    background-color: #3a76d0;
    border-color: #3a76d0;
    color: #1a1a1a
}

.ReportMenu-inner {
    min-height: 192px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.75
}

.ReportMenu-mobile .ReportMenu-inner:not(.ReportMenu-options) {
    margin-top: 18px
}

.ReportMenu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #f6f6f6;
    outline: none
}

html[data-theme=dark] .ReportMenu-item {
    border-bottom: 1px solid #2e2e2e
}

.ReportMenu-itemValue {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ReportMenu-itemCheck {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.ReportMenu-itemCheck:checked+.ReportMenu-itemCheckIcon {
    opacity: 1
}

.ReportMenu-itemCheckIcon {
    fill: #0084ff;
    opacity: 0;
    transition: opacity .2s
}

html[data-theme=dark] .ReportMenu-itemCheckIcon {
    fill: #3a76d0
}

.ReportMenu-paragraph {
    white-space: pre-wrap;
    list-style: none
}

.ReportMenu-paragraph--light {
    margin-top: 1em;
    color: #8590a6
}

html[data-theme=dark] .ReportMenu-paragraph--light {
    color: #606a80
}

.ReportMenu-check {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ReportMenu-textarea {
    width: 100%
}

.ReportMenu-link {
    color: #175199
}

.ReportMenu-link:hover {
    text-decoration: underline
}

html[data-theme=dark] .ReportMenu-link {
    color: #175199
}

.ReportMenu-link--light {
    text-decoration: underline
}

.ReportMenu-errorText {
    width: 100%;
    margin-top: 16px;
    color: #f1403c;
    font-size: 15px;
    text-align: right
}

html[data-theme=dark] .ReportMenu-errorText {
    color: #b7302d
}

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

.NumberBoard--divider .NumberBoard-item+.NumberBoard-item .NumberBoard-itemInner {
    border-left: 1px solid #ebebeb
}

html[data-theme=dark] .NumberBoard--divider .NumberBoard-item+.NumberBoard-item .NumberBoard-itemInner {
    border-left: 1px solid #444
}

.NumberBoard-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.NumberBoard-item.Button {
    border: 0;
    line-height: unset;
    font-size: unset
}

.NumberBoard-item.Button:hover {
    background: none
}

.NumberBoard-item.Button:hover .NumberBoard-itemName,.NumberBoard-item.Button:hover .NumberBoard-itemValue,.NumberBoard-itema:hover .NumberBoard-itemName,.NumberBoard-itema:hover .NumberBoard-itemValue,html[data-theme=dark] .NumberBoard-item.Button:hover .NumberBoard-itemName,html[data-theme=dark] .NumberBoard-item.Button:hover .NumberBoard-itemValue,html[data-theme=dark] .NumberBoard-itema:hover .NumberBoard-itemName,html[data-theme=dark] .NumberBoard-itema:hover .NumberBoard-itemValue {
    color: #175199
}

.NumberBoard-itemInner {
    text-align: center;
    line-height: 1.6
}

.NumberBoard-itemName {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .NumberBoard-itemName {
    color: #606a80
}

.NumberBoard-itemValue {
    display: inline-block;
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .NumberBoard-itemValue {
    font-weight: 500
}

html[data-android] .NumberBoard-itemValue {
    font-weight: 700
}

html[data-theme=dark] .NumberBoard-itemValue {
    color: #999
}

.HoverCard {
    padding: 0 12px 16px;
    font-size: 14px;
    opacity: 1;
    transition: opacity .3s ease
}

.HoverCard--isLoading {
    opacity: 0
}

.HoverCard,.HoverCard-loading {
    box-shadow: 0 5px 20px rgba(26,26,26,.1);
    background: #fff;
    border-radius: 2px
}

html[data-theme=dark] .HoverCard,html[data-theme=dark] .HoverCard-loading {
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    background: #1a1a1a
}

.HoverCard-container {
    width: 360px;
    max-height: 600px
}

.HoverCard-loading {
    position: absolute;
    width: 120px;
    height: 80px;
    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;
    margin: auto
}

.HoverCard-loading--reversed {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.HoverCard-container--large {
    width: 400px
}

.HoverCard-titleContainer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    border-bottom: 1px solid #f6f6f6;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

html[data-theme=dark] .HoverCard-titleContainer {
    border-bottom: 1px solid #2e2e2e
}

.HoverCard-avatar {
    position: absolute;
    top: -20px;
    border: 2px solid #fff
}

html[data-theme=dark] .HoverCard-avatar {
    border: 2px solid #1a1a1a
}

.HoverCard-titleText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 42px;
    padding-bottom: 2px;
    margin-left: 84px;
    -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;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.HoverCard-coverContainer {
    height: 100px;
    margin: 0 -12px;
    overflow: hidden;
    border-radius: 2px 2px 0 0
}

.HoverCard-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.HoverCard-subtitle,.HoverCard-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.HoverCard-title {
    font-size: 16px;
    font-weight: 500
}

.HoverCard-subtitle {
    margin-top: 4px;
    font-weight: 400
}

.HoverCard-numberBoard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.HoverCard-buttons {
    margin-top: 16px
}

.HoverCard-buttons .Button {
    width: 144px
}

.HoverCard-numberGroup {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.HoverCard-boardKey {
    line-height: 1.7;
    color: #8590a6
}

html[data-theme=dark] .HoverCard-boardKey {
    color: #606a80
}

.HoverCard-boardNumber {
    margin-top: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    color: #1a1a1a
}

html[data-theme=dark] .HoverCard-boardNumber {
    color: #999
}

.HoverCard-item {
    padding: 8px 0;
    line-height: 1.75;
    border-bottom: 1px solid #f6f6f6
}

.HoverCard-item:last-child {
    padding: 8px 16px;
    text-align: center;
    border: 0
}

.HoverCard-item .Icon {
    margin-right: 8px
}

html[data-theme=dark] .HoverCard-item {
    border-bottom: 1px solid #2e2e2e
}

.HoverCard-description {
    display: block;
    display: -webkit-box;
    max-height: 73.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.HoverCard-attrInfo {
    margin-left: 10px;
    color: #8590a6;
    white-space: nowrap
}

.HoverCard-attrInfo .Icon {
    margin-right: 8px
}

html[data-theme=dark] .HoverCard-attrInfo {
    color: #606a80
}

.HoverCard-separate {
    color: #ebebeb
}

html[data-theme=dark] .HoverCard-separate {
    color: #444
}

.HoverCard-popoverTarget {
    border-width: 0;
    background: transparent;
    box-shadow: none
}

.HoverCard-titleContainer--noAvatar {
    margin-top: 20px
}

.FollowButton {
    min-width: 96px
}

.FollowButton-icon {
    margin-right: 8px;
    fill: currentColor
}

.ModifyButton {
    font-size: 15px
}

.ModifyButton-icon {
    margin-right: 4px;
    fill: currentColor
}

.Messages-menu {
    width: 360px;
    padding: 0;
    overflow: hidden
}

.Messages-newItem {
    background: #f6f6f6
}

html[data-theme=dark] .Messages-newItem {
    background: #2e2e2e
}

.Messages-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .Messages-header {
    border-bottom: 1px solid #444
}

.Messages-tab {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 48px;
    font-size: 14px;
    color: #8590a6;
    cursor: pointer
}

html[data-theme=dark] .Messages-tab {
    color: #606a80
}

.Messages-currentTab {
    color: #1a1a1a
}

.Messages-currentTab:hover {
    color: currentColor
}

html[data-theme=dark] .Messages-currentTab {
    color: #999
}

.Messages-myMessageTab {
    width: 360px;
    color: #1a1a1a
}

html[data-theme=dark] .Messages-myMessageTab {
    color: #999
}

.Messages-tab:not(:last-child):after {
    position: absolute;
    left: 180px;
    width: 1px;
    height: 20px;
    margin: auto;
    background: #ebebeb;
    content: ""
}

html[data-theme=dark] .Messages-tab:not(:last-child):after {
    background: #444
}

.Messages-list {
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto
}

.Messages-withNoTabList {
    height: 408px
}

.Messages-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #1a1a1a
}

.Messages-item:hover {
    background-color: #f6f6f6
}

html[data-theme=dark] .Messages-item:hover {
    background-color: #2e2e2e
}

.Messages-item .Avatar {
    display: block
}

html[data-theme=dark] .Messages-item {
    color: #999
}

.Messages-user {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 16px;
    overflow: hidden
}

.Messages-userName {
    font-size: 15px
}

.Messages-itemContent {
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    color: #8590a6;
    text-overflow: ellipsis;
    white-space: nowrap
}

html[data-theme=dark] .Messages-itemContent {
    color: #606a80
}

.Messages-newDialog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 274px
}

.Messages-footer,.Messages-newDialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Messages-footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    background: #fff;
    border-top: 1px solid #ebebeb;
    box-sizing: border-box
}

html[data-theme=dark] .Messages-footer {
    background: #1a1a1a;
    border-top: 1px solid #444
}

.Messages-receiver {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px
}

.Messages-receiver,.Messages-receiverInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    line-height: 36px
}

.Messages-receiverInfo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Messages-receiverInfo {
    font-weight: 500
}

html[data-android] .Messages-receiverInfo {
    font-weight: 700
}

.Messages-receiverAutoComplete {
    position: relative;
    margin-top: 8px
}

.Messages-records,html[data-theme=dark] .Messages-records {
    color: #175199
}

.Messages-sendContent {
    width: 352px;
    margin: 12px auto 0
}

.Messages-sendContent textarea {
    overflow-y: auto
}

.Messages-modifyButton {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #8590a6
}

html[data-theme=dark] .Messages-modifyButton {
    fill: #606a80
}

.Messages-warning {
    height: 23px;
    margin: 4px auto 0;
    font-size: 14px;
    color: #f1403c;
    opacity: 0;
    transition: opacity .2s
}

.Messages-warning.is-shown {
    opacity: 1
}

html[data-theme=dark] .Messages-warning {
    color: #b7302d
}

.Messages-input {
    width: 352px
}

.Messages-icon {
    cursor: pointer
}

.Messages-count {
    position: absolute;
    bottom: 50%;
    left: 50%;
    padding: 0 4px;
    font-size: 11px;
    color: #fff;
    background-color: #f1403c;
    border: 2px solid #fff;
    border-radius: 20px
}

html[data-theme=dark] .Messages-count {
    color: #1a1a1a;
    background-color: #b7302d;
    border: 2px solid #1a1a1a
}

.Messages-menu {
    z-index: 205
}

.Messages-searchIcon {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.MemberButtonGroup .Button+.Button {
    margin-left: 16px
}

.MemberButtonGroup-prohibitIcon {
    fill: currentColor;
    margin-right: 4px
}

.FollowStatus {
    display: inline-block;
    padding: 1px 6px;
    margin-left: 8px;
    font-size: 12px;
    color: #8590a6;
    vertical-align: 1px;
    background-color: #f6f6f6;
    border-radius: 3px
}

html[data-theme=dark] .FollowStatus {
    color: #606a80;
    background-color: #2e2e2e
}

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

.UserHoverCard-infoItem:not(:last-child) {
    margin-bottom: 8px
}

.UserHoverCard-infoDivider {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #ebebeb
}

html[data-theme=dark] .UserHoverCard-infoDivider {
    background: #444
}

.UserHoverCard-mutuals {
    color: #8590a6
}

html[data-theme=dark] .UserHoverCard-mutuals {
    color: #606a80
}

.UserHoverCard-orgBadge {
    margin-left: 6px;
    vertical-align: 2px
}

.UserLink-badge {
    margin-left: .3em
}

.GifPlayer {
    position: relative;
    display: inline-block;
    overflow: hidden;
    line-height: 0;
    cursor: pointer;
    max-width: 100%
}

.GifPlayer[data-size=small] {
    max-width: 40%
}

.GifPlayer:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    content: "";
    width: 60px;
    height: 60px;
    pointer-events: none;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: url(data:image/svg+xml;
    base64,PHN2ZyB3aWR0aD0nNjBweCcgaGVpZ2h0PSc2MHB4JyB2aWV3Qm94PScwIDAgNjAgNjAnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4gICAgPGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+ICAgICAgICA8ZWxsaXBzZSBmaWxsPScjMDAwMDAwJyBvcGFjaXR5PScwLjQ1JyBjeD0nMzAnIGN5PSczMCcgcng9JzMwJyByeT0nMzAnPjwvZWxsaXBzZT4gICAgICAgIDxlbGxpcHNlIHN0cm9rZT0nI0ZGRkZGRicgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS1kYXNoYXJyYXk9JzQsMSw0JyBjeD0nMzAnIGN5PSczMCcgcng9JzI2JyByeT0nMjYnPjwvZWxsaXBzZT4gICAgPHN2ZyB4PSIxNiIgeT0iMTguNSIgPiAgICA8ZyBpZD0iZ2lmLWxvZ28iIGZpbGw9IiNmZmZmZmYiPiAgICAgICAgPHBhdGggeD0nMTAwJyB5PScxMDAnIGQ9Ik0xMi44NDIyODUyLDEyLjk4MTQ0NTMgTDEyLjg0MjI4NTIsMTEuMzk5NDE0MSBMNy42MzkxNjAxNiwxMS4zOTk0MTQxIEw3LjYzOTE2MDE2LDEzLjA1MTc1NzggTDEwLjkwODY5MTQsMTMuMDUxNzU3OCBMMTAuOTA4NjkxNCwxMy4zMjQyMTg4IEMxMC44OTExMTMzLDE1LjIwNTA3ODEgOS40NjcyODUxNiwxNi40NzA3MDMxIDcuMzkzMDY2NDEsMTYuNDcwNzAzMSBDNS4wMTEyMzA0NywxNi40NzA3MDMxIDMuNTE3MDg5ODQsMTQuNjI1IDMuNTE3MDg5ODQsMTEuNjM2NzE4OCBDMy41MTcwODk4NCw4LjcwMTE3MTg4IDUuMDAyNDQxNDEsNi44NDY2Nzk2OSA3LjM0OTEyMTA5LDYuODQ2Njc5NjkgQzkuMDgwNTY2NDEsNi44NDY2Nzk2OSAxMC4yODQ2NjgsNy42ODE2NDA2MiAxMC43NzY4NTU1LDkuMjEwOTM3NSBMMTIuNzU0Mzk0NSw5LjIxMDkzNzUgQzEyLjMyMzczMDUsNi42NDQ1MzEyNSAxMC4yMzE5MzM2LDUuMDA5NzY1NjIgNy4zNDkxMjEwOSw1LjAwOTc2NTYyIEMzLjc5ODMzOTg0LDUuMDA5NzY1NjIgMS41MDQzOTQ1Myw3LjYxMTMyODEyIDEuNTA0Mzk0NTMsMTEuNjU0Mjk2OSBDMS41MDQzOTQ1MywxNS43NSAzLjc3MTk3MjY2LDE4LjMwNzYxNzIgNy4zNjY2OTkyMiwxOC4zMDc2MTcyIEMxMC42ODg5NjQ4LDE4LjMwNzYxNzIgMTIuODQyMjg1MiwxNi4yMjQ2MDk0IDEyLjg0MjI4NTIsMTIuOTgxNDQ1MyBaIE0xNy41MTgwNjY0LDE4IEwxNy41MTgwNjY0LDUuMzE3MzgyODEgTDE1LjU0OTMxNjQsNS4zMTczODI4MSBMMTUuNTQ5MzE2NCwxOCBMMTcuNTE4MDY2NCwxOCBaIE0yMi42NTk2NjgsMTggTDIyLjY1OTY2OCwxMi43NDQxNDA2IEwyOC4xMDg4ODY3LDEyLjc0NDE0MDYgTDI4LjEwODg4NjcsMTEuMDAzOTA2MiBMMjIuNjU5NjY4LDExLjAwMzkwNjIgTDIyLjY1OTY2OCw3LjExMDM1MTU2IEwyOC42MDk4NjMzLDcuMTEwMzUxNTYgTDI4LjYwOTg2MzMsNS4zMTczODI4MSBMMjAuNjkwOTE4LDUuMzE3MzgyODEgTDIwLjY5MDkxOCwxOCBMMjIuNjU5NjY4LDE4IFoiIGlkPSJHSUYiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+ICAgIDwvZz48L3N2Zz4=) no-repeat
}

.GifPlayer img {
    max-width: 100%
}

.GifPlayer.is-playing:after {
    transition-duration: .3s;
    transition-timing-function: ease-out;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    opacity: 0
}

.GifPlayer.is-loading:after {
    background: url(data:image/svg+xml;
    base64,PHN2ZyB3aWR0aD0nNjBweCcgaGVpZ2h0PSc2MHB4JyB2aWV3Qm94PScwIDAgNjAgNjAnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4gICAgPGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+ICAgICAgICA8ZWxsaXBzZSBmaWxsPScjMDAwMDAwJyBvcGFjaXR5PScwLjQ1JyBjeD0nMzAnIGN5PSczMCcgcng9JzMwJyByeT0nMzAnPjwvZWxsaXBzZT4gICAgICAgIDxlbGxpcHNlIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIG9wYWNpdHk9IjAuNSIgY3g9IjMwIiBjeT0iMzAiIHJ4PSIyNiIgcnk9IjI2Ij48L2VsbGlwc2U+ICAgICAgICA8ZWxsaXBzZSBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2UtZGFzaGFycmF5PSc0LDEsNCcgY3g9JzMwJyBjeT0nMzAnIHJ4PScyNicgcnk9JzI2Jz4gICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDMwIDMwIiB0bz0iOTAgMzAgMzAiIGR1cj0iMC4zcyIvPiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjAuMyIgZmlsbD0iZnJlZXplIi8+ICAgICAgICA8L2VsbGlwc2U+ICAgIDwvZz4gICAgPHN2ZyB4PSIxNiIgeT0iMTguNSIgPiAgICA8ZyBpZD0iZ2lmLWxvZ28iIGZpbGw9IiNmZmZmZmYiPiAgICAgICAgPHBhdGggeD0nMTAwJyB5PScxMDAnIGQ9Ik0xMi44NDIyODUyLDEyLjk4MTQ0NTMgTDEyLjg0MjI4NTIsMTEuMzk5NDE0MSBMNy42MzkxNjAxNiwxMS4zOTk0MTQxIEw3LjYzOTE2MDE2LDEzLjA1MTc1NzggTDEwLjkwODY5MTQsMTMuMDUxNzU3OCBMMTAuOTA4NjkxNCwxMy4zMjQyMTg4IEMxMC44OTExMTMzLDE1LjIwNTA3ODEgOS40NjcyODUxNiwxNi40NzA3MDMxIDcuMzkzMDY2NDEsMTYuNDcwNzAzMSBDNS4wMTEyMzA0NywxNi40NzA3MDMxIDMuNTE3MDg5ODQsMTQuNjI1IDMuNTE3MDg5ODQsMTEuNjM2NzE4OCBDMy41MTcwODk4NCw4LjcwMTE3MTg4IDUuMDAyNDQxNDEsNi44NDY2Nzk2OSA3LjM0OTEyMTA5LDYuODQ2Njc5NjkgQzkuMDgwNTY2NDEsNi44NDY2Nzk2OSAxMC4yODQ2NjgsNy42ODE2NDA2MiAxMC43NzY4NTU1LDkuMjEwOTM3NSBMMTIuNzU0Mzk0NSw5LjIxMDkzNzUgQzEyLjMyMzczMDUsNi42NDQ1MzEyNSAxMC4yMzE5MzM2LDUuMDA5NzY1NjIgNy4zNDkxMjEwOSw1LjAwOTc2NTYyIEMzLjc5ODMzOTg0LDUuMDA5NzY1NjIgMS41MDQzOTQ1Myw3LjYxMTMyODEyIDEuNTA0Mzk0NTMsMTEuNjU0Mjk2OSBDMS41MDQzOTQ1MywxNS43NSAzLjc3MTk3MjY2LDE4LjMwNzYxNzIgNy4zNjY2OTkyMiwxOC4zMDc2MTcyIEMxMC42ODg5NjQ4LDE4LjMwNzYxNzIgMTIuODQyMjg1MiwxNi4yMjQ2MDk0IDEyLjg0MjI4NTIsMTIuOTgxNDQ1MyBaIE0xNy41MTgwNjY0LDE4IEwxNy41MTgwNjY0LDUuMzE3MzgyODEgTDE1LjU0OTMxNjQsNS4zMTczODI4MSBMMTUuNTQ5MzE2NCwxOCBMMTcuNTE4MDY2NCwxOCBaIE0yMi42NTk2NjgsMTggTDIyLjY1OTY2OCwxMi43NDQxNDA2IEwyOC4xMDg4ODY3LDEyLjc0NDE0MDYgTDI4LjEwODg4NjcsMTEuMDAzOTA2MiBMMjIuNjU5NjY4LDExLjAwMzkwNjIgTDIyLjY1OTY2OCw3LjExMDM1MTU2IEwyOC42MDk4NjMzLDcuMTEwMzUxNTYgTDI4LjYwOTg2MzMsNS4zMTczODI4MSBMMjAuNjkwOTE4LDUuMzE3MzgyODEgTDIwLjY5MDkxOCwxOCBMMjIuNjU5NjY4LDE4IFoiIGlkPSJHSUYiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+ICAgIDxwYXRoIGQ9Ik01NiwzMCBDNTYsMTUuNjQwNTk2NSA0NC4zNTk0MDM1LDQgMzAsNCIgaWQ9Ik92YWwtMi1Db3B5LTMiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIG9wYWNpdHk9IjAiIGZpbGw9Im5vbmUiPiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMCIgdG89IjEiIGR1cj0iLjYiIGZpbGw9ImZyZWV6ZSIvPiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlVHlwZT0ieG1sIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAzMCAzMCIgdG89IjM2MCAzMCAzMCIgZHVyPSIxLjYyNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+ICAgIDwvcGF0aD48L3N2Zz4=) no-repeat
}

.GifPlayer.is-refreshed:after {
    background: url(data:image/svg+xml;
    base64,PHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8ZWxsaXBzZSBmaWxsPSIjMjgyODI4IiBvcGFjaXR5PSIwLjQ1IiBjeD0iMzAiIGN5PSIzMCIgcng9IjMwIiByeT0iMzAiPjwvZWxsaXBzZT4gICAgPHBhdGggZD0iTTQxLjU1MjQ5OTcsMTguOTMwMTk5OCBDMzguNjQwMjQ5NywxNS44OTE3Njg0IDM0LjU0MTA0NzksMTQgMzAsMTQgQzIxLjE2MzQ0NCwxNCAxNCwyMS4xNjM0NDQgMTQsMzAgQzE0LDM4LjgzNjU1NiAyMS4xNjM0NDQsNDYgMzAsNDYgTDMwLDQ2IEMzNy44MTEwODczLDQ2IDQ0LjMxNDg1NDUsNDAuNDAyNjk3NSA0NS43MTkxNjUsMzMuMDAwMjI5IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+ICAgIDxwYXRoIGQ9Ik00NS4xMDc4NjU0LDE2LjIzNjAwOTcgQzQ1LjU0NzkwMDMsMTUuOTA1OTgzNSA0NS45MDQ2MTkxLDE2LjA4NDc1NTggNDUuOTA0NjE5MSwxNi42MzU5ODkxIEw0NS45MDQ2MTkxLDIzLjY0MDg5OTggQzQ1LjkwNDYxOTEsMjQuMTkxODI4NSA0NS41NDcyNjAyLDI0LjM3MDQyNTIgNDUuMTA3ODY1NCwyNC4wNDA4NzkyIEw0MC43MDEzNzI4LDIwLjczNjAwOTcgQzQwLjI2MTMzNzksMjAuNDA1OTgzNSA0MC4yNjE5NzgsMTkuODcwNDI1MiA0MC43MDEzNzI4LDE5LjU0MDg3OTIgTDQ1LjEwNzg2NTQsMTYuMjM2MDA5NyBaIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICA8L2c+PC9zdmc+) no-repeat
}

.RichText-video {
    margin: 16px 0
}

.RichText-gifPlaceholder {
    margin: 24px auto;
    text-align: center
}

.RichText-gifPlaceholder .GifPlayer {
    vertical-align: middle
}

.CommentItem {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 12px 20px 10px;
    font-size: 15px
}

.CommentItem:not(:first-child):after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 20px;
    border-bottom-style: solid;
    border-bottom-color: #f6f6f6;
    border-bottom-width: 1px;
    content: ""
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .CommentItem:not(:first-child):after {
        border-bottom-width: .5px
    }
}

@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi) {
    .CommentItem:not(:first-child):after {
        border-bottom-width: .33333px
    }
}

@media (-webkit-min-device-pixel-ratio:4),(min-resolution:384dpi) {
    .CommentItem:not(:first-child):after {
        border-bottom-width: .25px
    }
}

html[data-theme=dark] .CommentItem:not(:first-child):after {
    border-bottom-color: #2e2e2e
}

.CommentItem-deletedContent {
    padding: 16px 0;
    font-size: 14px;
    color: #8590a6;
    text-align: center
}

html[data-theme=dark] .CommentItem-deletedContent {
    color: #606a80
}

.CommentItem-meta {
    position: relative;
    height: 27px;
    padding-right: 3px;
    padding-left: 1px;
    margin-bottom: 5px;
    line-height: 24px
}

.CommentItem-avatar {
    margin-right: 8px
}

.CommentItem-avatar .UserLink-avatar {
    vertical-align: top
}

.CommentItem-reply,.CommentItem-roleInfo {
    color: #8590a6
}

html[data-theme=dark] .CommentItem-reply,html[data-theme=dark] .CommentItem-roleInfo {
    color: #606a80
}

.CommentItem-reviewing {
    margin-left: 8px
}

.CommentItem-reply {
    margin-right: 8px;
    margin-left: 8px
}

.CommentItem-roleInfo {
    margin-right: -8px
}

.CommentItem-time {
    float: right;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .CommentItem-time {
    color: #606a80
}

.CommentItem-content {
    margin-bottom: 6px;
    line-height: 25px
}

.CommentItem-content p {
    margin: 0
}

.CommentItem-editor {
    margin-bottom: 8px
}

.CommentItem-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 24px;
    font-size: 14px;
    line-height: 24px
}

.CommentItem-footer .Button+.Button {
    margin-left: 20px
}

.CommentItem-mobileFooter .Button+.Button {
    margin-left: 0
}

.CommentItem-hoverBtn {
    opacity: 0;
    transition: opacity .2s
}

.CommentItem-likeBtn:disabled,.CommentItem:hover .CommentItem-hoverBtn {
    opacity: 1
}

.CommentItem-likeBtn.is-liked {
    color: #0084ff
}

.CommentItem-likeBtn.is-liked:hover {
    color: #175199
}

.CommentItem-likeBtn.is-liked:hover .Icon {
    fill: currentColor
}

html[data-theme=dark] .CommentItem-likeBtn.is-liked:hover {
    color: #175199
}

.CommentItem-likeBtn.is-liked .Icon {
    fill: currentColor
}

html[data-theme=dark] .CommentItem-likeBtn.is-liked {
    color: #3a76d0
}

.CommentItem--highlighted {
    -webkit-animation: highlight 1.6s ease-out;
    animation: highlight 1.6s ease-out
}

@-webkit-keyframes highlight {
    0% {
        background: #ebebeb
    }

html[data-theme=dark] 0% {
    background: #444
}

to {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}
}

@keyframes highlight {
    0% {
        background: #ebebeb
    }

html[data-theme=dark] 0% {
    background: #444
}

to {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}
}

.IsolationDot {
    margin: 0 6px
}

.CommentItem-replyArrow {
    color: #8590a6;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 8px
}

html[data-theme=dark] .CommentItem-replyArrow {
    color: #606a80
}

.CommentItem-userLink {
    max-width: 80px;
    font-weight: 600;
    font-synthesis: style;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top
}

@media (min-width:360px) {
    .CommentItem-userLink {
        max-width: 100px
    }
}

html[data-ios] .CommentItem-userLink {
    font-weight: 500
}

html[data-android] .CommentItem-userLink {
    font-weight: 700
}

.CommentItem-menu-item {
    padding-top: 13px;
    padding-bottom: 13px
}

.Comments-pattern-loading {
    height: 96px;
    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
}

.Tabs {
    border-bottom: 1px solid #f6f6f6
}

html[data-theme=dark] .Tabs {
    border-bottom: 1px solid #2e2e2e
}

.Tabs-item {
    display: inline-block;
    padding: 0 20px
}

.Tabs-link {
    position: relative;
    display: inline-block;
    padding: 14px 0;
    font-size: 16px;
    line-height: 22px;
    color: #1a1a1a;
    text-align: center
}

.Tabs-link.is-active {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Tabs-link.is-active {
    font-weight: 500
}

html[data-android] .Tabs-link.is-active {
    font-weight: 700
}

.Tabs-link.is-active:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    background: #0084ff;
    content: ""
}

html[data-theme=dark] .Tabs-link.is-active:after {
    background: #3a76d0
}

html[data-theme=dark] .Tabs-link {
    color: #999
}

.Tabs-meta {
    margin-left: 6px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #999
}

html[data-theme=dark] .Tabs-meta {
    color: #646464
}

.Topbar {
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
    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: 50px;
    padding: 0 20px
}

html[data-theme=dark] .Topbar {
    background: #1a1a1a;
    border-bottom: 1px solid #2e2e2e
}

.Topbar-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Topbar--mobile .Topbar-title {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Topbar--mobile .Topbar-title {
    font-weight: 500
}

html[data-android] .Topbar--mobile .Topbar-title {
    font-weight: 700
}

.CommentTopbar-title {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    font-synthesis: style;
    color: #1a1a1a
}

html[data-ios] .CommentTopbar-title {
    font-weight: 500
}

html[data-android] .CommentTopbar-title {
    font-weight: 700
}

html[data-theme=dark] .CommentTopbar-title {
    color: #999
}

.CommentTopbar-back {
    font-size: 16px;
    font-weight: inherit;
    color: #1a1a1a
}

.CommentTopbar-back:hover {
    color: #0084ff
}

html[data-theme=dark] .CommentTopbar-back:hover {
    color: #3a76d0
}

html[data-theme=dark] .CommentTopbar-back {
    color: #999
}

.CommentTopbar-backIcon {
    vertical-align: -2px;
    fill: currentColor
}

.CommentTopbar {
    border-radius: 2px
}

.CommentTopbar-meta {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    padding: 0 16px
}

.CommentTopbar-meta,.CommentTopbar-tabsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.CommentTopbar-tabsWrapper {
    font-size: 15px
}

.CommentTopbar-tabs {
    padding: 0;
    border-bottom: none
}

.CommentTopbar-tab {
    display: inline-block;
    padding: 0 20px
}

.CommentTopbar-tab:first-child {
    padding-left: 0
}

.CommentTopbar-tabButton {
    position: relative;
    height: 56px;
    border: none
}

.CommentTopbar-tabButton:hover {
    background: none
}

.Comments,.Comments-container {
    height: 100%
}

.Comments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box
}

.Comments--hidden {
    display: none
}

.Comments-titleLink a {
    color: #175199
}

.Comments-titleLink a:hover,html[data-theme=dark] .Comments-titleLink a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .Comments-titleLink a {
    color: #175199
}

.CommentList {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto
}

.CommentList-divider {
    position: relative;
    margin: 0 24px;
    font-size: 14px;
    color: #8590a6;
    text-align: center
}

.CommentList-divider:first-child {
    margin-top: 16px
}

.CommentList-divider:last-child {
    margin-bottom: 16px
}

.CommentList-divider+.CommentItem:after {
    content: none
}

.CommentList-divider a {
    color: #175199
}

.CommentList-divider a:hover,html[data-theme=dark] .CommentList-divider a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .CommentList-divider a {
    color: #175199
}

html[data-theme=dark] .CommentList-divider {
    color: #606a80
}

.CommentList-dividerLine {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    margin: auto;
    border-top: 1px solid #ebebeb
}

html[data-theme=dark] .CommentList-dividerLine {
    border-top: 1px solid #444
}

.CommentList-dividerText {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 1em;
    background-color: #fff
}

.CommentList-dividerText .CommentList-questionMark {
    margin-left: 8px
}

html[data-theme=dark] .CommentList-dividerText {
    background-color: #1a1a1a
}

.Comments-footer {
    padding: 12px 20px;
    background: #fff;
    border-top: 1px solid #ebebeb
}

html[data-theme=dark] .Comments-footer {
    background: #1a1a1a;
    border-top: 1px solid #444
}

.Comments-disabledText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px 12px;
    color: #8590a6;
    background-color: #f6f6f6;
    border-top: 1px solid #f6f6f6;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-theme=dark] .Comments-disabledText {
    color: #606a80;
    background-color: #2e2e2e;
    border-top: 1px solid #2e2e2e
}

.Comments-disabledText--fixed {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff
}

.Comments-disabledText--fixed .Comments-disabledReason {
    padding-top: 8px;
    padding-bottom: 8px;
    background: #f6f6f6;
    width: 100%;
    text-align: center;
    border-radius: 3px
}

html[data-theme=dark] .Comments-disabledText--fixed .Comments-disabledReason {
    background: #2e2e2e
}

html[data-theme=dark] .Comments-disabledText--fixed {
    background: #1a1a1a
}

.CommentList-action {
    position: relative;
    padding: 16px 0;
    text-align: center
}

.CommentList-action:after {
    position: absolute;
    top: 0;
    display: block;
    width: calc(100% - 48px);
    border-bottom: 1px solid #f6f6f6;
    content: ""
}

html[data-theme=dark] .CommentList-action:after {
    border-bottom: 1px solid #2e2e2e
}

.CommentList-action a {
    color: #175199
}

.CommentList-action a:hover,html[data-theme=dark] .CommentList-action a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .CommentList-action a {
    color: #175199
}

.Comments-withPagination {
    border: 1px solid #ebebeb;
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    background: #fff;
    margin-top: 12px;
    overflow: visible;
    border-radius: 4px
}

.Comments-withPagination .CommentList {
    overflow-y: visible
}

html[data-theme=dark] .Comments-withPagination {
    border: 1px solid #444;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    background: #1a1a1a
}

.comments-pagination {
    border-top: 1px solid #ebebeb
}

html[data-theme=dark] .comments-pagination {
    border-top: 1px solid #444
}

.Comments-Packup-Button {
    background: hsla(0,0%,92%,.95);
    border-radius: 3px;
    position: fixed;
    height: 30px;
    width: 93px;
    bottom: 30px;
    left: 570px;
    font-size: 13px;
    color: #8590a6;
    letter-spacing: 0;
    margin-left: -93px
}

.Comments-Packup-Button:hover,html[data-theme=dark] .Comments-Packup-Button:hover {
    color: gray
}

.Comments-Packup-Button .Icon {
    margin-left: 6px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.Comments-Packup-Button-enter,.Comments-Packup-Button-leave {
    transition: opacity .3s
}

.Comments-Packup-Button-enter {
    opacity: 0
}

.Comments-Packup-Button-enter-active,.Comments-Packup-Button-leave {
    opacity: 1
}

.Comments-Packup-Button-leave-active {
    opacity: 0
}

html[data-theme=dark] .Comments-Packup-Button {
    background: rgba(68,68,68,.95);
    color: #606a80
}

.Comments-empty {
    padding: 60px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    overflow: auto
}

.CommentList-expendCollapseButton {
    color: #8590a6;
    cursor: pointer
}

.CommentList-expendCollapseButton:hover,html[data-theme=dark] .CommentList-expendCollapseButton:hover {
    color: gray
}

html[data-theme=dark] .CommentList-expendCollapseButton {
    color: #606a80
}

.AuthorInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.AuthorInfo-avatar {
    vertical-align: top
}

.AuthorInfo-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 14px;
    overflow: hidden
}

.AuthorInfo-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 1.1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.AuthorInfo-name {
    font-weight: 600;
    font-synthesis: style;
    color: #444
}

html[data-ios] .AuthorInfo-name {
    font-weight: 500
}

html[data-android] .AuthorInfo-name {
    font-weight: 700
}

html[data-theme=dark] .AuthorInfo-name {
    color: gray
}

.AuthorInfo-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
    font-size: 14px
}

.AuthorInfo-badgeText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #646464
}

html[data-theme=dark] .AuthorInfo-badgeText {
    color: #999
}

.AuthorInfo--plain .AuthorInfo-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px
}

.AuthorInfo--plain .AuthorInfo-badge>:first-child {
    margin-top: 0
}

.AuthorInfo--plain .AuthorInfo-badge>:first-child:before {
    content: "\FF0C"
}

.AuthorInfo-detail {
    overflow: hidden
}

.PushNotifications-menu {
    width: 360px;
    padding: 0;
    overflow: hidden
}

.PushNotifications-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .PushNotifications-header {
    border-bottom: 1px solid #444
}

.PushNotifications-tab {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 48px;
    cursor: pointer
}

.PushNotifications-selectedTabIcon {
    fill: #0084ff
}

html[data-theme=dark] .PushNotifications-selectedTabIcon {
    fill: #3a76d0
}

.PushNotifications-tab:not(:last-child):after {
    position: absolute;
    left: 120px;
    width: 1px;
    height: 20px;
    margin: auto;
    background: #ebebeb;
    content: ""
}

html[data-theme=dark] .PushNotifications-tab:not(:last-child):after {
    background: #444
}

.PushNotifications-list {
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto
}

.PushNotifications-item {
    position: relative;
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #1a1a1a
}

html[data-theme=dark] .PushNotifications-item {
    color: #999
}

.PushNotifications-item a {
    color: #175199
}

.PushNotifications-item a:hover,html[data-theme=dark] .PushNotifications-item a:hover {
    color: #144785
}

html[data-theme=dark] .PushNotifications-item a {
    color: #175199
}

.PushNotifications-item:after {
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 1px;
    padding: 0 16px;
    background-color: #ebebeb;
    content: "";
    background-clip: content-box
}

html[data-theme=dark] .PushNotifications-item:after {
    background-color: #444
}

.PushNotifications-newItem {
    background: #f6f6f6
}

html[data-theme=dark] .PushNotifications-newItem {
    background: #2e2e2e
}

.PushNotifications-followTitle {
    position: relative;
    height: 54px;
    font-size: 14px;
    line-height: 54px;
    color: #8590a6;
    text-align: center
}

html[data-theme=dark] .PushNotifications-followTitle {
    color: #606a80
}

.PushNotifications-followTitle:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 16px;
    border-bottom: 1px solid #ebebeb;
    content: ""
}

html[data-theme=dark] .PushNotifications-followTitle:after {
    border-bottom: 1px solid #444
}

.PushNotifications-followItem {
    display: block
}

.PushNotifications-followItem:hover {
    background-color: #f6f6f6
}

html[data-theme=dark] .PushNotifications-followItem:hover {
    background-color: #2e2e2e
}

.PushNotifications-followItem .AuthorInfo-name {
    font-family: inherit
}

.PushNotifications-followItem .AuthorInfo-badge {
    color: #8590a6
}

html[data-theme=dark] .PushNotifications-followItem .AuthorInfo-badge {
    color: #606a80
}

.PushNotifications-followItem:after {
    content: none
}

.PushNotifications-followItem a {
    color: #1a1a1a
}

html[data-theme=dark] .PushNotifications-followItem a {
    color: #999
}

.Notifications-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    background: #fff;
    border-top: 1px solid #ebebeb;
    box-sizing: border-box
}

html[data-theme=dark] .Notifications-footer {
    background: #1a1a1a;
    border-top: 1px solid #444
}

.PushNotifications-user {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 16px;
    overflow: hidden
}

.PushNotifications-userName {
    font-size: 15px
}

.PushNotifications-redbot {
    position: absolute;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-left: 8px;
    background-color: #f1403c;
    border-radius: 50%;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

html[data-theme=dark] .PushNotifications-redbot {
    background-color: #b7302d
}

.PushNotifications-count {
    position: absolute;
    bottom: 50%;
    left: 50%;
    padding: 0 4px;
    font-size: 11px;
    color: #fff;
    background-color: #f1403c;
    border: 2px solid #fff;
    border-radius: 20px
}

html[data-theme=dark] .PushNotifications-count {
    color: #ebebeb;
    background-color: #b7302d;
    border: 2px solid #1a1a1a
}

.AppAuthentication--appView .Modal-title {
    font-size: 18px;
    margin-top: 24px
}

.AppAuthentication--appView .Modal-content {
    padding-bottom: 16px
}

.AppAuthentication {
    max-width: 87.2%
}

.AppAuthentication-buttonContainer {
    padding: 0 16px
}

.AppAuthentication-button {
    width: 100%;
    margin-bottom: 16px;
    padding: 5px 0
}

.AppAuthentication-closeButton {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 0
}

.SignFlowActive-account {
    width: 100%;
    height: 48px;
    line-height: 48px
}

.SignFlowActive-editEmail {
    float: right;
    color: #175199
}

html[data-theme=dark] .SignFlowActive-editEmail {
    color: #175199
}

.SignFlowActive-sendDigits,.SignFlowActive-sendEmail {
    display: block;
    width: 220px;
    margin: 0 auto
}

.SignFlowActive-sendEmail {
    margin-top: 48px
}

.SignFlowActive-sendDigits {
    margin-top: 55px
}

.SignFlowActive-button {
    display: inline-block;
    border: none
}

.SignFlowActive-options {
    text-align: right;
    margin-top: 16px
}

.VerificationDialogModal-cutSmsType:hover,html[data-theme=dark] .VerificationDialogModal-cutSmsType:hover {
    color: gray
}

.SignFlow-smsBindPhoneInputContainer {
    position: relative;
    margin-top: 12px
}

.SignFlow-smsBindPhoneInputErrorMessage {
    top: 24px;
    right: 108px;
    width: 40%;
    height: 47px;
    padding: 0;
    padding-left: 4px;
    margin: 0;
    line-height: 47px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.SignFlow-smsBindPhoneInputErrorMask {
    right: 20px
}

.SignFlow-smsBindPhoneInputButton {
    position: absolute;
    top: 24px;
    right: 0;
    padding: 4px 0;
    color: #175199;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

html[data-theme=dark] .SignFlow-smsBindPhoneInputButton {
    color: #175199
}

.SignFlow-smsBindPhoneInput {
    width: calc(100% - 100px)
}

.BindPhone-buttonSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

.BindPhone-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.BindPhone-button:first-child {
    margin-right: 10px
}

.BindPhone-subtitle {
    color: #8590a6;
    margin-top: 2px;
    margin-bottom: 24px;
    padding: 0 24px;
    text-align: center
}

html[data-theme=dark] .BindPhone-subtitle {
    color: #606a80
}

.BindPhone-helpWrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 12px
}

.BindPhone-helpText {
    color: #8590a6
}

html[data-theme=dark] .BindPhone-helpText {
    color: #606a80
}

.BindPhone-remindLoginWithPhoneButton {
    display: block;
    width: 220px;
    margin: 48px auto 0
}

.MobileModal .SignFlowActive.SignFlow {
    padding: 0 16px;
    margin-top: 16px
}

.MobileModal .MobileBindPhoneTip {
    color: #8590a6;
    font-size: 14px
}

html[data-theme=dark] .MobileModal .MobileBindPhoneTip {
    color: #606a80
}

.MobileModal .BindPhone-buttonSection {
    margin-top: 16px
}

.MobileModal.VerificationModal {
    padding: 0 16px
}

.MobileModal .SignFlow-smsInputButton {
    top: 23px
}

.MobileModal .BindPhone-remindLoginWithPhoneButton {
    margin-top: 16px
}

.MobileModal.BindPhoneMobileModal .MobileModal-content,.MobileModal.ConfirmUnbindMobileModal .MobileModal-content,.MobileModal.LoginWithPhoneMobileModal .MobileModal-content,.MobileModal.NeedUnbindMobileModal .MobileModal-content {
    padding-top: 0
}

.BindPhoneForm .Input-wrapper {
    width: 100%;
    height: 48px;
    padding: 0;
    color: #8590a6;
    border: none;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0
}

html[data-theme=dark] .BindPhoneForm .Input-wrapper {
    color: #606a80;
    border-bottom: 1px solid #444
}

.BindPhoneForm .Input-wrapper.is-focus {
    border: none;
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .BindPhoneForm .Input-wrapper.is-focus {
    border-bottom: 1px solid #444
}

.BindPhoneForm .SignFlow-accountInput.Input-wrapper,.BindPhoneForm .SignFlow-accountInput.Input-wrapper.is-focus {
    border: none
}

.BindPhoneForm .SignFlow-smsBindPhoneInput {
    width: 100%;
    border-bottom: 1px solid #ebebeb
}

.BindPhoneForm .SignFlow-smsBindPhoneInput .Input-wrapper,.BindPhoneForm .SignFlow-smsBindPhoneInput .Input-wrapper.is-focus {
    border: none
}

html[data-theme=dark] .BindPhoneForm .SignFlow-smsBindPhoneInput {
    border-bottom: 1px solid #444
}

.SignFlow {
    overflow: hidden
}

.SignFlow input[type=number]::-webkit-inner-spin-button,.SignFlow input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.SignFlow input {
    height: 48px
}

.SignFlow input::-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important
}

.SignFlow input[type=number] {
    -moz-appearance: textfield
}

.SignFlow .SignFlow-accountInput,.SignFlow .SignFlow-smsInput {
    width: auto
}

.SignFlow-submitButton {
    width: 100%;
    margin-top: 30px;
    height: 36px
}

.SignFlow-captchaContainer {
    height: 48px;
    margin-top: 12px;
    transition: height .3s ease
}

.SignFlow-snackBar {
    font-size: 13px;
    color: #8590a6
}

html[data-theme=dark] .SignFlow-snackBar {
    color: #606a80
}

.SignFlow-snackBarLink,html[data-theme=dark] .SignFlow-snackBarLink {
    color: #175199
}

.Tag {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 30px;
    color: #0084ff;
    vertical-align: top;
    border-radius: 100px;
    background: rgba(0,132,255,.1)
}

.Tag:hover {
    background-color: rgba(0,132,255,.15)
}

html[data-theme=dark] .Tag:hover {
    background-color: rgba(58,118,208,.15)
}

.Tag--removable {
    padding-right: 28px
}

html[data-theme=dark] .Tag {
    color: #3a76d0;
    background: rgba(58,118,208,.1)
}

.Tag-remove {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    cursor: pointer;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    color: inherit
}

.Tag-remove .Zi {
    display: block
}

.TagInput .Input-wrapper {
    display: block
}

.TagInput .Input {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 30px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 8px
}

.TagInput.TagInput--empty .Input {
    width: 100%;
    margin-left: 0
}

.TagInput .Tag {
    margin-top: 2px;
    margin-right: 4px;
    margin-bottom: 2px
}

.TagInput .Popover {
    display: block
}

.QuestionAsk-title {
    font-size: 15px
}

.QuestionAsk-section {
    margin-bottom: 12px
}

.QuestionAsk-section.QuestionAsk-DetailSection {
    margin-top: 24px
}

.QuestionAsk-section .Popover {
    display: block
}

.QuestionAsk-section .TagInput {
    line-height: 0
}

.QuestionAsk-sectionHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 13px;
    margin-bottom: 8px;
    color: #8590a6
}

html[data-theme=dark] .QuestionAsk-sectionHeader {
    color: #606a80
}

.QuestionAsk-label {
    color: #444
}

html[data-theme=dark] .QuestionAsk-label {
    color: gray
}

.QuestionAsk-sectionHeaderRight {
    margin-left: auto
}

.QuestionAsk-sectionHeaderRight .Editable-control:last-child {
    margin-right: 13px
}

.QuestionAsk-warning,html[data-theme=dark] .QuestionAsk-warning {
    color: #ff9607
}

.QuestionAsk-Modal {
    width: 595px
}

.QuestionAsk-error,.QuestionAsk-Modal .Modal-footer {
    color: #f1403c
}

html[data-theme=dark] .QuestionAsk-error,html[data-theme=dark] .QuestionAsk-Modal .Modal-footer {
    color: #b7302d
}

.QuestionAsk-questionItems {
    line-height: 26px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    box-sizing: border-box
}

html[data-theme=dark] .QuestionAsk-questionItems {
    border: 1px solid #444
}

.QuestionAsk-questionItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    margin-left: -8px;
    margin-right: -8px
}

.QuestionAsk-questionItem.QuestionAsk-questionItemClose {
    color: #8590a6;
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .QuestionAsk-questionItem.QuestionAsk-questionItemClose {
    color: #606a80;
    border-bottom: 1px solid #444
}

.QuestionAsk-questionTitle {
    margin-right: 14px
}

.QuestionAsk-questionAnswerCount {
    margin-left: auto;
    color: #8590a6;
    white-space: nowrap
}

html[data-theme=dark] .QuestionAsk-questionAnswerCount {
    color: #606a80
}

.QuestionAsk-anonymous {
    color: #8590a6;
    cursor: pointer
}

html[data-theme=dark] .QuestionAsk-anonymous {
    color: #606a80
}

.QuestionAsk-anonymousCheckbox {
    margin-right: 8px;
    vertical-align: text-top
}

.QuestionEdit-reasonSelect {
    margin-right: 8px
}

.QuestionEdit-why {
    color: #175199
}

.QuestionEdit-why:hover,html[data-theme=dark] .QuestionEdit-why:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .QuestionEdit-why {
    color: #175199
}

.QuestionAsk-orgQuestionIcon {
    margin-left: 8px
}

.QuestionAsk-brandSelector {
    width: 100%
}

.QuestionAsk-brandSelector .Select-button {
    position: relative;
    padding: 0 12px;
    width: 100%
}

.QuestionAsk-brandSelector .Select-arrow {
    position: absolute;
    top: 12px;
    right: 12px
}

.QuestionAsk-brandSelector .Icon {
    margin-left: 5px
}

.QuestionAsk-brandSelector--no-arrow .Select-arrow {
    display: none
}

.QuestionAsk-brandOption {
    padding: 0 12px;
    width: 488px
}

.QuestionAsk-brandOption .Icon {
    margin-left: 5px
}

.QuestionAsk-buttonGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 28px
}

.QuestionAsk-buttonGroup .Button {
    width: 232px;
    margin-top: 28px
}

.QuestionAsk-buttonGroup .Button+.Button {
    margin-left: 24px
}

.QuestionAsk-noBrandModal {
    text-align: center
}

.QuestionAsk-link {
    color: #0084ff
}

html[data-theme=dark] .QuestionAsk-link {
    color: #3a76d0
}

.QuestionAsk-onUploadModal,.QuestionAsk-videoAlert,.QuestionEdit-onUploadModal,.QuestionEdit-videoAlert {
    margin: 50px 16px 0;
    font-size: 20px;
    text-align: center;
    color: #444
}

html[data-theme=dark] .QuestionAsk-onUploadModal,html[data-theme=dark] .QuestionAsk-videoAlert,html[data-theme=dark] .QuestionEdit-onUploadModal,html[data-theme=dark] .QuestionEdit-videoAlert {
    color: gray
}

.QuestionEdit-reason {
    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;
    line-height: 48px;
    box-shadow: inset 0 -1px 0 0 #f6f6f6
}

.QuestionEdit-reason:last-child {
    margin-bottom: 16px
}

.QuestionEdit-reason svg {
    fill: #8590a6
}

html[data-theme=dark] .QuestionEdit-reason svg {
    fill: #606a80
}

html[data-theme=dark] .QuestionEdit-reason {
    box-shadow: inset 0 -1px 0 0 #2e2e2e
}

.QuestionCategorySelect {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.QuestionCategory,.QuestionCategorySelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.QuestionCategory {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 15px;
    padding-top: 26px
}

.QuestionCategory:hover {
    cursor: pointer
}

.QuestionCategory+.QuestionCategory {
    border-top: 1px solid #ebebeb
}

html[data-theme=dark] .QuestionCategory+.QuestionCategory {
    border-top: 1px solid #444
}

.QuestionCategory-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 320px
}

.QuestionCategory-title {
    font-size: 17px;
    color: #1a1a1a
}

html[data-theme=dark] .QuestionCategory-title {
    color: #999
}

.QuestionCategory-desc {
    margin-top: 10px;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .QuestionCategory-desc {
    color: #606a80
}

.QuestionCategory-link,html[data-theme=dark] .QuestionCategory-link {
    color: #175199
}

.QuestionCategory-arrow {
    margin-left: 22px;
    color: #bfbfbf;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

html[data-theme=dark] .QuestionCategory-arrow {
    color: gray
}

.QuestionCategory-buttonGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 48px
}

.QuestionCategory-buttonGroup .Button {
    width: 168px
}

.QuestionAsk-error {
    color: #f1403c
}

html[data-theme=dark] .QuestionAsk-error {
    color: #b7302d
}

.SearchBarExperiment-topSearchItem {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 0;
    height: 32px;
    box-sizing: border-box;
    margin: 2px 0
}

.SearchBarExperiment-hotIcon {
    margin-left: 5px
}

.SearchBarExperiment-historyItem {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    padding: 6px 0;
    line-height: 24px
}

.SearchBarExperiment-historyItem,.SearchBarExperiment-historyItemContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchBarExperiment-historyItemContent.blueFont,html[data-theme=dark] .SearchBarExperiment-historyItemContent.blueFont {
    color: #175199
}

.SearchBarExperiment-historyLabel {
    padding: 7px 0;
    margin-right: 16px;
    margin-left: 16px;
    font-size: 14px;
    color: #8590a6;
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html[data-theme=dark] .SearchBarExperiment-historyLabel {
    color: #606a80;
    border-bottom: 1px solid #444
}

.SearchBarExperiment-historyIconWrapper {
    position: relative
}

.SearchBarExperiment-historyIconWrapper svg {
    fill: #8590a6
}

html[data-theme=dark] .SearchBarExperiment-historyIconWrapper svg {
    fill: #606a80
}

.SearchBarExperiment-historyIconWrapper:hover,html[data-theme=dark] .SearchBarExperiment-historyIconWrapper:hover {
    color: #175199
}

.SearchBarExperiment-historyIconWrapper:hover svg,html[data-theme=dark] .SearchBarExperiment-historyIconWrapper:hover svg {
    fill: #175199
}

.SearchBarExperiment-historyIconShade {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.SearchBarExperiment-historyLabelDeleteAll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchBarExperiment-historyDelete {
    display: none
}

.SearchBarExperiment-historyItem:hover .SearchBarExperiment-historyDelete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchBarExperiment-historyDeleteAll {
    cursor: pointer
}

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

.SearchBarExperiment-toolWrapper {
    position: relative;
    z-index: 104;
    width: 326px
}

.SearchBarExperiment-tool {
    position: relative;
    float: left;
    overflow: hidden
}

.SearchBarExperiment-tool .Popover {
    display: block
}

.SearchBarExperiment-groupItem--topSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px
}

.SearchBarExperiment-groupItem--hisotry {
    display: block
}

.SearchBarExperiment-menu {
    width: 400px;
    padding-bottom: 0;
    overflow-x: hidden
}

.SearchBarExperiment-menu.SearchBarExperiment-hasValueMenu .AutoComplete-group:last-child .Menu-item {
    height: 40px;
    padding: 0;
    margin-top: 8px;
    line-height: 40px;
    color: #8590a6
}

.SearchBarExperiment-menu.SearchBarExperiment-hasValueMenu .AutoComplete-group:last-child .Menu-item:not(.is-active) {
    background: #f6f6f6
}

html[data-theme=dark] .SearchBarExperiment-menu.SearchBarExperiment-hasValueMenu .AutoComplete-group:last-child .Menu-item:not(.is-active) {
    background: #2e2e2e
}

html[data-theme=dark] .SearchBarExperiment-menu.SearchBarExperiment-hasValueMenu .AutoComplete-group:last-child .Menu-item {
    color: #606a80
}

.SearchBarExperiment-menu.SearchBarExperiment-noValueMenu {
    padding-bottom: 8px
}

.SearchBarExperiment-menu em {
    color: #8590a6;
    font-style: normal
}

html[data-theme=dark] .SearchBarExperiment-menu em {
    color: #606a80
}

.SearchBarExperiment-menu .blueFont em,html[data-theme=dark] .SearchBarExperiment-menu .blueFont em {
    color: #175199
}

.SearchBarExperiment-contentResult,.SearchBarExperiment-defaultResult,.SearchBarExperiment-peopleResult,.SearchBarExperiment-topicResult {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    box-sizing: border-box
}

.SearchBarExperiment-label {
    padding: 7px 0;
    margin-right: 16px;
    margin-left: 16px;
    font-size: 14px;
    color: #8590a6;
    border-bottom: 1px solid #ebebeb
}

.SearchBarExperiment-label--history {
    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
}

html[data-theme=dark] .SearchBarExperiment-label {
    color: #606a80;
    border-bottom: 1px solid #444
}

.SearchBarExperiment-peopleResult {
    padding: 13px 0
}

.SearchBarExperiment-peopleResult .AuthorInfo {
    padding-top: 0
}

.SearchBarExperiment-peopleResult .AuthorInfo-name {
    font-weight: 400
}

.SearchBarExperiment-peopleResult .AuthorInfo-badge {
    font-size: 13px;
    color: #8590a6
}

html[data-theme=dark] .SearchBarExperiment-peopleResult .AuthorInfo-badge {
    color: #606a80
}

.SearchBarExperiment-userAvatar {
    border-radius: 3px
}

.SearchBarExperiment-user {
    display: inline-block;
    margin-left: 16px
}

.SearchBarExperiment-userHeadline {
    margin-top: 2px;
    font-size: 13px;
    color: #8590a6
}

html[data-theme=dark] .SearchBarExperiment-userHeadline {
    color: #606a80
}

.SearchBarExperiment-contentSuffix,.SearchBarExperiment-topicSuffix {
    margin-left: 8px;
    font-size: 13px;
    color: #8590a6;
    white-space: nowrap
}

html[data-theme=dark] .SearchBarExperiment-contentSuffix,html[data-theme=dark] .SearchBarExperiment-topicSuffix {
    color: #606a80
}

.SearchBarExperiment-searchLink {
    display: block;
    font-size: 14px;
    color: #8590a6;
    text-align: center;
    cursor: pointer
}

html[data-theme=dark] .SearchBarExperiment-searchLink {
    color: #606a80
}

.SearchBarExperiment-askButton {
    z-index: 103;
    padding: 0 14px;
    margin-left: 16px;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    line-height: 30px
}

.SearchBarExperiment-hiddenAskButton {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.SearchBarExperiment-input {
    width: 326px;
    padding-left: 16px;
    transition: width .2s ease,background .3s ease
}

.SearchBarExperiment-focusedInput {
    width: 400px
}

.SearchBarExperiment-searchIcon {
    position: absolute;
    right: -11px;
    top: -17px;
    bottom: -17px;
    background: transparent;
    border: transparent;
    padding: 0 12px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    transition: fill .3s ease
}

.SearchBar-focusedSearchIcon .Icon {
    fill: #0084ff
}

html[data-theme=dark] .SearchBar-focusedSearchIcon .Icon {
    fill: #3a76d0
}

.SearchBar-hasValueSearchIcon .Icon {
    fill: #fff
}

html[data-theme=dark] .SearchBar-hasValueSearchIcon .Icon {
    fill: #1a1a1a
}

.SearchBarExperiment-iconDecorator {
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 36px;
    border-radius: 0 3px 3px 0;
    transition: all .3s ease;
    transition-delay: .1s;
    z-index: 101;
    background: #0084ff;
    opacity: 0
}

html[data-theme=dark] .SearchBarExperiment-iconDecorator {
    background: #3a76d0
}

.SearchBarExperiment-shownIconDecorator {
    opacity: 1;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    transition-delay: 0
}

.SearchBarExperiment-menu .Menu-item {
    padding: 0 16px
}

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

.SearchBar-toolWrapper {
    position: relative;
    z-index: 104;
    width: 326px
}

.SearchBar-tool {
    position: relative;
    float: left;
    overflow: hidden
}

.SearchBar-tool .Popover {
    display: block
}

.SearchBar-menu {
    width: 500px;
    padding-top: 16px;
    padding-bottom: 0;
    overflow-x: hidden
}

.SearchBar-menu .AutoComplete-group:last-child .Menu-item {
    height: 40px;
    padding: 0;
    margin-top: 8px;
    line-height: 40px;
    color: #8590a6
}

.SearchBar-menu .AutoComplete-group:last-child .Menu-item:not(.is-active) {
    background: #f6f6f6
}

html[data-theme=dark] .SearchBar-menu .AutoComplete-group:last-child .Menu-item:not(.is-active) {
    background: #2e2e2e
}

html[data-theme=dark] .SearchBar-menu .AutoComplete-group:last-child .Menu-item {
    color: #606a80
}

.SearchBar-contentResult,.SearchBar-peopleResult,.SearchBar-topicResult {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    box-sizing: border-box
}

.SearchBar-label {
    padding: 7px 0;
    margin-right: 16px;
    margin-left: 16px;
    font-size: 14px;
    color: #8590a6;
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .SearchBar-label {
    color: #606a80;
    border-bottom: 1px solid #444
}

.SearchBar-peopleResult {
    padding: 13px 0
}

.SearchBar-peopleResult .AuthorInfo {
    padding-top: 0
}

.SearchBar-peopleResult .AuthorInfo-name {
    font-weight: 400
}

.SearchBar-peopleResult .AuthorInfo-badge {
    font-size: 13px;
    color: #8590a6
}

html[data-theme=dark] .SearchBar-peopleResult .AuthorInfo-badge {
    color: #606a80
}

.SearchBar-userAvatar {
    border-radius: 3px
}

.SearchBar-user {
    display: inline-block;
    margin-left: 16px
}

.SearchBar-userHeadline {
    margin-top: 2px;
    font-size: 13px;
    color: #8590a6
}

html[data-theme=dark] .SearchBar-userHeadline {
    color: #606a80
}

.SearchBar-contentSuffix,.SearchBar-topicSuffix {
    margin-left: 8px;
    font-size: 13px;
    color: #8590a6;
    white-space: nowrap
}

html[data-theme=dark] .SearchBar-contentSuffix,html[data-theme=dark] .SearchBar-topicSuffix {
    color: #606a80
}

.SearchBar-searchLink {
    display: block;
    font-size: 14px;
    color: #8590a6;
    text-align: center
}

html[data-theme=dark] .SearchBar-searchLink {
    color: #606a80
}

.SearchBar-askButton {
    z-index: 103;
    padding: 0 14px;
    margin-left: 16px;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    line-height: 30px
}

.SearchBar-hiddenAskButton {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.SearchBar-input {
    width: 326px;
    transition: width .2s ease,background .3s ease
}

.SearchBar-focusedInput {
    width: 400px
}

.SearchBar-searchIcon {
    position: absolute;
    right: -11px;
    top: -17px;
    bottom: -17px;
    background: transparent!important;
    border: none!important;
    padding: 0 12px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    transition: fill .3s ease
}

.SearchBar-focusedSearchIcon .Icon {
    fill: #0084ff
}

html[data-theme=dark] .SearchBar-focusedSearchIcon .Icon {
    fill: #3a76d0
}

.SearchBar-hasValueSearchIcon .Icon {
    fill: #fff
}

html[data-theme=dark] .SearchBar-hasValueSearchIcon .Icon {
    fill: #1a1a1a
}

.SearchBar-iconDecorator {
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 36px;
    border-radius: 0 3px 3px 0;
    transition: all .3s ease;
    transition-delay: .1s;
    z-index: 101;
    background: #0084ff;
    opacity: 0
}

html[data-theme=dark] .SearchBar-iconDecorator {
    background: #3a76d0
}

.SearchBar-shownIconDecorator {
    opacity: 1;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    transition-delay: 0
}

.AppHeaderProfileMenu-item {
    height: 36px;
    line-height: 36px
}

.AppHeader-profileAvatar {
    vertical-align: top
}

.PrivacyConfirm-modal {
    width: 640px;
    height: 532px
}

.PrivacyConfirm-modal .Modal-inner {
    border-radius: 8px;
    overflow: hidden
}

.PrivacyConfirm-modal .Modal-content {
    padding: 0
}

.PrivacyConfirm {
    position: relative;
    font-size: 13px;
    line-height: 1.54;
    color: #444;
    padding-bottom: 80px
}

.PrivacyConfirm a {
    color: #0084ff
}

.PrivacyConfirm p {
    margin: 10px 0
}

html[data-theme=dark] .PrivacyConfirm {
    color: gray
}

.PrivacyConfirm-inner {
    height: 340px;
    overflow: auto;
    padding: 0 30px
}

.PrivacyConfirm-title {
    color: #1a1a1a;
    font-size: 21px;
    font-weight: 600;
    font-synthesis: style;
    text-align: center;
    margin-bottom: 24px
}

html[data-ios] .PrivacyConfirm-title {
    font-weight: 500
}

html[data-android] .PrivacyConfirm-title {
    font-weight: 700
}

html[data-theme=dark] .PrivacyConfirm-title {
    color: #999
}

.PrivacyConfirm-section {
    color: #1a1a1a;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    font-synthesis: style;
    border-left: 3px solid #80c1ff;
    padding-left: 8px;
    margin: 20px 0 10px
}

html[data-ios] .PrivacyConfirm-section {
    font-weight: 500
}

html[data-android] .PrivacyConfirm-section {
    font-weight: 700
}

html[data-theme=dark] .PrivacyConfirm-section {
    color: #999
}

.PrivacyConfirm-buttons {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 20px 0;
    border-top: solid #d3d3d3;
    border-top: .5px solid #d3d3d3
}

html[data-hairline] .PrivacyConfirm-buttons {
    border-top: 1px solid #d3d3d3;
    -o-border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='0' width='1' height='.5' fill='#d3d3d3'/> </svg>") 1 0 0 0;
    border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='0' width='1' height='.5' fill='#d3d3d3'/> </svg>") 1 0 0 0
}

html[data-theme=dark] html[data-hairline] .PrivacyConfirm-buttons {
    border-top: 1px solid #2e2e2e
}

.PrivacyConfirm-buttons button {
    width: 180px;
    height: 40px
}

.PrivacyConfirm-buttons button:first-child:not(:last-child) {
    margin-right: 60px;
    background-color: #ebebeb;
    border-color: #ebebeb;
    color: gray
}

html[data-theme=dark] .PrivacyConfirm-buttons {
    border-top: solid #2e2e2e;
    border-top: .5px solid #2e2e2e
}

.PrivacyConfirm-refuseModal {
    width: 390px
}

.PrivacyConfirm-refuseModal .Modal-inner {
    border-radius: 8px
}

.PrivacyConfirm-refuseModal .PrivacyConfirm-buttons {
    position: unset;
    margin-top: 20px
}

.PrivacyConfirm-refuseModal .Modal-content {
    padding: 0
}

.PrivacyConfirm-refuseModal .Modal-content div:first-child {
    padding: 0 7.4%
}

.AppHeader {
    position: relative;
    min-width: 1032px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    background-clip: content-box
}

.AppHeader,.AppHeader.is-fixed {
    z-index: 100
}

html[data-theme=dark] .AppHeader {
    background: #1a1a1a;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.AppHeader-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    height: 52px;
    padding: 0 16px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.AppHeader.is-hidden .AppHeader-inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.AppHeader-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 30px;
    margin-right: 18px;
    margin-left: 27px;
    color: #999
}

html[data-theme=dark] .AppHeader-nav {
    color: #646464
}

.AppHeader-navItem {
    padding: 0 15px;
    font-size: 15px;
    line-height: 30px;
    color: #8590a6
}

.AppHeader-navItem:hover,html[data-theme=dark] .AppHeader-navItem:hover {
    color: #175199
}

.AppHeader-navItem.is-active {
    color: #444
}

html[data-theme=dark] .AppHeader-navItem.is-active {
    color: gray
}

.AppHeader-navItem:first-child {
    padding-left: 0
}

html[data-theme=dark] .AppHeader-navItem {
    color: #606a80
}

.AppHeader-input {
    width: 345px
}

.AppHeader-userInfo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.AppHeader-messages,.AppHeader-notifications,.AppHeader-resume {
    margin-right: 40px
}

.AppHeader-login {
    margin-right: 16px
}

.AppHeader-downloadPopover {
    padding: 16px
}

.AppHeader-downloadPopoverImage {
    width: 120px
}

.AdblockBanner {
    position: relative;
    z-index: 100;
    min-width: 1000px;
    padding: 16px;
    line-height: 28px;
    color: #8590a6;
    text-align: center;
    background-color: #ebebeb
}

html[data-theme=dark] .AdblockBanner {
    color: #606a80;
    background-color: #444
}

.AdblockBanner-inner {
    width: 1000px;
    padding: 0 24px;
    margin: 0 auto;
    box-sizing: border-box
}

.AdblockBanner-inner a:hover {
    border-bottom: 1px solid #8590a6
}

html[data-theme=dark] .AdblockBanner-inner a:hover {
    border-bottom: 1px solid #606a80
}

.AdblockBanner-close {
    position: absolute;
    top: 16px;
    right: 16px
}

.AdblockBanner-close .Icon {
    display: block
}

body {
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    font-size: 15px;
    color: #1a1a1a;
    background: #f6f6f6;
    -webkit-tap-highlight-color: rgba(26,26,26,0)
}

html[data-theme=dark] body {
    color: #999;
    background: #000;
    -webkit-tap-highlight-color: rgba(153,153,153,0)
}

.App-main {
    display: block
}

.u-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.App-loginGuideModal {
    width: 400px
}

.App-loginButton,.App-registerButton {
    display: block;
    width: 220px;
    height: 36px;
    margin: 0 auto;
    font-size: 14px;
    text-align: center
}

.App-loginButton {
    margin-top: 28px;
    color: #fff
}

html[data-theme=dark] .App-loginButton {
    color: #1a1a1a
}

.App-registerButton {
    margin-top: 52px;
    margin-bottom: 12px;
    color: #8590a6
}

html[data-theme=dark] .App-registerButton {
    color: #606a80
}

.OrgCreateButton {
    border: none;
    padding: 0
}

.OrgCreateButton-logoutModal p {
    padding: 0 24px;
    text-align: center
}

.Footer {
    padding: 10px 0 10px 5px;
    font-size: 13px;
    line-height: 2;
    color: #8590a6
}

html[data-theme=dark] .Footer {
    color: #606a80
}

.Footer-dot:after {
    margin: 0 5px;
    content: "\B7"
}

.Footer-item {
    display: inline-block
}

a.Footer-item:hover {
    color: #175199;
    cursor: pointer
}

html[data-theme=dark] a.Footer-item:hover {
    color: #175199
}

.UserStatus {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #1a1a1a;
    text-align: center;
    background-color: rgba(133,144,166,.08)
}

.UserStatus,.UserStatus .Button {
    font-size: 15px
}

html[data-theme=dark] .UserStatus {
    color: #999;
    background-color: rgba(96,106,128,.08)
}

.UserStatus-warnText {
    margin-left: 8px
}

.Mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: opacity .2s ease-in
}

.Mask-hidden {
    pointer-events: none;
    opacity: 0
}

.Mask-mask {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .4;
    box-sizing: border-box
}

.Mask-mask--black {
    background: #1a1a1a
}

html[data-theme=dark] .Mask-mask--black {
    background: #999
}

.Mask-mask--white {
    background: hsla(0,0%,100%,.95)
}

html[data-theme=dark] .Mask-mask--white {
    background: rgba(26,26,26,.95)
}

.Mask-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    color: #fff;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

html[data-theme=dark] .Mask-content {
    color: #1a1a1a
}

.Mask-content--full {
    width: 100%;
    height: 100%
}

.UserAvatar {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    border: 4px solid #fff;
    border-radius: 8px
}

html[data-theme=dark] .UserAvatar {
    border: 4px solid #1a1a1a
}

.UserAvatar-inner {
    vertical-align: top
}

.UserAvatar-holder,.UserAvatar-round {
    width: 160px;
    height: 160px
}

.UserAvatar-round {
    border-radius: 50%
}

input[type=range].RangeInput {
    width: 220px;
    height: 12px;
    padding: 0;
    margin: 0 10px;
    vertical-align: middle;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=range].RangeInput:focus {
    outline: none
}

input[type=range].RangeInput::-webkit-slider-runnable-track {
    height: 5px;
    cursor: pointer;
    background: #f6f6f6;
    border-radius: 2px
}

html[data-theme=dark] input[type=range].RangeInput::-webkit-slider-runnable-track {
    background: #2e2e2e
}

input[type=range].RangeInput::-webkit-slider-thumb {
    width: 12px;
    height: 12px;
    margin-top: -4px;
    cursor: pointer;
    background: #d3d3d3;
    border-radius: 50%;
    -webkit-appearance: none;
    appearance: none
}

html[data-theme=dark] input[type=range].RangeInput::-webkit-slider-thumb {
    background: #2e2e2e
}

input[type=range].RangeInput::-moz-range-track {
    height: 5px;
    cursor: pointer;
    background: #f6f6f6;
    border-radius: 2px
}

html[data-theme=dark] input[type=range].RangeInput::-moz-range-track {
    background: #2e2e2e
}

input[type=range].RangeInput::-moz-range-thumb {
    width: 12px;
    height: 12px;
    cursor: pointer;
    background: #d3d3d3;
    border: none;
    border-radius: 50%
}

html[data-theme=dark] input[type=range].RangeInput::-moz-range-thumb {
    background: #2e2e2e
}

input[type=range].RangeInput::-ms-track {
    width: 100%;
    height: 5px;
    color: transparent;
    cursor: pointer;
    background: transparent;
    border-color: transparent
}

input[type=range].RangeInput::-ms-fill-lower,input[type=range].RangeInput::-ms-fill-upper {
    background: #f6f6f6;
    border-radius: 2px
}

html[data-theme=dark] input[type=range].RangeInput::-ms-fill-lower,html[data-theme=dark] input[type=range].RangeInput::-ms-fill-upper {
    background: #2e2e2e
}

input[type=range].RangeInput::-ms-thumb {
    width: 12px;
    height: 12px;
    cursor: pointer;
    background: #d3d3d3;
    border: none;
    border-radius: 50%
}

html[data-theme=dark] input[type=range].RangeInput::-ms-thumb {
    background: #2e2e2e
}

input[type=range].RangeInput::-ms-tooltip {
    display: none
}

input[type=range].RangeInput .Zi {
    vertical-align: middle;
    display: inline-block;
    fill: #8590a6
}

html[data-theme=dark] input[type=range].RangeInput .Zi {
    fill: #606a80
}

.UploadImageModal-modal {
    text-align: center
}

.UploadImageModal-modal div {
    display: block
}

.UploadImageModal-container {
    width: 100%;
    height: 100%;
    margin: 0 auto 30px;
    cursor: move
}

.UploadImageModal-container canvas {
    vertical-align: top
}

.UserAvatarEditor {
    cursor: pointer;
    position: relative
}

.UserAvatarEditor-avatar {
    background: #f6f6f6;
    border: 4px solid #fff;
    border-radius: 8px
}

html[data-theme=dark] .UserAvatarEditor-avatar {
    background: #2e2e2e;
    border: 4px solid #1a1a1a
}

.UserAvatarEditor-title {
    font-size: 24px;
    color: #1a1a1a
}

html[data-theme=dark] .UserAvatarEditor-title {
    color: #999
}

.UserAvatarEditor-subTitle {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .UserAvatarEditor-subTitle {
    color: #606a80
}

.UserAvatarEditor-range {
    width: 200px;
    margin: 20px 10px
}

.UserAvatarEditor-maskInner {
    z-index: 4;
    border: 4px solid #fff;
    border-radius: 8px
}

html[data-theme=dark] .UserAvatarEditor-maskInner {
    border: 4px solid #1a1a1a
}

.UserAvatarEditor-maskInnerText {
    white-space: nowrap
}

.UserAvatarEditor-cameraIcon {
    margin-bottom: 14px;
    fill: #fff
}

html[data-theme=dark] .UserAvatarEditor-cameraIcon {
    fill: #1a1a1a
}

.UserAvatarEditor-maskRoundInner {
    border-radius: 50%
}

.UserCover {
    position: relative;
    height: 240px;
    overflow: hidden;
    background: #f6f6f6;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    transition: height .3s
}

html[data-theme=dark] .UserCover {
    background: #2e2e2e
}

.UserCover--colorBlock {
    height: 132px;
    background: #999
}

html[data-theme=dark] .UserCover--colorBlock {
    background: #646464
}

.UserCover-image {
    transition: -webkit-transform 6s ease-out;
    transition: transform 6s ease-out;
    transition: transform 6s ease-out,-webkit-transform 6s ease-out
}

.UserCover-image,.UserCover-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.DynamicColorButton {
    color: #d3d3d3;
    transition: color,border-color .3s
}

.DynamicColorButton svg {
    fill: currentColor
}

html[data-theme=dark] .DynamicColorButton {
    color: #2e2e2e
}

.DynamicColorButton--dark {
    color: rgba(26,26,26,.6);
    border-color: rgba(26,26,26,.12)
}

.DynamicColorButton--dark:hover {
    background: rgba(26,26,26,.03)
}

html[data-theme=dark] .DynamicColorButton--dark:hover {
    background: hsla(0,0%,60%,.03)
}

html[data-theme=dark] .DynamicColorButton--dark {
    color: hsla(0,0%,60%,.6);
    border-color: hsla(0,0%,60%,.12)
}

.DynamicColorButton--white {
    color: hsla(0,0%,100%,.7);
    border-color: hsla(0,0%,100%,.24)
}

.DynamicColorButton--white:hover {
    background: hsla(0,0%,100%,.04)
}

html[data-theme=dark] .DynamicColorButton--white:hover {
    background: rgba(26,26,26,.04)
}

html[data-theme=dark] .DynamicColorButton--white {
    color: rgba(26,26,26,.7);
    border-color: rgba(26,26,26,.24)
}

.UserCoverGuide {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.UserCoverGuide.is-active .is-playing {
    opacity: 1
}

.UserCoverGuide.is-active .UserCoverGuide-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.UserCoverGuide-inner {
    position: relative;
    z-index: 2;
    float: right;
    padding: 24px
}

.UserCoverGuide-buttonContainer {
    margin-bottom: 14px;
    text-align: right
}

.UserCoverGuide-dialog {
    position: relative;
    width: 286px;
    padding: 22px 16px;
    background-color: #fff;
    border-radius: 4px;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s
}

.UserCoverGuide-dialog:after {
    position: absolute;
    right: 60px;
    bottom: 100%;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 7px;
    content: ""
}

html[data-theme=dark] .UserCoverGuide-dialog:after {
    border-color: transparent transparent #1a1a1a
}

html[data-theme=dark] .UserCoverGuide-dialog {
    background-color: #1a1a1a
}

.UserCoverGuide-dialogContent {
    font-size: 14px;
    line-height: 1.7
}

.UserCoverGuide-dialogContent a {
    color: #175199;
    cursor: pointer
}

.UserCoverGuide-dialogContent a:hover {
    text-decoration: underline
}

html[data-theme=dark] .UserCoverGuide-dialogContent a {
    color: #175199
}

.UserCoverGuide-dialogDescription,.UserCoverGuide-dialogHead {
    margin: 0 0 6px
}

.UserCoverGuide-item,.UserCoverGuide-items {
    width: 100%;
    height: 100%
}

.UserCoverGuide-item {
    position: absolute;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .5s
}

.UserCoverEditor {
    position: relative
}

.UserCoverEditor-simpleEditButton {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2
}

.UserCoverEditor-editor {
    position: relative;
    z-index: 2
}

.UserCoverEditor-editor canvas {
    vertical-align: top
}

.UserCoverEditor-action {
    position: absolute;
    width: 100%;
    height: 80px;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 1px 3px rgba(26,26,26,.1)
}

html[data-theme=dark] .UserCoverEditor-action {
    background: #1a1a1a;
    border-bottom: 1px solid #444;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.UserCoverEditor-actionContent {
    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: 100%;
    margin: 0 24px
}

.UserCoverEditor-actionContent .Button+.Button {
    margin-left: 16px
}

.UserCoverEditor-actionTitle {
    font-size: 20px;
    color: #1a1a1a
}

html[data-theme=dark] .UserCoverEditor-actionTitle {
    color: #999
}

.UserCoverEditor-actionDescription {
    font-size: 13px;
    color: #8590a6
}

html[data-theme=dark] .UserCoverEditor-actionDescription {
    color: #606a80
}

.UserCoverEditor-rangeInput {
    display: inline-block
}

.UserCoverEditor-cameraIcon {
    margin-bottom: 14px;
    fill: #fff
}

html[data-theme=dark] .UserCoverEditor-cameraIcon {
    fill: #1a1a1a
}

.UserCoverEditor-loadingCanvas {
    width: 100%;
    height: 100%
}

.UserCoverEditor-leftMasker {
    left: 0;
    position: absolute;
    z-index: 20;
    height: 100%;
    width: calc(50% - 240px);
    background-color: hsla(0,0%,100%,.5);
    display: inline-block
}

html[data-theme=dark] .UserCoverEditor-leftMasker {
    background-color: rgba(26,26,26,.5)
}

.UserCoverEditor-rightMasker {
    right: 0;
    position: absolute;
    z-index: 20;
    height: 100%;
    width: calc(50% - 240px);
    background-color: hsla(0,0%,100%,.5);
    display: inline-block
}

html[data-theme=dark] .UserCoverEditor-rightMasker {
    background-color: rgba(26,26,26,.5)
}

.ProfileHeader {
    position: relative;
    width: 1000px;
    padding: 0 16px;
    margin: 10px auto
}

.ProfileHeader-wrapper {
    position: relative;
    width: 100%;
    background: #fff;
    box-sizing: border-box
}

html[data-theme=dark] .ProfileHeader-wrapper {
    background: #1a1a1a
}

.ProfileHeader-main {
    position: relative;
    margin: 0 0 20px 0
}

.ProfileHeader-avatar {
    position: absolute;
    top: -25px;
    left: 0;
    z-index: 1
}

.ProfileEdit--org .ProfileHeader-avatar,.ProfileHeader--org .ProfileHeader-avatar {
    top: -60px
}

.ProfileHeader-content {
    padding-top: 16px;
    padding-left: 32px;
    border-left: 164px solid transparent
}

.ProfileHeader-contentHead {
    position: relative;
    padding-right: 106px;
    margin-bottom: 16px
}

.ProfileHeader-contentHead .Button--plain {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ProfileHeader-contentHead .Button--plain:hover {
    color: gray
}

.ProfileHeader-contentHead .Button--plain:hover .Icon {
    fill: #999
}

html[data-theme=dark] .ProfileHeader-contentHead .Button--plain:hover .Icon {
    fill: #646464
}

html[data-theme=dark] .ProfileHeader-contentHead .Button--plain:hover {
    color: gray
}

.ProfileHeader-contentHead .FollowStatus {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 3px 6px
}

.ProfileHeader-contentBody {
    position: relative;
    width: 524px;
    overflow: hidden
}

.content-enter {
    top: 0;
    opacity: 0
}

.content-enter-active {
    opacity: 1;
    transition: opacity .3s ease-out
}

.content-leave {
    position: absolute;
    opacity: 1
}

.content-leave-active {
    opacity: 0;
    transition: opacity .3s ease-out
}

.ProfileHeader-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProfileHeader-name {
    font-size: 26px;
    font-weight: 600;
    font-synthesis: style;
    line-height: 30px
}

html[data-ios] .ProfileHeader-name {
    font-weight: 500
}

html[data-android] .ProfileHeader-name {
    font-weight: 700
}

.ProfileHeader-badge {
    margin-left: 12px;
    vertical-align: 2px
}

.ProfileHeader-badge.is-unverified {
    color: #8590a6
}

.ProfileHeader-badge.is-unverified .Icon {
    margin-right: 4px
}

html[data-theme=dark] .ProfileHeader-badge.is-unverified {
    color: #606a80
}

.ProfileHeader-detailValue a,.ProfileHeader-headline a {
    border: none!important
}

.ProfileHeader-detailValue a:hover,.ProfileHeader-headline a:hover,html[data-theme=dark] .ProfileHeader-detailValue a:hover,html[data-theme=dark] .ProfileHeader-headline a:hover {
    color: #175199
}

.ProfileHeader-headline {
    margin-left: 12px;
    font-size: 18px;
    white-space: nowrap
}

.ProfileHeader-info {
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box
}

.ProfileHeader--org .ProfileHeader-info {
    margin-bottom: 36px;
    overflow: hidden;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ProfileHeader-divider {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 8px;
    background: #ebebeb
}

html[data-theme=dark] .ProfileHeader-divider {
    background: #444
}

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

.ProfileHeader-infoItem:not(:last-child) {
    margin-bottom: 10px
}

.ProfileHeader-iconWrapper {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    text-align: center;
    color: #8590a6
}

html[data-theme=dark] .ProfileHeader-iconWrapper {
    color: #606a80
}

.ProfileHeader-arrowIcon.is-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ProfileHeader-contentFooter {
    position: relative;
    padding-top: 8px
}

.ProfileHeader-expandButton {
    line-height: 1
}

.ProfileHeader-expandButton .Icon {
    margin: 0 16px 0 4px
}

.ProfileHeader-buttons {
    position: absolute;
    right: 0;
    bottom: 0
}

.ProfileHeader-detail {
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    color: #1a1a1a
}

html[data-theme=dark] .ProfileHeader-detail {
    color: #999
}

.ProfileHeader-detailItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px
}

.ProfileHeader-detailLabel {
    width: 60px;
    margin-right: 37px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .ProfileHeader-detailLabel {
    font-weight: 500
}

html[data-android] .ProfileHeader-detailLabel {
    font-weight: 700
}

.ProfileHeader-detailValue {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.ProfileHeader-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ProfileHeader-field:not(:first-child) {
    margin-top: 12px
}

.ProfileHeader-itemAvatar {
    width: 18px;
    height: 18px;
    margin-right: 12px
}

.ProfileHeader-defaultCover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ProfileHeader-tips {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .ProfileHeader-tips {
    color: #606a80
}

.PageHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.PageHeader:not(.is-shown) {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.ProfileMain-avatar .Avatar {
    display: block;
    cursor: pointer
}

.PageHeader .ProfileMain-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1000px;
    height: 100%;
    padding: 0 16px;
    margin: 0 auto
}
.PageHeader .ProfileMain-tabs {
    border-bottom: none
}

.ProfileMain-tabs {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.ProfileMain-tabs .Tabs-meta {
    font-weight: 400
}

.ProfileMain-menuToggler {
    font-size: 16px;
    color: #1a1a1a
}

html[data-theme=dark] .ProfileMain-menuToggler {
    color: #999
}

.ProfileMain-tabIcon {
    margin-left: 4px
}

.Profile-popoverMenuItem {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #1a1a1a
}

.Profile-popoverMenuItem.is-active {
    background: #f6f6f6
}

html[data-theme=dark] .Profile-popoverMenuItem.is-active {
    background: #2e2e2e
}

html[data-theme=dark] .Profile-popoverMenuItem {
    color: #999
}

.Profile-popoverMenuItem .Link-meta {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .Profile-popoverMenuItem .Link-meta {
    color: #606a80
}

body:not(.Body--isAppleDevice) .ProfileMain-tabs .is-active {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] body:not(.Body--isAppleDevice) .ProfileMain-tabs .is-active {
    font-weight: 500
}

html[data-android] body:not(.Body--isAppleDevice) .ProfileMain-tabs .is-active {
    font-weight: 700
}

.ProfileMainPrivacy-mainContentWrapper {
    height: 383px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ProfileMainPrivacy-mainContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 86px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8590a6
}

html[data-theme=dark] .ProfileMainPrivacy-mainContent {
    color: #606a80
}

.ProfileMainPrivacy-mainContentText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.ProfileMainPrivacy-mainContentLink {
    font-size: 15px
}

.ProfileMainPrivacy-authWrapper {
    display: inline-block
}

.ProfileMainPrivacy-pointerWrapper {
    cursor: pointer
}

.ProfileLockStatus {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ProfileLockStatus-title {
    margin: 42px 0 10px;
    font-size: 20px;
    font-weight: 600;
    font-synthesis: style;
    color: #1a1a1a
}

html[data-ios] .ProfileLockStatus-title {
    font-weight: 500
}

html[data-android] .ProfileLockStatus-title {
    font-weight: 700
}

html[data-theme=dark] .ProfileLockStatus-title {
    color: #999
}

.ProfileLockStatus-subtitle {
    margin-bottom: 23px;
    font-size: 16px;
    color: #8590a6
}

html[data-theme=dark] .ProfileLockStatus-subtitle {
    color: #606a80
}

.ProfileLockStatus-avatar {
    display: block;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    border-radius: 50%
}

.ProfileLockStatus-redirect {
    display: block;
    margin: 0 auto;
    text-decoration: underline
}

.ProfileLockStatus-redirect:hover,html[data-theme=dark] .ProfileLockStatus-redirect:hover {
    color: rgba(23,81,153,.72)
}

.ProfileLockStatus-redirect:active,html[data-theme=dark] .ProfileLockStatus-redirect:active {
    color: #175199
}

.ProfileLockStatus-avatar,.ProfileLockStatus-redirect,.ProfileLockStatus-subtitle,.ProfileLockStatus-title {
    text-align: center
}

.IconGraf {
    margin-bottom: 12px
}

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

.IconGraf-iconWrapper {
    display: inline-block;
    width: 28px
}

.IconGraf-icon {
    fill: #8590a6
}

html[data-theme=dark] .IconGraf-icon {
    fill: #606a80
}

.SideItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    margin-bottom: 24px
}

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

.SideItem-image {
    padding-top: 3px
}

.SideItem--multiline .SideItem-image {
    padding-top: 0
}

.SideItem-image img {
    vertical-align: top
}

.SideItem-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px
}

.SideItem-title {
    font-size: 15px;
    color: #1a1a1a
}

.SideItem--multiline .SideItem-title {
    font-size: 18px
}

html[data-theme=dark] .SideItem-title {
    color: #999
}

.SideItem-description {
    max-height: 52px;
    margin-top: 2px;
    overflow: hidden;
    font-size: 14px;
    color: #8590a6;
    text-overflow: ellipsis
}

.SideItem--multiline .SideItem-description {
    margin-top: 8px
}

html[data-theme=dark] .SideItem-description {
    color: #606a80
}

.Publication-title:hover,html[data-theme=dark] .Publication-title:hover {
    color: #175199
}

.Publications-content {
    padding: 4px 20px
}

.Publication-item:not(:first-child) {
    display: block;
    border-top: 1px solid #f6f6f6
}

html[data-theme=dark] .Publication-item:not(:first-child) {
    border-top: 1px solid #2e2e2e
}

.Publication-summary {
    display: -webkit-box;
    line-height: 24px;
    color: #1a1a1a;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

html[data-theme=dark] .Publication-summary {
    color: #999
}

.Publication-image {
    width: 80px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(26,26,26,.1)
}

html[data-theme=dark] .Publication-image {
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.FollowshipCard {
    font-size: 14px
}

.FollowshipCard .NumberBoard-itemInner {
    padding: 12px 0
}

.FollowshipCard-counts:not(:last-child) {
    border-bottom: 1px solid #f6f6f6
}

html[data-theme=dark] .FollowshipCard-counts:not(:last-child) {
    border-bottom: 1px solid #2e2e2e
}

.FollowshipCard-link {
    color: #175199
}

.FollowshipCard-link:hover,html[data-theme=dark] .FollowshipCard-link:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .FollowshipCard-link {
    color: #175199
}

.FollowshipCard-avatars,.FollowshipCard-item:not(:first-child) {
    margin-top: 12px
}

.FollowshipCard-icon {
    margin-right: 8px
}

.FollowshipCard-avatar {
    margin-left: 8px
}

.FollowshipCard-avatar:first-child {
    margin-left: 0
}

.Profile {
    width: auto
}

.Profile-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1000px;
    min-height: 100vh;
    padding: 0 16px;
    margin: 10px auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.Profile-mainColumn {
    width: 694px
}

.Profile-mainColumn .SubTabs-item .Select-button {
    color: inherit
}

body:not(.Body--isAppleDevice) .Profile-mainColumn .List-headerText {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] body:not(.Body--isAppleDevice) .Profile-mainColumn .List-headerText {
    font-weight: 500
}

html[data-android] body:not(.Body--isAppleDevice) .Profile-mainColumn .List-headerText {
    font-weight: 700
}

body:not(.Body--isAppleDevice) .Profile-mainColumn .SubTabs-item:not(.is-active) {
    font-weight: 400
}

.Profile-sideColumn {
    width: 296px;
    color: #646464
}

html[data-theme=dark] .Profile-sideColumn {
    color: #999
}

.Profile-sideColumnItems {
    padding: 12px 0
}

.Profile-sideColumnItem {
    padding: 6px 20px
}

.Profile-sideColumnItemValue {
    margin-top: 6px;
    margin-left: 29px;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .Profile-sideColumnItemValue {
    color: #606a80
}

.Profile-sideColumnItemTitle {
    display: block;
    margin-bottom: 12px
}

.Profile-lightList {
    font-size: 14px
}

.Profile-lightItem {
    padding-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 46px;
    font-size: 14px;
    border-top: 1px solid #ebebeb
}

.Profile-lightItem:hover,.Profile-lightItem:hover .Profile-lightItemValue,html[data-theme=dark] .Profile-lightItem:hover,html[data-theme=dark] .Profile-lightItem:hover .Profile-lightItemValue {
    color: #175199
}

.Profile-lightItem:last-child {
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .Profile-lightItem:last-child {
    border-bottom: 1px solid #444
}

html[data-theme=dark] .Profile-lightItem {
    border-top: 1px solid #444
}

.Profile-lightItemName {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Profile-lightItemValue {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .Profile-lightItemValue {
    color: #606a80
}

.Profile-footerOperations {
    width: 100%;
    padding: 10px 0 10px 5px;
    box-sizing: border-box;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
    border-bottom: 1px solid #ebebeb
}

.Profile-footerOperations,.Profile-footerOperations a {
    color: #8590a6
}

html[data-theme=dark] .Profile-footerOperations,html[data-theme=dark] .Profile-footerOperations a {
    color: #606a80
}

html[data-theme=dark] .Profile-footerOperations {
    border-bottom: 1px solid #444
}

.Profile-footerDot:after {
    margin-right: 5px;
    margin-left: 5px;
    content: "\B7"
}

.Profile-sideColumnItemLink {
    cursor: pointer
}

.Profile-sideColumnItemLink:hover,html[data-theme=dark] .Profile-sideColumnItemLink:hover {
    color: #175199
}

.Profile-createOrgAccount {
    display: inline-block;
    width: 100%;
    line-height: 60px;
    text-align: center;
    color: #175199;
    cursor: pointer
}

html[data-theme=dark] .Profile-createOrgAccount {
    color: #175199
}

.Profile-createOrgAccountTip {
    text-align: center
}

.List .EmptyState {
    padding: 70px 0
}

.List-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;
    height: 50px;
    margin: 0 20px;
    border-bottom: 1px solid #f6f6f6;
    box-sizing: border-box
}

html[data-theme=dark] .List-header {
    border-bottom: 1px solid #2e2e2e
}

.List-headerText {
    margin: 0;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .List-headerText {
    font-weight: 500
}

html[data-android] .List-headerText {
    font-weight: 700
}

.List-headerOptions {
    font-size: 14px
}

.List-loading {
    padding: 200px 0;
    color: #8590a6;
    text-align: center
}

html[data-theme=dark] .List-loading {
    color: #606a80
}

.List-item {
    position: relative;
    padding: 16px 20px
}

.List-item+.List-item:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 20px;
    display: block;
    border-bottom: 1px solid #f6f6f6;
    content: ""
}

html[data-theme=dark] .List-item+.List-item:after {
    border-bottom: 1px solid #2e2e2e
}

.List-item--holder {
    padding: 24px 0
}

.List-itemMeta {
    margin-bottom: 10px;
    color: #8590a6
}

html[data-theme=dark] .List-itemMeta {
    color: #606a80
}

.ContentItem-title {
    font-size: 18px;
    font-weight: 600;
    font-synthesis: style;
    line-height: 1.6;
    color: #1a1a1a;
    margin-top: -4px;
    margin-bottom: -4px
}

html[data-ios] .ContentItem-title {
    font-weight: 500
}

html[data-android] .ContentItem-title {
    font-weight: 700
}

.ContentItem-title+.ContentItem-meta {
    margin-top: 6px
}

.ContentItem-title a:hover,html[data-theme=dark] .ContentItem-title a:hover {
    color: #175199
}

html[data-theme=dark] .ContentItem-title {
    color: #999
}

.ContentItem-meta {
    font-size: 15px;
    color: #646464
}

.ContentItem-meta .ColumnItem-meta,.ContentItem-meta .TopicItem-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html[data-theme=dark] .ContentItem-meta {
    color: #999
}

.ContentItem-avatar {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.ContentItem-avatar .UserLink-avatar {
    width: 38px;
    height: 38px;
    vertical-align: top
}

.ContentItem-author {
    padding-top: 10px
}

.ContentItem-status {
    margin-top: 5px;
    color: #8590a6;
    font-size: 14px
}

html[data-theme=dark] .ContentItem-status {
    color: #606a80
}

.ContentItem-statusItem:not(:first-child):before {
    margin: 0 5px;
    content: "\B7"
}

.ContentItem-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0 -20px -10px;
    color: #646464;
    background: #fff;
    clear: both
}

.ContentItem-actions.is-fixed {
    margin: 0;
    box-shadow: 0 -1px 3px rgba(26,26,26,.1)
}

html[data-theme=dark] .ContentItem-actions.is-fixed {
    box-shadow: 0 -1px 3px hsla(0,0%,60%,.1)
}

html[data-theme=dark] .ContentItem-actions {
    color: #999;
    background: #1a1a1a
}

.ContentItem-action {
    margin-left: 24px;
    font-size: 14px
}

.ContentItem-action:first-child {
    margin-left: 0
}

.ContentItem-rightButton {
    margin-left: auto
}

.ContentItem-rightButton .Icon {
    margin-left: 8px
}

.ContentItem-more {
    padding: 0;
    margin-left: 4px;
    color: #175199
}

.ContentItem-more:hover,html[data-theme=dark] .ContentItem-more:hover {
    color: gray
}

.ContentItem-more .Icon {
    fill: currentColor
}

html[data-theme=dark] .ContentItem-more {
    color: #175199
}

.ContentItem-time {
    margin-top: 10px;
    font-size: 14px;
    color: #8590a6
}

.ContentItem-time a:hover {
    border-bottom: 1px solid rgba(133,144,166,.72)
}

html[data-theme=dark] .ContentItem-time a:hover {
    border-bottom: 1px solid rgba(96,106,128,.72)
}

html[data-theme=dark] .ContentItem-time {
    color: #606a80
}

.ContentItem-arrowIcon {
    width: 9px;
    margin-left: 8px
}

.ContentItem-arrowIcon.is-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

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

.ContentItem-image {
    float: left;
    margin-right: 16px
}

.ContentItem-head {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    margin-right: 6px
}

.ContentItem-extra {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.ContentItem-cells {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    line-height: 26px
}

.ContentItem-cell:not(:first-child) {
    margin-left: 40px
}

.ContentItem-cell>span:first-child {
    color: #8590a6
}

html[data-theme=dark] .ContentItem-cell>span:first-child {
    color: #606a80
}

.ContentItem-needApproved {
    color: #175199;
    cursor: pointer
}

html[data-theme=dark] .ContentItem-needApproved {
    color: #175199
}

.ImageView {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    overflow: hidden;
    transition: background-color .2s ease-in-out
}

.ImageView.is-active {
    background-color: rgba(26,26,26,.65)
}

html[data-theme=dark] .ImageView.is-active {
    background-color: rgba(0,0,0,.65)
}

.ImageView-inner {
    height: 100%;
    box-sizing: border-box
}

.ImageView-img {
    cursor: zoom-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.ImageView-transformOrigin {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    transition: .3s ease-in-out;
    transition-property: -webkit-transform opacity;
    transition-property: transform opacity;
    transition-property: transform opacity,-webkit-transform opacity
}

.CopyrightRichText-tooltip {
    font-size: 14px
}

.RichContent {
    line-height: 1.67
}

.RichContent b .UserLink-link {
    font-weight: inherit
}

.RichContent.is-collapsed .RichContent-inner {
    max-height: 100px
}

.RichContent--unescapable.is-collapsed {
    position: relative;
    overflow: hidden
}

.RichContent--unescapable.is-collapsed .RichContent-inner {
    position: relative;
    transition: max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
    transition: mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035);
    transition: mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
    -webkit-mask-image: linear-gradient(#1a1a1a calc(100% - 8rem),transparent calc(100% - 2.8rem));
    mask-image: linear-gradient(#1a1a1a calc(100% - 8rem),transparent calc(100% - 2.8rem));
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

html[data-theme=dark] .RichContent--unescapable.is-collapsed .RichContent-inner {
    -webkit-mask-image: linear-gradient(#999 calc(100% - 8rem),transparent calc(100% - 2.8rem));
    mask-image: linear-gradient(#999 calc(100% - 8rem),transparent calc(100% - 2.8rem))
}

.RichContent--unescapable.is-collapsed .ContentItem-actions {
    position: relative
}

.RichContent--unescapable.is-collapsed .ContentItem-rightButton {
    position: absolute;
    z-index: 1;
    bottom: 75px;
    left: 0;
    width: 100%;
    color: #175199;
    font-size: 15px
}

html[data-theme=dark] .RichContent--unescapable.is-collapsed .ContentItem-rightButton {
    color: #175199
}

@media (min-width:690px) {
    .RichContent.is-collapsed {
        cursor: pointer;
        transition: color .14s ease-out
    }

    .RichContent.is-collapsed .RichContent-cover>img {
        transition: -webkit-transform .6s ease-out;
        transition: transform .6s ease-out;
        transition: transform .6s ease-out,-webkit-transform .6s ease-out
    }

    .RichContent.is-collapsed .CopyrightRichText-richText {
        pointer-events: none
    }

    .RichContent.is-collapsed .RichContent-inner:hover {
        color: #646464
    }

    .RichContent.is-collapsed .RichContent-inner:hover a:not(.video-box):not(.link-box):not(.VideoCard-link),.RichContent.is-collapsed .RichContent-inner:hover u {
        border-bottom: 1px solid hsla(0,0%,39%,.72)
    }

    .RichContent.is-collapsed .RichContent-inner:hover a:not(.video-box):not(.link-box):not(.VideoCard-link) u,.RichContent.is-collapsed .RichContent-inner:hover u u {
        border-color: transparent
    }

    html[data-theme=dark] .RichContent.is-collapsed .RichContent-inner:hover a:not(.video-box):not(.link-box):not(.VideoCard-link),html[data-theme=dark] .RichContent.is-collapsed .RichContent-inner:hover u {
        border-bottom: 1px solid hsla(0,0%,60%,.72)
    }

    .RichContent.is-collapsed .RichContent-inner:hover .RichContent-cover>img {
        -webkit-transform: scale3d(1.024,1.024,1);
        transform: scale3d(1.024,1.024,1)
    }

    html[data-theme=dark] .RichContent.is-collapsed .RichContent-inner:hover {
        color: #999
    }
}

.RichContent.is-collapsed:not(.RichContent--unescapable) .CopyrightRichText-richText {
    white-space: normal
}

.RichContent-inner {
    margin-top: 9px;
    margin-bottom: -4px;
    overflow: hidden
}

.RichContent-cover {
    position: relative;
    width: 190px;
    height: 105px;
    margin-top: -2px;
    margin-right: 18px;
    margin-bottom: 4px;
    float: left;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    border-radius: 4px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.RichContent-cover+.RichContent-inner {
    margin-top: 16px
}

.RichContent-cover:after {
    position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    content: "";
    opacity: .02
}

html[data-theme=dark] .RichContent-cover:after {
    background: #999
}

.RichContent-cover .VagueImage {
    vertical-align: top
}

.RichContent-cover-play {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.RichContent-cover-play .Icon {
    display: block
}

.RichContent-cover-inner {
    position: absolute;
    top: 50%;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden
}

.RichContent-cover-inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.RichContent-cover>img {
    margin: 0!important
}

.RichContent-cover .zh-lightbox-thumb {
    cursor: pointer!important
}

.RichContent-cover--mobile {
    float: none;
    width: 100%;
    height: 0;
    padding: 21% 0;
    margin: 10px 0 -8px!important
}

@media (max-width:320px) {
    .RichContent-collapsedText {
        display: none
    }
}

.RichContent-actions.is-fixed {
    -webkit-animation: .2s slideInUp;
    animation: .2s slideInUp
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.RichContent.is-collapsed:not(.RichContent--unescapable) .RichContent-inner * {
    font-size: inherit;
    font-weight: 400;
    font-style: normal
}

.ShareMenu-button {
    height: 40px;
    font-size: 14px
}

.ShareMenu-button .Zi--InsertLink {
    vertical-align: middle;
    margin-right: 4px;
    margin-left: -2px
}

.ShareMenu-wechat {
    padding-bottom: 12px
}

.ShareMenu-fakeQRCode {
    display: none
}

.ShareMenu-qrCode,.ShareMenu-wechatText {
    display: block
}

.ShareMenu-qrCode {
    width: 94px;
    height: 94px
}

.ShareMenu-isReviewing {
    margin-left: 24px
}

.CommentButton-text {
    margin-right: 4px
}

@media (max-width:320px) {
    .CommentButton-text {
        display: none
    }
}

.QuestionItem-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.QuestionItem-muteStatus {
    display: inline-block;
    padding: 0 6px;
    margin-left: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #8590a6;
    cursor: default;
    background-color: #f6f6f6;
    border-radius: 3px
}

html[data-theme=dark] .QuestionItem-muteStatus {
    color: #606a80;
    background-color: #2e2e2e
}

.QuestionItem-icon {
    margin-left: 8px
}

.QuestionItem-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.QuestionItem-answerIcon {
    margin-right: 4px
}

.QuestionItem-mobileDot {
    margin: 0 10px
}

.QuestionItem-mobileDot:after {
    content: "\2022"
}

.RadioButtons {
    font-size: 14px;
    color: #444
}

.RadioButtons-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 11px 0;
    border-bottom: 1px solid #f6f6f6
}

@media (max-width:660px) {
    .RadioButtons-item {
        min-height: 48px;
        line-height: 20px
    }
}

html[data-theme=dark] .RadioButtons-item {
    border-bottom: 1px solid #2e2e2e
}

.RadioButtons-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.RadioButtons-input {
    display: inline-block;
    width: 14px;
    height: 14px;
    padding: 2px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    border: 2px solid #ebebeb;
    border-radius: 50%;
    transition: background-color,border-color .3s;
    background-clip: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.RadioButtons-input:checked {
    background-color: #0084ff;
    border-color: #0084ff
}

html[data-theme=dark] .RadioButtons-input:checked {
    background-color: #3a76d0;
    border-color: #3a76d0
}

.RadioButtons-input:focus {
    outline: none
}

html[data-theme=dark] .RadioButtons-input {
    border: 2px solid #444
}

html[data-theme=dark] .RadioButtons {
    color: gray
}

.AddAnnotationModal-description {
    color: #8590a6;
    font-size: 14px;
    margin: 20px 0
}

html[data-theme=dark] .AddAnnotationModal-description {
    color: #606a80
}

.AddAnnotationModal-body {
    max-height: 300px;
    overflow: scroll;
    margin: 0 -20px;
    padding: 0 20px
}

@media (max-width:660px) {
    .AddAnnotationModal-body {
        margin: 16px;
        padding: 0;
        max-height: inherit
    }
}

@media (max-width:660px) {
    .AddAnnotationModal-buttonGroup {
        position: absolute;
        bottom: 10px;
        width: 100%;
        height: 36px;
        padding: 0 16px
    }
}

@media (max-width:660px) {
    .CancelAnnotationModal {
        padding: 16px
    }
}

@media (max-width:660px) {
    .CancelAnnotationModal-Input {
        min-height: 132px
    }
}

@media (max-width:660px) {
    .CancelAnnotationModal-CancelButton {
        position: absolute;
        bottom: 10px;
        width: 343px!important;
        height: 36px
    }
}

.Annotation-mark {
    background-color: rgba(23,81,153,.05);
    margin-top: 16px;
    padding-bottom: 8px;
    border-radius: 4px;
    position: relative
}

@media (max-width:660px) {
    .Annotation-mark {
        margin: 16px 12px 0
    }
}

html[data-theme=dark] .Annotation-mark {
    background-color: rgba(23,81,153,.05)
}

.Annotation-markTitle {
    color: #1a1a1a;
    font-size: 15px;
    margin-left: 16px;
    padding-top: 16px;
    font-weight: 600
}

@media (max-width:660px) {
    .Annotation-markTitle {
        margin: 12px 12px 8px
    }
}

html[data-theme=dark] .Annotation-markTitle {
    color: #999
}

.Annotation-markSummary {
    color: #1a1a1a;
    font-size: 14px;
    margin: 4px 16px 0;
    line-height: 24px;
    overflow: auto
}

.Annotation-markSummary a {
    cursor: pointer;
    color: #175199;
    text-decoration: underline
}

html[data-theme=dark] .Annotation-markSummary a {
    color: #175199
}

@media (max-width:660px) {
    .Annotation-markSummary {
        margin: 12px
    }
}

html[data-theme=dark] .Annotation-markSummary {
    color: #999
}

.Annotation-complaintHelp {
    position: absolute;
    top: 18px;
    right: 16px
}

.UserItem-avatar .Avatar,.UserItem-avatar .Popover {
    display: block
}

.UserItem-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.UserItem-name,.UserItem-name .UserLink-badge,.UserItem-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.UserItem-name .UserLink-badge {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.UserItem-business {
    font-size: 14px;
    color: #1a1a1a
}

html[data-theme=dark] .UserItem-business {
    color: #999
}

.UserItem-company:after {
    margin: 0 5px;
    color: #ebebeb;
    content: "|"
}

html[data-theme=dark] .UserItem-company:after {
    color: #444
}

.ContentItem-rewardDetails {
    margin-top: -10px
}

.ContentItem-rewardAmount {
    font-size: 18px;
    color: #444;
    line-height: 25px
}

html[data-theme=dark] .ContentItem-rewardAmount {
    color: gray
}

.ContentItem-rewardTime {
    margin-top: 6px;
    font-size: 15px;
    color: #8590a6;
    line-height: 21px;
    text-align: right
}

html[data-theme=dark] .ContentItem-rewardTime {
    color: #606a80
}

.VoterList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.VoterList-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll
}

.VoterList-description {
    text-align: center;
    color: #8590a6;
    font-size: 14px;
    background: rgba(133,144,166,.1)
}

.VoterList-description p {
    margin: 12px 24px
}

html[data-theme=dark] .VoterList-description {
    color: #606a80;
    background: rgba(96,106,128,.1)
}

.Voters {
    color: #8590a6
}

html[data-theme=dark] .Voters {
    color: #606a80
}

.AnswerModal-list {
    font-size: 14px;
    line-height: 1.75
}

.AnswerModal-list>li:not(:first-child) {
    margin-top: 4px
}

.AnswerModal-moreLink {
    display: inline-block;
    margin-top: 8px;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    color: #175199
}

.AnswerModal-moreLink:hover,html[data-theme=dark] .AnswerModal-moreLink:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .AnswerModal-moreLink {
    color: #175199
}

.RewardForm-rewardModal {
    width: 536px;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .RewardForm-rewardModal {
    color: #606a80
}

.RewardForm-rewardTitle {
    color: #444;
    font-size: 24px;
    margin: 40px auto 24px;
    text-align: center
}

html[data-theme=dark] .RewardForm-rewardTitle {
    color: gray
}

.RewardForm-rewardInput {
    width: 488px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #d3d3d3;
    border-radius: 3px
}

.RewardForm-rewardInput input {
    height: 36px
}

html[data-theme=dark] .RewardForm-rewardInput {
    border: 1px solid #2e2e2e
}

.RewardForm-rewardCheckbox {
    margin-top: 5px;
    margin-right: 8px;
    display: inline-block
}

.RewardForm-rewardLink {
    color: #0084ff
}

html[data-theme=dark] .RewardForm-rewardLink {
    color: #3a76d0
}

.RewardForm-prompting {
    display: inline-block;
    position: absolute;
    right: 22px
}

.RewardForm-remark {
    margin: 16px 0 39px
}

.RewardForm-Protocol,.RewardForm-Protocol p {
    display: inline-block
}

.RewardForm-rewardSubmit {
    width: 220px;
    height: 36px;
    display: block;
    margin: 0 auto;
    background: #0084ff;
    border-radius: 3px;
    border: 1px solid #0084ff;
    color: #fff
}

.RewardForm-rewardSubmit:hover {
    background-color: #0084ff!important;
    color: #fff
}

html[data-theme=dark] .RewardForm-rewardSubmit:hover {
    background-color: #3a76d0!important;
    color: #1a1a1a
}

html[data-theme=dark] .RewardForm-rewardSubmit {
    background: #3a76d0;
    border: 1px solid #3a76d0;
    color: #1a1a1a
}

.RewardForm-rewardSubmit-disabled {
    border: 1px solid #d3d3d3
}

html[data-theme=dark] .RewardForm-rewardSubmit-disabled {
    border: 1px solid #2e2e2e
}

@media (max-width:690px) {
    .RewardForm-rewardModal {
        width: 100%
    }

    .RewardForm-rewardInput {
        width: 90%;
        margin: 0 auto
    }

    .RewardForm-remark {
        text-align: center
    }

    .RewardForm-prompting {
        position: static
    }
}

@-webkit-keyframes fsFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fsFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fsFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fsFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fsSlideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fsSlideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fsSlideDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
}

@keyframes fsSlideDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }
}

.AnswerForm {
    position: relative
}

.AnswerForm--bordered {
    border: 1px solid #ebebeb;
    border-radius: 3px
}

html[data-theme=dark] .AnswerForm--bordered {
    border: 1px solid #444
}

.AnswerForm:not(.AnswerForm--bordered) .Editable-toolbar {
    border-top: 1px solid #ebebeb
}

html[data-theme=dark] .AnswerForm:not(.AnswerForm--bordered) .Editable-toolbar {
    border-top: 1px solid #444
}

.AnswerForm--isToolbarSticky .Editable-toolbar,.AnswerForm .Sticky.is-fixed .Editable-toolbar {
    border-top: none;
    border-bottom: none
}

.AnswerForm--isToolbarSticky .Editable-toolbar:after,.AnswerForm .Sticky.is-fixed .Editable-toolbar:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    pointer-events: none;
    height: 3px;
    background: radial-gradient(ellipse at 50% 1%,rgba(26,26,26,.1),hsla(0,0%,100%,0) 80%)
}

html[data-theme=dark] .AnswerForm--isToolbarSticky .Editable-toolbar:after,html[data-theme=dark] .AnswerForm .Sticky.is-fixed .Editable-toolbar:after {
    background: radial-gradient(ellipse at 50% 1%,hsla(0,0%,60%,.1),rgba(26,26,26,0) 80%)
}

.AnswerForm-fullscreenBackdrop {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26,26,26,.3);
    -webkit-animation: fsFadeIn .3s ease-in-out;
    animation: fsFadeIn .3s ease-in-out
}

.AnswerForm-fullscreenBackdrop.isLeaveActive {
    -webkit-animation: fsFadeOut .3s ease-out;
    animation: fsFadeOut .3s ease-out
}

html[data-theme=dark] .AnswerForm-fullscreenBackdrop {
    background: hsla(0,0%,60%,.3)
}

.AnswerForm-fullscreenScroller {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 52px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff
}

html[data-theme=dark] .AnswerForm-fullscreenScroller {
    background: #1a1a1a
}

.AnswerForm-cloneEditor {
    opacity: 1
}

.AnswerForm-fullscreenContent {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-animation: fsSlideUp .3s ease-in-out;
    animation: fsSlideUp .3s ease-in-out
}

.AnswerForm-fullscreenContent.isLeaveActive {
    -webkit-animation: fsSlideDown .3s ease-out;
    animation: fsSlideDown .3s ease-out
}

.AnswerForm-fullscreenContent .RichText {
    height: calc(100% - 52px);
    min-height: 0!important
}

.AnswerForm-fullscreenContent .Editable {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border: none;
    overflow: visible
}

.AnswerForm-fullscreenContent .Editable-toolbar {
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
    top: 0;
    border-color: #ebebeb;
    border-width: 1px 0;
    background: #fff
}

html[data-theme=dark] .AnswerForm-fullscreenContent .Editable-toolbar {
    border-color: #444;
    background: #1a1a1a
}

.AnswerForm-fullscreenContent .AnswerForm-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 688px;
    width: 100%
}

.AnswerForm-fullscreenContent .AnswerForm-editor {
    position: static;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.AnswerForm-fullscreenContent .AnswerForm-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -1px 3px 0 rgba(23,81,153,.05)
}

html[data-theme=dark] .AnswerForm-fullscreenContent .AnswerForm-footer {
    box-shadow: 0 -1px 3px 0 rgba(23,81,153,.05)
}

.AnswerForm-enterFullscreenButton {
    padding: 0 6px
}

.AnswerForm-exitFullscreenButton {
    position: fixed;
    z-index: 11;
    top: 17px;
    right: 17px;
    padding: 0 8px;
    line-height: 30px;
    background: #ebebeb;
    border-radius: 4px;
    border: none
}

.AnswerForm-exitFullscreenButton .Icon {
    margin-right: 8px;
    fill: currentColor
}

.AnswerForm-exitFullscreenButton:hover {
    color: gray;
    background: #ebebeb
}

html[data-theme=dark] .AnswerForm-exitFullscreenButton:hover {
    color: gray;
    background: #444
}

html[data-theme=dark] .AnswerForm-exitFullscreenButton {
    background: #444
}

.AnswerForm-title {
    margin: 16px 0;
    padding: 0 20px;
    font-size: 22px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .AnswerForm-title {
    font-weight: 500
}

html[data-android] .AnswerForm-title {
    font-weight: 700
}

.AnswerForm-editor.is-focus {
    border: none
}

.AnswerForm-editor .Dropzone-overlay {
    margin: 14px 24px
}

.AnswerForm-cloneEditor,.AnswerForm-editor {
    border: none;
    border-radius: 0
}

.AnswerForm-cloneEditor .DraftEditor-root,.AnswerForm-editor .DraftEditor-root {
    padding: 12px 20px;
    font-size: 15px
}

.AnswerForm-footer {
    position: relative;
    background: #fff
}

.AnswerForm--isFullscreen .AnswerForm-footer,.AnswerForm-footer.is-fixed,html[data-theme=dark] .AnswerForm--isFullscreen .AnswerForm-footer,html[data-theme=dark] .AnswerForm-footer.is-fixed {
    box-shadow: 0 -1px 3px 0 rgba(23,81,153,.05)
}

.AnswerForm-footer--hidden {
    pointer-events: none;
    opacity: 0
}

html[data-theme=dark] .AnswerForm-footer {
    background: #1a1a1a
}

.AnswerForm-footerContent {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    padding: 12px 24px;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.AnswerForm-status {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .AnswerForm-status {
    color: #606a80
}

.AnswerForm-delete {
    margin-right: 12px
}

.AnswerForm-delete:hover .Icon {
    fill: #999
}

html[data-theme=dark] .AnswerForm-delete:hover .Icon {
    fill: #646464
}

.AnswerForm-draftStatus--failed {
    color: #f1403c
}

html[data-theme=dark] .AnswerForm-draftStatus--failed {
    color: #b7302d
}

.AnswerForm-footerRight {
    transition: opacity .3s ease-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.AnswerForm-submit {
    margin-left: 22px
}

.AnswerForm-cancel {
    cursor: pointer;
    color: #175199
}

.AnswerForm-cancel:hover,html[data-theme=dark] .AnswerForm-cancel:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .AnswerForm-cancel {
    color: #175199
}

.AnswerForm-Notication {
    position: absolute;
    right: 300px;
    display: inline-block;
    background: #1a1a1a;
    margin-left: 129px;
    height: 20px;
    opacity: .8;
    color: #fff;
    padding: 8px;
    line-height: 20px;
    border-radius: 4px;
    font-size: 14px
}

.AnswerForm-Notication:after {
    position: absolute;
    right: -12px;
    z-index: 3;
    width: 0;
    height: 0;
    margin: auto;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-radius: 1px;
    content: "";
    border-bottom: 8px solid #1a1a1a;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 6px
}

html[data-theme=dark] .AnswerForm-Notication:after {
    border-bottom: 8px solid #999
}

html[data-theme=dark] .AnswerForm-Notication {
    background: #999;
    color: #1a1a1a
}

.AnswerForm-openRewardButton {
    margin-left: auto;
    position: absolute;
    right: 250px
}

.AnswerForm-openRewardDraftsLabel {
    right: 200px
}

.AnswerForm-openRewardLabel {
    color: #8590a6;
    font-size: 14px
}

.AnswerForm-openRewardLabel input {
    margin-right: 9px
}

html[data-theme=dark] .AnswerForm-openRewardLabel {
    color: #606a80
}

.VoteDownReasonMenu-container {
    box-sizing: border-box;
    font-size: 14px;
    padding: 16px 20px;
    position: relative;
    width: 350px
}

.VoteDownReasonMenu-header {
    font-weight: 600;
    margin-bottom: 12px
}

.VoteDownReasonMenu-action {
    color: #8590a6;
    cursor: pointer;
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    right: 20px;
    top: 16px
}

html[data-theme=dark] .VoteDownReasonMenu-action {
    color: #606a80
}

.VoteDownReasonMenu-spliter {
    background: #d3d3d3;
    display: inline-block;
    height: 12px;
    margin: 4px 6px 0 10px;
    vertical-align: top;
    width: 1px
}

html[data-theme=dark] .VoteDownReasonMenu-spliter {
    background: #2e2e2e
}

.VoteDownReasonMenu-closeButton {
    padding: 4px;
    vertical-align: top
}

.VoteDownReasonMenu-closeIcon {
    display: block
}

.VoteDownReasonMenu-reasonList {
    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
}

.VoteDownReasonMenu-reason {
    background: #f6f6f6;
    border-radius: 3px;
    color: #0084ff;
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
    width: 150px
}

.VoteDownReasonMenu-reason:last-child,.VoteDownReasonMenu-reason:nth-last-child(2) {
    margin-bottom: 0
}

html[data-theme=dark] .VoteDownReasonMenu-reason {
    background: #2e2e2e;
    color: #3a76d0
}

.VoteDownReasonMenu-disableReasonHint {
    margin-bottom: 12px
}

.VoteDownReasonMenu-disableReasonButtonList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.VoteDownReasonMenu-disableReasonButtonList .Button {
    line-height: 28px;
    width: 150px
}

.VoteButton {
    padding: 0 10px;
    color: #0084ff;
    background: rgba(0,132,255,.1);
    border-color: transparent
}

.VoteButton:not(:disabled):hover {
    background-color: rgba(0,132,255,.15)
}

html[data-theme=dark] .VoteButton:not(:disabled):hover {
    background-color: rgba(58,118,208,.15)
}

.VoteButton:disabled:hover {
    background: #f6f6f6
}

html[data-theme=dark] .VoteButton:disabled:hover {
    background: #2e2e2e
}

.VoteButton.is-active {
    color: #fff;
    background: #0084ff
}

.VoteButton.is-active:hover {
    background-color: #0084ff
}

html[data-theme=dark] .VoteButton.is-active:hover {
    background-color: #3a76d0
}

html[data-theme=dark] .VoteButton.is-active {
    color: #ebebeb;
    background: #3a76d0
}

html[data-theme=dark] .VoteButton {
    color: #3a76d0;
    background: rgba(58,118,208,.1)
}

.VoteButton:focus {
    outline: none
}

html:not([data-focus-method=pointer]) .VoteButton:focus {
    box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(0,132,255,.3)
}

html[data-theme=dark] html:not([data-focus-method=pointer]) .VoteButton:focus {
    box-shadow: 0 0 0 2px #1a1a1a,0 0 0 4px rgba(58,118,208,.3)
}

.VoteButton--down {
    margin-left: 4px
}

.VoteButton--down.VoteButton--mobileDown {
    margin-left: 8px
}

.VoteButton-downIcon,.VoteButton-upIcon {
    fill: currentColor
}

.VoteButton-upIcon {
    margin-right: 8px
}

.VoteButton-downIcon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.Reward-activateBtn {
    color: #fff;
    background: #f36;
    width: 80px;
    height: 34px;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 60px
}

html[data-theme=dark] .Reward-activateBtn {
    color: #1a1a1a;
    background: #d92155
}

.Reward-activateHint {
    margin-bottom: 28px
}

.Reward-editButton {
    margin-left: 15px;
    cursor: pointer
}

.Reward-money {
    font-size: 24px;
    margin-top: 20px;
    font-weight: 600;
    font-synthesis: style;
    color: #444
}

html[data-ios] .Reward-money {
    font-weight: 500
}

html[data-android] .Reward-money {
    font-weight: 700
}

.Reward-money span {
    cursor: pointer
}

html[data-theme=dark] .Reward-money {
    color: gray
}

.Reward-User-text {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    cursor: pointer;
    margin-bottom: 10px
}

.Reward-User-img {
    position: relative
}

.Reward-User-img:hover:after,.Reward-User-img:hover:before {
    visibility: visible;
    opacity: 1;
    transition-delay: .3s
}

.Reward-User-img:before {
    -webkit-transform: scale(-1);
    transform: scale(-1);
    width: 0;
    height: 0;
    margin: 0 0 0 -6px;
    font-size: 0;
    color: rgba(26,26,26,.8);
    border-bottom: 6px solid currentColor;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

html[data-theme=dark] .Reward-User-img:before {
    color: hsla(0,0%,60%,.8)
}

.Reward-User-img:after,.Reward-User-img:before {
    content: "";
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 38%;
    top: -20px;
    z-index: 10;
    transition: visibility .3s,opacity .3s
}

.Reward-User-img:after {
    content: attr(data-hover-title);
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    font-size: 13px;
    color: #fff;
    background: rgba(26,26,26,.8);
    border-radius: 4px;
    white-space: nowrap;
    padding: 3px 8px
}

html[data-theme=dark] .Reward-User-img:after {
    color: #1a1a1a;
    background: hsla(0,0%,60%,.8)
}

.Reward-MoreUser,.Reward-User-avatar {
    cursor: pointer;
    border-radius: 100px;
    height: 25px;
    width: 25px;
    margin-right: 9px
}

.Reward-MoreUser {
    text-align: center;
    display: inline-block;
    background: #f6f6f6
}

.Reward-MoreUser i {
    width: 3px;
    height: 3px;
    background: #bfbfbf;
    border-radius: 45%;
    position: absolute;
    margin-top: 11px;
    margin-left: -2px
}

.Reward-MoreUser i:first-child {
    margin-left: -8px
}

.Reward-MoreUser i:last-child {
    margin-left: 4px
}

html[data-theme=dark] .Reward-MoreUser i {
    background: gray
}

html[data-theme=dark] .Reward-MoreUser {
    background: #2e2e2e
}

.Reward-count,.Reward-countZero {
    margin-top: 20px
}

.Reward-rewardBtn {
    color: #fff;
    background: #f36;
    width: 80px;
    height: 34px;
    border-radius: 4px;
    margin-top: 27px
}

html[data-theme=dark] .Reward-rewardBtn {
    color: #1a1a1a;
    background: #d92155
}

.Reward {
    text-align: center;
    font-size: 14px
}

.Reward,html[data-theme=dark] .Reward {
    color: gray
}

.Reward-tagline {
    margin-top: 60px;
    line-height: 18px;
    font-size: 15px
}

.TPass {
    display: inline-block;
    border-color: #bfbfbf
}

html[data-theme=dark] .TPass {
    border-color: gray
}

.TPass-wrapper {
    display: block;
    position: relative;
    font-size: 14px;
    color: #646464;
    border-color: inherit
}

html[data-theme=dark] .TPass-wrapper {
    color: #999
}

.TPass-input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 1px;
    margin-left: 1px;
    padding: 0;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 4px;
    line-height: 50px;
    text-align: center;
    color: currentColor;
    transition: opacity .1s
}

.TPass-input::-webkit-inner-spin-button,.TPass-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.TPass-input:focus {
    opacity: 1
}

.TPassBoxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 352px;
    line-height: 1;
    vertical-align: top;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.TPassBox {
    box-sizing: border-box;
    border-radius: 4px;
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid;
    border-color: inherit;
    line-height: 50px;
    text-align: center;
    vertical-align: top
}

.TPassBox-mask:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: currentColor;
    color: gray
}

html[data-theme=dark] .TPassBox-mask:before {
    color: gray
}

.TPassBox,.TPassBoxes {
    transition: border-color .1s
}

.Spinner {
    contain: strict;
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    line-height: 24px
}

.Spinner-loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    border-radius: 100px;
    border: 4px solid #f1403c;
    border-top-color: transparent;
    -webkit-animation: rotate .8s infinite linear;
    animation: rotate .8s infinite linear
}

html[data-theme=dark] .Spinner-loading {
    border: 4px solid #b7302d
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.Payment {
    font-size: 14px;
    text-align: center;
    color: #646464;
    margin-top: 16px
}

html[data-theme=dark] .Payment {
    color: #999
}

.Payment-placeholder {
    height: 20px;
    padding: 70px;
    text-align: center
}

.Payment-placehoder--empty {
    margin-bottom: -16px
}

.PaymentsList {
    text-align: left;
    margin: 0 -16px -16px;
    line-height: 50px
}

.PaymentsList .Popover {
    position: absolute;
    right: 26px
}

.Payment-Popover {
    border: none;
    padding-left: 4px;
    padding-right: 0
}

.Payment-Bottomline,.Payment-Topline {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #ebebeb;
    background: currentColor;
    width: 353px;
    margin-left: 23px
}

html[data-theme=dark] .Payment-Bottomline,html[data-theme=dark] .Payment-Topline {
    color: #444
}

.PaymentWay {
    font-size: 14px;
    color: #999;
    margin-left: 23px;
    margin-right: 118px
}

html[data-theme=dark] .PaymentWay {
    color: #646464
}

.Payment-select-list,.Popover-targetContainer-verification {
    width: auto;
    min-width: 187px
}

.PaymentItem svg {
    margin-right: 4px
}

.PaymentItem:hover {
    background: #f6f6f6
}

html[data-theme=dark] .PaymentItem:hover {
    background: #2e2e2e
}

.PaymentItem .icon {
    vertical-align: -4px;
    margin-right: 6px
}

.PaymentItem--disabled {
    color: #999;
    pointer-events: none
}

html[data-theme=dark] .PaymentItem--disabled {
    color: #646464
}

.Payment-balancePay,.Payment-wechatPay {
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 8px
}

.Payment-balancePay .icon,.Payment-wechatPay .icon {
    margin-right: 6px
}

.Payment-balancePayTitle,.Payment-wechatPayTitle {
    font-size: 24px;
    color: #444;
    line-height: 33px;
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

html[data-theme=dark] .Payment-balancePayTitle,html[data-theme=dark] .Payment-wechatPayTitle {
    color: gray
}

.PaymentIconWechat {
    color: #999
}

html[data-theme=dark] .PaymentIconWechat {
    color: #646464
}

.PaymentIconWallet {
    color: #0084ff
}

.PaymentItem--disabled .PaymentIconWallet {
    color: #999
}

html[data-theme=dark] .PaymentItem--disabled .PaymentIconWallet {
    color: #646464
}

html[data-theme=dark] .PaymentIconWallet {
    color: #3a76d0
}

.Payment-CheckedButton {
    display: block;
    margin: 19px 24px 0 22px;
    height: 44px;
    width: 353px;
    border-radius: 4px;
    background: #0084ff;
    border: 1px solid #0084ff;
    color: #fff;
    font-size: 16px
}

.Payment-CheckedButton:hover {
    background-color: #0084ff
}

html[data-theme=dark] .Payment-CheckedButton:hover {
    background-color: #3a76d0
}

@media (max-width:690px) {
    .Payment-CheckedButton {
        width: 295px;
        margin-bottom: 20px
    }
}

html[data-theme=dark] .Payment-CheckedButton {
    background: #3a76d0;
    border: 1px solid #3a76d0;
    color: #1a1a1a
}

.Payment-balancePaySms {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative
}

.Payment-balancePaySmsText,.Payment-sms {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

.Payment-sendSms {
    position: absolute;
    right: 0;
    top: 44px;
    border: none;
    line-height: 33px;
    color: currentColor;
    background: none
}

.Payment-sendSms:hover {
    text-decoration: underline;
    cursor: pointer
}

.Payment-sendSms[disabled] {
    color: #999;
    cursor: not-allowed
}

html[data-theme=dark] .Payment-sendSms[disabled] {
    color: #646464
}

.Payment-qrPlaceholder,.Payment-qrWrapper {
    margin: 0 auto;
    width: 115px;
    height: 115px;
    color: #999
}

.Payment-qrPlaceholder i,.Payment-qrWrapper i {
    margin: 20px
}

.Payment-qrPlaceholder img,.Payment-qrWrapper img {
    width: 115px;
    height: 115px
}

html[data-theme=dark] .Payment-qrPlaceholder,html[data-theme=dark] .Payment-qrWrapper {
    color: #646464
}

.Payment-qrPlaceholder {
    padding-top: 30px
}

.Payment-qrPlaceholder img {
    position: absolute;
    bottom: 0;
    opacity: .01
}

.Payment-balancePayFooter {
    padding: 20px 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.Payment-balancePayConfirmBtn {
    width: 60px;
    padding: 0
}

.Payment-balancePayForget {
    font-size: 13px;
    line-height: 24px;
    color: #8590a6;
    margin-top: 20px
}

html[data-theme=dark] .Payment-balancePayForget {
    color: #606a80
}

.Payment-errorTip {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #f1403c;
    text-align: center;
    line-height: 36px
}

html[data-theme=dark] .Payment-errorTip {
    color: #b7302d
}

.Payment-errorInput {
    border-color: #f1403c
}

.Payment-errorInput .TPass-wrapper {
    color: #f1403c
}

html[data-theme=dark] .Payment-errorInput .TPass-wrapper {
    color: #b7302d
}

html[data-theme=dark] .Payment-errorInput {
    border-color: #b7302d
}

.Payment-errorInput input {
    outline-color: #f1403c
}

html[data-theme=dark] .Payment-errorInput input {
    outline-color: #b7302d
}

.Payment-tpass {
    position: relative;
    margin-top: 41px
}

.Payment-tpass .TPass-wrapper {
    color: #bfbfbf
}

html[data-theme=dark] .Payment-tpass .TPass-wrapper {
    color: gray
}

.Payment-progressing .TPass-wrapper {
    visibility: hidden
}

.Payment-balancePaySpinner {
    margin-top: -24px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.Payment-email {
    color: #0084ff
}

html[data-theme=dark] .Payment-email {
    color: #3a76d0
}

.Payment-description {
    font-size: 14px;
    color: #8590a6;
    line-height: 24px;
    margin-top: 2px
}

html[data-theme=dark] .Payment-description {
    color: #606a80
}

.Reward-TipjarDialogModal {
    width: 400px
}

.Reward-TipjarDialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.Reward-TipjarDialog-user {
    font-size: 18px;
    color: #444;
    font-weight: 600;
    font-synthesis: style;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 16px 0 0
}

html[data-ios] .Reward-TipjarDialog-user {
    font-weight: 500
}

html[data-android] .Reward-TipjarDialog-user {
    font-weight: 700
}

.Reward-TipjarDialog-user .Reward-UserAvatar {
    margin-right: 16px;
    display: inline-block;
    vertical-align: middle
}

.Reward-TipjarDialog-user .Reward-UserAvatar img {
    display: block;
    border-radius: 2px
}

html[data-theme=dark] .Reward-TipjarDialog-user {
    color: gray
}

.Reward-Avatar {
    width: 36px;
    height: 36px
}

.Reward-TipjarDialog-tagLine {
    height: 30px;
    font-size: 14px;
    margin-top: 20px;
    line-height: 30px;
    background: #f6f6f6;
    border-radius: 4px;
    padding: 5px 10px;
    color: #444;
    margin-bottom: 20px;
    position: relative
}

html[data-theme=dark] .Reward-TipjarDialog-tagLine {
    background: #2e2e2e;
    color: gray
}

.Reward-TipjarDialog-selectAmount {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.Reward-TipjarDialog-amountList,.Reward-TipjarDialog-selectAmount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.Reward-TipjarDialog-amountList {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Reward-TipjarDialog-amountList .Button {
    width: 28%;
    margin: 0 0 24px;
    font-size: 14px
}

.Reward-TipjarDialog-amountList .Button--red {
    border-color: #f1403c;
    color: #f1403c
}

html[data-theme=dark] .Reward-TipjarDialog-amountList .Button--red {
    border-color: #b7302d;
    color: #b7302d
}

.Reward-TipjarDialog-amountList .Reward-Button-checked {
    background: #f1403c;
    color: #fff
}

html[data-theme=dark] .Reward-TipjarDialog-amountList .Reward-Button-checked {
    background: #b7302d;
    color: #1a1a1a
}

.Reward-TipjarDialog-amountList b {
    margin-right: .2em;
    font-size: 16px
}

.Reward-TipjarDialog-amountCustom {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 6px
}

.Reward-TipjarDialog-amountCustom,.Reward-TipjarDialog-amountInput {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.Reward-TipjarDialog-amountInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.Reward-TipjarDialog-amountInput .Button {
    margin-left: 21px;
    height: 34px;
    width: 68px;
    line-height: 34px;
    margin-top: 1px
}

.Reward-TipjarDialog-amountInput .SimpleInput {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    outline: none;
    padding: 0 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    border: 1px solid #d3d3d3;
    box-shadow: 0 1px 2px 0 hsla(0,0%,100%,.12);
    border-radius: 3px;
    width: 261px;
    height: 36px
}

.Reward-TipjarDialog-amountInput .SimpleInput::-webkit-input-placeholder {
    color: #8590a6
}

.Reward-TipjarDialog-amountInput .SimpleInput:-ms-input-placeholder {
    color: #8590a6
}

.Reward-TipjarDialog-amountInput .SimpleInput::placeholder {
    color: #8590a6
}

html[data-theme=dark] .Reward-TipjarDialog-amountInput .SimpleInput::-webkit-input-placeholder {
    color: #606a80
}

html[data-theme=dark] .Reward-TipjarDialog-amountInput .SimpleInput:-ms-input-placeholder {
    color: #606a80
}

html[data-theme=dark] .Reward-TipjarDialog-amountInput .SimpleInput::placeholder {
    color: #606a80
}

html[data-theme=dark] .Reward-TipjarDialog-amountInput .SimpleInput {
    border: 1px solid #2e2e2e;
    box-shadow: 0 1px 2px 0 rgba(26,26,26,.12)
}

.TipjarDialog-customButton {
    display: block;
    margin: 0 auto;
    color: #f1403c
}

html[data-theme=dark] .TipjarDialog-customButton {
    color: #b7302d
}

.TipjarDialog-customButton-cheked {
    background: #f1403c;
    border: 1px solid #f1403c;
    border-radius: 3px;
    width: 140px;
    height: 34px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    display: block
}

.TipjarDialog-customButton-cheked:hover {
    background-color: #f1403c
}

html[data-theme=dark] .TipjarDialog-customButton-cheked:hover {
    background-color: #b7302d
}

html[data-theme=dark] .TipjarDialog-customButton-cheked {
    background: #b7302d;
    border: 1px solid #b7302d;
    color: #1a1a1a
}

.Reward-TipjarDialog-error {
    color: #f1403c;
    margin-top: 6px;
    display: none;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

html[data-theme=dark] .Reward-TipjarDialog-error {
    color: #b7302d
}

@media (max-width:690px) {
    .Reward-TipjarDialogModal {
        width: 90%
    }

    .Reward-TipjarDialog-amountList .Button {
        height: 40px;
        width: 87px
    }

    .Reward-TipjarDialog-amountList b {
        margin-right: 0
    }
}

.BrandQuestionPrizeTip {
    margin-top: 8px;
    font-size: 15px;
    color: #8590a6
}

.BrandQuestionPrizeTip a {
    margin-left: 5px;
    color: #0084ff
}

html[data-theme=dark] .BrandQuestionPrizeTip a {
    color: #3a76d0
}

html[data-theme=dark] .BrandQuestionPrizeTip {
    color: #606a80
}

.AnswerItem-meta {
    position: relative;
    margin-top: 14px
}

.AnswerItem-meta .AnswerItem-sticky {
    font-size: 14px;
    color: #8590a6;
    cursor: default
}

html[data-theme=dark] .AnswerItem-meta .AnswerItem-sticky {
    color: #606a80
}

.AnswerItem-selfMenu {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .AnswerItem-selfMenu {
    color: #606a80
}

.AnswerItem-selfMenuItem {
    line-height: 40px
}

.AnswerItem-selectMenuItem {
    position: relative;
    padding-left: 44px;
    line-height: 40px
}

.AnswerItem-selectMenuItem .Icon {
    position: absolute;
    top: 10px;
    left: 20px
}

.AnswerItem-commercialBadge {
    display: block;
    background-color: hsla(37,47%,60%,.1);
    color: #c2a469;
    font-size: 14px;
    padding: 12px;
    margin-top: 12px;
    border-radius: 4px
}

.AnswerItem-extraInfo {
    margin-top: 10px;
    margin-bottom: -4px;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .AnswerItem-extraInfo {
    color: #606a80
}

.AnswerItem-statusContent {
    padding: 16px;
    margin: 16px 0;
    background: #f6f6f6;
    border-radius: 4px
}

html[data-theme=dark] .AnswerItem-statusContent {
    background: #2e2e2e
}

.AnswerItem-statusReason {
    font-size: 15px;
    line-height: 26px;
    color: #1a1a1a;
    font-weight: 600;
    font-synthesis: style;
    margin-bottom: 3px
}

html[data-ios] .AnswerItem-statusReason {
    font-weight: 500
}

html[data-android] .AnswerItem-statusReason {
    font-weight: 700
}

html[data-theme=dark] .AnswerItem-statusReason {
    color: #999
}

.AnswerItem-statusDescription {
    font-size: 14px;
    line-height: 26px;
    color: #1a1a1a
}

.AnswerItem-statusDescription .RichContent-inner {
    margin-top: 0
}

.AnswerItem-statusDescription .RichContent.is-collapsed .RichContent-inner:hover {
    color: #1a1a1a
}

html[data-theme=dark] .AnswerItem-statusDescription .RichContent.is-collapsed .RichContent-inner:hover {
    color: #999
}

.AnswerItem-statusDescription .ContentItem-arrowIcon {
    display: none
}

html[data-theme=dark] .AnswerItem-statusDescription {
    color: #999
}

.AnswerItem-statusLink {
    border-bottom: 1px solid #8590a6
}

.AnswerItem-statusLink:active,.AnswerItem-statusLink:hover {
    color: #175199;
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .AnswerItem-statusLink:active,html[data-theme=dark] .AnswerItem-statusLink:hover {
    color: #175199;
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .AnswerItem-statusLink {
    border-bottom: 1px solid #606a80
}

.AnswerItem-complaintLink {
    color: #175199;
    font-weight: 400;
    padding-bottom: 2px
}

.AnswerItem-complaintLink:hover,html[data-theme=dark] .AnswerItem-complaintLink:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .AnswerItem-complaintLink {
    color: #175199
}

.AnswerItem-complaintHelp {
    float: right
}

.AnswerItem-complaintIcon {
    position: relative;
    top: -1px
}

.AnswerItem-status {
    padding: 16px;
    margin: 16px 0;
    color: #8590a6;
    background: #ebebeb;
    border-radius: 4px
}

.AnswerItem-status a {
    color: #175199
}

.AnswerItem-status a:hover,html[data-theme=dark] .AnswerItem-status a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .AnswerItem-status a {
    color: #175199
}

html[data-theme=dark] .AnswerItem-status {
    color: #606a80;
    background: #444
}

.AnswerItem-deleted {
    font-size: 15px;
    color: #8590a6;
    text-align: center
}

.AnswerItem-deleted a {
    font-size: inherit;
    cursor: pointer;
    color: #175199
}

.AnswerItem-deleted a:hover,html[data-theme=dark] .AnswerItem-deleted a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .AnswerItem-deleted a {
    color: #175199
}

html[data-theme=dark] .AnswerItem-deleted {
    color: #606a80
}

.AnswerItem-form {
    margin-top: 24px
}

.AnswerItem-editButton {
    color: #175199;
    cursor: pointer
}

.AnswerItem-editButton:hover .AnswerItem-editButtonText,html[data-theme=dark] .AnswerItem-editButton:hover .AnswerItem-editButtonText {
    border-bottom: 1px solid #175199
}

.AnswerItem-editButton .Icon,html[data-theme=dark] .AnswerItem-editButton .Icon {
    fill: #175199
}

html[data-theme=dark] .AnswerItem-editButton {
    color: #175199
}

.AnswerItem-mainAction {
    margin-right: 16px;
    border-color: #0084ff;
    color: #0084ff
}

.AnswerItem-mainAction--disabled {
    opacity: .5
}

html[data-theme=dark] .AnswerItem-mainAction {
    border-color: #3a76d0;
    color: #3a76d0
}

.Mobile-body .AnswerItem-mainAction {
    margin-right: 12px;
    padding: 0 10px;
    line-height: 28px;
    font-size: 12px
}

.Mobile-body .AnswerItem .Icon--comment,.Mobile-body .AnswerItem .Icon--dots,.Mobile-body .AnswerItem .Icon--setting,.Mobile-body .AnswerItem .Icon--star {
    width: 16px!important
}

.AnswerItem-authorInfo {
    margin-top: 10px
}

.AnswerItem-authorInfo--related {
    margin-top: 0
}

.LikeButton {
    padding: 0 15px;
    text-align: center;
    color: #0084ff;
    background: rgba(0,132,255,.1);
    border-color: transparent;
    border-radius: 3px;
    box-sizing: border-box
}

.LikeButton:not(:disabled):hover {
    background-color: rgba(0,132,255,.15)
}

html[data-theme=dark] .LikeButton:not(:disabled):hover {
    background-color: rgba(58,118,208,.15)
}

.LikeButton:disabled:hover {
    background: #f6f6f6
}

html[data-theme=dark] .LikeButton:disabled:hover {
    background: #2e2e2e
}

.LikeButton.is-active {
    color: #fff;
    background: #0084ff
}

.LikeButton.is-active:hover {
    background-color: #0084ff
}

html[data-theme=dark] .LikeButton.is-active:hover {
    background-color: #3a76d0
}

html[data-theme=dark] .LikeButton.is-active {
    color: #ebebeb;
    background: #3a76d0
}

.LikeButton .Icon {
    margin-right: 7px;
    fill: currentColor
}

html[data-theme=dark] .LikeButton {
    color: #3a76d0;
    background: rgba(58,118,208,.1)
}

.ArticleItem-authorInfo {
    margin-top: 14px
}

.ArticleItem-extraInfo {
    margin-top: 8px;
    margin-bottom: -3px;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .ArticleItem-extraInfo {
    color: #606a80
}

.ArticleItem-image {
    margin-top: 10px;
    width: 100%
}

.ArticleItem .RichContent-cover-inner img {
    -o-object-fit: cover;
    object-fit: cover
}

.ArticleItem-status {
    padding: 16px;
    margin: 16px 0;
    color: #8590a6;
    background: #ebebeb;
    border-radius: 4px
}

.ArticleItem-status a {
    color: #175199
}

.ArticleItem-status a:hover,html[data-theme=dark] .ArticleItem-status a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .ArticleItem-status a {
    color: #175199
}

html[data-theme=dark] .ArticleItem-status {
    color: #606a80;
    background: #444
}

.EBookItem .ContentItem-title {
    margin-top: 0
}

.EBookItem-description {
    line-height: 27px;
    margin-top: 12px;
    margin-bottom: 16px;
    color: #1a1a1a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html[data-theme=dark] .EBookItem-description {
    color: #999
}

.EBookItem-image {
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(26,26,26,.12);
    vertical-align: top
}

html[data-theme=dark] .EBookItem-image {
    box-shadow: 0 1px 4px 0 hsla(0,0%,60%,.12)
}

.EBookItem-actions {
    margin-top: 4px
}

.EBookItem-price {
    color: #f1403c
}

.EBookItem-price del {
    margin-left: 6px;
    color: #8590a6
}

html[data-theme=dark] .EBookItem-price del {
    color: #606a80
}

html[data-theme=dark] .EBookItem-price {
    color: #b7302d
}

.TopicItem-statusLink {
    font-size: 14px;
    color: #175199
}

html[data-theme=dark] .TopicItem-statusLink {
    color: #175199
}

.FavlistItem-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.FavlistItem-lockIcon {
    margin-left: 8px
}

.FavlistItem-follow {
    width: 90px
}

.RoundtableItem-badge {
    display: inline-block;
    padding: 3px 6px;
    font-size: 12px;
    white-space: nowrap;
    color: #8590a6;
    vertical-align: 1px;
    background-color: #f6f6f6;
    border-radius: 3px;
    line-height: 1;
    margin-left: 8px
}

.RoundtableItem-badge .Icon {
    margin-right: 6px
}

html[data-theme=dark] .RoundtableItem-badge {
    color: #606a80;
    background-color: #2e2e2e
}

.LiveAvatar-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 10%
}

.LiveAvatar-column {
    display: inline-block;
    width: calc(50% - 1px);
    height: 100%;
    overflow: hidden
}

.LiveAvatar-img {
    display: block;
    border-radius: inherit
}

.LiveAvatar-img.alignCenter {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%)
}

.LiveAvatar-img+.LiveAvatar-img {
    border-top: 2px solid #fff
}

html[data-theme=dark] .LiveAvatar-img+.LiveAvatar-img {
    border-top: 2px solid #1a1a1a
}

.LiveAvatar-column+.LiveAvatar-column {
    border-left: 2px solid #fff
}

html[data-theme=dark] .LiveAvatar-column+.LiveAvatar-column {
    border-left: 2px solid #1a1a1a
}

.LiveItem-description {
    display: inline-block;
    line-height: 26px;
    cursor: pointer
}

.LiveItem-description.is-expand {
    overflow: auto;
    white-space: pre-wrap
}

button.LiveItem-description {
    display: block;
    width: 100%;
    text-align: left
}

.LiveItem-price {
    color: #f1403c
}

.LiveItem-price del {
    color: #8590a6;
    margin-left: 3px
}

html[data-theme=dark] .LiveItem-price del {
    color: #606a80
}

html[data-theme=dark] .LiveItem-price {
    color: #b7302d
}

.LiveItem-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 160px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 10px
}

.LiveItem-cover img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.ImageGallery {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    overflow: hidden;
    transition: background-color .2s ease-in-out
}

.ImageGallery.is-active {
    background-color: rgba(26,26,26,.65)
}

html[data-theme=dark] .ImageGallery.is-active {
    background-color: rgba(0,0,0,.65)
}

.ImageGallery .ImageGallery-Content {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ImageGallery .ImageGallery-Content .ImageGallery-arrow-left,.ImageGallery .ImageGallery-Content .ImageGallery-arrow-right {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ImageGallery-arrow-left,.ImageGallery-arrow-right,.ImageGallery-close {
    position: absolute;
    cursor: pointer;
    width: 72px;
    height: 72px
}

.ImageGallery-arrow-left:before,.ImageGallery-arrow-right:before,.ImageGallery-close:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.ImageGallery-arrow-left:hover:before,.ImageGallery-arrow-right:hover:before,.ImageGallery-close:hover:before {
    background: #fff;
    opacity: .1
}

html[data-theme=dark] .ImageGallery-arrow-left:hover:before,html[data-theme=dark] .ImageGallery-arrow-right:hover:before,html[data-theme=dark] .ImageGallery-close:hover:before {
    background: #1a1a1a
}

.ImageGallery-arrow-left:active:before,.ImageGallery-arrow-right:active:before,.ImageGallery-close:active:before {
    background: #fff;
    opacity: .3
}

html[data-theme=dark] .ImageGallery-arrow-left:active:before,html[data-theme=dark] .ImageGallery-arrow-right:active:before,html[data-theme=dark] .ImageGallery-close:active:before {
    background: #1a1a1a
}

.ImageGallery-arrow-left svg,.ImageGallery-arrow-right svg,.ImageGallery-close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ImageGallery-arrow-disabled {
    opacity: .3;
    cursor: default
}

.ImageGallery-arrow-disabled:active:before,.ImageGallery-arrow-disabled:hover:before {
    background: transparent
}

.ImageGallery-Inner {
    height: 100%;
    box-sizing: border-box;
    display: block
}

.ImageGallery-CursorZoomIn {
    cursor: -webkit-zoom-in
}

.ImageGallery-transition {
    transition: all .3s ease-in-out
}

.ImageGallery-fixed {
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%
}

.ImageGallery-close {
    position: absolute;
    top: 24px;
    right: 14px
}

.Image-Wrapper-Preview {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: -2px;
    display: block
}

.Image-Wrapper-Preview:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.Image-Wrapper-Preview .Thumbnail-Wrapper {
    float: left;
    box-sizing: border-box;
    position: relative;
    height: 1px;
    margin-bottom: 2px;
    cursor: zoom-in
}

.Image-Wrapper-Preview .Thumbnail-Wrapper span {
    margin-right: 2px;
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%
}

.Image-Wrapper-Preview .Thumbnail-Wrapper span img {
    position: absolute
}

.Image-Wrapper-Preview .Thumbnail-Wrapper .Image-PreviewVague .VagueImage {
    position: static
}

.Image-Wrapper-Preview .Thumbnail-Wrapper .Image-PreviewVague>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.Image-Wrapper-Preview .Thumbnail-Wrapper .Thumbnail-Surplus-Sign {
    position: absolute;
    left: 0;
    top: 0;
    right: 2px;
    bottom: 0;
    font-size: 32px;
    color: #fff;
    font-style: normal;
    z-index: 1;
    font-weight: 500;
    letter-spacing: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Image-Wrapper-Preview .Thumbnail-Wrapper .Thumbnail-Surplus-Sign:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    opacity: .3;
    z-index: -1
}

html[data-theme=dark] .Image-Wrapper-Preview .Thumbnail-Wrapper .Thumbnail-Surplus-Sign:before {
    background: #999
}

html[data-theme=dark] .Image-Wrapper-Preview .Thumbnail-Wrapper .Thumbnail-Surplus-Sign {
    color: #1a1a1a
}

.Image-Wrapper-Preview .Thumbnail-Wrapper .Thumbnail-Gif-Sign {
    position: absolute;
    background: hsla(0,0%,100%,.55);
    border-radius: 4px;
    border: 1px solid rgba(26,26,26,.15);
    color: rgba(26,26,26,.35);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 28px;
    height: 16px;
    right: 6px;
    bottom: 6px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    line-height: 18px;
    font-size: 12px
}

html[data-theme=dark] .Image-Wrapper-Preview .Thumbnail-Wrapper .Thumbnail-Gif-Sign {
    background: rgba(26,26,26,.55);
    border: 1px solid hsla(0,0%,60%,.15);
    color: hsla(0,0%,60%,.35)
}

.ReactionButton {
    padding: 0 15px;
    color: #0084ff;
    text-align: center;
    border-color: transparent;
    border-radius: 3px;
    box-sizing: border-box
}

.ReactionButton,.ReactionButton:disabled:hover {
    background: #f6f6f6
}

html[data-theme=dark] .ReactionButton:disabled:hover {
    background: #2e2e2e
}

.ReactionButton:not(:disabled):hover {
    background-color: #ebebeb
}

html[data-theme=dark] .ReactionButton:not(:disabled):hover {
    background-color: #444
}

.ReactionButton.is-active {
    color: #fff;
    background: #0084ff
}

.ReactionButton.is-active:hover {
    background-color: #0084ff
}

html[data-theme=dark] .ReactionButton.is-active:hover {
    background-color: #3a76d0
}

html[data-theme=dark] .ReactionButton.is-active {
    color: #ebebeb;
    background: #3a76d0
}

.ReactionButton .Icon {
    margin-right: 7px;
    fill: currentColor
}

html[data-theme=dark] .ReactionButton {
    color: #3a76d0;
    background: #2e2e2e
}

.PinItem-authorInfo {
    margin-bottom: 10px
}

.PinItem-remainContentRichText {
    margin-top: 10px;
    pointer-events: auto
}

.PinItem-remainContentRichText .link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 10px
}

.PinItem-remainContentRichText .link-box .content {
    padding-left: 0
}

.PinItem-remainContentRichText .link-box .thumbnail {
    width: 72px;
    height: 72px;
    border-radius: 4px
}

.PinItem-remainContentRichText blockquote {
    cursor: pointer
}

.PinItem-3lineBlockquote {
    display: -webkit-box;
    max-height: 81px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.PinItem-contentTitle {
    max-height: 54px
}

.PinItem-contentTitle,.PinItem-contentUrl {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PinItem .subtype {
    display: inline-block;
    padding: 1px 6px;
    margin-left: 8px;
    font-size: 12px;
    line-height: normal;
    color: #8590a6;
    vertical-align: 1px;
    background-color: #f6f6f6;
    border-radius: 3px
}

html[data-theme=dark] .PinItem .subtype {
    color: #606a80;
    background-color: #2e2e2e
}

.Thumbnail-Wrapper {
    width: 25%
}

.PinItem .Voters {
    display: none
}

.PinItem-content-repin {
    border: 1px solid #ebebeb;
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    background: #fff;
    margin-top: 20px;
    overflow: visible;
    border-radius: 4px;
    padding: 16px;
    font-size: 15px;
    line-height: 25px
}

.PinItem-content-repin blockquote {
    margin: 8px 0
}

.PinItem-content-repin .link-text {
    font-size: 14px;
    color: #999;
    line-height: 16px;
    margin-top: 8px;
    width: 100%;
    border-bottom: none!important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

html[data-theme=dark] .PinItem-content-repin .link-text {
    color: #646464
}

.PinItem-content-repin .RichText-video {
    width: 50%;
    margin: 0
}

html[data-theme=dark] .PinItem-content-repin {
    border: 1px solid #444;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    background: #1a1a1a
}

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

.ActivityItem-metaTitle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.SubTabs {
    display: inline-block
}

.SubTabs-item {
    height: 21px;
    padding: 6px 0 7px;
    margin-right: 36px
}

.SubTabs-item:last-child {
    margin-right: 0
}

.SubTabs-item:not(.is-active) {
    font-weight: 400
}

.SubTabs .Select-button {
    font-size: 1em;
    font-weight: inherit
}

.Field {
    padding: 30px 0;
    border-bottom: 1px solid #ebebeb
}

.Field .ButtonGroup .Button+.Button {
    margin-left: 16px
}

html[data-theme=dark] .Field {
    border-bottom: 1px solid #444
}

.Field-label {
    position: absolute;
    font-size: 15px;
    font-weight: 600;
    font-synthesis: style;
    line-height: 36px;
    color: #444
}

html[data-ios] .Field-label {
    font-weight: 500
}

html[data-android] .Field-label {
    font-weight: 700
}

html[data-theme=dark] .Field-label {
    color: gray
}

.Field-content {
    padding: 0 64px 0 140px;
    line-height: 36px
}

.Field-list {
    margin: 20px -10px 0
}

.Field-dot {
    margin-right: 10px
}

.Field-input {
    width: 180px
}

.Field-longInput {
    width: 495px
}

.Field-autoComplete {
    display: inline-block
}

.Field-autoComplete:not(:first-child) {
    margin-left: 16px
}

.Field-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 440px;
    padding: 8px 10px;
    line-height: 24px;
    cursor: move
}

.Field-card span {
    margin-left: 12px;
    font-size: 15px;
    color: #1a1a1a
}

html[data-theme=dark] .Field-card span {
    color: #999
}

.Field-hoveredCard {
    background: #f6f6f6;
    border-radius: 4px
}

html[data-theme=dark] .Field-hoveredCard {
    background: #2e2e2e
}

.Field-draggingCard {
    opacity: 1
}

.Field-delete {
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Field-avatar {
    vertical-align: top
}

.Field-modify {
    position: absolute;
    margin-left: 16px;
    line-height: inherit;
    transition: opacity .1s
}

.Field-modify-hidden:not(:focus) {
    opacity: 0
}

.Field .MaxLength {
    position: absolute;
    top: 30px;
    right: 12px;
    text-align: right
}

.ButtonGroup {
    margin-top: 24px;
    vertical-align: top
}

.ButtonGroup--right {
    display: inline-block;
    margin-top: 0;
    margin-left: 24px
}

.HeadlineField-input {
    width: 540px
}

.HeadlineField-buttonGroup {
    display: inline-block
}

.HeadlineField-actions {
    position: relative
}

.HomepageField-input {
    width: 540px
}

.HomepageField-buttonGroup {
    display: inline-block
}

.HomepageField-actions {
    position: relative
}

.AddButton {
    font-size: 15px
}

.AddButton-icon {
    fill: #0084ff;
    vertical-align: -4px
}

html[data-theme=dark] .AddButton-icon {
    fill: #3a76d0
}

.TextArea {
    padding: 4px 10px;
    font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
    line-height: 26px;
    background: #f6f6f6;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    outline: none;
    box-sizing: border-box;
    transition: background .2s;
    resize: none
}

.TextArea:focus {
    background: #fff
}

html[data-theme=dark] .TextArea:focus {
    background: #1a1a1a
}

.TextArea::-webkit-input-placeholder {
    color: #8590a6
}

.TextArea:-ms-input-placeholder {
    color: #8590a6
}

.TextArea::placeholder {
    color: #8590a6
}

html[data-theme=dark] .TextArea::-webkit-input-placeholder {
    color: #606a80
}

html[data-theme=dark] .TextArea:-ms-input-placeholder {
    color: #606a80
}

html[data-theme=dark] .TextArea::placeholder {
    color: #606a80
}

html[data-theme=dark] .TextArea {
    background: #2e2e2e;
    border: 1px solid #444
}

.DescriptionField-input {
    width: 540px
}

.DescriptionField-buttonGroup {
    display: inline-block
}

.DescriptionField-actions {
    position: relative
}

.DescriptionField-content {
    word-break: break-all
}

.ProfileEdit {
    width: 1000px;
    padding: 0 16px;
    margin: 14px auto;
    font-size: 15px;
    color: #1a1a1a
}

html[data-theme=dark] .ProfileEdit {
    color: #999
}

.ProfileEdit-fields {
    padding-bottom: 100px;
    margin-top: 10px
}

.ProfileEdit-headlineInput {
    width: 495px
}

.ProfileEdit-buttons {
    margin-top: 24px
}

.ProfileEdit-expandActions {
    bottom: auto
}

.ProfileEdit-arrowIcon {
    margin: 0 4px 0 8px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.Anonymous-confirm ul {
    padding-left: 2em
}

.Anonymous-confirm ul li {
    list-style: disc
}

.QuestionReviewInfo {
    width: 640px;
    height: 45px;
    background-color: #ebebeb;
    line-height: 45px;
    color: #8590a6;
    font-size: 15px;
    margin: 10px 0 12px;
    border-radius: 4px
}

.QuestionReviewInfo p {
    margin-left: 16px
}

html[data-theme=dark] .QuestionReviewInfo {
    background-color: #444;
    color: #606a80
}

.QuestionRichText {
    font-size: 15px;
    line-height: 25px
}

.QuestionRichText--expandable.QuestionRichText--collapsed {
    max-height: 51px;
    overflow: hidden;
    cursor: pointer;
    transition: color .14s ease-out
}

.QuestionRichText--expandable.QuestionRichText--collapsed .RichText {
    pointer-events: none
}

.QuestionRichText--expandable.QuestionRichText--collapsed:hover {
    color: #646464
}

.QuestionRichText--expandable.QuestionRichText--collapsed:hover a:not(.video-box):not(.link-box):not(.VideoCard-link),.QuestionRichText--expandable.QuestionRichText--collapsed:hover u {
    border-bottom: 1px solid hsla(0,0%,39%,.72)
}

.QuestionRichText--expandable.QuestionRichText--collapsed:hover a:not(.video-box):not(.link-box):not(.VideoCard-link) u,.QuestionRichText--expandable.QuestionRichText--collapsed:hover u u {
    border-color: transparent
}

html[data-theme=dark] .QuestionRichText--expandable.QuestionRichText--collapsed:hover a:not(.video-box):not(.link-box):not(.VideoCard-link),html[data-theme=dark] .QuestionRichText--expandable.QuestionRichText--collapsed:hover u {
    border-bottom: 1px solid hsla(0,0%,60%,.72)
}

html[data-theme=dark] .QuestionRichText--expandable.QuestionRichText--collapsed:hover {
    color: #999
}

.QuestionRichText-more:hover {
    color: gray
}

.QuestionRichText-more:hover .Icon {
    fill: #999
}

html[data-theme=dark] .QuestionRichText-more:hover .Icon {
    fill: #646464
}

html[data-theme=dark] .QuestionRichText-more:hover {
    color: gray
}

.QuestionRichText-more-icon {
    margin-left: 8px
}

.QuestionRichText--video {
    max-height: 105px!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px
}

.QuestionRichText--image {
    width: 190px;
    height: 105px;
    margin-right: 20px;
    border-radius: 4px
}

.QuestionRichText--wrapImgae {
    position: relative
}

.QuestionRichText--wrapImgae:before {
    content: "";
    border: 2px solid #fff;
    z-index: 2;
    background: rgba(26,26,26,.3);
    border-radius: 50px;
    height: 48px;
    position: absolute;
    width: 48px;
    left: 70px;
    top: 30px;
    margin: auto
}

html[data-theme=dark] .QuestionRichText--wrapImgae:before {
    border: 2px solid #1a1a1a;
    background: hsla(0,0%,60%,.3)
}

.QuestionRichText--wrapImgae:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 0 11.5px 18px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    z-index: 3;
    border-radius: 2px;
    opacity: .9;
    left: 90px;
    top: 45px;
    margin: auto
}

html[data-theme=dark] .QuestionRichText--wrapImgae:after {
    border-color: transparent transparent transparent #1a1a1a
}

.AnswerCard {
    transition: box-shadow .3s
}

.AnswerCard.is-focus {
    position: relative;
    z-index: 1;
    box-shadow: 0 5px 30px rgba(26,26,26,.16)
}

html[data-theme=dark] .AnswerCard.is-focus {
    box-shadow: 0 5px 30px hsla(0,0%,60%,.16)
}

.QuestionButtonGroup {
    display: inline-block;
    margin: 0 -8px
}

.QuestionButtonGroup .Button {
    margin: 0 8px
}

.QuestionButton-icon {
    vertical-align: text-bottom;
    margin-right: 4px
}

.MobileQuestionButtonGroup .Button {
    margin-right: 16px
}

.QuestionMainAction {
    width: 100%;
    height: 50px;
    font-size: 15px;
    border: none;
    border-radius: 0
}

.QuestionMainAction:first-child:not(:last-child) {
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .QuestionMainAction:first-child:not(:last-child) {
    border-bottom: 1px solid #444
}

.QuestionMainAction:last-child:not(:first-child) {
    border-top: 1px solid #ebebeb
}

html[data-theme=dark] .QuestionMainAction:last-child:not(:first-child) {
    border-top: 1px solid #444
}

.QuestionMainAction a {
    color: #175199
}

.QuestionMainAction a:hover,html[data-theme=dark] .QuestionMainAction a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .QuestionMainAction a {
    color: #175199
}

a.QuestionMainAction {
    display: block;
    line-height: 50px;
    color: #8590a6;
    text-align: center
}

a.QuestionMainAction:hover,html[data-theme=dark] a.QuestionMainAction:hover {
    color: #175199
}

html[data-theme=dark] a.QuestionMainAction {
    color: #606a80
}

.AutoInviteItem-button--open {
    color: grey
}

.AutoInviteItem-button--closed {
    color: #0084ff
}

html[data-theme=dark] .AutoInviteItem-button--closed {
    color: #3a76d0
}

.AutoInviteItem-wrapper--desktop {
    padding: 12px;
    background: #f6f6f6;
    border-radius: 8px;
    margin: 12px 12px 0
}

html[data-theme=dark] .AutoInviteItem-wrapper--desktop {
    background: #2e2e2e
}

.AutoInviteItem-wrapper--mobile {
    background: #f6f6f6;
    padding: 12px 16px
}

html[data-theme=dark] .AutoInviteItem-wrapper--mobile {
    background: #2e2e2e
}

.QuestionInvitation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.QuestionInvitation .Card-headerText {
    color: #8590a6
}

html[data-theme=dark] .QuestionInvitation .Card-headerText {
    color: #606a80
}

.QuestionInvitation em {
    font-style: normal;
    color: #f1403c
}

html[data-theme=dark] .QuestionInvitation em {
    color: #b7302d
}

.QuestionInvitation-title {
    font-size: 16px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .QuestionInvitation-title {
    font-weight: 500
}

html[data-android] .QuestionInvitation-title {
    font-weight: 700
}

.QuestionInvitation-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto
}

.QuestionInvitation-content .ContentItem-title+.QuestionInvitation-content .ContentItem-meta {
    margin-top: 4px
}

.QuestionInvitation-content .List-item {
    padding: 12px 24px
}

.QuestionInvitation-content .List-item--mobile {
    padding: 12px 16px
}

.QuestionInvitation-content .ContentItem-title {
    font-size: 15px;
    line-height: 1.6
}

.QuestionInvitation-content .Avatar {
    width: 38px!important;
    height: 38px!important
}

.QuestionInvitation-content .UserItem {
    font-size: 15px
}

.QuestionInvitation-content .ContentItem-meta {
    font-size: 14px
}

.QuestionInvitation-content .ContentItem-extra>.Button {
    width: 80px;
    height: 32px;
    padding: 0
}

.QuestionInvitation-content--centered {
    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;
    min-height: 160px
}

.QuestionInvitation-content--centered .ContentItem-title+.QuestionInvitation-content--centered .ContentItem-meta {
    margin-top: 4px
}

.QuestionInvitation-content--centered .List-item {
    padding: 12px 24px
}

.QuestionInvitation-content--centered .List-item--mobile {
    padding: 12px 16px
}

.QuestionInvitation-content--centered .ContentItem-title {
    font-size: 15px;
    line-height: 1.6
}

.QuestionInvitation-content--centered .Avatar {
    width: 38px!important;
    height: 38px!important
}

.QuestionInvitation-content--centered .UserItem {
    font-size: 15px
}

.QuestionInvitation-content--centered .ContentItem-meta {
    font-size: 14px
}

.QuestionInvitation-content--centered .ContentItem-extra>.Button {
    width: 80px;
    height: 32px;
    padding: 0
}

.Invitees {
    max-height: 383px;
    overflow-y: auto
}

.Invitees-toggler {
    font-size: 15px;
    color: inherit
}

.Invitees-togglerUsers {
    font-weight: 400;
    color: #1a1a1a
}

html[data-theme=dark] .Invitees-togglerUsers {
    color: #999
}

.InviteeItem {
    position: relative;
    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;
    width: 340px;
    padding: 16px;
    box-sizing: border-box
}

.InviteeItem:not(:last-child):after {
    position: absolute;
    bottom: 0;
    display: block;
    width: calc(100% - 32px);
    border-bottom: 1px solid #f6f6f6;
    content: ""
}

html[data-theme=dark] .InviteeItem:not(:last-child):after {
    border-bottom: 1px solid #2e2e2e
}

.InviteeItem-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.InviteeItem-image {
    margin-right: 12px
}

.InviteeItem-title {
    margin: 0;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .InviteeItem-title {
    font-weight: 500
}

html[data-android] .InviteeItem-title {
    font-weight: 700
}

.QuestionStatus-notification-closeButton {
    padding-left: 16px
}

.QuestionStatus-bar {
    position: relative;
    padding: 16px;
    line-height: 28px;
    color: #8590a6;
    text-align: center;
    background-color: rgba(133,144,166,.08);
    z-index: 5
}

.QuestionStatus-bar em,.QuestionStatus-bar strong {
    font-style: normal;
    font-weight: 600;
    font-synthesis: style;
    color: #444
}

html[data-ios] .QuestionStatus-bar em,html[data-ios] .QuestionStatus-bar strong {
    font-weight: 500
}

html[data-android] .QuestionStatus-bar em,html[data-android] .QuestionStatus-bar strong {
    font-weight: 700
}

html[data-theme=dark] .QuestionStatus-bar em,html[data-theme=dark] .QuestionStatus-bar strong {
    color: gray
}

html[data-theme=dark] .QuestionStatus-bar {
    color: #606a80;
    background-color: rgba(96,106,128,.08)
}

.QuestionStatus-bar-inner {
    width: 1000px;
    padding: 0 24px;
    margin: 0 auto;
    box-sizing: border-box
}

.QuestionStatus-bar-commercialMuted {
    line-height: 26px;
    font-size: 14px;
    font-weight: 600;
    font-synthesis: style;
    color: #444
}

html[data-ios] .QuestionStatus-bar-commercialMuted {
    font-weight: 500
}

html[data-android] .QuestionStatus-bar-commercialMuted {
    font-weight: 700
}

.QuestionStatus-bar-commercialMuted a {
    color: #0084ff
}

html[data-theme=dark] .QuestionStatus-bar-commercialMuted a {
    color: #3a76d0
}

.QuestionStatus-bar-commercialMuted+p {
    line-height: 26px;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .QuestionStatus-bar-commercialMuted+p {
    color: #606a80
}

html[data-theme=dark] .QuestionStatus-bar-commercialMuted {
    color: gray
}

.QuestionStatus-notification {
    position: absolute;
    z-index: 99
}

.QuestionStatus-notification-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.QuestionStatus-notification-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.QuestionStatus-notification-content a {
    display: inline;
    color: #175199
}

.QuestionStatus-notification-content a:hover {
    text-decoration: underline
}

html[data-theme=dark] .QuestionStatus-notification-content a {
    color: #175199
}

.QuestionStatus-notification-actions {
    margin-left: 32px
}

.QuestionStatus-notification-divider {
    display: inline-block;
    height: 14px;
    margin: 0 12px;
    vertical-align: middle;
    border-right: 1px solid #ebebeb
}

html[data-theme=dark] .QuestionStatus-notification-divider {
    border-right: 1px solid #444
}

.QuestionStatus-notification-primary,html[data-theme=dark] .QuestionStatus-notification-primary {
    color: #175199
}

.QuestionFollowStatus-counts {
    width: 200px;
    margin-left: auto
}

.QuestionFollowStatus-counts .NumberBoard-itemInner {
    padding: 0 8px
}

.QuestionFollowStatus-people {
    height: 32px;
    margin-top: 10px
}

.QuestionFollowStatus-people .UserLink {
    display: inline-block;
    vertical-align: middle
}

.QuestionFollowStatus-people .UserLink+.UserLink {
    margin-left: -8px
}

.QuestionFollowStatus-people .Avatar {
    display: block;
    border: 1px solid #fff;
    box-shadow: 0 2px 4px rgba(26,26,26,.1)
}

html[data-theme=dark] .QuestionFollowStatus-people .Avatar {
    border: 1px solid #1a1a1a;
    box-shadow: 0 2px 4px hsla(0,0%,60%,.1)
}

.QuestionFollowStatus-people-tip {
    margin-right: 8px;
    font-size: 14px;
    color: #8590a6;
    vertical-align: middle
}

html[data-theme=dark] .QuestionFollowStatus-people-tip {
    color: #606a80
}

.QuestionRedirectionCreator-content {
    height: 160px
}

.QuestionRedirectionCreator .Popover {
    display: block
}

.QuestionRedirectionCreator .Input {
    height: 30px
}

.QuestionRedirectionCreator-menu {
    width: 488px
}

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

.QuestionHeaderActions>.Button:not(:first-child),.QuestionHeaderActions>.Popover:not(:first-child) {
    margin-left: 20px
}

@media (max-width:690px) {
    .QuestionHeaderActions>.Button:not(:first-child),.QuestionHeaderActions>.Popover:not(:first-child) {
        margin-left: 16px
    }
}

.BrandQuestionSymbol {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    font-size: 15px;
    color: #8590a6
}

html[data-theme=dark] .BrandQuestionSymbol {
    color: #606a80
}

.BrandQuestionSymbol-brandLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.BrandQuestionSymbol-brandLink .UserLink-badge {
    margin-left: 0;
    margin-right: 5px
}

.BrandQuestionSymbol-name {
    margin-left: 8px;
    margin-right: 5px;
    color: #175199
}

html[data-theme=dark] .BrandQuestionSymbol-name {
    color: #175199
}

.BrandQuestionSymbol-logo {
    border-radius: 28px;
    width: 28px;
    height: 28px
}

.BrandQustionSymbol-link {
    text-decoration: underline
}

.BrandQustionSymbol-link:hover,html[data-theme=dark] .BrandQustionSymbol-link:hover {
    color: #175199
}

.BrandQustionSymbol-divider {
    margin-left: 16px;
    margin-right: 17px;
    border-left: 1px solid #ebebeb;
    height: 24px;
    background: #ebebeb
}

html[data-theme=dark] .BrandQustionSymbol-divider {
    border-left: 1px solid #444;
    background: #444
}

.BrandQuestionSymbol.is-mobile .BrandQuestionSymbol-logo {
    border-radius: 22px;
    width: 22px;
    height: 22px
}

.BrandQuestionPrizes {
    margin-bottom: 15px;
    width: 645px
}

.BrandQuestionPrizes-info {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    width: 100%;
    overflow: hidden
}

html[data-theme=dark] .BrandQuestionPrizes-info {
    border: 1px solid #444
}

.BrandQuestionPrizes-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -1px;
    border-bottom: 1px solid #ebebeb;
    padding: 8px;
    width: 100%;
    height: 65px;
    background: #f6f6f6;
    box-sizing: border-box;
    cursor: pointer
}

html[data-theme=dark] .BrandQuestionPrizes-bar {
    border-bottom: 1px solid #444;
    background: #2e2e2e
}

.BrandQuestionPrizes-desc {
    margin-left: 4px
}

.BrandQuestionPrizes-symbol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    height: 20px;
    font-size: 14px;
    color: #8590a6
}

.BrandQuestionPrizes-symbol svg {
    margin-right: 12px
}

.BrandQuestionPrizes-symbol em {
    margin: 0 4px;
    line-height: 20px;
    font-style: normal;
    color: #ff9607
}

html[data-theme=dark] .BrandQuestionPrizes-symbol em {
    color: #ff9607
}

html[data-theme=dark] .BrandQuestionPrizes-symbol {
    color: #606a80
}

.BrandQuestionPrizes-name {
    margin-top: 5px;
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a
}

html[data-theme=dark] .BrandQuestionPrizes-name {
    color: #999
}

.BrandQuestionPrizes-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

.BrandQuestionPrizes-images img {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin-right: 8px;
    width: 46px;
    height: 46px
}

html[data-theme=dark] .BrandQuestionPrizes-images img {
    border: 1px solid #444
}

.BrandQuestionPrizes-images .Icon {
    margin: 0 4px
}

.BrandQuestionPrizes-detail {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px
}

.BrandQuestionPrizes-detail,.BrandQuestionPrizes-prize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.BrandQuestionPrizes-prize {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -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%;
    height: 46px;
    line-height: 46px;
    font-size: 15px
}

.BrandQuestionPrizes-prize+.BrandQuestionPrizes-prize {
    margin-top: 12px
}

.BrandQuestionPrizes-intro {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.BrandQuestionPrizes-intro,.BrandQuestionPrizes-prizeInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.BrandQuestionPrizes-prizeImage {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin-right: 12px;
    width: 46px;
    height: 46px
}

html[data-theme=dark] .BrandQuestionPrizes-prizeImage {
    border: 1px solid #444
}

.BrandQuestionPrizes-prizeName {
    font-weight: 700;
    color: #444
}

html[data-theme=dark] .BrandQuestionPrizes-prizeName {
    color: gray
}

.BrandQuestionPrizes-prizeValue {
    margin-left: 8px;
    color: #8590a6
}

html[data-theme=dark] .BrandQuestionPrizes-prizeValue {
    color: #606a80
}

.BrandQuestionPrizes-prizeQuantity {
    font-weight: 700
}

.BrandQuestionPrizes-tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 11px;
    line-height: 27px;
    font-size: 15px;
    color: #444
}

.BrandQuestionPrizes-tips a {
    color: #0084ff
}

.BrandQuestionPrizes-tips a.BrandQuestionPrizes-ruleLink,html[data-theme=dark] .BrandQuestionPrizes-tips a.BrandQuestionPrizes-ruleLink {
    color: #175199
}

html[data-theme=dark] .BrandQuestionPrizes-tips a {
    color: #3a76d0
}

html[data-theme=dark] .BrandQuestionPrizes-tips {
    color: gray
}

.BrandQuestionPrizes-tipTitle {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 75px;
    font-weight: 700
}

.BrandQuestionPrizes-tip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.BrandQuestionPrizes-rule {
    margin-top: 3px;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .BrandQuestionPrizes-rule {
    color: #606a80
}

.BrandQuestionPrizes-split {
    margin: 30px auto;
    border: none;
    width: 240px;
    height: 1px;
    background: #d3d3d3
}

html[data-theme=dark] .BrandQuestionPrizes-split {
    background: #2e2e2e
}

.BrandQuestionPrizes-edit {
    margin-top: 4px;
    margin-bottom: -15px;
    border: none;
    padding: 0;
    color: #0084ff
}

html[data-theme=dark] .BrandQuestionPrizes-edit {
    color: #3a76d0
}

.BrandQuestionPrizes.is-mobile {
    width: 100%
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-symbol svg {
    margin-right: 6px
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-desc {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-name {
    max-width: calc(100vw - 121px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-images {
    margin-left: 4px;
    margin-right: 0
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-images .Icon {
    margin: 0
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-intro {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-prizeInfo {
    -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;
    line-height: 23px
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-prizeInfo .BrandQuestionPrizes-prizeValue {
    margin-left: 0;
    font-size: 14px
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-prizeInfo .BrandQuestionPrizes-prizeName {
    max-width: calc(100vw - 150px);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-prizeInfo .BrandQuestionPrizes-prizeQuantity {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
    border-top: 1px solid #ebebeb;
    padding-top: 2px;
    padding-bottom: 10px;
    line-height: 25px
}

html[data-theme=dark] .BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-tips {
    border-top: 1px solid #444
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-tip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    border-bottom: 1px solid #ebebeb;
    padding: 0 10px;
    padding-bottom: 10px
}

html[data-theme=dark] .BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-tip {
    border-bottom: 1px solid #444
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-tipTitle {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 700
}

.BrandQuestionPrizes.is-mobile .BrandQuestionPrizes-rule {
    margin-top: 10px;
    padding: 0 10px;
    line-height: 22px
}

.BrandQuestionSettingMenu-item {
    height: 40px
}

.OrgQuestionSymbol {
    height: 60px;
    margin-top: 16px;
    margin-bottom: -16px
}

.OrgQuestionSymbol,html[data-theme=dark] .OrgQuestionSymbol {
    border-top: 1px solid rgba(23,81,153,.05)
}

.OrgQuestionSymbol-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;
    width: 1000px;
    height: 100%;
    padding: 0 16px;
    margin: 0 auto
}

.OrgQuestionSymbol-inner--mobile {
    padding: 0
}

.OrgQuestionSymbol-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .OrgQuestionSymbol-main {
    color: #606a80
}

.OrgQuestionSymbol-avatar {
    margin-right: 12px
}

.OrgQuestionSymbol-avatar .Avatar,.OrgQuestionSymbol-avatar .Popover,.OrgQuestionSymbol-avatar .UserLink {
    display: block
}

.OrgQuestionSymbol-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.OrgQuestionSymbol-name .UserLink {
    font-weight: 600;
    font-synthesis: style;
    color: #1a1a1a
}

html[data-ios] .OrgQuestionSymbol-name .UserLink {
    font-weight: 500
}

html[data-android] .OrgQuestionSymbol-name .UserLink {
    font-weight: 700
}

html[data-theme=dark] .OrgQuestionSymbol-name .UserLink {
    color: #999
}

.QuestionHeader {
    position: relative;
    min-width: 1032px;
    padding: 16px 0;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(26,26,26,.1)
}

html[data-theme=dark] .QuestionHeader {
    background: #1a1a1a;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.QuestionHeader-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1000px;
    height: 100%;
    padding: 0 16px;
    margin: 0 auto
}

.PageHeader .QuestionHeader-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.QuestionHeader-main {
    width: 694px;
    padding-left: 20px;
    box-sizing: border-box
}

.QuestionHeader-side {
    width: 296px;
    padding-right: 20px;
    text-align: right
}

.QuestionHeader-tags,.QuestionHeader-topics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.QuestionHeader-topics {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -5px;
    padding: 1px 0
}

.QuestionHeader-topics .QuestionTopic {
    margin: 3px 5px 3px 0;
    vertical-align: middle
}

.QuestionHeader-topics .Button {
    margin-left: 12px;
    vertical-align: middle
}

.QuestionHeader-title {
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 22px;
    font-weight: 600;
    font-synthesis: style;
    line-height: 32px;
    color: #1a1a1a
}

html[data-ios] .QuestionHeader-title {
    font-weight: 500
}

html[data-android] .QuestionHeader-title {
    font-weight: 700
}

.QuestionHeader-title .Button {
    margin-left: 12px;
    vertical-align: middle
}

html[data-theme=dark] .QuestionHeader-title {
    color: #999
}

.PageHeader .QuestionHeader-title {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.BrandQuestionPrizes {
    margin-top: 12px
}

.QuestionHeader-lock {
    vertical-align: middle
}

.QuestionHeader-detail {
    min-height: 10px
}

.QuestionHeader-footer {
    padding-bottom: 12px;
    margin-top: 4px;
    margin-bottom: -12px;
    background: #fff
}

.QuestionHeader-footer.is-fixed {
    z-index: 3;
    height: 60px;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #ebebeb;
    box-shadow: 0 -1px 3px rgba(23,81,153,.05)
}

html[data-theme=dark] .QuestionHeader-footer.is-fixed {
    border-top: 1px solid #444;
    box-shadow: 0 -1px 3px rgba(23,81,153,.05)
}

html[data-theme=dark] .QuestionHeader-footer {
    background: #1a1a1a
}

.QuestionHeader-footer-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1000px;
    height: 100%;
    padding: 0 16px;
    margin: 0 auto
}

.QuestionHeader-footer-inner,.QuestionHeader-footer-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.QuestionHeader-footer-main {
    margin-top: 4px;
    min-width: 694px;
    width: auto
}

.QuestionButtonGroup+.QuestionHeaderActions {
    margin-left: 16px
}

.QuestionButtonGroup+.BrandQuestionSettingMenu {
    margin: 0 16px
}

.QuestionHeader-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 16px
}

.QuestionHeader-collapse-icon {
    margin-left: 8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.QuestionHeader-menu-item--commercial {
    position: relative;
    padding-left: 44px;
    width: 148px
}

.QuestionHeader-menu-item--commercial .MenuItem-icon {
    margin-left: -18px
}

.QuestionHeader-menu {
    font-size: 14px
}

.QuestionHeader-menu-item {
    line-height: 40px
}

.QuestionHeader-delete-confirm {
    text-align: center
}

.QuestionPage {
    position: relative
}

.QuestionPage-commercialIsMutedCover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.8);
    z-index: 3
}

html[data-theme=dark] .QuestionPage-commercialIsMutedCover {
    background: rgba(26,26,26,.8)
}

.Question-main {
    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;
    margin: 10px auto;
    padding: 0 16px;
    width: 1000px;
    min-height: 100vh
}

.Question-mainColumn {
    width: 694px;
    padding-bottom: 20px
}

.Question-sideColumn {
    width: 296px
}

.Question-sideColumn--sticky .Card:last-of-type {
    margin-bottom: 0
}

.QuestionAnswers-content {
    margin-bottom: 14px
}

.QuestionAnswers-answerTipCard {
    margin-bottom: 10px;
    padding: 16px 24px;
    font-size: 15px;
    color: #8590a6;
    text-align: center
}

.QuestionAnswers-answerTipCard.Card {
    margin-bottom: 10px
}

.QuestionAnswers-answerTipCard a {
    font-size: inherit;
    cursor: pointer;
    color: #175199
}

.QuestionAnswers-answerTipCard a:hover,html[data-theme=dark] .QuestionAnswers-answerTipCard a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .QuestionAnswers-answerTipCard a {
    color: #175199
}

html[data-theme=dark] .QuestionAnswers-answerTipCard {
    color: #606a80
}

.QuestionAnswers-answerList {
    margin-bottom: 10px
}

.QuestionAnswers-answerTip {
    margin: 40px 0;
    font-size: 14px;
    color: #8590a6;
    text-align: center
}

.QuestionAnswers-answerTip.Card {
    margin-bottom: 10px
}

.QuestionAnswers-answerTip .Button {
    color: #175199
}

.QuestionAnswers-answerTip .Button:hover,html[data-theme=dark] .QuestionAnswers-answerTip .Button:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .QuestionAnswers-answerTip .Button {
    color: #175199
}

.QuestionAnswers-answerTip .QuestionAnswers-iconLink:hover {
    border-bottom: none
}

html[data-theme=dark] .QuestionAnswers-answerTip {
    color: #606a80
}

.QuestionAnswers-answerAdd {
    min-height: 282px
}

.QuestionAnswers-answerAdd.Card {
    margin-bottom: 10px
}

.QuestionAnswers-statusWrapper .expand-enter {
    top: 36px;
    z-index: -1;
    transition: opacity .3s ease-out,top .3s ease-out
}

.QuestionAnswers-statusWrapper .expand-enter-active {
    top: 0
}

.QuestionAnswers-statusWrapper .expand-leave {
    position: relative;
    top: 0;
    z-index: -1;
    transition: opacity .3s ease-out,top .3s ease-out
}

.QuestionAnswers-statusWrapper .expand-leave-active {
    top: 36px
}

.QuestionAnswers-answers {
    margin-bottom: 10px
}

.Answers-none {
    padding: 50px 0
}

.QuestionAnswers-navs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

.QuestionAnswers-nav {
    display: inline-block;
    height: 50px;
    line-height: 50px
}

.QuestionAnswers-nav:hover {
    cursor: pointer
}

.QuestionAnswers-nav.is--active {
    border-bottom: 3px solid #0084ff
}

html[data-theme=dark] .QuestionAnswers-nav.is--active {
    border-bottom: 3px solid #3a76d0
}

.QuestionAnswers-nav+.QuestionAnswers-nav {
    margin-left: 33px
}

.MoreAnswersCard {
    position: relative;
    margin-top: -10px;
    border-top: none;
    box-shadow: 0 3px 3px -3px rgba(26,26,26,.2)
}

.MoreAnswersCard:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 1px solid #f6f6f6;
    margin: 0 16px
}

html[data-theme=dark] .MoreAnswersCard:before {
    border-top: 1px solid #2e2e2e
}

.MoreAnswersCard .QuestionMainAction,html[data-theme=dark] .MoreAnswersCard .QuestionMainAction {
    color: #175199
}

html[data-theme=dark] .MoreAnswersCard {
    box-shadow: 0 3px 3px -3px hsla(0,0%,60%,.2)
}

.QuestionAnswers-answerButton {
    border-color: transparent;
    line-height: 48px;
    font-size: 15px
}

.QuestionAnswers-answerLink,html[data-theme=dark] .QuestionAnswers-answerLink {
    color: #175199
}

.CheckItem {
    position: relative;
    display: block
}

.CheckItem-box {
    position: relative;
    padding: 12px;
    border: 1px solid #f6f6f6;
    border-radius: 3px;
    transition: border-color .2s ease-out
}

html[data-theme=dark] .CheckItem-box {
    border: 1px solid #2e2e2e
}

.CheckItem-input {
    position: absolute;
    z-index: -1;
    opacity: 1
}

.CheckItem-icon {
    position: absolute;
    top: 50%;
    right: 12px;
    fill: #0084ff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

html[data-theme=dark] .CheckItem-icon {
    fill: #3a76d0
}

.CheckItem-input:checked+.CheckItem-box,.CheckItem:hover .CheckItem-box,html[data-theme=dark] .CheckItem:hover .CheckItem-box {
    border-color: #175199
}

.CheckItem-input:checked+.CheckItem-box .CheckItem-inner {
    max-width: calc(100% - 28px)
}

html[data-theme=dark] .CheckItem-input:checked+.CheckItem-box {
    border-color: #175199
}

.CheckItem-input:not(:checked)+.CheckItem-box .CheckItem-icon {
    opacity: 0;
    transition: opacity .2s
}

.TopicBios-loading {
    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;
    min-height: 400px
}

.TopicBioItem:not(:first-child) {
    margin-top: 16px
}

.TopicBioItem .AuthorInfo {
    color: #646464
}

html[data-theme=dark] .TopicBioItem .AuthorInfo {
    color: #999
}

.TopicBioItem-title {
    margin-bottom: 8px;
    color: #8590a6
}

html[data-theme=dark] .TopicBioItem-title {
    color: #606a80
}

.TopicBioItem-inner {
    padding: 12px;
    margin-bottom: 8px;
    border: 1px solid #175199;
    border-radius: 3px
}

html[data-theme=dark] .TopicBioItem-inner {
    border: 1px solid #175199
}

.TopicBioItem-modifyButton {
    margin-left: 6px;
    font-size: 14px;
    color: #8590a6
}

.TopicBioItem-modifyButton:hover,html[data-theme=dark] .TopicBioItem-modifyButton:hover {
    color: #175199
}

html[data-theme=dark] .TopicBioItem-modifyButton {
    color: #606a80
}

.TopicBioItem-input {
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 14px
}

.TopicBioItem-input,.TopicBioItem-input.is-focus {
    border: none
}

.TopicBioItem-input .Input {
    height: auto;
    color: #646464
}

html[data-theme=dark] .TopicBioItem-input .Input {
    color: #999
}

.TopicBioItem-inputFooter {
    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
}

.TopicBioItem-actions {
    text-align: right
}

.TopicBioItem-actions .Button:not(:first-child) {
    margin-left: 25px
}

.TopicBioItem-addButton {
    height: 48px;
    padding: 0 12px;
    text-align: left;
    border: 1px solid #ebebeb
}

.TopicBioItem-addButton:hover,html[data-theme=dark] .TopicBioItem-addButton:hover {
    border-color: #175199
}

.TopicBioItem-addButton .Icon {
    fill: currentColor
}

html[data-theme=dark] .TopicBioItem-addButton {
    border: 1px solid #444
}

.AnswerAdd-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 20px
}

.AnswerAdd-info {
    overflow: hidden
}

.AnswerAdd-toggleAnonymous {
    margin-left: auto;
    padding-left: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.AnswerAdd-toggleAnonymous:hover,html[data-theme=dark] .AnswerAdd-toggleAnonymous:hover {
    color: gray
}

.AnswerAdd-topicBiosButton {
    font-size: 14px;
    color: #8590a6;
    white-space: nowrap
}

.AnswerAdd-topicBiosButton:hover,html[data-theme=dark] .AnswerAdd-topicBiosButton:hover {
    color: #175199
}

html[data-theme=dark] .AnswerAdd-topicBiosButton {
    color: #606a80
}

.AnswerAdd-bio {
    margin-right: 6px;
    color: #646464;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html[data-theme=dark] .AnswerAdd-bio {
    color: #999
}

.QuestionMainDivider {
    position: relative;
    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;
    height: 60px;
    margin: 0 20px;
    color: #8590a6;
    text-align: center
}

.QuestionMainDivider:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 20px;
    display: block;
    border-top: 1px solid #ebebeb;
    content: ""
}

html[data-theme=dark] .QuestionMainDivider:before {
    border-top: 1px solid #444
}

.QuestionMainDivider a {
    color: #175199
}

.QuestionMainDivider a:hover,html[data-theme=dark] .QuestionMainDivider a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .QuestionMainDivider a {
    color: #175199
}

html[data-theme=dark] .QuestionMainDivider {
    color: #606a80
}

.QuestionMainDivider-inner {
    position: relative;
    padding: 0 1em;
    background: #fff
}

html[data-theme=dark] .QuestionMainDivider-inner {
    background: #1a1a1a
}

.CollapsedAnswers-bar {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    color: #646464;
    text-align: left;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

.CollapsedAnswers-bar:not(:last-child) {
    margin-bottom: 14px
}

.CollapsedAnswers-bar .Button {
    color: inherit
}

.CollapsedAnswers-bar .Button:hover,html[data-theme=dark] .CollapsedAnswers-bar .Button:hover {
    color: #175199
}

html[data-theme=dark] .CollapsedAnswers-bar {
    color: #999;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444
}

.Banner {
    position: relative;
    overflow: hidden;
    transition: height .3s,margin .3s,opacity .3s
}

.Banner--hidden {
    margin-bottom: 0;
    opacity: 0
}

.Banner-link {
    display: block
}

.Banner-image {
    display: block;
    width: 100%
}

.Banner-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transition: opacity .3s
}

.Banner-close,.Banner-close:hover {
    background-color: #1a1a1a
}

html[data-theme=dark] .Banner-close:hover {
    background-color: #999
}

.Banner-close .Icon {
    display: block;
    margin: 0 auto;
    fill: #fff
}

html[data-theme=dark] .Banner-close .Icon {
    fill: #1a1a1a
}

html[data-theme=dark] .Banner-close {
    background-color: #999
}

.Banner:not(:hover) .Banner-close {
    opacity: 0
}

.AppBanner-link {
    display: block
}

.AppBanner-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px
}

.AppBanner-qrcode {
    width: 50px;
    height: 50px;
    margin-right: 12px
}

.AppBanner-qrcode svg {
    display: block;
    width: 100%;
    height: 100%
}

.AppBanner-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.AppBanner-title {
    font-size: 16px;
    font-weight: 600;
    font-synthesis: style;
    line-height: 20px;
    color: #444
}

html[data-ios] .AppBanner-title {
    font-weight: 500
}

html[data-android] .AppBanner-title {
    font-weight: 700
}

html[data-theme=dark] .AppBanner-title {
    color: gray
}

.AppBanner-description {
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #444
}

html[data-theme=dark] .AppBanner-description {
    color: gray
}

.AppBanner-sticky {
    height: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s,visibility .3s
}

.AppBanner-sticky:not(.is-shown) {
    opacity: 0;
    visibility: hidden
}

.Recommendations-item {
    font-size: 14px;
    line-height: 24px;
    color: #8590a6
}

.Recommendations-item+.Recommendations-item {
    margin-top: 12px
}

.Recommendations-item .Button {
    display: inline;
    color: #175199
}

.Recommendations-item .Button:hover,html[data-theme=dark] .Recommendations-item .Button:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .Recommendations-item .Button {
    color: #175199
}

html[data-theme=dark] .Recommendations-item {
    color: #606a80
}

.SimilarQuestions-item {
    font-size: 14px;
    line-height: 21px;
    color: #8590a6
}

.SimilarQuestions-item+.SimilarQuestions-item {
    margin-top: 10px
}

.SimilarQuestions-item .Button {
    display: inline;
    color: #175199
}

.SimilarQuestions-item .Button:hover,html[data-theme=dark] .SimilarQuestions-item .Button:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .SimilarQuestions-item .Button {
    color: #175199
}

html[data-theme=dark] .SimilarQuestions-item {
    color: #606a80
}

.RelatedCommodities-image {
    width: 80px;
    height: 64px;
    border-radius: 3px;
    margin-right: 8px;
    -o-object-fit: cover;
    object-fit: cover
}

.RelatedCommodities-subject {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 600;
    font-synthesis: style;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

html[data-ios] .RelatedCommodities-subject {
    font-weight: 500
}

html[data-android] .RelatedCommodities-subject {
    font-weight: 700
}

html[data-theme=dark] .RelatedCommodities-subject {
    color: #999
}

.RelatedCommodities-subject-two {
    max-height: 40px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.RelatedCommodities-item,.RelatedCommodities-scoreWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.RelatedCommodities-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.RelatedCommodities-item:hover .RelatedCommodities-subject,html[data-theme=dark] .RelatedCommodities-item:hover .RelatedCommodities-subject {
    color: #175199
}

.RelatedCommodities-item:not(:first-child) {
    position: relative;
    margin-top: 10px;
    padding-top: 10px
}

.RelatedCommodities-item:not(:first-child):before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    content: "";
    border-top: .5px solid #d3d3d3
}

html[data-hairline] .RelatedCommodities-item:not(:first-child):before {
    border-top: 1px solid #d3d3d3;
    -o-border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='0' width='1' height='.5' fill='#d3d3d3'/> </svg>") 1 0 0 0;
    border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='0' width='1' height='.5' fill='#d3d3d3'/> </svg>") 1 0 0 0
}

html[data-theme=dark] html[data-hairline] .RelatedCommodities-item:not(:first-child):before {
    border-top: 1px solid #2e2e2e
}

html[data-theme=dark] .RelatedCommodities-item:not(:first-child):before {
    border-top: .5px solid #2e2e2e
}

.RelatedCommodities-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    overflow: hidden
}

.RelatedCommodities-description {
    color: #646464;
    margin-top: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

html[data-theme=dark] .RelatedCommodities-description {
    color: #999
}

.RelatedCommodities-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #8590a6;
    margin-top: 4px
}

.RelatedCommodities-meta .Rating {
    display: inline-block;
    margin-right: 4px
}

html[data-theme=dark] .RelatedCommodities-meta {
    color: #606a80
}

.RelatedCommodities-remixListen {
    position: relative;
    background: #fd3;
    color: #b37700;
    padding: 3px 6px 3px 18px;
    line-height: 1;
    border-color: #fd3;
    border-radius: 3px
}

.RelatedCommodities-remixListen:hover {
    background: #fd3
}

.RelatedCommodities-remixListen:before {
    position: absolute;
    left: 6px;
    top: 6px;
    display: block;
    border-width: 4px 8px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #b37700;
    content: ""
}

.RelatedCommodities-bookMeta,.RelatedCommodities-remixMeta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.RelatedCommodities-bookRead {
    padding: 3px 6px 3px 3px;
    border-radius: 3px;
    line-height: 1;
    color: #fff;
    background: #0084ff
}

.RelatedCommodities-bookRead .Zi {
    margin-right: 2px
}

html[data-theme=dark] .RelatedCommodities-bookRead {
    color: #1a1a1a;
    background: #3a76d0
}

.BrandQuestionDesc-content,.BrandQuestionDesc-header {
    padding-left: 12px;
    padding-right: 12px
}

.BrandQuestionDesc-content {
    font-size: 14px;
    line-height: 24px
}

.BrandQuestionDesc-learnMore {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .BrandQuestionDesc-learnMore {
    color: #606a80
}

.Carousel {
    position: relative;
    width: 100%;
    overflow: hidden
}

.Carousel-scroller,.Carousel-window {
    width: 100%;
    height: 100%
}

.Carousel-window {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    white-space: nowrap;
@nest .is-vertical &{white-space: normal
}}

.Carousel-window.is-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Carousel-bullets {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Carousel-bullet {
    margin: 0 4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    opacity: .4;
    cursor: pointer;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(26,26,26,.2)
}

.Carousel-bullet.is-active {
    opacity: 1;
    cursor: default
}

html[data-theme=dark] .Carousel-bullet {
    background: #1a1a1a;
    box-shadow: 0 0 8px 0 hsla(0,0%,60%,.2)
}

.Carousel-leftArrow,.Carousel-rightArrow {
    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;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    background: hsla(0,0%,100%,.5);
    border-radius: 50%;
    transition: background .1s ease-in-out
}

.Carousel-leftArrow:hover,.Carousel-rightArrow:hover {
    background: hsla(0,0%,100%,.9)
}

html[data-theme=dark] .Carousel-leftArrow:hover,html[data-theme=dark] .Carousel-rightArrow:hover {
    background: rgba(26,26,26,.9)
}

.Carousel-leftArrow .Icon--arrow,.Carousel-rightArrow .Icon--arrow {
    width: 6px;
    fill: #444
}

html[data-theme=dark] .Carousel-leftArrow .Icon--arrow,html[data-theme=dark] .Carousel-rightArrow .Icon--arrow {
    fill: gray
}

html[data-theme=dark] .Carousel-leftArrow,html[data-theme=dark] .Carousel-rightArrow {
    background: rgba(26,26,26,.5)
}

.Carousel-leftArrow {
    left: 16px
}

.Carousel-leftArrow .Icon--arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Carousel-rightArrow {
    right: 16px
}

.Carousel-rightArrow .Icon--arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.AdvancedViewer-header {
    padding: 0 16px
}

.AdvancedViewer-imgField {
    background-color: #ebebeb
}

html[data-theme=dark] .AdvancedViewer-imgField {
    background-color: #444
}

.AdvancedViewer-content {
    padding: 0
}

.AdvancedViewer-image {
    width: 100%
}

.AdvancedViewer-image .AdvancedViewer-imgField {
    height: 197.33px
}

.AdvancedViewer-imageText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.AdvancedViewer-imageText .AdvancedViewer-intro {
    margin: 0 16px;
    border-bottom: 1px solid #ebebeb;
    padding: 13px 0;
    line-height: 23px;
    word-wrap: break-word;
    overflow: hidden
}

html[data-theme=dark] .AdvancedViewer-imageText .AdvancedViewer-intro {
    border-bottom: 1px solid #444
}

.AdvancedViewer-imageText .AdvancedViewer-imgField {
    height: 197.33px
}

.AdvancedViewer-commodityItem {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.AdvancedViewer-commodityItem[hidden] {
    display: none
}

.AdvancedViewer-commodityItem img {
    height: 197.33px
}

.AdvancedViewer-commodityIntro {
    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: 0 16px;
    border-bottom: 1px solid #ebebeb;
    line-height: 44px
}

html[data-theme=dark] .AdvancedViewer-commodityIntro {
    border-bottom: 1px solid #444
}

.AdvancedViewer-subTitle {
    color: #8590a6
}

html[data-theme=dark] .AdvancedViewer-subTitle {
    color: #606a80
}

.AdvancedViewer .Carousel-leftArrow,.AdvancedViewer .Carousel-rightArrow {
    top: 98px
}

.AdvancedViewer .Carousel-bullets {
    top: 165px
}

.AdvancedViewer .Carousel-bullet {
    width: 6px;
    height: 6px;
    background: #fff
}

.AdvancedViewer .Carousel-bullet.is-active {
    background: #444
}

html[data-theme=dark] .AdvancedViewer .Carousel-bullet.is-active {
    background: gray
}

html[data-theme=dark] .AdvancedViewer .Carousel-bullet {
    background: #1a1a1a
}

.AdvancedViewer-recommended {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.AdvancedViewer-recommended,.AdvancedViewer-recommendedItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.AdvancedViewer-recommendedItem {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 16px;
    padding: 16px 0;
    box-sizing: border-box
}

.AdvancedViewer-recommendedItem .AdvancedViewer-imgField {
    margin-left: 13px;
    width: 81px;
    height: 65px;
    background-position: 50%;
    background-size: cover
}

.AdvancedViewer-summary {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1px
}

.AdvancedViewer-summary,.AdvancedViewer-summary .AdvancedViewer-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.AdvancedViewer-summary .AdvancedViewer-wrap {
    height: 44px;
    overflow: hidden
}

.AdvancedViewer-summary .AdvancedViewer-data,.AdvancedViewer-summary .AdvancedViewer-desc,.AdvancedViewer-summary .AdvancedViewer-title {
    line-height: 20px;
    overflow: hidden
}

.AdvancedViewer-summary .AdvancedViewer-title {
    -webkit-line-clamp: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-height: 44px;
    font-weight: 500
}

.AdvancedViewer-summary .AdvancedViewer-desc,.AdvancedViewer-summary .AdvancedViewer-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px
}

.AdvancedViewer-summary .AdvancedViewer-desc {
    -webkit-line-clamp: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    max-height: 22px;
    font-size: 14px;
    color: #646464
}

html[data-theme=dark] .AdvancedViewer-summary .AdvancedViewer-desc {
    color: #999
}

.AdvancedViewer-summary .AdvancedViewer-data {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .AdvancedViewer-summary .AdvancedViewer-data {
    color: #606a80
}

.AdvancedViewer-recommendedItem .AdvancedViewer-imgField {
    border-radius: 4px
}

.AdvancedViewer-recommendedItem+.AdvancedViewer-recommendedItem {
    border-top: .5px solid #ebebeb
}

html[data-theme=dark] .AdvancedViewer-recommendedItem+.AdvancedViewer-recommendedItem {
    border-top: .5px solid #444
}

.AdvancedViewer-footer {
    padding: 13px 16px;
    box-sizing: border-box
}

.AdvancedViewer-button {
    border-color: #0084ff;
    padding: 0;
    width: 100%;
    color: #0084ff
}

html[data-theme=dark] .AdvancedViewer-button {
    border-color: #3a76d0;
    color: #3a76d0
}

.AdvancedViewer.is-mobile .AdvancedViewer-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #ebebeb;
    margin: 0 16px;
    padding: 13px 0;
    box-sizing: border-box
}

html[data-theme=dark] .AdvancedViewer.is-mobile .AdvancedViewer-footer {
    border-top: 1px solid #444
}

.AdvancedViewer.is-mobile .AdvancedViewer-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .AdvancedViewer.is-mobile .AdvancedViewer-brand {
    color: #606a80
}

.AdvancedViewer.is-mobile .AdvancedViewer-logo {
    border-radius: 20px;
    width: 20px;
    height: 20px
}

.AdvancedViewer.is-mobile .AdvancedViewer-brandName {
    margin-left: 6px
}

.AdvancedViewer.is-mobile .AdvancedViewer-button {
    border: 1px solid #8590a6;
    border-radius: 5px;
    width: 73px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    color: #8590a6
}

html[data-theme=dark] .AdvancedViewer.is-mobile .AdvancedViewer-button {
    border: 1px solid #606a80;
    color: #606a80
}

.AdvancedViewer.is-mobile .AdvancedViewer-imageText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 16px;
    padding: 16px 0
}

.AdvancedViewer.is-mobile .AdvancedViewer-imageText .AdvancedViewer-intro {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    border: none;
    padding: 0;
    height: 80px;
    line-height: 20px;
    font-size: 14px;
    word-wrap: break-word;
    overflow: hidden
}

.AdvancedViewer.is-mobile .AdvancedViewer-imageText .AdvancedViewer-imgField {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 18px;
    border-radius: 4px;
    width: 108px;
    height: 72px
}

.AdvancedViewer.is-mobile .AdvancedViewer-commodity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px;
    width: 100%;
    box-sizing: border-box
}

.AdvancedViewer.is-mobile .AdvancedViewer-commodityItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc((100% - 16px) / 3)
}

.AdvancedViewer.is-mobile .AdvancedViewer-commodityItem img {
    border-radius: 4px;
    width: 100%;
    height: auto
}

.AdvancedViewer.is-mobile .AdvancedViewer-commodityIntro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    margin-top: 3.3px;
    border-bottom: none;
    line-height: 20px
}

.AdvancedViewer.is-mobile .AdvancedViewer-header,.AdvancedViewer.is-mobile .AdvancedViewer-recommended {
    border: none
}

.AdvancedViewer.is-mobile .AdvancedViewer-recommendedItem .AdvancedViewer-imgField {
    width: 108px;
    height: 72px
}

.AdvancedViewer.is-mobile .AdvancedViewer-recommendedItem .AdvancedViewer-desc {
    margin-top: 6px;
    line-height: 16px
}

.AdvancedFloatCardViewer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    padding: 10px;
    width: 375px;
    height: 70px;
    background: hsla(0,0%,92%,.92);
    box-sizing: border-box
}

.AdvancedFloatCardViewer-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 4px;
    width: 75px;
    height: 50px;
    background-position: 50%;
    background-size: cover;
    background-color: #ebebeb
}

html[data-theme=dark] .AdvancedFloatCardViewer-image {
    background-color: #444
}

.AdvancedFloatCardViewer-intro {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 8px;
    margin-right: 8px;
    max-height: 40px;
    line-height: 20px;
    color: #646464;
    word-wrap: break-word;
    overflow: hidden
}

html[data-theme=dark] .AdvancedFloatCardViewer-intro {
    color: #999
}

.AdvancedFloatCardViewer-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: none;
    border-radius: 28px;
    padding: 5px 8px;
    height: 28px;
    line-height: 18px;
    color: #fff;
    background: #646464;
    box-sizing: border-box
}

.AdvancedFloatCardViewer-button:hover {
    background: #646464
}

html[data-theme=dark] .AdvancedFloatCardViewer-button:hover {
    background: #999
}

html[data-theme=dark] .AdvancedFloatCardViewer-button {
    color: #1a1a1a;
    background: #999
}

html[data-theme=dark] .AdvancedFloatCardViewer {
    background: rgba(68,68,68,.92)
}

.AdvancedViewer.is-mobile+.ViewAllInappCard {
    margin-top: 0
}

.BrandQuestionAuthor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.BrandQuestionAuthor.is-clickable {
    cursor: pointer
}

.BrandQuestionAuthor-header {
    padding-left: 12px;
    padding-right: 12px
}

.BrandQuestionAuthor-icon {
    width: 60px;
    height: 60px;
    border: 1px solid #f6f6f6;
    border-radius: 4px;
    box-sizing: border-box
}

html[data-theme=dark] .BrandQuestionAuthor-icon {
    border: 1px solid #2e2e2e
}

.BrandQuestionAuthor-content {
    width: calc(100% - 72px);
    margin-left: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box
}

.BrandQuestionAuthor-content,.BrandQuestionAuthor-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.BrandQuestionAuthor-name {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    line-height: 20px;
    color: #1a1a1a
}

html[data-theme=dark] .BrandQuestionAuthor-name {
    color: #999
}

.BrandQuestionAuthor-badge {
    margin-left: 3px;
    vertical-align: baseline
}

.BrandQuestionAuthor-intro {
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    font-size: 14px;
    line-height: 14px;
    color: #1a1a1a;
    text-overflow: ellipsis;
    white-space: nowrap
}

html[data-theme=dark] .BrandQuestionAuthor-intro {
    color: #999
}

.BrandQuestionAuthor-buttons {
    margin: 0 20px;
    padding-top: 16px;
    padding-bottom: 16px
}

.BrandQuestionAuthor-buttons .Button {
    width: 119px
}

.MobileBrandQuestionAuthor .BrandQuestionAuthor-header {
    position: relative;
    height: 44px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 0
}

.MobileBrandQuestionAuthor .BrandQuestionAuthor-header:after {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 20px;
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .MobileBrandQuestionAuthor .BrandQuestionAuthor-header:after {
    border-bottom: 1px solid #444
}

.MobileBrandQuestionAuthor .BrandQuestionAuthor-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.MobileBrandQuestionAuthor .BrandQuestionAuthor-headerText {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    background: #fff
}

html[data-theme=dark] .MobileBrandQuestionAuthor .BrandQuestionAuthor-headerText {
    background: #1a1a1a
}

.Mobile-body .BrandQuestionAuthor-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Mobile-body .BrandQuestionAuthor-buttons .Button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Mobile-body .BrandQuestionAuthor-buttons .Button+.Mobile-body .BrandQuestionAuthor-buttons .Button {
    margin-left: 16px
}

.ImageWrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}

.ImageWrapper:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: #1a1a1a;
    opacity: .01;
    content: ""
}

html[data-theme=dark] .ImageWrapper:after {
    background: #999
}

.ImageWrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top
}

.QuestionTopicMeta {
    margin-bottom: 10px
}

.QuestionTopicMeta-cardMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 20px 12px
}

.QuestionTopicMeta-cardImage {
    width: 50px;
    height: 70px;
    border-radius: 3px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.QuestionTopicMeta-cardContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    overflow: hidden
}

.QuestionTopicMeta-cardTitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .QuestionTopicMeta-cardTitle {
    font-weight: 500
}

html[data-android] .QuestionTopicMeta-cardTitle {
    font-weight: 700
}

.QuestionTopicMeta-cardDesc {
    font-size: 14px;
    margin-bottom: 4px;
    color: #646464;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

html[data-theme=dark] .QuestionTopicMeta-cardDesc {
    color: #999
}

.QuestionTopicMeta-cardScore {
    font-size: 14px;
    color: #646464
}

.QuestionTopicMeta-cardScore:not(:last-child) {
    margin-right: 8px
}

.QuestionTopicMeta-cardScore strong {
    color: #ff9607;
    margin-left: 2px
}

html[data-theme=dark] .QuestionTopicMeta-cardScore strong {
    color: #ff9607
}

html[data-theme=dark] .QuestionTopicMeta-cardScore {
    color: #999
}

.QuestionTopicMeta-cardMore {
    padding: 12px 20px 16px;
    border-top: 1px solid #ebebeb;
    color: #8590a6;
    font-size: 14px
}

html[data-theme=dark] .QuestionTopicMeta-cardMore {
    border-top: 1px solid #444;
    color: #606a80
}

.QuestionTopicMeta-cardMoreInner {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.6;
    overflow: hidden;
    margin-bottom: 8px;
    max-height: 42px
}

.QuestionTopicMeta-cardMoreInner.RichText p {
    margin-bottom: 0
}

.QuestionTopicMeta-cardLink,html[data-theme=dark] .QuestionTopicMeta-cardLink {
    color: #175199
}

.QuestionAnswer-content {
    padding: 16px 20px
}

.MoreAnswers .List-header {
    position: relative;
    height: 44px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 0
}

.MoreAnswers .List-header:after {
    position: absolute;
    content: "";
    display: block;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 20px;
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .MoreAnswers .List-header:after {
    border-bottom: 1px solid #444
}

.MoreAnswers .List-headerText {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    background: #fff;
    top: -3px;
    color: #8590a6;
    font-weight: 400
}

html[data-theme=dark] .MoreAnswers .List-headerText {
    background: #1a1a1a;
    color: #606a80
}

.AnswerAuthor .Card-section:empty {
    display: none
}

.AnswerAuthor-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.AnswerAuthor-user-avatar {
    margin-right: 12px
}

.AnswerAuthor-user-avatar .Avatar,.AnswerAuthor-user-avatar .Popover,.AnswerAuthor-user-avatar .UserLink {
    display: block
}

.AnswerAuthor-user-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.AnswerAuthor-user-headline,.AnswerAuthor-user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AnswerAuthor-user-name {
    font-size: 20px;
    font-weight: 600;
    font-synthesis: style;
    line-height: 30px;
    color: #1a1a1a
}

html[data-ios] .AnswerAuthor-user-name {
    font-weight: 500
}

html[data-android] .AnswerAuthor-user-name {
    font-weight: 700
}

html[data-theme=dark] .AnswerAuthor-user-name {
    color: #999
}

.AnswerAuthor-user-headline {
    font-size: 14px;
    line-height: 20px
}

.AnswerAuthor-user-headline .RichText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AnswerAuthor-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 24px
}

.AnswerAuthor-item+.AnswerAuthor-item {
    margin-top: 12px
}

.AnswerAuthor-item-icon {
    display: inline-block;
    width: 16px;
    margin-right: 8px;
    text-align: center
}

.AnswerAuthor-item-value {
    font-size: 14px;
    line-height: 24px;
    color: #8590a6
}

html[data-theme=dark] .AnswerAuthor-item-value {
    color: #606a80
}

.AnswerAuthor-counts {
    font-size: 14px;
    text-align: center
}

.AnswerAuthor-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.AnswerAuthor-buttons .Button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.AnswerFavlists {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.AnswerFavlists,.AnswerFavlists-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.AnswerFavlists-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 57px;
    padding: 0 20px;
    border-bottom: 1px solid #f6f6f6
}

html[data-theme=dark] .AnswerFavlists-header {
    border-bottom: 1px solid #2e2e2e
}

.AnswerFavlists-title {
    font-size: 16px;
    font-weight: 600;
    font-synthesis: style;
    color: #1a1a1a
}

html[data-ios] .AnswerFavlists-title {
    font-weight: 500
}

html[data-android] .AnswerFavlists-title {
    font-weight: 700
}

html[data-theme=dark] .AnswerFavlists-title {
    color: #999
}

.AnswerFavlists-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto
}

.AnswerCopyrightApplicants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.AnswerCopyrightApplicants-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;
    height: 57px;
    padding: 0 20px;
    border-bottom: 1px solid #f6f6f6
}

html[data-theme=dark] .AnswerCopyrightApplicants-header {
    border-bottom: 1px solid #2e2e2e
}

.AnswerCopyrightApplicants-title {
    font-size: 16px;
    font-weight: 600;
    font-synthesis: style;
    color: #1a1a1a
}

html[data-ios] .AnswerCopyrightApplicants-title {
    font-weight: 500
}

html[data-android] .AnswerCopyrightApplicants-title {
    font-weight: 700
}

html[data-theme=dark] .AnswerCopyrightApplicants-title {
    color: #999
}

.AnswerCopyrightApplicants-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto
}

.AnswerCopyrightApplicants-item {
    padding: 16px 0;
    margin: 0 24px;
    border-bottom: 1px solid #f6f6f6
}

html[data-theme=dark] .AnswerCopyrightApplicants-item {
    border-bottom: 1px solid #2e2e2e
}

.AnswerCopyrightApplicants-time {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .AnswerCopyrightApplicants-time {
    color: #606a80
}

.AnswerInfo-title .Button {
    font-size: inherit;
    color: #175199
}

.AnswerInfo-title .Button:hover,html[data-theme=dark] .AnswerInfo-title .Button:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .AnswerInfo-title .Button {
    color: #175199
}

.AnswerInfo-copyright-applicants {
    padding: 16px;
    margin: 0
}

.AnswerInfo-copyright-applicant {
    font-size: 14px;
    line-height: 24px;
    color: #8590a6
}

.AnswerInfo-copyright-applicant+.AnswerInfo-copyright-applicant {
    margin-top: 12px
}

.AnswerInfo-copyright-applicant .UserLink a {
    color: #175199
}

.AnswerInfo-copyright-applicant .UserLink a:hover,html[data-theme=dark] .AnswerInfo-copyright-applicant .UserLink a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .AnswerInfo-copyright-applicant .UserLink a {
    color: #175199
}

html[data-theme=dark] .AnswerInfo-copyright-applicant {
    color: #606a80
}

.AnswerInfo-favlists {
    padding: 4px 20px;
    margin: 0
}

.AnswerInfo-favlist {
    position: relative;
    padding: 12px 0;
    font-size: 14px;
    line-height: 24px;
    color: #8590a6
}

.AnswerInfo-favlist:not(:first-child) {
    border-top: 1px solid #f6f6f6
}

html[data-theme=dark] .AnswerInfo-favlist:not(:first-child) {
    border-top: 1px solid #2e2e2e
}

.AnswerInfo-favlist a {
    display: inline;
    color: #175199
}

.AnswerInfo-favlist a:hover,html[data-theme=dark] .AnswerInfo-favlist a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .AnswerInfo-favlist a {
    color: #175199
}

html[data-theme=dark] .AnswerInfo-favlist {
    color: #606a80
}

.AnswerInfo-title {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .AnswerInfo-title {
    font-weight: 500
}

html[data-android] .AnswerInfo-title {
    font-weight: 700
}

.AnswerInfo-favlist-title {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AnswerInfo-favlist-followers {
    position: absolute;
    top: 12px;
    right: 0
}

.ViewAll--bottom {
    margin-top: -10px;
    position: relative;
    box-shadow: 0 3px 3px -3px rgba(26,26,26,.2)
}

.ViewAll--bottom:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 16px;
    border-top: 1px solid #f6f6f6
}

html[data-theme=dark] .ViewAll--bottom:before {
    border-top: 1px solid #2e2e2e
}

html[data-theme=dark] .ViewAll--bottom {
    box-shadow: 0 3px 3px -3px hsla(0,0%,60%,.2)
}

.AdvancedViewer.is-mobile+.ViewAll--bottom {
    margin-top: 0
}

.AdvancedViewer.is-mobile+.ViewAll--bottom:before {
    margin: 0
}

.BrandQuestionAdvanced-tutorial .AdvancedStep-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.AdvancedStepTutorial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.AdvancedStepTutorial,.AdvancedStepTutorial .Carousel {
    width: 100%;
    height: 100%
}

.AdvancedStepTutorial .Carousel-leftArrow,.AdvancedStepTutorial .Carousel-rightArrow {
    border: 2px solid #0084ff;
    border-radius: 32px;
    padding: 0;
    width: 32px;
    height: 32px;
    background: none
}

.AdvancedStepTutorial .Carousel-leftArrow .Icon--arrow,.AdvancedStepTutorial .Carousel-rightArrow .Icon--arrow {
    fill: #0084ff
}

html[data-theme=dark] .AdvancedStepTutorial .Carousel-leftArrow .Icon--arrow,html[data-theme=dark] .AdvancedStepTutorial .Carousel-rightArrow .Icon--arrow {
    fill: #3a76d0
}

html[data-theme=dark] .AdvancedStepTutorial .Carousel-leftArrow,html[data-theme=dark] .AdvancedStepTutorial .Carousel-rightArrow {
    border: 2px solid #3a76d0
}

.AdvancedStepTutorial .AdvancedStepTutorial-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.AdvancedStepTutorial .AdvancedStepTutorial-item img {
    height: 458px
}

.BrandQuestionAdvanced-template .AdvancedStep-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.AdvancedTemplateSelector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 45px;
    margin-bottom: 45px;
    width: 968px;
    height: 644px
}

.AdvancedTemplateSelector-title {
    font-size: 14px;
    color: #444
}

html[data-theme=dark] .AdvancedTemplateSelector-title {
    color: gray
}

.AdvancedTemplateSelector-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 12px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    padding: 23px 44px 33px 39px;
    width: 460px;
    height: 298px;
    background: #f6f6f6;
    box-sizing: border-box
}

.AdvancedTemplateSelector-item:hover {
    border-color: #0084ff;
    cursor: pointer
}

html[data-theme=dark] .AdvancedTemplateSelector-item:hover {
    border-color: #3a76d0
}

.AdvancedTemplateSelector-item img {
    margin-top: 16px;
    width: 375px;
    box-shadow: 0 2px 4px 0 #ebebeb
}

html[data-theme=dark] .AdvancedTemplateSelector-item img {
    box-shadow: 0 2px 4px 0 #444
}

.AdvancedTemplateSelector-item-C img {
    width: 374px
}

.AdvancedTemplateSelector-item-D img {
    width: 251px
}

html[data-theme=dark] .AdvancedTemplateSelector-item {
    border: 1px solid #444;
    background: #2e2e2e
}

.AdvancedTemplateSelector-viewTutorial {
    position: fixed;
    top: 50%;
    margin-top: -13px;
    right: 0;
    width: 102px;
    height: 87px;
    cursor: pointer;
    box-shadow: 0 0 8px #ebebeb
}

html[data-theme=dark] .AdvancedTemplateSelector-viewTutorial {
    box-shadow: 0 0 8px #444
}

.AdvancedFormField {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.AdvancedFormField+.AdvancedFormField {
    margin-top: 40px
}

.AdvancedFormField-label {
    margin-top: 8px;
    width: 170px;
    font-size: 15px;
    font-weight: 500;
    color: #444
}

html[data-theme=dark] .AdvancedFormField-label {
    color: gray
}

.AdvancedFormField-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.AdvancedFormField-tip {
    width: 100%
}

.AdvancedFormField-tip img {
    margin-left: 1px;
    width: 316px
}

.AdvancedFormField .Input-wrapper {
    padding: 0
}

.AdvancedFormField .Input,.AdvancedFormField select,.AdvancedFormField textarea {
    font-size: 14px;
    color: #1a1a1a;
    transition: background,border .2s
}

.AdvancedFormField .Input::-webkit-input-placeholder,.AdvancedFormField select::-webkit-input-placeholder,.AdvancedFormField textarea::-webkit-input-placeholder {
    color: #8590a6
}

.AdvancedFormField .Input:-ms-input-placeholder,.AdvancedFormField select:-ms-input-placeholder,.AdvancedFormField textarea:-ms-input-placeholder {
    color: #8590a6
}

.AdvancedFormField .Input::placeholder,.AdvancedFormField select::placeholder,.AdvancedFormField textarea::placeholder {
    color: #8590a6
}

html[data-theme=dark] .AdvancedFormField .Input::-webkit-input-placeholder,html[data-theme=dark] .AdvancedFormField select::-webkit-input-placeholder,html[data-theme=dark] .AdvancedFormField textarea::-webkit-input-placeholder {
    color: #606a80
}

html[data-theme=dark] .AdvancedFormField .Input:-ms-input-placeholder,html[data-theme=dark] .AdvancedFormField select:-ms-input-placeholder,html[data-theme=dark] .AdvancedFormField textarea:-ms-input-placeholder {
    color: #606a80
}

html[data-theme=dark] .AdvancedFormField .Input::placeholder,html[data-theme=dark] .AdvancedFormField select::placeholder,html[data-theme=dark] .AdvancedFormField textarea::placeholder {
    color: #606a80
}

.AdvancedFormField .Input[disabled],.AdvancedFormField select[disabled],.AdvancedFormField textarea[disabled] {
    background: #f6f6f6
}

html[data-theme=dark] .AdvancedFormField .Input[disabled],html[data-theme=dark] .AdvancedFormField select[disabled],html[data-theme=dark] .AdvancedFormField textarea[disabled] {
    background: #2e2e2e
}

html[data-theme=dark] .AdvancedFormField .Input,html[data-theme=dark] .AdvancedFormField select,html[data-theme=dark] .AdvancedFormField textarea {
    color: #999
}

.AdvancedFormField .Input-wrapper {
    width: 400px;
    height: 40px
}

.AdvancedFormField .Input {
    padding: 8px 15px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    box-sizing: border-box
}

.AdvancedFormField textarea {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    padding: 10px 13px;
    width: 318px;
    resize: none;
    outline: none;
    box-sizing: border-box
}

.AdvancedFormField textarea:focus {
    border-color: #8590a6
}

html[data-theme=dark] .AdvancedFormField textarea:focus {
    border-color: #606a80
}

html[data-theme=dark] .AdvancedFormField textarea {
    border: 1px solid #444
}

.AdvancedFormField .Popover .Select-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-color: #ebebeb;
    padding: 0 15px;
    width: 155px
}

.AdvancedFormField .Popover .Select-button .Select-arrow {
    margin-right: -8px
}

html[data-theme=dark] .AdvancedFormField .Popover .Select-button {
    border-color: #444
}

.AdvancedFormField .Popover.is-blank .Select-button {
    color: #8590a6
}

html[data-theme=dark] .AdvancedFormField .Popover.is-blank .Select-button {
    color: #606a80
}

.AdvancedUploader {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.AdvancedUploader,.AdvancedUploader-tip {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.AdvancedUploader-tip {
    z-index: 0
}

.AdvancedUploader-tip .Icon--plus {
    margin-right: 12px
}

.AdvancedUploader-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #999
}

html[data-theme=dark] .AdvancedUploader-row {
    color: #646464
}

.AdvancedUploader-row:first-child {
    font-size: 14px;
    color: #0084ff
}

html[data-theme=dark] .AdvancedUploader-row:first-child {
    color: #3a76d0
}

.AdvancedUploader-row:nth-child(2) {
    margin-top: 8px
}

.AdvancedUploader img {
    border-radius: 4px
}

.AdvancedUploader input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.AdvancedUploader input:hover {
    cursor: pointer
}

.AdvancedUploader input[disabled]:hover {
    cursor: default
}

.AdvancedUploader-replace {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    border: none;
    border-radius: 34px;
    padding: 0;
    width: 85px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #444;
    opacity: 0;
    transition: opacity .3s
}

.AdvancedUploader-replace,.AdvancedUploader-replace:hover {
    background: hsla(0,0%,100%,.9)
}

html[data-theme=dark] .AdvancedUploader-replace:hover {
    background: rgba(26,26,26,.9)
}

html[data-theme=dark] .AdvancedUploader-replace {
    color: gray;
    background: rgba(26,26,26,.9)
}

.AdvancedUploader:hover .AdvancedUploader-replace {
    opacity: 1;
    cursor: pointer
}

.AdvancedTextarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

.AdvancedTextarea-count {
    margin-left: 24px;
    width: 90px;
    text-align: right;
    font-size: 14px;
    color: #999
}

html[data-theme=dark] .AdvancedTextarea-count {
    color: #646464
}

.AdvancedTextarea.is-error textarea {
    border: 1px solid #f1403c
}

html[data-theme=dark] .AdvancedTextarea.is-error textarea {
    border: 1px solid #b7302d
}

.AdvancedTextarea.is-error .AdvancedTextarea-count {
    color: #f1403c
}

html[data-theme=dark] .AdvancedTextarea.is-error .AdvancedTextarea-count {
    color: #b7302d
}

.AdvancedImageForm-uploader {
    margin-left: -6px;
    width: 269px;
    height: 151px
}

.AdvancedImageForm-uploader .AdvancedUploader-area {
    position: absolute;
    display: none;
    border: 23px solid hsla(0,0%,100%,.54);
    border-top-width: 24px;
    border-bottom-width: 24px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

html[data-theme=dark] .AdvancedImageForm-uploader .AdvancedUploader-area {
    border: 23px solid rgba(26,26,26,.54)
}

.AdvancedImageForm-uploader.is-uploaded {
    margin-left: 0;
    width: 253px;
    height: 152px;
    background: none
}

.AdvancedImageForm-uploader.is-uploaded .AdvancedUploader-area {
    display: block
}

.AdvancedImageForm-uploader.is-uploaded img {
    width: 100%
}

.AdvancedImageForm-uploader input {
    margin-left: 11px;
    width: 253px;
    height: 151px
}

.AdvancedImageForm-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.AdvancedFormField--image .AdvancedFormField-tip {
    padding: 10px 12px;
    width: 100%;
    font-size: 14px;
    color: #999;
    box-sizing: border-box
}

html[data-theme=dark] .AdvancedFormField--image .AdvancedFormField-tip {
    color: #646464
}

.AdvancedImageTextForm-uploader {
    margin-left: -8px;
    width: 240px;
    height: 152px
}

.AdvancedImageTextForm-uploader .AdvancedUploader-area {
    position: absolute;
    display: none;
    border: 20px solid hsla(0,0%,100%,.54);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

html[data-theme=dark] .AdvancedImageTextForm-uploader .AdvancedUploader-area {
    border: 20px solid rgba(26,26,26,.54)
}

.AdvancedImageTextForm-uploader.is-uploaded {
    margin-left: 0;
    width: 225px;
    height: 152px;
    background: none
}

.AdvancedImageTextForm-uploader.is-uploaded .AdvancedUploader-area {
    display: block
}

.AdvancedImageTextForm-uploader.is-uploaded img {
    width: 100%
}

.AdvancedImageTextForm-uploader input {
    margin-left: 8px;
    width: 225px;
    height: 151px
}

.AdvancedImageTextForm-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.AdvancedImageTextForm-input {
    width: 400px
}

.AdvancedCommodityForm-uploader {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px dashed #ebebeb;
    border-radius: 4px;
    width: 153px;
    height: 102px;
    box-sizing: border-box
}

.AdvancedCommodityForm-uploader .AdvancedUploader-area {
    display: none
}

.AdvancedCommodityForm-uploader.is-uploaded {
    margin-left: 0
}

.AdvancedCommodityForm-uploader.is-uploaded img {
    width: 100%
}

.AdvancedCommodityForm-uploader input {
    width: 100%;
    height: 100%
}

html[data-theme=dark] .AdvancedCommodityForm-uploader {
    border: 1px dashed #444
}

.AdvancedCommodityForm-input {
    width: 400px
}

.AdvancedCommodityForm .AdvancedFormField--commodity .AdvancedFormField-tip {
    padding: 10px 12px;
    width: 100%;
    font-size: 14px;
    color: #999;
    box-sizing: border-box
}

html[data-theme=dark] .AdvancedCommodityForm .AdvancedFormField--commodity .AdvancedFormField-tip {
    color: #646464
}

.AdvancedCommodityForm-commodities {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 533px
}

.AdvancedCommodityForm-commodities,.AdvancedCommodityForm-commodity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.AdvancedCommodityForm-commodity {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px dashed #ebebeb;
    padding: 5px;
    width: 167px;
    box-sizing: border-box
}

.AdvancedCommodityForm-commodity .Input-wrapper {
    margin-top: 16px;
    width: 100%
}

.AdvancedCommodityForm-commodity .Input-wrapper.is-error {
    border: 1px solid #f1403c
}

html[data-theme=dark] .AdvancedCommodityForm-commodity .Input-wrapper.is-error {
    border: 1px solid #b7302d
}

.AdvancedCommodityForm-commodity .Input-wrapper+.Input-wrapper {
    margin-top: 8px
}

html[data-theme=dark] .AdvancedCommodityForm-commodity {
    border: 1px dashed #444
}

.AdvancedCommodityForm .AdvancedFormField--commodity .CheckItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 6px;
    height: 21px
}

.AdvancedCommodityForm .AdvancedFormField--commodity .CheckItem .CheckItem-box {
    border: none;
    padding: 0
}

.AdvancedCommodityForm .AdvancedFormField--commodity .CheckItem .CheckItem-input {
    position: relative;
    margin-left: 0;
    margin-right: 6px
}

.AdvancedCommodityForm .AdvancedFormField--commodity .CheckItem svg {
    display: none
}

.AdvancedCommodityForm .AdvancedFormField--commodity .CheckItem .CheckItem-input:checked+.CheckItem-box .CheckItem-inner {
    max-width: 100%
}

.AdvancedFormField--commodity .AdvancedFormField-tip {
    line-height: 24px
}

.AdvancedRecommendedForm-uploader {
    margin-left: -11px;
    width: 274px;
    height: 151px;
    background: url(https://zhstatic.zhihu.com/brand_question/advanced-uploader-image@2x.png);
    background-size: cover;
    background-position: 50%
}

.AdvancedRecommendedForm-uploader .AdvancedUploader-area {
    position: absolute;
    display: none;
    border: 13px solid hsla(0,0%,100%,.54);
    border-top-width: 24px;
    border-bottom-width: 24px;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

html[data-theme=dark] .AdvancedRecommendedForm-uploader .AdvancedUploader-area {
    border: 13px solid rgba(26,26,26,.54)
}

.AdvancedRecommendedForm-uploader.is-uploaded {
    margin-left: 0;
    width: 253px;
    height: 152px;
    background: none
}

.AdvancedRecommendedForm-uploader.is-uploaded .AdvancedUploader-area {
    display: block
}

.AdvancedRecommendedForm-uploader.is-uploaded img {
    width: 100%
}

.AdvancedRecommendedForm-uploader input {
    margin-left: 11px;
    width: 253px;
    height: 151px
}

.AdvancedFormField--recommended .AdvancedFormField-tip {
    padding: 10px 12px;
    width: 100%;
    font-size: 14px;
    color: #999;
    box-sizing: border-box
}

html[data-theme=dark] .AdvancedFormField--recommended .AdvancedFormField-tip {
    color: #646464
}

.AdvancedTemplateEditor {
    position: relative;
    width: 100%
}

.AdvancedTemplateEditor-formTip {
    margin-top: -15px;
    margin-bottom: 24px;
    border-radius: 4px;
    padding: 12px 36px;
    width: 700px;
    line-height: 26px;
    font-size: 16px;
    color: #999;
    background: #f6f6f6;
    box-sizing: border-box
}

html[data-theme=dark] .AdvancedTemplateEditor-formTip {
    color: #646464;
    background: #2e2e2e
}

.AdvancedTemplateEditor-main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 200px;
    margin-top: 40px;
    padding-bottom: 80px;
    width: 700px;
    height: 100%;
    box-sizing: border-box
}

.AdvancedTemplateEditor-previewButton {
    position: fixed;
    top: 50%;
    margin-top: -13px;
    right: 10px;
    width: 122px;
    height: 107px;
    z-index: 100;
    cursor: pointer;
    transition: all .5s
}

.AdvancedTemplateEditor-previewButton.is-open {
    right: 280px
}

.AdvancedPreviewWindow,.AdvancedTemplateEditor-uploadTip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.AdvancedPreviewWindow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    top: 65px;
    right: -270px;
    margin-bottom: 20px;
    width: 300px;
    height: calc(100vh - 70px);
    z-index: 100;
    background: #fff;
    box-shadow: 0 2px 10px 0 #ebebeb;
    transition: all .5s
}

.AdvancedPreviewWindow.is-active {
    right: 0
}

.AdvancedPreviewWindow-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    line-height: 60px;
    font-size: 15px;
    color: #1a1a1a;
    text-align: center
}

html[data-theme=dark] .AdvancedPreviewWindow-title {
    border-bottom: 1px solid #444;
    color: #999
}

.AdvancedPreviewWindow-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-y: auto
}

.AdvancedPreviewWindow-section {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 30px 20px
}

.AdvancedPreviewWindow-section+.AdvancedPreviewWindow-section {
    border-top: 1px solid #ebebeb
}

html[data-theme=dark] .AdvancedPreviewWindow-section+.AdvancedPreviewWindow-section {
    border-top: 1px solid #444
}

.AdvancedPreviewWindow .Section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    color: #999
}

html[data-theme=dark] .AdvancedPreviewWindow .Section-title {
    color: #646464
}

.AdvancedPreviewWindow .Section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 240px
}

html[data-theme=dark] .AdvancedPreviewWindow {
    background: #1a1a1a;
    box-shadow: 0 2px 10px 0 #444
}

.AdvancedPreviewWindow .AdvancedViewer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -13px;
    margin-bottom: -19px;
    width: 296px;
    -webkit-transform: scale(.81);
    transform: scale(.81);
    box-shadow: 0 2px 10px 0 #ebebeb
}

.AdvancedPreviewWindow .AdvancedViewer.is-mobile {
    margin-top: -22px;
    margin-bottom: -28px;
    width: 375px;
    -webkit-transform: scale(.64);
    transform: scale(.64)
}

html[data-theme=dark] .AdvancedPreviewWindow .AdvancedViewer {
    box-shadow: 0 2px 10px 0 #444
}

.AdvancedPreviewWindow .AdvancedFloatCardViewer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 3px;
    margin-bottom: 13px;
    -webkit-transform: scale(.64);
    transform: scale(.64)
}

.AdvancedPreviewWindow--image-text .AdvancedViewer.is-mobile {
    margin-top: -21px;
    margin-bottom: -15px
}

.AdvancedPreviewWindow--commodity .AdvancedViewer {
    margin-bottom: -12px
}

.AdvancedPreviewWindow--commodity .AdvancedViewer.is-mobile {
    margin-top: -16px;
    margin-bottom: -12px
}

.AdvancedPreviewWindow--recommended .AdvancedViewer {
    margin-top: -21px;
    margin-bottom: -15px
}

.AdvancedPreviewWindow--recommended .AdvancedViewer.is-mobile {
    margin-top: -50px;
    margin-bottom: -42px
}

.BrandQuestionAdvanced {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    z-index: 100
}

html[data-theme=dark] .BrandQuestionAdvanced {
    background: #1a1a1a
}

.AdvancedStep-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 30px;
    width: 100%;
    height: 60px;
    box-sizing: border-box
}

.AdvancedStep-header,html[data-theme=dark] .AdvancedStep-header {
    border-bottom: 1px solid rgba(23,81,153,.05)
}

.AdvancedStep-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px
}

.AdvancedStep-left hr {
    margin-left: 15px;
    margin-right: 10px;
    border: none;
    background: #ff9607
}

html[data-theme=dark] .AdvancedStep-left hr {
    background: #ff9607
}

.AdvancedStep-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

.AdvancedStep-isAuditing {
    margin-right: 22px;
    font-size: 16px;
    color: #999
}

html[data-theme=dark] .AdvancedStep-isAuditing {
    color: #646464
}

.AdvancedStep-exit {
    margin-right: 6px
}

.AdvancedStep-reselect {
    margin-left: 10px;
    margin-right: 16px
}

.AdvancedStep-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow-y: scroll
}

.AdvancedStep-modal {
    color: #8590a6;
    text-align: center
}

html[data-theme=dark] .AdvancedStep-modal {
    color: #606a80
}

.PresetDateRangePicker_panel {
    padding: 0 22px 11px
}

.PresetDateRangePicker_button {
    position: relative;
    height: 100%;
    text-align: center;
    background: 0 0;
    border: 2px solid #00a699;
    color: #00a699;
    padding: 4px 12px;
    margin-right: 8px;
    font: inherit;
    font-weight: 700;
    line-height: normal;
    overflow: visible;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.PresetDateRangePicker_button:active {
    outline: 0
}

.PresetDateRangePicker_button__selected {
    color: #fff;
    background: #00a699
}

.SingleDatePickerInput {
    display: inline-block;
    background-color: #fff
}

.SingleDatePickerInput__withBorder {
    border: 1px solid #dbdbdb
}

.SingleDatePickerInput__rtl {
    direction: rtl
}

.SingleDatePickerInput__disabled {
    background-color: #f2f2f2
}

.SingleDatePickerInput__block {
    display: block
}

.SingleDatePickerInput__showClearDate {
    padding-right: 30px
}

.SingleDatePickerInput_clearDate {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.SingleDatePickerInput_clearDate__small {
    padding: 6px
}

.SingleDatePickerInput_clearDate__hide {
    visibility: hidden
}

.SingleDatePickerInput_clearDate_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle
}

.SingleDatePickerInput_clearDate_svg__small {
    height: 9px
}

.SingleDatePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px
}

.SingleDatePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

.SingleDatePicker {
    position: relative;
    display: inline-block
}

.SingleDatePicker__block {
    display: block
}

.SingleDatePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute
}

.SingleDatePicker_picker__rtl {
    direction: rtl
}

.SingleDatePicker_picker__directionLeft {
    left: 0
}

.SingleDatePicker_picker__directionRight {
    right: 0
}

.SingleDatePicker_picker__portal {
    background-color: rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.SingleDatePicker_picker__fullScreenPortal {
    background-color: #fff
}

.SingleDatePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2
}

.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover {
    color: darken(#cacccd,10%);
    text-decoration: none
}

.SingleDatePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DayPickerKeyboardShortcuts_buttonReset {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    font-size: 14px
}

.DayPickerKeyboardShortcuts_buttonReset:active {
    outline: 0
}

.DayPickerKeyboardShortcuts_show {
    width: 22px;
    position: absolute;
    z-index: 2
}

.DayPickerKeyboardShortcuts_show__bottomRight {
    border-top: 26px solid transparent;
    border-right: 33px solid #00a699;
    bottom: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover {
    border-right: 33px solid #008489
}

.DayPickerKeyboardShortcuts_show__topRight {
    border-bottom: 26px solid transparent;
    border-right: 33px solid #00a699;
    top: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__topRight:hover {
    border-right: 33px solid #008489
}

.DayPickerKeyboardShortcuts_show__topLeft {
    border-bottom: 26px solid transparent;
    border-left: 33px solid #00a699;
    top: 0;
    left: 0
}

.DayPickerKeyboardShortcuts_show__topLeft:hover {
    border-left: 33px solid #008489
}

.DayPickerKeyboardShortcuts_showSpan {
    color: #fff;
    position: absolute
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
    bottom: 0;
    right: -28px
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
    top: 1px;
    right: -28px
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
    top: 1px;
    left: -28px
}

.DayPickerKeyboardShortcuts_panel {
    overflow: auto;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    padding: 22px;
    margin: 33px
}

.DayPickerKeyboardShortcuts_title {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.DayPickerKeyboardShortcuts_list {
    list-style: none;
    padding: 0;
    font-size: 14px
}

.DayPickerKeyboardShortcuts_close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2
}

.DayPickerKeyboardShortcuts_close:active {
    outline: 0
}

.DayPickerKeyboardShortcuts_closeSvg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover {
    fill: #82888a
}

.CalendarDay {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    text-align: center
}

.CalendarDay:active {
    outline: 0
}

.CalendarDay__defaultCursor {
    cursor: default
}

.CalendarDay__default {
    border: 1px solid #e4e7e7;
    color: #565a5c;
    background: #fff
}

.CalendarDay__default:hover {
    background: #e4e7e7;
    border: 1px double #e4e7e7;
    color: inherit
}

.CalendarDay__hovered_offset {
    background: #f4f5f5;
    border: 1px double #e4e7e7;
    color: inherit
}

.CalendarDay__outside {
    border: 0;
    background: #fff;
    color: #565a5c
}

.CalendarDay__blocked_minimum_nights {
    background: #fff;
    border: 1px solid #eceeee;
    color: #cacccd
}

.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover {
    background: #fff;
    color: #cacccd
}

.CalendarDay__highlighted_calendar {
    background: #ffe8bc;
    color: #565a5c
}

.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover {
    background: #ffce71;
    color: #565a5c
}

.CalendarDay__selected_span {
    background: #66e2da;
    border: 1px solid #33dacd;
    color: #fff
}

.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover {
    background: #33dacd;
    border: 1px solid #33dacd;
    color: #fff
}

.CalendarDay__last_in_range {
    border-right: #00a699
}

.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover {
    background: #00a699;
    border: 1px solid #00a699;
    color: #fff
}

.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover {
    background: #b2f1ec;
    border: 1px solid #80e8e0;
    color: #007a87
}

.CalendarDay__hovered_span:active {
    background: #80e8e0;
    border: 1px solid #80e8e0;
    color: #007a87
}

.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover {
    background: #cacccd;
    border: 1px solid #cacccd;
    color: #82888a
}

.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover {
    background: #fff;
    border: 1px solid #e4e7e7;
    color: #cacccd
}

.CalendarMonth {
    background: #fff;
    text-align: center;
    padding: 0 13px;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.CalendarMonth_table {
    border-collapse: collapse;
    border-spacing: 0
}

.CalendarMonth_caption {
    color: #565a5c;
    font-size: 18px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 37px;
    caption-side: top
}

.CalendarMonth_caption__verticalScrollable {
    padding-top: 12px;
    padding-bottom: 7px
}

.CalendarMonthGrid {
    background: #fff;
    text-align: left;
    z-index: 0
}

.CalendarMonthGrid__animating {
    z-index: 1
}

.CalendarMonthGrid__horizontal {
    position: absolute;
    left: 9px
}

.CalendarMonthGrid__vertical {
    margin: 0 auto
}

.CalendarMonthGrid__vertical_scrollable {
    margin: 0 auto;
    overflow-y: scroll
}

.CalendarMonthGrid_month__horizontal {
    display: inline-block;
    vertical-align: top;
    min-height: 100%
}

.CalendarMonthGrid_month__hideForAnimation {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.CalendarMonthGrid_month__hidden {
    visibility: hidden
}

.DayPickerNavigation_container {
    position: relative;
    z-index: 2
}

.DayPickerNavigation_container__vertical {
    background: #fff;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 52px;
    width: 100%
}

.DayPickerNavigation_container__verticalScrollable {
    position: relative
}

.DayPickerNavigation_button {
    cursor: pointer;
    line-height: .78;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.DayPickerNavigation_button__default {
    border: 1px solid #e4e7e7;
    background-color: #fff;
    color: #757575
}

.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover {
    border: 1px solid #c4c4c4
}

.DayPickerNavigation_button__default:active {
    background: #f2f2f2
}

.DayPickerNavigation_button__horizontal {
    border-radius: 3px;
    padding: 6px 9px;
    top: 18px;
    position: absolute
}

.DayPickerNavigation_leftButton__horizontal {
    left: 22px
}

.DayPickerNavigation_rightButton__horizontal {
    right: 22px
}

.DayPickerNavigation_button__vertical {
    display: inline-block;
    position: relative;
    height: 100%;
    width: 50%
}

.DayPickerNavigation_button__vertical__default {
    padding: 5px
}

.DayPickerNavigation_nextButton__vertical__default {
    border-left: 0
}

.DayPickerNavigation_nextButton__verticalScrollable {
    width: 100%
}

.DayPickerNavigation_svg__horizontal {
    height: 19px;
    width: 19px;
    fill: #82888a
}

.DayPickerNavigation_svg__vertical {
    height: 42px;
    width: 42px;
    fill: #565a5c
}

.DayPicker {
    position: relative;
    text-align: left
}

.DayPicker,.DayPicker__horizontal {
    background: #fff
}

.DayPicker__verticalScrollable {
    height: 100%
}

.DayPicker__hidden {
    visibility: hidden
}

.DayPicker__withBorder {
    box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
    border-radius: 3px
}

.DayPicker_portal__horizontal {
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%
}

.DayPicker_portal__vertical {
    position: static
}

.DayPicker_focusRegion {
    outline: 0
}

.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal {
    display: inline-block;
    vertical-align: top
}

.DayPicker_weekHeaders {
    position: relative
}

.DayPicker_weekHeaders__horizontal {
    margin-left: 9px
}

.DayPicker_weekHeader {
    color: #757575;
    position: absolute;
    top: 62px;
    z-index: 2;
    padding: 0 13px;
    text-align: left
}

.DayPicker_weekHeader__vertical {
    left: 50%
}

.DayPicker_weekHeader__verticalScrollable {
    top: 0;
    display: table-row;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    margin-left: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.DayPicker_weekHeader_ul {
    list-style: none;
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px
}

.DayPicker_weekHeader_li {
    display: inline-block;
    text-align: center
}

.DayPicker_transitionContainer {
    position: relative;
    overflow: hidden;
    border-radius: 3px
}

.DayPicker_transitionContainer__horizontal {
    -webkit-transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.DayPicker_transitionContainer__vertical {
    width: 100%
}

.DayPicker_transitionContainer__verticalScrollable {
    padding-top: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll
}

.DateInput {
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    display: inline-block;
    width: 130px;
    vertical-align: middle
}

.DateInput__small {
    width: 90px
}

.DateInput__block {
    width: 100%
}

.DateInput__disabled {
    background: #f2f2f2;
    color: #dbdbdb
}

.DateInput_input {
    font-weight: 200;
    font-size: 18px;
    line-height: 24px;
    color: #565a5c;
    background-color: #fff;
    width: 100%;
    padding: 13px 12px 11px;
    border: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid transparent;
    border-left: 0
}

.DateInput_input__small {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 8px 6px
}

.DateInput_input__regular {
    font-weight: auto
}

.DateInput_input__readOnly {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.DateInput_input__focused {
    outline: 0;
    background: #fff;
    border: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #008489;
    border-left: 0
}

.DateInput_input__disabled {
    background: #f2f2f2;
    font-style: italic
}

.DateInput_screenReaderMessage {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.DateInput_fang {
    position: absolute;
    width: 20px;
    height: 10px;
    left: 22px;
    z-index: 2
}

.DateInput_fangShape {
    fill: #fff
}

.DateInput_fangStroke {
    stroke: #dbdbdb;
    fill: transparent
}

.DateRangePickerInput {
    background-color: #fff;
    display: inline-block
}

.DateRangePickerInput__disabled {
    background: #f2f2f2
}

.DateRangePickerInput__withBorder {
    border: 1px solid #cacccd
}

.DateRangePickerInput__rtl {
    direction: rtl
}

.DateRangePickerInput__block {
    display: block
}

.DateRangePickerInput__showClearDates {
    padding-right: 30px
}

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

.DateRangePickerInput_arrow_svg {
    vertical-align: middle;
    fill: #565a5c;
    height: 24px;
    width: 24px
}

.DateRangePickerInput_arrow_svg__small {
    height: 19px;
    width: 19px
}

.DateRangePickerInput_clearDates {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.DateRangePickerInput_clearDates__small {
    padding: 6px
}

.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.DateRangePickerInput_clearDates__hide {
    visibility: hidden
}

.DateRangePickerInput_clearDates_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle
}

.DateRangePickerInput_clearDates_svg__small {
    height: 9px
}

.DateRangePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px
}

.DateRangePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

.DateRangePicker {
    position: relative;
    display: inline-block
}

.DateRangePicker__block {
    display: block
}

.DateRangePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute
}

.DateRangePicker_picker__rtl {
    direction: rtl
}

.DateRangePicker_picker__directionLeft {
    left: 0
}

.DateRangePicker_picker__directionRight {
    right: 0
}

.DateRangePicker_picker__portal {
    background-color: rgba(0,0,0,.3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.DateRangePicker_picker__fullScreenPortal {
    background-color: #fff
}

.DateRangePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2
}

.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover {
    color: darken(#cacccd,10%);
    text-decoration: none
}

.DateRangePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.QuestionSettingDatePicker {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    cursor: pointer
}

.QuestionSettingDatePicker .SingleDatePicker {
    width: 100%
}

.QuestionSettingDatePicker .SingleDatePickerInput {
    border: none;
    width: 100%
}

.QuestionSettingDatePicker .SingleDatePickerInput .DateInput {
    padding: 0;
    width: 100%;
    color: #444
}

.QuestionSettingDatePicker .SingleDatePickerInput .DateInput--disabled {
    background: #f6f6f6
}

html[data-theme=dark] .QuestionSettingDatePicker .SingleDatePickerInput .DateInput--disabled {
    background: #2e2e2e
}

.QuestionSettingDatePicker .SingleDatePickerInput .DateInput input {
    border: none;
    box-sizing: border-box
}

html[data-theme=dark] .QuestionSettingDatePicker .SingleDatePickerInput .DateInput {
    color: gray
}

.QuestionSettingDatePicker .SingleDatePickerInput .DateInput__display-text,.QuestionSettingDatePicker .SingleDatePickerInput input {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    cursor: pointer
}

.QuestionSettingDatePicker .SingleDatePickerInput .DateInput__display-text--focused {
    background: none
}

.QuestionSettingDatePicker .CalendarDay__selected,.QuestionSettingDatePicker .CalendarDay__selected:active,.QuestionSettingDatePicker .CalendarDay__selected:hover {
    border-color: #0084ff;
    background: #0084ff
}

html[data-theme=dark] .QuestionSettingDatePicker .CalendarDay__selected,html[data-theme=dark] .QuestionSettingDatePicker .CalendarDay__selected:active,html[data-theme=dark] .QuestionSettingDatePicker .CalendarDay__selected:hover {
    border-color: #3a76d0;
    background: #3a76d0
}

html[data-theme=dark] .QuestionSettingDatePicker {
    border: 1px solid #444
}

.QuestionSettingInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    width: 100%
}

.QuestionSettingInput .Input-wrapper {
    width: auto
}

.QuestionSettingInput-count {
    margin-left: 24px;
    width: 90px;
    text-align: right;
    font-size: 14px;
    color: #999
}

html[data-theme=dark] .QuestionSettingInput-count {
    color: #646464
}

.QuestionSettingInput.is-error input {
    border: 1px solid #f1403c
}

html[data-theme=dark] .QuestionSettingInput.is-error input {
    border: 1px solid #b7302d
}

.QuestionSettingInput.is-error .QuestionSettingInput-count {
    color: #f1403c
}

html[data-theme=dark] .QuestionSettingInput.is-error .QuestionSettingInput-count {
    color: #b7302d
}

.QuestionSettingFormField {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.QuestionSettingFormField+.QuestionSettingFormField {
    margin-top: 40px
}

.QuestionSettingFormField-label {
    margin-top: 8px;
    width: 170px;
    font-size: 15px;
    font-weight: 500;
    color: #444
}

html[data-theme=dark] .QuestionSettingFormField-label {
    color: gray
}

.QuestionSettingFormField-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.QuestionSettingFormField-tip {
    width: 100%
}

.QuestionSettingFormField-tip img {
    margin-left: 1px;
    width: 316px
}

.QuestionSettingFormField .Input-wrapper {
    padding: 0
}

.QuestionSettingFormField .Input,.QuestionSettingFormField select,.QuestionSettingFormField textarea {
    font-size: 14px;
    color: #1a1a1a;
    transition: background,border .2s
}

.QuestionSettingFormField .Input::-webkit-input-placeholder,.QuestionSettingFormField select::-webkit-input-placeholder,.QuestionSettingFormField textarea::-webkit-input-placeholder {
    color: #8590a6
}

.QuestionSettingFormField .Input:-ms-input-placeholder,.QuestionSettingFormField select:-ms-input-placeholder,.QuestionSettingFormField textarea:-ms-input-placeholder {
    color: #8590a6
}

.QuestionSettingFormField .Input::placeholder,.QuestionSettingFormField select::placeholder,.QuestionSettingFormField textarea::placeholder {
    color: #8590a6
}

html[data-theme=dark] .QuestionSettingFormField .Input::-webkit-input-placeholder,html[data-theme=dark] .QuestionSettingFormField select::-webkit-input-placeholder,html[data-theme=dark] .QuestionSettingFormField textarea::-webkit-input-placeholder {
    color: #606a80
}

html[data-theme=dark] .QuestionSettingFormField .Input:-ms-input-placeholder,html[data-theme=dark] .QuestionSettingFormField select:-ms-input-placeholder,html[data-theme=dark] .QuestionSettingFormField textarea:-ms-input-placeholder {
    color: #606a80
}

html[data-theme=dark] .QuestionSettingFormField .Input::placeholder,html[data-theme=dark] .QuestionSettingFormField select::placeholder,html[data-theme=dark] .QuestionSettingFormField textarea::placeholder {
    color: #606a80
}

.QuestionSettingFormField .Input[disabled],.QuestionSettingFormField select[disabled],.QuestionSettingFormField textarea[disabled] {
    background: #f6f6f6
}

html[data-theme=dark] .QuestionSettingFormField .Input[disabled],html[data-theme=dark] .QuestionSettingFormField select[disabled],html[data-theme=dark] .QuestionSettingFormField textarea[disabled] {
    background: #2e2e2e
}

.QuestionSettingFormField .Input-wrapper {
    width: auto;
    height: 40px
}

.QuestionSettingFormField .Input {
    padding: 8px 15px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    box-sizing: border-box
}

.QuestionSettingFormField .Popover .Select-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-color: #ebebeb;
    padding: 0 15px
}

.QuestionSettingFormField .Popover .Select-button .Select-arrow {
    margin-right: -8px
}

html[data-theme=dark] .QuestionSettingFormField .Popover .Select-button {
    border-color: #444
}

.QuestionSettingFormField .Popover.is-blank .Select-button {
    color: #8590a6
}

html[data-theme=dark] .QuestionSettingFormField .Popover.is-blank .Select-button {
    color: #606a80
}

.QuestionSettingUploader {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #fff;
    overflow: hidden
}

.QuestionSettingUploader.is-disabled {
    background: #f6f6f6
}

html[data-theme=dark] .QuestionSettingUploader.is-disabled {
    background: #2e2e2e
}

.QuestionSettingUploader-tip {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 0
}

.QuestionSettingUploader-tip .Icon--plus {
    margin-right: 12px
}

.QuestionSettingUploader-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: #8590a6
}

html[data-theme=dark] .QuestionSettingUploader-row {
    color: #606a80
}

.QuestionSettingUploader-row:first-child {
    font-size: 14px;
    color: #0084ff
}

html[data-theme=dark] .QuestionSettingUploader-row:first-child {
    color: #3a76d0
}

.QuestionSettingUploader-row:nth-child(2) {
    margin-top: 8px
}

.QuestionSettingUploader img {
    border-radius: 4px
}

.QuestionSettingUploader input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.QuestionSettingUploader input:hover {
    cursor: pointer
}

.QuestionSettingUploader input[disabled]:hover {
    cursor: default
}

.QuestionSettingUploader-buttons {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.QuestionSettingUploader-delete,.QuestionSettingUploader-replace {
    border: none;
    border-radius: 34px;
    padding: 0;
    width: 71px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #444;
    background: hsla(0,0%,100%,.9);
    opacity: 0;
    transition: opacity .3s
}

html[data-theme=dark] .QuestionSettingUploader-delete,html[data-theme=dark] .QuestionSettingUploader-replace {
    color: gray
}

.QuestionSettingUploader-delete {
    margin-top: 8px;
    color: #fff;
    background: none
}

html[data-theme=dark] .QuestionSettingUploader-delete {
    color: #1a1a1a
}

.QuestionSettingUploader:hover .QuestionSettingUploader-delete,.QuestionSettingUploader:hover .QuestionSettingUploader-replace {
    opacity: 1;
    cursor: pointer
}

html[data-theme=dark] .QuestionSettingUploader {
    background: #1a1a1a
}

.PrizeSettingForm {
    padding-bottom: 150px;
    width: 1000px
}

.PrizeSettingForm-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 40px
}

.PrizeSettingForm-row+.PrizeSettingForm-row {
    margin-top: 12px
}

.PrizeSettingForm-rowLabel {
    margin-top: 10px;
    width: 100px;
    line-height: 20px
}

.PrizeSettingForm-rowContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.PrizeSettingForm-rowContent .QuestionSettingInput+.QuestionSettingInput {
    margin-left: 8px
}

.PrizeSettingForm-rowContent input[name=prizeName],.PrizeSettingForm-rowContent input[name=prizeQuantity],.PrizeSettingForm-rowContent input[name=prizeValue] {
    width: 208px
}

.PrizeSettingForm-rowContent input[name=prizeUnit] {
    width: 72px;
    text-align: center
}

.PrizeSettingForm-prize img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.PrizeSettingForm-prize .QuestionSettingInput-count {
    margin-left: 32px;
    text-align: left
}

.PrizeSettingForm-prize+.PrizeSettingForm-prize {
    margin-top: 43px
}

.PrizeSettingForm-prizeTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    line-height: 20px
}

.PrizeSettingForm-prizeTip {
    margin-left: 8px;
    color: #8590a6
}

html[data-theme=dark] .PrizeSettingForm-prizeTip {
    color: #606a80
}

.PrizeSettingForm-prizeDetail {
    position: relative;
    margin-top: 20px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    padding: 18px 25px;
    width: 576px;
    height: 339px;
    background: #fdfdfd;
    box-sizing: border-box
}

html[data-theme=dark] .PrizeSettingForm-prizeDetail {
    border: 1px solid #444;
    background: #2e2e2e
}

.PrizeSettingForm-prizeQuantityUnit,.PrizeSettingForm-prizeValueUnit {
    margin-left: 32px;
    line-height: 40px
}

.PrizeSettingForm-uploader {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding: 0 34px;
    width: 144px;
    height: 144px;
    box-sizing: border-box
}

html[data-theme=dark] .PrizeSettingForm-uploader {
    border: 1px solid #444
}

.PrizeSettingForm-uploadPlaceholder {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.PrizeSettingForm-uploadPlaceholder .Icon {
    margin-top: 30px
}

.PrizeSettingForm-uploaderTip {
    margin-top: 20px;
    line-height: 16px;
    font-size: 13px;
    text-align: center;
    color: #bfbfbf
}

html[data-theme=dark] .PrizeSettingForm-uploaderTip {
    color: #444
}

.PrizeSettingForm-addPrize,.PrizeSettingForm-deletePrize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.PrizeSettingForm-deletePrize {
    position: absolute;
    right: 5px;
    bottom: 11px;
    border: none;
    height: auto;
    line-height: auto;
    color: #8590a6
}

.PrizeSettingForm-deletePrize .Icon {
    margin-right: 4px
}

html[data-theme=dark] .PrizeSettingForm-deletePrize {
    color: #606a80
}

.PrizeSettingForm-addPrize {
    margin-top: 28px;
    padding: 0;
    width: 104px;
    box-sizing: border-box
}

.PrizeSettingForm-addPrize .Icon {
    margin-right: 6px
}

.PrizeSettingForm-isChecked {
    font-size: 14px;
    color: #444
}

.PrizeSettingForm-isChecked input {
    margin-right: 12px
}

.PrizeSettingForm-isChecked a {
    color: #0084ff
}

html[data-theme=dark] .PrizeSettingForm-isChecked a {
    color: #3a76d0
}

html[data-theme=dark] .PrizeSettingForm-isChecked {
    color: gray
}

.QuestionSettingFormField--endDate .QuestionSettingFormField-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

.QuestionSettingFormField--endDate .QuestionSettingFormField-control .QuestionSettingDatePicker {
    margin-right: 16px;
    width: 164px;
    box-sizing: border-box
}

.QuestionSettingFormField--endDate .QuestionSettingFormField-control .QuestionSettingDatePicker+.QuestionSettingInput {
    width: auto
}

.QuestionSettingFormField--endDate .Input-wrapper {
    margin-right: 10px;
    width: 108px
}

.QuestionSettingFormField--prizes .QuestionSettingFormField-control {
    margin-top: 7px
}

.QuestionSettingFormField--rule .Input-wrapper {
    width: 576px
}

.QuestionSettingFormField--isChecked {
    margin-top: 52px
}

.fixedDataTableCellGroupLayout_cellGroup {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap
}

.fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.fixedDataTableCellGroupLayout_cellGroupWrapper {
    position: absolute;
    top: 0
}

.fixedDataTableCellLayout_main {
    border-right-style: solid;
    border-width: 0 1px 0 0;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    position: absolute;
    white-space: normal
}

.fixedDataTableCellLayout_lastChild {
    border-width: 0 1px 1px 0
}

.fixedDataTableCellLayout_alignRight {
    text-align: right
}

.fixedDataTableCellLayout_alignCenter {
    text-align: center
}

.fixedDataTableCellLayout_wrap1 {
    display: table
}

.fixedDataTableCellLayout_wrap2 {
    display: table-row
}

.fixedDataTableCellLayout_wrap3 {
    display: table-cell;
    vertical-align: middle
}

.fixedDataTableCellLayout_columnResizerContainer {
    position: absolute;
    right: 0;
    width: 6px;
    z-index: 1
}

.fixedDataTableCellLayout_columnResizerContainer:hover {
    cursor: ew-resize
}

.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
    visibility: visible
}

.fixedDataTableCellLayout_columnResizerKnob {
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 4px
}

.fixedDataTableColumnResizerLineLayout_mouseArea {
    cursor: ew-resize;
    position: absolute;
    right: -5px;
    width: 12px
}

.fixedDataTableColumnResizerLineLayout_main {
    border-right-style: solid;
    border-right-width: 1px;
    box-sizing: border-box;
    position: absolute;
    z-index: 10
}

.fixedDataTableColumnResizerLineLayout_hiddenElem,body[dir=rtl] .fixedDataTableColumnResizerLineLayout_main {
    display: none!important
}

.fixedDataTableLayout_main {
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.fixedDataTableLayout_hasBottomBorder,.fixedDataTableLayout_header {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
    border-top-style: solid;
    border-top-width: 1px
}

.fixedDataTableLayout_bottomShadow,.fixedDataTableLayout_topShadow {
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.fixedDataTableLayout_bottomShadow {
    margin-top: -4px
}

.fixedDataTableLayout_rowsContainer {
    overflow: hidden;
    position: relative
}

.fixedDataTableLayout_horizontalScrollbar {
    bottom: 0;
    position: absolute
}

.fixedDataTableRowLayout_main {
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    top: 0
}

.fixedDataTableRowLayout_body {
    left: 0;
    position: absolute;
    top: 0
}

.fixedDataTableRowLayout_fixedColumnsDivider {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-left-style: solid;
    border-left-width: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.fixedDataTableRowLayout_columnsShadow {
    width: 4px
}

.fixedDataTableRowLayout_rowWrapper {
    position: absolute;
    top: 0
}

.ScrollbarLayout_main {
    box-sizing: border-box;
    outline: none;
    overflow: hidden;
    position: absolute;
    transition-duration: .25s;
    transition-timing-function: ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ScrollbarLayout_mainVertical {
    bottom: 0;
    right: 0;
    top: 0;
    transition-property: background-color width;
    width: 15px
}

.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive,.ScrollbarLayout_mainVertical:hover {
    width: 17px
}

.ScrollbarLayout_mainHorizontal {
    bottom: 0;
    height: 15px;
    left: 0;
    transition-property: background-color height
}

.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,.ScrollbarLayout_mainHorizontal:hover {
    height: 17px
}

.ScrollbarLayout_face {
    left: 0;
    overflow: hidden;
    position: absolute;
    z-index: 1
}

.ScrollbarLayout_face:after {
    border-radius: 6px;
    content: "";
    display: block;
    position: absolute;
    transition: background-color .25s ease
}

.ScrollbarLayout_faceHorizontal {
    bottom: 0;
    left: 0;
    top: 0
}

.ScrollbarLayout_faceHorizontal:after {
    bottom: 4px;
    left: 0;
    top: 4px;
    width: 100%
}

.ScrollbarLayout_faceVertical {
    left: 0;
    right: 0;
    top: 0
}

.ScrollbarLayout_faceVertical:after {
    height: 100%;
    left: 4px;
    right: 4px;
    top: 0
}

.public_fixedDataTable_hasBottomBorder,.public_fixedDataTable_header,.public_fixedDataTable_main {
    border-color: #d3d3d3
}

.public_fixedDataTable_header .public_fixedDataTableCell_main {
    font-weight: 700
}

.public_fixedDataTable_header,.public_fixedDataTable_header .public_fixedDataTableCell_main {
    background-color: #f6f7f8;
    background-image: linear-gradient(#fff,#efefef)
}

.public_fixedDataTable_footer .public_fixedDataTableCell_main {
    background-color: #f6f7f8;
    border-color: #d3d3d3
}

.public_fixedDataTable_topShadow {
    background: 0 0 url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x
}

.public_fixedDataTable_bottomShadow {
    background: 0 0 url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==) repeat-x
}

.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
    background-color: #fff
}

.public_fixedDataTableCell_main {
    background-color: #fff;
    border-color: #d3d3d3
}

.public_fixedDataTableCell_highlighted {
    background-color: #f4f4f4
}

.public_fixedDataTableCell_cellContent {
    padding: 8px
}

.public_fixedDataTableCell_columnResizerKnob {
    background-color: #0284ff
}

.public_fixedDataTableColumnResizerLine_main {
    border-color: #0284ff
}

.public_fixedDataTableRow_main {
    background-color: #fff
}

.public_fixedDataTableRow_highlighted,.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
    background-color: #f6f7f8
}

.public_fixedDataTableRow_fixedColumnsDivider {
    border-color: #d3d3d3
}

.public_fixedDataTableRow_columnsShadow {
    background: 0 0 url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y
}

.public_Scrollbar_main.public_Scrollbar_mainActive,.public_Scrollbar_main:hover {
    background-color: hsla(0,0%,100%,.8)
}

.public_Scrollbar_mainOpaque,.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,.public_Scrollbar_mainOpaque:hover {
    background-color: #fff
}

.public_Scrollbar_face:after {
    background-color: #c2c2c2
}

.public_Scrollbar_faceActive:after,.public_Scrollbar_main:hover .public_Scrollbar_face:after,.public_Scrollbar_mainActive .public_Scrollbar_face:after {
    background-color: #7d7d7d
}

.ZTable-sortHeaderCell--asc,.ZTable-sortHeaderCell--desc {
    color: #0084ff
}

.ZTable-sortHeaderCell--asc .Button,.ZTable-sortHeaderCell--desc .Button {
    color: inherit
}

html[data-theme=dark] .ZTable-sortHeaderCell--asc,html[data-theme=dark] .ZTable-sortHeaderCell--desc {
    color: #3a76d0
}

.ZTable-ascIcon .Icon,.ZTable-descIcon .Icon,.ZTable-sortIcon .Icon {
    position: relative;
    top: -3px;
    left: 1em;
    fill: currentColor;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.ZTable-ascIcon .Icon:last-child,.ZTable-descIcon .Icon:last-child,.ZTable-sortIcon .Icon:last-child {
    top: 3px;
    -webkit-transform: scaleY(.5) rotate(180deg) translateX(8px);
    transform: scaleY(.5) rotate(180deg) translateX(8px)
}

.ZTable-ascIcon .Icon:last-child,.ZTable-descIcon .Icon {
    color: #ebebeb
}

html[data-theme=dark] .ZTable-ascIcon .Icon:last-child,html[data-theme=dark] .ZTable-descIcon .Icon {
    color: #444
}

.ZTable-ascIcon .Icon,.ZTable-descIcon .Icon:last-child {
    color: currentColor
}

.ZTable-cell--ellipsis {
    box-sizing: border-box;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px
}

.ZTable-cellInner {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.Pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Pager .Button,.Pager .Input-wrapper {
    border-color: #ebebeb
}

html[data-theme=dark] .Pager .Button,html[data-theme=dark] .Pager .Input-wrapper {
    border-color: #444
}

.Pager .Input {
    width: 40px;
    color: #444
}

html[data-theme=dark] .Pager .Input {
    color: gray
}

.Pager .Input::-webkit-inner-spin-button,.Pager .Input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.Pager-info {
    margin: 0 20px
}

.Pager-input {
    margin: 0 10px;
    width: auto
}

.Pager-next,.Pager-prev {
    padding: 0 12px
}

.Pager-next .Button-icon,.Pager-prev .Button-icon {
    margin: 0
}

.Pager-prev {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.Pager-next {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Pager .Input:invalid:not(:focus) {
    color: #f1403c
}

html[data-theme=dark] .Pager .Input:invalid:not(:focus) {
    color: #b7302d
}

.WinnerEditor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.WinnerEditor-title {
    font-size: 15px;
    color: #444
}

html[data-theme=dark] .WinnerEditor-title {
    color: gray
}

.WinnerEditor-table {
    margin-top: 26px
}

.WinnerEditor-checker {
    cursor: pointer
}

.WinnerEditor-checker:disabled {
    background-color: #f6f6f6;
    cursor: not-allowed
}

html[data-theme=dark] .WinnerEditor-checker:disabled {
    background-color: #2e2e2e
}

.WinnerEditor-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

.WinnerEditor-author img {
    border-radius: 28px;
    width: 28px
}

.WinnerEditor-answerLink {
    color: #0084ff
}

html[data-theme=dark] .WinnerEditor-answerLink {
    color: #3a76d0
}

.WinnerEditor-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -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: 16px;
    width: 1000px;
    height: 40px;
    line-height: 40px
}

.WinnerEditor-pager .Pager-next,.WinnerEditor-pager .Pager-prev {
    padding: 0 14px
}

.WinnerEditor-pager .Pager button[type=submit] {
    height: 40px;
    line-height: 40px
}

.WinnerEditor-pager .Pager .Input-wrapper {
    height: 40px
}

.WinnerEditor-pager .Popover {
    margin-left: 34px;
    margin-right: 30px
}

.WinnerEditor-pager .Popover,.WinnerEditor-pagerRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.WinnerEditor-lists {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 45px;
    width: 1000px
}

.WinnerEditor-list,.WinnerEditor-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.WinnerEditor-list {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    line-height: 40px
}

.WinnerEditor-list+.WinnerEditor-list {
    margin-top: 40px
}

.WinnerEditor-listMiddle {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 93px;
    width: 660px
}

.WinnerEditor-items,.WinnerEditor-listMiddle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.WinnerEditor-items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    padding: 0 12px;
    width: 576px;
    height: 40px;
    line-height: 40px;
    overflow-x: auto;
    box-sizing: border-box
}

.WinnerEditor-items.is-disabled {
    background: #f6f6f6
}

html[data-theme=dark] .WinnerEditor-items.is-disabled {
    background: #2e2e2e
}

html[data-theme=dark] .WinnerEditor-items {
    border: 1px solid #444
}

.WinnerEditor-item {
    -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;
    margin-top: 6px;
    border-radius: 4px;
    padding: 0 12px;
    font-size: 15px;
    color: #fff;
    background: #8590a6
}

.WinnerEditor-item,.WinnerEditor-item .Button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 26px;
    line-height: 26px
}

.WinnerEditor-item .Button {
    margin-left: 6px;
    border: 0;
    padding: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

html[data-theme=dark] .WinnerEditor-item {
    color: #1a1a1a;
    background: #606a80
}

.WinnerEditor-item+.WinnerEditor-item {
    margin-left: 12px
}

.WinnerEditor-quantity {
    width: 200px;
    font-size: 15px;
    color: #8590a6
}

html[data-theme=dark] .WinnerEditor-quantity {
    color: #606a80
}

.BrandQuestionPrizeSetting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    z-index: 100
}

html[data-theme=dark] .BrandQuestionPrizeSetting {
    background: #1a1a1a
}

.QuestionSetting-tip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 28px;
    border-radius: 4px;
    width: 711px;
    line-height: 48px;
    font-size: 16px;
    color: #8590a6;
    background: #f6f6f6
}

.QuestionSetting-tip a,html[data-theme=dark] .QuestionSetting-tip a {
    color: #175199
}

html[data-theme=dark] .QuestionSetting-tip {
    color: #606a80;
    background: #2e2e2e
}

.QuestionSettingHeader {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0,34,77,.05);
    padding: 16px 30px;
    width: 100%;
    height: 60px;
    box-sizing: border-box
}

.QuestionSettingHeader-modal {
    text-align: center;
    color: #8590a6
}

html[data-theme=dark] .QuestionSettingHeader-modal {
    color: #606a80
}

.QuestionSettingHeader-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px
}

.QuestionSettingHeader-left hr {
    margin-left: 15px;
    margin-right: 10px;
    border: none;
    background: #cfdae6
}

.QuestionSettingHeader-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

.QuestionSettingHeader-buttons .Button+.Button {
    margin-left: 16px
}

.QuestionSettingContent {
    margin-left: 200px;
    overflow-y: scroll
}

.BrandQuestionWinners {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 52px);
    background: #f6f6f6;
    overflow-x: hidden;
    overflow-y: auto
}

.BrandQuestionWinners-empty {
    line-height: 100vh
}

.BrandQuestionWinners-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-top: 12px;
    width: 600px;
    height: 68px;
    background: #fff;
    overflow: hidden
}

.BrandQuestionWinners-header img {
    position: absolute;
    width: 600px;
    height: 68px
}

html[data-theme=dark] .BrandQuestionWinners-header {
    background: #1a1a1a
}

.BrandQuestionWinners-title {
    margin-top: 16px;
    line-height: 21px;
    font-size: 15px;
    font-weight: 700;
    color: #444
}

html[data-theme=dark] .BrandQuestionWinners-title {
    color: gray
}

.BrandQuestionWinners-subTitle {
    margin-top: 3px;
    line-height: 17px;
    font-size: 12px;
    color: #999
}

html[data-theme=dark] .BrandQuestionWinners-subTitle {
    color: #646464
}

.BrandQuestionWinners-winner {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(3,17,29,.04);
    padding: 0 24px;
    width: 600px;
    height: 60px;
    background: #fff;
    box-sizing: border-box
}

html[data-theme=dark] .BrandQuestionWinners-winner {
    background: #1a1a1a
}

.BrandQuestionWinners-winner+.BrandQuestionWinners-winner {
    margin-top: 0;
    border-top: none;
    border-bottom: 1px solid rgba(3,17,29,.04)
}

.BrandQuestionWinners-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    height: 100%
}

.BrandQuestionWinners-info img {
    margin-right: 20px;
    border-radius: 36px;
    width: 36px;
    height: 36px
}

.BrandQuestionWinners-prize {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%
}

.BrandQuestionWinners-footer,.BrandQuestionWinners-prize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row
}

.BrandQuestionWinners-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 12px;
    width: 600px;
    height: 50px;
    background: #fff
}

html[data-theme=dark] .BrandQuestionWinners-footer {
    background: #1a1a1a
}

.BrandQuestionWinners.is-mobile {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh
}

.BrandQuestionWinners.is-mobile .BrandQuestionWinners-header {
    margin-top: 0
}

.BrandQuestionWinners.is-mobile .BrandQuestionWinners-footer,.BrandQuestionWinners.is-mobile .BrandQuestionWinners-winner {
    width: 100%
}

html[data-theme=dark] .BrandQuestionWinners {
    background: #2e2e2e
}

body.page-brandQuestionWinners {
    width: 100%;
    height: 100%;
    overflow: hidden
}

body.page-brandQuestionWinners .AppHeader {
    display: none
}

body.page-brandQuestionWinners .App-main {
    position: relative
}

body.page-brandQuestionWinners .QuestionHeader,body.page-brandQuestionWinners .QuestionStatus {
    display: none
}

.uploadImage-container {
    padding: 0 24px 0 16px;
    height: 64px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box
}

.uploadImage-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.uploadImage-container ul li {
    width: 64px;
    height: 64px;
    margin-left: 8px;
    border-radius: 4px;
    position: relative
}

.uploadImage-container ul li img {
    border-radius: 4px
}

.uploadImage-container ul li em {
    padding: 0 4px;
    background: #fff;
    opacity: .6;
    border-radius: 2px;
    font-size: 12px;
    color: #1a1a1a;
    position: absolute;
    right: 4px;
    bottom: 4px;
    font-style: normal
}

html[data-theme=dark] .uploadImage-container ul li em {
    background: #1a1a1a;
    color: #999
}

.uploadImage-container ul li .uploadImage-cancel {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
    cursor: pointer
}

.uploadImage-container ul li .uploadImage-cancel:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    opacity: .5;
    top: 0;
    left: 0;
    border-radius: 50%
}

html[data-theme=dark] .uploadImage-container ul li .uploadImage-cancel:before {
    background: #999
}

.uploadImage-container ul li .uploadImage-cancel svg {
    vertical-align: top;
    position: relative;
    z-index: 1
}

.uploadImage-container .uploadImage-upload {
    position: relative;
    width: 64px;
    overflow: hidden
}

.uploadImage-container .uploadImage-upload>span {
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    border: 2px dashed #bfbfbf;
    border-radius: 4px;
    font-size: 40px;
    display: block;
    color: #bfbfbf;
    cursor: pointer;
    text-align: center;
    font-weight: 200
}

html[data-theme=dark] .uploadImage-container .uploadImage-upload>span {
    border: 2px dashed gray;
    color: gray
}

.uploadImage-container .uploadImage-fileInput {
    position: absolute;
    width: 64px;
    height: 64px;
    left: 0;
    top: 0
}

.uploadImage-container .Editable-imageUploader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    width: 60px
}

html[data-theme=dark] .uploadImage-container .Editable-imageUploader {
    background: #1a1a1a
}

.uploadImage-container .Editable-imageUploader-statusText {
    font-size: 12px;
    text-align: center;
    line-height: 18px
}

.uploadImage-container .Editable-imageUploader-retry {
    display: none
}

.uploadVideo-container {
    margin-left: 24px;
    overflow: hidden;
    width: 190px;
    height: 105px;
    box-sizing: border-box;
    position: relative;
    border-radius: 4px
}

.uploadVideo-container .uploadVideo-content,.uploadVideo-container .uploadVideo-plugin {
    margin: 0;
    width: 190px;
    height: 105px
}

.uploadVideo-container .Editable-videoUploader-status {
    font-size: 16px
}

.uploadVideo-container .Editable-videoUploader-size {
    font-size: 12px
}

.uploadVideo-container .RichText-video {
    margin: 0
}

.uploadVideo-container .VideoCard {
    border: 0;
    box-shadow: 0 0 0
}

.uploadVideo-container .VideoCard-play-button,.uploadVideo-container .VideoCard-play-button svg {
    width: 48px!important;
    height: 48px!important
}

.uploadVideo-container .uploadVideo-cancel {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
    cursor: pointer
}

.uploadVideo-container .uploadVideo-cancel:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    opacity: .5;
    top: 0;
    left: 0;
    border-radius: 50%
}

html[data-theme=dark] .uploadVideo-container .uploadVideo-cancel:before {
    background: #999
}

.uploadVideo-container .uploadVideo-cancel svg {
    vertical-align: top;
    position: relative;
    z-index: 1
}

.writePin {
    position: relative
}

.writePin .writePin-contentTitle svg {
    vertical-align: text-bottom;
    margin-right: 4px;
    fill: #8590a6;
    position: relative;
    top: -1px
}

html[data-theme=dark] .writePin .writePin-contentTitle svg {
    fill: #606a80
}

.writePin-menu {
    background: #1a1a1a;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s,bottom 0s .3s;
    z-index: 101
}

html[data-theme=dark] .writePin-menu {
    background: #999
}

.writePin-menu-translate {
    opacity: .6
}

.writePin-content {
    position: relative;
    z-index: 102;
    background: #fff
}

html[data-theme=dark] .writePin-content {
    background: #1a1a1a
}

.writePin-sign-arrow {
    border: 8px solid transparent;
    border-bottom-color: #ebebeb;
    margin-top: -8px;
    border-top-width: 0;
    left: 358px;
    top: 1px;
    z-index: 103
}

.writePin-sign-arrow,.writePin-sign-arrow:after {
    display: block;
    width: 0;
    height: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute
}

.writePin-sign-arrow:after {
    border: 8px solid transparent;
    left: 0;
    top: 0;
    content: "";
    border-top-width: 0;
    margin-top: 1px;
    border-bottom-color: #fff
}

html[data-theme=dark] .writePin-sign-arrow:after {
    border-bottom-color: #1a1a1a
}

html[data-theme=dark] .writePin-sign-arrow {
    border-bottom-color: #444
}

.writePin-contentTitle {
    padding: 18px 24px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 58px;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.writePin-contentTitle span:nth-child(2) {
    color: #8590a6;
    font-size: 15px;
    cursor: pointer
}

html[data-theme=dark] .writePin-contentTitle span:nth-child(2) {
    color: #606a80
}

.writePin-contentWrite {
    border-top: 1px solid #f6f6f6;
    padding: 12px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.writePin-contentWrite .writePin-user {
    margin-right: 12px
}

.writePin-contentWrite .writePin-content-editor {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 146px;
    overflow: auto
}

.writePin-contentWrite .public-DraftEditor-content {
    min-height: 60px;
    width: 600px
}

.writePin-contentWrite .public-DraftEditor-content a.member_mention,.writePin-contentWrite .public-DraftEditor-content a.UserLink-link {
    color: #175199
}

.writePin-contentWrite .public-DraftEditor-content a.member_mention:hover,.writePin-contentWrite .public-DraftEditor-content a.UserLink-link:hover,html[data-theme=dark] .writePin-contentWrite .public-DraftEditor-content a.member_mention:hover,html[data-theme=dark] .writePin-contentWrite .public-DraftEditor-content a.UserLink-link:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .writePin-contentWrite .public-DraftEditor-content a.member_mention,html[data-theme=dark] .writePin-contentWrite .public-DraftEditor-content a.UserLink-link {
    color: #175199
}

.writePin-contentWrite .public-DraftEditorPlaceholder-inner {
    color: #8590a6
}

html[data-theme=dark] .writePin-contentWrite .public-DraftEditorPlaceholder-inner {
    color: #606a80
}

html[data-theme=dark] .writePin-contentWrite {
    border-top: 1px solid #2e2e2e
}

.writePin-content-status {
    position: static
}

.writePin-contentWrite-disabled:before {
    background: #fff;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11
}

html[data-theme=dark] .writePin-contentWrite-disabled:before {
    background: #1a1a1a
}

.writePin-link-status,.writePin-uploadImage-status,.writePin-uploadVideo-status {
    display: none;
    transition: all .3s ease-in
}

.writePin-link-loading {
    height: 60px
}

.writePin-cancel {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer
}

.writePin-cancel:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1a1a1a;
    opacity: .5;
    top: 0;
    left: 0;
    border-radius: 50%
}

html[data-theme=dark] .writePin-cancel:before {
    background: #999
}

.writePin-cancel svg {
    position: relative;
    z-index: 1;
    top: -1px
}

.writePin-link {
    margin: 0 24px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    position: relative
}

html[data-theme=dark] .writePin-link {
    border: 1px solid #444;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.writePin-linkBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 10px;
    width: 624px;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: auto;
    white-space: normal;
    cursor: pointer
}

.writePin-linkBox .writePin-linkBoxContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 16px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.writePin-linkBox .writePin-linkBoxContent span:first-child {
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 54px
}

.writePin-linkBox .writePin-linkBoxContentThumbnail {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover
}

.writePin-buttonMenu {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.writePin-buttonMenu .writePin-uploadButton {
    color: #0084ff
}

html[data-theme=dark] .writePin-buttonMenu .writePin-uploadButton {
    color: #3a76d0
}

.writePin-buttonMenu .writePin-upload {
    position: relative
}

.writePin-buttonMenu .writePin-upload-disabled:before {
    background: #fff;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11
}

html[data-theme=dark] .writePin-buttonMenu .writePin-upload-disabled:before {
    background: #1a1a1a
}

.writePin-fileInput {
    display: none;
    opacity: 0
}

.writePin-modalSucsessTip {
    background: url(https://static.zhihu.com/heifetz/pin-guide@2x.68639e91d0214a6a58ea.png) no-repeat bottom;
    background-size: 224px 127px;
    padding-bottom: 162px;
    color: #444;
    line-height: 24px;
    width: 317px;
    margin: 0 auto 48px;
    text-align: center
}

.writePin-modalSucsessTip a {
    color: #0084ff
}

html[data-theme=dark] .writePin-modalSucsessTip a {
    color: #3a76d0
}

html[data-theme=dark] .writePin-modalSucsessTip {
    color: gray
}

.writePin-pinDetail {
    text-align: center
}

.writePin-pinDetail a {
    display: inline-block;
    border: 1px solid #0084ff;
    background-color: #0084ff;
    padding: 0 16px;
    width: 220px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    color: #fff
}

html[data-theme=dark] .writePin-pinDetail a {
    border: 1px solid #3a76d0;
    background-color: #3a76d0;
    color: #1a1a1a
}

.writePin-editorCount {
    padding-right: 20px
}

.writePin-editorCount.writePin-editorCountError {
    color: #f1403c
}

html[data-theme=dark] .writePin-editorCount.writePin-editorCountError {
    color: #b7302d
}

.writePin-placeHolder {
    width: 623px;
    height: 83px;
    padding-left: 10px;
    overflow: hidden
}

.writePin-placeHolder svg {
    margin-top: -46px
}

.TopstoryHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 58px;
    padding: 0 20px
}

.TopstoryHeader a {
    text-decoration: none
}

.TopstoryHeader-rightItem {
    color: #8590a6;
    transition: color .2s ease-in
}

.TopstoryHeader-rightItem:hover,html[data-theme=dark] .TopstoryHeader-rightItem:hover {
    color: #175199
}

html[data-theme=dark] .TopstoryHeader-rightItem {
    color: #606a80
}

.TopstoryHeader-navItem {
    display: inline-block;
    transition: color .2s ease-in;
    font-size: 16px;
    color: #1a1a1a
}

.TopstoryHeader-navItem .Icon {
    margin-right: 8px
}

.TopstoryHeader-navItem:hover {
    color: #175199;
    cursor: pointer
}

html[data-theme=dark] .TopstoryHeader-navItem:hover {
    color: #175199
}

.TopstoryHeader-navItem+.TopstoryHeader-navItem {
    margin-left: 40px
}

html[data-theme=dark] .TopstoryHeader-navItem {
    color: #999
}

.TopstoryHeader-navItemArticle svg {
    position: relative;
    top: -1px
}

.TopstoryHeader-navItemPin {
    cursor: pointer
}

.TopstoryHeader-navItemPin svg {
    vertical-align: text-bottom;
    fill: #8590a6;
    margin-right: 4px;
    position: relative;
    top: -1px
}

html[data-theme=dark] .TopstoryHeader-navItemPin svg {
    fill: #606a80
}

.LiveCourseItem-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 170px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 10px
}

.LiveCourseItem-cover img {
    width: 100%;
    position: absolute;
    top: 70%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.EventcardItem-cover {
    position: relative;
    display: block;
    width: 100%;
    height: 160px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-bottom: 10px
}

.EventcardItem-cover img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.EventcardItem-content {
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 27px
}

.FeedSource-firstline {
    margin-bottom: 8px;
    color: #8590a6
}

.FeedSource-firstline a {
    color: inherit
}

html[data-theme=dark] .FeedSource-firstline {
    color: #606a80
}

.FeedSource-byline {
    margin-bottom: 14px
}

.Feed .ColumnItem-meta,.Feed .RoundtableItem-meta {
    margin-top: 12px
}

.ActionCard-topic {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 20px 20px 4px;
    text-align: center;
    width: 160px;
    box-sizing: border-box
}

.ActionCard-topic:not(:first-child):after {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -43px;
    display: block;
    content: "";
    height: 86px;
    width: 1px;
    background-color: #ebebeb
}

html[data-theme=dark] .ActionCard-topic:not(:first-child):after {
    background-color: #444
}

.ActionCard-topic-name {
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ActionCard-topic-reason {
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8590a6;
    font-size: 14px
}

html[data-theme=dark] .ActionCard-topic-reason {
    color: #606a80
}

.ActionCard-topic-button {
    height: 24px;
    line-height: 24px!important;
    font-size: 13px;
    width: 96px
}

.ActionCard-dot:after {
    margin: 0 5px;
    content: "\B7"
}

.ActionCard-title {
    color: #8590a6;
    margin-right: 8px
}

html[data-theme=dark] .ActionCard-title {
    color: #606a80
}

.Advert-head {
    margin-bottom: 10px
}

.Advert-metaText {
    color: #8590a6;
    line-height: 1
}

html[data-theme=dark] .Advert-metaText {
    color: #606a80
}

.Advert-content {
    margin-top: 10px
}

.Advert-brand,.Advert-content--cover,.Advert-content--question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Advert-brand {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8590a6;
    line-height: 24px
}

html[data-theme=dark] .Advert-brand {
    color: #606a80
}

.Advert-brand-avatar .Avatar {
    vertical-align: middle
}

.Advert-brand-name {
    margin-left: 12px
}

.Advert-brand-name--hasExtra {
    color: #1a1a1a;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Advert-brand-name--hasExtra {
    font-weight: 500
}

html[data-android] .Advert-brand-name--hasExtra {
    font-weight: 700
}

html[data-theme=dark] .Advert-brand-name--hasExtra {
    color: #999
}

.Advert-cover {
    display: block;
    position: relative;
    margin-top: 12px;
    width: 100%;
    height: 150px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Advert-cover img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.Advert--card-cover {
    width: 200px;
    height: 112px;
    margin-top: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: #999;
    vertical-align: top
}

html[data-theme=dark] .Advert--card-cover {
    background: #646464
}

.Advert--card-detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
    line-height: 24px
}

.Advert-account-inner {
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    color: #646464
}

html[data-theme=dark] .Advert-account-inner {
    border: 1px solid #444;
    color: #999
}

.Advert-account-cover {
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    vertical-align: top
}

.Advert-account-cover:not(img) {
    background: #999;
    padding-top: 24%
}

html[data-theme=dark] .Advert-account-cover:not(img) {
    background: #646464
}

.Advert-account-body {
    padding: 8px 12px 16px;
    line-height: 1.6
}

.Advert-account-user {
    position: relative;
    padding-left: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.Advert-account-user-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 12px
}

.Advert-account-user-content .RichText {
    margin-top: 4px
}

.Advert-account-user-link {
    font-size: 20px
}

.Advert-account-user-avatar {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 2px solid #fff
}

html[data-theme=dark] .Advert-account-user-avatar {
    border: 2px solid #1a1a1a
}

.Advert-account-description {
    line-height: 27px;
    margin-top: 12px
}

.Advert-account-description span {
    color: #8590a6
}

html[data-theme=dark] .Advert-account-description span {
    color: #606a80
}

.Advert-meta {
    margin-bottom: 14px;
    line-height: 23px;
    color: #8590a6
}

html[data-theme=dark] .Advert-meta {
    color: #606a80
}

.Advert-title {
    font-size: 18px;
    font-weight: 600;
    font-synthesis: style;
    color: #1a1a1a
}

html[data-ios] .Advert-title {
    font-weight: 500
}

html[data-android] .Advert-title {
    font-weight: 700
}

html[data-theme=dark] .Advert-title {
    color: #999
}

.Advert-description {
    line-height: 27px;
    margin-top: 6px
}

.Advert-button {
    display: inline-block;
    color: #8590a6;
    font-size: 14px;
    padding: 0 3px
}

.Advert-button .Icon {
    margin-left: 4px;
    vertical-align: -1px
}

html[data-theme=dark] .Advert-button {
    color: #606a80
}

.Advert-followIcon {
    fill: currentColor;
    margin-right: 8px
}

.TopstoryItem {
    position: relative;
    padding: 16px 20px
}

.TopstoryItem:hover .TopstoryItem-rightButton {
    opacity: 1
}

.TopstoryItem .Button:not(.Button--plain):not(.Button--link) {
    line-height: 30px;
    padding: 0 12px
}

.TopstoryItem--experimentButton .Button:not(.Button--plain):not(.Button--link) {
    line-height: 26px;
    padding: 0 12px
}

.TopstoryItem--experimentItem {
    padding: 16px 20px 20px
}

.TopstoryItem--experimentItem.List-item:not(:last-child):after {
    margin: 0;
    border-color: #ebebeb
}

html[data-theme=dark] .TopstoryItem--experimentItem.List-item:not(:last-child):after {
    border-color: #444
}

.TopstoryItem-rightButton {
    position: absolute;
    top: 12px;
    right: 16px;
    opacity: 0;
    transition: opacity .3s
}

.TopstoryItem-rightButton.Popover {
    background: #f6f6f6;
    border-radius: 3px;
    padding: 3px 6px;
    opacity: 1
}

html[data-theme=dark] .TopstoryItem-rightButton.Popover {
    background: #2e2e2e
}

.TopstoryItem-actionButton {
    position: absolute;
    top: 20px;
    right: 24px
}

.TopstoryItem-actionButton.is-active,html[data-theme=dark] .TopstoryItem-actionButton.is-active {
    color: #175199
}

.TopstoryItem-advertButton {
    font-size: 13px
}

.TopstoryItem-advertButton .Icon {
    margin-left: 6px
}

.TopstoryItem-uninterestTitle {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopstoryItem-uninterestTitle {
    font-weight: 500
}

html[data-android] .TopstoryItem-uninterestTitle {
    font-weight: 700
}

.TopstoryItem-uninterestTag {
    margin-top: 12px
}

.TopstoryItem-uninterestTag:not(:last-child) {
    margin-right: 16px
}

.TopstoryItem-uninterestTag.is-active {
    background: #0084ff;
    border: 1px solid #0084ff;
    color: #fff
}

html[data-theme=dark] .TopstoryItem-uninterestTag.is-active {
    background: #3a76d0;
    border: 1px solid #3a76d0;
    color: #1a1a1a
}

.TopstoryItem-menuItem {
    line-height: 36px;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .TopstoryItem-menuItem {
    color: #606a80
}

.TopstoryMain {
    width: 694px;
    padding-bottom: 20px
}

.GlobalSideBar-categoryList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0 -5px;
    padding: 0 10px
}

.GlobalSideBar-categoryItem {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px
}

.GlobalSideBar-categoryItem .Button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -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;
    position: relative;
    cursor: pointer;
    color: currentColor
}

.GlobalSideBar-categoryItem a:hover .GlobalSideBar-categoryLabel {
    color: currentColor
}

.GlobalSideBar-categoryLabel {
    font-size: 15px;
    color: #8590a6
}

html[data-theme=dark] .GlobalSideBar-categoryLabel {
    color: #606a80
}

.GlobalSideBar-categoryIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 25px;
    height: 25px;
    margin-bottom: 10px
}

.GlobalSideBar-navList {
    width: 100%;
    padding: 8px 0
}

.GlobalSideBar-navLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    height: 40px;
    overflow: hidden
}

.GlobalSideBar-navLink:hover {
    background: #f6f6f6
}

html[data-theme=dark] .GlobalSideBar-navLink:hover {
    background: #2e2e2e
}

.GlobalSideBar-navIcon {
    fill: #8590a6
}

html[data-theme=dark] .GlobalSideBar-navIcon {
    fill: #606a80
}

.GlobalSideBar-navText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 10px;
    text-align: left
}

.GlobalSideBar-navNumber {
    padding: 6px 10px;
    border-radius: 2px;
    background: #f6f6f6;
    color: #8590a6;
    font-size: 12px
}

.GlobalSideBar-navLink:hover .GlobalSideBar-navNumber {
    background: #fff
}

html[data-theme=dark] .GlobalSideBar-navLink:hover .GlobalSideBar-navNumber {
    background: #1a1a1a
}

html[data-theme=dark] .GlobalSideBar-navNumber {
    background: #2e2e2e;
    color: #606a80
}

.GlobalSideBar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px
}

.GlobalSideBar .Footer {
    padding: 0 0 0 5px
}

.TopstoryPrelude-users {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.TopstoryPrelude-field {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.TopstoryPrelude-field .Input-wrapper {
    width: 320px;
    margin-right: 20px
}

.TopstoryPrelude-field .Input {
    line-height: 26px
}

.TopstoryPrelude-fieldTips {
    position: absolute;
    top: 50px;
    right: 85px;
    color: #f1403c
}

html[data-theme=dark] .TopstoryPrelude-fieldTips {
    color: #b7302d
}

.TopstoryPrelude-users {
    margin: 65px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.TopstoryPrelude-intro {
    margin-bottom: 45px;
    color: #646464;
    font-size: 16px
}

html[data-theme=dark] .TopstoryPrelude-intro {
    color: #999
}

.TopstoryPrelude-user {
    position: relative;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.TopstoryPrelude-avatar {
    margin-right: 16px;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.TopstoryPrelude-userBio {
    color: #646464
}

html[data-theme=dark] .TopstoryPrelude-userBio {
    color: #999
}

.TopstoryPrelude-userList {
    width: 100%;
    overflow: hidden
}

.TopstoryPrelude-userId--0 {
    margin-left: -190px
}

.TopstoryPrelude-userId--1 {
    margin-left: 60px
}

.TopstoryPrelude-userId--2 {
    margin-left: -280px
}

.TopstoryPrelude-userId--3 {
    margin-left: 34px
}

.TopstoryPrelude-userId--4 {
    margin-left: -190px
}

.TopstoryPrelude-userId--5 {
    margin-left: -34px
}

.TopstoryTopics-hint {
    padding: 40px 0 160px;
    text-align: center;
    color: #999
}

html[data-theme=dark] .TopstoryTopics-hint {
    color: #646464
}

.TopstoryTopics-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 14px;
    min-height: 80vh
}

.TopstoryTopics-item {
    width: 20%;
    box-sizing: border-box;
    padding: 14px;
    cursor: pointer
}

.TopstoryTopics-itemWrap {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.TopstoryTopics-itemMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(26,26,26,.32),rgba(26,26,26,.6))
}

.TopstoryTopics-itemMask:hover {
    opacity: .6
}

html[data-theme=dark] .TopstoryTopics-itemMask {
    background: linear-gradient(180deg,hsla(0,0%,60%,.32),hsla(0,0%,60%,.6))
}

.TopstoryTopics-itemPic {
    width: 100%;
    display: block
}

.TopstoryTopics-itemLabel {
    position: absolute;
    z-index: 1;
    left: 10px;
    bottom: 10px;
    color: #fff
}

html[data-theme=dark] .TopstoryTopics-itemLabel {
    color: #1a1a1a
}

.TopstoryTopics-selectItem {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    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;
    opacity: .6;
    background: #fff
}

html[data-theme=dark] .TopstoryTopics-selectItem {
    background: #1a1a1a
}

.TopstoryTopics-selectItem.is--selected {
    opacity: 1;
    background: #999
}

.TopstoryTopics-selectItem.is--selected .Icon {
    fill: #fff
}

html[data-theme=dark] .TopstoryTopics-selectItem.is--selected .Icon {
    fill: #1a1a1a
}

html[data-theme=dark] .TopstoryTopics-selectItem.is--selected {
    background: #646464
}

.TopstoryGuide-onStage {
    position: fixed;
    z-index: 10;
    bottom: 0;
    width: 100%;
    height: 120px;
    line-height: 120px;
    text-align: center;
    background-color: hsla(0,0%,100%,.96);
    box-shadow: 0 -1px 0 0 rgba(26,26,26,.08)
}

.TopstoryGuide-onStage .Button {
    padding: 6px 24px;
    font-size: 18px
}

html[data-theme=dark] .TopstoryGuide-onStage {
    background-color: rgba(26,26,26,.96);
    box-shadow: 0 -1px 0 0 hsla(0,0%,60%,.08)
}

.TopstoryGuide {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-width: 500px;
    border: 0;
    border-radius: 0;
    overflow-x: hidden;
    color: #444;
    background: hsla(0,0%,100%,.95)
}

html[data-theme=dark] .TopstoryGuide {
    color: gray;
    background: rgba(26,26,26,.95)
}

.TopstoryWrap {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-right: 15px
}

.TopstoryPrelude,.TopstoryTopics {
    -webkit-animation: .3s fadeInUp ease-in;
    animation: .3s fadeInUp ease-in
}

.TopstoryGuide-fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.TopstoryGuide-container,.TopstoryGuide-header {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.TopstoryGuide-container {
    margin-top: 40px
}

.TopstoryGuide-title {
    margin: 40px 0 20px;
    font-size: 24px;
    font-weight: 400
}

.TopstoryGuide-subtitle {
    color: #999
}

html[data-theme=dark] .TopstoryGuide-subtitle {
    color: #646464
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.Topstory-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 1000px;
    padding: 0 16px;
    margin: 10px auto
}

.Topstory-mainColumn {
    margin-right: 10px
}

.SearchItem-authorName {
    font-weight: 600;
    font-synthesis: style;
    font-size: 15px
}

html[data-ios] .SearchItem-authorName {
    font-weight: 500
}

html[data-android] .SearchItem-authorName {
    font-weight: 700
}

.Search-statusLink {
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .Search-statusLink {
    color: #606a80
}

.SearchItem-meta {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SearchItem-meta .SearchItem-description {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SearchItem-meta.SearchItem-authorInfo {
    margin: 12px 0
}

.SearchItem-userTitle,.SearchItem-userTitle .UserLink-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.SearchItem-userTitle .UserLink-badge {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchItem-albumStatus,.SearchItem-ebookStatus,.SearchItem-liveStatus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6px
}

.Search-albumStatusLastLink,.Search-albumStatusLink,.Search-ebookStatusLink,.Search-liveStatusLink {
    font-size: 14px;
    color: #8590a6;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: 8px
}

html[data-theme=dark] .Search-albumStatusLastLink,html[data-theme=dark] .Search-albumStatusLink,html[data-theme=dark] .Search-ebookStatusLink,html[data-theme=dark] .Search-liveStatusLink {
    color: #606a80
}

.SearchItem-albumStatus .Search-albumStatusLink:not(:first-child):before,.SearchItem-ebookStatus .Search-ebookStatusLink:not(:first-child):before,.SearchItem-liveStatus .Search-liveStatusLink:not(:first-child):before {
    width: 8px;
    height: 16px;
    margin: 2px 0;
    border-left: 1px solid #ebebeb;
    content: ""
}

html[data-theme=dark] .SearchItem-albumStatus .Search-albumStatusLink:not(:first-child):before,html[data-theme=dark] .SearchItem-ebookStatus .Search-ebookStatusLink:not(:first-child):before,html[data-theme=dark] .SearchItem-liveStatus .Search-liveStatusLink:not(:first-child):before {
    border-left: 1px solid #444
}

.Search-albumStatusLastLink:before,.SearchItem-roundDivider .SearchItem-roundDivider:not(:first-child):before {
    width: 8px;
    height: 16px;
    margin: 2px 0;
    content: "\B7"
}

.SearchItem-ebookAvatarWrapper {
    width: 72px;
    height: 96px;
    border-radius: 4px;
    overflow: hidden
}

.SearchItem-ebookAvatarImg {
    width: 72px;
    border-radius: 4px
}

.SearchItem-albumImg {
    width: 60px;
    border-radius: 4px
}

.SearchItem-promotion img {
    max-width: 100%
}

.Search-questionFollowButton {
    min-width: auto;
    padding: 10px
}

.SearchAlbum-playButton {
    min-width: 96px;
    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
}

.SearchAlbum-playButton svg {
    margin-right: 5px
}

.SearchAlbumModal-openInAppWrapper {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchAlbumModal-subtitle {
    margin-bottom: 20px;
    text-align: center
}

.SearchAlbumModal-button {
    width: 220px;
    margin-top: 20px;
    box-sizing: border-box
}

.SearchAlbumModal-qrcode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

.SearchNoContent-wrapper {
    width: 100%;
    height: 400px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.SearchNoContent-content,.SearchNoContent-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchNoContent-content {
    width: 500px;
    height: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.SearchNoContent-title {
    font-size: 24px;
    margin-bottom: 32px
}

.SearchNoContent-input {
    width: 488px;
    height: 40px;
    background-color: #f6f6f6;
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchNoContent-input .SearchNoContent-focusedInput {
    background-color: #fff
}

html[data-theme=dark] .SearchNoContent-input .SearchNoContent-focusedInput {
    background-color: #1a1a1a
}

html[data-theme=dark] .SearchNoContent-input {
    background-color: #2e2e2e
}

.SearchNoContent-button {
    width: 220px;
    height: 36px
}

.SearchNoContent-description {
    font-size: 15px;
    color: #8590a6;
    margin-top: 10px
}

html[data-theme=dark] .SearchNoContent-description {
    color: #606a80
}

.SearchCorrection {
    width: 694px;
    line-height: 23px;
    padding: 16px 20px
}

.SearchCorrection-correctionQueryString {
    color: #f1403c
}

html[data-theme=dark] .SearchCorrection-correctionQueryString {
    color: #b7302d
}

.SearchMain {
    width: 694px;
    margin-right: 10px
}

.SearchSections {
    width: 694px
}

.SearchSections .List-item {
    padding: 0
}

.SearchSections .ContentItem {
    padding: 20px
}

.SearchSections .ContentItem:not(:last-child) {
    border-bottom: 1px solid #f6f6f6
}

html[data-theme=dark] .SearchSections .ContentItem:not(:last-child) {
    border-bottom: 1px solid #2e2e2e
}

.SearchSections .ContentItem-title>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchSections .SearchItem-type {
    margin-left: 8px
}

.Search-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    font-size: 14px
}

.Search-more,html[data-theme=dark] .Search-more {
    color: #175199
}

.TopSearch.Card:last-of-type {
    margin-bottom: 0
}

.TopSearch-title {
    font-size: 15px;
    font-weight: 600;
    font-synthesis: style;
    padding: 13px 16px;
    border-bottom: 1px solid #f6f6f6
}

html[data-ios] .TopSearch-title {
    font-weight: 500
}

html[data-android] .TopSearch-title {
    font-weight: 700
}

html[data-theme=dark] .TopSearch-title {
    border-bottom: 1px solid #2e2e2e
}

.TopSearch-items {
    padding: 8px 16px
}

.TopSearch-item {
    margin: 6px 0;
    overflow: hidden
}

.TopSearch-itemLink {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #1a1a1a;
    line-height: 21px;
    width: 100%;
    overflow: hidden
}

.TopSearch-itemLink:hover,html[data-theme=dark] .TopSearch-itemLink:hover {
    color: #175199
}

html[data-theme=dark] .TopSearch-itemLink {
    color: #999
}

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

.TopSearch-hot {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.TopSearch-items--spread {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.TopSearch-items--spread .TopSearch-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.TopSearch-items--spread .TopSearch-itemLink {
    color: #175199;
    width: auto;
    max-width: 100%;
    overflow: hidden
}

html[data-theme=dark] .TopSearch-items--spread .TopSearch-itemLink {
    color: #175199
}

.TopSearch-hot {
    padding-left: 5px
}

.SearchRecommendationItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
    padding: 16px
}

.SearchRecommendationItem>img {
    width: 40px;
    margin-right: 8px;
    border-radius: 4px
}

.SearchRecommendationItem:not(:last-child) {
    border-bottom: 1px solid #f6f6f6
}

html[data-theme=dark] .SearchRecommendationItem:not(:last-child) {
    border-bottom: 1px solid #2e2e2e
}

.SearchRecommendationItem-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-top: 3px;
    color: #8590a6
}

html[data-theme=dark] .SearchRecommendationItem-status {
    color: #606a80
}

.SearchRecommendationItem-title {
    display: inline-block;
    font-weight: 600;
    font-synthesis: style;
    margin-right: 8px;
    max-width: 142px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

html[data-ios] .SearchRecommendationItem-title {
    font-weight: 500
}

html[data-android] .SearchRecommendationItem-title {
    font-weight: 700
}

.SearchRecommendationItem-title+span {
    vertical-align: middle
}

.SearchRecommendationItem-title:hover,.SearchRecommendationItem-title:hover em,html[data-theme=dark] .SearchRecommendationItem-title:hover,html[data-theme=dark] .SearchRecommendationItem-title:hover em {
    color: #175199
}

.SearchRecommendationItem-authorName {
    max-width: 60px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.SearchRecommendations-title {
    padding: 13px 16px;
    font-size: 16px;
    font-weight: 600;
    font-synthesis: style;
    border-bottom: 1px solid #f6f6f6
}

html[data-ios] .SearchRecommendations-title {
    font-weight: 500
}

html[data-android] .SearchRecommendations-title {
    font-weight: 700
}

html[data-theme=dark] .SearchRecommendations-title {
    border-bottom: 1px solid #2e2e2e
}

.SearchSideBar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.SimpleSearchBar-wrapper {
    margin: auto 0
}

.SimpleSearchBar-wrapper .Input-after {
    right: -1px
}

.SimpleSearchBar-searchButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    padding: 3px 16px;
    border-radius: 0 3px 3px 0
}

.SimpleSearchBar-input {
    width: 296px;
    background-color: #f6f6f6
}

html[data-theme=dark] .SimpleSearchBar-input {
    background-color: #2e2e2e
}

.SearchTabs {
    width: 100%;
    background-color: #fff;
    padding-top: 2px
}

.SearchTabs.SearchTab-bottomShadow {
    box-shadow: 0 1px 3px rgba(26,26,26,.1)
}

html[data-theme=dark] .SearchTabs.SearchTab-bottomShadow {
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

html[data-theme=dark] .SearchTabs {
    background-color: #1a1a1a
}

.SearchTabs-inner {
    margin: 0 auto;
    width: 1000px
}

.SearchTabs-actions,.SearchTabs-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.SearchTabs-actions {
    width: 694px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchTabs-actions .Tabs {
    border-bottom: 0
}

.SearchTabs-selectList {
    width: 104px
}

.Search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 1000px;
    min-height: 100vh;
    padding: 0 16px;
    margin: 10px auto;
    color: #1a1a1a
}

.Search-container .ContentItem-title {
    font-size: 16px
}

.Search-container .SearchItem-meta {
    font-size: 14px;
    color: #1a1a1a
}

html[data-theme=dark] .Search-container .SearchItem-meta {
    color: #999
}

.Search-container .LikeButton,.Search-container .VoteButton {
    line-height: 26px;
    padding: 0 10px
}

.Search-container .QuestionFollowButton {
    line-height: 26px;
    padding: 0 10px;
    width: auto
}

.Search-container .RichContent .RichContent-inner {
    margin-top: 5px
}

.Search-container .RichContent.is-collapsed .RichContent-inner {
    font-size: 14px
}

.Search-container .ContentItem-actions {
    height: 40px;
    padding-bottom: 6px
}

.Search-container .ContentItem-actions.is-bottom {
    height: 52px
}

.Search-container .ContentItem-action:not(:first-child) {
    margin-left: 16px
}

.Search-container .ContentItem-action.ContentItem-rightButton {
    margin-left: auto
}

.Search-container .ContentItem-extra {
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    margin-top: 14px
}

.Search-container .ContentItem-title {
    margin-top: 0
}

html[data-theme=dark] .Search-container {
    color: #999
}

.Highlight em {
    font-style: normal;
    color: #f1403c
}

html[data-theme=dark] .Highlight em {
    color: #b7302d
}

.SearchItem-type {
    display: inline-block;
    white-space: nowrap;
    padding: 1px 4px;
    background: #ebebeb;
    color: #8590a6;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px
}

html[data-theme=dark] .SearchItem-type {
    background: #444;
    color: #606a80
}

.RedeemCoupon {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 688px;
    padding: 40px 100px
}

.RedeemCoupon-title {
    font-size: 24px;
    color: #444
}

html[data-theme=dark] .RedeemCoupon-title {
    color: gray
}

.RedeemCoupon-input {
    margin-top: 32px;
    margin-bottom: 20px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.RedeemCoupon-error {
    height: 21px;
    margin: 12px 0;
    text-align: right;
    color: #f1403c
}

html[data-theme=dark] .RedeemCoupon-error {
    color: #b7302d
}

.RedeemCoupon-confirm {
    width: 220px
}

.ContentLayout {
    width: 1000px;
    margin: 10px auto;
    padding: 0 16px;
    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
}

.ContentLayout-mainColumn {
    margin-right: 10px;
    width: 694px
}

.ContentLayout-sideColumn {
    width: 296px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ModifyField-input {
    width: 100%
}

.ModifyField-modifyButton:not(:first-child) {
    margin-left: 8px
}

.ModifyField-actionBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0
}

.ModifyField-buttonGroup .Button:not(:last-child) {
    margin-right: 12px
}

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

.TopicActions,.TopicActions-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.TopicActions-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px 12px!important
}

.TopicActions-followButton {
    margin-right: 12px
}

.TopicActions-shareMenu {
    margin-left: 12px
}

.TopicCard .UserAvatarEditor-maskInnerText {
    display: none
}

.TopicCard .UserAvatar,.TopicCard .UserAvatarEditor-maskInner {
    border-radius: 4px;
    border: 0
}

.TopicCard .UserAvatarEditor-cameraIcon {
    margin-bottom: 0
}

.TopicCard .Avatar {
    max-width: 100px;
    max-height: 100px
}

.TopicCard-icon {
    margin-left: 2px
}

.TopicCard-content {
    padding: 16px 20px
}

.TopicCard-title {
    font-weight: 400;
    margin-top: 4px;
    margin-bottom: 12px
}

.TopicCard-titleText {
    display: inline;
    font-size: 22px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicCard-titleText {
    font-weight: 500
}

html[data-android] .TopicCard-titleText {
    font-weight: 700
}

.TopicCard-image {
    width: 100px;
    height: 100px;
    border-radius: 4px
}

.TopicCard-description {
    line-height: 26px
}

.TopicCard-collapseButton {
    margin-left: 8px
}

.TopicCard-actions {
    padding: 12px 20px;
    border-top: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html[data-theme=dark] .TopicCard-actions {
    border-top: 1px solid #444
}

.Badge {
    display: inline-block;
    padding: 1px 6px;
    font-size: 12px;
    font-weight: 400;
    color: #8590a6;
    vertical-align: 1px;
    background-color: #f6f6f6;
    border-radius: 3px;
    line-height: 18px
}

html[data-theme=dark] .Badge {
    color: #606a80;
    background-color: #2e2e2e
}

.TopicMetaCard {
    padding: 16px 20px
}

.TopicMetaCard-item {
    position: relative
}

.TopicMetaCard-actions {
    position: absolute;
    bottom: 0
}

.TopicMetaCard-image {
    width: 125px;
    height: 186px;
    border-radius: 4px
}

.TopicMetaCard-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 22px
}

.TopicMetaCard-label {
    margin-bottom: 10px;
    font-size: 14px;
    color: #8590a6
}

html[data-theme=dark] .TopicMetaCard-label {
    color: #606a80
}

.TopicMetaCard-badgeScore {
    margin-right: 4px;
    color: #ff9607
}

html[data-theme=dark] .TopicMetaCard-badgeScore {
    color: #ff9607
}

.TopicMetaCard-badges {
    margin-bottom: 8px
}

.TopicMetaCard-badge {
    margin-right: 12px
}

.TopicMetaCard-badge .Badge {
    font-size: 14px;
    padding: 3px 6px
}

.TopicMetaCard-description {
    margin-bottom: 8px;
    line-height: 26px;
    font-size: 14px
}

.TopicNumberBoard-item {
    padding: 16px 0
}

.TopicTopWriterBoard-section {
    padding: 0 20px
}

.TopicTopWriterBoard-author {
    padding: 12px 0
}

.TopicTopWriterBoard-author:not(:last-child) {
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .TopicTopWriterBoard-author:not(:last-child) {
    border-bottom: 1px solid #444
}

.TopicTopWriterBoard-author .AuthorInfo-content {
    margin-right: 12px
}

.TopicTopWriterBoard-authorDesc {
    color: #8590a6
}

html[data-theme=dark] .TopicTopWriterBoard-authorDesc {
    color: #606a80
}

.TopicTopWriterBoard-link:hover,html[data-theme=dark] .TopicTopWriterBoard-link:hover {
    color: #175199
}

.TopicTag {
    display: inline-block
}

.TopicTag .Tag {
    max-width: 256px;
    box-sizing: border-box;
    vertical-align: baseline;
    vertical-align: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TopicTagsContainer .TopicTag {
    margin: 0 8px 8px 0
}

.TopicRelativeBoard-item:not(:first-child) {
    margin-top: 16px
}

.TopicRelativeBoard-title {
    font-weight: 600;
    font-synthesis: style;
    margin-bottom: 12px
}

html[data-ios] .TopicRelativeBoard-title {
    font-weight: 500
}

html[data-android] .TopicRelativeBoard-title {
    font-weight: 700
}

.TopicRelativeBoard-tag {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px
}

.TopicRelativeBoard-link {
    display: inline-block;
    padding-top: 4px;
    font-size: 14px;
    color: #8590a6
}

.TopicRelativeBoard-link:hover,html[data-theme=dark] .TopicRelativeBoard-link:hover {
    color: #175199
}

html[data-theme=dark] .TopicRelativeBoard-link {
    color: #606a80
}

#TopicMain {
    min-height: 100vh
}

.Topic-pageHeader {
    width: 1000px;
    height: 100%;
    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: 0 auto
}

.Topic-pageHeader .Topic-tabs {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Topic-bar {
    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;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Topic-bar--borderTop {
    border-top: 1px solid #ebebeb
}

html[data-theme=dark] .Topic-bar--borderTop {
    border-top: 1px solid #444
}

.Topic-bar--borderBottom {
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .Topic-bar--borderBottom {
    border-bottom: 1px solid #444
}

html[data-theme=dark] .Topic-bar {
    background-color: #1a1a1a
}

.Topic-barWrapper {
    background: #fff;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 1px 3px rgba(26,26,26,.1);
    box-sizing: border-box
}

.Topic-barWrapper+.Card {
    border-radius: 0 0 2px 2px
}

html[data-theme=dark] .Topic-barWrapper {
    background: #1a1a1a;
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.Topic-headerLink.Button {
    padding-right: 20px
}

.Topic-pageHeaderMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 694px
}

.Topic-tabs {
    border-bottom: 0
}

.TopicIndexModule {
    padding: 0 20px 16px
}

.TopicIndex-mobileContent .TopicIndexModule-item a,html[data-theme=dark] .TopicIndex-mobileContent .TopicIndexModule-item a {
    color: #175199
}

.TopicIndexModule-title {
    border-top: 52px solid transparent;
    margin-top: -52px;
    padding: 16px 0;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicIndexModule-title {
    font-weight: 500
}

html[data-android] .TopicIndexModule-title {
    font-weight: 700
}

html[data-theme=dark] .TopicIndexModule-title {
    border-bottom: 1px solid #444
}

.TopicIndexModule-item {
    padding: 8px 0
}

.TopicIndexModule-item a:hover,html[data-theme=dark] .TopicIndexModule-item a:hover {
    color: #175199
}

.TopicIndexModule-topics {
    margin-top: 8px
}

.TopicIndexModule-topicsTitle {
    display: inline-block;
    margin-right: 8px;
    overflow: hidden;
    line-height: 30px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicIndexModule-topicsTitle {
    font-weight: 500
}

html[data-android] .TopicIndexModule-topicsTitle {
    font-weight: 700
}

.TopicIndexCatalog {
    position: relative;
    border-top: 16px solid transparent;
    border-right: 20px solid transparent;
    text-align: right
}

.TopicIndexCatalog-item:before,.TopicIndexCatalog:before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 4px;
    height: 100%;
    content: "";
    background-color: #ebebeb;
    border-radius: 2px
}

html[data-theme=dark] .TopicIndexCatalog-item:before,html[data-theme=dark] .TopicIndexCatalog:before {
    background-color: #444
}

.TopicIndexCatalog-item {
    position: relative;
    color: #8590a6
}

.TopicIndexCatalog-item a {
    display: inline-block;
    padding: 4px 8px;
    border-right: 4px solid transparent
}

.TopicIndexCatalog-item.is-active {
    color: #1a1a1a
}

.TopicIndexCatalog-item.is-active:before {
    background-color: #0084ff
}

html[data-theme=dark] .TopicIndexCatalog-item.is-active:before {
    background-color: #3a76d0
}

html[data-theme=dark] .TopicIndexCatalog-item.is-active {
    color: #999
}

html[data-theme=dark] .TopicIndexCatalog-item {
    color: #606a80
}

.TopicIndex-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: unset
}

.TopicIndex-contentSide {
    width: 180px
}

.TopicIntroSection {
    line-height: 26px;
    padding-bottom: 20px;
    margin: 0 20px
}

.TopicIntroSection:not(:last-child) {
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .TopicIntroSection:not(:last-child) {
    border-bottom: 1px solid #444
}

.TopicIntroSection-title {
    padding: 20px 0 16px;
    font-size: 18px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicIntroSection-title {
    font-weight: 500
}

html[data-android] .TopicIntroSection-title {
    font-weight: 700
}

.TopicContentAbbr {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis
}

.TopicContentAbbr-abbr {
    position: relative
}

.TopicContentAbbr-mask {
    position: absolute;
    top: 66px;
    right: 0;
    width: 6em;
    height: 22px;
    text-align: right
}

.TopicContentAbbr-mask span:first-child {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
    transition: mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035);
    transition: mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
    -webkit-mask-image: linear-gradient(270deg,#1a1a1a calc(100% - 2em),transparent);
    mask-image: linear-gradient(270deg,#1a1a1a calc(100% - 2em),transparent);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

html[data-theme=dark] .TopicContentAbbr-mask span:first-child {
    background: #1a1a1a;
    -webkit-mask-image: linear-gradient(270deg,#999 calc(100% - 2em),transparent);
    mask-image: linear-gradient(270deg,#999 calc(100% - 2em),transparent)
}

.TopicContentAbbr-mask span:last-child {
    position: absolute;
    right: 2px;
    bottom: 0;
    z-index: 2;
    color: #175199
}

html[data-theme=dark] .TopicContentAbbr-mask span:last-child {
    color: #175199
}

.TopicRelated {
    padding: 15px 0
}

.TopicRelated img {
    width: 40px;
    height: 40px;
    border-radius: 4px
}

.TopicRelated:not(:last-child) {
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .TopicRelated:not(:last-child) {
    border-bottom: 1px solid #444
}

.TopicRelated-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 18px;
    margin-bottom: 15px
}

.TopicRelated-content,.TopicRelated-header,.TopicRelated-header>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.TopicRelated-content {
    height: 40px;
    -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;
    color: #999;
    margin-left: 15px
}

.TopicRelated-content span {
    font-size: 15px;
    color: #1a1a1a;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicRelated-content span {
    font-weight: 500
}

html[data-android] .TopicRelated-content span {
    font-weight: 700
}

html[data-theme=dark] .TopicRelated-content span {
    color: #999
}

html[data-theme=dark] .TopicRelated-content {
    color: #646464
}

.TopicRelated-followButton {
    width: 70px;
    min-width: 70px;
    padding: 0;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px
}

.TopicRelated-followIcon {
    margin: 0 6px 2px 0
}

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

.ImageViewAlias {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    overflow: scroll
}

.ImageViewAlias .ImageViewAlias-controls,.ImageViewAlias .ImageViewAlias-mask,.ImageViewAlias .ImageViewAlias-viewPort {
    transition: opacity .15s ease-in-out
}

.ImageViewAlias-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(26,26,26,.65);
    z-index: -1
}

html[data-theme=dark] .ImageViewAlias-mask {
    background: hsla(0,0%,60%,.65)
}

.ImageViewAlias-controlsClose,.ImageViewAlias-controlsLeft,.ImageViewAlias-controlsRight {
    position: fixed;
    z-index: 1;
    width: 72px;
    height: 72px;
    border-radius: 50%
}

.ImageViewAlias-controlsClose.Button,.ImageViewAlias-controlsLeft.Button,.ImageViewAlias-controlsRight.Button {
    background: hsla(0,0%,100%,.1)
}

@media (max-width:690px) {
    .ImageViewAlias-controlsClose,.ImageViewAlias-controlsLeft,.ImageViewAlias-controlsRight {
        width: 48px;
        height: 48px
    }

    .ImageViewAlias-controlsClose.Button,.ImageViewAlias-controlsLeft.Button,.ImageViewAlias-controlsRight.Button {
        background: none
    }
}

.ImageViewAlias-controlsLeft,.ImageViewAlias-controlsRight {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ImageViewAlias-controlsLeft {
    left: 0
}

.ImageViewAlias-controlsRight {
    right: 0
}

.ImageViewAlias-controlsClose {
    top: 0;
    right: 0
}

.ImageViewAlias-viewPort {
    width: 100%;
    box-sizing: border-box;
    min-height: 100%;
    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
}

.ImageViewAlias-image {
    max-width: 100%
}

.ThumbnailAlias {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden
}

.ThumbnailAlias-image {
    max-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.ThumbnailAlias-image--zoomIn {
    cursor: zoom-in
}

.ThumbnailAlias-surplus {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    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;
    font-style: normal;
    font-size: 32px;
    color: #fff;
    z-index: 1;
    background: rgba(26,26,26,.3);
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .ThumbnailAlias-surplus {
    font-weight: 500
}

html[data-android] .ThumbnailAlias-surplus {
    font-weight: 700
}

.TopicMovieIntro-celebrityItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.TopicMovieIntro-celebrityItemAvatar {
    margin-right: 20px
}

.TopicMovieIntro-celebrityItemContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px
}

.TopicMovieIntro-celebrityItem:not(:last-child) .TopicMovieIntro-celebrityItemContent {
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .TopicMovieIntro-celebrityItem:not(:last-child) .TopicMovieIntro-celebrityItemContent {
    border-bottom: 1px solid #444
}

.TopicMovieIntro-celebrityItemContent>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.TopicMovieIntro-awardItem:not(:last-child) {
    margin-bottom: 16px
}

.TopicMovieIntro-awardItem a {
    color: #175199
}

.TopicMovieIntro-awardItem a:hover,html[data-theme=dark] .TopicMovieIntro-awardItem a:hover {
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .TopicMovieIntro-awardItem a {
    color: #175199
}

.TopicMovieIntro-awardItemTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicMovieIntro-awardItemTitle {
    font-weight: 500
}

html[data-android] .TopicMovieIntro-awardItemTitle {
    font-weight: 700
}

.TopicMovieIntro-awardItemTitle .Avatar {
    margin-right: 8px
}

.TopicMovieIntro-celebrityMore {
    padding-top: 12px
}

.TopicMovieIntro-celebrityMore span {
    margin-left: 4px
}

.TopicMovieIntro-celebrityMoreIcon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.TopicMovieIntro-moreInfoItem:not(:last-child) {
    margin-bottom: 12px
}

.TopicMovieIntro-moreInfoItemTitle {
    color: #1a1a1a;
    margin-bottom: 8px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicMovieIntro-moreInfoItemTitle {
    font-weight: 500
}

html[data-android] .TopicMovieIntro-moreInfoItemTitle {
    font-weight: 700
}

html[data-theme=dark] .TopicMovieIntro-moreInfoItemTitle {
    color: #999
}

.TopicMovieIntro-score {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 16px;
    color: #8590a6
}

html[data-theme=dark] .TopicMovieIntro-score {
    color: #606a80
}

.TopicIntro-moreInfoItemLabel {
    display: inline-block;
    width: 100px;
    line-height: 26px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicIntro-moreInfoItemLabel {
    font-weight: 500
}

html[data-android] .TopicIntro-moreInfoItemLabel {
    font-weight: 700
}

.TopicIntro-moreInfoItemValue {
    line-height: 26px
}

.TopicBookIntro-source {
    color: #8590a6;
    padding-top: 16px
}

html[data-theme=dark] .TopicBookIntro-source {
    color: #606a80
}

.TopicCommonField-topic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 36px
}

.TopicCommonField-topicAvatar {
    margin-right: 12px;
    vertical-align: top
}

.TopicCommonField-topicText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.TopicCommonArray {
    width: 100%
}

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

.TopicCommonIntroTable-name {
    width: 120px;
    line-height: 36px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicCommonIntroTable-name {
    font-weight: 500
}

html[data-android] .TopicCommonIntroTable-name {
    font-weight: 700
}

.TopicCommonIntroTable-value .TopicCommonField-text {
    line-height: 36px
}

.TopicFeedItem .Button:not(.Button--plain):not(.Button--link) {
    line-height: 30px
}

.TopicFeedItem .ArticleItem-extraInfo {
    margin-top: 9px
}

.TopicFeedItem .ArticleItem-authorInfo {
    margin-top: 12px
}

.TopicFeedItem .RichContent-cover {
    margin-bottom: 0
}

.TopicFeedItem .RichContent-inner {
    margin-top: 6px
}

.TopicFeedItem .RichContent-cover+.RichContent-inner {
    margin-top: 14px
}

.TopicFeedList-empty {
    padding: 120px 0
}

.TopicFeedList-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;
    padding: 13px 0;
    margin: 0 16px;
    border-bottom: 1px solid #f6f6f6
}

html[data-theme=dark] .TopicFeedList-header {
    border-bottom: 1px solid #2e2e2e
}

.TopicFeedList-sort {
    font-size: 16px;
    color: #1a1a1a;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicFeedList-sort {
    font-weight: 500
}

html[data-android] .TopicFeedList-sort {
    font-weight: 700
}

html[data-theme=dark] .TopicFeedList-sort {
    color: #999
}

.TopicFeedList-sortSwitch {
    color: #8590a6;
    font-size: 14px
}

html[data-theme=dark] .TopicFeedList-sortSwitch {
    color: #606a80
}

.TopicQuestion-source {
    color: #8590a6;
    margin-bottom: 10px
}

html[data-theme=dark] .TopicQuestion-source {
    color: #606a80
}

.TopicCreatorModule-more {
    width: 100%;
    border-width: 1px 0 0;
    border-radius: 0;
    line-height: 44px
}

.TopicHotIntroItem-item:not(:first-child) {
    padding-top: 16px
}

.TopicHotIntroItem-item:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid #f6f6f6
}

html[data-theme=dark] .TopicHotIntroItem-item:not(:last-child) {
    border-bottom: 1px solid #2e2e2e
}

.TopicHotIntroItem-images {
    margin-top: 8px
}

.TopicHotIntroItem-imagesLength {
    color: #8590a6;
    font-size: 15px;
    margin-left: 10px
}

html[data-theme=dark] .TopicHotIntroItem-imagesLength {
    color: #606a80
}

.TopicHot-introItem {
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6
}

.TopicHot-introItem:last-of-type {
    -webkit-line-clamp: 1
}

.ImageUploader {
    position: relative;
    color: #fff
}

.ImageUploader-main {
    position: absolute;
    top: 0;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(133,144,166,.2);
    width: 100%;
    height: 100%;
    background-color: rgba(133,144,166,.1);
    opacity: 0;
    cursor: pointer;
    transition: opacity .2s
}

.ImageUploader-main.is-masked,.ImageUploader-main:hover {
    opacity: 1
}

html[data-theme=dark] .ImageUploader-main {
    background: rgba(96,106,128,.2);
    background-color: rgba(96,106,128,.1)
}

.ImageUploader-placeholder {
    margin-top: 8px
}

.ImageUploader--spread {
    width: 100%;
    height: 100%
}

.TopicEditFieldImage {
    border-radius: 4px;
    color: #0084ff;
    overflow: hidden
}

html[data-theme=dark] .TopicEditFieldImage {
    color: #3a76d0
}

.TopicEditArray {
    font-size: 15px;
    color: #1a1a1a;
    line-height: normal
}

.TopicEditArray-item {
    position: relative
}

.TopicEditArray-item--line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px;
    margin-top: 16px
}

.TopicEditArray-item--line:hover {
    background-color: #f6f6f6
}

.TopicEditArray-item--line:hover .TopicEditArray-closeButton .Zi {
    fill: #646464
}

html[data-theme=dark] .TopicEditArray-item--line:hover .TopicEditArray-closeButton .Zi {
    fill: #999
}

html[data-theme=dark] .TopicEditArray-item--line:hover {
    background-color: #2e2e2e
}

.TopicEditArray-item--line+.TopicEditArray-item--line {
    margin-top: 0
}

.TopicEditArray-item--block {
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.TopicEditArray-item--block:after {
    content: "";
    background-color: rgba(26,26,26,.3);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

html[data-theme=dark] .TopicEditArray-item--block:after {
    background-color: hsla(0,0%,60%,.3)
}

.TopicEditArray-item--block .TopicEditArray-closeButton {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.TopicEditArray-item--block .TopicEditArray-closeButton .Zi {
    fill: #fff
}

.TopicEditArray-item--block .TopicEditArray-closeButton,.TopicEditArray-item--block:after {
    opacity: 0;
    transition: opacity .2s
}

.TopicEditArray-item--block:hover .TopicEditArray-closeButton,.TopicEditArray-item--block:hover:after {
    opacity: 1
}

.TopicEditArray-closeButton {
    padding: 8px
}

.TopicEditArray-input {
    padding: 0 10px
}

.TopicEditArray-input .Popover {
    width: 100%
}

.TopicEditItem-formActions {
    margin-top: 16px
}

.TopicEditItem-formActions .Button+.Button {
    margin-left: 16px
}

.TopicEditItem-displayActions {
    display: inline-block;
    margin-left: 8px
}

.TopicCommonArray+.TopicEditItem-displayActions {
    margin-left: 0
}

.TopicCommonArray--image+.TopicEditItem-displayActions {
    margin-top: 16px
}

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

.TopicEditTable-item:not(:last-child) .TopicEditTable-value {
    border-bottom: .5px solid #d3d3d3
}

html[data-hairline] .TopicEditTable-item:not(:last-child) .TopicEditTable-value {
    border-bottom: 1px solid #d3d3d3;
    -o-border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='.5' width='1' height='.5' fill='#d3d3d3'/> </svg>") 0 0 1 0;
    border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='.5' width='1' height='.5' fill='#d3d3d3'/> </svg>") 0 0 1 0
}

html[data-theme=dark] html[data-hairline] .TopicEditTable-item:not(:last-child) .TopicEditTable-value {
    border-bottom: 1px solid #2e2e2e
}

html[data-theme=dark] .TopicEditTable-item:not(:last-child) .TopicEditTable-value {
    border-bottom: .5px solid #2e2e2e
}

.TopicEditTable-name {
    padding: 16px 0;
    min-width: 140px;
    line-height: 36px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicEditTable-name {
    font-weight: 500
}

html[data-android] .TopicEditTable-name {
    font-weight: 700
}

.TopicEditTable-value {
    padding: 16px 0;
    line-height: 36px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.TopicEditTable-value .TopicCommonArray--topic,.TopicEditTable-value .TopicEditArray--topic {
    margin: 0 -10px
}

.TopicEditTable-value .TopicCommonField-topic {
    padding: 0 10px
}

.TopicEditModuleUI {
    padding-top: 8px;
    padding-bottom: 24px
}

.TopicEditModuleUI:not(:last-child) {
    border-bottom: .5px solid #d3d3d3
}

html[data-hairline] .TopicEditModuleUI:not(:last-child) {
    border-bottom: 1px solid #d3d3d3;
    -o-border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='.5' width='1' height='.5' fill='#d3d3d3'/> </svg>") 0 0 1 0;
    border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='.5' width='1' height='.5' fill='#d3d3d3'/> </svg>") 0 0 1 0
}

html[data-theme=dark] html[data-hairline] .TopicEditModuleUI:not(:last-child) {
    border-bottom: 1px solid #2e2e2e
}

html[data-theme=dark] .TopicEditModuleUI:not(:last-child) {
    border-bottom: .5px solid #2e2e2e
}

.TopicEditModuleUI-title {
    font-size: 16px;
    font-weight: 600;
    padding: 16px 0
}

.ImageEditor .Zi {
    fill: #fff
}

.TopicEditAvatar {
    border-radius: 4px;
    width: 180px;
    height: 270px;
    overflow: hidden
}

.TopicEdit {
    max-width: 1000px;
    margin: 10px auto 40px;
    padding: 24px 40px;
    margin-bottom: 40px!important
}

.TopicEdit-header {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 16px 0
}

.TopicEdit-header,.TopicEdit-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.TopicEdit-side {
    padding-top: 24px
}

.TopicEdit-modules {
    border-top: .5px solid #d3d3d3;
    width: 690px;
    margin-right: 50px
}

html[data-hairline] .TopicEdit-modules {
    border-top: 1px solid #d3d3d3;
    -o-border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='0' width='1' height='.5' fill='#d3d3d3'/> </svg>") 1 0 0 0;
    border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'> <rect x='0' y='0' width='1' height='.5' fill='#d3d3d3'/> </svg>") 1 0 0 0
}

html[data-theme=dark] html[data-hairline] .TopicEdit-modules {
    border-top: 1px solid #2e2e2e
}

html[data-theme=dark] .TopicEdit-modules {
    border-top: .5px solid #2e2e2e
}

.TopicEdit-headerTitle {
    margin-right: 24px;
    font-size: 26px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .TopicEdit-headerTitle {
    font-weight: 500
}

html[data-android] .TopicEdit-headerTitle {
    font-weight: 700
}

.EntrySign-body {
    overflow: hidden
}

.EntrySign-body .AppHeader {
    display: none
}

.SignFlowHomepage {
    background-repeat: no-repeat;
    background-color: #b8e5f8;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: auto;
    padding-right: 15px
}

.SignFlowHomepage .Card {
    overflow: visible
}

.SignFlowHomepage-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    min-height: 688px;
    height: calc(100% - 42px);
    box-sizing: border-box
}

.SignFlowHomepage-downloadBtn {
    margin-top: 30px;
    background: #8590a6;
    border: none;
    color: #fff;
    width: 432px;
    height: 42px
}

.SignFlowHomepage-downloadBtn:hover {
    background: #8590a6
}

html[data-theme=dark] .SignFlowHomepage-downloadBtn,html[data-theme=dark] .SignFlowHomepage-downloadBtn:hover {
    background: #606a80
}

html[data-theme=dark] .SignFlowHomepage-downloadBtn {
    color: #1a1a1a
}

.SignFlowHomepage-qrImage {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    height: 100%;
    bottom: 0;
    transition: opacity .3s,height .3s
}

.SignFlowHomepage-qrImage div {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #fff;
    background-size: 250px 250px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(https://www.zhihu.com/static/revved/img/index/qr-code@2x.2607d448.png);
    box-shadow: 0 0 8px 0 rgba(26,26,26,.15);
    border-radius: 2px
}

html[data-theme=dark] .SignFlowHomepage-qrImage div {
    background-color: #1a1a1a;
    box-shadow: 0 0 8px 0 hsla(0,0%,60%,.15)
}

.SignFlowHomepage-qrImage:after,.SignFlowHomepage-qrImage:before {
    content: "";
    position: absolute;
    bottom: -7px;
    -webkit-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg);
    left: 50%;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 4px
}

html[data-theme=dark] .SignFlowHomepage-qrImage:after,html[data-theme=dark] .SignFlowHomepage-qrImage:before {
    background: #1a1a1a
}

.SignFlowHomepage-qrImage:after {
    box-shadow: 0 0 8px 0 rgba(26,26,26,.15);
    z-index: -1
}

html[data-theme=dark] .SignFlowHomepage-qrImage:after {
    box-shadow: 0 0 8px 0 hsla(0,0%,60%,.15)
}

.SignFlowHomepage-qrImageHidden {
    opacity: 0;
    height: 0;
    bottom: 0
}

.SignFlowHomepage-qrImageHidden:after,.SignFlowHomepage-qrImageHidden:before {
    display: none
}

.SignFlowHomepage-footer {
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    color: #8590a6
}

html[data-theme=dark] .SignFlowHomepage-footer {
    color: #606a80
}

.ZhihuIntegrity {
    border-top: 1px solid #ebebeb;
    width: 420px;
    margin: 10px auto;
    padding-top: 10px
}

.ZhihuIntegrity>div {
    cursor: pointer;
    display: inline-block;
    position: relative;
    line-height: 26px;
    z-index: 0
}

.ZhihuIntegrity img {
    position: absolute;
    left: -34px;
    z-index: -1;
    width: 138px;
    height: 26px
}

html[data-theme=dark] .ZhihuIntegrity {
    border-top: 1px solid #444
}

.SignFlowHomepage-footer a:not(:last-child):after,.SignFlowHomepage-footer span:not(:last-child):after {
    content: " \B7   ";
    white-space: pre;
    display: inline-block
}

.SignFlowHomepage-footer a:hover {
    text-decoration: underline
}
/*# sourceMappingURL=main.app.12690db8b52f7999278d.css.map*/