button {
    padding:0;
    font:inherit;
    color:inherit;
    cursor:pointer;
    background:none;
    border:none;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
body,button,p,pre {
    margin:0
}
h1,h2,h3 {
    margin:0;
    font:inherit
}
ol,ul {
    padding:0;
    margin:0
}
li {
    list-style-type:none
}
a {
    color:inherit;
    text-decoration:none
}
.Sticky.is-fixed {
    position:fixed;
    z-index:2;
    box-sizing:border-box;
    -webkit-font-smoothing:subpixel-antialiased
}
.Sticky.is-absolute {
    position:absolute;
    top:auto;
    bottom:0;
    z-index:1;
    margin-bottom:0;
    box-sizing:border-box
}
.Sticky.is-absolute.is-bottom {
    top:0;
    bottom:auto;
    margin-top:0
}
.Sticky.Sticky--CSSSticky {
    position:-webkit-sticky;
    position:sticky
}
.Sticky--holder {
    visibility:hidden
}
.Button {
    display:inline-block;
    padding:0 16px;
    font-size:14px;
    line-height:32px;
    color:#8590a6;
    text-align:center;
    cursor:pointer;
    background:none;
    border:1px solid #ccd8e1;
    border-radius:3px
}
.Button::-moz-focus-inner {
    padding:0;
    border:0
}
.Button:focus {
    outline:none
}
.Button:disabled {
    cursor:default;
    opacity:.5
}
.Button:hover {
    background-color:rgba(207,216,230,.1)
}
.Button:hover:disabled {
    background-color:initial
}
.Button--grey:hover {
    color:#abb6c5;
    border:1px solid #abb6c5
}
.Button--grey,.Button--grey:disabled {
    color:#c3ccd9;
    border:1px solid #c3ccd9
}
.Button--blue {
    color:#0f88eb;
    border:1px solid #0f88eb
}
.Button--blue:hover {
    background-color:rgba(13,121,209,.06)
}
.Button--blue:disabled {
    background-color:initial
}
.Button--green {
    color:#11a668;
    border:1px solid #11a668
}
.Button--green:hover {
    background-color:rgba(8,166,100,.06)
}
.Button--green:disabled {
    background-color:initial
}
.Button--primary {
    background:#ccd8e1
}
.Button--primary.Button--blue {
    color:#fff
}
.Button--primary.Button--blue:hover {
    background-color:#0d79d1
}
.Button--primary.Button--blue,.Button--primary.Button--blue:disabled {
    background:#0f88eb
}
.Button--primary.Button--green {
    color:#fff;
    border-color:#12b370
}
.Button--primary.Button--green:hover {
    background-color:#08a369
}
.Button--primary.Button--green,.Button--primary.Button--green:disabled {
    background:#12b370
}
.Button--primary.Button--red {
    color:#fff
}
.Button--primary.Button--red:hover {
    background-color:#ed4e50
}
.Button--primary.Button--red,.Button--primary.Button--red:disabled {
    background:#f75659;
    border-color:#f75659
}
.Button--primary.Button--grey {
    color:#fff
}
.Button--primary.Button--grey:hover {
    background:#abb6c5;
    border:1px solid #abb6c5
}
.Button--primary.Button--grey,.Button--primary.Button--grey:disabled {
    background:#c3ccd9;
    border:1px solid #c3ccd9
}
.Button--spread {
    width:100%
}
.Button-icon {
    margin-right:7px
}
.Button--plain .Button-icon {
    margin-right:6px
}
.Button--blue .Button-icon,.Button--green .Button-icon,.Button--red .Button-icon {
    fill:currentColor
}
.Button--link,.Button--plain {
    height:auto;
    padding:0;
    line-height:inherit;
    background-color:transparent;
    border:none;
    border-radius:0
}
.Button--link:hover,.Button--plain:hover {
    background-color:transparent
}
.Button--link {
    color:#175199
}
.Notification {
    position:fixed;
    top:0;
    left:50%;
    z-index:99;
    padding:16px 20px;
    width:680px;
    -webkit-transform:translate3d(-50%,0,0);
    transform:translate3d(-50%,0,0);
    font-size:14px;
    text-align:center;
    pointer-events:all;
    border-radius:0 0 4px 4px;
    box-shadow:0 1px 3px 0 #afbdcf;
    box-sizing:border-box
}
.Notification-wrapper {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:203;
    overflow:hidden;
    pointer-events:none
}
.Notification-white {
    color:#8798ae;
    background:#fff
}
.Notification-red {
    color:#fff;
    background:#f75659
}
.Notification-red-ghost {
    color:#f75659;
    background:#fff
}
@-webkit-keyframes spring-in {
    0% {
        -webkit-transform:translate3d(-50%,-100%,0);
        transform:translate3d(-50%,-100%,0)
    }
    60% {
        -webkit-transform:translate3d(-50%,-10%,0);
        transform:translate3d(-50%,-10%,0)
    }
    to {
        -webkit-transform:translate3d(-50%,0,0);
        transform:translate3d(-50%,0,0)
    }
}
@keyframes spring-in {
    0% {
        -webkit-transform:translate3d(-50%,-100%,0);
        transform:translate3d(-50%,-100%,0)
    }
    60% {
        -webkit-transform:translate3d(-50%,-10%,0);
        transform:translate3d(-50%,-10%,0)
    }
    to {
        -webkit-transform:translate3d(-50%,0,0);
        transform:translate3d(-50%,0,0)
    }
}
@-webkit-keyframes spring-out {
    0% {
        -webkit-transform:translate3d(-50%,0,0);
        transform:translate3d(-50%,0,0)
    }
    to {
        -webkit-transform:translate3d(-50%,-100%,0);
        transform:translate3d(-50%,-100%,0)
    }
}
@keyframes spring-out {
    0% {
        -webkit-transform:translate3d(-50%,0,0);
        transform:translate3d(-50%,0,0)
    }
    to {
        -webkit-transform:translate3d(-50%,-100%,0);
        transform:translate3d(-50%,-100%,0)
    }
}
.Notification-enter {
    -webkit-animation:spring-in .37s;
    animation:spring-in .37s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.Notification-leave {
    -webkit-animation:spring-out .24s;
    animation:spring-out .24s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.Formula {
    display:inline-block;
    vertical-align:middle;
    background:no-repeat 50%;
    background-size:contain;
    font-size:0
}
.Formula.isEditable {
    cursor:pointer
}
.Formula-image {
    opacity:0;
    visibility:hidden
}
.Formula-placeholder {
    opacity:0
}
.Input-wrapper {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:180px;
    height:34px;
    padding:4px 10px;
    font-size:14px;
    background:#fff;
    border:1px solid #e7eaf1;
    border-radius:3px;
    box-sizing:border-box;
    transition:background .2s,border .2s
}
.Input-wrapper.Input-wrapper--grey {
    background:#f7f8fa
}
.Input-wrapper.Input-wrapper--spread {
    width:100%
}
.Input-wrapper.Input-wrapper--multiline {
    height:inherit
}
.Input-wrapper .DraftEditor-root,.Input-wrapper .Editable-toolbar,.Input-wrapper.Input-wrapper--large {
    height:auto;
    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 #9fadc7
}
.Input {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:0;
    overflow:hidden;
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    background:transparent;
    border:none;
    outline:none;
    resize:none
}
input.Input {
    height:24px
}
.Input:not(input),input.Input {
    line-height:24px
}
.Input:-ms-input-placeholder {
    line-height:normal
}
.Input .public-DraftEditorPlaceholder-root,.Input::-webkit-input-placeholder {
    color:#9fadc7
}
.Input .public-DraftEditorPlaceholder-root,.Input:-ms-input-placeholder {
    color:#9fadc7
}
.Input .public-DraftEditorPlaceholder-root,.Input::placeholder {
    color:#9fadc7
}
.Input--validationError::-webkit-input-placeholder {
    color:#f75659
}
.Input--validationError:-ms-input-placeholder {
    color:#f75659
}
.Input--validationError::placeholder {
    color:#f75659
}
.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)
}
.Icon {
    vertical-align:text-bottom;
    fill:#9fadc7
}
.Icon--left {
    margin-right:6px
}
.ModalButtonGroup--vertical {
    margin-top:40px;
    margin-bottom:16px
}
.ModalButtonGroup--vertical .Button {
    display:block;
    width:220px;
    margin-right:auto;
    margin-left:auto
}
.ModalButtonGroup--vertical .Button+.Button {
    margin-top:28px
}
.Modal-content--buttonGroupOnly .ModalButtonGroup--vertical {
    margin-top:60px
}
.ModalButtonGroup--horizontal {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    margin-top:48px
}
.ModalButtonGroup--horizontal .Button {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.ModalButtonGroup--horizontal .Button:last-child:first-child {
    width:220px;
    margin-right:auto;
    margin-left:auto;
    -webkit-box-flex:initial;
    -ms-flex:initial;
    flex:initial
}
.ModalButtonGroup--horizontal .Button+.Button {
    margin-left:16px
}
.Modal-wrapper {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:203;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow-x:hidden;
    overflow-y:auto;
    transition:opacity .3s ease-out
}
.Modal-wrapper.Modal-enter {
    opacity:.01
}
.Modal-wrapper.Modal-enter-active,.Modal-wrapper.Modal-leave {
    opacity:1
}
.Modal-wrapper.Modal-leave-active {
    opacity:.01
}
.Modal-backdrop {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:0;
    background-color:rgba(0,0,0,.65);
    transition:background-color .3s ease-out
}
.Modal-wrapper--transparent .Modal-backdrop {
    background-color:transparent
}
.Modal {
    position:relative;
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:400px;
    max-height:calc(100vh - 24px * 2);
    margin-right:auto;
    margin-left:auto;
    outline:0;
    box-shadow:0 5px 20px 0 rgba(0,34,77,.5);
    box-sizing:border-box;
    transition:max-height .8s ease
}
.Modal--large {
    width:536px
}
.Modal--fullPage {
    width:688px;
    height:calc(100vh - 24px * 2)
}
.Modal-enter .Modal {
    -webkit-transform:translateY(20px);
    transform:translateY(20px)
}
.Modal-enter-active .Modal {
    transition:opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition:transform .3s ease-out,opacity .3s ease-out;
    transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out
}
.Modal-enter-active .Modal,.Modal-leave .Modal {
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.Modal-leave-active .Modal {
    -webkit-transform:translateY(20px);
    transform:translateY(20px);
    transition:opacity .3s ease-out,-webkit-transform .3s ease-out;
    transition:transform .3s ease-out,opacity .3s ease-out;
    transition:transform .3s ease-out,opacity .3s ease-out,-webkit-transform .3s ease-out
}
.Modal-inner {
    overflow:auto;
    background:#fff;
    border-radius:2px
}
.Modal--fullPage .Modal-inner {
    height:100%
}
.Modal-closeButton {
    position:absolute;
    top:8px;
    right:-60px;
    padding:12px
}
.Modal-closeIcon {
    vertical-align:top;
    fill:#fff
}
.Modal-title {
    margin-top:40px;
    font-size:24px;
    font-weight:500;
    color:#262626;
    text-align:center
}
.Modal-title.Modal-title--simple {
    font-family:inherit;
    font-size:20px
}
.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
}
.Modal-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:0 24px 32px;
    margin-top:24px;
    line-height:1.7;
    opacity:1
}
.Modal--fullPage .Modal-content {
    padding:0
}
.Modal-content.Modal-content--spread {
    height:100%;
    margin-top:0
}
.Modal-content.Modal-content--hidden {
    opacity:0;
    transition:opacity .3s ease-out
}
.Modal-footer {
    padding:16px 24px;
    font-size:13px;
    line-height:1.7;
    color:#9aaabf;
    background:#f7f8fa;
    border-top:1px solid #efeef5
}
.Modal-footer a {
    text-decoration:underline
}
.FormulaModal-form {
    text-align:center
}
.FormulaModal-input {
    margin-bottom:30px
}
.FormulaModal-formula {
    overflow-x:auto
}
.FocusPlugin--unfocused:hover {
    cursor:pointer
}
.FocusPlugin--focused {
    cursor:default;
    border-radius:2px;
    box-shadow:0 0 0 2px #0f88eb
}
.Image {
    max-width:100%
}
.Image--isBlock {
    display:block
}
.Editable-imageUploader {
    position:relative
}
.Editable-imageUploader-image {
    opacity:.3
}
.Editable-imageUploader-placeholder {
    height:192px;
    background-color:#e7eaf1
}
.Editable-imageUploader-status {
    position:absolute;
    left:0;
    top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:100%;
    background-color:hsla(0,0%,100%,.8)
}
.Editable-imageUploader-statusText {
    font-size:28px;
    line-height:40px;
    color:#8597a6
}
.Editable-imageUploader-status.is-error .Editable-imageUploader-statusText {
    color:#f75659
}
.Editable-imageUploader-retry {
    margin-top:4px;
    font-size:16px;
    line-height:32px
}
.Editable-imageUploader-retry .Button {
    font-size:inherit
}
.Editable-imageUploader-retry .Icon {
    fill:currentColor
}
.Embed embed {
    display:block;
    width:100%;
    height:100%
}
.VideoCard {
    position:relative;
    overflow:hidden;
    border:1px solid #e7eaf1;
    border-radius:4px;
    box-shadow:0 1px 3px 0 rgba(0,34,77,.05)
}
.VideoCard-link {
    display:block
}
.VideoCard-layout {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.VideoCard-poster {
    width:120px;
    height:90px;
    background-color:#e7eaf1
}
.VideoCard-poster img {
    display:block;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.VideoCard-video {
    position:relative;
    width:100%
}
.VideoCard-video:before {
    display:block;
    padding-top:56.25%;
    content:""
}
.VideoCard-video-content {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.VideoCard-thumbnail {
    position:relative;
    width:100%;
    height:100%;
    background-color:#e7eaf1
}
.VideoCard-thumbnail img {
    display:block;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.VideoCard-play-button {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:64px;
    height:64px;
    margin:auto;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.VideoCard-play-button .Icon {
    display:block
}
.VideoCard--interactive .VideoCard-video:hover .VideoCard-play-button {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.VideoCard-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding:15px 16px;
    overflow:hidden;
    box-sizing:border-box
}
.VideoCard-title {
    overflow:hidden;
    height:30px;
    font-size:18px;
    line-height:30px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.VideoCard--interactive .VideoCard-link .VideoCard-content:hover .VideoCard-title {
    color:#175199
}
.VideoCard-description {
    height:25px;
    margin-top:5px;
    line-height:25px
}
.VideoCard-source {
    display:inline-block;
    margin-right:10px;
    color:#8590a6
}
.VideoCard-badge {
    display:inline-block;
    padding:0 8px;
    color:#8590a6;
    background-color:#f7f8fa;
    border-radius:3px
}
.VideoCard-player {
    width:100%;
    height:100%;
    background-color:#000
}
.VideoCard-player .Embed,.VideoCard-player iframe {
    display:block;
    width:100%;
    height:100%
}
.VideoCard-overlay {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background-color:#fff
}
.VideoCard-overlay.is-loading {
    opacity:0
}
.VideoCard-mask {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background-color:#000;
    transition:opacity .3s,visibility .3s
}
.VideoCard-mask:not(.is-shown) {
    opacity:0;
    visibility:hidden
}
.VideoCard--mobile .VideoCard-poster {
    width:100px;
    height:75px
}
.VideoCard--mobile .VideoCard-video:hover .VideoCard-play-button {
    -webkit-transform:scale(1);
    transform:scale(1)
}
.VideoCard--mobile .VideoCard-content {
    padding:10px 12px
}
.VideoCard--mobile .VideoCard-title {
    font-size:16px
}
.VideoCard--mobile .VideoCard-description {
    margin-top:0;
    font-size:12px
}
.Editable-video {
    margin:16px 0
}
.LoadingBar {
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:101;
    display:none;
    height:2px;
    pointer-events:none;
    background:#4197ff;
    -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
}
@-webkit-keyframes LoadingBarForward {
    0% {
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    40% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    60% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to {
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
}
@keyframes LoadingBarForward {
    0% {
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    40% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    60% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    to {
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
}
.Editable-videoUploader {
    margin:16px 0
}
.Editable-videoUploader-thumbnail {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    height:100%
}
.Editable-videoUploader-text {
    text-align:center;
    color:#8597a6
}
.Editable-videoUploader-status {
    font-size:28px;
    line-height:40px
}
.Editable-videoUploader-size {
    margin-top:10px;
    font-size:14px;
    line-height:20px
}
.Editable-videoUploader-progress {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    height:4px;
    background-color:rgba(0,0,0,.05)
}
.Editable-videoUploader-progress-bar {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background-color:#0f88eb
}
.Editable-videoUploader-progress-bar.is-error {
    background-color:#f75659
}
.Editable-videoUploader-progress .LoadingBar {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background-color:hsla(0,0%,100%,.3)
}
.VideoErrorCard-thumbnail {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:100%
}
.VideoErrorCard-error {
    font-size:28px;
    line-height:40px;
    text-align:center;
    color:#8597a6
}
.Editable-videoError {
    margin:16px 0
}
.Link+.Link {
    margin-left:2px
}
.Link[data-editable] {
    cursor:text!important
}
.LinkModal-input {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.LinkModal-input+.LinkModal-input {
    margin-top:10px
}
.LinkModal-input .Input {
    margin-left:8px
}
.Popover {
    position:relative;
    display:inline-block
}
.Popover-arrow {
    position:absolute
}
.Popover-arrow,.Popover-arrow:after {
    border:8px solid transparent;
    display:block;
    width:0;
    height:0
}
.Popover-arrow:after {
    position:absolute;
    left:0;
    top:0;
    content:""
}
.Popover-arrow--top {
    border-top-color:#e7eaf1;
    margin-top:7px
}
.Popover-arrow--top,.Popover-arrow--top:after {
    border-bottom-width:0;
    -webkit-transform:translate3d(-50%,-100%,0);
    transform:translate3d(-50%,-100%,0)
}
.Popover-arrow--top:after {
    margin-top:-1px;
    border-top-color:#fff
}
.Popover-arrow--bottom {
    border-bottom-color:#e7eaf1;
    margin-top:-8px
}
.Popover-arrow--bottom,.Popover-arrow--bottom:after {
    border-top-width:0;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.Popover-arrow--bottom:after {
    margin-top:1px;
    border-bottom-color:#fff
}
.Popover-arrow--left {
    border-left-color:#e7eaf1;
    margin-left:7px
}
.Popover-arrow--left,.Popover-arrow--left:after {
    border-right-width:0;
    -webkit-transform:translate3d(-100%,-50%,0);
    transform:translate3d(-100%,-50%,0)
}
.Popover-arrow--left:after {
    margin-left:-1px;
    border-left-color:#fff
}
.Popover-arrow--right {
    border-right-color:#e7eaf1;
    margin-left:-8px
}
.Popover-arrow--right,.Popover-arrow--right:after {
    border-left-width:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.Popover-arrow--right:after {
    margin-left:1px;
    border-right-color:#fff
}
.Popover-content {
    position:absolute;
    background:#fff;
    border:1px solid #e7eaf1;
    border-radius:4px;
    box-shadow:0 5px 20px rgba(0,34,77,.1);
    z-index:203
}
.Popover-content-enter {
    opacity:.01
}
.Popover-content-enter-active {
    transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition:transform .2s ease-out,opacity .2s ease-out;
    transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}
.Popover-content-enter-active,.Popover-content-leave {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.Popover-content-leave-active {
    opacity:.01;
    transition:opacity .2s ease-out,-webkit-transform .2s ease-out;
    transition:transform .2s ease-out,opacity .2s ease-out;
    transition:transform .2s ease-out,opacity .2s ease-out,-webkit-transform .2s ease-out
}
.Popover-content--fixed {
    position:fixed
}
.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)
}
.LinkBubble.Popover-content--top.Popover-content--arrowed {
    margin-top:-10px
}
.LinkBubble.Popover-content--bottom.Popover-content--arrowed {
    margin-top:10px
}
.LinkBubble-content {
    display:block;
    padding:7px 10px 7px 16px
}
.LinkBubble-button,.LinkBubble-previewLink {
    vertical-align:middle
}
.LinkBubble-previewLink {
    display:inline-block;
    margin-right:10px;
    max-width:233px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-decoration:none;
    font-size:14px;
    line-height:1.3;
    border-bottom:1px solid transparent
}
.LinkBubble-previewLink:hover {
    color:#175199;
    border-bottom-color:rgba(62,122,194,.72)
}
.LinkBubble-button {
    padding:0 6px;
    vertical-align:1px
}
.Menu {
    padding:6px 0
}
.Menu-item {
    display:block;
    width:100%;
    padding:0 20px;
    text-align:left;
    cursor:pointer;
    box-sizing:border-box
}
.Menu-item.is-active {
    background:#f4f8fb
}
.Menu-item--noActive {
    cursor:default
}
.Menu-divider {
    margin:8px 0;
    border-bottom:1px solid #ebeef5
}
.AutoComplete-DefaultItem {
    line-height:40px
}
.Avatar {
    background:#fff;
    border-radius:2px
}
.Avatar--medium {
    border-radius:3px
}
.Avatar--large {
    border-radius:4px
}
.Avatar--round {
    border-radius:50%
}
.AutoComplete-UserItem {
    width:188px;
    height:50px;
    padding:9px 0;
    line-height:normal;
    box-sizing:border-box
}
.AutoComplete-UserDetail {
    display:inline-block;
    margin-left:8px;
    vertical-align:middle
}
.AutoComplete-UserHeadline,.AutoComplete-UserName {
    max-width:120px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.AutoComplete-UserName {
    font-size:14px;
    color:#262626
}
.AutoComplete-UserHeadline {
    font-size:12px;
    color:#8590a6
}
.AutoComplete-UserAvatar {
    vertical-align:middle
}
.AutoComplete-menu--hidden {
    visibility:hidden
}
.MentionSuggestions {
    position:absolute;
    z-index:203;
    line-height:1
}
.MentionSuggestions-input {
    width:200px;
    padding:4px 6px;
    font-size:inherit
}
.MentionSuggestions-input .Input {
    height:auto;
    background:transparent
}
.MentionSuggestions-menu {
    width:200px
}
.MentionSuggestions-menu .Menu-item {
    padding:0 10px
}
.Dropzone {
    position:relative
}
.Dropzone-overlay {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    pointer-events:none
}
.Dropzone-overlay-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    color:#9aaabf;
    background-color:hsla(0,0%,100%,.5);
    border:3px dashed currentColor;
    border-radius:6px;
    box-sizing:border-box
}
.Dropzone-overlay-text {
    font-size:24px
}
.Editable-toolbar {
    background:#f7f8fa;
    border-bottom:1px solid #e7eaf1;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.Editable-controls {
    display:inline-block
}
.Editable-controls+.Editable-controls {
    padding-left:12px;
    border-left:1px solid #e7eaf1
}
.Editable-control {
    width:28px;
    height:28px;
    margin-right:12px;
    cursor:pointer;
    box-sizing:border-box
}
.Editable-control .Icon {
    fill:#8590a6
}
.Editable-control:not(:disabled):hover {
    background:#fcfcfc;
    border:1px solid #ebeef5
}
.Editable-control.is-active .Icon {
    fill:#0f88eb
}
.Editable-videoModal {
    display:block
}
.Editable-videoModal-typeButton {
    font-size:20px;
    font-weight:400;
    color:inherit
}
.Editable-videoModal-typeButton.is-active {
    font-weight:500;
    color:#0f88eb
}
.Editable-videoModal-typeDivider {
    display:inline-block;
    height:20px;
    margin:0 40px;
    border-right:1px solid #e7eaf1;
    vertical-align:middle
}
.Editable-videoModal-container,.Editable-videoModal-uploader {
    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;
    height:220px
}
.Editable-videoModal-uploader {
    position:relative;
    box-sizing:border-box;
    border:2px dashed #e7eaf1;
    border-radius:10px;
    cursor:pointer
}
.Editable-videoModal-uploader:hover {
    border-color:#9fadc7
}
.Editable-videoModal-uploader:hover .Icon {
    fill:#9fadc7
}
.Editable-videoModal-uploader input {
    display:none
}
.Editable-videoModal-uploader-icon {
    text-align:center;
    display:block
}
.Editable-videoModal-uploader-icon .Icon {
    vertical-align:middle;
    fill:#e7eaf1
}
.Editable-videoModal-uploader-text {
    margin-top:10px;
    font-size:18px;
    line-height:30px;
    text-align:center
}
.Editable-videoModal-uploader-tip {
    font-size:14px;
    line-height:30px;
    text-align:center;
    color:#8590a6
}
.Editable-languageSuggestions {
    position:fixed;
    z-index:203
}
.Editable-languageSuggestionsInput {
    cursor:pointer
}
.Editable-languageSuggestionsInput input {
    cursor:inherit
}
.Editable-languageSuggestionsInput input:focus {
    cursor:text
}
.Editable-languageSuggestionsMenu {
    max-height:300px;
    margin-top:-8px;
    margin-bottom:-8px;
    overflow-y:auto
}
.RichText {
    word-break:break-word;
    white-space:pre-wrap
}
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) {
    text-decoration:none;
    cursor:pointer;
    border-bottom:1px solid rgba(64,64,64,.72)
}
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link):hover {
    color:#175199;
    border-color:rgba(62,122,194,.72)
}
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link):hover .icon-external {
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#175199" fill-rule="evenodd" d="M16.558 6H14c-.552 0-1-.448-1-1s.448-1 1-1h5c.276 0 .526.112.707.293.18.18.293.43.293.707v5c0 .552-.448 1-1 1s-1-.448-1-1V7.386l-5.03 5.03c-.39.39-1.024.39-1.414 0-.39-.39-.39-1.023 0-1.414L16.558 6zM9 4c.552 0 1 .448 1 1s-.448 1-1 1H6v12h12v-3c0-.552.448-1 1-1s1 .448 1 1v3c0 1.105-.895 2-2 2H6c-1.105 0-2-.895-2-2V6c0-1.105.895-2 2-2h3z"/></svg>')
}
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link)>.ellipsis:after {
    content:"..."
}
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link)>.invisible {
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent
}
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) u {
    border-color:transparent
}
.RichText a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link):not(.UserLink-link) .icon-external {
    width:16px;
    height:16px;
    display:inline-block;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#262626" fill-rule="evenodd" d="M16.558 6H14c-.552 0-1-.448-1-1s.448-1 1-1h5c.276 0 .526.112.707.293.18.18.293.43.293.707v5c0 .552-.448 1-1 1s-1-.448-1-1V7.386l-5.03 5.03c-.39.39-1.024.39-1.414 0-.39-.39-.39-1.023 0-1.414L16.558 6zM9 4c.552 0 1 .448 1 1s-.448 1-1 1H6v12h12v-3c0-.552.448-1 1-1s1 .448 1 1v3c0 1.105-.895 2-2 2H6c-1.105 0-2-.895-2-2V6c0-1.105.895-2 2-2h3z"/></svg>');
    background-size:cover;
    background-position:0 2px
}
.RichText a.member_mention,.RichText a.UserLink-link {
    color:#175199
}
.RichText a.member_mention:hover,.RichText a.UserLink-link:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.RichText u {
    text-decoration:none;
    border-bottom:1px solid rgba(64,64,64,.72)
}
.RichText u a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link) {
    border-color:transparent
}
.RichText b {
    font-weight:700
}
.RichText h1,.RichText h2,.RichText h3,.RichText h4,.RichText h5,.RichText h6 {
    margin-top:1em;
    margin-bottom:1em;
    font-size:18px;
    font-weight:400
}
.RichText p {
    margin-bottom:.72em
}
.RichText .content_image,.RichText .origin_image {
    display:block;
    max-width:100%;
    margin-top:.72em;
    margin-bottom:.72em
}
.RichText .zh-lightbox-thumb {
    cursor:-webkit-zoom-in
}
.RichText blockquote {
    padding-left:1em;
    margin:1em 0;
    color:#6b7a8c;
    border-left:4px solid #cfd8e6
}
.RichText blockquote a:not(.video-box):not(.link-box):not(.member_mention):not(.VideoCard-link) {
    border-color:rgba(107,122,140,.72)
}
.RichText ol,.RichText ul {
    padding-left:2em;
    margin:1em 0
}
.RichText ol li,.RichText ul li {
    list-style-position:outside
}
.RichText ol ol,.RichText ol ul,.RichText ul ol,.RichText ul ul {
    margin:0
}
.RichText ul li {
    list-style-type:disc
}
.RichText ol li {
    list-style-type:decimal
}
.RichText .link-box,.RichText .video-box {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:16px;
    margin-bottom:16px;
    overflow:auto;
    white-space:normal;
    cursor:pointer;
    border:1px solid #e7eaf1;
    border-radius:4px;
    box-shadow:0 1px 3px 0 rgba(0,34,77,.05)
}
.RichText .link-box .thumbnail,.RichText .video-box .thumbnail {
    -ms-flex-negative:0;
    flex-shrink:0;
    width:90px;
    height:90px;
    -o-object-fit:cover;
    object-fit:cover
}
.RichText .link-box .content,.RichText .video-box .content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    padding:10px 16px;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.RichText .link-box .title,.RichText .video-box .title {
    font-size:18px;
    font-weight:400
}
.RichText .link-box .url,.RichText .video-box .url {
    overflow:hidden;
    font-size:15px;
    color:#8798ae;
    text-overflow:ellipsis;
    word-wrap:normal;
    white-space:nowrap
}
.RichText .link-box .label,.RichText .video-box .label {
    display:none
}
.RichText img[eeimg] {
    max-width:100%;
    vertical-align:middle
}
.RichText img[eeimg="1"] {
    display:inline-block;
    margin:0 3px
}
.RichText pre {
    padding-right:1em;
    padding-left:1em;
    margin:1em 0;
    overflow:auto;
    font-family:Menlo,Monaco,Consolas,Andale Mono,lucida console,Courier New,monospace;
    font-size:14px;
    word-wrap:break-word;
    background:#ebeef5;
    border-radius:4px
}
.RichText pre .hll {
    background-color:#ffc
}
.RichText pre .c {
    font-style:italic;
    color:#998
}
.RichText pre .err {
    color:#a61717;
    background-color:#e3d2d2
}
.RichText pre .k,.RichText pre .o {
    font-weight:700
}
.RichText pre .cm {
    font-style:italic;
    color:#998
}
.RichText pre .cp {
    font-weight:700;
    color:#999
}
.RichText pre .c1 {
    font-style:italic;
    color:#998
}
.RichText pre .cs {
    font-style:italic;
    font-weight:700;
    color:#999
}
.RichText pre .gd {
    color:#000;
    background-color:#fdd
}
.RichText pre .ge {
    font-style:italic
}
.RichText pre .gr {
    color:#a00
}
.RichText pre .gh {
    color:#999
}
.RichText pre .gi {
    color:#000;
    background-color:#dfd
}
.RichText pre .go {
    color:#888
}
.RichText pre .gp {
    color:#555
}
.RichText pre .gs {
    font-weight:700
}
.RichText pre .gu {
    color:#aaa
}
.RichText pre .gt {
    color:#a00
}
.RichText pre .kc,.RichText pre .kd,.RichText pre .kn,.RichText pre .kp,.RichText pre .kr {
    font-weight:700
}
.RichText pre .kt {
    font-weight:700;
    color:#458
}
.RichText pre .m {
    color:#099
}
.RichText pre .s {
    color:#d32
}
.RichText pre .na,.RichText pre .nb {
    color:teal
}
.RichText pre .nc {
    font-weight:700;
    color:#458
}
.RichText pre .no {
    color:teal
}
.RichText pre .ni {
    color:purple
}
.RichText pre .ne,.RichText pre .nf {
    font-weight:700;
    color:#900
}
.RichText pre .nn {
    color:#555
}
.RichText pre .nt {
    color:navy
}
.RichText pre .nv {
    color:teal
}
.RichText pre .ow {
    font-weight:700
}
.RichText pre .w {
    color:#bbb
}
.RichText pre .mf,.RichText pre .mh,.RichText pre .mi,.RichText pre .mo {
    color:#099
}
.RichText pre .s2,.RichText pre .sb,.RichText pre .sc,.RichText pre .sd,.RichText pre .se,.RichText pre .sh,.RichText pre .si,.RichText pre .sx {
    color:#d32
}
.RichText pre .sr {
    color:olive
}
.RichText pre .s1,.RichText pre .ss {
    color:#d32
}
.RichText pre .bp {
    color:#999
}
.RichText pre .vc,.RichText pre .vg,.RichText pre .vi {
    color:teal
}
.RichText pre .il {
    color:#099
}
.RichText pre::-webkit-scrollbar {
    width:6px;
    height:6px
}
.RichText pre::-webkit-scrollbar-thumb:horizontal {
    background-color:rgba(0,0,0,.5);
    border-radius:6px
}
.RichText pre::-webkit-scrollbar-thumb:horizontal:hover {
    background-color:rgba(0,0,0,.6)
}
.RichText .katex-display {
    text-align:left
}
body:not(.Body--isAppleDevice) .RichText .link-box title,body:not(.Body--isAppleDevice) .RichText .video-box title,body:not(.Body--isAppleDevice) .RichText b,body:not(.Body--isAppleDevice) .RichText h1,body:not(.Body--isAppleDevice) .RichText h2,body:not(.Body--isAppleDevice) .RichText h3,body:not(.Body--isAppleDevice) .RichText h4,body:not(.Body--isAppleDevice) .RichText h5,body:not(.Body--isAppleDevice) .RichText h6 {
    font-weight:700
}
.Editable-notification-layout {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.Editable-notification-actions,.Editable-notification-layout {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
.Editable-notification-actions {
    margin:0 -12px
}
.Editable-notification-action {
    margin:0 12px
}
.Editable .RichText {
    cursor:text
}
.public-DraftEditorPlaceholder-root {
    position:absolute;
    pointer-events:none
}
.Editable--hidePlaceholder .public-DraftEditorPlaceholder-root {
    display:none
}
.Editable-styled,.Editable-unstyled {
    margin:0 0 .72em
}
.Editable-styled:last-child,.Editable-unstyled:last-child {
    margin-bottom:0
}
.DraftEditor-root blockquote+blockquote {
    margin-top:-1em
}
.DraftEditor-root pre.public-DraftStyleDefault-pre {
    overflow:hidden;
    border-radius:4px
}
.DraftEditor-root pre.public-DraftStyleDefault-pre pre {
    padding:0;
    margin:0;
    border-radius:0
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
    margin-left:2em
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth2 {
    margin-left:4em
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth3 {
    margin-left:6em
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4,.DraftEditor-root .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth4 {
    margin-left:8em
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem {
    position:relative;
    list-style-type:none
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem:before {
    position:absolute;
    left:-36px;
    width:30px;
    text-align:right
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
    counter-reset:ol0
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth0:before {
    content:counter(ol0) ". ";
    counter-increment:ol0
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
    counter-reset:ol1
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
    content:counter(ol1) ". ";
    counter-increment:ol1
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
    counter-reset:ol2
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
    content:counter(ol2) ". ";
    counter-increment:ol2
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
    counter-reset:ol3
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
    content:counter(ol3) ". ";
    counter-increment:ol3
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
    counter-reset:ol4
}
.DraftEditor-root .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
    content:counter(ol4) ". ";
    counter-increment:ol4
}
.public-DraftStyleDefault-block,_:-ms-lang(x) {
    font-size:0
}
.public-DraftStyleDefault-block *,_:-ms-lang(x) * {
    font-size:14px
}
.DraftEditor-root code[class*=language-],.DraftEditor-root pre[class*=language-] {
    color:#000;
    background:none;
    text-shadow:0 1px #fff;
    font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    text-align:left;
    white-space:pre;
    word-spacing:normal;
    word-break:normal;
    word-wrap:normal;
    line-height:1.5;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    -webkit-hyphens:none;
    -ms-hyphens:none;
    hyphens:none
}
.DraftEditor-root code[class*=language-]::-moz-selection,.DraftEditor-root code[class*=language-] ::-moz-selection,.DraftEditor-root pre[class*=language-]::-moz-selection,.DraftEditor-root pre[class*=language-] ::-moz-selection {
    text-shadow:none;
    background:#b3d4fc
}
.DraftEditor-root code[class*=language-]::selection,.DraftEditor-root code[class*=language-] ::selection,.DraftEditor-root pre[class*=language-]::selection,.DraftEditor-root pre[class*=language-] ::selection {
    text-shadow:none;
    background:#b3d4fc
}
@media print {
    .DraftEditor-root code[class*=language-],.DraftEditor-root pre[class*=language-] {
        text-shadow:none
    }
}
.DraftEditor-root pre[class*=language-] {
    padding:1em;
    margin:.5em 0;
    overflow:auto
}
.DraftEditor-root :not(pre)>code[class*=language-],.DraftEditor-root pre[class*=language-] {
    background:#f5f2f0
}
.DraftEditor-root :not(pre)>code[class*=language-] {
    padding:.1em;
    border-radius:.3em;
    white-space:normal
}
.DraftEditor-root .token.cdata,.DraftEditor-root .token.comment,.DraftEditor-root .token.doctype,.DraftEditor-root .token.prolog {
    color:#708090
}
.DraftEditor-root .token.punctuation {
    color:#999
}
.DraftEditor-root .namespace {
    opacity:.7
}
.DraftEditor-root .token.boolean,.DraftEditor-root .token.constant,.DraftEditor-root .token.deleted,.DraftEditor-root .token.number,.DraftEditor-root .token.property,.DraftEditor-root .token.symbol,.DraftEditor-root .token.tag {
    color:#905
}
.DraftEditor-root .token.attr-name,.DraftEditor-root .token.builtin,.DraftEditor-root .token.char,.DraftEditor-root .token.inserted,.DraftEditor-root .token.selector,.DraftEditor-root .token.string {
    color:#690
}
.DraftEditor-root .language-css .token.string,.DraftEditor-root .style .token.string,.DraftEditor-root .token.entity,.DraftEditor-root .token.operator,.DraftEditor-root .token.url {
    color:#a67f59;
    background:hsla(0,0%,100%,.5)
}
.DraftEditor-root .token.atrule,.DraftEditor-root .token.attr-value,.DraftEditor-root .token.keyword {
    color:#07a
}
.DraftEditor-root .token.function {
    color:#dd4a68
}
.DraftEditor-root .token.important,.DraftEditor-root .token.regex,.DraftEditor-root .token.variable {
    color:#e90
}
.DraftEditor-root .token.bold,.DraftEditor-root .token.important {
    font-weight:700
}
.DraftEditor-root .token.italic {
    font-style:italic
}
.DraftEditor-root .token.entity {
    cursor:help
}
.SignFlowInput {
    position:relative
}
.SignFlowInput .Input-wrapper {
    width:100%;
    height:48px;
    padding:0;
    color:#8590a6;
    border:none
}
.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:#f75659;
    text-align:right;
    cursor:text;
    background:#fff;
    opacity:1;
    box-sizing:border-box;
    transition:opacity .25s ease
}
.SignFlowInput-errorMask:before {
    position:absolute;
    top:0;
    left:-16px;
    width:16px;
    height:46px;
    background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
    content:""
}
.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;
    transition:opacity .3s ease
}
.Captcha-chineseContainer {
    position:relative;
    width:100%;
    padding:0 60px;
    margin-top:16px;
    box-sizing:border-box
}
.Captcha-englishContainer {
    position:absolute;
    top:24px;
    right:0;
    display:inline-block;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.Captcha-chineseImg {
    display:block;
    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%;
    margin-top:8px
}
.Captcha-info {
    font-size:14px;
    color:#8590a6
}
.Captcha-error {
    color:#f75659
}
.Captcha-chineseRefreshButton {
    float:right;
    width:14px;
    height:17px
}
.Captcha-errorMessage {
    right:76px
}
.Captcha-requiredErrorMessage {
    right:0
}
.ChineseCaptchaPoint {
    position:absolute
}
.ChineseCaptchaPoint-backIcon {
    fill-opacity:.75
}
.ChineseCaptchaPoint-backIcon--hovered {
    fill-opacity:.8
}
.ChineseCaptchaPoint-frontIcon {
    position:absolute;
    top:4px;
    left:4px
}
.ChineseCaptchaPoint-frontIcon--hovered {
    top:6px;
    left:6px
}
.Select-button {
    height:40px;
    padding:0 20px;
    line-height:38px;
    color:#262626;
    text-align:left;
    box-sizing:border-box
}
.Select-plainButton {
    padding:0;
    border:1px solid transparent
}
.Select-arrow {
    margin-left:8px
}
.Select-list {
    position:relative;
    overflow:auto;
    max-height:500px;
    padding:8px 0;
    border-radius:4px
}
.Select-option {
    display:block;
    width:100%;
    height:40px;
    padding:0 20px;
    line-height:40px;
    text-align:left
}
.Select-option:focus {
    background:#f4f8fb
}
.Select-popoverTarget {
    margin-top:0;
    transition:opacity .2s ease-out
}
.SignFlow-accountInputContainer {
    overflow:hidden
}
.SignFlow-account {
    margin-top:16px;
    border-bottom:1px solid #e7eaf1;
    border-radius:0
}
.SignFlow-supportedCountriesSelectContainer {
    display:inline-block;
    float:left;
    min-width:72px;
    -webkit-transform:translateY(4px);
    transform:translateY(4px)
}
.SignFlow-supportedCountriesList .Select-option,.SignFlow-supportedCountriesSelectContainer .Select-button {
    color:#8590a6
}
.SignFlow-accountSeperator {
    float:left;
    width:1px;
    height:22px;
    margin:24px 12px 0;
    background:#e1e6f0;
    -webkit-transform:translateY(-11px);
    transform:translateY(-11px)
}
.SignFlow-passwordErrorMask {
    z-index:10
}
.SignFlow-passwordInput {
    font-size:24px
}
.SignFlow-passwordInput input {
    letter-spacing:1.8px
}
.SignFlow-requiredPasswordErrorMask {
    right:auto;
    width:80%
}
.SignFlow-password {
    position:relative;
    margin-top:12px
}
.SignFlow-switchPassword {
    position:absolute;
    top:24px;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.SignFlow-switchPasswordIcon:hover {
    fill:#95a1ba
}
.SignFlow-username {
    position:relative;
    margin-top:12px
}
.SignFlowModalHeader {
    padding:24px 0 28px;
    margin:0 -24px;
    background:#0f88eb
}
.SignFlowModalHeader-title {
    font-size:24px;
    color:#fff;
    text-align:center
}
.SignFlowModalHeader-subTitle {
    margin-top:4px;
    font-size:14px;
    color:#fff;
    text-align:center
}
.CountingDownButton {
    color:#175199
}
.CountingDownButton.is-counting {
    color:#8590a6;
    cursor:auto
}
.SignFlow-smsInputContainer {
    position:relative;
    margin-top:12px
}
.SignFlow-smsInputButton {
    position:absolute;
    right:0;
    padding:4px 0;
    color:#175199
}
.SignFlow-smsInputButton,.SignFlow-smsInputErrorMessage {
    top:24px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.SignFlow-smsInputErrorMessage {
    right:130px;
    width:40%;
    height:47px;
    padding:0;
    padding-left:4px;
    margin:0;
    line-height:47px
}
.SignFlow-smsInputRequiredErrorMask {
    right:0;
    padding-left:0
}
.RegisterSMSCodeVerificationDialog {
    position:relative;
    box-shadow:0 -1px 0 0 #ebeef5
}
.RegisterSMSCodeVerificationDialog-header {
    padding-top:23px
}
.RegisterSMSCodeVerificationDialog-title {
    font-size:24px;
    color:#262626;
    text-align:center
}
.RegisterSMSCodeVerificationDialog-subtitle {
    font-size:14px;
    color:#8590a6;
    text-align:center
}
.RegisterSMSCodeVerificationDialog-phoneNo,.SMSInput {
    width:100%;
    height:48px;
    font-size:14px;
    line-height:40px;
    color:#8590a6
}
.RegisterSMSCodeVerificationDialog-phoneNo {
    border-bottom:1px solid #e7eaf1;
    padding:4px 0;
    margin-top:24px;
    box-sizing:border-box
}
.RegisterSMSCodeVerificationDialog-form {
    position:relative
}
.RegisterSMSCodeVerificationDialog-remind {
    position:absolute;
    right:0;
    margin-top:12px;
    color:#8590a6
}
.RegisterSMSCodeVerificationDialog-buttonContainer {
    padding:0 58px;
    text-align:center
}
.RegisterSMSCodeVerificationDialog-enterButton {
    width:100%;
    margin:71px auto 0
}
.RegisterSMSCodeVerificationDialog-backButton {
    position:relative;
    top:28px;
    height:17px
}
.RegisterSMSTypeOptions {
    margin-top:16px
}
.RegisterSMSTypeCut {
    float:right
}
.RegisterSMSTypeCut:hover {
    color:#7a8599
}
.BounceLoading {
    position:relative
}
.BounceLoading .BounceLoading-child {
    position:absolute;
    background-color:#0f88eb;
    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
}
@-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%)
    }
}
.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 .Input-wrapper {
    width:100%;
    height:48px;
    padding:0;
    color:#8590a6;
    border:none;
    border-bottom:1px solid #e7eaf1
}
.SignFlow .SignFlow-accountInput,.SignFlow .SignFlow-smsInput {
    width:auto;
    border-bottom:none
}
.SignFlow-submitButton {
    width:100%;
    margin-top:32px
}
.SignFlow-captchaContainer {
    height:48px;
    margin-top:12px;
    transition:height .3s ease
}
.SignFlow-snackBar {
    font-size:13px;
    color:#8590a6
}
.SignFlow-snackBarLink {
    color:#175199
}
.Login-options {
    margin-top:16px
}
.Login-switchType {
    color:#175199
}
.Login-switchType:hover {
    box-shadow:0 1px 0 0 #175199
}
.Login-cannotLogin {
    float:right
}
.Login-cannotLogin:hover {
    color:#7a8599
}
.Login-footer {
    margin-top:22px;
    text-align:center
}
.Login-aboardPhone,.Login-qrcode {
    display:inline-block;
    color:#8590a6;
    vertical-align:middle
}
.Login-aboardPhone button:hover,.Login-qrcode button:hover {
    color:#7a8599
}
.Login-footerSeparate {
    display:inline-block;
    width:6%;
    color:#8590a6;
    text-align:center;
    box-sizing:border-box
}
.Login-socialLogin {
    display:inline-block;
    vertical-align:middle
}
.Login-socialButtonGroup {
    margin-left:2px;
    transition:opacity .3s ease
}
.Login-socialButtonGroup--hidden {
    display:inline-block;
    width:0;
    height:0;
    overflow:hidden;
    opacity:0
}
.Login-socialButtonGroup--hidden button {
    width:0;
    height:0;
    overflow:hidden
}
.Login-socialButtonEntrance {
    width:103px;
    text-align:left
}
.Login-socialButtonEntrance--hidden {
    width:0;
    height:0;
    overflow:hidden;
    opacity:0
}
.Login-socialButtonEntrance:hover {
    color:#7a8599
}
.Login-socialButton {
    height:24px
}
.Login-socialButton svg {
    vertical-align:middle
}
.Login-socialButton:not(:first-child) {
    margin-left:22px
}
.Login-accountBlockEmphasis {
    color:#f75659
}
.Login-socialIcon:hover {
    fill:#95a1ba
}
.SignInQrcode {
    margin:35px 0 -32px
}
.Qrcode-container {
    text-align:center
}
.Qrcode-container p {
    font-size:14px;
    line-height:22px
}
.Qrcode-container p a {
    color:#175199
}
.Qrcode-container p.Qrcode-scanResultTips {
    margin:12px 0;
    font-size:16px;
    color:#000;
    font-weight:700
}
.Qrcode-content {
    height:210px;
    margin-bottom:30px
}
.Qrcode-failure div {
    padding:40px 0 8px
}
.Qrcode-failure p {
    width:270px;
    margin:0 auto
}
.Qrcode-img {
    margin:0 auto 15px;
    line-height:0;
    height:150px;
    width:150px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.Qrcode-cutButton {
    border-top:1px solid #ebeef5;
    padding:12px 0;
    font-size:14px;
    color:#175199
}
.Qrcode-cutButton span {
    cursor:pointer
}
.Qrcode-scanResultStaus {
    padding-top:36px
}
.SignFlowActive-account {
    width:100%;
    height:48px;
    line-height:48px;
    border-bottom:1px solid #e7eaf1
}
.SignFlowActive-editEmail {
    float:right;
    color:#175199
}
.SignFlowActive-sendDigits,.SignFlowActive-sendEmail {
    display:block;
    width:220px;
    margin:0 auto
}
.SignFlowActive-sendEmail {
    margin-top:48px
}
.SignFlowActive-sendDigits {
    margin-top:55px
}
.SignFlowActive-button {
    display:inline-block;
    border:none
}
.SignFlowActive-options {
    text-align:right;
    margin-top:16px
}
.VerificationDialogModal-cutSmsType:hover {
    color:#7a8599
}
.SignFlowModal {
    width:400px
}
.SignFlowModal-registerFooter {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:17px;
    color:#9aaabf;
    text-align:center
}
.SignFlowModal-registerFooter .Button--plain:hover {
    color:#7a8599
}
.SignFlowModal-switchButton {
    color:#175199
}
.SignFlowModal-switchButton:hover {
    box-shadow:0 1px 0 0 #175199
}
.CornerButtons {
    position:fixed;
    bottom:0;
    right:12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    transition:-webkit-transform .2s ease;
    transition:transform .2s ease;
    transition:transform .2s ease,-webkit-transform .2s ease;
    will-change:transfrom
}
.CornerAnimayedFlex {
    width:40px;
    height:52px;
    transition:height .2s ease
}
.CornerAnimayedFlex--hidden {
    height:0
}
.CornerButton {
    background:#fff;
    border-radius:4px;
    width:40px;
    height:40px;
    box-shadow:0 1px 3px rgba(0,0,0,.1)
}
.CornerButton:hover {
    background:#d5dbe7
}
.CornerButton .Icon {
    fill:#9aaabf
}
.CornerButton .Icon:hover {
    fill:#8d9eb3
}
html:not([data-focus-method=pointer]) .Button:focus {
    /*box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(38,148,237,.3)*/
}
.Tooltip {
    position:absolute;
    width:0;
    height:0
}
.Tooltip-enter,.Tooltip-leave {
    transition:opacity .3s
}
.Tooltip-enter {
    opacity:0
}
.Tooltip-enter-active,.Tooltip-leave {
    opacity:1
}
.Tooltip-leave-active {
    opacity:0
}
.TooltipContent-wrapper {
    position:relative;
    width:0;
    height:0
}
.TooltipContent {
    position:absolute;
    top:0;
    left:0;
    padding:6px 8px;
    color:#fff;
    white-space:nowrap;
    background-color:rgba(0,0,0,.8);
    border-radius:4px;
    font-size:13px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.TooltipContent--top {
    -webkit-transform:translate(-50%,-100%) translateY(-8px);
    transform:translate(-50%,-100%) translateY(-8px)
}
.TooltipContent--bottom {
    -webkit-transform:translate(-50%) translateY(8px);
    transform:translate(-50%) translateY(8px)
}
.TooltipContent--left {
    -webkit-transform:translate(-100%,-50%) translateX(-8px);
    transform:translate(-100%,-50%) translateX(-8px)
}
.TooltipContent--right {
    -webkit-transform:translateY(-50%) translateX(8px);
    transform:translateY(-50%) translateX(8px)
}
.TooltipContent:before {
    position:absolute;
    z-index:-1;
    border-color:rgba(0,0,0,.8) transparent transparent rgba(0,0,0,.8);
    border-style:solid;
    border-width:4px;
    content:"";
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
.TooltipContent--top:before {
    top:100%;
    left:50%;
    -webkit-transform:translate(-50%,-50%) rotate(-135deg);
    transform:translate(-50%,-50%) rotate(-135deg)
}
.TooltipContent--bottom:before {
    top:0;
    left:50%
}
.TooltipContent--left:before {
    top:50%;
    left:100%;
    -webkit-transform:translate(-50%,-50%) rotate(135deg);
    transform:translate(-50%,-50%) rotate(135deg)
}
.TooltipContent--right:before {
    top:50%;
    left:0;
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
.TooltipContent a {
    color:inherit;
    text-decoration:underline
}
.GlobalTooltip {
    position:fixed;
    z-index:9999
}
.MobileModal-wrapper {
    position:relative
}
.MobileModal-wrapper--absoluted {
    position:absolute;
    top:0;
    max-height:100vh;
    overflow:hidden;
    z-index:-1
}
.MobileModal {
    background:#fff
}
.MobileModal-content--default {
    padding-top:50px;
    padding-bottom:60px;
    min-height:100vh;
    box-sizing:border-box
}
.MobileModal-closeButton {
    position:fixed;
    top:0;
    right:0;
    padding:16px 20px;
    z-index:100
}
.MobileModal-closeIcon {
    fill:#262626;
    display:block
}
.MobileModal-title {
    font-weight:700
}
.MobileModal-title--default {
    position:fixed;
    top:0;
    width:100%;
    padding:0 16px;
    border-bottom:1px solid #e7eaf1;
    box-sizing:border-box;
    box-shadow:0 1px 3px rgba(0,37,55,.05);
    margin:0;
    font-size:16px;
    line-height:49px;
    background:#fff;
    z-index:99
}
.MobileModal-backdrop {
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:100;
    background:rgba(0,0,0,.65)
}
.MobileModal--plain {
    position:fixed;
    top:50%;
    right:0;
    left:0;
    z-index:100;
    margin:auto;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:87.2%;
    box-shadow:0 5px 20px 0 rgba(0,34,77,.5);
    border-radius:2px;
    overflow:hidden
}
.MobileModal--plain .MobileModal-closeIcon {
    fill:#8590a6
}
.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
}
.VerificationDialogModalHeader {
    text-align:center
}
.VerificationDialogModalHeader-title {
    margin-top:40px;
    font-size:24px;
    color:#1e1e1e;
    margin-bottom:0;
    padding:0
}
.VerificationDialogModalHeader-subTitle {
    margin:2px auto 24px;
    font-size:14px;
    color:#8590a6;
    max-width:240px
}
.VerificationDialogModalHeader-subTitle:first-child:last-child {
    margin-bottom:16px;
    max-width:none;
    text-align:left
}
.VerificationDialogModal-select {
    height:48px;
    background:#fff;
    border:none;
    border-bottom:1px solid #ebeef5;
    width:100%;
    color:#404040
}
.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 #ebeef5!important
}
.VerificationDialogModal-checkout {
    text-align:center
}
.VerificationDialogModal-button {
    color:#fff;
    background:#0f88eb;
    width:220px;
    height:36px;
    border:1px solid #0f88eb;
    margin-top:45px;
    font-size:14px;
    border-radius:3px
}
.VerificationDialogModal-button:hover {
    background:#0f88eb
}
.VerificationDialogModal-button:hover:disabled {
    background-color:#0f88eb
}
.VerificationDialogModal-tips {
    background:#f8f9fa;
    box-shadow:0 -1px 0 0 #ebeef5;
    margin:30px -24px -32px;
    padding:16px;
    font-size:13px;
    line-height:21px;
    color:#7a8596
}
.VerificationDialogModal-blue {
    color:#3e7ac2
}
.Popover-targetContainer-verification {
    width:376px
}
.VerificationDialogModal-options {
    margin-top:16px;
    text-align:right
}
.VerificationDialogModal-cutSmsType:hover {
    color:#7a8599
}
.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:#9aaabf
}
.VerificationDialogMobileModal-HelpText {
    font-size:13px;
    color:#8590a6;
    margin-top:16px
}
.VerificationDialogModal-oneSelection {
    font-size:14px
}
.StaticCacheBanner {
    position:relative;
    z-index:100;
    padding:16px 10px;
    line-height:28px;
    color:#8590a6;
    text-align:center;
    background-color:#e7eaf1
}
.StaticCacheBanner a {
    color:#175199;
    transition:border-bottom .2s ease-in
}
.StaticCacheBanner a:hover {
    border-bottom:1px solid rgba(23,81,153,.72)
}
.PlaceHolder-inner {
    position:relative;
    overflow:hidden;
    background:#f6f7f9
}
.PlaceHolder-mask {
    position:relative;
    min-width:100%;
    vertical-align:top;
    box-sizing:border-box
}
.PlaceHolder-bg {
    position:absolute;
    width:200%;
    height:100%;
    background:linear-gradient(90deg,#f6f7f9 0,#e9ebee 20%,#f6f7f9 40%,#f6f7f9);
    -webkit-animation:linear-double 1s linear 1ms infinite forwards;
    animation:linear-double 1s linear 1ms infinite forwards
}
@-webkit-keyframes linear-double {
    0% {
        -webkit-transform:translateX(-56%);
        transform:translateX(-56%)
    }
    to {
        -webkit-transform:translateX(56%);
        transform:translateX(56%)
    }
}
@keyframes linear-double {
    0% {
        -webkit-transform:translateX(-56%);
        transform:translateX(-56%)
    }
    to {
        -webkit-transform:translateX(56%);
        transform:translateX(56%)
    }
}
.InfiLoader--bounceShown {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    min-height:100px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.Pagination {
    padding:16px 20px;
    text-align:center;
    margin:0 auto
}
.PaginationButton {
    color:#262626;
    transition:color .2s;
    padding:0 15px
}
.PaginationButton:not(:disabled):hover {
    color:#175199
}
.PaginationButton--current {
    color:#8590a6
}
.MaxLength {
    font-size:14px;
    color:#8590a6
}
.MaxLength.is-error {
    color:#f75659
}
.Holder {
    height:14px;
    margin-bottom:16px;
    background:#f7f8fa;
    border-radius:2px
}
.Holder:last-child {
    margin-bottom:0
}
.Holder--avatar,.Holder--button,.Holder--icon,.Holder--inline {
    display:inline-block;
    margin-bottom:0;
    vertical-align:bottom
}
.Holder--title {
    height:18px
}
.Holder--icon {
    width:14px;
    margin-right:8px;
    border-radius:999px
}
.Holder--button {
    width:96px;
    height:34px;
    border-radius:3px
}
.Holder--button+.Holder--button {
    margin-left:16px
}
.Holder--avatar {
    width:24px;
    height:24px
}
.Favlists-items {
    max-height:335px;
    min-height:140px;
    margin-bottom:40px;
    overflow-x:hidden;
    overflow-y:auto
}
.Favlists-item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:8px 0;
    border-bottom:1px solid #e7eaf1
}
.Favlists-itemInner {
    overflow:hidden;
    margin-right:20px
}
.Favlists-itemName {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    text-overflow:ellipsis
}
.Favlists-itemNameText {
    overflow:hidden;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap
}
.Favlists-itemIcon {
    margin-left:6px
}
.Favlists-itemIcon .Icon {
    vertical-align:baseline
}
.Favlists-itemContent {
    font-size:14px;
    color:#8590a6;
    margin-top:4px
}
.Favlists-updateButton {
    width:76px
}
.Favlists-actions {
    padding:16px 20px
}
.Favlists-actions,.Favlists-mobileActions {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    box-sizing:border-box
}
.Favlists-mobileActions {
    position:fixed;
    bottom:0;
    width:100%;
    padding:12px 20px;
    border-top:1px solid #ebeef5;
    background:#fff
}
.Favlists-mobileActions .Favlists-addButton:last-child:first-child {
    width:100%
}
.Favlists-mobileActions .Button {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.Favlists-mobileActions .Button:first-child:not(:last-child) {
    margin-right:8px
}
.Favlist-empty {
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.Favlist-emptyContent {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%
}
.Favlist-emptyTip {
    margin-top:30px;
    font-size:15px;
    color:#9aaabf
}
.Favlists-addButton {
    width:220px
}
.Favlists-addItem {
    margin-bottom:8px
}
.Favlists-descritionInput,.Favlists-titleInput {
    width:100%;
    height:auto;
    padding:8px 12px
}
.Favlists-privacyOption {
    display:block;
    margin-bottom:6px;
    overflow:auto;
    font-size:14px
}
.Favlists-privacyOptionTips {
    margin-left:4px;
    color:#8590a6
}
.Favlists-privacyOptionRadio {
    display:inline-block;
    width:14px;
    height:14px;
    padding:2px;
    margin:0 4px 0 0;
    vertical-align:middle;
    border:2px solid #e7eaf1;
    border-radius:50%;
    transition:background-color,border-color .3s;
    background-clip:content-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.Favlists-privacyOptionRadio:checked {
    background-color:#0f88eb;
    border-color:#0f88eb
}
.Favlists-privacyOptionRadio:focus {
    outline:none
}
.Favlists-inputTips {
    padding-top:8px;
    text-align:right
}
.Favlists-favButton {
    width:72px
}
.EmptyState {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:100%
}
.EmptyState-inner {
    font-size:15px;
    color:#8590a6;
    text-align:center
}
.EmptyState-image {
    display:block;
    margin:0 auto
}
.EmptyState-action:not(.Button) {
    color:#175199
}
.EmptyState-action:not(.Button):hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.EmptyState-action.Button:hover {
    color:#7a8599
}
.EmptyState-action.Button:hover .Icon {
    fill:#95a1ba
}
.OpenInAppButton {
    position:fixed;
    top:auto;
    bottom:0;
    left:50%;
    z-index:100;
    width:105px;
    font-size:15px;
    font-weight:500;
    line-height:36px;
    color:#fff;
    text-align:center;
    background:#0084ff;
    border-radius:18px;
    -webkit-transform:translate(-50%,200%);
    transform:translate(-50%,200%);
    box-shadow:0 2px 5px rgba(0,0,0,.25);
    transition:-webkit-transform .3s .3s;
    transition:transform .3s .3s;
    transition:transform .3s .3s,-webkit-transform .3s .3s
}
.OpenInAppButton.is-shown {
    -webkit-transform:translate(-50%,-25px);
    transform:translate(-50%,-25px)
}
.CommentEditor .RichText {
    min-height:auto!important
}
.CommentEditor--normal {
    position:relative;
    transition:padding-right .3s ease
}
.CommentEditor--normal .CommentEditor-input {
    overflow:hidden;
    width:100%
}
.CommentEditor--normal .Editable-unstyled {
    margin:0!important
}
.CommentEditor--normal.CommentEditor--active {
    padding-right:94px
}
.CommentEditor--normal.CommentEditor--active .CommentEditor-singleButton {
    -webkit-transform:scale(1);
    transform:scale(1)
}
.CommentEditor--inCommentItem .CommentEditor-actions {
    margin-top:16px;
    text-align:right
}
.CommentEditor--inCommentItem .CommentEditor-actions .Button {
    line-height:34px
}
.CommentEditor--inCommentItem .CommentEditor-actions .Button+.Button {
    margin-left:20px
}
.CommentEditor-singleButton {
    position:absolute;
    right:16px;
    bottom:12px;
    line-height:34px!important;
    -webkit-transform:scale(0);
    transform:scale(0);
    transition:opacity .3s ease,-webkit-transform .3s ease;
    transition:opacity .3s ease,transform .3s ease;
    transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease
}
.CommentEditor-singleButton:disabled {
    cursor:not-allowed
}
.CommentEditor-input .Editable {
    background:#f7f8fa
}
.CommentEditor-input .Editable--focus {
    background:#fff
}
.CommentEditor-input .Dropzone {
    min-height:auto!important
}
.CommentEditor-input .DraftEditor-root {
    padding:5px 12px!important
}
.CommentEditor-startCommentButton {
    width:100%
}
.CommentEditor-hiddenInput {
    position:absolute;
    z-index:-1;
    top:-9999px
}
.CommentEditor-input--mobile {
    min-height:208px
}
.CommentEditor-input--mobile,.CommentEditor-input--mobile.is-focus {
    border:none
}
.CommentEditor-input--mobile .Editable {
    background:#fff
}
.CommentEditor-modalButtons {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:8px 20px;
    border-top:1px solid #e7eaf1;
    border-bottom:1px solid #e7eaf1
}
.CommentEditor-modalButtons .Button {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.CommentEditor-modalButtons .Button+.Button {
    margin-left:16px
}
.ReportMenu-inner {
    min-height:192px;
    margin-bottom:30px;
    font-size:14px;
    line-height:1.75
}
.ReportMenu-item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:12px 0;
    text-align:left;
    cursor:pointer;
    border-bottom:1px solid #f0f2f7;
    outline:none
}
.ReportMenu-itemValue {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.ReportMenu-itemCheck {
    position:absolute;
    width:0;
    height:0;
    opacity:0
}
.ReportMenu-itemCheck:checked+.ReportMenu-itemCheckIcon {
    opacity:1
}
.ReportMenu-itemCheckIcon {
    fill:#0f88eb;
    opacity:0;
    transition:opacity .2s
}
.ReportMenu-paragraph {
    white-space:pre-wrap;
    list-style:none
}
.ReportMenu-paragraph--light {
    margin-top:1em;
    color:#8590a6
}
.ReportMenu-check {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.ReportMenu-textarea {
    width:100%
}
.ReportMenu-link {
    color:#175199
}
.ReportMenu-link--light,.ReportMenu-link:hover {
    text-decoration:underline
}
.ReportMenu-errorText {
    width:100%;
    margin-top:16px;
    color:red;
    font-size:15px;
    text-align:right
}
.VagueImage {
    position:relative;
    display:inline-block;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#f7f8fa
}
.VagueImage-canvas {
    position:absolute;
    top:50%;
    left:50%;
    z-index:1;
    opacity:1;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0);
    transition:opacity .3s ease-in
}
.VagueImage-canvas.is-active {
    opacity:0
}
.VagueImage-innerLarge {
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0)
}
.NumberBoard {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center
}
.NumberBoard-item {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.NumberBoard-name {
    font-size:14px;
    line-height:20px;
    color:#8590a6
}
.NumberBoard-value {
    margin-top:4px;
    font-size:18px;
    font-weight:500;
    line-height:24px;
    color:#262626
}
.NumberBoard-item.Button:hover .NumberBoard-name,.NumberBoard-item.Button:hover .NumberBoard-value {
    color:#175199
}
.NumberBoard-divider {
    -ms-flex-item-align:stretch;
    -ms-grid-row-align:stretch;
    align-self:stretch;
    border-right:1px solid #f0f2f7
}
.HoverCard {
    padding:0 12px 16px;
    font-size:14px;
    opacity:1;
    transition:opacity .3s ease;
    box-shadow:0 5px 20px rgba(0,34,77,.1)
}
.HoverCard--isLoading {
    opacity:0
}
.HoverCard,.HoverCard-loading {
    box-shadow:0 5px 20px rgba(0,34,77,.1);
    background:#fff;
    border-radius:2px
}
.HoverCard-container {
    width:360px;
    max-height:600px
}
.HoverCard-loading {
    position:absolute;
    width:120px;
    height:80px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:auto
}
.HoverCard-loading--reversed {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.HoverCard-container--large {
    width:400px
}
.HoverCard-titleContainer {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:8px 0;
    border-bottom:1px solid #f0f2f7;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.HoverCard-avatar {
    position:absolute;
    top:-20px;
    border:2px solid #fff
}
.HoverCard-titleText {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    min-height:42px;
    padding-bottom:2px;
    margin-left:84px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.HoverCard-coverContainer {
    height:100px;
    margin:0 -12px;
    overflow:hidden;
    border-radius:2px 2px 0 0
}
.HoverCard-cover {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.HoverCard-subtitle,.HoverCard-title {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.HoverCard-title {
    font-size:16px;
    font-weight:500
}
.HoverCard-subtitle {
    margin-top:4px;
    font-weight:400
}
.HoverCard-numberBoard {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.HoverCard-buttons {
    margin-top:16px
}
.HoverCard-buttons .Button {
    width:144px
}
.HoverCard-numberGroup {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.HoverCard-boardKey {
    line-height:1.7;
    color:#8590a6
}
.HoverCard-boardNumber {
    margin-top:4px;
    font-size:18px;
    font-weight:500;
    line-height:1.4;
    color:#262626
}
.HoverCard-item {
    padding:8px 0;
    line-height:1.75;
    border-bottom:1px solid #f0f2f7
}
.HoverCard-item:last-child {
    padding:8px 16px;
    text-align:center;
    border:0
}
.HoverCard-item .Icon {
    margin-right:8px
}
.HoverCard-description {
    display:block;
    display:-webkit-box;
    max-height:73.5px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.HoverCard-attrInfo {
    margin-left:10px;
    color:#8590a6;
    white-space:nowrap
}
.HoverCard-attrInfo .Icon {
    margin-right:8px
}
.HoverCard-separate {
    color:#f7eaf1
}
.HoverCard-popoverTarget {
    border-width:0;
    background:transparent;
    box-shadow:none
}
.HoverCard-titleContainer--noAvatar {
    margin-top:20px
}
.FollowButton {
    width:120px
}
.FollowButton-icon {
    margin-right:8px;
    fill:currentColor
}
.ModifyButton {
    font-size:15px
}
.ModifyButton-icon {
    margin-right:4px;
    fill:currentColor
}
.Messages-menu {
    width:360px;
    padding:0;
    overflow:hidden
}
.Messages-newItem {
    background:#f4f8fb
}
.Messages-header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-bottom:1px solid #ebeef5
}
.Messages-tab {
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:48px;
    font-size:14px;
    color:#8590a6;
    cursor:pointer
}
.Messages-currentTab {
    color:#262626
}
.Messages-myMessageTab {
    width:360px;
    color:#262626
}
.Messages-tab:not(:last-child):after {
    position:absolute;
    left:180px;
    width:1px;
    height:20px;
    margin:auto;
    background:#ebeef5;
    content:""
}
.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:#262626
}
.Messages-item:hover {
    background-color:#f7f8fa
}
.Messages-item .Avatar {
    display:block
}
.Messages-user {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-left:16px;
    overflow:hidden
}
.Messages-userName {
    font-size:15px
}
.Messages-itemContent {
    height:20px;
    overflow:hidden;
    line-height:20px;
    color:#8590a6;
    text-overflow:ellipsis;
    white-space:nowrap
}
.Messages-newDialog {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-height:274px
}
.Messages-footer {
    height:40px;
    padding:0 16px;
    line-height:40px;
    background:#fff;
    border-top:1px solid #ebeef5;
    box-sizing:border-box
}
.Messages-footer,.Messages-receiver {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.Messages-receiver {
    height:36px;
    margin-top:8px;
    line-height:36px
}
.Messages-receiverInfo {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:36px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:700;
    line-height:36px
}
.Messages-receiverAutoComplete {
    position:relative;
    margin-top:8px
}
.Messages-records {
    color:#1d6eb5
}
.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
}
.Messages-warning {
    height:23px;
    margin:4px auto 0;
    font-size:14px;
    color:#f75659;
    opacity:0;
    transition:opacity .2s
}
.Messages-warning.is-shown {
    opacity:1
}
.Messages-input {
    width:352px
}
.Messages-icon {
    cursor:pointer
}
.Messages-icon:hover .Icon {
    fill:#95a1ba
}
.Messages-count {
    position:absolute;
    bottom:50%;
    left:50%;
    padding:0 4px;
    font-size:11px;
    color:#fff;
    background-color:#f75659;
    border:2px solid #fff;
    border-radius:20px
}
.Messages-menu {
    z-index:205
}
.Messages-searchIcon {
    position:absolute;
    top:50%;
    right:10px;
    width:16px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.MemberButtonGroup .Button+.Button {
    margin-left:16px
}
.MemberButtonGroup-prohibitIcon {
    fill:currentColor;
    margin-right:4px
}
.FollowStatus {
    display:inline-block;
    padding:1px 6px;
    margin-left:8px;
    font-size:12px;
    color:#8590a6;
    vertical-align:1px;
    background-color:#f7f8fa;
    border-radius:3px
}
.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:#e7eaf1
}
.UserHoverCard-mutuals {
    color:#8590a6
}
.UserHoverCard-orgBadge {
    margin-left:6px;
    vertical-align:2px
}
.UserLink-badge {
    margin-left:.3em
}
.GifPlayer {
    position:relative;
    display:inline-block;
    overflow:hidden;
    line-height:0;
    cursor:pointer
}
.GifPlayer:after {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-30px;
    margin-top:-30px;
    content:"";
    width:60px;
    height:60px;
    pointer-events:none;
    -webkit-transform:scale(1);
    transform:scale(1);
    background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNjBweCcgaGVpZ2h0PSc2MHB4JyB2aWV3Qm94PScwIDAgNjAgNjAnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4gICAgPGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+ICAgICAgICA8ZWxsaXBzZSBmaWxsPScjMDAwMDAwJyBvcGFjaXR5PScwLjQ1JyBjeD0nMzAnIGN5PSczMCcgcng9JzMwJyByeT0nMzAnPjwvZWxsaXBzZT4gICAgICAgIDxlbGxpcHNlIHN0cm9rZT0nI0ZGRkZGRicgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS1kYXNoYXJyYXk9JzQsMSw0JyBjeD0nMzAnIGN5PSczMCcgcng9JzI2JyByeT0nMjYnPjwvZWxsaXBzZT4gICAgPHN2ZyB4PSIxNiIgeT0iMTguNSIgPiAgICA8ZyBpZD0iZ2lmLWxvZ28iIGZpbGw9IiNmZmZmZmYiPiAgICAgICAgPHBhdGggeD0nMTAwJyB5PScxMDAnIGQ9Ik0xMi44NDIyODUyLDEyLjk4MTQ0NTMgTDEyLjg0MjI4NTIsMTEuMzk5NDE0MSBMNy42MzkxNjAxNiwxMS4zOTk0MTQxIEw3LjYzOTE2MDE2LDEzLjA1MTc1NzggTDEwLjkwODY5MTQsMTMuMDUxNzU3OCBMMTAuOTA4NjkxNCwxMy4zMjQyMTg4IEMxMC44OTExMTMzLDE1LjIwNTA3ODEgOS40NjcyODUxNiwxNi40NzA3MDMxIDcuMzkzMDY2NDEsMTYuNDcwNzAzMSBDNS4wMTEyMzA0NywxNi40NzA3MDMxIDMuNTE3MDg5ODQsMTQuNjI1IDMuNTE3MDg5ODQsMTEuNjM2NzE4OCBDMy41MTcwODk4NCw4LjcwMTE3MTg4IDUuMDAyNDQxNDEsNi44NDY2Nzk2OSA3LjM0OTEyMTA5LDYuODQ2Njc5NjkgQzkuMDgwNTY2NDEsNi44NDY2Nzk2OSAxMC4yODQ2NjgsNy42ODE2NDA2MiAxMC43NzY4NTU1LDkuMjEwOTM3NSBMMTIuNzU0Mzk0NSw5LjIxMDkzNzUgQzEyLjMyMzczMDUsNi42NDQ1MzEyNSAxMC4yMzE5MzM2LDUuMDA5NzY1NjIgNy4zNDkxMjEwOSw1LjAwOTc2NTYyIEMzLjc5ODMzOTg0LDUuMDA5NzY1NjIgMS41MDQzOTQ1Myw3LjYxMTMyODEyIDEuNTA0Mzk0NTMsMTEuNjU0Mjk2OSBDMS41MDQzOTQ1MywxNS43NSAzLjc3MTk3MjY2LDE4LjMwNzYxNzIgNy4zNjY2OTkyMiwxOC4zMDc2MTcyIEMxMC42ODg5NjQ4LDE4LjMwNzYxNzIgMTIuODQyMjg1MiwxNi4yMjQ2MDk0IDEyLjg0MjI4NTIsMTIuOTgxNDQ1MyBaIE0xNy41MTgwNjY0LDE4IEwxNy41MTgwNjY0LDUuMzE3MzgyODEgTDE1LjU0OTMxNjQsNS4zMTczODI4MSBMMTUuNTQ5MzE2NCwxOCBMMTcuNTE4MDY2NCwxOCBaIE0yMi42NTk2NjgsMTggTDIyLjY1OTY2OCwxMi43NDQxNDA2IEwyOC4xMDg4ODY3LDEyLjc0NDE0MDYgTDI4LjEwODg4NjcsMTEuMDAzOTA2MiBMMjIuNjU5NjY4LDExLjAwMzkwNjIgTDIyLjY1OTY2OCw3LjExMDM1MTU2IEwyOC42MDk4NjMzLDcuMTEwMzUxNTYgTDI4LjYwOTg2MzMsNS4zMTczODI4MSBMMjAuNjkwOTE4LDUuMzE3MzgyODEgTDIwLjY5MDkxOCwxOCBMMjIuNjU5NjY4LDE4IFoiIGlkPSJHSUYiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+ICAgIDwvZz48L3N2Zz4=) no-repeat
}
.GifPlayer.is-playing:after {
    transition-duration:.3s;
    transition-timing-function:ease-out;
    -webkit-transform:scale(.3);
    transform:scale(.3);
    opacity:0
}
.GifPlayer.is-loading:after {
    background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNjBweCcgaGVpZ2h0PSc2MHB4JyB2aWV3Qm94PScwIDAgNjAgNjAnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4gICAgPGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+ICAgICAgICA8ZWxsaXBzZSBmaWxsPScjMDAwMDAwJyBvcGFjaXR5PScwLjQ1JyBjeD0nMzAnIGN5PSczMCcgcng9JzMwJyByeT0nMzAnPjwvZWxsaXBzZT4gICAgICAgIDxlbGxpcHNlIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIG9wYWNpdHk9IjAuNSIgY3g9IjMwIiBjeT0iMzAiIHJ4PSIyNiIgcnk9IjI2Ij48L2VsbGlwc2U+ICAgICAgICA8ZWxsaXBzZSBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBzdHJva2UtZGFzaGFycmF5PSc0LDEsNCcgY3g9JzMwJyBjeT0nMzAnIHJ4PScyNicgcnk9JzI2Jz4gICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDMwIDMwIiB0bz0iOTAgMzAgMzAiIGR1cj0iMC4zcyIvPiAgICAgICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIwIiBkdXI9IjAuMyIgZmlsbD0iZnJlZXplIi8+ICAgICAgICA8L2VsbGlwc2U+ICAgIDwvZz4gICAgPHN2ZyB4PSIxNiIgeT0iMTguNSIgPiAgICA8ZyBpZD0iZ2lmLWxvZ28iIGZpbGw9IiNmZmZmZmYiPiAgICAgICAgPHBhdGggeD0nMTAwJyB5PScxMDAnIGQ9Ik0xMi44NDIyODUyLDEyLjk4MTQ0NTMgTDEyLjg0MjI4NTIsMTEuMzk5NDE0MSBMNy42MzkxNjAxNiwxMS4zOTk0MTQxIEw3LjYzOTE2MDE2LDEzLjA1MTc1NzggTDEwLjkwODY5MTQsMTMuMDUxNzU3OCBMMTAuOTA4NjkxNCwxMy4zMjQyMTg4IEMxMC44OTExMTMzLDE1LjIwNTA3ODEgOS40NjcyODUxNiwxNi40NzA3MDMxIDcuMzkzMDY2NDEsMTYuNDcwNzAzMSBDNS4wMTEyMzA0NywxNi40NzA3MDMxIDMuNTE3MDg5ODQsMTQuNjI1IDMuNTE3MDg5ODQsMTEuNjM2NzE4OCBDMy41MTcwODk4NCw4LjcwMTE3MTg4IDUuMDAyNDQxNDEsNi44NDY2Nzk2OSA3LjM0OTEyMTA5LDYuODQ2Njc5NjkgQzkuMDgwNTY2NDEsNi44NDY2Nzk2OSAxMC4yODQ2NjgsNy42ODE2NDA2MiAxMC43NzY4NTU1LDkuMjEwOTM3NSBMMTIuNzU0Mzk0NSw5LjIxMDkzNzUgQzEyLjMyMzczMDUsNi42NDQ1MzEyNSAxMC4yMzE5MzM2LDUuMDA5NzY1NjIgNy4zNDkxMjEwOSw1LjAwOTc2NTYyIEMzLjc5ODMzOTg0LDUuMDA5NzY1NjIgMS41MDQzOTQ1Myw3LjYxMTMyODEyIDEuNTA0Mzk0NTMsMTEuNjU0Mjk2OSBDMS41MDQzOTQ1MywxNS43NSAzLjc3MTk3MjY2LDE4LjMwNzYxNzIgNy4zNjY2OTkyMiwxOC4zMDc2MTcyIEMxMC42ODg5NjQ4LDE4LjMwNzYxNzIgMTIuODQyMjg1MiwxNi4yMjQ2MDk0IDEyLjg0MjI4NTIsMTIuOTgxNDQ1MyBaIE0xNy41MTgwNjY0LDE4IEwxNy41MTgwNjY0LDUuMzE3MzgyODEgTDE1LjU0OTMxNjQsNS4zMTczODI4MSBMMTUuNTQ5MzE2NCwxOCBMMTcuNTE4MDY2NCwxOCBaIE0yMi42NTk2NjgsMTggTDIyLjY1OTY2OCwxMi43NDQxNDA2IEwyOC4xMDg4ODY3LDEyLjc0NDE0MDYgTDI4LjEwODg4NjcsMTEuMDAzOTA2MiBMMjIuNjU5NjY4LDExLjAwMzkwNjIgTDIyLjY1OTY2OCw3LjExMDM1MTU2IEwyOC42MDk4NjMzLDcuMTEwMzUxNTYgTDI4LjYwOTg2MzMsNS4zMTczODI4MSBMMjAuNjkwOTE4LDUuMzE3MzgyODEgTDIwLjY5MDkxOCwxOCBMMjIuNjU5NjY4LDE4IFoiIGlkPSJHSUYiPjwvcGF0aD4gICAgPC9nPiAgPC9zdmc+ICAgIDxwYXRoIGQ9Ik01NiwzMCBDNTYsMTUuNjQwNTk2NSA0NC4zNTk0MDM1LDQgMzAsNCIgaWQ9Ik92YWwtMi1Db3B5LTMiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIG9wYWNpdHk9IjAiIGZpbGw9Im5vbmUiPiAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMCIgdG89IjEiIGR1cj0iLjYiIGZpbGw9ImZyZWV6ZSIvPiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlVHlwZT0ieG1sIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCAzMCAzMCIgdG89IjM2MCAzMCAzMCIgZHVyPSIxLjYyNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+ICAgIDwvcGF0aD48L3N2Zz4=) no-repeat
}
.GifPlayer.is-refreshed:after {
    background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgNjAgNjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8ZWxsaXBzZSBmaWxsPSIjMjgyODI4IiBvcGFjaXR5PSIwLjQ1IiBjeD0iMzAiIGN5PSIzMCIgcng9IjMwIiByeT0iMzAiPjwvZWxsaXBzZT4gICAgPHBhdGggZD0iTTQxLjU1MjQ5OTcsMTguOTMwMTk5OCBDMzguNjQwMjQ5NywxNS44OTE3Njg0IDM0LjU0MTA0NzksMTQgMzAsMTQgQzIxLjE2MzQ0NCwxNCAxNCwyMS4xNjM0NDQgMTQsMzAgQzE0LDM4LjgzNjU1NiAyMS4xNjM0NDQsNDYgMzAsNDYgTDMwLDQ2IEMzNy44MTEwODczLDQ2IDQ0LjMxNDg1NDUsNDAuNDAyNjk3NSA0NS43MTkxNjUsMzMuMDAwMjI5IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L3BhdGg+ICAgIDxwYXRoIGQ9Ik00NS4xMDc4NjU0LDE2LjIzNjAwOTcgQzQ1LjU0NzkwMDMsMTUuOTA1OTgzNSA0NS45MDQ2MTkxLDE2LjA4NDc1NTggNDUuOTA0NjE5MSwxNi42MzU5ODkxIEw0NS45MDQ2MTkxLDIzLjY0MDg5OTggQzQ1LjkwNDYxOTEsMjQuMTkxODI4NSA0NS41NDcyNjAyLDI0LjM3MDQyNTIgNDUuMTA3ODY1NCwyNC4wNDA4NzkyIEw0MC43MDEzNzI4LDIwLjczNjAwOTcgQzQwLjI2MTMzNzksMjAuNDA1OTgzNSA0MC4yNjE5NzgsMTkuODcwNDI1MiA0MC43MDEzNzI4LDE5LjU0MDg3OTIgTDQ1LjEwNzg2NTQsMTYuMjM2MDA5NyBaIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICA8L2c+PC9zdmc+) no-repeat
}
.RichText-video {
    margin:16px 0
}
.RichText-gifPlaceholder {
    display:inline-block;
    overflow:hidden;
    line-height:0
}
.CommentItem {
    position:relative;
    -ms-flex-negative:0;
    flex-shrink:0;
    padding:12px 16px 10px;
    font-size:15px
}
.CommentItem:not(:first-child):after {
    position:absolute;
    top:0;
    left:0;
    right:0;
    display:block;
    margin:0 20px;
    border-bottom:1px solid #f0f2f7;
    content:""
}
.CommentItem-deletedContent {
    padding:16px 0;
    font-size:14px;
    color:#8590a6;
    text-align:center
}
.CommentItem-meta {
    position:relative;
    height:27px;
    padding-right:3px;
    padding-left:1px;
    margin-bottom:5px;
    line-height:24px
}
.CommentItem-avatar {
    margin-right:8px
}
.CommentItem-avatar .UserLink-avatar {
    vertical-align:top
}
.CommentItem-reply,.CommentItem-roleInfo {
    color:#8590a6
}
.CommentItem-reviewing {
    margin-left:8px
}
.CommentItem-reply {
    margin-right:8px;
    margin-left:8px
}
.CommentItem-roleInfo {
    margin-right:-8px
}
.CommentItem-time {
    float:right;
    font-size:14px;
    color:#8590a6
}
.CommentItem-content {
    margin-bottom:6px;
    line-height:25px
}
.CommentItem-content p {
    margin:0
}
.CommentItem-editor {
    margin-bottom:8px
}
.CommentItem-footer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:24px;
    font-size:14px;
    line-height:24px
}
.CommentItem-footer .Button+.Button {
    margin-left:20px
}
.CommentItem-footer .Button--plain:hover {
    color:#7a8599
}
.CommentItem-footer .Button--plain:hover .Icon {
    fill:#95a1ba
}
.CommentItem-mobileFooter .Button+.Button {
    margin-left:0
}
.CommentItem-hoverBtn {
    opacity:0;
    transition:opacity .2s
}
.CommentItem-likeBtn:disabled,.CommentItem:hover .CommentItem-hoverBtn {
    opacity:1
}
.CommentItem-likeBtn.is-liked {
    color:#0f88eb
}
.CommentItem-likeBtn.is-liked:hover {
    color:#0b6ab8
}
.CommentItem-likeBtn.is-liked .Icon,.CommentItem-likeBtn.is-liked:hover .Icon {
    fill:currentColor
}
.CommentItem--highlighted {
    -webkit-animation:highlight 1.6s ease-out;
    animation:highlight 1.6s ease-out
}
@-webkit-keyframes highlight {
    0% {
        background:#e1e6f0
    }
    to {
        background:initial
    }
}
@keyframes highlight {
    0% {
        background:#e1e6f0
    }
    to {
        background:initial
    }
}
.IsolationDot {
    margin:0 6px
}
.CommentItem-replyArrow {
    color:#9fadc7;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    margin:0 8px
}
.CommentItem-userLink {
    max-width:80px;
    font-weight:700;
    display:inline-block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    vertical-align:top
}
@media (min-width:360px) {
    .CommentItem-userLink {
        max-width:100px
    }
}
.CommentItem-menu-item {
    padding-top:13px;
    padding-bottom:13px
}
.Tabs {
    border-bottom:1px solid #f0f2f7
}
.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:#2e2e2e;
    text-align:center
}
.Tabs-link.is-active {
    font-weight:500;
    color:#333
}
.Tabs-link.is-active:after {
    position:absolute;
    right:0;
    bottom:-1px;
    left:0;
    height:3px;
    background:#0f88eb;
    content:""
}
.Tabs-meta {
    margin-left:6px;
    font-size:14px;
    font-weight:300;
    line-height:20px;
    color:#a1aebf
}
.Topbar {
    background:#fff;
    border-bottom:1px solid #f0f2f7;
    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
}
.Topbar-title {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.Topbar--mobile .Topbar-title {
    font-weight:700
}
.CommentTopbar {
    border-radius:2px
}
.CommentTopbar-meta {
    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 16px
}
.CommentTopbar-back {
    font-size:16px;
    font-weight:inherit;
    color:#262626
}
.CommentTopbar-back:hover {
    color:#3e7ac2
}
.CommentTopbar-backIcon {
    vertical-align:-2px;
    fill:currentColor
}
.CommentTopbar-title {
    display:inline-block;
    font-size:15px;
    font-weight:700;
    color:#1e1e1e
}
.CommentTopbar-tabsWrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:15px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.CommentTopbar-tabs {
    padding:0;
    border-bottom:none
}
.CommentTopbar-tab {
    display:inline-block;
    padding:0 20px
}
.CommentTopbar-tab:first-child {
    padding-left:0
}
.CommentTopbar-tabButton {
    position:relative;
    height:56px;
    border:none
}
.CommentTopbar-tabButton:hover {
    background:none
}
.CommentTopbar-switch {
    border-bottom:1px solid #fff
}
.CommentTopbar-switch:hover {
    border-bottom:1px solid #175199!important
}
.Comments,.Comments-container {
    height:100%
}
.Comments {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:hidden;
    box-sizing:border-box
}
.Comments--hidden {
    display:none
}
.Comments-titleLink a {
    color:#175199
}
.Comments-titleLink a:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.Comments-notification {
    width:500px;
    top:25px;
    margin-top:50px
}
.Comments-notification--mobile {
    position:fixed;
    width:calc(100vw - 2 * 20px);
    top:0;
    z-index:98
}
.Comments-notification--bottom {
    top:0
}
.CommentList {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow-x:hidden;
    overflow-y:scroll
}
.CommentList-divider {
    position:relative;
    margin:0 24px;
    font-size:14px;
    color:#8590a6;
    text-align:center
}
.CommentList-divider:first-child {
    padding:16px 0
}
.CommentList-divider+.CommentItem:after {
    content:none
}
.CommentList-divider a {
    color:#175199
}
.CommentList-divider a:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.CommentList-dividerLine {
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    height:0;
    margin:auto;
    border-top:1px solid #ebeef5
}
.CommentList-dividerText {
    position:relative;
    z-index:2;
    display:inline-block;
    padding:0 1em;
    background-color:#fff
}
.CommentList-dividerText .CommentList-questionMark {
    margin-left:8px
}
.Comments-footer {
    padding:12px 16px;
    background:#fff;
    border-top:1px solid #ebeef5
}
.Comments-disabledText {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:14px 12px;
    color:#8590a6;
    background-color:#f7f8fa;
    border-top:1px solid #f0f2f7;
    box-sizing:border-box;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.Comments-disabledText--fixed {
    position:fixed;
    width:100%;
    bottom:0;
    background:#fff
}
.Comments-disabledText--fixed .Comments-disabledReason {
    padding-top:8px;
    padding-bottom:8px;
    background:#f7f8fa;
    width:100%;
    text-align:center;
    border-radius:3px
}
.CommentList-action {
    position:relative;
    padding:16px 0;
    text-align:center
}
.CommentList-action:after {
    position:absolute;
    top:0;
    display:block;
    width:calc(100% - 48px);
    border-bottom:1px solid #f0f2f7;
    content:""
}
.CommentList-action a {
    color:#175199
}
.CommentList-action a:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.Comments-withPagination {
    border:1px solid #e7eaf2;
    box-shadow:0 1px 3px 0 rgba(0,33,77,.05);
    background:#fff;
    margin-top:12px;
    overflow:visible;
    border-radius:4px
}
.Comments-withPagination .CommentList {
    overflow-y:visible
}
.comments-pagination {
    border-top:1px solid #e7eaf1
}
.Comments-Packup-Button {
    background:rgba(231,234,241,.95);
    border-radius:3px;
    position:fixed;
    height:30px;
    width:93px;
    bottom:30px;
    left:570px;
    font-size:13px;
    color:#8590a6;
    letter-spacing:0;
    margin-left:-93px
}
.Comments-Packup-Button:hover {
    color:#7a8599
}
.Comments-Packup-Button .Icon {
    margin-left:6px;
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.Comments-Packup-Button-enter,.Comments-Packup-Button-leave {
    transition:opacity .3s
}
.Comments-Packup-Button-enter {
    opacity:0
}
.Comments-Packup-Button-enter-active,.Comments-Packup-Button-leave {
    opacity:1
}
.Comments-Packup-Button-leave-active {
    opacity:0
}
.Comments-pattern-loading {
    height:96px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.Comments-empty {
    padding:60px 0;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    box-sizing:border-box;
    overflow:auto
}
.PushNotifications-menu {
    width:360px;
    padding:0;
    overflow:hidden
}
.PushNotifications-header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-bottom:1px solid #ebeef5
}
.PushNotifications-icon {
    cursor:pointer
}
.PushNotifications-icon:hover .Icon {
    fill:#95a1ba
}
.PushNotifications-tab {
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    height:48px;
    cursor:pointer
}
.PushNotifications-tabIcon {
    fill:#c2cfde
}
.PushNotifications-selectedTabIcon {
    fill:#0f88eb
}
.PushNotifications-tab:not(:last-child):after {
    position:absolute;
    left:120px;
    width:1px;
    height:20px;
    margin:auto;
    background:#ebeef5;
    content:""
}
.PushNotifications-list {
    height:350px;
    overflow-x:hidden;
    overflow-y:auto
}
.PushNotifications-item {
    position:relative;
    padding:15px;
    font-size:14px;
    line-height:24px;
    color:#262626
}
.PushNotifications-item a {
    color:#3e7ac2
}
.PushNotifications-item:after {
    position:absolute;
    right:0;
    bottom:100%;
    left:0;
    height:1px;
    padding:0 16px;
    background-color:#ebeef5;
    content:"";
    background-clip:content-box
}
.PushNotifications-newItem {
    background:#f4f8fb
}
.PushNotifications-followTitle {
    position:relative;
    height:54px;
    font-size:14px;
    line-height:54px;
    color:#9aaabf;
    text-align:center
}
.PushNotifications-followTitle:after {
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    margin:0 16px;
    border-bottom:1px solid #ebeef5;
    content:""
}
.PushNotifications-followItem {
    display:block
}
.PushNotifications-followItem:hover {
    background-color:#f7f8fa
}
.PushNotifications-followItem .AuthorInfo-name {
    font-family:inherit
}
.PushNotifications-followItem .AuthorInfo-badge {
    color:#8590a6
}
.PushNotifications-followItem:after {
    content:none
}
.PushNotifications-followItem a {
    color:#262626
}
.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 #ebeef5;
    box-sizing:border-box
}
.PushNotifications-user {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-left:16px;
    overflow:hidden
}
.PushNotifications-userName {
    font-size:15px
}
.PushNotifications-redbot {
    position:absolute;
    top:50%;
    width:4px;
    height:4px;
    margin-left:8px;
    background-color:#f75659;
    border-radius:50%;
    -webkit-transform:translateY(-2px);
    transform:translateY(-2px)
}
.PushNotifications-count {
    position:absolute;
    bottom:50%;
    left:50%;
    padding:0 4px;
    font-size:11px;
    color:#fff;
    background-color:#f75659;
    border:2px solid #fff;
    border-radius:20px
}
.AuthorInfo {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.AuthorInfo-avatar {
    vertical-align:top
}
.AuthorInfo-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-left:14px;
    overflow:hidden
}
.AuthorInfo-head {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:15px;
    line-height:1.1;
    -ms-flex-negative:0;
    flex-shrink:0
}
.AuthorInfo-name {
    font-weight:600
}
.AuthorInfo-badge {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:5px;
    font-size:14px
}
.AuthorInfo-badgeText {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.AuthorInfo--plain .AuthorInfo-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-left:10px
}
.AuthorInfo--plain .AuthorInfo-badge {
    margin-top:0
}
.AuthorInfo--plain .AuthorInfo-badge:before {
    content:"\FF0C"
}
.AuthorInfo-detail {
    overflow:hidden
}
.Tag {
    position:relative;
    display:inline-block;
    height:30px;
    padding:0 12px;
    font-size:14px;
    line-height:30px;
    color:#3e7ac2;
    vertical-align:top;
    background:#eef4fa;
    border-radius:100px
}
.Tag--removable {
    padding-right:28px
}
.Tag-remove {
    position:absolute;
    top:0;
    right:12px;
    bottom:0;
    margin-top:auto;
    margin-bottom:auto;
    cursor:pointer
}
.Tag-remove .Icon {
    display:block;
    fill:#96b7dd
}
.Tag-remove:hover .Icon {
    fill:#3e7ac2
}
.Tag-content:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.TagInput .Input-wrapper {
    display:block
}
.TagInput .Input {
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    height:30px;
    margin-top:2px;
    margin-bottom:2px;
    margin-left:8px
}
.TagInput.TagInput--empty .Input {
    width:100%;
    margin-left:0
}
.TagInput .Tag {
    margin-top:2px;
    margin-right:4px;
    margin-bottom:2px
}
.TagInput .Popover {
    display:block
}
.QuestionAsk-title {
    font-size:15px
}
.QuestionAsk-section {
    margin-bottom:12px
}
.QuestionAsk-section.QuestionAsk-DetailSection {
    margin-top:24px
}
.QuestionAsk-section .Popover {
    display:block
}
.QuestionAsk-section .TagInput {
    line-height:0
}
.QuestionAsk-sectionHeader {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:13px;
    margin-bottom:8px;
    color:#8590a6
}
.QuestionAsk-label {
    color:#404040
}
.QuestionAsk-sectionHeaderRight {
    margin-left:auto
}
.QuestionAsk-sectionHeaderRight .Editable-control:last-child {
    margin-right:13px
}
.QuestionAsk-warning {
    color:#fd9727
}
.QuestionAsk-Modal {
    width:595px
}
.QuestionAsk-error,.QuestionAsk-Modal .Modal-footer {
    color:#f75659
}
.QuestionAsk-questionItems {
    line-height:26px;
    border:1px solid #e7e7e7;
    border-radius:3px;
    box-sizing:border-box
}
.QuestionAsk-questionItem {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:8px 0;
    margin-left:-8px;
    margin-right:-8px
}
.QuestionAsk-questionItem.QuestionAsk-questionItemClose {
    color:#8590a6;
    border-bottom:1px solid #ebeef5
}
.QuestionAsk-questionTitle {
    margin-right:14px
}
.QuestionAsk-questionAnswerCount {
    margin-left:auto;
    color:#8590a6;
    white-space:nowrap
}
.QuestionAsk-anonymous {
    color:#8590a6;
    cursor:pointer
}
.QuestionAsk-anonymousCheckbox {
    margin-right:8px;
    vertical-align:text-top
}
.QuestionEdit-reasonSelect {
    margin-right:8px
}
.QuestionEdit-why {
    color:#175199
}
.QuestionEdit-why:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.QuestionAsk-orgQuestionIcon {
    margin-left:8px
}
.QuestionAsk-brandSelector {
    width:100%
}
.QuestionAsk-brandSelector .Select-button {
    position:relative;
    padding:0 12px;
    width:100%
}
.QuestionAsk-brandSelector .Select-arrow {
    position:absolute;
    top:12px;
    right:12px
}
.QuestionAsk-brandSelector .Icon {
    margin-left:5px
}
.QuestionAsk-brandSelector--no-arrow .Select-arrow {
    display:none
}
.QuestionAsk-brandOption {
    padding:0 12px;
    width:488px
}
.QuestionAsk-brandOption .Icon {
    margin-left:5px
}
.QuestionAsk-buttonGroup {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:28px
}
.QuestionAsk-buttonGroup .Button {
    width:232px
}
.QuestionAsk-buttonGroup .Button+.Button {
    margin-left:24px
}
.QuestionAsk-noBrandModal {
    text-align:center
}
.QuestionAsk-link {
    color:#4d87ce
}
.QuestionCategorySelect {
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column
}
.QuestionCategory,.QuestionCategorySelect {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal
}
.QuestionCategory {
    -webkit-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-bottom:15px;
    padding-top:26px
}
.QuestionCategory:hover {
    cursor:pointer
}
.QuestionCategory+.QuestionCategory {
    border-top:1px solid #ebeef5
}
.QuestionCategory-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:320px
}
.QuestionCategory-title {
    font-size:17px;
    color:#1e1e1e
}
.QuestionCategory-desc {
    margin-top:10px;
    font-size:14px;
    color:#8590a6
}
.QuestionCategory-link {
    color:#259
}
.QuestionCategory-arrow {
    margin-left:22px;
    color:#afbdcf;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.QuestionCategory-buttonGroup {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:48px
}
.QuestionCategory-buttonGroup .Button {
    width:168px
}
.QuestionAsk-error {
    color:red
}
.SearchBar {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.SearchBar-toolWrapper {
    position:relative;
    z-index:104;
    width:326px
}
.SearchBar-tool {
    position:relative;
    float:left;
    overflow:hidden
}
.SearchBar-tool .Popover {
    display:block
}
.SearchBar-menu {
    width:500px;
    padding-top:16px;
    padding-bottom:0;
    overflow-x:hidden
}
.SearchBar-menu .AutoComplete-group:last-child .Menu-item {
    height:40px;
    padding:0;
    margin-top:8px;
    line-height:40px;
    color:#8590a6
}
.SearchBar-menu .AutoComplete-group:last-child .Menu-item:not(.is-active) {
    background:#f7f8fa
}
.SearchBar-contentResult,.SearchBar-peopleResult,.SearchBar-topicResult {
    display:block;
    padding:10px 0;
    font-size:14px;
    box-sizing:border-box
}
.SearchBar-label {
    padding:7px 0;
    margin-right:16px;
    margin-left:16px;
    font-size:14px;
    color:#8590a6;
    border-bottom:1px solid #ebeef5
}
.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
}
.SearchBar-userAvatar {
    border-radius:3px
}
.SearchBar-user {
    display:inline-block;
    margin-left:16px
}
.SearchBar-userHeadline {
    margin-top:2px;
    font-size:13px;
    color:#8590a6
}
.SearchBar-contentSuffix,.SearchBar-topicSuffix {
    margin-left:8px;
    font-size:13px;
    color:#8590a6;
    white-space:nowrap
}
.SearchBar-searchLink {
    display:block;
    font-size:14px;
    color:#8590a6;
    text-align:center
}
.SearchBar-askButton {
    z-index:103;
    padding:0 14px;
    margin-left:16px;
    transition:opacity .3s ease,-webkit-transform .3s ease;
    transition:opacity .3s ease,transform .3s ease;
    transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    line-height:30px
}
.SearchBar-hiddenAskButton {
    opacity:0;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.SearchBar-input {
    width:326px;
    transition:width .2s ease,background .3s ease
}
.SearchBar-focusedInput {
    width:400px
}
.SearchBar-searchIcon {
    position:absolute;
    right:-11px;
    top:-17px;
    bottom:-17px;
    background:transparent;
    border:transparent;
    padding:0 12px;
    border-bottom-left-radius:0;
    border-top-left-radius:0;
    transition:fill .3s ease
}
.SearchBar-searchIcon .Icon {
    fill:#afbdcf
}
.SearchBar-searchIcon:hover {
    background-color:transparent
}
.SearchBar-focusedSearchIcon .Icon {
    fill:#0f88eb
}
.SearchBar-hasValueSearchIcon .Icon {
    fill:#fff
}
.SearchBar-iconDecorator {
    position:absolute;
    top:0;
    right:-40px;
    width:40px;
    height:36px;
    border-radius:0 3px 3px 0;
    transition:all .3s ease;
    transition-delay:.1s;
    z-index:101;
    background:#0f88eb;
    opacity:0
}
.SearchBar-shownIconDecorator {
    opacity:1;
    -webkit-transform:translateX(-40px);
    transform:translateX(-40px);
    transition-delay:0
}
.AppHeaderProfileMenu-item {
    height:36px;
    line-height:36px;
    color:#262626
}
.AppHeader-profileAvatar {
    vertical-align:top
}
.AppHeader {
    position:relative;
    min-width:1032px;
    overflow:hidden;
    background:#fff;
    border-bottom:1px solid rgba(30,35,42,.06);
    box-shadow:0 1px 3px 0 rgba(0,34,77,.05);
    background-clip:content-box
}
.AppHeader,.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;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.AppHeader.is-hidden .AppHeader-inner {
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.AppHeader-nav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    height:30px;
    margin-right:18px;
    margin-left:27px;
    color:#999
}
.AppHeader-navItem {
    padding:0 15px;
    font-size:15px;
    line-height:30px;
    color:#8590a6
}
.AppHeader-navItem:hover {
    color:#175199
}
.AppHeader-navItem.is-active {
    color:#333
}
.AppHeader-navItem:first-child {
    padding-left:0
}
.AppHeader-input {
    width:345px
}
.AppHeader-userInfo {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.AppHeader-messages,.AppHeader-notifications {
    margin-right:40px
}
.AppHeader-notification {
    margin-top:50px
}
.AppHeader-notificationUnblock {
    padding:10px 25px;
    width:680px;
    height:74px;
    line-height:28px
}
.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:#e7eaf1
}
.AdblockBanner-inner {
    width:1000px;
    padding:0 24px;
    margin:0 auto;
    box-sizing:border-box
}
.AdblockBanner-inner a:hover {
    border-bottom:1px solid #8590a6
}
.AdblockBanner-close {
    position:absolute;
    top:16px;
    right:16px
}
.AdblockBanner-close .Icon {
    display:block
}
.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-smsBindPhoneInputContainer {
    position:relative;
    margin-top:12px
}
.SignFlow-smsBindPhoneInputButton {
    position:absolute;
    top:24px;
    right:0;
    padding:4px 0;
    color:#175199;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.SignFlow-smsBindPhoneInputErrorMessage {
    top:24px;
    right:108px;
    width:40%;
    height:47px;
    padding:0;
    padding-left:4px;
    margin:0;
    line-height:47px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.SignFlow-smsBindPhoneInputErrorMask {
    right:100px
}
.BindPhone-buttonSection {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:40px
}
.BindPhone-button {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.BindPhone-button:first-child {
    margin-right:10px
}
.BindPhone-subtitle {
    color:#9aaabf;
    margin-top:2px;
    margin-bottom:24px;
    padding:0 24px;
    text-align:center
}
.BindPhone-helpWrapper {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-top:12px
}
.BindPhone-helpText {
    color:#9aaabf
}
.BindPhone-remindLoginWithPhoneButton {
    display:block;
    width:220px;
    margin:48px auto 0
}
.MobileModal .SignFlowActive.SignFlow {
    padding:0 16px;
    margin-top:16px
}
.MobileModal .MobileBindPhoneTip {
    color:#9aaabf;
    font-size:14px
}
.MobileModal .BindPhone-buttonSection {
    margin-top:16px
}
.MobileModal.VerificationModal {
    padding:0 16px
}
.MobileModal .SignFlow-smsInputButton {
    top:23px
}
.MobileModal .BindPhone-remindLoginWithPhoneButton {
    margin-top:16px
}
.MobileModal.BindPhoneMobileModal .MobileModal-content,.MobileModal.ConfirmUnbindMobileModal .MobileModal-content,.MobileModal.LoginWithPhoneMobileModal .MobileModal-content,.MobileModal.NeedUnbindMobileModal .MobileModal-content {
    padding-top:0
}
body {
    font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif;
    font-size:15px;
    color:#262626;
    background:#f3f3f3;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.App-main {
    display:block
}
.u-ellipsis {
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:normal;
    white-space:nowrap
}
.App-loginGuideModal {
    width:400px
}
.App-loginButton,.App-registerButton {
    display:block;
    width:220px;
    height:36px;
    margin:0 auto;
    font-size:14px;
    text-align:center
}
.App-loginButton {
    margin-top:28px;
    color:#fff
}
.App-registerButton {
    margin-top:52px;
    margin-bottom:12px;
    color:#8590a6
}
.Card {
    margin-bottom:10px;
    background:#fff;
    overflow:hidden;
    border-radius:2px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.16);
    box-sizing:border-box
}
.Card:last-child {
    margin-bottom:0
}
.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 #f0f2f7;
    box-sizing:border-box
}
.Card-header:last-child {
    border-bottom:none
}
.Card-headerText {
    overflow:hidden;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap
}
.Card-section {
    padding:16px 20px;
    position:relative
}
.Card-section:not(:last-child):after {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:0 20px;
    display:block;
    border-bottom:1px solid #f0f2f7;
    content:""
}
.Footer {
    padding:10px 0 10px 5px;
    font-size:13px;
    line-height:2;
    color:#8590a6
}
.Footer-dot:after {
    margin:0 5px;
    content:"\B7"
}
.Footer-item {
    display:inline-block
}
a.Footer-item:hover {
    color:#175199;
    cursor:pointer
}
.UserStatus {
    width:100%;
    height:60px;
    line-height:60px;
    color:#262626;
    text-align:center;
    background-color:rgba(133,144,166,.08)
}
.UserStatus,.UserStatus .Button {
    font-size:15px
}
.UserStatus-warnText {
    margin-left:8px
}
.Mask {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    transition:opacity .2s ease-in
}
.Mask-hidden {
    pointer-events:none;
    opacity:0
}
.Mask-mask {
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    opacity:.4;
    box-sizing:border-box
}
.Mask-mask--black {
    background:#000
}
.Mask-mask--white {
    background:hsla(0,0%,100%,.95)
}
.Mask-content {
    position:absolute;
    top:50%;
    left:50%;
    z-index:5;
    color:#fff;
    text-align:center;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.Mask-content--full {
    width:100%;
    height:100%
}
.UserAvatar {
    display:inline-block;
    overflow:hidden;
    border:4px solid #fff;
    border-radius:8px
}
.UserAvatar,.UserAvatar-inner {
    vertical-align:top
}
.UserAvatar-holder,.UserAvatar-round {
    width:160px;
    height:160px
}
.UserAvatar-round {
    border-radius:50%
}
input[type=range].RangeInput {
    width:220px;
    height:12px;
    padding:0;
    margin:0 10px;
    vertical-align:middle;
    background:transparent;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
input[type=range].RangeInput:focus {
    outline:none
}
input[type=range].RangeInput::-webkit-slider-runnable-track {
    height:5px;
    cursor:pointer;
    background:#f2f5fb;
    border-radius:2px
}
input[type=range].RangeInput::-webkit-slider-thumb {
    width:12px;
    height:12px;
    margin-top:-4px;
    cursor:pointer;
    background:#d2dbe8;
    border-radius:50%;
    -webkit-appearance:none;
    appearance:none
}
input[type=range].RangeInput::-moz-range-track {
    height:5px;
    cursor:pointer;
    background:#f2f5fb;
    border-radius:2px
}
input[type=range].RangeInput::-moz-range-thumb {
    width:12px;
    height:12px;
    cursor:pointer;
    background:#d2dbe8;
    border:none;
    border-radius:50%
}
input[type=range].RangeInput::-ms-track {
    width:100%;
    height:5px;
    color:transparent;
    cursor:pointer;
    background:transparent;
    border-color:transparent
}
input[type=range].RangeInput::-ms-fill-lower,input[type=range].RangeInput::-ms-fill-upper {
    background:#f2f5fb;
    border-radius:2px
}
input[type=range].RangeInput::-ms-thumb {
    width:12px;
    height:12px;
    cursor:pointer;
    background:#d2dbe8;
    border:none;
    border-radius:50%
}
input[type=range].RangeInput::-ms-tooltip {
    display:none
}
.UserAvatarEditor {
    cursor:pointer;
    position:relative
}
.UserAvatarEditor-avatar {
    background:#f7f8fa;
    border:4px solid #fff;
    border-radius:8px
}
.UserAvatarEditor-container {
    width:256px;
    height:256px;
    margin:0 auto 30px;
    cursor:move
}
.UserAvatarEditor-container canvas {
    vertical-align:top
}
.UserAvatarEditor-modal {
    text-align:center
}
.UserAvatarEditor-modal div {
    display:block
}
.UserAvatarEditor-title {
    font-size:24px;
    color:#262626
}
.UserAvatarEditor-subTitle {
    font-size:14px;
    color:#8590a6
}
.UserAvatarEditor-range {
    width:200px;
    margin:20px 10px
}
.UserAvatarEditor-maskInner {
    z-index:4;
    border:4px solid #fff;
    border-radius:8px
}
.UserAvatarEditor-maskInnerText {
    white-space:nowrap
}
.UserAvatarEditor-cameraIcon {
    margin-bottom:14px;
    fill:#fff
}
.UserAvatarEditor-maskRoundInner {
    border-radius:50%
}
.UserCover {
    position:relative;
    height:240px;
    overflow:hidden;
    background:#f7f8fa;
    border-top-right-radius:1px;
    border-top-left-radius:1px;
    transition:height .3s
}
.UserCover--colorBlock {
    height:132px;
    background:#20A0FF
}
.UserCover-image {
    transition:-webkit-transform 6s ease-out;
    transition:transform 6s ease-out;
    transition:transform 6s ease-out,-webkit-transform 6s ease-out
}
.UserCover-image,.UserCover-image img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.DynamicColorButton {
    color:#ccd8e1;
    transition:color,border-color .3s
}
.DynamicColorButton svg {
    fill:currentColor
}
.DynamicColorButton--dark {
    color:rgba(0,0,0,.6);
    border-color:rgba(0,0,0,.12)
}
.DynamicColorButton--dark:hover {
    background:rgba(0,0,0,.03)
}
.DynamicColorButton--white {
    color:hsla(0,0%,100%,.7);
    border-color:hsla(0,0%,100%,.24)
}
.DynamicColorButton--white:hover {
    background:hsla(0,0%,100%,.04)
}
.UserCoverGuide {
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    overflow:hidden;
    border-top-right-radius:1px;
    border-top-left-radius:1px
}
.UserCoverGuide.is-active .is-playing {
    opacity:1
}
.UserCoverGuide.is-active .UserCoverGuide-dialog {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.UserCoverGuide-inner {
    position:relative;
    z-index:2;
    float:right;
    padding:24px
}
.UserCoverGuide-buttonContainer {
    margin-bottom:14px;
    text-align:right
}
.UserCoverGuide-dialog {
    position:relative;
    width:286px;
    padding:22px 16px;
    background-color:#fff;
    border-radius:4px;
    opacity:0;
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px);
    transition:opacity .3s,-webkit-transform .3s;
    transition:opacity .3s,transform .3s;
    transition:opacity .3s,transform .3s,-webkit-transform .3s
}
.UserCoverGuide-dialog:after {
    position:absolute;
    right:60px;
    bottom:100%;
    border-color:transparent transparent #fff;
    border-style:solid;
    border-width:7px;
    content:""
}
.UserCoverGuide-dialogContent {
    font-size:14px;
    line-height:1.7
}
.UserCoverGuide-dialogContent a {
    color:#175199;
    cursor:pointer
}
.UserCoverGuide-dialogContent a:hover {
    text-decoration:underline
}
.UserCoverGuide-dialogDescription,.UserCoverGuide-dialogHead {
    margin:0 0 6px
}
.UserCoverGuide-item,.UserCoverGuide-items {
    width:100%;
    height:100%
}
.UserCoverGuide-item {
    position:absolute;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    opacity:0;
    transition:opacity .5s
}
.UserCoverEditor {
    position:relative
}
.UserCoverEditor-simpleEditButton {
    position:absolute;
    top:24px;
    right:24px;
    z-index:1
}
.UserCoverEditor-editor {
    top:-1px;
    z-index:5;
    border:1px solid #e7eaf1;
    border-top-right-radius:2px;
    border-top-left-radius:2px
}
.UserCoverEditor-editor,.UserCoverEditor-editor:after {
    position:absolute;
    left:-1px;
    width:100%;
    box-shadow:0 1px 3px rgba(0,37,55,.05)
}
.UserCoverEditor-editor:after {
    display:block;
    height:1000px;
    background-color:hsla(0,0%,100%,.95);
    border:1px solid #e7eaf1;
    border-top:0;
    border-bottom:0;
    content:""
}
.UserCoverEditor-editor canvas {
    vertical-align:top;
    cursor:-webkit-grab;
    cursor:grab
}
.UserCoverEditor-action {
    height:80px;
    background:#fff;
    border-bottom:1px solid #e7eaf1;
    box-shadow:0 1px 3px rgba(0,37,55,.05)
}
.UserCoverEditor-actionContent {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    margin:0 24px
}
.UserCoverEditor-actionContent .Button+.Button {
    margin-left:16px
}
.UserCoverEditor-actionTitle {
    font-size:24px;
    color:#262626
}
.UserCoverEditor-rangeInput {
    display:inline-block
}
.UserCoverEditor-cameraIcon {
    margin-bottom:14px;
    fill:#fff
}
.UserCoverEditor-mask {
    z-index:100;
    border-top:60px solid hsla(0,0%,100%,.7)
}
.UserCoverEditor-mask canvas {
    vertical-align:middle
}
.UserCoverEditor-loadingCanvas {
    width:100%;
    height:100%
}
.ProfileHeader {
    position:relative;
    width:1147px;
    padding:0 16px;
    margin:10px auto 0;
}
.ProfileHeader-wrapper {
    position:relative;
    width:100%;
    background:#fff;
    box-sizing:border-box
}
.ProfileHeader-main {
    position:relative;
    margin:0 20px 24px
}
.ProfileHeader-avatar {
    position:absolute;
    top:-25px;
    left:0;
    z-index:4
}
.ProfileEdit--org .ProfileHeader-avatar,.ProfileHeader--org .ProfileHeader-avatar {
    top:-60px
}
.ProfileHeader-userCover {
    width:100%
}
.ProfileHeader-userCover.is-fixed {
    z-index:4
}
.ProfileHeader-content {
    padding-top:16px;
    padding-left:32px;
    border-left:164px solid transparent
}
.ProfileHeader-contentHead {
    position:relative;
    padding-right:106px;
    margin-bottom:16px
}
.ProfileHeader-contentHead .Button--plain {
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.ProfileHeader-contentHead .Button--plain:hover {
    color:#7a8599
}
.ProfileHeader-contentHead .Button--plain:hover .Icon {
    fill:#95a1ba
}
.ProfileHeader-contentHead .FollowStatus {
    position:absolute;
    right:0;
    bottom:0;
    padding:3px 6px
}
.ProfileHeader-contentBody {
    position:relative;
    width:524px;
    overflow:hidden;
    transition:height .3s
}
.content-enter {
    position:absolute;
    top:0;
    opacity:0
}
.content-enter-active {
    opacity:1;
    transition:opacity .3s ease-out
}
.content-leave {
    opacity:1
}
.content-leave-active {
    opacity:0;
    transition:opacity .3s ease-out
}
.ProfileHeader-title {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.ProfileHeader-name {
    font-size:26px;
    font-weight:700;
    line-height:30px
}
.ProfileHeader-badge {
    margin-left:12px;
    vertical-align:2px
}
.ProfileHeader-detailValue a,.ProfileHeader-headline a {
    border:none!important
}
.ProfileHeader-detailValue a:hover,.ProfileHeader-headline a:hover {
    color:#175199
}
.ProfileHeader-headline {
    margin-left:12px;
    font-size:18px;
    white-space:nowrap
}
.ProfileHeader-info {
    font-size:14px;
    line-height:20px;
    box-sizing:border-box
}
.ProfileHeader--org .ProfileHeader-info {
    margin-bottom:36px;
    overflow:hidden;
    font-size:18px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.ProfileHeader-divider {
    display:inline-block;
    width:1px;
    height:10px;
    margin:0 8px;
    background:#e7eaf1
}
.ProfileHeader-infoItem {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.ProfileHeader-infoItem:not(:last-child) {
    margin-bottom:10px
}
.ProfileHeader-iconWrapper {
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:12px;
    text-align:center
}
.ProfileHeader-arrowIcon.is-active {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.ProfileHeader-contentFooter {
    position:relative;
    padding-top:8px
}
.ProfileHeader-expandButton {
    line-height:1
}
.ProfileHeader-expandButton .Icon {
    margin:0 16px 0 4px
}
.ProfileHeader-buttons {
    position:absolute;
    right:0;
    bottom:0
}
.ProfileHeader-detail {
    width:100%;
    font-size:14px;
    line-height:1.8;
    color:#262626
}
.ProfileHeader--org .ProfileHeader-detail .ProfileHeader-detailLabel {
    width:30px
}
.ProfileHeader-detailItem {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:18px
}
.ProfileHeader-detailLabel {
    width:60px;
    margin-right:37px;
    font-weight:700
}
.ProfileHeader-detailValue {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.ProfileHeader-field {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.ProfileHeader-field:not(:first-child) {
    margin-top:12px
}
.ProfileHeader-itemAvatar {
    width:18px;
    height:18px;
    margin-right:12px
}
.ProfileHeader-defaultCover {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.ProfileHeader-tips {
    font-size:14px;
    color:#8590a6
}
.PageHeader {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.PageHeader:not(.is-shown) {
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
.ProfileMain-avatar .Avatar {
    display:block;
    cursor:pointer
}
.PageHeader .ProfileMain-header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:1000px;
    height:100%;
    padding:0 16px;
    margin:0 auto
}
.PageHeader .ProfileMain-tabs {
    border-bottom:none
}
.ProfileMain-tabs {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.ProfileMain-tabs .Tabs-meta {
    font-weight:400
}
.ProfileMain-menuToggler {
    font-size:16px;
    color:#262626
}
.ProfileMain-tabIcon {
    margin-left:4px
}
.Profile-popoverMenuItem {
    height:40px;
    font-size:16px;
    line-height:40px;
    color:#262626
}
.Profile-popoverMenuItem.is-active {
    background:#f4f8fb
}
.Profile-popoverMenuItem .Link-meta {
    font-size:14px;
    color:#8590a6
}
body:not(.Body--isAppleDevice) .ProfileMain-tabs .is-active {
    font-weight:700
}
.ProfileMainPrivacy-mainContentWrapper {
    height:383px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.ProfileMainPrivacy-mainContent {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-top:86px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#8590a6
}
.ProfileMainPrivacy-mainContentText {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:20px
}
.ProfileMainPrivacy-mainContentLink {
    font-size:15px
}
.ProfileMainPrivacy-authWrapper {
    display:inline-block
}
.ProfileMainPrivacy-pointerWrapper {
    cursor:pointer
}
.ProfileLockStatus {
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.ProfileLockStatus-title {
    margin:42px 0 10px;
    font-size:20px;
    font-weight:700;
    color:#1e1e1e
}
.ProfileLockStatus-subtitle {
    margin-bottom:23px;
    font-size:16px;
    color:#8590a6
}
.ProfileLockStatus-avatar {
    display:block;
    width:140px;
    height:140px;
    margin:0 auto;
    border-radius:50%
}
.ProfileLockStatus-redirect {
    display:block;
    margin:0 auto;
    text-decoration:underline
}
.ProfileLockStatus-redirect:hover {
    color:rgba(38,84,153,.72)
}
.ProfileLockStatus-redirect:active {
    color:#175199
}
.ProfileLockStatus-avatar,.ProfileLockStatus-redirect,.ProfileLockStatus-subtitle,.ProfileLockStatus-title {
    text-align:center
}
.IconGraf {
    margin-bottom:12px
}
.IconGraf:last-child {
    margin-bottom:0
}
.IconGraf-iconWrapper {
    display:inline-block;
    width:28px
}
.IconGraf-icon {
    fill:#bdcadb
}
.SideItem {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:20px 0;
    margin-bottom:24px
}
.SideItem:last-child {
    margin-bottom:0
}
.SideItem-image {
    padding-top:3px
}
.SideItem--multiline .SideItem-image {
    padding-top:0
}
.SideItem-image img {
    vertical-align:top
}
.SideItem-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-left:20px
}
.SideItem-title {
    font-size:15px;
    color:#262626
}
.SideItem--multiline .SideItem-title {
    font-size:18px
}
.SideItem-description {
    max-height:52px;
    margin-top:2px;
    overflow:hidden;
    font-size:14px;
    color:#8590a6;
    text-overflow:ellipsis
}
.SideItem--multiline .SideItem-description {
    margin-top:8px
}
.Publication-title:hover {
    color:#175199
}
.Publications-content {
    padding:4px 20px
}
.Publication-item:not(:first-child) {
    display:block;
    border-top:1px solid #f0f2f7
}
.Publication-summary {
    display:-webkit-box;
    line-height:24px;
    color:#262626;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.Publication-image {
    width:80px;
    border-radius:3px;
    box-shadow:0 1px 4px 0 rgba(0,0,0,.12)
}
.FollowshipCard {
    font-size:14px
}
.FollowshipCard-counts:not(:last-child) {
    border-bottom:1px solid #f0f2f7
}
.FollowshipCard-counts .NumberBoard-item {
    padding:16px 0
}
.FollowshipCard-counts .NumberBoard-divider {
    margin:16px 0
}
.FollowshipCard-link {
    color:#175199
}
.FollowshipCard-link:hover {
    border-bottom:1px solid rgba(23,81,153,.72)
}
.FollowshipCard-avatars,.FollowshipCard-item:not(:first-child) {
    margin-top:12px
}
.FollowshipCard-icon {
    margin-right:8px
}
.FollowshipCard-avatar {
    margin-left:8px
}
.FollowshipCard-avatar:first-child {
    margin-left:0
}
.Profile {
    width:auto
}
.Profile-main {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:1000px;
    min-height:100vh;
    padding:0 16px;
    margin:10px auto;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.Profile-mainColumn {
    width:694px
}
body:not(.Body--isAppleDevice) .Profile-mainColumn .List-headerText {
    font-weight:700
}
body:not(.Body--isAppleDevice) .Profile-mainColumn .SubTabs-item:not(.is-active) {
    font-weight:400
}
.Profile-sideColumn {
    width:296px;
    color:#555
}
.Profile-sideColumnItems {
    padding:12px 0
}
.Profile-sideColumnItem {
    padding:6px 16px
}
.Profile-sideColumnItemValue {
    margin-top:6px;
    margin-left:29px;
    font-size:14px;
    color:#8590a6
}
.Profile-sideColumnItemTitle {
    display:block;
    margin-bottom:12px
}
.Profile-lightList {
    font-size:14px
}
.Profile-lightItem {
    padding-left:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:46px;
    font-size:14px;
    border-top:1px solid #e6e6e6
}
.Profile-lightItem:hover,.Profile-lightItem:hover .Profile-lightItemValue {
    color:#175199
}
.Profile-lightItem:last-child {
    border-bottom:1px solid #e6e6e6
}
.Profile-lightItemName {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.Profile-lightItemValue {
    font-size:14px;
    color:#8590a6
}
.Profile-sideColumnTitle {
    padding:0 14px
}
.Profile-footerOperations {
    width:100%;
    padding:10px 0 10px 5px;
    box-sizing:border-box;
    margin-top:6px;
    font-size:14px;
    line-height:1.8;
    text-align:left;
    border-bottom:1px solid #e6e6e6
}
.Profile-footerOperations,.Profile-footerOperations a {
    color:#8590a6
}
.Profile-footerOperations .Button--plain:hover {
    color:#7a8599
}
.Profile-footerOperations .Button--plain:hover .Icon {
    fill:#95a1ba
}
.Profile-footerDot:after {
    margin-right:5px;
    margin-left:5px;
    content:"\B7"
}
.Profile-sideColumnItemLink {
    cursor:pointer
}
.Profile-sideColumnItemLink:hover {
    color:#175199
}
.Profile-createOrgAccount {
    display:inline-block;
    width:100%;
    line-height:60px;
    text-align:center;
    color:#175199
}
.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 #f0f2f7;
    box-sizing:border-box
}
.List-headerText {
    margin:0;
    font-weight:700
}
.List-headerOptions {
    font-size:14px
}
.List-loading {
    padding:200px 0;
    color:#8590a6;
    text-align:center
}
.List-item {
    position:relative;
    padding:16px 20px
}
.List-item:not(:last-child):after {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:0 20px;
    display:block;
    border-bottom:1px solid #f0f2f7;
    content:""
}
.List-item--holder {
    padding:24px 0
}
.List-itemMeta {
    margin-bottom:10px;
    color:#8590a6
}
.ContentItem-title {
    font-size:18px;
    font-weight:700;
    line-height:1.6;
    color:#1e1e1e;
    margin-top:-4px;
    margin-bottom:-4px
}
.ContentItem-title+.ContentItem-meta {
    margin-top:6px
}
.ContentItem-title a:hover {
    color:#175199
}
.ContentItem-meta {
    font-size:15px;
    color:#555
}
.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
}
.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;
    height:52px;
    padding:0 20px;
    margin:4px -20px -8px;
    color:#555;
    background:#fff;
    clear:both
}
.ContentItem-actions.is-fixed {
    margin:0;
    box-shadow:0 -1px 3px rgba(0,34,77,.05)
}
.ContentItem-actions .Button--plain:hover {
    color:#7a8599
}
.ContentItem-actions .Button--plain:hover .Icon {
    fill:#95a1ba
}
.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
}
.ContentItem-more:hover {
    color:#7a8599
}
.ContentItem-more:hover .Icon {
    fill:#95a1ba
}
.ContentItem-time {
    margin-top:1em;
    font-size:14px;
    color:#8590a6
}
.ContentItem-time a:hover {
    border-bottom:1px solid rgba(161,174,191,.72)
}
.ContentItem-arrowIcon {
    width:9px;
    margin-left:8px
}
.ContentItem-arrowIcon.is-active {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.ContentItem-main {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.ContentItem-image {
    float:left;
    margin-right:16px
}
.ContentItem-head {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    margin-right:6px
}
.ContentItem-extra {
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.ContentItem-cells {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:10px;
    line-height:26px
}
.ContentItem-cell:not(:first-child) {
    margin-left:40px
}
.ContentItem-cell>span:first-child {
    color:#8590a6
}
.ImageView {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:101;
    overflow:hidden;
    transition:background-color .2s ease-in-out
}
.ImageView.is-active {
    background-color:hsla(0,0%,100%,.9)
}
.ImageView-inner {
    height:100%;
    box-sizing:border-box
}
.ImageView-img {
    cursor:zoom-out;
    transition:-webkit-transform .3s ease-in-out;
    transition:transform .3s ease-in-out;
    transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}
.CopyrightRichText-tooltip {
    font-size:14px
}
.RichContent {
    line-height:1.67
}
.RichContent--unescapable.is-collapsed .RichContent-inner {
    position:relative;
    transition:max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
    transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035);
    transition:mask-size .22s cubic-bezier(.95,.05,.795,.035),max-height .32s cubic-bezier(.95,.05,.795,.035),-webkit-mask-size .22s cubic-bezier(.95,.05,.795,.035);
    -webkit-mask-image:linear-gradient(#000 calc(100% - 9rem),transparent);
    mask-image:linear-gradient(#000 calc(100% - 9rem),transparent);
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%
}
.RichContent--unescapable.is-collapsed .RichContent-mobileInner {
    -webkit-mask-image:linear-gradient(#000 calc(100% - 5rem),transparent);
    mask-image:linear-gradient(#000 calc(100% - 5rem),transparent)
}
.RichContent--unescapable.is-collapsed .ContentItem-actions {
    position:relative;
    margin-top:47px
}
.RichContent--unescapable.is-collapsed .ContentItem-rightButton {
    position:absolute;
    z-index:1;
    bottom:calc(100% + 24px);
    left:0;
    width:100%;
    color:#175199;
    font-size:15px
}
@media (min-width:690px) {
    .RichContent.is-collapsed {
        cursor:pointer;
        transition:color .14s ease-out
    }
    .RichContent.is-collapsed .RichContent-cover>img {
        transition:-webkit-transform .6s ease-out;
        transition:transform .6s ease-out;
        transition:transform .6s ease-out,-webkit-transform .6s ease-out
    }
    .RichContent.is-collapsed .CopyrightRichText-richText {
        pointer-events:none
    }
    .RichContent.is-collapsed .RichContent-inner:hover {
        color:#6f6f6f
    }
    .RichContent.is-collapsed .RichContent-inner:hover a:not(.video-box):not(.link-box):not(.VideoCard-link),.RichContent.is-collapsed .RichContent-inner:hover u {
        border-bottom:1px solid hsla(0,0%,44%,.72)
    }
    .RichContent.is-collapsed .RichContent-inner:hover a:not(.video-box):not(.link-box):not(.VideoCard-link) u,.RichContent.is-collapsed .RichContent-inner:hover u u {
        border-color:transparent
    }
    .RichContent.is-collapsed .RichContent-inner:hover .RichContent-cover>img {
        -webkit-transform:scale3d(1.024,1.024,1);
        transform:scale3d(1.024,1.024,1)
    }
}
.RichContent.is-collapsed:not(.RichContent--unescapable) .CopyrightRichText-richText {
    white-space:normal
}
.RichContent-inner {
    margin-top:9px;
    margin-bottom:-5px;
    overflow:hidden
}
.RichContent-cover {
    position:relative;
    width:190px;
    height:105px;
    margin-top:-2px;
    margin-right:18px;
    margin-bottom:4px;
    float:left;
    overflow:hidden;
    background-position:50%;
    background-size:cover;
    border-radius:4px;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.RichContent-cover+.RichContent-inner {
    margin-top:16px
}
.RichContent-cover:after {
    position:absolute;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    background:#000;
    content:"";
    opacity:.02
}
.RichContent-cover .VagueImage {
    vertical-align:top
}
.RichContent-cover-play {
    position:absolute;
    z-index:2;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.RichContent-cover-play .Icon {
    display:block
}
.RichContent-cover-inner {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.RichContent-cover-inner img {
    max-width:100%;
    vertical-align:top
}
.RichContent-cover>img {
    margin:0!important
}
.RichContent-cover .zh-lightbox-thumb {
    cursor:pointer!important
}
@media (max-width:320px) {
    .RichContent-collapsedText {
        display:none
    }
}
.RichContent-actions.is-fixed {
    transition:-webkit-transform .2s ease-out;
    transition:transform .2s ease-out;
    transition:transform .2s ease-out,-webkit-transform .2s ease-out;
    margin-bottom:-52px;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.ShareMenu-button {
    height:40px;
    font-size:14px;
    color:#262626
}
.ShareMenu-wechat {
    padding-bottom:12px
}
.ShareMenu-fakeQRCode {
    display:none
}
.ShareMenu-qrCode,.ShareMenu-wechatText {
    display:block
}
.ShareMenu-qrCode {
    width:94px;
    height:94px
}
.QuestionItem-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.QuestionItem-muteStatus {
    display:inline-block;
    padding:0 6px;
    margin-left:8px;
    font-size:12px;
    line-height:1.5;
    color:#8590a6;
    cursor:default;
    background-color:#f7f8fa;
    border-radius:3px
}
.QuestionItem-icon {
    margin-left:8px
}
.QuestionItem-footer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.QuestionItem-dot {
    margin-right:10px
}
.QuestionItem-dot:after {
    content:"\2022"
}
.RadioButtons {
    font-size:14px;
    color:#404040
}
.RadioButtons-item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    padding:11px 0;
    border-bottom:1px solid #f0f2f7
}
@media (max-width:660px) {
    .RadioButtons-item {
        min-height:48px;
        line-height:20px
    }
}
.RadioButtons-text {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.RadioButtons-input {
    display:inline-block;
    width:14px;
    height:14px;
    padding:2px;
    margin:0 4px 0 0;
    vertical-align:middle;
    border:2px solid #e7eaf1;
    border-radius:50%;
    transition:background-color,border-color .3s;
    background-clip:content-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.RadioButtons-input:checked {
    background-color:#0f88eb;
    border-color:#0f88eb
}
.RadioButtons-input:focus {
    outline:none
}
.AddAnnotationModal-description {
    color:#9aaabf;
    font-size:14px;
    margin:20px 0
}
.AddAnnotationModal-body {
    max-height:300px;
    overflow:scroll;
    margin:0 -20px;
    padding:0 20px
}
@media (max-width:660px) {
    .AddAnnotationModal-body {
        margin:16px;
        padding:0;
        max-height:inherit
    }
}
@media (max-width:660px) {
    .AddAnnotationModal-buttonGroup {
        position:absolute;
        bottom:10px;
        width:100%;
        height:36px;
        padding:0 16px
    }
}
@media (max-width:660px) {
    .CancelAnnotationModal {
        padding:16px
    }
}
@media (max-width:660px) {
    .CancelAnnotationModal-Input {
        min-height:132px
    }
}
@media (max-width:660px) {
    .CancelAnnotationModal-CancelButton {
        position:absolute;
        bottom:10px;
        width:343px!important;
        height:36px
    }
}
.Annotation-mark {
    background-color:rgba(40,66,85,.05);
    margin-top:16px;
    padding-bottom:8px;
    border-radius:4px;
    position:relative
}
@media (max-width:660px) {
    .Annotation-mark {
        margin:16px 12px 0
    }
}
.Annotation-markTitle {
    color:#1f1f1f;
    font-size:15px;
    margin-left:16px;
    padding-top:16px;
    font-weight:600
}
@media (max-width:660px) {
    .Annotation-markTitle {
        margin:12px 12px 8px
    }
}
.Annotation-markSummary {
    color:#262626;
    font-size:14px;
    margin:4px 16px 0;
    line-height:24px;
    overflow:auto
}
.Annotation-markSummary a {
    cursor:pointer;
    color:#175199;
    text-decoration:underline
}
@media (max-width:660px) {
    .Annotation-markSummary {
        margin:12px
    }
}
.Annotation-complaintHelp {
    position:absolute;
    top:18px;
    right:16px
}
.UserItem-avatar .Avatar,.UserItem-avatar .Popover {
    display:block
}
.UserItem-title {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.UserItem-name,.UserItem-name .UserLink-badge,.UserItem-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.UserItem-name .UserLink-badge {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.UserItem-headline {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.UserItem-business {
    font-size:14px;
    color:#262626
}
.UserItem-company:after {
    margin:0 5px;
    color:#eee;
    content:"|"
}
.ContentItem-rewardDetails {
    margin-top:-10px
}
.ContentItem-rewardAmount {
    font-size:18px;
    color:#333;
    line-height:25px
}
.ContentItem-rewardTime {
    margin-top:6px;
    font-size:15px;
    color:#9aaabf;
    line-height:21px;
    text-align:right
}
.VoterList {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%
}
.VoterList-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow-y:scroll
}
.VoterList-description {
    text-align:center;
    color:#9aaabf;
    font-size:14px;
    background:rgba(133,144,166,.1)
}
.VoterList-description p {
    margin:12px 24px
}
.Voters {
    color:#8590a6
}
.AnswerModal-list {
    font-size:14px;
    line-height:1.75
}
.AnswerModal-list>li:not(:first-child) {
    margin-top:4px
}
.AnswerModal-moreLink {
    display:inline-block;
    margin-top:8px;
    border-bottom:1px solid transparent;
    font-size:14px;
    color:#175199
}
.AnswerModal-moreLink:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.AnswerForm-rewardModal {
    width:536px;
    font-size:14px;
    color:#9aaabf
}
.AnswerForm-rewardTitle {
    color:#404040;
    font-size:24px;
    margin:40px auto 24px;
    text-align:center
}
.AnswerForm-rewardInput {
    width:488px;
    height:48px;
    line-height:48px;
    border:1px solid #cfd8e6;
    border-radius:3px
}
.AnswerForm-rewardInput input {
    height:36px
}
.AnswerForm-rewardCheckbox {
    margin-top:5px;
    margin-right:8px;
    display:inline-block
}
.AnswerForm-rewardLink {
    color:#3e7ac2
}
.AnswerForm-prompting {
    display:inline-block;
    position:absolute;
    right:22px
}
.AnswerForm-remark {
    margin:16px 0 39px
}
.AnswerForm-Protocol,.AnswerForm-Protocol p {
    display:inline-block
}
.AnswerForm-rewardSubmit {
    width:220px;
    height:36px;
    display:block;
    margin:0 auto;
    background:#0f88eb;
    border-radius:3px;
    border:1px solid #0f88eb;
    color:#fff
}
.AnswerForm-rewardSubmit:hover {
    background-color:#0f88eb!important;
    color:#fff
}
.AnswerForm-rewardSubmit-disabled {
    border:1px solid #ccd8e1
}
.AnswerForm--bordered {
    border:1px solid #e7eaf1;
    border-radius:3px
}
.AnswerForm:not(.AnswerForm--bordered) .Editable-toolbar {
    border-top:1px solid #e7eaf1
}
.AnswerForm-editor {
    border:none;
    border-radius:0
}
.AnswerForm-editor.is-focus {
    border:none
}
.AnswerForm-editor .DraftEditor-root {
    padding:12px 20px;
    font-size:15px
}
.AnswerForm-editor .Dropzone-overlay {
    margin:14px 24px
}
.AnswerForm-footer {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:64px;
    padding:12px 24px;
    background:#fff;
    box-sizing:border-box
}
.AnswerForm-footer--hidden {
    pointer-events:none;
    opacity:0
}
.AnswerForm-status {
    font-size:14px;
    color:#8590a6
}
.AnswerForm-delete {
    margin-right:12px
}
.AnswerForm-delete:hover .Icon {
    fill:#95a1ba
}
.AnswerForm-footerRight {
    transition:opacity .3s ease-out;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    line-height:34px;
    position:absolute;
    right:24px
}
.AnswerForm-submit {
    margin-left:22px
}
.AnswerForm-cancel {
    color:#175199;
    cursor:pointer
}
.AnswerForm-cancel:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.AnswerForm-Notication {
    position:absolute;
    right:300px;
    display:inline-block;
    background:#000;
    margin-left:129px;
    height:20px;
    opacity:.8;
    color:#fff;
    padding:8px;
    line-height:20px;
    border-radius:4px;
    font-size:14px
}
.AnswerForm-Notication:after {
    position:absolute;
    right:-12px;
    z-index:3;
    width:0;
    height:0;
    margin:auto;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
    border-radius:1px;
    content:"";
    border-bottom:8px solid #000;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    margin-top:6px
}
.AnswerForm-openRewardButton {
    margin-left:auto;
    margin-right:53px;
    position:absolute;
    right:160px
}
.AnswerForm-openRewardDraftsLabel {
    right:200px
}
.AnswerForm-openRewardLabel {
    color:#9aaabf;
    font-size:14px
}
.AnswerForm-openRewardLabel input {
    margin-right:9px
}
.VoteButton {
    padding:0 10px;
    color:#2d84cc;
    background:#ebf3fb;
    border-color:#ebf3fb
}
.VoteButton:not(:disabled):hover {
    background-color:#e4ebf3;
    border-color:#e4ebf3
}
.VoteButton:disabled:hover {
    background:#ebf3fb;
    border-color:#ebf3fb
}
.VoteButton.is-active {
    color:#eef3f7;
    background:#2d84cc;
    border-color:#2d84cc
}
.VoteButton.is-active:hover {
    background-color:#2774b3;
    border-color:#2774b3
}
.VoteButton:focus {
    outline:none
}
html:not([data-focus-method=pointer]) .VoteButton:focus {
    box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(38,148,237,.3)
}
.VoteButton--down {
    margin-left:4px
}
.VoteButton--down.VoteButton--mobileDown {
    margin-left:8px
}
.VoteButton-downIcon,.VoteButton-upIcon {
    fill:currentColor
}
.VoteButton-upIcon {
    margin-right:8px
}
.VoteButton-downIcon {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.TPass {
    display:inline-block;
    border-color:#ccc
}
.TPass-wrapper {
    display:block;
    position:relative;
    font-size:14px;
    color:#666;
    border-color:inherit
}
.TPass-input {
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    margin-top:1px;
    margin-left:1px;
    padding:0;
    width:50px;
    height:50px;
    border:0;
    border-radius:4px;
    line-height:50px;
    text-align:center;
    color:currentColor;
    transition:opacity .1s
}
.TPass-input::-webkit-inner-spin-button,.TPass-input::-webkit-outer-spin-button {
    -webkit-appearance:none;
    appearance:none
}
.TPass-input:focus {
    opacity:1
}
.TPassBoxes {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:352px;
    line-height:1;
    vertical-align:top;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.TPassBox {
    box-sizing:border-box;
    border-radius:4px;
    display:block;
    width:50px;
    height:50px;
    border:1px solid;
    border-color:inherit;
    line-height:50px;
    text-align:center;
    vertical-align:top
}
.TPassBox-mask:before {
    content:"";
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:4px;
    background:currentColor;
    color:var(--font-lighter)
}
.TPassBox,.TPassBoxes {
    transition:border-color .1s
}
.Spinner {
    contain:strict;
    display:block;
    margin:0 auto;
    width:24px;
    height:24px;
    line-height:24px
}
.Spinner-loading {
    display:inline-block;
    width:16px;
    height:16px;
    margin:0 auto;
    border-radius:100px;
    border:4px solid #f75659;
    border-top-color:transparent;
    -webkit-animation:rotate .8s infinite linear;
    animation:rotate .8s infinite linear
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
.Payment {
    font-size:14px;
    text-align:center;
    color:#666;
    margin-top:16px
}
.Payment-placeholder {
    height:20px;
    padding:70px;
    text-align:center
}
.Payment-placehoder--empty {
    margin-bottom:-16px
}
.PaymentsList {
    text-align:left;
    margin:0 -16px -16px;
    line-height:50px
}
.PaymentsList .Popover {
    position:absolute;
    right:26px
}
.Payment-Popover {
    border:none;
    padding-left:4px;
    padding-right:0
}
.Payment-Bottomline,.Payment-Topline {
    content:"";
    position:absolute;
    left:0;
    right:0;
    height:1px;
    color:#e7eaf1;
    background:currentColor;
    width:353px;
    margin-left:23px
}
.PaymentWay {
    font-size:14px;
    color:#999;
    margin-left:23px;
    margin-right:118px
}
.Payment-select-list,.Popover-targetContainer-verification {
    width:auto;
    min-width:187px
}
.PaymentItem svg {
    margin-right:4px
}
.PaymentItem:hover {
    background:#f5f9f8
}
.PaymentItem .icon {
    vertical-align:-4px;
    margin-right:6px
}
.PaymentItem--disabled {
    color:#999;
    pointer-events:none
}
.Payment-balancePay,.Payment-wechatPay {
    line-height:40px;
    padding-top:20px;
    padding-bottom:8px
}
.Payment-balancePay .icon,.Payment-wechatPay .icon {
    margin-right:6px
}
.Payment-balancePayTitle,.Payment-wechatPayTitle {
    font-size:24px;
    color:#404040;
    line-height:33px;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.PaymentIconWechat {
    color:#33ad37
}
.PaymentIconWallet {
    color:#0f88eb
}
.PaymentItem--disabled .PaymentIconWallet {
    color:#999
}
.Payment-CheckedButton {
    display:block;
    margin:19px 24px 0 22px;
    height:44px;
    width:353px;
    border-radius:4px;
    background:#0f88eb;
    border:1px solid #0f88eb;
    color:#fff;
    font-size:16px
}
.Payment-CheckedButton:hover {
    background-color:#0f88eb
}
.Payment-balancePaySms {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    position:relative
}
.Payment-balancePaySmsText,.Payment-sms {
    -webkit-box-flex:100%;
    -ms-flex:100%;
    flex:100%
}
.Payment-sendSms {
    position:absolute;
    right:0;
    top:44px;
    border:none;
    line-height:33px;
    color:currentColor;
    background:none
}
.Payment-sendSms:hover {
    text-decoration:underline;
    cursor:pointer
}
.Payment-sendSms[disabled] {
    color:#999;
    cursor:not-allowed
}
.Payment-qrPlaceholder,.Payment-qrWrapper {
    margin:0 auto;
    width:115px;
    height:115px;
    color:#999
}
.Payment-qrPlaceholder i,.Payment-qrWrapper i {
    margin:20px
}
.Payment-qrPlaceholder img,.Payment-qrWrapper img {
    width:115px;
    height:115px
}
.Payment-qrPlaceholder {
    padding-top:30px
}
.Payment-qrPlaceholder img {
    position:absolute;
    bottom:0;
    opacity:.01
}
.Payment-balancePayFooter {
    padding:20px 0 0;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
.Payment-balancePayConfirmBtn {
    width:60px;
    padding:0
}
.Payment-balancePayForget {
    font-size:13px;
    line-height:24px;
    color:#9aaabf;
    margin-top:20px
}
.Payment-errorTip {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    color:#c33;
    text-align:center;
    line-height:36px
}
.Payment-errorInput {
    border-color:#ffb3ba
}
.Payment-errorInput .TPass-wrapper {
    color:#ffb3ba
}
.Payment-errorInput input {
    outline-color:#ffb3ba
}
.Payment-tpass {
    position:relative;
    margin-top:41px
}
.Payment-tpass .TPass-wrapper {
    color:#ccc
}
.Payment-progressing .TPass-wrapper {
    visibility:hidden
}
.Payment-balancePaySpinner {
    margin-top:-24px;
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px)
}
.Payment-email {
    color:#3e7ac2
}
.Payment-description {
    font-size:14px;
    color:#9aaabf;
    line-height:24px;
    margin-top:2px
}
.Reward-TipjarDialogModal {
    width:400px
}
.Reward-TipjarDialog {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.Reward-TipjarDialog-user {
    font-size:18px;
    color:#333;
    font-weight:700;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    padding:16px 0 0
}
.Reward-TipjarDialog-user .Reward-UserAvatar {
    margin-right:16px;
    display:inline-block;
    vertical-align:middle
}
.Reward-TipjarDialog-user .Reward-UserAvatar img {
    display:block;
    border-radius:2px
}
.Reward-Avatar {
    width:36px;
    height:36px
}
.Reward-TipjarDialog-tagLine {
    height:30px;
    font-size:14px;
    margin-top:20px;
    line-height:30px;
    background:#f6f6f6;
    border-radius:4px;
    padding:5px 10px;
    color:#404040;
    margin-bottom:20px;
    position:relative
}
.Reward-User-img {
    position:relative
}
.Reward-User-img:hover:after,.Reward-User-img:hover:before {
    visibility:visible;
    opacity:1;
    transition-delay:.3s
}
.Reward-User-img:before {
    -webkit-transform:scale(-1);
    transform:scale(-1);
    width:0;
    height:0;
    margin:0 0 0 -6px;
    font-size:0;
    color:rgba(0,0,0,.8);
    border-bottom:6px solid currentColor;
    border-left:6px solid transparent;
    border-right:6px solid transparent
}
.Reward-User-img:after,.Reward-User-img:before {
    content:"";
    position:absolute;
    visibility:hidden;
    opacity:0;
    left:38%;
    top:-20px;
    z-index:10;
    transition:visibility .3s,opacity .3s
}
.Reward-User-img:after {
    content:attr(data-hover-title);
    -webkit-transform:translate(-50%,-100%);
    transform:translate(-50%,-100%);
    font-size:13px;
    color:#fff;
    background:rgba(0,0,0,.8);
    border-radius:4px;
    white-space:nowrap;
    padding:3px 8px
}
.Reward-MoreUser,.Reward-User-avatar {
    cursor:pointer;
    border-radius:100px;
    height:25px;
    width:25px;
    margin-right:9px
}
.Reward-MoreUser {
    text-align:center;
    display:inline-block;
    background:#f0f0f0
}
.Reward-MoreUser i {
    width:3px;
    height:3px;
    background:#b3b3b3;
    border-radius:45%;
    position:absolute;
    margin-top:11px;
    margin-left:-2px
}
.Reward-MoreUser i:first-child {
    margin-left:-8px
}
.Reward-MoreUser i:last-child {
    margin-left:4px
}
.Reward-User-text {
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    cursor:pointer;
    margin-bottom:10px
}
.Reward-TipjarDialog-selectAmount {
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch
}
.Reward-TipjarDialog-amountList,.Reward-TipjarDialog-selectAmount {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal
}
.Reward-TipjarDialog-amountList {
    -webkit-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.Reward-TipjarDialog-amountList .Button {
    width:28%;
    margin:0 0 24px;
    font-size:14px
}
.Reward-TipjarDialog-amountList .Button--red {
    border-color:#f75659;
    color:#f75659
}
.Reward-TipjarDialog-amountList .Reward-Button-checked {
    background:#f75659;
    color:#fff
}
.Reward-TipjarDialog-amountList b {
    margin-right:.2em;
    font-size:var(--type-base)
}
.Reward-TipjarDialog-amountCustom {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:6px
}
.Reward-TipjarDialog-amountCustom,.Reward-TipjarDialog-amountInput {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
.Reward-TipjarDialog-amountInput {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-preferred-size:100%;
    flex-basis:100%
}
.Reward-TipjarDialog-amountInput .Button {
    margin-left:21px;
    height:34px;
    width:68px;
    line-height:34px;
    margin-top:1px
}
.Reward-TipjarDialog-amountInput .SimpleInput {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    min-height:0;
    outline:none;
    padding:0 4px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    font-size:14px;
    line-height:20px;
    margin-bottom:2px;
    border:1px solid #cfd8e6;
    box-shadow:0 1px 2px 0 hsla(0,0%,100%,.12);
    border-radius:3px;
    width:261px;
    height:36px
}
.Reward-TipjarDialog-amountInput .SimpleInput::-webkit-input-placeholder {
    color:#9aaabf
}
.Reward-TipjarDialog-amountInput .SimpleInput:-ms-input-placeholder {
    color:#9aaabf
}
.Reward-TipjarDialog-amountInput .SimpleInput::placeholder {
    color:#9aaabf
}
.TipjarDialog-customButton {
    display:block;
    margin:0 auto;
    color:#f75659
}
.TipjarDialog-customButton-cheked {
    background:#f75659;
    border:1px solid #f75659;
    border-radius:3px;
    width:140px;
    height:34px;
    font-size:12px;
    color:#fff;
    text-align:center;
    margin:0 auto;
    display:block
}
.TipjarDialog-customButton-cheked:hover {
    background-color:#f75659
}
.Reward-TipjarDialog-error {
    color:#f75659;
    margin-top:6px;
    display:none;
    -webkit-box-flex:100%;
    -ms-flex:100%;
    flex:100%;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1
}
.AnswerReward {
    text-align:center;
    color:#7a8599;
    font-size:14px
}
.AnswerReward-tagline {
    margin-top:60px;
    line-height:18px;
    font-size:15px
}
.AnswerReward-activateBtn,.AnswerReward-rewardBtn {
    color:#fff;
    background:#f36;
    width:80px;
    height:34px;
    border-radius:4px
}
.AnswerReward-rewardBtn {
    margin-top:27px
}
.AnswerReward-activateBtn {
    margin-bottom:20px
}
.AnswerReward-count,.AnswerReward-countZero {
    margin-top:20px
}
.AnswerReward-editButton {
    margin-left:15px;
    cursor:pointer
}
.AnswerReward-money {
    font-size:24px;
    margin-top:20px;
    font-weight:500;
    color:#404040
}
.AnswerReward-money span {
    cursor:pointer
}
.AnswerReward-activateBtn-author {
    margin-top:60px
}
.AnswerReward-activateHint {
    margin-bottom:28px
}
.GuideModal-openInAppButton {
    width:100%;
    line-height:48px;
    color:#fff;
    background-color:#0f88eb;
    border-radius:3px
}
.GuideModal-links {
    margin-top:16px;
    margin-bottom:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.GuideModal-links .Button {
    position:relative;
    width:120px;
    font-size:15px
}
.GuideModal-links .Button:not(:last-child):after {
    content:"";
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    display:block;
    width:0;
    height:15px;
    border-left:1px solid #e7eaf1
}
.AnswerItem-meta {
    position:relative;
    margin-top:14px
}
.AnswerItem-meta .AnswerItem-sticky {
    position:absolute;
    top:0;
    right:0;
    font-size:14px;
    line-height:14px;
    color:#9aaabf;
    cursor:default
}
.AnswerItem-meta--related {
    margin-top:-2px
}
.AnswerItem-selfMenu {
    font-size:14px;
    color:#8590a6
}
.AnswerItem-selfMenuItem {
    line-height:40px
}
.AnswerItem-selectMenuItem {
    position:relative;
    padding-left:44px;
    line-height:40px
}
.AnswerItem-selectMenuItem .Icon {
    position:absolute;
    top:10px;
    left:20px
}
.AnswerItem-extraInfo {
    margin-top:10px;
    margin-bottom:-4px;
    font-size:14px;
    color:#8590a6
}
.AnswerItem-statusContent {
    padding:16px;
    margin:16px 0;
    background:#f7f8f9;
    border-radius:4px
}
.AnswerItem-statusReason {
    font-size:15px;
    line-height:26px;
    color:#1e1e1e;
    font-weight:700;
    margin-bottom:3px
}
.AnswerItem-statusDescription {
    font-size:14px;
    line-height:26px;
    color:#262626
}
.AnswerItem-statusDescription .RichContent-inner {
    margin-top:0
}
.AnswerItem-statusDescription .RichContent.is-collapsed .RichContent-inner:hover {
    color:#262626
}
.AnswerItem-statusDescription .ContentItem-arrowIcon {
    display:none
}
.AnswerItem-statusLink {
    border-bottom:1px solid #8590a6
}
.AnswerItem-statusLink:active,.AnswerItem-statusLink:hover {
    color:#175199;
    border-bottom:1px solid #175199
}
.AnswerItem-complaintLink {
    color:#175199;
    font-weight:400;
    padding-bottom:2px
}
.AnswerItem-complaintLink:hover {
    border-bottom:1px solid #175199
}
.AnswerItem-complaintHelp {
    float:right
}
.AnswerItem-complaintIcon {
    position:relative;
    top:-1px
}
.AnswerItem-status {
    padding:16px;
    margin:16px 0;
    color:#8590a6;
    background:#e7eaf1;
    border-radius:4px
}
.AnswerItem-status a {
    color:#175199
}
.AnswerItem-status a:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.AnswerItem-deleted {
    font-size:15px;
    color:#8590a6;
    text-align:center
}
.AnswerItem-deleted a {
    font-size:inherit;
    color:#175199;
    cursor:pointer
}
.AnswerItem-deleted a:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.AnswerItem-form {
    margin-top:24px
}
.AnswerItem-editButton {
    color:#175199;
    cursor:pointer
}
.AnswerItem-editButton:hover .AnswerItem-editButtonText {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.AnswerItem-editButton .Icon {
    fill:#175199
}
.AnswerItem-mainAction {
    margin-right:16px;
    border-color:#0f88eb;
    color:#0f88eb
}
.AnswerItem-mainAction--disabled {
    opacity:.5
}
.Mobile-body .AnswerItem-mainAction {
    margin-right:12px;
    padding:0 10px;
    line-height:28px;
    font-size:12px
}
.Mobile-body .AnswerItem .Icon--comment,.Mobile-body .AnswerItem .Icon--dots,.Mobile-body .AnswerItem .Icon--setting,.Mobile-body .AnswerItem .Icon--star {
    width:16px!important
}
.LikeButton {
    padding:0 15px;
    color:#2d84cc;
    text-align:center;
    border-radius:3px;
    box-sizing:border-box
}
.LikeButton,.LikeButton:disabled:hover {
    background:#ebf3fb;
    border-color:#ebf3fb
}
.LikeButton:not(:disabled):hover {
    background-color:#e4ebf3;
    border-color:#e4ebf3
}
.LikeButton.is-active {
    color:#eef3f7;
    background:#2d84cc;
    border-color:#2d84cc
}
.LikeButton.is-active:hover {
    background-color:#2774b3;
    border-color:#2774b3
}
.LikeButton .Icon {
    margin-right:7px;
    fill:currentColor
}
.ArticleItem-authorInfo {
    margin-top:14px
}
.ArticleItem-extraInfo {
    margin-top:11px;
    margin-bottom:-3px;
    font-size:14px;
    color:#8590a6
}
.ArticleItem-image {
    margin-top:10px;
    width:100%
}
.ArticleItem .RichContent-cover-inner img {
    -o-object-fit:cover;
    object-fit:cover
}
.ArticleItem-status {
    padding:16px;
    margin:16px 0;
    color:#8590a6;
    background:#e7eaf1;
    border-radius:4px
}
.ArticleItem-status a {
    color:#175199
}
.ArticleItem-status a:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.EBookItem .ContentItem-title {
    margin-top:0
}
.EBookItem-description {
    line-height:27px;
    margin-top:12px;
    margin-bottom:16px;
    color:#262626;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.EBookItem-image {
    border-radius:3px;
    box-shadow:0 1px 4px 0 rgba(0,0,0,.12);
    vertical-align:top
}
.EBookItem-actions {
    margin-top:4px
}
.EBookItem-price {
    color:#f75659
}
.EBookItem-price del {
    margin-left:6px;
    color:#8590a6
}
.TopicItem-statusLink {
    font-size:14px;
    color:#175199
}
.FavlistItem-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.FavlistItem-lockIcon {
    margin-left:8px
}
.FavlistItem-follow {
    width:90px
}
.RoundtableItem-badge {
    display:inline-block;
    padding:3px 6px;
    font-size:12px;
    white-space:nowrap;
    color:#8590a6;
    vertical-align:1px;
    background-color:#f7f8fa;
    border-radius:3px;
    line-height:1;
    margin-left:8px
}
.RoundtableItem-badge .Icon {
    margin-right:6px
}
.LiveItem-description {
    display:inline-block;
    margin-top:8px;
    line-height:26px;
    cursor:pointer
}
.LiveItem-description.is-expand {
    overflow:auto;
    white-space:pre-wrap
}
button.LiveItem-description {
    display:block;
    width:100%;
    text-align:left
}
.LiveItem-price {
    color:#f75659
}
.LiveItem-price del {
    color:#8590a6;
    margin-left:3px
}
.LiveItem-cover {
    position:relative;
    display:block;
    width:100%;
    height:160px;
    border-radius:4px;
    overflow:hidden;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    margin-bottom:10px
}
.LiveItem-cover img {
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0)
}
.FavlistItem-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.FavlistItem-lockIcon {
    margin-left:8px
}
.FavlistItem-follow {
    width:90px
}
.PinItem-authorInfo {
    margin-bottom:10px
}
.PinItem-remainContentRichText {
    pointer-events:auto
}
.PinItem-remainContentRichText blockquote {
    cursor:pointer
}
.PinItem-3lineBlockquote {
    display:-webkit-box;
    max-height:81px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.PinItem-contentTitle {
    max-height:54px
}
.PinItem-contentTitle,.PinItem-contentUrl {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.PinItem .subtype {
    display:inline-block;
    padding:1px 6px;
    margin-left:8px;
    font-size:12px;
    line-height:normal;
    color:#8590a6;
    vertical-align:1px;
    background-color:#f7f8fa;
    border-radius:3px
}
.ActivityItem-meta {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.ActivityItem-metaTitle {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.SubTabs {
    display:inline-block
}
.SubTabs-item {
    height:21px;
    padding:6px 0 7px;
    margin-right:36px
}
.SubTabs-item:last-child {
    margin-right:0
}
.SubTabs-item:not(.is-active) {
    font-weight:400
}
.SubTabs .Select-button {
    font-size:1em;
    font-weight:inherit
}
.Field {
    padding:30px 0;
    border-bottom:1px solid #ebeef5
}
.Field .ButtonGroup .Button+.Button {
    margin-left:16px
}
.Field-label {
    position:absolute;
    font-size:15px;
    font-weight:700;
    line-height:36px;
    color:#333
}
.Field-content {
    padding:0 64px 0 140px;
    line-height:36px
}
.Field-list {
    margin:20px -10px 0
}
.Field-dot {
    margin-right:10px
}
.Field-input {
    width:180px
}
.Field-longInput {
    width:495px
}
.Field-autoComplete {
    display:inline-block
}
.Field-autoComplete:not(:first-child) {
    margin-left:16px
}
.Field-card {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:440px;
    padding:8px 10px;
    line-height:24px;
    cursor:move
}
.Field-card span {
    margin-left:12px;
    font-size:15px;
    color:#262626
}
.Field-hoveredCard {
    background:#f7f8fa;
    border-radius:4px
}
.Field-draggingCard {
    opacity:1
}
.Field-delete {
    position:absolute;
    top:50%;
    right:10px;
    cursor:pointer;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.Field-avatar {
    vertical-align:top
}
.Field-modify {
    position:absolute;
    margin-left:16px;
    line-height:inherit;
    transition:opacity .1s
}
.Field-modify-hidden:not(:focus) {
    opacity:0
}
.Field .MaxLength {
    position:absolute;
    top:30px;
    right:12px;
    text-align:right
}
.ButtonGroup {
    margin-top:24px;
    vertical-align:top
}
.ButtonGroup--right {
    display:inline-block;
    margin-top:0;
    margin-left:24px
}
.HeadlineField-input {
    width:540px
}
.HeadlineField-buttonGroup {
    display:inline-block
}
.HeadlineField-actions {
    position:relative
}
.HomepageField-input {
    width:540px
}
.HomepageField-buttonGroup {
    display:inline-block
}
.HomepageField-actions {
    position:relative
}
.AddButton {
    font-size:15px
}
.AddButton-icon {
    fill:#3e7ac2;
    vertical-align:-4px
}
.TextArea {
    padding:4px 10px;
    font-family:inherit;
    font-size:14px;
    font-weight:inherit;
    line-height:26px;
    background:#fafafa;
    border:1px solid #e7e7e7;
    border-radius:3px;
    outline:none;
    box-sizing:border-box;
    transition:background .2s;
    resize:none
}
.TextArea:focus {
    background:#fff
}
.TextArea::-webkit-input-placeholder {
    color:#8590a6
}
.TextArea:-ms-input-placeholder {
    color:#8590a6
}
.TextArea::placeholder {
    color:#8590a6
}
.DescriptionField-input {
    width:540px
}
.DescriptionField-buttonGroup {
    display:inline-block
}
.DescriptionField-actions {
    position:relative
}
.DescriptionField-content {
    word-break:break-all
}
.ProfileEdit {
    width:1000px;
    padding:0 16px;
    margin:14px auto;
    font-size:15px;
    color:#262626
}
.ProfileEdit-fields {
    padding-bottom:100px;
    margin-top:10px
}
.ProfileEdit-headlineInput {
    width:495px
}
.ProfileEdit-buttons {
    margin-top:24px
}
.ProfileEdit-expandActions {
    bottom:auto
}
.ProfileEdit-arrowIcon {
    margin:0 4px 0 8px;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.Anonymous-confirm ul {
    padding-left:2em
}
.Anonymous-confirm ul li {
    list-style:disc
}
.QuestionRichText {
    font-size:15px;
    line-height:25px
}
.QuestionRichText--expandable.QuestionRichText--collapsed {
    cursor:pointer;
    transition:color .14s ease-out
}
.QuestionRichText--expandable.QuestionRichText--collapsed .RichText {
    pointer-events:none
}
.QuestionRichText--expandable.QuestionRichText--collapsed:hover {
    color:#6f6f6f
}
.QuestionRichText--expandable.QuestionRichText--collapsed:hover a:not(.video-box):not(.link-box):not(.VideoCard-link),.QuestionRichText--expandable.QuestionRichText--collapsed:hover u {
    border-bottom:1px solid hsla(0,0%,44%,.72)
}
.QuestionRichText--expandable.QuestionRichText--collapsed:hover a:not(.video-box):not(.link-box):not(.VideoCard-link) u,.QuestionRichText--expandable.QuestionRichText--collapsed:hover u u {
    border-color:transparent
}
.QuestionRichText-more:hover {
    color:#7a8599
}
.QuestionRichText-more:hover .Icon {
    fill:#95a1ba
}
.QuestionRichText-more-icon {
    margin-left:8px
}
.QuestionButtonGroup {
    display:inline-block;
    margin:0 -8px
}
.QuestionButtonGroup .Button {
    margin:0 8px
}
.MobileQuestionButtonGroup .Button {
    margin-right:16px
}
.QuestionMainAction {
    width:100%;
    height:50px;
    font-size:15px;
    border:none;
    border-radius:0
}
.QuestionMainAction:first-child:not(:last-child) {
    border-bottom:1px solid #e7eaf1
}
.QuestionMainAction:last-child:not(:first-child) {
    border-top:1px solid #e7eaf1
}
.QuestionMainAction a {
    color:#175199
}
.QuestionMainAction a:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
a.QuestionMainAction {
    display:block;
    line-height:50px;
    color:#8590a6;
    text-align:center
}
a.QuestionMainAction:hover {
    color:#175199
}
.QuestionInvitation {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%
}
.QuestionInvitation .Card-headerText {
    color:#8590a6
}
.QuestionInvitation em {
    font-style:normal;
    color:#f75659
}
.QuestionInvitation-title {
    font-size:16px;
    font-weight:700
}
.QuestionInvitation-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow-x:hidden;
    overflow-y:auto
}
.QuestionInvitation-content--centered {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:160px
}
.Invitees {
    max-height:383px;
    overflow-y:auto
}
.Invitees-toggler {
    font-size:15px;
    color:inherit
}
.Invitees-togglerUsers {
    font-weight:400;
    color:#262626
}
.InviteeItem {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:340px;
    padding:16px;
    box-sizing:border-box
}
.InviteeItem:not(:last-child):after {
    position:absolute;
    bottom:0;
    display:block;
    width:calc(100% - 32px);
    border-bottom:1px solid #f0f2f7;
    content:""
}
.InviteeItem-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.InviteeItem-image {
    margin-right:12px
}
.InviteeItem-title {
    margin:0;
    font-weight:700
}
.QuestionStatus-bar {
    position:relative;
    padding:16px;
    line-height:28px;
    color:#8590a6;
    text-align:center;
    background-color:rgba(133,144,166,.08);
    z-index:5
}
.QuestionStatus-bar em,.QuestionStatus-bar strong {
    font-style:normal;
    font-weight:700;
    color:#3f3f3f
}
.QuestionStatus-bar-inner {
    width:1000px;
    padding:0 24px;
    margin:0 auto;
    box-sizing:border-box
}
.QuestionStatus-bar-commercialMuted {
    line-height:26px;
    font-size:14px;
    font-weight:700;
    color:#404040
}
.QuestionStatus-bar-commercialMuted a {
    color:#4d87ce
}
.QuestionStatus-bar-commercialMuted+p {
    line-height:26px;
    font-size:14px;
    color:#9aaabf
}
.QuestionStatus-notification {
    position:absolute;
    margin-top:50px;
    width:680px;
    padding-right:24px;
    padding-left:24px
}
.QuestionStatus-notification-inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.QuestionStatus-notification-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap
}
.QuestionStatus-notification-content a {
    display:inline;
    color:#175199
}
.QuestionStatus-notification-content a:hover {
    text-decoration:underline
}
.QuestionStatus-notification-actions {
    margin-left:32px
}
.QuestionStatus-notification-divider {
    display:inline-block;
    height:14px;
    margin:0 12px;
    vertical-align:middle;
    border-right:1px solid #e7eaf1
}
.QuestionStatus-notification-primary {
    color:#175199
}
.QuestionFollowStatus-counts {
    width:200px;
    margin-left:auto
}
.QuestionFollowStatus-counts .NumberBoard-name {
    line-height:14px
}
.QuestionFollowStatus-counts .NumberBoard-value {
    margin-top:6px;
    line-height:18px
}
.QuestionFollowStatus-people {
    height:32px;
    margin-top:10px
}
.QuestionFollowStatus-people .UserLink {
    display:inline-block;
    vertical-align:middle
}
.QuestionFollowStatus-people .UserLink+.UserLink {
    margin-left:-8px
}
.QuestionFollowStatus-people .Avatar {
    display:block;
    border:1px solid #fff;
    box-shadow:0 2px 4px rgba(4,27,45,.1)
}
.QuestionFollowStatus-people-tip {
    margin-right:8px;
    font-size:14px;
    color:#8590a6
}
.QuestionRedirectionCreator-content {
    height:160px
}
.QuestionRedirectionCreator .Popover {
    display:block
}
.QuestionRedirectionCreator .Input {
    height:30px
}
.QuestionRedirectionCreator-menu {
    width:488px
}
.QuestionHeaderActions {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.QuestionHeaderActions>.Button:not(:first-child),.QuestionHeaderActions>.Popover:not(:first-child) {
    margin-left:24px
}
@media (max-width:690px) {
    .QuestionHeaderActions>.Button:not(:first-child),.QuestionHeaderActions>.Popover:not(:first-child) {
        margin-left:16px
    }
}
.BrandQuestionLabel {
    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;
    -ms-flex-negative:0;
    flex-shrink:0
}
.BrandQuestionLabel-icon {
    border-left:4px solid #0f88eb;
    padding-left:5px;
    line-height:16px;
    font-size:13px;
    color:#1e1e1e
}
.BrandQuestionLabel-divider {
    margin-left:16px;
    margin-right:17px;
    border-left:1px solid #e7eaf1;
    height:24px;
    background:#e7eaf1
}
.BrandQuestionSymbol {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    margin-top:12px;
    margin-bottom:14px;
    font-size:15px;
    color:#8590a6
}
.BrandQuestionSymbol,.BrandQuestionSymbol-brandLink {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.BrandQuestionSymbol-name {
    margin:0 8px;
    color:#175199
}
.BrandQuestionSymbol-logo {
    border-radius:28px;
    width:28px;
    height:28px
}
.BrandQustionSymbol-link {
    text-decoration:underline
}
.BrandQustionSymbol-link:hover {
    color:#175199
}
.BrandQuestionSymbol-dot {
    margin:0 4px
}
.OrgQuestionSymbol {
    height:60px;
    margin-top:16px;
    margin-bottom:-16px;
    border-top:1px solid rgba(0,34,77,.05)
}
.OrgQuestionSymbol-inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:1000px;
    height:100%;
    padding:0 16px;
    margin:0 auto
}
.OrgQuestionSymbol-inner--mobile {
    padding:0
}
.OrgQuestionSymbol-main {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    font-size:14px;
    color:#8590a6
}
.OrgQuestionSymbol-avatar {
    margin-right:12px
}
.OrgQuestionSymbol-avatar .Avatar,.OrgQuestionSymbol-avatar .Popover,.OrgQuestionSymbol-avatar .UserLink {
    display:block
}
.OrgQuestionSymbol-name {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.OrgQuestionSymbol-name .UserLink {
    font-weight:700;
    color:#262626
}
.QuestionHeader {
    position:relative;
    min-width:1032px;
    padding:16px 0;
    overflow:hidden;
    background:#fff;
    box-shadow:0 1px 3px 0 rgba(0,37,55,.1)
}
.QuestionHeader-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:1000px;
    height:100%;
    padding:0 16px;
    margin:0 auto
}
.PageHeader .QuestionHeader-content {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.QuestionHeader-main {
    width:694px;
    padding-left:20px;
    box-sizing:border-box
}
.QuestionHeader-side {
    width:296px;
    padding-right:20px;
    text-align:right
}
.QuestionHeader-tags,.QuestionHeader-topics {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.QuestionHeader-topics {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:-5px;
    padding:1px 0
}
.QuestionHeader-topics .QuestionTopic {
    margin:3px 5px 3px 0;
    vertical-align:middle
}
.QuestionHeader-topics .Button {
    margin-left:12px;
    vertical-align:middle
}
.QuestionHeader-title {
    margin-top:12px;
    margin-bottom:4px;
    font-size:22px;
    font-weight:700;
    line-height:32px;
    color:#1e1e1e
}
.QuestionHeader-title .Button {
    margin-left:12px;
    vertical-align:middle
}
.PageHeader .QuestionHeader-title {
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer
}
.QuestionHeader-lock {
    vertical-align:middle
}
.QuestionHeader-detail {
    min-height:10px
}
.QuestionHeader-footer {
    padding-bottom:12px;
    margin-top:4px;
    margin-bottom:-12px;
    background:#fff
}
.QuestionHeader-footer.is-fixed {
    height:60px;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
    border-top:1px solid #e7eaf1;
    box-shadow:0 -1px 3px rgba(0,34,77,.05)
}
.QuestionHeader-footer-inner {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:1000px;
    height:100%;
    padding:0 16px;
    margin:0 auto
}
.QuestionHeader-footer-inner,.QuestionHeader-footer-main {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.QuestionHeader-actions {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 -12px
}
.QuestionHeader-actions .Button {
    margin:0 12px
}
.QuestionHeader-actions .Button--plain:hover {
    color:#7a8599
}
.QuestionHeader-actions .Button--plain:hover .Icon {
    fill:#95a1ba
}
.QuestionHeader-collapse-icon {
    margin-left:8px;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.QuestionHeader-menu {
    font-size:14px
}
.QuestionHeader-menu-item {
    line-height:40px
}
.QuestionHeader-delete-confirm {
    text-align:center
}
.QuestionHeader-edit:hover {
    color:#7a8599
}
.QuestionHeader-edit:hover .Icon {
    fill:#95a1ba
}
.QuestionPage {
    position:relative
}
.QuestionPage-commercialIsMutedCover {
    position:absolute;
    width:100%;
    height:100%;
    background:hsla(0,0%,100%,.8);
    z-index:3
}
.Question-main {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    margin:10px auto;
    padding:0 16px;
    width:1000px;
    min-height:100vh
}
.Question-mainColumn {
    width:694px;
    padding-bottom:20px
}
.Question-sideColumn {
    width:296px
}
.Question-sideColumn--sticky .Card:last-of-type {
    margin-bottom:0
}
.QuestionAnswers-content {
    margin-bottom:14px
}
.QuestionAnswers-answerTipCard {
    padding:16px 24px;
    font-size:15px;
    color:#8590a6;
    text-align:center
}
.QuestionAnswers-answerTipCard a {
    font-size:inherit;
    color:#175199;
    cursor:pointer
}
.QuestionAnswers-answerTipCard a:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.QuestionAnswers-answerList {
    margin-bottom:10px
}
.QuestionAnswers-answerTip {
    margin:40px 0;
    font-size:14px;
    color:#8590a6;
    text-align:center
}
.QuestionAnswers-answerTip .Button {
    color:#175199
}
.QuestionAnswers-answerTip .Button:hover {
    border-bottom:1px solid rgba(23,81,153,.72)
}
.QuestionAnswers-answerTip .QuestionAnswers-iconLink:hover {
    border-bottom:none
}
.QuestionAnswers-answerAdd {
    margin-top:40px;
    margin-bottom:60px!important
}
.QuestionAnswers-answers {
    margin-bottom:10px
}
.Answers-none {
    padding:50px 0
}
.QuestionAnswers-navs {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.QuestionAnswers-nav {
    display:inline-block;
    height:50px;
    line-height:50px
}
.QuestionAnswers-nav:hover {
    cursor:pointer
}
.QuestionAnswers-nav.is--active {
    border-bottom:3px solid #0f88eb
}
.QuestionAnswers-nav+.QuestionAnswers-nav {
    margin-left:33px
}
.MoreAnswersCard {
    margin-top:-10px;
    border-top:none
}
.MoreAnswersCard .QuestionMainAction {
    color:#175199
}
.CheckItem {
    position:relative;
    display:block
}
.CheckItem-box {
    position:relative;
    padding:12px;
    border:1px solid #f7f8fa;
    border-radius:3px;
    transition:border-color .2s ease-out
}
.CheckItem-input {
    position:absolute;
    z-index:-1;
    opacity:1
}
.CheckItem-icon {
    position:absolute;
    top:50%;
    right:12px;
    fill:#0f88eb;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.CheckItem-input:checked+.CheckItem-box,.CheckItem:hover .CheckItem-box {
    border-color:#175199
}
.CheckItem-input:checked+.CheckItem-box .CheckItem-inner {
    max-width:calc(100% - 28px)
}
.CheckItem-input:not(:checked)+.CheckItem-box .CheckItem-icon {
    opacity:0;
    transition:opacity .2s
}
.TopicBios-loading {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    min-height:400px
}
.TopicBioItem:not(:first-child) {
    margin-top:16px
}
.TopicBioItem .AuthorInfo {
    color:#555
}
.TopicBioItem-title {
    margin-bottom:8px;
    color:#8590a6
}
.TopicBioItem-inner {
    padding:12px;
    margin-bottom:8px;
    border:1px solid #175199;
    border-radius:3px
}
.TopicBioItem-modifyButton {
    margin-left:6px;
    font-size:14px;
    color:#8590a6
}
.TopicBioItem-modifyButton:hover {
    color:#175199
}
.TopicBioItem-input {
    width:100%;
    height:auto;
    padding:0;
    font-size:14px
}
.TopicBioItem-input,.TopicBioItem-input.is-focus {
    border:none
}
.TopicBioItem-input .Input {
    height:auto;
    color:#555
}
.TopicBioItem-inputFooter {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.TopicBioItem-actions {
    text-align:right
}
.TopicBioItem-actions .Button:not(:first-child) {
    margin-left:25px
}
.TopicBioItem-addButton {
    height:48px;
    padding:0 12px;
    text-align:left;
    border:1px solid #e7eaf1
}
.TopicBioItem-addButton:hover {
    border-color:#175199
}
.TopicBioItem-addButton .Icon {
    fill:currentColor
}
.AnswerAdd-header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:16px 20px
}
.AnswerAdd-info {
    overflow:hidden
}
.AnswerAdd-toggleAnonymous {
    margin-left:auto;
    padding-left:12px;
    -ms-flex-negative:0;
    flex-shrink:0
}
.AnswerAdd-toggleAnonymous:hover {
    color:#7a8599
}
.AnswerAdd-topicBiosButton {
    font-size:14px;
    color:#8590a6
}
.AnswerAdd-topicBiosButton:hover {
    color:#175199
}
.AnswerAdd-bio {
    margin-right:6px;
    color:#555;
    overflow:hidden;
    text-overflow:ellipsis
}
.QuestionMainDivider {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:60px;
    margin:0 20px;
    color:#8590a6;
    text-align:center
}
.QuestionMainDivider:before {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:0 20px;
    display:block;
    border-top:1px solid #ebeef5;
    content:""
}
.QuestionMainDivider a {
    color:#175199
}
.QuestionMainDivider a:hover {
    border-bottom:1px solid rgba(62,122,194,.72)
}
.QuestionMainDivider-inner {
    position:relative;
    padding:0 1em;
    background:#fff
}
.CollapsedAnswers-bar {
    display:block;
    width:100%;
    height:44px;
    font-size:14px;
    line-height:44px;
    color:#555;
    text-align:left;
    border-top:1px solid #e7eaf1;
    border-bottom:1px solid #e7eaf1
}
.CollapsedAnswers-bar:not(:last-child) {
    margin-bottom:14px
}
.CollapsedAnswers-bar .Button {
    color:inherit
}
.CollapsedAnswers-bar .Button:hover {
    color:#175199
}
.Banner {
    position:relative;
    overflow:hidden;
    transition:height .3s,margin .3s,opacity .3s
}
.Banner--hidden {
    margin-bottom:0;
    opacity:0
}
.Banner-link {
    display:block
}
.Banner-image {
    display:block;
    width:100%
}
.Banner-close {
    position:absolute;
    top:12px;
    right:12px;
    width:18px;
    height:18px;
    border-radius:50%;
    transition:opacity .3s
}
.Banner-close,.Banner-close:hover {
    background-color:#000
}
.Banner-close .Icon {
    display:block;
    margin:0 auto;
    fill:#fff
}
.Banner:not(:hover) .Banner-close {
    opacity:0
}
.AppBanner-link {
    display:block
}
.AppBanner-layout {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:12px
}
.AppBanner-qrcode {
    width:50px;
    height:50px;
    margin-right:12px
}
.AppBanner-qrcode svg {
    display:block;
    width:100%;
    height:100%
}
.AppBanner-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.AppBanner-title {
    font-size:16px;
    font-weight:700;
    line-height:20px;
    color:#333
}
.AppBanner-description {
    margin-top:2px;
    font-size:14px;
    line-height:20px;
    color:#3f3f3f
}
.AppBanner-sticky {
    height:0;
    opacity:1;
    visibility:visible;
    transition:opacity .3s,visibility .3s
}
.AppBanner-sticky:not(.is-shown) {
    opacity:0;
    visibility:hidden
}
.Recommendations-title {
    padding:0 16px
}
.Recommendations-item {
    font-size:14px;
    line-height:24px;
    color:#8590a6
}
.Recommendations-item+.Recommendations-item {
    margin-top:12px
}
.Recommendations-item .Button {
    display:inline;
    color:#175199
}
.Recommendations-item .Button:hover {
    border-bottom:1px solid rgba(23,81,153,.72)
}
.SimilarQuestions-title {
    padding:0 16px
}
.SimilarQuestions-item {
    font-size:14px;
    line-height:21px;
    color:#8590a6
}
.SimilarQuestions-item+.SimilarQuestions-item {
    margin-top:10px
}
.SimilarQuestions-item .Button {
    display:inline;
    color:#175199
}
.SimilarQuestions-item .Button:hover {
    border-bottom:1px solid rgba(23,81,153,.72)
}
.RelatedLives-title {
    padding:0 16px
}
.RelatedLives-item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.RelatedLives-item:hover .RelatedLives-subject {
    color:#175199
}
.RelatedLives-item+.RelatedLives-item {
    margin-top:10px
}
.RelatedLives-avatar {
    margin-right:8px
}
.RelatedLives-subject {
    display:-webkit-box;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    max-height:40px;
    overflow:hidden;
    font-size:14px;
    line-height:20px;
    color:#555;
    text-align:left;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.RelatedLives-meta {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#8590a6
}
.RelatedLives-meta .Rating {
    margin-right:4px
}
.Rating {
    display:inline-block
}
.BrandQuestionDesc-content,.BrandQuestionDesc-header {
    padding-left:12px;
    padding-right:12px
}
.BrandQuestionDesc-content {
    font-size:14px;
    line-height:24px
}
.BrandQuestionDesc-learnMore {
    font-size:14px;
    color:#9aaabf
}
.BrandQuestionAuthor {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
.BrandQuestionAuthor.is-clickable {
    cursor:pointer
}
.BrandQuestionAuthor-content,.BrandQuestionAuthor-header {
    padding-left:12px;
    padding-right:12px
}
.BrandQuestionAuthor-icon {
    width:60px;
    height:60px;
    border:1px solid #f8f9fa;
    border-radius:4px;
    box-sizing:border-box
}
.BrandQuestionAuthor-content {
    width:calc(100% - 72px);
    margin-left:12px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    box-sizing:border-box
}
.BrandQuestionAuthor-content,.BrandQuestionAuthor-name {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal
}
.BrandQuestionAuthor-name {
    -webkit-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:20px;
    line-height:20px;
    color:#1e1e1e
}
.BrandQuestionAuthor-badge {
    margin-left:3px;
    vertical-align:baseline
}
.BrandQuestionAuthor-intro {
    width:100%;
    height:28px;
    margin-top:10px;
    overflow:hidden;
    font-size:14px;
    line-height:14px;
    color:#262626;
    text-overflow:ellipsis;
    white-space:nowrap
}
.BrandQuestionAuthor-buttons {
    margin:0 20px;
    padding-top:16px;
    padding-bottom:16px
}
.BrandQuestionAuthor-buttons .Button {
    width:119px
}
.MobileBrandQuestionAuthor .BrandQuestionAuthor-header {
    position:relative;
    height:44px;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    border-bottom:0
}
.MobileBrandQuestionAuthor .BrandQuestionAuthor-header:after {
    content:"";
    display:block;
    position:absolute;
    top:30px;
    left:0;
    right:0;
    margin:0 20px;
    border-bottom:1px solid #e7eaf1
}
.MobileBrandQuestionAuthor .BrandQuestionAuthor-headerText {
    position:relative;
    z-index:1;
    padding:0 20px;
    background:#fff;
    top:-3px
}
.Mobile-body .BrandQuestionAuthor-buttons {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.Mobile-body .BrandQuestionAuthor-buttons .Button {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.Mobile-body .BrandQuestionAuthor-buttons .Button+.Mobile-body .BrandQuestionAuthor-buttons .Button {
    margin-left:16px
}
.QuestionAnswer-content {
    padding:16px 20px
}
.MoreAnswers .List-header {
    position:relative;
    height:44px;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    border-bottom:0
}
.MoreAnswers .List-header:after {
    position:absolute;
    content:"";
    display:block;
    top:30px;
    left:0;
    right:0;
    margin:0 20px;
    border-bottom:1px solid #ebeef5
}
.MoreAnswers .List-headerText {
    position:relative;
    z-index:1;
    padding:0 20px;
    background:#fff;
    top:-3px;
    color:#8590a6;
    font-weight:400
}
.AnswerAuthor .Card-section:empty {
    display:none
}
.AnswerAuthor-title {
    padding:0 16px
}
.AnswerAuthor-user {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.AnswerAuthor-user-avatar {
    margin-right:12px
}
.AnswerAuthor-user-avatar .Avatar,.AnswerAuthor-user-avatar .Popover,.AnswerAuthor-user-avatar .UserLink {
    display:block
}
.AnswerAuthor-user-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow:hidden
}
.AnswerAuthor-user-headline,.AnswerAuthor-user-name {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.AnswerAuthor-user-name {
    font-size:20px;
    font-weight:700;
    line-height:30px;
    color:#1e1e1e
}
.AnswerAuthor-user-headline {
    font-size:14px;
    line-height:20px
}
.AnswerAuthor-user-headline .RichText {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.AnswerAuthor-item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:14px;
    line-height:24px
}
.AnswerAuthor-item+.AnswerAuthor-item {
    margin-top:12px
}
.AnswerAuthor-item-icon {
    display:inline-block;
    width:16px;
    margin-right:8px;
    text-align:center
}
.AnswerAuthor-item-value {
    font-size:14px;
    line-height:24px;
    color:#8590a6
}
.AnswerAuthor-counts {
    font-size:14px;
    text-align:center
}
.AnswerAuthor-buttons {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:16px
}
.AnswerAuthor-buttons .Button {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.AnswerFavlists {
    height:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.AnswerFavlists,.AnswerFavlists-header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.AnswerFavlists-header {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:57px;
    padding:0 20px;
    border-bottom:1px solid #f0f2f7
}
.AnswerFavlists-title {
    font-size:16px;
    font-weight:700;
    color:#1e1e1e
}
.AnswerFavlists-list {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow-x:hidden;
    overflow-y:auto
}
.AnswerCopyrightApplicants {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.AnswerCopyrightApplicants-header {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:57px;
    padding:0 20px;
    border-bottom:1px solid #f0f2f7
}
.AnswerCopyrightApplicants-title {
    font-size:16px;
    font-weight:700;
    color:#1e1e1e
}
.AnswerCopyrightApplicants-list {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow-x:hidden;
    overflow-y:auto
}
.AnswerCopyrightApplicants-item {
    padding:16px 0;
    margin:0 24px;
    border-bottom:1px solid #f0f2f7
}
.AnswerCopyrightApplicants-time {
    -ms-flex-item-align:start;
    align-self:flex-start;
    font-size:14px;
    color:#8590a6
}
.AnswerInfo-title {
    padding:0 16px
}
.AnswerInfo-title .Button {
    font-size:inherit;
    color:#175199
}
.AnswerInfo-title .Button:hover {
    border-bottom:1px solid rgba(23,81,153,.72)
}
.AnswerInfo-copyright-applicants {
    padding:16px;
    margin:0
}
.AnswerInfo-copyright-applicant {
    font-size:14px;
    line-height:24px;
    color:#8590a6
}
.AnswerInfo-copyright-applicant+.AnswerInfo-copyright-applicant {
    margin-top:12px
}
.AnswerInfo-copyright-applicant .UserLink a {
    color:#175199
}
.AnswerInfo-copyright-applicant .UserLink a:hover {
    border-bottom:1px solid rgba(23,81,153,.72)
}
.AnswerInfo-favlists {
    padding:4px 16px;
    margin:0
}
.AnswerInfo-favlist {
    position:relative;
    padding:12px 0;
    font-size:14px;
    line-height:24px;
    color:#8590a6
}
.AnswerInfo-favlist:not(:first-child) {
    border-top:1px solid #f0f2f7
}
.AnswerInfo-favlist a {
    display:inline;
    color:#175199
}
.AnswerInfo-favlist a:hover {
    border-bottom:1px solid rgba(23,81,153,.72)
}
.AnswerInfo-title {
    font-weight:500
}
.AnswerInfo-favlist-title {
    max-width:180px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.AnswerInfo-favlist-followers {
    position:absolute;
    top:12px;
    right:0
}
.TopstoryHeader {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    line-height:58px;
    padding:0 20px
}
.TopstoryHeader a {
    text-decoration:none
}
.TopstoryHeader-rightItem {
    color:#8590a6;
    transition:color .2s ease-in
}
.TopstoryHeader-rightItem:hover {
    color:#175199
}
.TopstoryHeader-navItem {
    display:inline-block;
    transition:color .2s ease-in;
    font-size:16px;
    color:#262626
}
.TopstoryHeader-navItem .Icon {
    margin-right:8px
}
.TopstoryHeader-navItem:hover {
    color:#175199;
    cursor:pointer
}
.TopstoryHeader-navItem+.TopstoryHeader-navItem {
    margin-left:40px
}
.LiveCourseItem-cover {
    position:relative;
    display:block;
    width:100%;
    height:170px;
    border-radius:4px;
    overflow:hidden;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    margin-bottom:10px
}
.LiveCourseItem-cover img {
    width:100%;
    position:absolute;
    top:70%;
    left:50%;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0)
}
.EventcardItem-cover {
    position:relative;
    display:block;
    width:100%;
    height:160px;
    border-radius:4px;
    overflow:hidden;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    margin-bottom:10px
}
.EventcardItem-cover img {
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0)
}
.EventcardItem-content {
    margin-top:10px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:27px
}
.Feed .ColumnItem-meta,.Feed .RoundtableItem-meta {
    margin-top:12px
}
.Feed-title {
    margin-bottom:14px
}
.Feed-meta {
    color:#8590a6;
    line-height:1
}
.Feed-meta-item:not(:first-child):before {
    margin:0 5px;
    content:"\B7"
}
.Feed-meta-author+.ContentItem {
    margin-top:14px
}
.AuthorInfo .Feed-meta {
    margin-top:1px;
    margin-left:6px;
    line-height:1.1;
    font-size:15px
}
.ActionCard-topic {
    position:relative;
    display:inline-block;
    vertical-align:top;
    padding:20px 20px 4px;
    text-align:center;
    width:160px;
    box-sizing:border-box
}
.ActionCard-topic:not(:first-child):after {
    position:absolute;
    top:50%;
    left:0;
    margin-top:-43px;
    display:block;
    content:"";
    height:86px;
    width:1px;
    background-color:#e7eaf1
}
.ActionCard-topic-name {
    margin-top:12px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.ActionCard-topic-reason {
    height:40px;
    margin-top:10px;
    margin-bottom:10px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#8590a6;
    font-size:14px
}
.ActionCard-topic-button {
    height:24px;
    line-height:24px!important;
    font-size:13px;
    width:96px
}
.ActionCard-dot:after {
    margin:0 5px;
    content:"\B7"
}
.ActionCard-title {
    color:#8590a6;
    margin-right:8px
}
.Advert-head {
    margin-bottom:10px
}
.Advert-content {
    margin-top:10px
}
.Advert-brand,.Advert-content--cover,.Advert-content--question {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.Advert-brand {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#8590a6;
    line-height:24px
}
.Advert-brand-avatar {
    margin-top:7px
}
.Advert-brand-name {
    margin-left:12px
}
.Advert-brand-name--hasExtra {
    color:#262626;
    font-weight:700
}
.Advert-cover {
    display:block;
    position:relative;
    margin-top:12px;
    width:100%;
    height:150px;
    border-radius:4px;
    overflow:hidden;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.Advert-cover img {
    position:absolute;
    width:100%;
    top:50%;
    left:50%;
    -webkit-transform:translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0)
}
.Advert--card-cover {
    width:200px;
    height:112px;
    margin-top:4px;
    border-radius:4px;
    overflow:hidden;
    background:#96a1a9;
    vertical-align:top
}
.Advert--card-detail {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-left:20px;
    line-height:24px
}
.Advert-account-inner {
    width:100%;
    border:1px solid #e7eaf1;
    border-radius:3px;
    color:#555
}
.Advert-account-cover {
    width:100%;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    vertical-align:top
}
.Advert-account-cover:not(img) {
    background:#96a1a9;
    padding-top:24%
}
.Advert-account-body {
    padding:8px 12px 16px;
    line-height:1.6
}
.Advert-account-user {
    position:relative;
    padding-left:90px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.Advert-account-user-content {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-left:12px
}
.Advert-account-user-content .RichText {
    margin-top:4px
}
.Advert-account-user-link {
    font-size:20px
}
.Advert-account-user-avatar {
    position:absolute;
    bottom:0;
    left:0;
    border-radius:2px;
    border:2px solid #fff
}
.Advert-account-description {
    line-height:27px;
    margin-top:12px
}
.Advert-account-description span,.Advert-meta {
    color:#8590a6
}
.Advert-meta {
    margin-bottom:14px;
    line-height:23px
}
.Advert-title {
    font-size:18px;
    font-weight:700;
    color:#262626
}
.Advert-description {
    line-height:27px;
    margin-top:6px
}
.Advert-button {
    display:inline-block;
    color:#8590a6;
    font-size:14px;
    padding:0 3px
}
.Advert-button .Icon {
    margin-left:4px;
    vertical-align:-1px
}
.TopstoryItem {
    position:relative;
    padding:16px 20px
}
.TopstoryItem:hover .TopstoryItem-rightButton {
    opacity:1
}
.TopstoryItem .Button:not(.Button--plain):not(.Button--link) {
    line-height:30px;
    padding:0 12px
}
.TopstoryItem-rightButton {
    position:absolute;
    top:12px;
    right:16px;
    opacity:0;
    transition:opacity .3s
}
.TopstoryItem-rightButton.Popover {
    background:#f7f8fa;
    border-radius:3px;
    padding:3px 6px;
    opacity:1
}
.TopstoryItem-actionButton {
    position:absolute;
    top:20px;
    right:24px
}
.TopstoryItem-actionButton.is-active {
    color:#175199
}
.TopstoryItem-advertButton {
    font-size:13px
}
.TopstoryItem-advertButton .Icon {
    margin-left:6px
}
.TopstoryItem-uninterestTitle {
    font-weight:700
}
.TopstoryItem-uninterestTag {
    margin-top:12px
}
.TopstoryItem-uninterestTag:not(:last-child) {
    margin-right:16px
}
.TopstoryItem-uninterestTag.is-active {
    background:#2d84cc;
    border:1px solid #2d84cc;
    color:#fff
}
.TopstoryItem-menuItem {
    line-height:36px;
    font-size:14px;
    color:#8590a6
}
.TopstoryMain {
    width:694px;
    padding-bottom:20px
}
.TopstorySideBar-categoryList {
    margin:20px 0;
    padding:0 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:-5px
}
.TopstorySideBar-categoryItem {
    width:33%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:25px
}
.TopstorySideBar-categoryItem .Button {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    cursor:pointer;
    color:currentColor
}
.TopstorySideBar-categoryItem a:hover .TopstorySideBar-categoryLabel {
    color:currentColor
}
.TopstorySideBar-categoryLabel {
    font-size:15px;
    color:#8590a6
}
.TopstorySideBar-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
}
.TopstorySideBar-categoryIcon .Icon {
    fill:currentColor
}
.TopstorySideBar-categoryBadge {
    position:absolute;
    left:52%;
    top:0;
    font-size:11px;
    padding:0 4px;
    border:2px solid currentColor;
    border-radius:20px;
    color:#fff
}
.TopstorySideBar-liveItem {
    color:#ffcf00
}
.TopstorySideBar-liveItem .TopstorySideBar-categoryBadge {
    background-color:#ffcf00
}
.TopstorySideBar-pubItem {
    color:#43d480
}
.TopstorySideBar-pubItem .TopstorySideBar-categoryBadge {
    background-color:#43d480
}
.TopstorySideBar-orgItem {
    color:#0084ff
}
.TopstorySideBar-orgItem .TopstorySideBar-categoryBadge {
    background-color:#0084ff
}
.TopstorySideBar-editItem {
    color:#0f88eb
}
.TopstorySideBar-editItem .TopstorySideBar-categoryBadge {
    background-color:#0f88eb
}
.TopstorySideBar-infinityItem {
    color:#5478f0
}
.TopstorySideBar-indexItem {
    color:#fd9727
}
.TopstorySideBar-indexItem .TopstorySideBar-categoryBadge {
    background-color:#fd9727
}
.TopstorySideBar-navList {
    width:100%;
    padding:8px 0
}
.TopstorySideBar-navItem .Button {
    padding:0 15px;
    height:40px;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.TopstorySideBar-navItem .Button:hover {
    background:#f4f8fb
}
.TopstorySideBar-navIcon {
    width:15px
}
.TopstorySideBar-navLink {
    text-align:left;
    margin:0 10px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.TopstorySideBar-navNumber {
    padding:6px 10px;
    border-radius:2px;
    background:#f7f8fa;
    color:#8590a6;
    font-size:10px
}
.TopstorySideBar {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    font-size:14px
}
.TopstorySideBar .Footer {
    padding:0 0 0 5px
}
.TopstoryPrelude-users {
    width:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.TopstoryPrelude-field {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.TopstoryPrelude-field .Input-wrapper {
    width:320px;
    margin-right:20px
}
.TopstoryPrelude-field .Input {
    line-height:26px
}
.TopstoryPrelude-fieldTips {
    position:absolute;
    top:50px;
    right:85px;
    color:#f75659
}
.TopstoryPrelude-users {
    margin:65px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.TopstoryPrelude-intro {
    margin-bottom:45px;
    color:#565d68;
    font-size:16px
}
.TopstoryPrelude-user {
    position:relative;
    left:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:15px
}
.TopstoryPrelude-avatar {
    margin-right:16px;
    display:block;
    width:50px;
    height:50px;
    border-radius:50%
}
.TopstoryPrelude-userBio {
    color:#666
}
.TopstoryPrelude-userList {
    width:100%;
    overflow:hidden
}
.TopstoryPrelude-userId--0 {
    margin-left:-190px
}
.TopstoryPrelude-userId--1 {
    margin-left:60px
}
.TopstoryPrelude-userId--2 {
    margin-left:-280px
}
.TopstoryPrelude-userId--3 {
    margin-left:34px
}
.TopstoryPrelude-userId--4 {
    margin-left:-190px
}
.TopstoryPrelude-userId--5 {
    margin-left:-34px
}
.TopstoryTopics-hint {
    padding:40px 0 160px;
    text-align:center;
    color:#999
}
.TopstoryTopics-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:0 14px;
    min-height:80vh
}
.TopstoryTopics-item {
    width:20%;
    box-sizing:border-box;
    padding:14px;
    cursor:pointer
}
.TopstoryTopics-itemWrap {
    position:relative;
    border-radius:8px;
    overflow:hidden
}
.TopstoryTopics-itemMask {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.6))
}
.TopstoryTopics-itemMask:hover {
    opacity:.6
}
.TopstoryTopics-itemPic {
    width:100%;
    display:block
}
.TopstoryTopics-itemLabel {
    position:absolute;
    z-index:1;
    left:10px;
    bottom:10px;
    color:#fff
}
.TopstoryTopics-selectItem {
    position:absolute;
    z-index:1;
    right:10px;
    top:10px;
    width:30px;
    height:30px;
    border-radius:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    opacity:.6;
    background:#fff
}
.TopstoryTopics-selectItem.is--selected {
    opacity:1;
    background:#1cbf72
}
.TopstoryTopics-selectItem.is--selected .Icon {
    fill:#fff
}
.TopstoryGuide-onStage {
    position:fixed;
    z-index:10;
    bottom:0;
    width:100%;
    height:120px;
    line-height:120px;
    text-align:center;
    background-color:hsla(0,0%,100%,.96);
    box-shadow:0 -1px 0 0 rgba(0,0,0,.08)
}
.TopstoryGuide-onStage .Button {
    padding:6px 24px;
    font-size:18px
}
.TopstoryGuide {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:110;
    overflow:auto;
    width:100%;
    height:100%;
    min-width:500px;
    border:0;
    border-radius:0;
    overflow-x:hidden;
    color:#444;
    background:hsla(0,0%,100%,.95)
}
.TopstoryPrelude,.TopstoryTopics {
    -webkit-animation:.3s fadeInUp ease-in;
    animation:.3s fadeInUp ease-in
}
.TopstoryGuide-fadeIn {
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.TopstoryGuide-container,.TopstoryGuide-header {
    max-width:1000px;
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.TopstoryGuide-container {
    margin-top:40px
}
.TopstoryGuide-title {
    margin:40px 0 20px;
    font-size:24px;
    font-weight:400
}
.TopstoryGuide-subtitle {
    color:#999
}
@-webkit-keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    to {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp {
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
@-webkit-keyframes fadeOut {
    0% {
        opacity:1
    }
    to {
        opacity:0
    }
}
@keyframes fadeOut {
    0% {
        opacity:1
    }
    to {
        opacity:0
    }
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity:1
    }
    to {
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
.fadeOutDown {
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown;
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.Topstory-container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    position:relative;
    width:1000px;
    padding:0 16px;
    margin:10px auto
}
.Topstory-mainColumn {
    margin-right:10px
}
.BrandQuestionIntroModule {
    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;
    margin-top:100px;
    width:1000px
}
.BrandQuestionIntroModule--noneTitle {
    margin-top:50px
}
.BrandQuestionIntroModule-title {
    font-size:28px
}
.BrandQuestionIntroModule-divider {
    margin:20px auto;
    border-top:2px solid #0f88eb;
    width:40px;
    height:0
}
.BrandQuestionIntroModule-subTitle {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:670px;
    line-height:28px;
    font-size:18px;
    font-weight:300;
    text-align:center
}
.BrandQuestionIntroModule-content {
    margin-top:50px
}
@media (max-width:690px) {
    .BrandQuestionIntroModule {
        width:100%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        margin-top:24px
    }
    .BrandQuestionIntroModule-title {
        font-size:18px
    }
    .BrandQuestionIntroModule-divider {
        margin:12px auto
    }
    .BrandQuestionIntroModule-subTitle {
        font-size:12px;
        width:100%;
        line-height:20px
    }
    .BrandQuestionIntroModule-content {
        width:100%;
        margin-top:24px
    }
}
.page-brandQuestionIntro .AppHeader {
    display:none
}
.BrandQuestionIntro {
    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
}
.BrandQuestionIntro-header {
    width:100%
}
.BrandQuestionIntro-content {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.BrandQuestionIntro-introList {
    -webkit-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row
}
.BrandQuestionIntro-introItem,.BrandQuestionIntro-introList {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal
}
.BrandQuestionIntro-introItem {
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:2px;
    width:238px;
    box-shadow:0 5px 20px 0 rgba(0,34,77,.1)
}
.BrandQuestionIntro-introItem+.BrandQuestionIntro-introItem {
    margin-left:16px
}
.BrandQuestionIntro-introTitle {
    margin-top:45px;
    line-height:15px;
    font-size:18px;
    color:#333
}
.BrandQuestionIntro-introDescs {
    margin-bottom:45px;
    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;
    margin-top:17px;
    line-height:24px;
    font-size:14px;
    color:#3f3f3f
}
.BrandQuestionPreview--landing {
    margin-left:-28px;
    margin-right:-20px;
    width:1048px
}
.BrandQuestionPreview--flow {
    margin-left:-20px;
    margin-right:-20px;
    width:1040px
}
.BrandQuestionIntro-howToStart {
    line-height:24px;
    font-size:16px;
    text-align:center
}
.BrandQuestionIntro-email {
    color:#175199
}
.BrandQuestionIntro-qaList {
    width:800px;
    line-height:28px;
    font-size:15px
}
.BrandQuestionIntro-qaItem+.BrandQuestionIntro-qaItem {
    margin-top:50px
}
.BrandQuestionIntro-qaTitle {
    color:#1e1e1e
}
.BrandQuestionIntro-qaAnswer {
    margin-top:8px;
    color:#8590a6
}
.BrandQuestionIntro-qaAnswer ol {
    margin-left:16px
}
.BrandQuestionIntro-qaAnswer li {
    list-style-type:decimal
}
.BrandQuestionIntro-footer {
    margin-top:110px;
    width:100%;
    height:110px;
    line-height:110px;
    font-size:14px;
    text-align:center;
    color:#fff;
    background:#000
}
@media (max-width:690px) {
    .BrandQuestionIntro-introList {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .BrandQuestionIntro-content {
        padding:0 16px
    }
    .BrandQuestionIntro-introItem {
        width:100%;
        box-shadow:0 5px 20px 0 rgba(0,34,77,.07)
    }
    .BrandQuestionIntro-introItem+.BrandQuestionIntro-introItem {
        margin-left:0;
        margin-top:12px
    }
    .BrandQuestionIntro-introTitle {
        font-size:16px;
        margin-top:40px;
        font-weight:700
    }
    .BrandQuestionIntro-introDescs {
        margin-top:12px;
        margin-bottom:40px;
        font-size:12px;
        line-height:20px
    }
    .BrandQuestionIntro-howToStart p {
        font-size:14px
    }
    .BrandQuestionIntro-howToStart .BrandQuestionIntroModule-content {
        margin-top:5px;
        margin-bottom:30px
    }
    .BrandQuestionIntro-qaList {
        width:100%
    }
    .BrandQuestionIntro-qaQuestion {
        font-size:14px;
        color:#1e1e1e;
        letter-spacing:0;
        line-height:28px;
        font-weight:700
    }
    .BrandQuestionIntro-qaAnswer {
        font-size:12px;
        line-height:22px
    }
    .BrandQuestionIntro-qaItem+.BrandQuestionIntro-qaItem {
        margin-top:12px
    }
    .BrandQuestionIntro-footer {
        margin-top:80px;
        height:50px;
        line-height:50px;
        font-size:12px
    }
}
.RedeemCoupon {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:688px;
    padding:40px 100px
}
.RedeemCoupon-title {
    font-size:24px;
    color:#404040
}
.RedeemCoupon-input {
    margin-top:32px;
    margin-bottom:20px;
    -ms-flex-item-align:stretch;
    -ms-grid-row-align:stretch;
    align-self:stretch
}
.RedeemCoupon-error {
    height:21px;
    margin:12px 0;
    text-align:right;
    color:#f75659
}
.RedeemCoupon-confirm {
    width:220px
}
.ContentLayout {
    width:1000px;
    margin:10px auto;
    padding:0 16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.ContentLayout-mainColumn {
    -webkit-box-flex:1;
    -ms-flex:1 0;
    flex:1 0;
    margin-right:10px
}
.ContentLayout-sideColumn {
    width:296px
}
/*# sourceMappingURL=main.app.89ea93833aacfb53fc26.css.map*/
