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
}

.ecommerce-ad-container {
    height: 107px;
    padding: 0 6px
}

.ecommerce-ad-container .ecommerce-ad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    max-width: 400px;
    cursor: pointer
}

.ecommerce-ad-container .ecommerce-ad-img {
    width: 81px;
    background-position: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: cover
}

.ecommerce-ad-container .ecommerce-ad-main {
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ecommerce-ad-container .ecommerce-ad-main-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 13px
}

.ecommerce-ad-container .ecommerce-ad-main-content-price {
    font-size: 12px;
    color: #0084ff;
    margin-top: 3.5px;
    line-height: 13px
}

html[data-theme=dark] .ecommerce-ad-container .ecommerce-ad-main-content-price {
    color: #3a76d0
}

.ecommerce-ad-container .ecommerce-ad-main-content-des {
    margin: 7px 0 0;
    line-height: 18px;
    height: 36px;
    color: #1a1a1a;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

html[data-theme=dark] .ecommerce-ad-container .ecommerce-ad-main-content-des {
    color: #999
}

.ecommerce-ad-container .ecommerce-ad-main-content-title {
    color: #999;
    line-height: 18px
}

.ecommerce-ad-container .ecommerce-ad-main-content-title-logo {
    width: 14px;
    height: 14px;
    border-radius: 7px;
    margin-right: 6px;
    vertical-align: sub
}

html[data-theme=dark] .ecommerce-ad-container .ecommerce-ad-main-content-title {
    color: #646464
}

.ecommerce-ad-container .ecommerce-ad-icon {
    height: 32px;
    width: 72px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: rgba(0, 132, 255, .08);
    margin-right: 10px;
    color: #0084ff;
    border-radius: 5px;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    font-weight: 500
}

html[data-theme=dark] .ecommerce-ad-container .ecommerce-ad-icon {
    color: #3a76d0
}

html[data-theme=dark] .ecommerce-ad-container .ecommerce-ad {
    background-color: #1a1a1a
}

.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;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

html[data-focus-visible] .Button:focus {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 132, 255, .3);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 132, 255, .3)
}

html[data-theme=dark][data-focus-visible] .Button:focus {
    -webkit-box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 4px rgba(58, 118, 208, .6);
    box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 4px rgba(58, 118, 208, .6)
}

.Button:disabled {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

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

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

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

html[data-theme=dark] .Button--grey:hover {
    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 {
    background-color: rgba(0, 132, 255, .06)
}

html[data-theme=dark] .Button--blue:hover {
    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 {
    background-color: rgba(17, 166, 104, .06)
}

html[data-theme=dark] .Button--green {
    color: #11a668;
    border-color: #11a668
}

html[data-theme=dark] .Button--green:hover {
    background-color: rgba(17, 166, 104, .06)
}

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

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

html[data-theme=dark] .Button--red:hover {
    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 {
    border-color: #0077e6;
    background-color: #0077e6
}

html[data-theme=dark] .Button--primary.Button--blue:hover {
    border-color: #2e69c2;
    background-color: #2e69c2
}

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 {
    border-color: #109c62;
    background-color: #109c62!important
}

html[data-theme=dark] .Button--primary.Button--green {
    color: #fff;
    background-color: #12b370
}

html[data-theme=dark] .Button--primary.Button--green:hover {
    border-color: #109c62;
    background-color: #109c62!important
}

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

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

.Button--primary.Button--red:hover {
    border-color: #ff1a53;
    background-color: #ff1a53
}

html[data-theme=dark] .Button--primary.Button--red:hover {
    border-color: #c31e4c;
    background-color: #c31e4c
}

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 {
    border-color: #76839b;
    background-color: #76839b
}

html[data-theme=dark] .Button--primary.Button--grey:hover {
    border-color: #555e71;
    background-color: #555e71
}

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

.Button--secondary,
html[data-theme=dark] .Button--secondary {
    border-color: transparent
}

.Button--secondary.Button--blue {
    color: #0084ff;
    background: rgba(0, 132, 255, .1)
}

.Button--secondary.Button--blue:hover {
    background-color: rgba(0, 132, 255, .15)
}

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

html[data-theme=dark] .Button--secondary.Button--blue {
    color: #3a76d0;
    background: rgba(58, 118, 208, .1)
}

.Button--secondary.Button--green {
    color: #12b370;
    background: rgba(18, 179, 112, .1)
}

.Button--secondary.Button--green:hover {
    background-color: rgba(18, 179, 112, .15)
}

html[data-theme=dark] .Button--secondary.Button--green {
    color: #12b370;
    background: rgba(18, 179, 112, .1)
}

html[data-theme=dark] .Button--secondary.Button--green:hover {
    background-color: rgba(18, 179, 112, .15)
}

.Button--secondary.Button--red {
    color: #f36;
    background: rgba(255, 51, 102, .1)
}

.Button--secondary.Button--red:hover {
    background-color: rgba(255, 51, 102, .15)
}

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

html[data-theme=dark] .Button--secondary.Button--red {
    color: #d92155;
    background: rgba(217, 33, 85, .1)
}

.Button--secondary.Button--grey {
    color: #8590a6;
    background: rgba(133, 144, 166, .1)
}

.Button--secondary.Button--grey:hover {
    background-color: rgba(133, 144, 166, .15)
}

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

html[data-theme=dark] .Button--secondary.Button--grey {
    color: #606a80;
    background: rgba(96, 106, 128, .1)
}

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

.Button--link:hover,
.Button--plain:hover {
    background-color: transparent
}

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

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

.Button--plain:hover {
    color: #76839b
}

.Button--blue.Button--plain:hover {
    color: #0077e6
}

html[data-theme=dark] .Button--blue.Button--plain:hover {
    color: #2e69c2
}

.Button--green.Button--plain:hover,
html[data-theme=dark] .Button--green.Button--plain:hover {
    color: #109c62
}

.Button--red.Button--plain:hover {
    color: #ff1a53
}

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

.Button--grey.Button--plain:hover {
    color: #76839b
}

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

.Button--link {
    color: #175199
}

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

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

.Button--spread {
    width: 100%
}

.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
}

.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 1;
    flex: 1 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;
    -webkit-transition: opacity .3s ease-out;
    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);
    -webkit-transition: background-color .3s ease-out;
    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 - 48px);
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
    box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: max-height .8s ease;
    transition: max-height .8s ease
}

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

.Modal:focus {
    outline: none
}

.Modal--large {
    width: 536px
}

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

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

.Modal-enter-active .Modal {
    transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-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;
    -webkit-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-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 1;
    flex: 1 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;
    -webkit-transition: opacity .3s ease-out;
    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
}

.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;
    -webkit-box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
    box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html[data-theme=dark] .Notification {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

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

@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
}

.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: #ebebeb;
    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
}

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

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

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

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

.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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(26, 26, 26, .05);
    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;
    -webkit-box-shadow: 0 1px 3px hsla(0, 0%, 60%, .05);
    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%;
    border-radius: 2px;
    overflow: hidden
}

.MobileModal--plain,
html[data-theme=dark] .MobileModal--plain {
    -webkit-box-shadow: 0 5px 20px 0 rgba(23, 81, 153, .5);
    box-shadow: 0 5px 20px 0 rgba(23, 81, 153, .5)
}

.MobileModal--plain .MobileModal-closeIcon {
    fill: #8590a6
}

html[data-theme=dark] .MobileModal--plain .MobileModal-closeIcon {
    fill: #606a80
}

.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
}

.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
}

.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 {
    -webkit-transition: height .3s ease;
    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
}

.UnknownError {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    padding: 48px
}

.CornerButtons,
.UnknownError {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.CornerButtons {
    position: fixed;
    bottom: 0;
    right: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: -webkit-transform .2s ease;
    -webkit-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;
    -webkit-transition: height .2s ease;
    transition: height .2s ease
}

.CornerAnimayedFlex--hidden {
    height: 0
}

.CornerButton {
    background: #fff;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
    box-shadow: 0 1px 3px rgba(26, 26, 26, .1)
}

html[data-theme=dark] .CornerButton {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.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
}

.ErrorPage {
    background: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

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

.ErrorPage-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 180px
}

@media (max-width:690px) {
    .ErrorPage-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 60px
    }
}

.ErrorPage-subtitle,
.ErrorPage-title {
    color: #646464;
    line-height: 1.4
}

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

.ErrorPage-title {
    font-size: 40px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .ErrorPage-title {
    font-weight: 500
}

html[data-android] .ErrorPage-title {
    font-weight: 700
}

@media (max-width:690px) {
    .ErrorPage-title {
        font-size: 30px
    }
}

.ErrorPage-subtitle {
    font-size: 18px;
    margin-top: 10px
}

.ErrorPage-text {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    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;
    min-width: 384px
}

@media (max-width:690px) {
    .ErrorPage-text {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-width: auto
    }
}

.ErrorPage-primaryButton {
    margin-top: 20px
}

.ErrorPage-errorImageContainer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 250px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 20px;
    width: 250px
}

@media (max-width:690px) {
    .ErrorPage-errorImageContainer {
        margin-left: 0
    }
}

.RetryError {
    background: #fff;
    min-height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.RetryError-title {
    color: #8590a6;
    font-size: 22px;
    margin-bottom: 16px
}

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

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

.Popover-arrow {
    position: absolute;
    overflow: hidden;
    pointer-events: none
}

.Popover-arrow:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin: -12px;
    border: 1px solid #ebebeb;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: auto
}

html[data-theme=dark] .Popover-arrow:after {
    border: 1px solid #2e2e2e;
    background: #1a1a1a
}

.Popover-arrow--top {
    width: 32px;
    height: 16px;
    margin-top: -2px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.Popover-arrow--top:after {
    left: 50%;
    top: -8px
}

.Popover-arrow--bottom {
    width: 32px;
    height: 16px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.Popover-arrow--bottom:after {
    left: 50%;
    bottom: -8px
}

.Popover-arrow--left {
    width: 16px;
    height: 32px;
    margin-left: -2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Popover-arrow--left:after {
    left: -8px;
    top: 50%
}

.Popover-arrow--right {
    width: 16px;
    height: 32px;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.Popover-arrow--right:after {
    right: -8px;
    top: 50%
}

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

html[data-theme=dark] .Popover-content {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

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

.Popover-content-enter-active {
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-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;
    -webkit-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
}

.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:after {
    border-color: #0084ff;
    background: #0084ff
}

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

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

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

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

.Select-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: 0 20px;
    line-height: 38px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none
}

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

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

.Select-list {
    overflow: auto;
    position: relative;
    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
}

.Select-option:focus {
    outline: none;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

html[data-focus-visible] .Select-option:focus {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 132, 255, .3);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 132, 255, .3)
}

html[data-theme=dark][data-focus-visible] .Select-option:focus {
    -webkit-box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 4px rgba(58, 118, 208, .6);
    box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 4px rgba(58, 118, 208, .6)
}

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;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .2s, border .2s;
    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.Input-wrapper--large {
    height: auto;
    padding: 6px 12px
}

.Input-wrapper .RichText--editable {
    padding: 6px 12px
}

.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 1;
    flex: 1 1;
    padding: 0;
    overflow: hidden;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    background: transparent;
    border: none;
    resize: none
}

.Input:focus {
    outline: none
}

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

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

textarea.Input {
    color: #1a1a1a
}

html[data-theme=dark] textarea.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::-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::-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::-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::-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)
}

.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
}

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

.VerificationDialogModalHeader-subTitle:first-child:last-child {
    margin-bottom: 16px;
    max-width: none;
    text-align: left
}

.VerificationDialogModal-select {
    height: 48px;
    background: #fff;
    border: none;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    color: #444
}

html[data-theme=dark] .VerificationDialogModal-select {
    background: #1a1a1a;
    border-bottom: 1px solid #444;
    color: grey
}

.VerificationDialogModal-select .Select-plainButton {
    width: 100%
}

.VerificationDialogModal-select .Select-arrow {
    position: absolute;
    right: 0;
    top: 27%
}

.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;
    -webkit-box-shadow: 0 -1px 0 0 #ebebeb;
    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;
    -webkit-box-shadow: 0 -1px 0 0 #444;
    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: grey
}

.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
}

.Tooltip {
    position: absolute;
    width: 0;
    height: 0
}

.Tooltip-enter,
.Tooltip-leave {
    -webkit-transition: opacity .3s;
    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
}

.TooltipContent.TooltipContent--white {
    background: #fff;
    border: 1px solid #ebebeb;
    color: #646464;
    -webkit-box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
    box-shadow: 0 5px 20px rgba(26, 26, 26, .1)
}

html[data-theme=dark] .TooltipContent.TooltipContent--white {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.TooltipContent.TooltipContent--white .TooltipContent-arrow:after {
    background: #fff;
    border: 1px solid #ebebeb
}

html[data-theme=dark] .TooltipContent.TooltipContent--white .TooltipContent-arrow:after {
    background: #1a1a1a;
    border: 1px solid #2e2e2e
}

html[data-theme=dark] .TooltipContent.TooltipContent--white {
    background: #1a1a1a;
    border: 1px solid #2e2e2e;
    color: #999
}

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-arrow {
    overflow: hidden;
    position: absolute
}

.TooltipContent-arrow:after {
    background: rgba(26, 26, 26, .8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    height: 32px;
    pointer-events: auto;
    position: absolute;
    width: 32px
}

.TooltipContent--top .TooltipContent-arrow:after {
    -webkit-transform: translate(-8px, -32px) rotate(45deg);
    transform: translate(-8px, -32px) rotate(45deg)
}

.TooltipContent--bottom .TooltipContent-arrow:after {
    -webkit-transform: translate(-8px, 8px) rotate(45deg);
    transform: translate(-8px, 8px) rotate(45deg)
}

.TooltipContent--left .TooltipContent-arrow:after {
    -webkit-transform: translate(-32px, -8px) rotate(45deg);
    transform: translate(-32px, -8px) rotate(45deg)
}

.TooltipContent--right .TooltipContent-arrow:after {
    -webkit-transform: translate(8px, -8px) rotate(45deg);
    transform: translate(8px, -8px) rotate(45deg)
}

html[data-theme=dark] .TooltipContent-arrow:after {
    background: hsla(0, 0%, 60%, .8)
}

.TooltipContent--top .TooltipContent-arrow {
    height: 8px;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    width: 16px
}

.TooltipContent--bottom .TooltipContent-arrow {
    height: 8px;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    width: 16px
}

.TooltipContent--left .TooltipContent-arrow {
    height: 16px;
    right: 0;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    width: 8px
}

.TooltipContent--right .TooltipContent-arrow {
    height: 16px;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    width: 8px
}

.TooltipContent a {
    color: inherit;
    text-decoration: underline
}

.TooltipContent-children--restricted {
    display: block;
    max-width: 250px;
    max-height: 150px;
    overflow: auto;
    word-wrap: break-word;
    white-space: normal;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.GlobalTooltip {
    position: fixed;
    z-index: 9999
}

.WechatShareImage {
    display: none
}

.StaticCacheBanner {
    position: relative;
    z-index: 100;
    padding: 16px 10px;
    line-height: 28px;
    color: #8590a6;
    text-align: center;
    background-color: #ebebeb
}

html[data-theme=dark] .StaticCacheBanner {
    color: #606a80;
    background-color: #444
}

.StaticCacheBanner a {
    color: #175199;
    -webkit-transition: border-bottom .2s ease-in;
    transition: border-bottom .2s ease-in
}

html[data-theme=dark] .StaticCacheBanner a {
    color: #175199
}

.StaticCacheBanner a:hover,
html[data-theme=dark] .StaticCacheBanner a:hover {
    border-bottom: 1px solid rgba(23, 81, 153, .72)
}

.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%)
    }
}

.ShortcutHintModal {
    font-size: 15px;
    width: auto
}

.ShortcutHintModal .Modal-content {
    margin-top: 30px;
    padding: 0 0 32px
}

.ShortcutHintModal-content {
    padding: 0 20px 16px 0
}

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

.ShortcutHintModal-hintList {
    padding: 0 30px
}

.ShortcutHintModal-hintList:first-child {
    border-right: 1px solid #f0f2f7
}

html[data-theme=dark] .ShortcutHintModal-hintList:first-child {
    border-right: 1px solid #2e2e2e
}

.ShortcutHintModal-hintTitle {
    font-weight: 700;
    margin-bottom: 24px;
    text-align: center
}

.KeyHint {
    margin-bottom: 16px
}

.KeyHint,
.KeyHint-keyContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.KeyHint-keyContainer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 8px;
    width: 120px
}

.KeyHint-key {
    color: #8590a6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.KeyHint-separator {
    margin: 0 8px
}

.KeyHint-separator--space {
    margin: 0 4px
}

.KeyHint-kbd {
    border: 1px solid #f0f2f7;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Menlo, Monaco, Consolas, Andale Mono, lucida console, Courier New, monospace;
    font-size: 16px;
    font-weight: 700;
    min-width: 26px;
    height: 26px;
    padding: 0 6px;
    text-align: center
}

html[data-theme=dark] .KeyHint-kbd {
    border: 1px solid #2e2e2e
}

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

.Sticky.is-absolute,
.Sticky.is-fixed {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

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

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

.Sticky--holder {
    visibility: hidden
}

.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
}

.ZhihuLogo {
    fill: #0084ff
}

html[data-theme=dark] .ZhihuLogo {
    fill: #3a76d0
}

.ZhihuLogo--grey {
    fill: #999
}

html[data-theme=dark] .ZhihuLogo--grey {
    fill: #646464
}

.ZhihuLogo--red {
    fill: #f1403c
}

html[data-theme=dark] .ZhihuLogo--red {
    fill: #b7302d
}

.ZhihuLogo--green,
html[data-theme=dark] .ZhihuLogo--green {
    fill: #67c23a
}

.OrgZhihuLogo {
    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: 18px
}

.OrgZhihuLogo-appName {
    margin-left: 15px;
    border-left: 1px solid #cfdae6;
    padding-left: 10px;
    line-height: 28px
}

.OrgAppHeader {
    position: relative;
    z-index: 100;
    min-width: 1032px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
    box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
    background-clip: content-box
}

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

.OrgAppHeader.is-fixed {
    z-index: 100
}

.OrgAppHeader-inner {
    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;
    position: relative;
    margin: 0 auto;
    padding: 0 16px;
    width: 1000px;
    height: 52px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.OrgAppHeader.is-hidden .OrgAppHeader-inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.OrgAppHeader-userInfo {
    color: #444
}

.OrgAppHeader-userInfo .Button {
    margin-left: 16px
}

.Menu {
    padding: 6px 0
}

.Menu-item {
    display: block;
    width: 100%;
    padding: 0 20px;
    text-align: left;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    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
}

.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 1;
    flex: 1 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),
html[data-theme=dark] .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
}

.EmptyState-action.Button:hover,
html[data-theme=dark] .EmptyState-action.Button:hover {
    color: grey
}

.EmptyState-action.Button:hover .Icon {
    fill: #999
}

html[data-theme=dark] .EmptyState-action.Button:hover .Icon {
    fill: #646464
}

.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%)
    }
}

.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
}

.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.PlaceHolder-bg {
    position: absolute;
    width: 200%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#f6f6f6), color-stop(20%, #ebebeb), color-stop(40%, #f6f6f6), to(#f6f6f6));
    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: -webkit-gradient(linear, left top, right top, from(#2e2e2e), color-stop(20%, #444), color-stop(40%, #2e2e2e), to(#2e2e2e));
    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%)
    }
}

.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%);
    -webkit-box-shadow: 0 2px 5px rgba(26, 26, 26, .25);
    box-shadow: 0 2px 5px rgba(26, 26, 26, .25);
    -webkit-transition: -webkit-transform .3s .3s;
    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;
    -webkit-box-shadow: 0 2px 5px hsla(0, 0%, 60%, .25);
    box-shadow: 0 2px 5px hsla(0, 0%, 60%, .25)
}

.OpenInAppButton.is-shown {
    -webkit-transform: translate(-50%, -25px);
    transform: translate(-50%, -25px)
}

.ztext {
    word-break: break-word;
    line-height: 1.6
}

.ztext>:first-child {
    margin-top: 0
}

.ztext>:last-child {
    margin-bottom: 0
}

.ztext h1,
.ztext h2 {
    clear: left;
    margin-top: 2.33333em;
    margin-bottom: 1.16667em;
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .ztext h1,
html[data-ios] .ztext h2 {
    font-weight: 500
}

html[data-android] .ztext h1,
html[data-android] .ztext h2 {
    font-weight: 700
}

.ztext h3,
.ztext h4,
.ztext h5,
.ztext h6 {
    clear: left;
    margin-top: 1.90909em;
    margin-bottom: 1.27273em;
    font-size: 1.1em;
    line-height: 1.5;
    font-weight: 600;
    font-synthesis: style
}

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

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

.ztext u {
    text-decoration: none
}

.ztext u,
html[data-theme=dark] .ztext u {
    border-bottom: 1px dashed grey
}

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

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

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

.ztext sup {
    font-size: .8em
}

.ztext sup[data-draft-type=reference],
html[data-theme=dark] .ztext sup[data-draft-type=reference] {
    color: #175199
}

.ztext a:focus {
    outline: none;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

html[data-focus-visible] .ztext a:focus {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 132, 255, .3);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 132, 255, .3)
}

html[data-theme=dark][data-focus-visible] .ztext a:focus {
    -webkit-box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 4px rgba(58, 118, 208, .6);
    box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 4px rgba(58, 118, 208, .6)
}

.ztext a.external,
.ztext a.internal,
.ztext a.ztext-link {
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid grey
}

.ztext a.external:hover,
.ztext a.internal:hover,
.ztext a.ztext-link:hover {
    color: #175199;
    border-bottom: 1px solid #175199
}

html[data-theme=dark] .ztext a.external:hover,
html[data-theme=dark] .ztext a.internal:hover,
html[data-theme=dark] .ztext a.ztext-link:hover {
    color: #175199;
    border-bottom: 1px solid #175199
}

.ztext a.external>.ellipsis:after,
.ztext a.internal>.ellipsis:after,
.ztext a.ztext-link>.ellipsis:after {
    content: "..."
}

.ztext a.external>.invisible,
.ztext a.internal>.invisible,
.ztext a.ztext-link>.invisible {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent
}

.ztext a.external u,
.ztext a.internal u,
.ztext a.ztext-link u {
    border: none
}

html[data-theme=dark] .ztext a.external,
html[data-theme=dark] .ztext a.internal,
html[data-theme=dark] .ztext a.ztext-link {
    border-bottom: 1px solid grey
}

.ztext a.member_mention {
    color: #175199
}

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

html[data-theme=dark] .ztext a.member_mention {
    color: #175199
}

.ztext p {
    margin: 1.4em 0
}

.ztext p.ztext-empty-paragraph {
    margin: -.8em 0
}

.ztext p.ztext-empty-paragraph+.ztext-empty-paragraph {
    margin: 1.4em 0
}

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

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

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

html[data-theme=dark] .ztext img[eeimg] {
    -webkit-filter: invert(.6) hue-rotate(180deg);
    filter: invert(.6) hue-rotate(180deg)
}

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

.ztext img[eeimg="2"] {
    margin: 1.4em auto;
    display: block
}

.ztext blockquote {
    margin: 1.4em 0;
    padding-left: 1em;
    color: #646464;
    border-left: 3px solid #d3d3d3
}

html[data-theme=dark] .ztext blockquote {
    color: #999;
    border-left: 3px solid #2e2e2e
}

.ztext ol,
.ztext ul {
    margin: 1.4em 0;
    padding: 0
}

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

.ztext ol>ol,
.ztext ol>ul,
.ztext ul>ol,
.ztext ul>ul {
    display: table-row
}

.ztext ol>ol:before,
.ztext ol>ul:before,
.ztext ul>ol:before,
.ztext ul>ul:before {
    display: table-cell;
    content: ""
}

.ztext ul {
    display: table
}

.ztext ul>li {
    display: table-row;
    list-style: none
}

.ztext ul>li:before {
    display: table-cell;
    content: "\2022   ";
    white-space: pre
}

.ztext ol {
    display: table;
    counter-reset: ol
}

.ztext ol>li {
    display: table-row;
    list-style: none
}

.ztext ol>li:before {
    display: table-cell;
    text-align: right;
    counter-increment: ol;
    content: counter(ol) ". ";
    white-space: pre
}

.ztext ol ol {
    counter-reset: ol2
}

.ztext ol ol li:before {
    counter-increment: ol2;
    content: counter(ol2) ". "
}

.ztext ol ol ol {
    counter-reset: ol3
}

.ztext ol ol ol li:before {
    counter-increment: ol3;
    content: counter(ol3) ". "
}

.ztext ol ol ol ol {
    counter-reset: ol4
}

.ztext ol ol ol ol li:before {
    counter-increment: ol4;
    content: counter(ol4) ". "
}

.ztext figure {
    margin: 1.4em 0
}

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

.ztext figure figcaption {
    margin-top: .66667em;
    padding: 0 1em;
    font-size: .9em;
    line-height: 1.5;
    text-align: center;
    color: #999
}

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

.ztext figure+figure {
    margin-top: 2.24em
}

.ztext figure:not([data-size])>[data-size=small],
.ztext figure[data-size=small] {
    clear: both
}

.ztext figure:not([data-size])>[data-size=left],
.ztext figure[data-size=left] {
    float: left;
    margin: 0 20px 20px 0;
    max-width: 33%
}

.ztext figure:not([data-size])>[data-size=right],
.ztext figure[data-size=right] {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 33%
}

.ztext .content_image,
.ztext .origin_image {
    display: block;
    max-width: 100%;
    margin: 1.4em auto
}

html[data-theme=dark] .ztext .content_image,
html[data-theme=dark] .ztext .origin_image {
    -webkit-filter: brightness(.7);
    filter: brightness(.7)
}

html[data-ios] .ztext .content_image,
html[data-ios] .ztext .origin_image {
    -webkit-filter: none;
    filter: none
}

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

.ztext .content_image.zh-lightbox-thumb,
.ztext .origin_image.zh-lightbox-thumb {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

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

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

.ztext pre {
    margin: 1.4em 0;
    padding: .88889em;
    font-size: .9em;
    word-break: normal;
    word-wrap: normal;
    white-space: pre;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #f6f6f6;
    border-radius: 4px
}

.ztext pre code {
    margin: 0;
    padding: 0;
    font-size: inherit;
    border-radius: 0;
    background-color: inherit
}

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

.ztext li pre {
    white-space: pre-wrap
}

.ztext-referene-tooltip .TooltipContent-children {
    display: block;
    max-width: 250px;
    max-height: 150px;
    overflow: auto;
    word-wrap: break-word;
    white-space: normal;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.ztext .link-box,
.ztext .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: 1.4em 0;
    overflow: auto;
    white-space: normal;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
    box-shadow: 0 1px 3px rgba(26, 26, 26, .1)
}

html[data-theme=dark] .ztext .link-box,
html[data-theme=dark] .ztext .video-box {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

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

.ztext .link-box .content,
.ztext .video-box .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 1em;
    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
}

.ztext .link-box .title,
.ztext .video-box .title {
    font-size: 1.2em;
    font-weight: 600;
    font-synthesis: style
}

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

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

.ztext .link-box .url,
.ztext .video-box .url {
    overflow: hidden;
    color: grey;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

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

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

html[data-theme=dark] .ztext .link-box,
html[data-theme=dark] .ztext .video-box {
    border: 1px solid #444
}

.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%
}

.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 1;
    flex: 1 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-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-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-titleContainer--noAvatar {
    margin-top: 20px
}

.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 1;
    flex: 1 1
}

.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 {
    padding: 0 12px 16px;
    font-size: 14px;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.HoverCard--isLoading {
    opacity: 0
}

.HoverCard,
.HoverCard-loading {
    -webkit-box-shadow: 0 5px 20px rgba(26, 26, 26, .1);
    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 {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    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-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 1;
    flex: 1 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-separate {
    color: #ebebeb
}

html[data-theme=dark] .HoverCard-separate {
    color: #444
}

.HoverCard-popoverTarget {
    border-width: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.FollowButton {
    min-width: 96px
}

.FollowButton-icon {
    margin-right: 8px;
    fill: currentColor
}

.WalleModal-wrapper {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px
}

.WalleModal-des {
    font-size: 15px;
    line-height: 1.4;
    color: #444
}

html[data-theme=dark] .WalleModal-des {
    color: grey
}

.WalleModal-img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin-top: 40px;
    margin-bottom: 15px
}

.WalleModal-open {
    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
}

.WalleModal-content {
    width: 60%
}

.WalleModal-title {
    font-size: 16px;
    line-height: 1.2;
    color: #444
}

html[data-theme=dark] .WalleModal-title {
    color: grey
}

@media only screen and (min-device-width:320px) {
    .WalleModal-title {
        font-size: 15px
    }
}

.WalleModal-intro {
    font-size: 13px;
    line-height: 1.38;
    color: #646464;
    margin-top: 3px
}

html[data-theme=dark] .WalleModal-intro {
    color: #999
}

.WalleModal-btn {
    width: 92px;
    height: 32px
}

.Spinner-blade {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px
}

.Spinner-blade--large {
    width: 35px;
    height: 35px
}

.Spinner-blade--large .Spinner-blade-12 {
    width: 8.57143%;
    height: 25.71429%;
    border-radius: 50%/16.67%
}

.Spinner-blade--white .Spinner-blade-12 {
    background-color: #fff
}

html[data-theme=dark] .Spinner-blade--white .Spinner-blade-12 {
    background-color: #1a1a1a
}

@-webkit-keyframes spinnerBladeFade {
    0% {
        opacity: .85
    }
    50% {
        opacity: .25
    }
    to {
        opacity: .25
    }
}

@keyframes spinnerBladeFade {
    0% {
        opacity: .85
    }
    50% {
        opacity: .25
    }
    to {
        opacity: .25
    }
}

.Spinner-blade-12 {
    position: absolute;
    left: 44.5%;
    top: 37%;
    width: 10%;
    height: 25%;
    border-radius: 50%/20%;
    background-color: #999;
    -webkit-animation: spinnerBladeFade 1s linear infinite;
    animation: spinnerBladeFade 1s linear infinite
}

html[data-theme=dark] .Spinner-blade-12 {
    background-color: #646464
}

.Spinner-blade-12:first-child {
    -webkit-animation-delay: -1.66667s;
    animation-delay: -1.66667s;
    -webkit-transform: rotate(30deg) translateY(-150%);
    transform: rotate(30deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(2) {
    -webkit-animation-delay: -1.58333s;
    animation-delay: -1.58333s;
    -webkit-transform: rotate(60deg) translateY(-150%);
    transform: rotate(60deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(3) {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
    -webkit-transform: rotate(90deg) translateY(-150%);
    transform: rotate(90deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(4) {
    -webkit-animation-delay: -1.41667s;
    animation-delay: -1.41667s;
    -webkit-transform: rotate(120deg) translateY(-150%);
    transform: rotate(120deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(5) {
    -webkit-animation-delay: -1.33333s;
    animation-delay: -1.33333s;
    -webkit-transform: rotate(150deg) translateY(-150%);
    transform: rotate(150deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(6) {
    -webkit-animation-delay: -1.25s;
    animation-delay: -1.25s;
    -webkit-transform: rotate(180deg) translateY(-150%);
    transform: rotate(180deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(7) {
    -webkit-animation-delay: -1.16667s;
    animation-delay: -1.16667s;
    -webkit-transform: rotate(210deg) translateY(-150%);
    transform: rotate(210deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(8) {
    -webkit-animation-delay: -1.08333s;
    animation-delay: -1.08333s;
    -webkit-transform: rotate(240deg) translateY(-150%);
    transform: rotate(240deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(9) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    -webkit-transform: rotate(270deg) translateY(-150%);
    transform: rotate(270deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(10) {
    -webkit-animation-delay: -.91667s;
    animation-delay: -.91667s;
    -webkit-transform: rotate(300deg) translateY(-150%);
    transform: rotate(300deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(11) {
    -webkit-animation-delay: -.83333s;
    animation-delay: -.83333s;
    -webkit-transform: rotate(330deg) translateY(-150%);
    transform: rotate(330deg) translateY(-150%)
}

.Spinner-blade-12:nth-child(12) {
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s;
    -webkit-transform: rotate(1turn) translateY(-150%);
    transform: rotate(1turn) translateY(-150%)
}

.TextMessage {
    max-width: 388px;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .4px;
    position: relative;
    margin-right: 8px;
    margin-left: 8px;
    text-align: left;
    min-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-break: break-all
}

.TextMessage img {
    height: 20px;
    width: 20px;
    vertical-align: bottom
}

.TextMessage a {
    text-decoration: underline
}

.TextMessage a::hover {
    cursor: pointer
}

.TextMessage-sender {
    background-color: #f6f6f6;
    color: #444
}

html[data-theme=dark] .TextMessage-sender {
    background-color: #2e2e2e;
    color: grey
}

.TextMessage-sender:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: -4px;
    top: 14px;
    background: #f6f6f6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

html[data-theme=dark] .TextMessage-sender:after {
    background: #2e2e2e
}

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

.TextMessage-receiver {
    background-color: #0084ff;
    color: #fff
}

html[data-theme=dark] .TextMessage-receiver {
    background-color: #3a76d0;
    color: #1a1a1a
}

.TextMessage-receiver:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    right: -4px;
    top: 14px;
    background: #0084ff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

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

.ImageView {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101;
    overflow: hidden;
    -webkit-transition: background-color .2s ease-in-out;
    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%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ImageView-img {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    transition: -webkit-transform .3s ease-in-out;
    -webkit-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;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transition-property: -webkit-transform opacity;
    -webkit-transition-property: -webkit-transform opacity;
    transition-property: transform opacity;
    transition-property: transform opacity, -webkit-transform opacity
}

.ImageMessage {
    border-radius: 8px;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.ImageMessage-ImageView {
    z-index: 204
}

.ImageMessage--temp {
    cursor: wait
}

.StickerMessage {
    height: 120px;
    width: 120px
}

.ActionMenu {
    width: 95px;
    text-align: center;
    border-radius: 8px;
    background-color: #fff;
    padding: 8px 0
}

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

.ActionMenu-item {
    height: 40px;
    line-height: 40px;
    text-align: center
}

.ActionMenu-item:hover {
    background-color: #f6f6f6;
    cursor: pointer
}

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

.Message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px
}

.Message--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.Message-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.Message-content {
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Message-content--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.Message-status {
    margin: 0 8px
}

.Message-status--loading {
    height: 15px;
    width: 15px
}

.Message-status--failure {
    fill: #f1403c;
    height: 20px;
    width: 20px
}

html[data-theme=dark] .Message-status--failure {
    fill: #b7302d
}

.Message-status--more {
    fill: #999;
    height: 16px;
    width: 16px;
    cursor: pointer
}

html[data-theme=dark] .Message-status--more {
    fill: #646464
}

.Message-time {
    padding-top: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #999
}

html[data-theme=dark] .Message-time {
    color: #646464
}

.Message-status--wrapper {
    position: relative
}

.Message-actionMenu {
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 1
}

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

.Message-actionMenu:before {
    content: "";
    border-left: 7px solid transparent;
    border-bottom: 8px solid #fff;
    border-right: 7px solid transparent;
    position: absolute;
    top: -8px;
    left: 40px
}

html[data-theme=dark] .Message-actionMenu:before {
    border-bottom: 8px solid #1a1a1a
}

.Message-UserLink {
    position: relative
}

.Message-UserLink .UserLink-badge {
    position: absolute;
    top: 24px;
    right: 0
}

.MessagesBox {
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll
}

.MessagesBox-loading {
    margin: 20px auto 0
}

.UploadPicture-wrapper {
    cursor: pointer
}

.UploadPicture-input {
    display: none
}

.EmoticonsFooter {
    height: 40px;
    background-color: #f6f6f6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

.EmoticonsFooter-items {
    overflow-x: scroll;
    white-space: nowrap;
    height: 100%;
    padding-bottom: 17px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow-y: hidden
}

.EmoticonsFooter-item {
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    height: 40px;
    text-align: center;
    vertical-align: bottom
}

.EmoticonsFooter-itemIcon {
    height: 40px
}

.EmoticonsFooter-item--selected {
    background-color: #fff
}

html[data-theme=dark] .EmoticonsFooter-item--selected {
    background-color: #1a1a1a
}

.EmoticonPanel {
    padding: 5px 5px 0
}

.EmoticonPanel-item {
    padding: 5px;
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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;
    text-align: center
}

.EmoticonPanel-item:hover {
    background-color: #f6f6f6;
    cursor: pointer
}

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

.EmoticonPanel-item--big {
    width: 75px;
    height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.EmoticonPanel-itemImg--small {
    height: 24px;
    width: 24px
}

.EmoticonPanel-itemImg--big {
    height: 58px;
    width: 58px;
    min-height: 58px
}

.EmoticonPanel-itemTitle {
    font-size: 12px;
    line-height: 14px;
    padding-top: 2px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    color: #999
}

html[data-theme=dark] .EmoticonPanel-itemTitle {
    color: #646464
}

.EmoticonPanel-spinner {
    margin: 0 auto;
    display: block;
    top: 45%
}

.EmoticonPagination {
    text-align: center
}

.EmoticonPagination-bullet {
    width: 4px;
    height: 4px;
    display: inline-block;
    border-radius: 100%;
    background: #d3d3d3
}

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

.EmoticonPagination-bullet+.EmoticonPagination-bullet {
    margin-left: 5px
}

.EmoticonPagination-bullet--active,
html[data-theme=dark] .EmoticonPagination-bullet--active {
    background: grey
}

.Emoticons {
    width: 316px;
    height: 224px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 0 16px 0 rgba(26, 26, 26, .15);
    box-shadow: 0 0 16px 0 rgba(26, 26, 26, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

html[data-theme=dark] .Emoticons {
    background-color: #1a1a1a;
    border: 1px solid #444;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15)
}

.Emoticons-panels {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    height: 184px
}

.Emoticons-panels-item {
    height: 184px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

.Emoticons-panelContainer {
    overflow: hidden
}

.Emoticons-Pagination {
    position: absolute;
    bottom: 44px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.EmoticonTool {
    position: relative
}

.EmoticonTool-panel {
    position: absolute;
    bottom: 35px;
    left: -25px;
    z-index: 102
}

.EmoticonTool-panel:after {
    content: "";
    border-left: 7px solid transparent;
    border-top: 8px solid #fff;
    border-right: 7px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 28px
}

html[data-theme=dark] .EmoticonTool-panel:after {
    border-top: 8px solid #1a1a1a
}

.EmoticonTool--mask {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 101;
    top: 0;
    left: 0
}

.EmoticonTool-icon {
    cursor: pointer
}

.ToolBar {
    border-top: 1px solid #ebebeb;
    margin: 0 14px;
    padding: 11px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

html[data-theme=dark] .ToolBar {
    border-top: 1px solid #444
}

.ToolBar-item {
    display: inline-block
}

.ToolBar-Icon {
    height: 24px;
    width: 24px;
    fill: #646464
}

html[data-theme=dark] .ToolBar-Icon {
    fill: #999
}

.ToolBar-item+.ToolBar-item {
    margin-left: 10px
}

.InputBox {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 250px;
    min-height: 180px
}

.InputBox,
.InputBox-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.InputBox-footer {
    height: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px
}

.InputBox-input {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    border-width: 0;
    padding-top: 0;
    padding-left: 14px
}

.InputBox-input.is-focus {
    border: none
}

.InputBox-sendBtn {
    border-radius: 6px;
    width: 72px;
    height: 32px;
    font-size: 13px;
    line-height: 16px
}

.InputBox-footerDesc {
    font-size: 14px;
    line-height: 20px;
    color: #bfbfbf;
    text-align: right;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

html[data-theme=dark] .InputBox-footerDesc {
    color: #444
}

.AbnormalAlert {
    display: -webkit-box;
    display: -ms-flexbox;
    width: 448px;
    height: 50px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(26, 26, 26, .2);
    box-shadow: 0 5px 20px 0 rgba(26, 26, 26, .2);
    padding: 0 20px;
    border-radius: 4px;
    z-index: 1
}

html[data-theme=dark] .AbnormalAlert {
    background-color: #1a1a1a;
    -webkit-box-shadow: 0 5px 20px 0 hsla(0, 0%, 60%, .2);
    box-shadow: 0 5px 20px 0 hsla(0, 0%, 60%, .2)
}

.AbnormalAlert-message {
    color: #f1403c;
    font-style: 14px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 13px
}

html[data-theme=dark] .AbnormalAlert-message {
    color: #b7302d
}

.AbnormalAlert-message a,
html[data-theme=dark] .AbnormalAlert-message a {
    color: grey
}

.AbnormalAlert-icon {
    fill: #d3d3d3;
    width: 18px;
    height: 18px;
    padding: 5px;
    cursor: pointer
}

html[data-theme=dark] .AbnormalAlert-icon {
    fill: #2e2e2e
}

.ChatBox {
    min-width: 710px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-height: 600px
}

.ChatBox,
.ChatBox-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ChatBox-title {
    font-size: 15px;
    line-height: 20px;
    margin: 0 14px;
    height: 50px;
    padding-bottom: 9px;
    padding-top: 21px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ebebeb;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-synthesis: style
}

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

html[data-ios] .ChatBox-title {
    font-weight: 500
}

html[data-android] .ChatBox-title {
    font-weight: 700
}

.ChatBox-titleVipIcon {
    height: 14px;
    width: 14px;
    padding-left: 4px
}

.ChatBox-empty {
    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: center;
    margin: 0 auto;
    position: relative;
    padding-top: 25%
}

.ChatBox-emptyImage {
    height: 120px
}

.ChatBox-emptyDesc {
    font-size: 12px;
    color: rgba(133, 144, 166, .5)
}

html[data-theme=dark] .ChatBox-emptyDesc {
    color: rgba(96, 106, 128, .5)
}

.ChatBox-alert {
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.MessagesBox-wrapper {
    height: 362px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.ChatBoxModal {
    width: 718px;
    position: relative
}

.ChatBoxModal .Modal-inner {
    overflow: visible
}

.ChatBoxModal-content {
    padding: 0
}

.ChatBoxModal-closeButton {
    position: absolute;
    top: 12px;
    right: 12px
}

.ChatBoxModal-closeIcon {
    fill: #d3d3d3
}

html[data-theme=dark] .ChatBoxModal-closeIcon {
    fill: #2e2e2e
}

.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
}

.UserLink-vipIcon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: .3em;
    width: 14px
}

.UserLink-vipIcon img {
    height: 100%;
    width: 100%
}

.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 1;
    flex: 1 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: grey
}

.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 1;
    flex: 1 1;
    height: 48px;
    cursor: pointer;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.PushNotifications-selectedTabIcon {
    fill: #0084ff
}

html[data-theme=dark] .PushNotifications-selectedTabIcon {
    fill: #3a76d0
}

.PushNotifications-tab:not(:last-child):after {
    position: absolute;
    left: 120px;
    top: 14px;
    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,
html[data-theme=dark] .PushNotifications-item a {
    color: #175199
}

.PushNotifications-item a:hover,
html[data-theme=dark] .PushNotifications-item a:hover {
    color: #144583
}

.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

.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
}

.PushNotifications-actor:not(:last-child):after {
    content: "\3001";
    color: #0084ff
}

html[data-theme=dark] .PushNotifications-actor:not(:last-child):after {
    color: #3a76d0
}

.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 1;
    flex: 1 1;
    height: 48px;
    font-size: 14px;
    color: #8590a6;
    cursor: pointer
}

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

.Messages-currentTab {
    color: #1a1a1a
}

html[data-theme=dark] .Messages-currentTab {
    color: #999
}

.Messages-currentTab:hover {
    color: currentColor
}

.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
}

html[data-theme=dark] .Messages-item {
    color: #999
}

.Messages-item:hover {
    background-color: #f6f6f6
}

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

.Messages-item .Avatar {
    display: block
}

.Messages-user {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 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;
    -webkit-box-sizing: border-box;
    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;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

html[data-theme=dark] .Messages-warning {
    color: #b7302d
}

.Messages-warning.is-shown {
    opacity: 1
}

.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: #ebebeb;
    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%)
}

.AutoComplete-UserItem {
    width: 188px;
    height: 50px;
    padding: 9px 0;
    line-height: normal;
    -webkit-box-sizing: border-box;
    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-DefaultItem {
    line-height: 40px
}

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

.SearchBar-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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0
}

.SearchBar-hotIcon {
    margin-left: 5px
}

.SearchBar-historyItem {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    padding: 6px 0;
    line-height: 24px
}

.SearchBar-historyItem,
.SearchBar-historyItemContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.SearchBar-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] .SearchBar-historyLabel {
    color: #606a80;
    border-bottom: 1px solid #444
}

.SearchBar-historyIconWrapper {
    position: relative
}

.SearchBar-historyIconWrapper svg {
    fill: #8590a6
}

html[data-theme=dark] .SearchBar-historyIconWrapper svg {
    fill: #606a80
}

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

.SearchBar-historyIconWrapper:hover svg,
html[data-theme=dark] .SearchBar-historyIconWrapper:hover svg {
    fill: #175199
}

.SearchBar-historyIconShade {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.SearchBar-historyLabelDeleteAll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchBar-historyDelete {
    display: none
}

.SearchBar-historyItem:hover .SearchBar-historyDelete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SearchBar-historyDeleteAll {
    cursor: pointer
}

.AskBrand .Select-button {
    width: 124px;
    padding: 0 4px 0 12px;
    background-color: #fff
}

.AskBrand .AskBrand-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    width: 74px;
    vertical-align: middle
}

.AskBrand--list {
    max-height: 300px
}

.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;
    color: inherit
}

.Tag-remove:focus {
    outline: none
}

.Tag-remove .Zi {
    display: block
}

.TagInputAlias .Tag {
    margin: 0 8px 8px 0
}

.TopicInputAlias-autocomplete {
    display: inline-block
}

.TopicInputAlias-autocomplete .Popover {
    vertical-align: top
}

.TopicInputAlias-input {
    border-radius: 20px;
    padding: 4px 18px
}

.TopicInputAlias-input.is-focus {
    border-color: #0084ff
}

html[data-theme=dark] .TopicInputAlias-input.is-focus {
    border-color: #3a76d0
}

.TopicInputAlias-placeholderButton {
    background: none!important;
    color: #0084ff!important;
    line-height: 30px
}

html[data-theme=dark] .TopicInputAlias-placeholderButton {
    color: #3a76d0!important
}

.TopicInputAlias-suggestionContainer {
    max-height: 214px;
    overflow: scroll
}

.AskTopics-input {
    border-radius: 20px;
    border-color: #0084ff;
    color: #0084ff;
    height: 30px;
    padding: 2px 18px
}

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

.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
}

.AskFieldTip {
    font-size: 15px
}

.AskFieldTip--warning,
html[data-theme=dark] .AskFieldTip--warning {
    color: #ff9607
}

.AskFieldTip--error {
    color: #f1403c
}

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

.AskFieldTip .MaxLength {
    font-size: 15px
}

.AskTitle {
    position: relative;
    font-size: 18px
}

.AskTitle .Popover {
    display: block
}

.AskTitle-text {
    position: absolute;
    z-index: -100;
    opacity: 0;
    width: 100%;
    line-height: 1.34;
    white-space: pre-wrap;
    word-wrap: break-word
}

.AskTitle-input {
    max-height: 48px;
    font-size: 18px;
    padding: 0!important;
    border: none
}

.AskTitle-input.is-focus {
    border: none;
    line-height: 1.34
}

.AskTitle-input .Input:not(input) {
    line-height: 1.34
}

.AskTitle-suggestionClose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 12px;
    color: #8590a6
}

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

.AskTitle-suggestionPopover {
    margin-top: 25px
}

.AskTitle-suggestionContainer {
    width: 432px;
    max-height: 164px;
    overflow: auto
}

.AskTitle-suggestionItem .Menu-item {
    padding: 8px 12px
}

.AskTitle-suggestionItemLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.AskTitle-suggestionItemDesc {
    padding-left: 14px;
    color: #8590a6;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

.Editable-toolbar {
    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%, at 1%, rgba(26, 26, 26, .1), hsla(0, 0%, 100%, 0) 80%);
    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%, at 1%, hsla(0, 0%, 60%, .1), rgba(26, 26, 26, 0) 80%);
    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-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 13px
}

.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;
    -webkit-box-sizing: border-box;
    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
}

.EditableToolbarMenuCallout {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-top: 1px solid #ebebeb;
    padding: 5px 13px
}

.EditableToolbarMenuCallout-closeButton {
    margin-left: auto;
    width: 26px;
    height: 26px
}

.EditableToolbarMenuCallout-arrowBox {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    pointer-events: none
}

.EditableToolbarMenuCallout-arrowBox:after,
.EditableToolbarMenuCallout-arrowBox:before {
    bottom: 100%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.EditableToolbarMenuCallout-arrowBox:after {
    border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) #fff;
    border-width: 8px;
    margin-left: -8px
}

.EditableToolbarMenuCallout-arrowBox:before {
    border-color: hsla(0, 0%, 80%, 0) hsla(0, 0%, 80%, 0) #ebebeb;
    border-width: 9px;
    margin-left: -9px
}

.AskDetail {
    min-height: 112px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.AskDetail-input {
    font-size: 15px
}

.AskDetail-inputWrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.AskDetail-actionsWrapper {
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.AskDetail-actions {
    float: right
}

.AskDetail-placeholder {
    display: inline-block;
    color: #8590a6
}

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

.AskOptions-label {
    color: #8590a6;
    cursor: pointer
}

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

.AskOptions-checkbox {
    margin-right: 8px;
    vertical-align: text-top
}

.AskBrandTitle-main {
    color: #1a1a1a;
    font-size: 18px
}

html[data-theme=dark] .AskBrandTitle-main {
    color: #999
}

.AskBrandTitle-sub {
    color: #999;
    font-size: 13px
}

html[data-theme=dark] .AskBrandTitle-sub {
    color: #646464
}

.Ask-form {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Ask-form,
.Ask-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Ask-items {
    max-height: calc(100vh - 146px);
    min-height: 138px;
    overflow: hidden
}

.Ask-items:first-child {
    padding-top: 8px
}

.Ask-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Ask-item:nth-child(2) {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.Ask-titleWrapper {
    display: block
}

.Ask-avatar {
    float: left;
    margin-right: 16px;
    margin-top: 3px
}

.Ask-title {
    overflow: hidden
}

.Ask-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.Ask-footer-buttonWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: right
}

.Ask-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;
    background-color: #f6f6f6;
    padding: 18px 24px;
    border-bottom: 1px solid #ebebeb;
    margin: -24px -24px 12px
}

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

.AskOrgSelect-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #bfbfbf;
    padding-bottom: 15px;
    padding-top: 26px
}

html[data-theme=dark] .AskOrgSelect-item {
    color: grey
}

.AskOrgSelect-item+.AskOrgSelect-item {
    border-top: 1px solid #ebebeb
}

html[data-theme=dark] .AskOrgSelect-item+.AskOrgSelect-item {
    border-top: 1px solid #444
}

.AskOrgSelect-item svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.AskOrgSelect-itemTitle {
    font-size: 17px;
    color: #1a1a1a
}

html[data-theme=dark] .AskOrgSelect-itemTitle {
    color: #999
}

.AskOrgSelect-itemDesc {
    margin-top: 10px;
    font-size: 14px;
    color: #8590a6
}

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

.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-groupItem--topSearch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px
}

.SearchBar-groupItem--hisotry {
    display: block
}

.SearchBar-menu {
    width: 400px;
    padding-bottom: 0;
    overflow-x: hidden
}

.SearchBar-menu.SearchBar-hasValueMenu .AutoComplete-group:last-child .Menu-item {
    height: 40px;
    padding: 0;
    margin-top: 8px;
    line-height: 40px;
    color: #8590a6
}

html[data-theme=dark] .SearchBar-menu.SearchBar-hasValueMenu .AutoComplete-group:last-child .Menu-item {
    color: #606a80
}

.SearchBar-menu.SearchBar-hasValueMenu .AutoComplete-group:last-child .Menu-item:not(.is-active) {
    background: #f6f6f6
}

html[data-theme=dark] .SearchBar-menu.SearchBar-hasValueMenu .AutoComplete-group:last-child .Menu-item:not(.is-active) {
    background: #2e2e2e
}

.SearchBar-menu.SearchBar-noValueMenu {
    padding-bottom: 8px
}

.SearchBar-menu em {
    color: #8590a6;
    font-style: normal
}

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

.SearchBar-menu .blueFont em,
html[data-theme=dark] .SearchBar-menu .blueFont em {
    color: #175199
}

.SearchBar-contentResult,
.SearchBar-defaultResult,
.SearchBar-peopleResult,
.SearchBar-topicResult {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    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-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
}

.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;
    cursor: pointer
}

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

.SearchBar-askButton {
    z-index: 103;
    padding: 0 14px;
    margin-left: 16px;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    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;
    padding-left: 16px;
    -webkit-transition: width .2s ease, background .3s ease;
    transition: width .2s ease, background .3s ease
}

.SearchBar-focusedInput {
    width: 400px
}

.SearchBar-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;
    -webkit-transition: fill .3s ease;
    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;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .1s;
    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);
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.SearchBar-menu .Menu-item {
    padding: 0 16px
}

.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
}

.AppHeaderProfileMenu-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px
}

.AppHeaderProfileMenu-item .Zi {
    margin-right: 6px
}

.AppHeader-profileEntry {
    display: relative
}

.AppHeader-profileAvatar {
    vertical-align: top
}

.AppHeader-profileAvatarRedDot {
    position: absolute;
    background: #f1403c;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 8px;
    right: -4px;
    top: -4px;
    width: 8px
}

html[data-theme=dark] .AppHeader-profileAvatarRedDot {
    background: #b7302d;
    border: 2px solid #1a1a1a
}

.AppHeaderProfileMenu-redDot {
    background: #f1403c;
    border-radius: 50%;
    margin-left: 6px;
    margin-right: -4px;
    height: 6px;
    width: 6px
}

html[data-theme=dark] .AppHeaderProfileMenu-redDot {
    background: #b7302d
}

.AppHeaderProfileMenu-creatorHintPopover {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.AppHeaderProfileMenu-creatorHintToggler {
    height: 30px;
    width: 30px
}

.AppHeaderProfileMenu-creatorHintToggler--small {
    height: 24px;
    width: 24px
}

.AppHeaderProfileMenu-creatorHint {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    min-width: 336px;
    height: 48px;
    padding: 0 12px
}

.AppHeaderProfileMenu-creatorHintCreatorIcon {
    color: #8590a6
}

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

.AppHeaderProfileMenu-creatorHintText {
    margin-left: 8px
}

.AppHeaderProfileMenu-creatorHintLink {
    color: #175199;
    cursor: pointer;
    outline: none;
    font-weight: 600;
    font-synthesis: style
}

html[data-theme=dark] .AppHeaderProfileMenu-creatorHintLink {
    color: #175199
}

html[data-ios] .AppHeaderProfileMenu-creatorHintLink {
    font-weight: 500
}

html[data-android] .AppHeaderProfileMenu-creatorHintLink {
    font-weight: 700
}

.AppHeaderProfileMenu-creatorHintCloseContainer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #d3d3d3;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 24px
}

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

.AppHeader {
    position: relative;
    z-index: 100;
    min-width: 1032px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
    box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
    background-clip: content-box
}

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

.AppHeader.is-fixed {
    z-index: 100
}

.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;
    -webkit-transition: -webkit-transform .3s;
    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-Tabs {
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 23px
}

.AppHeader-Tab {
    padding: 0 17px
}

.AppHeader-TabsLink {
    color: #8590a6;
    font-size: 15px
}

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

.AppHeader-TabsLink.is-active {
    color: #444
}

html[data-theme=dark] .AppHeader-TabsLink.is-active {
    color: grey
}

.AppHeader-TabsLink:hover {
    color: #444
}

html[data-theme=dark] .AppHeader-TabsLink:hover {
    color: grey
}

.AppHeader-navDivider {
    height: 15px;
    border-right: 1px solid #d3d3d3;
    -ms-flex-item-align: center;
    align-self: center
}

html[data-theme=dark] .AppHeader-navDivider {
    border-right: 1px solid #2e2e2e
}

.AppHeader-input {
    width: 345px
}

.AppHeader-userInfo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 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 {
    margin-right: 40px
}

.AppHeader-profile {
    position: relative
}

.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;
    -webkit-box-sizing: border-box;
    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)
}

.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
}

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

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

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

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

.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: 50px;
    padding: 0 20px;
    border-bottom: 1px solid #f6f6f6;
    -webkit-box-sizing: border-box;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

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

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

html[data-theme=dark] .SignFlowInput-errorMask:before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(26, 26, 26, 0)), to(#1a1a1a));
    background: linear-gradient(90deg, rgba(26, 26, 26, 0), #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
}

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

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

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

.Captcha-chineseImg {
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    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
}

.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: 24px;
    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 0 0 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-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;
    background: #fff;
    width: 400px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}

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

.Register-content .SignFlow-smsInputErrorMessage {
    width: auto;
    min-width: 40%
}

.Register-content .SignFlow-smsInputContainer {
    border-bottom: 1px solid #ebebeb
}

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

.Register-content .Input-wrapper,
.Register-content .Input-wrapper.is-focus {
    border: none
}

.Register-getIn,
.Register-submitButton {
    width: 100%;
    margin-top: 30px;
    height: 36px
}

.Register-footer {
    font-size: 13px;
    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 {
    color: #8590a6
}

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

.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: grey
}

.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
}

html[data-theme=dark] .Register-padNameHeader {
    color: grey
}

.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
}

.Register-padNameTitle {
    margin: 0 auto
}

.Register-smsBackUp {
    padding-top: 12px;
    height: 20px;
    color: #8590a6;
    text-align: right;
    -webkit-transition: height .5s, padding .5s;
    transition: height .5s, padding .5s
}

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

.Register-smsBackUp span {
    display: inline-block;
    cursor: pointer
}

.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
}

html[data-theme=dark] .Register-socialTitle {
    color: grey
}

.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
}

.Register-socialSubTitle {
    font-size: 14px;
    color: #8590a6
}

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

.Register-socialName {
    overflow: hidden;
    height: 48px;
    -webkit-transition: height .5s, visibility .5s;
    transition: height .5s, visibility .5s
}

.Register-socialName .Input-wrapper,
.Register-socialName .Input-wrapper.is-focus {
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .Register-socialName .Input-wrapper,
html[data-theme=dark] .Register-socialName .Input-wrapper.is-focus {
    border-bottom: 1px solid #444
}

.Register-hiddenSocialName {
    height: 0;
    visibility: hidden
}

.SignContainer-content {
    width: 400px;
    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
}

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-content .SignFlow-captchaContainer:not(.Captcha-chinese) .Input-wrapper,
.SignContainer-content .SignFlow-password .Input-wrapper,
.SignContainer-content .SignFlow-username .Input-wrapper {
    border-bottom: none!important
}

.SignContainer-inner {
    position: relative;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    overflow: hidden
}

.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
}

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

.SignContainer-switch span {
    color: #175199;
    cursor: pointer
}

html[data-theme=dark] .SignContainer-switch span {
    color: #175199
}

.Captcha-chineseRefreshButton {
    margin-right: 10px
}

.SignFlow-captchaContainer {
    margin-top: 12px;
    height: 48px;
    -webkit-transition: height .5s;
    transition: height .5s
}

.SignFlow-captchaContainer.Captcha-chinese {
    height: 87px;
    background-color: #f9f9f9;
    overflow: hidden
}

.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
}

.SignContainer-tip {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    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 24px;
    color: grey;
    font-size: 13px;
    background-color: #f6f6f6
}

html[data-theme=dark] .SignContainer-tip {
    color: grey;
    background-color: #2e2e2e
}

.SignContainer-tip>div {
    text-align: left
}

.SignContainer-tip>a,
html[data-theme=dark] .SignContainer-tip>a {
    color: #175199
}

.EmailRegister {
    width: 400px;
    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 24px 84px
}

.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: grey
}

.Login-aboardPhone,
.Login-qrcode {
    display: inline-block;
    color: #8590a6;
    vertical-align: middle
}

html[data-theme=dark] .Login-aboardPhone,
html[data-theme=dark] .Login-qrcode {
    color: #606a80
}

.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: grey
}

.Login-socialLogin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #8590a6;
    margin-top: 24px;
    width: 400px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    height: 60px;
    line-height: 60px;
    padding: 0 24px
}

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

.Login-socialButtonGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 2px;
    -webkit-transition: opacity .3s ease;
    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: grey
}

.Login-socialButton {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.Login-socialButton:not(:first-child) {
    margin-left: 22px
}

.Login-accountBlockEmphasis {
    color: #f1403c
}

html[data-theme=dark] .Login-accountBlockEmphasis {
    color: #b7302d
}

.Login-socialIcon {
    margin-right: 6px
}

.Login-socialIcon:hover {
    fill: #999
}

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

.SignInQrcode {
    padding: 40px 0
}

.Qrcode-container {
    position: relative;
    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-theme=dark] .Qrcode-container p.Qrcode-scanResultTips {
    color: #999
}

html[data-ios] .Qrcode-container p.Qrcode-scanResultTips {
    font-weight: 500
}

html[data-android] .Qrcode-container p.Qrcode-scanResultTips {
    font-weight: 700
}

.Qrcode-container>svg {
    position: absolute;
    top: 0;
    right: 0
}

.Qrcode-title {
    font-size: 24px;
    color: #1a1a1a;
    line-height: 33px;
    margin-bottom: 50px;
    margin-top: 3px
}

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

.Qrcode-content {
    height: 210px
}

.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 {
    margin-bottom: -40px;
    border-top: 1px solid #ebebeb;
    padding: 14px 0;
    font-size: 14px;
    color: #175199
}

html[data-theme=dark] .Qrcode-cutButton {
    border-top: 1px solid #444;
    color: #175199
}

.Qrcode-cutButton span {
    cursor: pointer
}

.Qrcode-scanResultStaus {
    padding-top: 36px
}

.SignFlow-tabs {
    text-align: left
}

.SignFlow-tab {
    display: inline-block;
    color: #444;
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    margin-right: 24px;
    cursor: pointer
}

html[data-theme=dark] .SignFlow-tab {
    color: grey
}

.SignFlow-tab--active {
    position: relative;
    color: #1a1a1a;
    font-weight: 600;
    font-synthesis: style
}

html[data-theme=dark] .SignFlow-tab--active {
    color: #999
}

html[data-ios] .SignFlow-tab--active {
    font-weight: 500
}

html[data-android] .SignFlow-tab--active {
    font-weight: 700
}

.SignFlow-tab--active:after {
    display: block;
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #0084ff
}

html[data-theme=dark] .SignFlow-tab--active:after {
    background-color: #3a76d0
}

.SignFlow-qrcodeTab {
    position: absolute;
    width: 52px;
    height: 52px;
    top: 0;
    right: 0
}

.SignFlow-qrcodeTab svg {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.SignFlow-setting {
    padding: 40px 24px
}

.SignFlow-settingTitle {
    font-size: 24px;
    margin-bottom: 24px
}

.SignFlow-back {
    position: absolute;
    color: #8590a6;
    top: 20px;
    left: 20px;
    font-size: 14px;
    cursor: pointer
}

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

.SignFlow-back svg {
    margin-right: -4px
}

.SignFlowHomepage-footer {
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 2px #999;
    padding-bottom: 20px
}

html[data-theme=dark] .SignFlowHomepage-footer {
    color: #1a1a1a;
    text-shadow: 0 1px 2px #646464
}

.SignFlowHomepage-footer a img,
.SignFlowHomepage-footer span img {
    position: relative;
    top: 4px;
    margin-right: 2px
}

.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
}

.SignFlowHeader {
    text-align: center
}

.SignFlowHeader-slogen {
    font-size: 16px;
    margin-top: 6px;
    margin-bottom: 24px;
    color: #444;
    letter-spacing: 4px
}

html[data-theme=dark] .SignFlowHeader-slogen {
    color: grey
}

.EntrySign-body {
    overflow: hidden
}

.EntrySign-body .AppHeader {
    display: none
}

.SignFlowHomepage {
    /*background-image: url(http://www.120btc.com/skin/images/sign_bg.db29b0fb.png);*/
    background-repeat: no-repeat;
    background-color: #f2f5f8;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: auto;
    padding-right: 15px;
    background-position:center 0;
}

.SignFlowHomepage .Card {
    overflow: visible
}

.SignFlowHomepage-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 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);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.SignFlowHomepage-downloadBtn {
    background: #fff;
    border: none;
    color: #0084ff;
    width: 400px;
    height: 42px;
    margin-top: 14px
}

html[data-theme=dark] .SignFlowHomepage-downloadBtn {
    background: #1a1a1a;
    color: #3a76d0
}

.SignFlowHomepage-downloadBtn>div {
    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
}

.SignFlowHomepage-downloadBtn svg {
    margin-right: 11px
}

.SignFlowHomepage-qrImage {
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    height: 100%;
    bottom: 0;
    -webkit-transition: opacity .3s, height .3s;
    transition: opacity .3s, height .3s
}

.SignFlowHomepage-qrImage div {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-size: 250px 250px;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 8px 0 rgba(26, 26, 26, .15);
    box-shadow: 0 0 8px 0 rgba(26, 26, 26, .15);
    border-radius: 2px
}

html[data-theme=dark] .SignFlowHomepage-qrImage div {
    background-color: #1a1a1a;
    -webkit-box-shadow: 0 0 8px 0 hsla(0, 0%, 60%, .15);
    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 {
    -webkit-box-shadow: 0 0 8px 0 rgba(26, 26, 26, .15);
    box-shadow: 0 0 8px 0 rgba(26, 26, 26, .15);
    z-index: -1
}

html[data-theme=dark] .SignFlowHomepage-qrImage:after {
    -webkit-box-shadow: 0 0 8px 0 hsla(0, 0%, 60%, .15);
    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
}

.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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Footer-item img {
    margin-right: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

a.Footer-item:hover {
    color: #175199;
    cursor: pointer
}

html[data-theme=dark] a.Footer-item:hover {
    color: #175199
}

.GlobalWriteAnswerLater {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #8590a6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    margin: 0 20px;
    position: relative
}

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

.GlobalWriteAnswerLater .GlobalSideBar-navLink {
    margin: 0 -20px;
    width: 100%
}

.GlobalWriteAnswerLater .GlobalSideBar-navText {
    margin-left: 8px
}

.GlobalWriteAnswerLater .GlobalWriteAnswerLater-icon {
    margin-left: -4px
}

.GlobalWriteAnswerLater-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto
}

.GlobalWriteAnswerLater-popover {
    background-image: url(https://static.zhihu.com/heifetz/assets/popover.50ae0bca.png);
    background-size: cover;
    color: #fff;
    font-size: 14px;
    height: 82px;
    position: absolute;
    top: 30px;
    width: 280px
}

html[data-theme=dark] .GlobalWriteAnswerLater-popover {
    color: #ebebeb
}

.GlobalWriteAnswerLater-popoverText {
    margin: 32px 0 0 30px
}

.GlobalWrite-card {
    overflow: visible
}

.GlobalWrite-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.GlobalWrite-nav,
.GlobalWrite-navItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.GlobalWrite-navItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 23px;
    position: relative
}

.GlobalWrite-navItem:hover .GlobalWrite-navTitle,
html[data-theme=dark] .GlobalWrite-navItem:hover .GlobalWrite-navTitle {
    color: #175199
}

.GlobalWrite-navIcon {
    color: #8590a6;
    margin-bottom: 6px
}

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

.GlobalWrite-navTitle {
    color: #444;
    font-size: 16px
}

html[data-theme=dark] .GlobalWrite-navTitle {
    color: grey
}

.GlobalWrite-draft {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #f0f2f7;
    color: #8590a6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    margin: 0 20px
}

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

.GlobalWrite-draft .GlobalSideBar-navLink {
    margin: 0 -20px;
    width: 100%
}

.GlobalWrite-answerTips {
    color: #ff9607;
    font-size: 12px;
    position: absolute;
    bottom: -18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    white-space: nowrap
}

html[data-theme=dark] .GlobalWrite-answerTips {
    color: #ff9607
}

.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 1;
    flex: 1 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-navLink--active {
    background: rgba(133, 144, 166, .1)
}

html[data-theme=dark] .GlobalSideBar-navLink--active {
    background: rgba(96, 106, 128, .1)
}

.GlobalSideBar-navIcon {
    fill: #8590a6
}

html[data-theme=dark] .GlobalSideBar-navIcon {
    fill: #606a80
}

.GlobalSideBar-navText {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin: 0 10px;
    text-align: left
}

.GlobalSideBar-navNumber {
    padding: 6px 10px;
    border-radius: 2px;
    background: #f6f6f6;
    color: #8590a6;
    font-size: 12px
}

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

.GlobalSideBar-navLink--active .GlobalSideBar-navNumber,
.GlobalSideBar-navLink:hover .GlobalSideBar-navNumber {
    background: #fff
}

html[data-theme=dark] .GlobalSideBar-navLink--active .GlobalSideBar-navNumber,
html[data-theme=dark] .GlobalSideBar-navLink:hover .GlobalSideBar-navNumber {
    background: #1a1a1a
}

.Pc-card {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
    overflow: hidden;
    -webkit-transition: height .3s, margin .3s, opacity .3s;
    transition: height .3s, margin .3s, opacity .3s
}

.Pc-card--hidden {
    margin-bottom: 0;
    opacity: 0
}

.Pc-card img {
    display: block;
    width: 100%;
    border-radius: 2px
}

.Pc-card .AdvertImg {
    width: 300px;
    height: 250px;
    overflow: hidden
}

.Pc-card-button-close {
    position: absolute;
    top: 12px;
    right: 12px;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    padding: 0;
    border-color: transparent;
    border-radius: 50%;
    background-color: #1a1a1a;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.Pc-card-button-close-svg {
    width: 14px;
    height: 16px;
    fill: #fff
}

.Pc-card:hover .Pc-card-button-close {
    opacity: 1
}

.Pc-card .Banner-adsense {
    width: 100%;
    height: 250px
}

.Pc-card .Banner-adTag {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 45px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    color: #ebebeb;
    background-color: #000;
    opacity: .5;
    font-size: 12px;
    line-height: 27px;
    text-align: center
}

.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 1;
    flex: 1 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: grey
}

.AppBanner-description {
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #444
}

html[data-theme=dark] .AppBanner-description {
    color: grey
}

.AppBanner-sticky {
    height: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.AppBanner-sticky:not(.is-shown) {
    opacity: 0;
    visibility: hidden
}

.AnalyticsCountDelta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.AnalyticsCountDelta-text {
    font-size: 14px;
    color: #8590a6;
    margin-right: 8px
}

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

.AnalyticsCountDelta--small .AnalyticsCountDelta-text {
    color: #999;
    font-size: 12px;
    margin-right: 2px
}

html[data-theme=dark] .AnalyticsCountDelta--small .AnalyticsCountDelta-text {
    color: #646464
}

.AnalyticsCountDelta-number {
    font-size: 12px;
    margin-left: 4px;
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .AnalyticsCountDelta-number {
    font-weight: 500
}

html[data-android] .AnalyticsCountDelta-number {
    font-weight: 700
}

.AnalyticsCountDelta--small .AnalyticsCountDelta-number {
    margin-left: 2px
}

.AnalyticsCountDelta--small .AnalyticsCountDelta-number--up,
.AnalyticsCountDelta-upIcon {
    color: #0084ff
}

html[data-theme=dark] .AnalyticsCountDelta--small .AnalyticsCountDelta-number--up,
html[data-theme=dark] .AnalyticsCountDelta-upIcon {
    color: #3a76d0
}

.AnalyticsCountDelta--small .AnalyticsCountDelta-number--down,
.AnalyticsCountDelta-downIcon {
    color: #f36
}

html[data-theme=dark] .AnalyticsCountDelta--small .AnalyticsCountDelta-number--down,
html[data-theme=dark] .AnalyticsCountDelta-downIcon {
    color: #d92155
}

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

.CreatorEntrance-link {
    position: relative;
    -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;
    height: 100%
}

.CreatorEntrance-hint,
.CreatorEntrance-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.CreatorEntrance-hint {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 56px
}

.CreatorEntrance-image {
    height: 40px;
    width: 80px
}

.CreatorEntrance-text {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 6px;
    line-height: 16px
}

.CreatorEntrance-title {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 600;
    font-synthesis: style
}

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

html[data-ios] .CreatorEntrance-title {
    font-weight: 500
}

html[data-android] .CreatorEntrance-title {
    font-weight: 700
}

.CreatorEntrance-entranceMessage {
    color: #999;
    font-size: 12px;
    margin-top: 2px
}

html[data-theme=dark] .CreatorEntrance-entranceMessage {
    color: #646464
}

.CreatorEntrance-seen {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background-image: url(https://static.zhihu.com/heifetz/assets/new_creator.2cd3d755.png);
    background-size: 32px 1960px;
    background-repeat: no-repeat;
    -webkit-animation: CreatorEntranceShowNew 3s steps(60, start) infinite;
    animation: CreatorEntranceShowNew 3s steps(60, start) infinite
}

.CreatorEntrance-arrow {
    color: #8590a6
}

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

.CreatorEntrance-arrow--smallIcon {
    position: relative;
    left: 4px
}

.CreatorEntrance-Link--smallIcon {
    padding: 0 17px
}

.CreatorEntrance-Link--smallIcon .CreatorEntrancePage-hint--smallIcon {
    height: 52px;
    width: 100%;
    padding: 0;
    margin: 0 16px
}

.CreatorEntrance-creator {
    width: 18px;
    height: 18px;
    margin-left: 3px;
    color: #8590a6
}

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

.CreatorEntrance-indexPageTitle {
    font-size: 14px;
    line-height: 1.4;
    margin-left: 3px;
    color: #8590a6
}

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

@-webkit-keyframes CreatorEntranceShowNew {
    to {
        background-position-y: -1960px
    }
}

@keyframes CreatorEntranceShowNew {
    to {
        background-position-y: -1960px
    }
}

.ProfileSideCreator-creatorEntranceHint {
    padding: 0 20px 0 4px
}

.ProfileSideCreator-analytics {
    border-top: 1px solid #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    width: 100%
}

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

.ProfileSideCreator-readCountItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

html[data-theme=dark] .ProfileSideCreator-readCountItem {
    border-right: 1px solid #444
}

.ProfileSideCreator-readCountItem:last-child {
    border-right: none
}

.ProfileSideCreator-readCountTitle {
    color: #8590a6;
    font-size: 12px;
    line-height: 22px
}

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

.ProfileSideCreator-readCountNumber {
    color: #444;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    font-synthesis: style
}

html[data-theme=dark] .ProfileSideCreator-readCountNumber {
    color: grey
}

html[data-ios] .ProfileSideCreator-readCountNumber {
    font-weight: 500
}

html[data-android] .ProfileSideCreator-readCountNumber {
    font-weight: 700
}

.ProfileSideCreator-readCountDeltaText {
    font-size: 12px
}

.ProfileSideCreator-analytics--smallIcon {
    padding: 17px 0
}

.GlobalSideBar {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 14px
}

.GlobalSideBar .Footer {
    padding: 0 0 0 5px
}

.NotificationList-DateSplit {
    position: relative;
    padding: 24px 32px 0;
    display: block;
    font-size: 14px;
    font-weight: 600;
    font-synthesis: style;
    line-height: 2.21429;
    color: #444
}

html[data-ios] .NotificationList-DateSplit {
    font-weight: 500
}

html[data-android] .NotificationList-DateSplit {
    font-weight: 700
}

html[data-theme=dark] .NotificationList-DateSplit {
    color: grey
}

.NotificationList-DateSplit.NotificationList-DateSplit:after {
    content: "";
    position: absolute;
    top: 0;
    left: 32px;
    right: 32px;
    height: 1px;
    background-color: #ebeef5
}

.NotificationList-DateSplit:first-child {
    padding-top: 0
}

.NotificationList-DateSplit:first-child:after {
    display: none
}

.NotificationList-Item {
    position: relative;
    padding: 20px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.NotificationList-Item.NotificationList-Item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 32px;
    right: 32px;
    height: 1px;
    background-color: #ebeef5
}

.NotificationList-Item--unread {
    background-color: #f6f6f6
}

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

.NotificationList-DateSplit+.NotificationList-Item:after,
.NotificationList-Item:first-child:after {
    display: none
}

.NotificationList-Item-header {
    font-size: 13px;
    line-height: 1.23077;
    color: grey
}

html[data-theme=dark] .NotificationList-Item-header {
    color: grey
}

.NotificationList-Item-header .NotificationList-Item-link:hover {
    color: #8590a6
}

html[data-theme=dark] .NotificationList-Item-header .NotificationList-Item-link:hover {
    color: #606a80
}

.NotificationList-Item-content {
    font-size: 14px;
    line-height: 1.42857;
    margin-top: 4px;
    color: #1a1a1a
}

html[data-theme=dark] .NotificationList-Item-content {
    color: #999
}

.NotificationList-Item-content .NotificationList-Item-link {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .NotificationList-Item-content .NotificationList-Item-link {
    font-weight: 500
}

html[data-android] .NotificationList-Item-content .NotificationList-Item-link {
    font-weight: 700
}

.NotificationList-Item-content .NotificationList-Item-link:hover,
html[data-theme=dark] .NotificationList-Item-content .NotificationList-Item-link:hover {
    color: #175199
}

.NotificationList-Item-extendText {
    position: relative;
    margin: 4px 0 6px;
    padding-left: 8px;
    font-size: 14px;
    line-height: 1.43;
    color: #646464
}

html[data-theme=dark] .NotificationList-Item-extendText {
    color: #999
}

.NotificationList-Item-extendText:before {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
    width: 3px;
    background: #999
}

html[data-theme=dark] .NotificationList-Item-extendText:before {
    background: #646464
}

.NotificationList-Item-icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right: 12px;
    margin-top: 3px
}

.NotificationList-Item-link {
    cursor: pointer
}

.NotificationList-Item-verb:after,
.NotificationList-Item-verb:before {
    content: " "
}

.NotificationList {
    background-color: #fff
}

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

.NotificationList-EmptyState {
    color: #d3d3d3;
    text-align: center;
    padding: 120px 0
}

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

.NotificationList-DrainedState {
    border-top: .5px solid #f0f2f7;
    color: #bfbfbf;
    font-size: 16px;
    text-align: center;
    padding: 40px 0 64px
}

html[data-theme=dark] .NotificationList-DrainedState {
    color: #444
}

.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;
    -webkit-box-sizing: border-box;
    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:focus {
    outline: none;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

html[data-focus-visible] .List-item:focus {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(0, 132, 255, .3);
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(0, 132, 255, .3)
}

html[data-theme=dark][data-focus-visible] .List-item:focus {
    -webkit-box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 5px rgba(58, 118, 208, .6);
    box-shadow: 0 0 0 2px #1a1a1a, 0 0 0 5px rgba(58, 118, 208, .6)
}

.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
}

.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
}

.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 1;
    flex: 1 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
}

.Topbar--mobile .Topbar-title button {
    font-weight: 400;
    margin-left: 13px
}

.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
}

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

.ContentItem-title+.ContentItem-meta {
    margin-top: 6px
}

.ContentItem-title a:hover,
html[data-theme=dark] .ContentItem-title a:hover {
    color: #175199
}

.ContentItem-meta {
    font-size: 15px;
    color: #646464
}

html[data-theme=dark] .ContentItem-meta {
    color: #999
}

.ContentItem-meta .ColumnItem-meta,
.ContentItem-meta .TopicItem-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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
}

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

.ContentItem-actions.is-fixed {
    margin: 0;
    -webkit-box-shadow: 0 -1px 3px rgba(26, 26, 26, .1);
    box-shadow: 0 -1px 3px rgba(26, 26, 26, .1)
}

html[data-theme=dark] .ContentItem-actions.is-fixed {
    -webkit-box-shadow: 0 -1px 3px hsla(0, 0%, 60%, .1);
    box-shadow: 0 -1px 3px hsla(0, 0%, 60%, .1)
}

.ContentItem-actions>* {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ContentItem-actions>.AnnotationTag {
    white-space: nowrap
}

.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
}

html[data-theme=dark] .ContentItem-more {
    color: #175199
}

.ContentItem-more:hover,
html[data-theme=dark] .ContentItem-more:hover {
    color: grey
}

.ContentItem-more .Icon {
    fill: currentColor
}

.ContentItem-time {
    margin-top: 10px;
    font-size: 14px;
    color: #8590a6
}

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

.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)
}

.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 1;
    flex: 1 1;
    overflow: hidden;
    margin-right: 6px
}

.ContentItem-extra {
    -ms-flex-item-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
}

.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: grey
}

.ContentItem-rewardTime {
    margin-top: 6px;
    font-size: 15px;
    color: #8590a6;
    line-height: 21px;
    text-align: right
}

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

.Notifications-Layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 1000px;
    padding: 0 16px;
    margin: 10px auto
}

.Notifications-Main {
    margin-right: 10px;
    margin-bottom: 0;
    width: 694px
}

.Notifications-Main>header {
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Notifications-Main>header h1 {
    font-synthesis: style;
    font-size: 19px;
    font-weight: 600;
    color: #1a1a1a;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

html[data-ios] .Notifications-Main>header h1 {
    font-weight: 500
}

html[data-android] .Notifications-Main>header h1 {
    font-weight: 700
}

html[data-theme=dark] .Notifications-Main>header h1 {
    color: #999
}

.Notifications-Main>header .Button {
    font-weight: 600;
    font-synthesis: style
}

html[data-ios] .Notifications-Main>header .Button {
    font-weight: 500
}

html[data-android] .Notifications-Main>header .Button {
    font-weight: 700
}

.Notifications-Section {
    border-top: 1px solid #ebebeb
}

html[data-theme=dark] .Notifications-Section {
    border-top: 1px solid #444
}

.Notifications-Section-header {
    background-color: #fff;
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

html[data-theme=dark] .Notifications-Section-header {
    background-color: #1a1a1a
}

.Notifications-Section-header h2 {
    font-weight: 600;
    font-synthesis: style;
    font-size: 16px;
    color: #1a1a1a;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

html[data-ios] .Notifications-Section-header h2 {
    font-weight: 500
}

html[data-android] .Notifications-Section-header h2 {
    font-weight: 700
}

html[data-theme=dark] .Notifications-Section-header h2 {
    color: #999
}

.Notifications-Section-header--fixed {
    border-bottom: 1px solid #ebebeb
}

html[data-theme=dark] .Notifications-Section-header--fixed {
    border-bottom: 1px solid #444
}

.Notifications-EntryMenu {
    margin-right: -4px
}

.Notifications-MenuItem {
    height: 40px
}

.SignFlowHeader-title {
    font-size: 60px;
    color: #0084ff;
}