twitter.com.css

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

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

body.ms-windows {
    font-family: Arial,sans-serif
}

body.ar,body.ur,body.fa {
    font-family: Tahoma,Arial,sans-serif
}

body.ja {
    font-family: Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}

body {
    background: #fff;
    color: #14171a;
    font-size: 14px;
    line-height: 18px;
    overflow-y: scroll
}

a {
    color: #1b95e0;
    text-decoration: none
}

a:hover,a:focus,a:active {
    text-decoration: underline
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,figure,p,pre {
    margin: 0
}

button {
    background: transparent;
    border: 0;
    padding: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

iframe {
    border: 0
}

ol,ul {
    margin: 0;
    list-style: none;
    padding: 0
}

li {
    text-align: inherit
}

[tabindex="-1"]:focus {
    outline: none!important
}

a:focus {
    outline: 0
}

a:focus>img:first-child:last-child {
    outline: 1px dotted #666;
    outline: auto 5px -webkit-focus-ring-color
}

a.hide-focus {
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    text-rendering: optimizeLegibility
}

h1 {
    font-size: 24px;
    line-height: .8
}

h2 {
    color: #66757f;
    font-size: 22px;
    font-weight: 300;
    line-height: 22px
}

h2 small {
    color: #999;
    font-size: 12px;
    font-weight: normal
}

h3 {
    color: #66757f;
    font-size: 20px;
    font-weight: 300;
    line-height: 22px
}

h4 {
    font-size: 12px;
    line-height: 18px
}

h5,h6 {
    font-size: 10px
}

small {
    font-size: 12px
}

ol {
    list-style: decimal;
    margin-left: 20px
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    height: 0;
    margin: 14px 0 0;
    padding: 0
}

.u-after1of12 {
    margin-right: 8.333333333333332%!important
}

.u-after1of10 {
    margin-right: 10%!important
}

.u-after1of8 {
    margin-right: 12.5%!important
}

.u-after1of6,.u-after2of12 {
    margin-right: 16.666666666666664%!important
}

.u-after1of5,.u-after2of10 {
    margin-right: 20%!important
}

.u-after1of4,.u-after2of8,.u-after3of12 {
    margin-right: 25%!important
}

.u-after3of10 {
    margin-right: 30%!important
}

.u-after1of3,.u-after2of6,.u-after4of12 {
    margin-right: 33.33333333333333%!important
}

.u-after3of8 {
    margin-right: 37.5%!important
}

.u-after2of5,.u-after4of10 {
    margin-right: 40%!important
}

.u-after5of12 {
    margin-right: 41.66666666666667%!important
}

.u-after1of2,.u-after2of4,.u-after3of6,.u-after4of8,.u-after5of10,.u-after6of12 {
    margin-right: 50%!important
}

.u-after7of12 {
    margin-right: 58.333333333333336%!important
}

.u-after3of5,.u-after6of10 {
    margin-right: 60%!important
}

.u-after5of8 {
    margin-right: 62.5%!important
}

.u-after2of3,.u-after4of6,.u-after8of12 {
    margin-right: 66.66666666666666%!important
}

.u-after7of10 {
    margin-right: 70%!important
}

.u-after3of4,.u-after6of8,.u-after9of12 {
    margin-right: 75%!important
}

.u-after4of5,.u-after8of10 {
    margin-right: 80%!important
}

.u-after5of6,.u-after10of12 {
    margin-right: 83.33333333333334%!important
}

.u-after7of8 {
    margin-right: 87.5%!important
}

.u-after9of10 {
    margin-right: 90%!important
}

.u-after11of12 {
    margin-right: 91.66666666666666%!important
}

.u-alignTop {
    vertical-align: top!important
}

.u-alignMiddle {
    vertical-align: middle!important
}

.u-alignBaseline {
    vertical-align: baseline!important
}

.u-alignBottom {
    vertical-align: bottom!important
}

.u-before1of12 {
    margin-left: 8.333333333333332%!important
}

.u-before1of10 {
    margin-left: 10%!important
}

.u-before1of8 {
    margin-left: 12.5%!important
}

.u-before1of6,.u-before2of12 {
    margin-left: 16.666666666666664%!important
}

.u-before1of5,.u-before2of10 {
    margin-left: 20%!important
}

.u-before1of4,.u-before2of8,.u-before3of12 {
    margin-left: 25%!important
}

.u-before3of10 {
    margin-left: 30%!important
}

.u-before1of3,.u-before2of6,.u-before4of12 {
    margin-left: 33.33333333333333%!important
}

.u-before3of8 {
    margin-left: 37.5%!important
}

.u-before2of5,.u-before4of10 {
    margin-left: 40%!important
}

.u-before5of12 {
    margin-left: 41.66666666666667%!important
}

.u-before1of2,.u-before2of4,.u-before3of6,.u-before4of8,.u-before5of10,.u-before6of12 {
    margin-left: 50%!important
}

.u-before7of12 {
    margin-left: 58.333333333333336%!important
}

.u-before3of5,.u-before6of10 {
    margin-left: 60%!important
}

.u-before5of8 {
    margin-left: 62.5%!important
}

.u-before2of3,.u-before4of6,.u-before8of12 {
    margin-left: 66.66666666666666%!important
}

.u-before7of10 {
    margin-left: 70%!important
}

.u-before3of4,.u-before6of8,.u-before9of12 {
    margin-left: 75%!important
}

.u-before4of5,.u-before8of10 {
    margin-left: 80%!important
}

.u-before5of6,.u-before10of12 {
    margin-left: 83.33333333333334%!important
}

.u-before7of8 {
    margin-left: 87.5%!important
}

.u-before9of10 {
    margin-left: 90%!important
}

.u-before11of12 {
    margin-left: 91.66666666666666%!important
}

.u-chromeOverflowFix {
    transform: translateZ(0)
}

.ms-windows .u-chromeOverflowFix {
    -ms-transform: none!important;
    transform: none!important
}

.u-borderRadiusInherit {
    border-radius: inherit!important
}

.u-block {
    display: block!important
}

.u-hidden,.u-emptyHide:empty {
    display: none!important
}

.u-hiddenVisually {
    border: 0!important;
    clip: rect(1px,1px,1px,1px)!important;
    font-size: 1px!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}

.u-inline {
    display: inline!important
}

.u-inlineBlock {
    display: inline-block!important;
    max-width: 100%
}

.u-table {
    display: table!important
}

.u-tableCell {
    display: table-cell!important
}

.u-tableRow {
    display: table-row!important
}

.u-flexColumn {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.u-flexRow {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.u-flexGrow {
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.u-dir[dir="rtl"] {
    direction: rtl!important;
    text-align: right!important;
    unicode-bidi: embed
}

.u-dir[dir="ltr"] {
    direction: ltr!important;
    text-align: left!important;
    unicode-bidi: embed
}

.u-cf:before,.u-cf:after {
    content: " ";
    display: table
}

.u-cf:after {
    clear: both
}

.u-nbfc {
    overflow: hidden!important
}

.u-nbfcAlt {
    display: table-cell!important;
    width: 10000px!important
}

.u-floatLeft {
    float: left!important
}

.u-floatRight {
    float: right!important
}/*! suit-utils-link v0.2.0 | MIT License | github.com/suitcss */.u-linkClean,.u-linkClean:hover,.u-linkClean:focus,.u-linkClean:active {
    text-decoration: none!important
}

.u-linkComplex,.u-linkComplex:hover,.u-linkComplex:focus,.u-linkComplex:active {
    text-decoration: none!important
}

.u-linkComplex:hover .u-linkComplex-target,.u-linkComplex:focus .u-linkComplex-target,.u-linkComplex:active .u-linkComplex-target {
    text-decoration: underline!important
}

.u-linkBlock,.u-linkBlock:hover,.u-linkBlock:focus,.u-linkBlock:active {
    display: block!important;
    text-decoration: none!important
}

.u-noTransitions {
    transition: none!important;
    transition-property: none!important;
    animation-duration: 0s!important;
    -ms-transform: none!important;
    transform: none!important
}

.u-posAbsolute {
    position: absolute!important
}

.u-posAbsoluteCenter {
    bottom: 0!important;
    left: 0!important;
    margin: auto!important;
    position: absolute!important;
    right: 0!important;
    top: 0!important
}

.u-posFixed {
    position: fixed!important;
    backface-visibility: hidden
}

.u-posRelative {
    position: relative!important
}

.u-posStatic {
    position: static!important
}

.u-scrollY {
    overflow-y: scroll!important
}

.u-boxShadow {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25)
}

.u-sizeFit,.u-sizeFitAlt {
    display: block!important;
    float: left!important;
    width: auto!important
}

.u-sizeFitAlt {
    float: right!important
}

.u-sizeFill {
    display: block!important;
    overflow: hidden!important;
    width: auto!important
}

.u-sizeFillAlt {
    display: table-cell!important;
    max-width: 100%!important;
    width: 10000px!important
}

.u-sizeFull {
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    display: block!important;
    width: 100%!important
}

.u-size1of12 {
    width: 8.333333333333332%!important
}

.u-size1of10 {
    width: 10%!important
}

.u-size1of8 {
    width: 12.5%!important
}

.u-size1of6,.u-size2of12 {
    width: 16.666666666666664%!important
}

.u-size1of5,.u-size2of10 {
    width: 20%!important
}

.u-size1of4,.u-size2of8,.u-size3of12 {
    width: 25%!important
}

.u-size3of10 {
    width: 30%!important
}

.u-size1of3,.u-size2of6,.u-size4of12 {
    width: 33.33333333333333%!important
}

.u-size3of8 {
    width: 37.5%!important
}

.u-size2of5,.u-size4of10 {
    width: 40%!important
}

.u-size5of12 {
    width: 41.66666666666667%!important
}

.u-size1of2,.u-size2of4,.u-size3of6,.u-size4of8,.u-size5of10,.u-size6of12 {
    width: 50%!important
}

.u-size7of12 {
    width: 58.333333333333336%!important
}

.u-size3of5,.u-size6of10 {
    width: 60%!important
}

.u-size5of8 {
    width: 62.5%!important
}

.u-size2of3,.u-size4of6,.u-size8of12 {
    width: 66.66666666666666%!important
}

.u-size7of10 {
    width: 70%!important
}

.u-size3of4,.u-size6of8,.u-size9of12 {
    width: 75%!important
}

.u-size4of5,.u-size8of10 {
    width: 80%!important
}

.u-size5of6,.u-size10of12 {
    width: 83.33333333333334%!important
}

.u-size7of8 {
    width: 87.5%!important
}

.u-size9of10 {
    width: 90%!important
}

.u-size11of12 {
    width: 91.66666666666666%!important
}

@media screen and (min-width:1236px) {
    .u-lg-sizeFit,.u-lg-sizeFitAlt {
        display: block!important;
        float: left!important;
        width: auto!important
    }

    .u-lg-sizeFitAlt {
        float: right!important
    }

    .u-lg-sizeFill {
        display: block!important;
        overflow: hidden!important;
        width: auto!important
    }

    .u-lg-sizeFillAlt {
        display: table-cell!important;
        max-width: 100%!important;
        width: 10000px!important
    }

    .u-lg-sizeFull {
        -moz-box-sizing: border-box!important;
        box-sizing: border-box!important;
        display: block!important;
        width: 100%!important
    }

    .u-lg-size1of12 {
        width: 8.333333333333332%!important
    }

    .u-lg-size1of10 {
        width: 10%!important
    }

    .u-lg-size1of8 {
        width: 12.5%!important
    }

    .u-lg-size1of6,.u-lg-size2of12 {
        width: 16.666666666666664%!important
    }

    .u-lg-size1of5,.u-lg-size2of10 {
        width: 20%!important
    }

    .u-lg-size1of4,.u-lg-size2of8,.u-lg-size3of12 {
        width: 25%!important
    }

    .u-lg-size3of10 {
        width: 30%!important
    }

    .u-lg-size1of3,.u-lg-size2of6,.u-lg-size4of12 {
        width: 33.33333333333333%!important
    }

    .u-lg-size3of8 {
        width: 37.5%!important
    }

    .u-lg-size2of5,.u-lg-size4of10 {
        width: 40%!important
    }

    .u-lg-size5of12 {
        width: 41.66666666666667%!important
    }

    .u-lg-size1of2,.u-lg-size2of4,.u-lg-size3of6,.u-lg-size4of8,.u-lg-size5of10,.u-lg-size6of12 {
        width: 50%!important
    }

    .u-lg-size7of12 {
        width: 58.333333333333336%!important
    }

    .u-lg-size3of5,.u-lg-size6of10 {
        width: 60%!important
    }

    .u-lg-size5of8 {
        width: 62.5%!important
    }

    .u-lg-size2of3,.u-lg-size4of6,.u-lg-size8of12 {
        width: 66.66666666666666%!important
    }

    .u-lg-size7of10 {
        width: 70%!important
    }

    .u-lg-size3of4,.u-lg-size6of8,.u-lg-size9of12 {
        width: 75%!important
    }

    .u-lg-size4of5,.u-lg-size8of10 {
        width: 80%!important
    }

    .u-lg-size5of6,.u-lg-size10of12 {
        width: 83.33333333333334%!important
    }

    .u-lg-size7of8 {
        width: 87.5%!important
    }

    .u-lg-size9of10 {
        width: 90%!important
    }

    .u-lg-size11of12 {
        width: 91.66666666666666%!important
    }
}

.u-mb10 {
    margin-bottom: 10px!important
}

.u-mb50 {
    margin-bottom: 50px!important
}

.u-textBreak {
    word-wrap: break-word!important
}

.u-textCenter {
    text-align: center!important
}

.u-textLeft {
    text-align: left!important
}

.u-textRight {
    text-align: right!important
}

.u-textInheritColor {
    color: inherit!important
}

.u-textNoWrap {
    white-space: nowrap!important
}

.u-textTruncate {
    max-width: 100%;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    word-wrap: normal!important
}

.u-textUppercase {
    text-transform: uppercase!important
}

@font-face {
    font-family:"rosettaicons";src:url("../../font/rosetta-icons-Regular.eot");src:url("../../font/rosetta-icons-Regular.eot?#iefix") format("embedded-opentype"),url("../../font/rosetta-icons-Regular.woff") format("woff"),url("../../font/rosetta-icons-Regular.ttf") format("truetype");font-style:normal;font-weight:normal
}

.Icon {
    background: transparent;
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    position: relative
}

.Icon:after,.Icon:before {
    display: block;
    font-family: "rosettaicons";
    font-weight: normal;
    font-style: normal;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.Icon--smallest {
    font-size: 12px;
    line-height: 12px
}

.Icon--small {
    font-size: 16px;
    line-height: 15px
}

.Icon--medium {
    font-size: 18px;
    line-height: 18px
}

.Icon--large {
    font-size: 21px;
    line-height: 1
}

.Icon--extraLarge {
    font-size: 32px;
    line-height: 1
}

.Icon--add:before {
    content: "\f183"
}

.Icon--addLight:before {
    content: "\f198"
}

.Icon--analytics:before {
    content: "\f200"
}

.Icon--arrowDown:before {
    content: "\f174"
}

.Icon--arrowUp:before {
    content: "\f188"
}

.Icon--atSymbol:before {
    content: "\f050"
}

.Icon--attachFile:before {
    content: "\f088"
}

.Icon--audioBadge:before {
    content: "\f311"
}

.Icon--audioMuted:before {
    content: "\f306"
}

.Icon--audioUnmuted:before {
    content: "\f305"
}

.Icon--balloon:before {
    content: "\f092"
}

.Icon--bird:before {
    content: "\f179"
}

.Icon--calendar:before {
    content: "\f203"
}

.Icon--camera:before {
    content: "\f027"
}

.Icon--cameraPlus:before {
    content: "\f111"
}

.Icon--cameraVideo:before {
    content: "\f030"
}

.Icon--cards:before {
    content: "\f402"
}

.Icon--caretDown:before {
    content: "\f181"
}

.Icon--caretDownLight:before {
    content: "\f196"
}

.Icon--caretLeft:before {
    content: "\f172"
}

.Icon--caretLeftLight:before {
    content: "\f193"
}

.Icon--caretRight:before {
    content: "\f173"
}

.Icon--caretRightLight:before {
    content: "\f194"
}

.Icon--caretUp:before {
    content: "\f181";
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.Icon--caretUpLight:before {
    content: "\f195"
}

.Icon--cart:before {
    content: "\f095"
}

.Icon--check:before {
    content: "\f170"
}

.Icon--checkLight:before {
    content: "\f197"
}

.Icon--chevronDown:before {
    content: "\f202"
}

.Icon--chevronUp:before {
    content: "\f201"
}

.Icon--circleActiveAnalytics:before {
    content: "\f516"
}

.Icon--circleActiveBird:before {
    content: "\f520"
}

.Icon--circleActiveDm:before {
    content: "\f517"
}

.Icon--circleActiveHeart:before {
    content: "\f514"
}

.Icon--circleActiveList:before {
    content: "\f518"
}

.Icon--circleActiveMe:before {
    content: "\f519"
}

.Icon--circleActiveMore:before {
    content: "\f515"
}

.Icon--circleActiveRetweet:before {
    content: "\f512"
}

.Icon--circleActiveStar:before {
    content: "\f513"
}

.Icon--circleError:before {
    content: "\f042"
}

.Icon--circleMe:before {
    content: "\f519"
}

.Icon--circleReply:before {
    content: "\f511"
}

.Icon--clock:before {
    content: "\f177"
}

.Icon--close:before {
    content: "\f045"
}

.Icon--cog:before {
    content: "\f059"
}

.Icon--cogWithCaret:before {
    content: "\f124"
}

.Icon--collapseTweets:before {
    content: "\f051"
}

.Icon--collections:before {
    content: "\f008"
}

.Icon--conversation:before {
    content: "\f157"
}

.Icon--cover:before {
    content: "\f163"
}

.Icon--createMoment:before {
    content: "\f162"
}

.Icon--creditCard:before {
    content: "\f401"
}

.Icon--crop:before {
    content: "\f190"
}

.Icon--cvv:before {
    content: "\f402"
}

.Icon--delete:before {
    content: "\f154"
}

.Icon--deskBell:before {
    content: "\f090"
}

.Icon--desktop:before {
    content: "\f087"
}

.Icon--device:before {
    content: "\f085"
}

.Icon--discover:before {
    content: "\f052"
}

.Icon--dm:before {
    content: "\f054"
}

.Icon--dmCompose:before {
    content: "\f035"
}

.Icon--dots:before {
    content: "\f150"
}

.Icon--dotsVertical:before {
    content: "\f149"
}

.Icon--download:before {
    content: "\f185"
}

.Icon--editPencil:before {
    content: "\f112"
}

.Icon--envelope:before {
    content: "\f187"
}

.Icon--fail:before {
    content: "\f000"
}

.Icon--filter:before {
    content: "\f138"
}

.Icon--follow:before {
    content: "\f175"
}

.Icon--follower:before {
    content: "\f002"
}

.Icon--following:before {
    content: "\f176"
}

.Icon--geo:before {
    content: "\f031"
}

.Icon--geoBadge:before {
    content: "\f010"
}

.Icon--gif:before {
    content: "\f028"
}

.Icon--gifBadge:before {
    content: "\f309"
}

.Icon--grid:before {
    content: "\f046"
}

.Icon--handset:before {
    content: "\f091"
}

.Icon--heart:before {
    content: "\f148"
}

.Icon--heartBadge:before {
    content: "\f015"
}

.Icon--home:before {
    content: "\f053"
}

.Icon--horizontalBarChart:before {
    content: "\f048"
}

.Icon--lifeline:before {
    content: "\f026"
}

.Icon--lifelineBadge:before {
    content: "\f000"
}

.Icon--lightning:before {
    content: "\f160"
}

.Icon--lightningBadge:before {
    content: "\f017"
}

.Icon--list:before {
    content: "\f094"
}

.Icon--listBadge:before {
    content: "\f012"
}

.Icon--logo:before {
    content: "\f179"
}

.Icon--magicrecs:before {
    content: "\f014"
}

.Icon--markAllRead:before {
    content: "\f036"
}

.Icon--me:before {
    content: "\f056"
}

.Icon--media:before {
    content: "\f159"
}

.Icon--mediaCollapse:before {
    content: "\f335"
}

.Icon--mediaDocking:before {
    content: "\f336"
}

.Icon--mediaExpand:before {
    content: "\f334"
}

.Icon--menu:before {
    content: "\f093"
}

.Icon--message:before {
    content: "\f054"
}

.Icon--moderator:before {
    content: "\f089"
}

.Icon--muted:before {
    content: "\f101"
}

.Icon--newsBadge:before {
    content: "\f009"
}

.Icon--notifications:before {
    content: "\f055"
}

.Icon--notificationsDisabled:before {
    content: "\f037"
}

.Icon--pause:before {
    content: "\f302"
}

.Icon--periscopeBadge:before {
    content: "\f320"
}

.Icon--person:before {
    content: "\f056"
}

.Icon--photo:before {
    content: "\f158"
}

.Icon--pinned:before {
    content: "\f003"
}

.Icon--play:before {
    content: "\f301"
}

.Icon--political:before {
    content: "\f004"
}

.Icon--poll:before {
    content: "\f034"
}

.Icon--pollBar:before {
    content: "\f199"
}

.Icon--promoted:before {
    content: "\f004"
}

.Icon--promotedTrend:before {
    content: "\f011"
}

.Icon--protected:before {
    content: "\f096"
}

.Icon--refresh:before {
    content: "\f189"
}

.Icon--reply:before {
    content: "\f151"
}

.Icon--report:before {
    content: "\e609"
}

.Icon--retweet:before {
    content: "\f152"
}

.Icon--retweeted:before {
    content: "\f006"
}

.Icon--search:before {
    content: "\f058"
}

.Icon--share:before {
    content: "\f185"
}

.Icon--smileRating1:before {
    content: "\f430"
}

.Icon--smileRating1Fill:before {
    content: "\f431"
}

.Icon--smileRating2:before {
    content: "\f432"
}

.Icon--smileRating2Fill:before {
    content: "\f433"
}

.Icon--smileRating3:before {
    content: "\f434"
}

.Icon--smileRating3Fill:before {
    content: "\f435"
}

.Icon--smileRating4:before {
    content: "\f436"
}

.Icon--smileRating4Fill:before {
    content: "\f437"
}

.Icon--smileRating5:before {
    content: "\f438"
}

.Icon--smileRating5Fill:before {
    content: "\f439"
}

.Icon--smiley:before {
    content: "\f033"
}

.Icon--snapReelBadge:before {
    content: "\f312"
}

.Icon--soundOff:before {
    content: "\f306"
}

.Icon--soundOn:before {
    content: "\f305"
}

.Icon--stickerBadge:before {
    content: "\f047"
}

.Icon--summary:before {
    content: "\f156"
}

.Icon--tablet:before {
    content: "\f086"
}

.Icon--top:before {
    content: "\f007"
}

.Icon--translator:before {
    content: "\f089"
}

.Icon--truck:before {
    content: "\f400"
}

.Icon--tweet:before {
    content: "\f029"
}

.Icon--unfollow:before {
    content: "\f097"
}

.Icon--unmuted:before {
    content: "\f101"
}

.Icon--url:before {
    content: "\f098"
}

.Icon--vineBadge:before {
    content: "\f310"
}

.Icon--visibilityFollowers:before {
    content: "\f103"
}

.Icon--visibilityFollowing:before {
    content: "\f176"
}

.Icon--visibilityMutual:before {
    content: "\f104"
}

.Icon--visibilityOnlyMe:before {
    content: "\f096"
}

.Icon--visibilityPublic:before {
    content: "\f102"
}

.Icon--warning:before {
    content: "\f182"
}

.Icon--verified:before {
    content: "\f032";
    font-size: .7em;
    left: 26%;
    line-height: 1;
    position: absolute;
    top: 20%
}

.Icon--verified:after {
    content: "\f099";
    line-height: 1;
    position: relative
}

.Icon--playButton:before {
    content: "\f032";
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .8;
    -ms-filter: "alpha(opacity=80)"
}

.Icon--playButton:after {
    content: "\f040";
    line-height: 1;
    position: relative
}

.Icon--protected {
    font-size: 1.1em;
    padding-left: 1px
}

.Icon--fail {
    color: red
}

.Icon--follower,.Icon--magicrecs,.Icon--colorLightning,.Icon--colorFollower {
    color: #1da1f2
}

.Icon--lifelineBadge {
    color: #f45d22
}

.Icon--listBadge:before {
    color: #657786
}

.Icon--muted {
    color: #e0245e
}

.Icon--political {
    color: #794bc4
}

.Icon--promoted {
    color: #657786
}

.Icon--promotedTrend {
    color: #ffad1f
}

.Icon--protected {
    color: #14171a
}

.Icon--retweeted,.Icon--colorRetweeted {
    color: #17bf63
}

.Icon--smiley {
    color: #aab8c2
}

.Icon--top {
    color: #1da1f2
}

.Icon--translator {
    color: #1da1f2
}

.Icon--moderator {
    color: #ffad1f
}

.Icon--unmuted {
    color: #ccd6dd
}

.Icon--verified {
    color: #1da1f2
}

.Icon--verified:before {
    color: #fff
}

.Icon--circleActiveMe,.Icon--circleActiveBird {
    color: #1da1f2
}

.Icon--colorHeart,.Icon--circleActiveHeart,.Icon--heartBadge {
    color: #e0245e
}

.Icon--circleActiveRetweet {
    color: #17bf63
}

.Icon--circleActiveList {
    color: #657786
}

.Icon--playButton {
    color: #1da1f2
}

.Icon--playButton:after {
    color: #fff
}

.Icon--white {
    color: #fff
}

.Icon--inverted.Icon--verified {
    color: #fff
}

.Icon--inverted.Icon--verified:before {
    color: #14171a
}

button {
    border: 0
}

.btn {
    background-color: #ccd6dd;
    background-repeat: no-repeat;
    border: 1px solid #e6ecf0;
    border-radius: 4px;
    color: #66757f;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    padding: 8px 16px;
    position: relative
}

.btn .Icon {
    background: transparent
}

.btn.focus,.btn:focus,.btn:active,.Button:focus {
    outline: 0!important
}

.no-shadow {
    box-shadow: none
}

.btn.no-shadow:active {
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1)
}

.btn {
    background-color: #f5f8fa;
    background-image: linear-gradient(#fff,#f5f8fa)
}

.btn:focus,.btn.focus {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(0,132,180,0.5);
    text-decoration: none
}

.btn:hover,.follow-combo.open .btn-user-actions,.dropdown.open .user-dropdown {
    color: #14171a;
    text-decoration: none;
    background-color: #e6ecf0;
    background-image: linear-gradient(#fff,#e6ecf0);
    border-color: #e6ecf0
}

.btn.focus:hover .btn:focus:hover {
    border-color: #fff
}

.btn.active,.btn:active,.follow-combo.open .btn-user-actions,.dropdown.open .user-dropdown,.btn.open,.open>.btn {
    color: #14171a;
    background: #e6ecf0;
    border-color: #ccd6dd;
    box-shadow: inset 0 1px 4px rgba(0,0,0,0.2)
}

.btn.disabled,.btn.disabled:hover,.btn[disabled],.btn[aria-disabled=true] {
    color: #66757f;
    cursor: default;
    background-color: #ccd6dd;
    background-image: linear-gradient(#fff,#f5f8fa);
    border-color: #ccd6dd;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)"
}

.btn.large {
    border-radius: 6px;
    font-size: 18px;
    line-height: 28px
}

.btn.small {
    color: #14171a;
    font-size: 13px;
    padding: 3px 11px 5px
}

.signup-btn.btn {
    background-color: #ffad1f;
    background-image: linear-gradient(#ffcc4d,#ffad1f);
    border-color: #f1a02a;
    color: #14171a;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5)
}

.signup-btn:hover,.signup-btn:focus {
    background-color: #f45d22;
    background-image: linear-gradient(#ffcc4d,#f45d22);
    border-color: #ec8b11;
    color: #14171a
}

.signup-btn:active {
    background-color: #f2a330;
    background-image: none;
    box-shadow: inset 0 1px 4px rgba(0,0,0,0.3)
}

.primary-btn,.following.first-hover .follow-btn:hover,.following .follow-btn,.following .follow-button.cancel-hover-style:hover,.following .follow-button,.notifying .device-follow-button,.button-group-item .content.selected {
    color: #fff;
    background-color: #1da1f2;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
    border: 1px solid #3b88c3;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15)
}

.primary-btn:hover,.primary-btn:focus {
    color: #fff
}

.primary-btn:focus,.primary-btn.focus,.following .follow-btn:focus,.following .follow-button:focus,.notifying .device-follow-button:focus,.button-group-item .content.selected:focus {
    background: #1da1f2;
    border-color: #fff
}

.primary-btn:hover {
    background-color: #1da1f2;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.15));
    border-color: #3b88c3
}

.primary-btn:active {
    background-color: #3b88c3;
    background-image: linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0.15));
    border-color: #3b88c3
}

.primary-btn.btn.disabled,.primary-btn.btn.disabled:hover,.primary-btn.btn[disabled],.primary-btn[aria-disabled=true] {
    background-color: #1da1f2;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
    border-color: #3b88c3;
    color: #fff;
    text-shadow: none;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)"
}

.primary-btn .messaging-text,.primary-btn .replying-text,.primary-btn.messaging .tweeting-text,.tweet-form.is-reply .primary-btn .tweeting-text {
    display: none
}

.primary-btn.messaging .messaging-text,.tweet-form.is-reply .primary-btn:not(.messaging) .replying-text {
    display: inline
}

.caution-btn {
    background-color: #e0245e;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
    border: 1px solid #1da1f2;
    color: #fff
}

.caution-btn,.caution-btn:focus {
    background: #e0245e;
    border-color: #fff;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.2)
}

.caution-btn,.caution-btn:hover,.caution-btn:focus,.following .follow-btn:hover,.following .follow-button:hover {
    background-color: #e0245e;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.15));
    border: 1px solid #1da1f2;
    color: #fff
}

.caution-btn:active,.following:hover .follow-btn:active,.following:hover .follow-button:active {
    background-color: #e0245e;
    background-image: linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0.15));
    color: #fff;
    border-color: #952f2a
}

.caution-btn.disabled,.caution-btn.disabled:hover,.caution-btn[disabled],.caution-btn[aria-disabled=true] {
    background-color: #e0245e;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
    border: 1px solid #1da1f2;
    color: #fff
}

.icon-btn {
    background: transparent;
    border: 1px solid transparent;
    color: #1b95e0;
    opacity: .8;
    -ms-filter: "alpha(opacity=80)";
    padding: 4px 10px
}

.icon-btn .Icon {
    font-size: 20px
}

.icon-btn:focus,.icon-btn.focus {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.5)
}

.icon-btn:hover {
    background-color: rgba(255,255,255,0.25);
    background-image: linear-gradient(rgba(255,255,255,0),rgba(0,132,180,0.1));
    border-color: #1b95e0;
    color: #1b95e0
}

.icon-btn.disabled,.icon-btn.disabled:hover,.icon-btn[disabled],.icon-btn[aria-disabled=true] {
    background: transparent;
    border: 0;
    color: #1b95e0
}

.icon-btn:active,.icon-btn.active {
    background: rgba(255,255,255,0.15);
    border-color: #1b95e0;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
    color: #1b95e0
}

.icon-btn.enabled {
    background: rgba(255,255,255,0.75);
    border-color: #1b95e0;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: #1b95e0;
    opacity: .8;
    -ms-filter: "alpha(opacity=80)"
}

.icon-btn.enabled:hover {
    background: rgba(255,255,255,0.75)
}

.icon-btn .text {
    font-size: 12px;
    font-weight: normal;
    margin-left: 3px;
    position: relative;
    top: -6px
}

.plain-btn,.plain-btn:hover {
    background: transparent;
    border-color: transparent
}

.plain-btn:hover {
    color: #1b95e0
}

.plain-btn:focus,.plain-btn.focus,.plain-btn.active,.plain-btn:active,.plain-btn.open,.dropdown.open .user-dropdown.plain-btn,.open>.plain-btn {
    background: transparent;
    border-color: #fff;
    box-shadow: none;
    color: #1b95e0
}

.plain-btn.disabled,.plain-btn.disabled:hover,.plain-btn[disabled],.plain-btn[aria-disabled=true] {
    background: transparent;
    border-color: transparent
}

.fb-btn {
    color: #fff;
    background-color: #3c5d96;
    background-repeat: repeat-x;
    background-image: linear-gradient(#6079ab,#3c5d96);
    border-color: #3c5a98;
    border-bottom-color: #273b64;
    text-align: left;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1)
}

.fb-btn:hover,.fb-btn:focus {
    color: #fff;
    background-color: #345285;
    background-repeat: repeat-x;
    background-image: linear-gradient(#5e76a9,#344d7e);
    border-color: #3c5a98;
    border-bottom-color: #273b64
}

.btn-group {
    position: relative
}

.action-text {
    min-width: 68px;
    padding: 5px 7px
}

.follow-btn {
    padding: 0
}

.btn-user-actions,.user-dropdown {
    padding: 8px 11px 8px 10px
}

.follow-btn .action-text {
    display: none
}

.not-following .follow-btn .follow-text,.following .follow-btn .following-text,.following .follow-btn:hover .unfollow-text,.following.first-hover .follow-btn:hover .following-text,.blocked .follow-btn .block-text,.blocked .follow-btn:hover .unblock-text,.follow-request-sent .follow-btn .pending-text,.follow-request-sent .follow-btn:hover .cancel-req-text {
    display: block
}

.not-following.follow-request-sent .follow-btn .follow-text,.following .follow-btn:hover .following-text,.following.first-hover .follow-btn:hover .unfollow-text,.blocked .follow-btn:hover .block-text,.follow-request-sent .follow-btn:hover .pending-text {
    display: none
}

.following .follow-btn,.blocked .follow-btn,.follow-request-sent .follow-btn {
    text-align: center
}

.small-follow-all-wrapper .action-text,.small-follow-all-wrapper .btn-user-actions {
    padding: 3px 4px
}

.small-follow-all-wrapper .follow-btn .follow {
    margin-top: 2px;
    margin-left: 2px
}

.follow-btn.small .follow {
    margin-top: 1px;
    margin-right: 4px
}

.follow-btn.small-follow-btn {
    margin-top: 3px;
    margin-right: 9px
}

.follow-btn.small-follow-btn .activity-follow {
    margin-top: -1px
}

.small-follow-btn .action-text {
    min-width: 0;
    padding: 0
}

.follow-combo .btn-group-dropdown .is-not-blocked,.follow-combo.following .btn-group-dropdown .is-following,.follow-combo.following .btn-group-dropdown .is-not-including,.follow-combo.following .btn-group-dropdown .is-not-notifying,.follow-combo.including .btn-group-dropdown .is-including,.follow-combo.notifying .btn-group-dropdown .is-notifying,.follow-combo.dismissable .btn-group-dropdown .is-dismissable,.follow-combo .btn-group-dropdown .is-not-blocked.dropdown-divider,.follow-combo.following .btn-group-dropdown .is-following.dropdown-divider,.follow-combo.blocked .is-blocked,.follow-combo.can-dm .can-send-dm {
    display: block
}

.follow-combo .btn-group-dropdown li a,.follow-combo .btn-group-dropdown .dropdown-divider,.follow-combo.including .btn-group-dropdown .is-not-including,.follow-combo.notifying .btn-group-dropdown .is-not-notifying,.follow-combo.blocked .btn-group-dropdown .is-not-blocked,.follow-combo .can-send-dm {
    display: none
}

.btn-group-dropdown a s,.user-actions .dropdown-menu .pretty-link s,.user-actions .dropdown-menu .pretty-link:hover s {
    color: #66757f
}

.follow-button {
    padding: 4px 12px 9px 12px;
    color: #14171a
}

.follow-button .follow {
    vertical-align: bottom
}

.button-text.following-text,.button-text.unfollow-text {
    padding-top: 5px
}

.follow-button .Icon {
    font-size: 18px;
    line-height: 17px;
    padding-right: 3px;
    position: relative;
    top: 3px;
    color: inherit;
    color: #1da1f2
}

.follow-button .Icon.Icon--follow {
    padding-left: 3px;
    padding-right: 2px
}

.small-follow-btn .Icon.Icon--follow {
    padding-left: 2px;
    padding-right: 0
}

.small-follow-btn .Icon {
    font-size: 16px;
    line-height: 15px;
    padding-right: 2px;
    top: 2px;
    color: #1da1f2
}

.small-follow-btn .action-text .Icon--follow {
    margin-right: 2px
}

.btn-group .dropdown-menu {
    right: -1px;
    border-width: 1px
}

.mini-profile-footer .btn-group .dropdown-menu {
    right: auto;
    left: -1px
}

.btn-group.open .btn-group-dropdown {
    display: block
}

.btn-group .small .dropdown-menu {
    top: 28px;
    border-radius: 3px
}

.user-actions {
    position: relative
}

.user-actions .dropdown {
    display: inline-block
}

.win10-wrapper .muted-setting .UserActions-moreActions .dropdown,.win10-wrapper .blocked-setting .UserActions-moreActions .dropdown,.win10-wrapper .blocked-account-nav .blocked-accounts-dropdown .dropdown-menu li.js-export-block-list {
    display: none
}

.stream-item .follow-bar {
    float: right;
    margin-top: 3px
}

.follow-button .button-text,.edit-button .button-text {
    min-width: 73px;
    padding: 0;
    text-align: center
}

.follow-button .button-text {
    display: none
}

.following .follow-button .button-text,.blocked .follow-button .button-text,.pending .follow-button .button-text {
    text-align: center;
    padding-top: 5px
}

.small-follow-btn .button-text.unblock-text,.small-follow-btn .button-text.blocked-text,.small-follow-btn .button-text.pending-text,.small-follow-btn .button-text.cancel-text,.small-follow-btn .button-text.following-text,.small-follow-btn .button-text.unfollow-text {
    padding-top: 3px
}

.not-following .follow-button .follow-text,.following .follow-button .following-text,.following .follow-button:hover .unfollow-text,.following .follow-button.cancel-hover-style:hover .following-text,.blocked .follow-button .blocked-text,.blocked .follow-button:hover .unblock-text,.pending .follow-button .pending-text,.pending .follow-button:hover .cancel-text,.pending .follow-button.cancel-hover-style:hover .pending-text {
    display: block
}

.pending .follow-button .follow-text,.following .follow-button:hover .following-text,.following .follow-button.cancel-hover-style:hover .unfollow-text,.blocked .follow-button:hover .blocked-text,.pending .follow-button:hover .pending-text,.pending .follow-button.cancel-hover-style:hover .cancel-text {
    display: none
}

.user-actions .dropdown-menu .dropdown-caret,.user-actions .dropdown-menu .mention-text,.user-actions .dropdown-menu .list-text,.user-actions .dropdown-menu .block-text,.user-actions .dropdown-menu .report-text,.user-actions .dropdown-menu .not-blocked,.user-actions .dropdown-menu .is-embeddable,.user-actions .dropdown-menu .embed-profile,.user-actions .dropdown-menu .mute-user-item,.following .dropdown-menu .retweet-on-text,.following .dropdown-menu .device-notifications-on-text,.following .dropdown-menu .is-following,.including .dropdown-menu .retweet-off-text,.notifying .dropdown-menu .device-notifications-off-text,.dismissable .dropdown-menu .hide-suggestion-text,.blocked .dropdown-menu .blocked-report-text,.blocked .dropdown-menu .unblock-text,.muting .dropdown-menu .unmute-user-item,.js-actionable-tweet[data-you-block=true] .dropdown-menu .unblock-link,.js-actionable-tweet[data-you-block=false] .dropdown-menu .block-link,.dropdown-menu .mute-user-item,.can-dm .dropdown-menu .dm-text,.conversation-muting .dropdown-menu .unmute-conversation-item {
    display: block
}

.muting .unmute-button,.mute-button {
    display: inline-block
}

.user-actions .dropdown-menu li,.blocked .dropdown-menu .not-blocked,.including .dropdown-menu .retweet-on-text,.notifying .dropdown-menu .device-notifications-on-text,.unmute-button,.first-load.mute-button,.muting .mute-button,.dropdown-menu .unmute-user-item,.muting .dropdown-menu .device-notifications-off-text,.muting .dropdown-menu .device-notifications-on-text,.muting .dropdown-menu .dropdown-divider.is-following,.muting .dropdown-menu .mute-user-item,.muting .dropdown-menu .retweet-off-text,.muting .dropdown-menu .retweet-on-text,.blocked .unmute-button,.blocked .mute-button,.blocked .dropdown-menu .mute-user-item,.blocked .dropdown-menu .unmute-user-item,.blocked .dropdown-menu .mention-text,.blocked .dropdown-menu .list-text,.blocked .dropdown-menu .block-text,.user-actions .blocks-you .dropdown-menu .dropdown-divider,.blocks-you .dropdown-menu .mention-text,.blocks-you .dropdown-menu .is-embeddable,.blocks-you .dropdown-menu .list-text,.blocks-you .dropdown-menu .embed-profile,.protected .dropdown-menu .is-embeddable,.protected .dropdown-menu .embed-profile,.js-actionable-tweet[data-you-block=true] .dropdown-menu .block-link,.js-actionable-tweet[data-you-block=false] .dropdown-menu .unblock-link,.dropdown-menu .unmute-conversation-item,.conversation-muting .dropdown-menu .mute-conversation-item {
    display: none
}

.user-actions .dropdown-menu {
    right: -12px;
    border-width: 1px;
    border-radius: 4px
}

.user-actions .dropdown-menu span {
    font-size: 12px
}

.mini-profile-footer .user-actions .dropdown-menu {
    right: auto;
    left: 0
}

.user-actions .open .dropdown-menu {
    display: block
}

.friend-actions .active-btn-text {
    display: block
}

.friend-actions .pending-btn-text {
    display: none
}

.friend-actions .pending .active-btn-text {
    display: none
}

.friend-actions .pending .pending-btn-text {
    display: block
}

.subscribe-btn>div {
    display: none
}

.subscribe-btn.is-unsubscribed .subscribe-text,.subscribe-btn.is-subscribed .remove-text {
    display: block
}

.featured-list-btn.is-unfeatured .unfeature-text,.featured-list-btn.is-featured .feature-text {
    display: none
}

.module.tweet-to-user {
    background-color: transparent
}

.tweet-btn {
    background-color: #1b95e0;
    border: 1px solid transparent;
    color: #fff;
    display: block;
    padding: 9px 16px 8px 17px;
    text-align: center
}

.tweet-btn .Icon {
    font-size: 19px;
    height: 19px;
    position: relative;
    vertical-align: middle;
    width: 17px
}

.tweet-btn .Icon--tweet {
    left: -2px;
    top: -5px
}

.tweet-btn .Icon--dm {
    font-size: 17px;
    left: -3px;
    top: -2px
}

.tweet-btn .Icon--reply {
    font-size: 16px;
    left: -4px;
    top: -3px
}

.large-tweet-btn {
    padding: 7px 10px;
    border: 0;
    border-radius: 5px;
    box-shadow: none
}

.tweet-btn .tweet-new {
    margin: 0 6px -2px 0
}

.tweet-btn:focus {
    background-color: #1b95e0;
    background: rgba(0,132,180,0.8);
    border: 1px solid #fff
}

.tweet-btn:hover {
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.15));
    border-color: transparent
}

.tweet-btn:active {
    background-image: linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0.15));
    border-color: transparent;
    box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);
    color: #fff
}

.tweet-btn:hover,.tweet-btn:active,.tweet-btn.active {
    background-color: #1b95e0
}

.tweet-btn.btn.disabled,.tweet-btn.btn.disabled:hover,.tweet-btn.btn[disabled],.tweet-btn.btn[aria-disabled=true] {
    background: #1b95e0;
    border-color: transparent;
    color: white;
    opacity: .2;
    -ms-filter: "alpha(opacity=20)";
    text-shadow: none
}

.btn-link {
    padding: 0;
    background-color: transparent;
    background-image: none;
    border: 0;
    color: #1b95e0;
    cursor: pointer;
    border-radius: 0;
    box-shadow: none
}

.btn-link:hover,.btn-link:focus {
    outline: 0;
    text-decoration: underline;
    box-shadow: none
}

.user-actions .follow-link .link-text {
    display: none
}

.user-actions.not-following .follow-link .follow-text {
    display: inline
}

.user-actions.following .follow-link .unfollow-text {
    display: inline
}

.user-actions.pending .follow-link .cancel-text {
    display: inline
}

.feedback-btn {
    font-size: 12px
}

.button-group-container .button-group {
    display: inline-block;
    padding-right: 5px
}

.button-group {
    font-size: 0
}

.button-group .button-group-item {
    display: inline-block;
    padding: 0
}

.button-group .content {
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 0
}

.button-group-item .content.selected {
    background-color: #019ad2
}

.button-group .button-group-item:first-of-type .content {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.button-group .button-group-item:last-of-type .content {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.tweet-form .tweet-btn {
    display: inline-block
}

.tweet-form .tweet-counter {
    top: 10px
}

.notifications-optout-button {
    float: right
}

.icon {
    display: inline-block;
    vertical-align: text-top;
    background-image: url(../../img/t1/twitter_web_sprite_icons.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.follow,.follow-white {
    margin-top: 2px
}

.close-large {
    background-position: 0 -510px;
    width: 12px;
    height: 13px
}

.close {
    background-position: -20px -510px;
    width: 9px;
    height: 9px
}

.close-medium,.error-x,.dismiss-white {
    width: 10px;
    height: 12px
}

.close-medium {
    background-position: -60px -510px
}

.modal-close:hover .close-medium {
    background-position: -80px -510px
}

.error-x {
    background-position: -100px -510px
}

.dismiss-white {
    background-position: -120px -510px
}

.service-gmail,.service-gmail2,.service-yahoo,.service-hotmail,.service-aol,.service-linkedin,.service-msn,.service-msn2,.service-daum,.service-yahoojapan,.service-yandex,.service-default {
    width: 24px;
    height: 24px
}

.service-gmail,.service-gmail2 {
    background-position: 0 -640px
}

.service-yahoo {
    background-position: -30px -640px
}

.service-hotmail {
    background-position: -60px -640px
}

.service-msn2 {
    background-position: -60px -640px
}

.service-aol {
    background-position: -90px -640px
}

.service-linkedin {
    background-position: -120px -640px
}

.service-msn {
    background-position: -150px -640px
}

.service-daum {
    background-position: -180px -640px
}

.service-yahoojapan {
    background-position: -210px -640px
}

.service-yandex {
    background-position: -240px -640px
}

.service-default {
    background-position: -270px -640px
}

.service-sm-gmail2,.service-sm-yahoo,.service-sm-hotmail,.service-sm-aol,.service-sm-linkedin,.service-sm-facebook,.service-sm-msn,.service-sm-daum {
    height: 16px
}

.service-sm-gmail,.service-sm-gmail2 {
    background-position: 0 -670px;
    width: 16px
}

.service-sm-yahoo {
    background-position: -30px -670px;
    width: 20px
}

.service-sm-hotmail {
    background-position: -60px -670px;
    width: 16px
}

.service-sm-aol {
    background-position: -90px -670px;
    width: 16px
}

.service-sm-linkedin {
    background-position: -120px -670px;
    width: 15px
}

.service-sm-facebook {
    background-position: -150px -670px;
    width: 14px
}

.service-sm-msn {
    background-position: -180px -670px;
    width: 16px
}

.service-sm-daum {
    background-position: -210px -670px;
    width: 14px
}

.service-sm-yandex {
    background-position: -230px -670px;
    width: 16px
}

.service-sm-native-photobucket {
    background-position: -270px -670px;
    width: 16px;
    height: 14px;
    *margin-right: 3px
}

.dropdown-check {
    width: 10px;
    height: 12px
}

.dropdown-check {
    background-position: -20px -690px
}

a:hover .dropdown-check,.dropdown-link:hover .dropdown-check,.selected .dropdown-check {
    background-position: -40px -690px
}

.image-gray {
    background-position: -40px -900px;
    width: 15px;
    height: 12px
}

.image-gray-large {
    background-position: -60px -900px;
    width: 19px;
    height: 16px
}

.with-icn {
    font-size: 12px;
    color: #657786
}

.with-textColor-twitterBlueText {
    color: #1da1f2
}

.with-icn .icon,.with-icn .Icon {
    margin-right: 4px
}

.with-icn b {
    font-weight: normal;
    color: inherit
}

.with-icn:hover,.with-icn:focus {
    text-decoration: none
}

.global-dm-nav.new:hover .global-dm-envelope,.global-dm-nav.new:focus .global-dm-envelope,.global-dm-nav:hover .global-dm-envelope,.global-dm-nav:focus .global-dm-envelope,.global-dm-nav:active .global-dm-envelope {
    background-position: -117px -880px
}

.stream-item-footer .with-icn span:last-child {
    margin-right: 4px
}

.stream-item-footer .with-icn .Icon--summary:last-child,.stream-item-footer .with-icn .Icon--geo:last-child,.stream-item-footer .with-icn .Icon--conversation:last-child {
    margin-right: 0
}

.tweet-camera {
    height: auto;
    width: auto
}

.credit-card-visa,.credit-card-mastercard,.credit-card-amex,.credit-card-discover,.credit-card-dinersclub,.credit-card-jcb {
    width: 20px;
    height: 12px
}

.credit-card-visa-large,.credit-card-mastercard-large,.credit-card-amex-large,.credit-card-discover-large,.credit-card-dinersclub-large,.credit-card-jcb-large {
    width: 32px;
    height: 20px
}

.credit-card-cvv,.credit-card-cvv-amex {
    width: 29px;
    height: 20px
}

.credit-card-visa {
    background-position: 0 -1320px
}

.credit-card-mastercard {
    background-position: -26px -1320px
}

.credit-card-amex {
    background-position: -52px -1320px
}

.credit-card-discover {
    background-position: -78px -1320px
}

.credit-card-dinersclub {
    background-position: -104px -1320px
}

.credit-card-jcb {
    background-position: -130px -1320px
}

.credit-card-cvv {
    background-position: 0 -1370px
}

.credit-card-cvv-amex {
    background-position: -38px -1370px
}

.credit-card-visa-large {
    background-position: 0 -1340px
}

.credit-card-mastercard-large {
    background-position: -38px -1340px
}

.credit-card-amex-large {
    background-position: -76px -1340px
}

.credit-card-discover-large {
    background-position: -114px -1340px
}

.credit-card-dinersclub-large {
    background-position: -152px -1340px
}

.credit-card-jcb-large {
    background-position: -190px -1340px
}

.dropdown {
    position: relative
}

.dropdown.center {
    float: right;
    right: 50%
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-left: 2px;
    vertical-align: top;
    border-top: 4px solid #66757f;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.btn .caret {
    margin-top: 8px
}

.open.dropdown .caret,.dropdown-toggle:hover .caret,.dropdown-toggle:focus .caret {
    border-top-color: #fff
}

.open.dropdown .btn .caret {
    border-top-color: #14171a
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 900;
    display: none;
    float: left;
    padding: 10px 0;
    margin: 2px 0 0;
    background: #fff;
    background-color: rgba(255,255,255,0.98);
    border: 1px solid #e6ecf0;
    border: 0 solid rgba(0,0,0,0.25);
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    background-clip: padding-box
}

.dropdown-menu.dropdown-menu--rightAlign {
    right: 0
}

.dropdown-menu.is-autoCentered {
    left: calc(50% - 12px - 9px);
    right: unset;
    top: calc(100% - -10px)
}

.dropdown-menu.dropdown-menu--rightAlign.is-autoCentered {
    left: unset;
    right: calc(50% - 10px - 9px)
}

.dropdown.center .dropdown-menu {
    float: right;
    right: -50%;
    position: relative
}

.dropdown-form {
    padding: 15px
}

.dropdown-menu ul:focus {
    outline: 0
}

.dropdown-menu li {
    display: block;
    float: none;
    line-height: inherit;
    position: relative
}

.dropdown-divider {
    padding-top: 1px;
    margin: 5px 1px 6px;
    border-bottom: 1px solid #e6ecf0
}

.dropdown-menu .label {
    padding: 4px 22px 0;
    font-size: 12px;
    color: #657786;
    white-space: nowrap
}

.lt-ie10 .dropdown-menu .label {
    line-height: 18px
}

.dropdown-menu li>a,.dropdown-menu .dropdown-link {
    clear: both;
    color: #66757f;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: normal;
    float: none;
    line-height: 18px;
    margin: 0;
    padding: 5px 20px;
    position: relative;
    text-shadow: none;
    white-space: nowrap
}

.dropdown button.dropdown-link {
    background: transparent;
    min-width: 100%;
    text-align: left
}

.dropdown.center .dropdown-menu li>a,.dropdown.center .dropdown-menu .dropdown-link {
    padding: 3px 22px;
    text-align: center
}

.dropdown-menu li>a:focus .account-group b {
    text-decoration: none
}

.dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-menu .dropdown-link:hover,.dropdown-menu .dropdown-link:focus,.dropdown-menu .dropdown-link.is-focused,.dropdown-menu li:hover .dropdown-link,.dropdown-menu li:focus .dropdown-link,.dropdown-menu .typeahead-recent-search-item.selected,.dropdown-menu .typeahead-saved-search-item.selected,.dropdown-menu .selected a,.dropdown-menu .dropdown-link.selected {
    color: #fff;
    background: #3b88c3;
    text-decoration: none
}

.dropdown-menu li>a s,.dropdown-menu .dropdown-link s {
    color: #66757f
}

.dropdown-menu li>a:hover s,.dropdown-menu li>a:focus s,.dropdown-menu .selected>a s,.dropdown-menu .dropdown-link:hover s,.dropdown-menu .dropdown-link:focus s {
    color: #fff
}

.dropdown-check {
    position: absolute;
    top: 5px;
    left: 7px
}

.dropdown-menu li button:focus {
    outline: 0
}

.dropdown-menu .dropdown-caret {
    position: absolute;
    top: -10px;
    left: 12px;
    width: 18px;
    height: 10px;
    float: left;
    overflow: hidden
}

.dropdown-menu.dropdown-menu--rightAlign .dropdown-caret,.dropdown-caret.right {
    left: auto;
    right: 10px
}

.dropdown-caret.center,.dropdown.center .dropdown-menu .dropdown-caret {
    left: 50%;
    margin-left: -9px
}

.dropdown-caret .caret-outer,.dropdown-caret .caret-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin-left: -1px
}

.dropdown-caret .caret-outer {
    border-bottom: 10px solid #657786;
    border-bottom-color: rgba(0,0,0,0.1);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: auto;
    left: 0;
    top: 0;
    width: auto
}

.dropdown-caret .caret-inner {
    top: 1px;
    left: 1px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-bottom-color: rgba(255,255,255,0.98)
}

.with-rightCaret .dropdown-caret {
    left: auto;
    right: 13px
}

.dropdown.open .dropdown-menu {
    display: block
}

.session .dropdown-menu .dropdown-caret {
    left: auto;
    right: 30px
}

.stream-item .account .btn-group .dropdown-caret,.permalink-tweet .btn-group .dropdown-caret {
    left: auto;
    right: 13px
}

.session .dropdown-menu,.global-nav .pull-right .dropdown-menu,.global-nav .secondary-nav .dropdown-menu {
    margin: 9px -7px 0 0
}

.typeahead {
    padding: 5px 0
}

.typeahead-items li>a {
    padding: 7px 15px 7px 10px;
    font-size: 14px
}

.dropdown-menu .dropdown-link.hidden {
    display: none
}

.dropdown-menu .dropdown-account {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.dropdown-account .avatar {
    float: left;
    margin-right: 5px
}

.dropdown-account .pretty-link s {
    color: #ccd6dd
}

.dropdown-account .pretty-link:hover b {
    text-decoration: none
}

.dropdown-account .username {
    color: #657786
}

.dropdown-account strong.fullname {
    display: inline;
    font-size: 12px
}

.dropdown-account:hover .fullname,.dropdown-account:hover .username,.dropdown-account:hover .pretty-link s,.dropdown-menu .account-summary:focus .fullname,.dropdown-menu .account-summary:focus .metadata,.dropdown-account.selected .fullname,.dropdown-account.selected .username,.dropdown-account.selected .pretty-link s {
    color: #fff
}

.more-tweet-actions .dropdown-menu li>a {
    margin-left: 0
}

.more-tweet-actions .action-more-container,.more-tweet-actions .action-more-container .dropdown {
    display: inline-block
}

.ProfileTweet-action .dropdown .dropdown-menu {
    margin: 8px -14px 0
}

.more-tweet-actions .dropdown .dropdown-menu .dropdown-caret {
    left: auto;
    right: 25px
}

.permalink-tweet .more-tweet-actions .dropdown .dropdown-menu .dropdown-caret {
    left: auto
}

.more-tweet-actions .has-no-timelines-text,.more-tweet-actions .has-timelines .has-timelines-text,.ProfileTweet-action .has-no-timelines-text,.ProfileTweet-action .has-timelines .has-timelines-text {
    display: inline
}

.more-tweet-actions .has-timelines-text,.more-tweet-actions .has-timelines .has-no-timelines-text,.ProfileTweet-action .has-timelines-text,.ProfileTweet-action .has-timelines .has-no-timelines-text {
    display: none
}

.more-tweet-actions .dropdown-divider,.ProfileTweet-action .dropdown-divider {
    display: block
}

.more-tweet-actions .js-curate-tweet .custom-timeline-action-label,.ProfileTweet-action .js-curate-tweet .custom-timeline-action-label {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.more-tweet-actions .js-curate-tweet .dropdown-link,.ProfileTweet-action .js-curate-tweet .dropdown-link {
    height: 28px
}

html,body,#doc,#page-outer {
    height: 100%
}

body {
    background-color: #f5f8fa
}

.wrapper,.wrapper-narrow,.wrapper-permalink {
    margin: 0 auto;
    min-height: 0;
    padding: 56px 23px 15px;
    position: relative;
    width: 890px
}

@media(min-width:1236px) {
    body.three-col .wrapper {
        width: 1190px
    }

    body.three-col .wrapper-narrow,body.three-col .wrapper-permalink {
        width: 642px
    }
}

.wrapper {
    padding-bottom: 0
}

.wrapper-permalink {
    width: 540px
}

.wrapper-unsubscribe,.wrapper-email-delivery-frequency-confirmation {
    width: auto;
    max-width: 520px
}

.container {
    position: relative;
    width: 890px;
    margin: 0 auto
}

.page-canvas {
    position: relative;
    width: 888px;
    margin: 0 auto
}

.dashboard {
    float: left;
    width: 290px
}

.win10-wrapper .dashboard {
    display: none
}

.dashboard.fixed-dashboard {
    position: fixed
}

.dashboard .dashboard-left-placeholder {
    float: left;
    visibility: hidden
}

.flipped-dashboard .dashboard {
    float: right;
    margin-left: 10px
}

.content-inner,.content-narrow,.page-canvas,.permalink {
    background-clip: padding-box
}

.content-narrow,.page-canvas {
    border: 1px solid #e6ecf0;
    border: 1px solid rgba(0,0,0,0.1)
}

.content-main,.content-narrow,.page-canvas,.permalink {
    border-radius: 6px
}

.content-main {
    float: right;
    width: 590px
}

@media(min-width:1236px) {
    body.three-col .content-main {
        float: left;
        margin: 0 10px
    }
}

.win10-wrapper .content-main {
    float: none;
    width: 100%
}

@media(min-width:1236px) {
    body.three-col.win10-wrapper .content-main {
        float: left;
        margin: 0
    }
}

.content-narrow {
    padding: 30px 50px;
    margin: 0 auto 10px;
    background-color: #fff
}

.permalink {
    padding: 0;
    background-color: #f5f8fa;
    border: 1px solid #e6ecf0;
    border: 1px solid rgba(0,0,0,0.1)
}

.permalink-inner {
    position: relative
}

.content-inner {
    padding: 12px;
    background-color: #fff;
    border-left: 1px solid #e6ecf0;
    border-right: 1px solid #e6ecf0
}

.win10-wrapper .content-inner {
    border-left: none;
    border-right: 0
}

.win10-wrapper .content-inner div#delete_geo_data {
    display: none
}

.content-inner>h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 20px
}

.content-inner hr {
    margin: 20px -12px
}

.content-inner.no-stream-end {
    margin-bottom: 14px;
    border-bottom: 1px solid #e6ecf0;
    border-radius: 0 0 6px 6px
}

.win10-wrapper .content-inner.no-stream-end {
    margin-bottom: 0;
    border-bottom: 0;
    border-radius: 0
}

.error-page .heading {
    margin-bottom: 10px;
    font-size: 27px;
    font-weight: 300
}

.pushstate-spinner {
    display: none;
    height: 26px;
    margin: 11px 0 0 -26px;
    vertical-align: top;
    width: 26px
}

.pushing-state .pushstate-spinner {
    display: inline-block;
    background: url(../../img/t1/spinner-rosetta-blue-26x26.gif) no-repeat 0 0
}

.pushing-state .bird-topbar-etched {
    display: none
}

@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi) {
    .pushing-state .pushstate-spinner {
        background-image: url(../../img/t1/spinner-rosetta-blue-26x26@2x.gif);
        background-size: 26px 26px
    }
}

.dashboard .SignupCallOut {
    margin-bottom: 10px
}

.module {
    background-clip: padding-box;
    border: 0;
    border-radius: 6px;
    line-height: 16px;
    position: relative;
    margin-bottom: 10px
}

.module .flex-module {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    padding: 15px;
    line-height: 16px
}

.flex-module-header {
    margin-bottom: 10px
}

.flex-module-header h3 {
    display: inline
}

.flex-module-header small {
    line-height: 1
}

.flex-module-header p {
    font-size: 12px;
    color: #657786
}

.flex-module-inner,.flex-module-footer {
    color: #657786;
    font-size: 12px
}

.flex-module-footer {
    margin-top: 10px
}

.flex-module-inner ul,.flex-module-inner ol {
    color: #14171a
}

.follow-card .flex-module-header h1 {
    margin-right: 42px;
    word-wrap: break-word
}

.module ul+.flex-module {
    border-top: 1px solid #e6ecf0
}

.contrast-module-header h3 {
    color: #eee;
    font-size: 14px;
    line-height: 18px
}

.contrast-module-inner,.contrast-module-footer {
    color: #fff;
    font-size: 12px;
    margin-top: 4px
}

.module .list-link {
    background-color: #fff;
    color: #66757f;
    border: 1px solid #e6ecf0;
    border-top: 0
}

.module .inner:first-child {
    border-top: 0
}

.module li:first-child .list-link {
    border-top: 1px solid #e6ecf0
}

.list-link.grid-link {
    border: 0
}

.module ul:first-child li:first-child .list-link,.module .flex-module:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.module ul:last-child li:last-child .list-link,.module ul:last-child li.last-item .list-link,.module .list-link.last,.module .flex-module:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.dashboard .stats {
    background-color: #fff;
    border: 1px solid #e6ecf0
}

.module .list-link {
    position: relative;
    display: block;
    padding: 8px 12px
}

.module.sidebar-nav .list-link .icon {
    margin-right: 10px
}

.module .list-link .count {
    font-weight: normal;
    color: #657786
}

.module .list-link .metadata {
    display: block;
    font-size: 12px
}

.module .list-link:hover,.module .active .list-link {
    background-color: #fff;
    color: #14171a;
    text-decoration: none
}

.module .active .list-link {
    color: #14171a
}

.module .list-link:hover {
    background-color: #f5f8fa
}

.module .list-link:focus,.module .active .list-link:focus {
    font-weight: bold
}

.module .active .list-link {
    font-weight: bold
}

.mozilla .module .active .list-link {
    padding-top: 9px;
    padding-bottom: 7px
}

.webkit .module .active .list-link {
    padding-top: 7px;
    padding-bottom: 9px
}

.module .active .list-link small {
    font-weight: normal;
    color: #14171a
}

.module .list-link .Icon--caretRight {
    float: right;
    position: relative
}

.module .list-action {
    display: block
}

.profile-nav .component .component .list-link {
    border-radius: 0 0 5px 5px
}

.module .unread {
    float: right;
    margin-top: 2px;
    margin-right: 10px
}

.list-action {
    padding: 8px 12px;
    margin: -8px -12px
}

.list-action:hover {
    text-decoration: none
}

.content-header,.content-no-header {
    border: 1px solid #e6ecf0;
    border-bottom-width: 0;
    border-radius: 6px 6px 0 0;
    background-clip: padding-box
}

.win10-wrapper .content-header {
    border: 0;
    border-radius: 0
}

.content-header {
    border-bottom-width: 0
}

.content-header .header-inner,.content-no-header .no-header-inner {
    min-height: 20px;
    padding: 12px;
    background-color: #fff;
    border-bottom: 1px solid #e6ecf0;
    border-radius: 4px 4px 0 0
}

.win10-wrapper .content-header .header-inner {
    border-radius: 0
}

.content-header .content-type {
    font-weight: normal
}

.content-header .header-inner.not-rounded {
    border-radius: 0
}

.content-header-buttons .btn {
    float: right;
    padding: 2px 8px;
    margin-top: -1px
}

.content-header-buttons .btn-link {
    float: right;
    margin-top: 3px
}

.content-header .subheader {
    color: #657786;
    margin-top: 3px
}

.content-no-header {
    border-bottom-width: 1px;
    border-radius: 6px
}

.content-no-header .no-header-inner {
    padding: 30px 50px;
    border-bottom: 0;
    border-radius: 5px
}

.view-toggler a,.view-toggler {
    font-weight: normal;
    line-height: 1
}

.view-toggler .active {
    color: #14171a;
    font-weight: bold;
    text-decoration: none;
    cursor: text
}

.view-toggler .toggle-separator:first-child {
    display: none
}

.timelines-navigation {
    float: right;
    margin-top: 2px
}

.timelines-navigation .profile-nav-btn {
    float: left;
    margin-left: 15px
}

.timelines-navigation .profile-nav-link {
    float: left
}

.timelines-navigation .profile-nav-icon {
    float: left;
    line-height: 1
}

.topbar {
    backface-visibility: hidden;
    border-bottom: 1px solid #e6ecf0;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000
}

.global-nav,.global-nav-outer {
    height: 40px
}

.global-nav {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    height: 46px;
    position: relative;
    width: 100%
}

.global-nav-inner {
    background: #fff;
    height: 46px
}

.global-nav .container {
    max-width: 890px;
    text-align: center;
    width: auto
}

@media screen and (min-width:1236px) {
    .global-nav .container {
        max-width: 1190px
    }
}

@media screen and (max-width:936px) {
    .global-nav .t1-form.form-search {
        width: 139px
    }

    #global-nav-about,#global-nav-moments,.global-nav #global-actions li span.text {
        position: absolute;
        overflow: hidden;
        width: 1px;
        height: 1px;
        padding: 0;
        border: 0;
        clip: rect(1px,1px,1px,1px)
    }

    .global-nav .container {
        width: auto;
        min-width: 520px
    }

    #global-actions.nav .icon,#global-actions.nav .icon {
        margin-right: 0
    }

    .u-hideMediumViewport {
        position: absolute!important;
        overflow: hidden!important;
        width: 1px!important;
        height: 1px!important;
        padding: 0!important;
        border: 0!important;
        clip: rect(1px,1px,1px,1px)!important
    }
}

@media screen and (max-width:700px) {
    .global-nav .t1-form.form-search {
        width: 89px
    }
}

@media screen and (max-width:1190px) {
    .global-nav .container {
        min-width: 590px
    }
}

@media screen and (max-width:938px) {
    .global-nav .container {
        padding: 0
    }
}

.global-nav [role=navigation],.nav,.nav>li {
    float: left
}

#global-actions>li {
    height: 46px;
    overflow: hidden
}

#global-actions>li>a {
    border-bottom: 5px solid #1b95e0;
    transition: all .15s ease-in-out
}

#global-actions>li:hover>a,#global-actions>li.active>a {
    height: 42px
}

#global-actions>li:hover {
    color: #1b95e0
}

#global-actions .new:before {
    content: "\25CF";
    font-size: 14px;
    left: 5px;
    position: absolute;
    top: 1px
}

#global-actions .global-dm-nav.new:before {
    display: none
}

#global-actions .people.new:before {
    left: 4px;
    top: 0
}

.nav {
    margin-right: 12px;
    text-align: left
}

.nav li {
    position: relative
}

.nav>li {
    color: #66757f
}

.nav>li .Icon {
    float: left;
    margin: 11px 0 0 10px;
    width: 23px;
    height: 23px
}

.nav li a {
    position: relative;
    font-size: 12px
}

.nav>li>a .text {
    float: left;
    margin-left: 3px;
    margin-top: 17px;
    padding: 0
}

.nav>li>a .text:only-child {
    margin-left: 10px
}

.nav>li>a,.nav>li>button {
    color: inherit;
    display: block;
    font-size: 13px;
    font-weight: 500;
    height: 46px;
    line-height: 1;
    padding: 0 14px 0 4px
}

.nav .open.dropdown .caret,.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret {
    border-top-color: #66757f
}

.nav small {
    font-weight: normal
}

.nav .icon {
    float: left;
    margin: -4px 6px 0 0
}

.logged-out .nav .icon {
    margin-top: 0
}

.nav>li>.nav-logo-link {
    padding: 10px 14px 18px
}

.nav>li>.nav-logo-link:focus .icon {
    outline: dotted 1px #fff;
    outline: auto 5px -webkit-focus-ring-color
}

.nav .active a {
    color: inherit;
    background-color: transparent
}

.global-nav .account-summary {
    min-height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0
}

.global-nav .account-summary .avatar {
    top: 5px;
    left: 22px;
    box-shadow: none
}

.global-nav .account-summary .content {
    padding-right: 15px;
    margin-top: 1px;
    margin-right: 0
}

.global-nav .current-user .fullname {
    font-size: 14px
}

.global-nav .account-summary:hover .fullname {
    color: #fff;
    text-decoration: none
}

.global-nav .account-summary:hover .metadata {
    color: #fff
}

.global-nav .current-user .metadata {
    display: block;
    font-size: 12px
}

.global-nav .dropdown-menu .messages a {
    font-weight: bold
}

.nav .moments .Icon--lightning {
    font-size: 25px;
    line-height: 21px;
    margin-left: 5px
}

.global-nav .messages .count {
    float: right;
    display: none;
    min-width: 7px;
    padding: 0 9px;
    margin-right: -5px;
    color: #fff;
    text-shadow: none;
    background-color: #58b3f0;
    background-repeat: repeat-x;
    background-image: linear-gradient(#3aa0ea,#58b3f0);
    border-radius: 9px
}

.global-nav .messages:hover .count {
    background: #fff;
    color: #66757f
}

.global-nav .messages .count.new {
    display: block
}

.global-nav .people .count {
    background-color: #fff;
    border-radius: 8px;
    color: white;
    display: none;
    font-size: 11px;
    height: 20px;
    left: 24px;
    line-height: 17px;
    margin: 0;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 3px;
    z-index: 100
}

.global-nav .people.notifications .count {
    left: 21px;
    top: 6px
}

.global-nav .people .count.new-count {
    display: block
}

.global-nav .people .count.new-count.max .count-inner {
    width: 22px
}

.global-nav .people .count .count-inner {
    border: 2px solid #fff;
    border-radius: 7px;
    display: block;
    opacity: .6;
    -ms-filter: "alpha(opacity=60)";
    background-color: #66757f;
    line-height: 16px;
    width: 16px;
    height: 16px
}

.global-nav .people:hover .count .count-inner,.global-nav .people a:focus .count .count-inner {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.pull-right {
    float: right;
    text-align: left
}

.global-nav .pull-right .nav {
    position: relative;
    z-index: 5;
    margin: 0 -12px
}

.global-nav .pull-right .dropdown-toggle {
    overflow: hidden;
    padding: 0;
    margin-top: 7px
}

.global-nav .pull-right .Icon--cog {
    margin-top: 11px
}

.global-nav .pull-right .secondary-nav {
    margin-left: 6px;
    margin-right: 0
}

.global-nav .pull-right .right-actions {
    margin: 0
}

.nav.right-actions>li>a,.nav.right-actions>li>button {
    height: 100%;
    margin-right: 15px;
    opacity: .6;
    -ms-filter: "alpha(opacity=60)";
    padding-right: 0;
    transition: all .15s ease-in-out
}

.nav.right-actions>li>a:hover,.nav.right-actions>li>button:hover {
    color: #1b95e0;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.nav.right-actions .Icon {
    margin-left: 5px;
    margin-right: 5px
}

.bird-topbar-etched {
    color: #1da1f2;
    cursor: pointer;
    font-size: 21px;
    margin-top: 14px;
    margin-left: -24px;
    display: inline-block;
    transition: all .25s ease-in-out
}

@media screen and (min-width:1236px) {
    .bird-topbar-etched {
        position: absolute;
        left: 50%;
        margin-left: -12px
    }

    .pushstate-spinner {
        position: absolute;
        left: 50%;
        margin-left: -13px
    }
}

.dm-nav {
    float: left;
    margin: 0;
    height: 40px;
    padding: 0
}

.global-dm-nav {
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    overflow: visible
}

.nav.right-actions .global-dm-nav .Icon {
    line-height: 29px;
    margin-top: 0
}

.global-dm-nav .dm-new {
    display: none
}

.global-dm-nav.new .dm-new {
    display: block
}

.global-dm-nav.new.with-count .dm-new {
    background-color: #fff;
    border: 0;
    border-radius: 8px;
    color: white;
    font-size: 11px;
    height: 20px;
    left: 20px;
    line-height: 17px;
    margin: 0;
    position: absolute;
    text-align: center;
    text-shadow: none;
    z-index: 100;
    top: 6px
}

.global-dm-nav.new.with-count .dm-new .count-inner {
    border: 2px solid #fff;
    border-radius: 7px;
    display: block;
    opacity: .6;
    -ms-filter: "alpha(opacity=60)";
    background-color: #66757f;
    line-height: 16px;
    width: 16px;
    height: 16px
}

.global-dm-nav.new.with-count:hover .dm-new .count-inner,.global-dm-nav.new.with-count:focus .dm-new .count-inner {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.global-dm-nav.new.with-count-2 .dm-new .count-inner {
    width: 23px
}

.global-dm-nav.new.with-count-3 .dm-new .count-inner {
    width: 29px
}

.global-dm-nav:hover,.global-dm-nav:focus {
    color: #66757f;
    text-decoration: none;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    outline: 0
}

#global-new-tweet-button {
    color: #fff;
    cursor: pointer;
    height: 32px;
    margin-top: 7px;
    margin-right: 0;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    padding: 0 7px 0 8px
}

#global-new-tweet-button .Icon {
    font-size: 24px;
    left: 0;
    margin: 0;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    position: relative;
    top: -2px
}

#global-new-tweet-button .text {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px,1px,1px,1px)
}

@media screen and (min-width:1236px) {
    #global-new-tweet-button {
        padding: 0 13px 0 14px
    }

    #global-new-tweet-button .text {
        float: left;
        margin-left: 3px;
        margin-top: 5px;
        position: static;
        overflow: visible;
        width: auto;
        height: auto;
        clip: auto
    }
}

.global-nav [role=search] {
    float: left
}

.global-nav .form-search {
    float: left;
    height: 33px;
    margin: 7px 15px 0 0;
    font-size: 12px;
    width: 221px
}

.global-nav .search-icon {
    position: absolute;
    top: 3px;
    right: -3px;
    display: block;
    width: 26px;
    height: 26px;
    cursor: pointer
}

.global-nav .search-icon .Icon {
    color: #66757f;
    font-size: 13px;
    height: auto;
    margin: 3px 0 0 0;
    padding: 0;
    width: auto
}

.global-nav .nav-search {
    margin-top: 3px;
    margin-left: 7px;
    background-color: transparent
}

.global-nav .search-input {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 5px 27px 6px 12px;
    font-size: 12px;
    line-height: 16px;
    color: #14171a;
    background-color: #f5f8fa;
    border: 1px solid #e6ecf0;
    border-radius: 21px;
    transition: all .2s ease-in-out
}

.global-nav .search-input:lang(ar),.global-nav .search-input:lang(fa),.global-nav .search-input:lang(ur) {
    line-height: 1.4
}

.lt-ie10 .global-nav .search-input {
    line-height: 21px;
    min-height: auto
}

.global-nav .search-input::-webkit-input-placeholder {
    color: #657786
}

.global-nav .search-input:-moz-placeholder {
    color: #657786
}

.global-nav .search-input::-moz-placeholder {
    color: #657786
}

.global-nav .search-input:-ms-input-placeholder {
    color: #657786
}

.global-nav .search-input::placeholder {
    color: #657786
}

.global-nav .search-input::-webkit-input-placeholder {
    color: #657786;
    line-height: 16px
}

.global-nav .search-input:focus,.global-nav .search-input.focus {
    color: #14171a;
    text-shadow: none;
    background-color: #fff;
    box-shadow: none;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.form-search {
    position: relative
}

.typeahead {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    right: auto;
    left: 0;
    display: none;
    margin-top: -3px;
    padding: 5px 0;
    border-radius: 0 0 4px 4px
}

.typeahead .dropdown-caret {
    display: none;
    left: 16px
}

.form-search .dropdown-caret {
    display: block
}

.form-search .typeahead {
    width: 316px;
    margin-top: 9px;
    border-radius: 4px
}

.typeahead-items {
    width: 100%;
    margin: 0;
    overflow: hidden
}

.typeahead-items li {
    width: 100%;
    white-space: nowrap;
    float: left;
    clear: left
}

.typeahead-items li>a {
    display: block;
    padding: 7px 15px 7px 10px;
    overflow: hidden;
    color: #66757f;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 32px
}

.typeahead-in-conversation {
    margin: -3px 10px 8px 17px
}

.typeahead-in-conversation-text {
    margin-left: 5px
}

.typeahead a,.typeahead .fullname {
    color: #14171a
}

.typeahead .username,.typeahead-social-context {
    color: #657786
}

.typeahead .username s {
    color: #ccd6dd
}

.typeahead .selected a,.typeahead .selected strong,.typeahead .selected .fullname,.typeahead .selected .username,.typeahead .selected .typeahead-social-context,.typeahead .selected .Icon--close,.typeahead a:hover,.typeahead a:hover strong,.typeahead a:hover .fullname,.typeahead a:hover .username,.typeahead a:hover .typeahead-social-context {
    color: #fff
}

.typeahead .generic-search {
    margin: -1px 4px 0 0
}

.typeahead .avatar {
    float: left;
    margin-right: 10px
}

.typeahead .social-context .avatar {
    margin-right: 10px
}

.typeahead-accounts li>a {
    line-height: 32px
}

.typeahead .typeahead-user-item-info {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.typeahead-item:hover .typeahead-user-item-info .fullname {
    color: inherit
}

.typeahead-topics .typeahead-social-context {
    display: none
}

.typeahead-accounts .typeahead-social-context {
    color: #657786;
    font-size: 12px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden
}

.typeahead-accounts.social-context .typeahead-account-item .typeahead-user-item-info {
    margin-top: 8px;
    line-height: 15px
}

.typeahead-accounts.social-context .has-social-context .typeahead-user-item-info {
    margin-top: 0
}

.typeahead-accounts.social-context li>a {
    line-height: 16px;
    padding: 7px 15px 6px 10px
}

.typeahead-accounts.social-context .typeahead-accounts-shortcut>a {
    padding-top: 10px;
    padding-bottom: 10px
}

.typeahead-recent-search-item .Icon--close,.typeahead-saved-search-item .Icon--close {
    color: #ccd6dd;
    float: right;
    margin: 13px;
    cursor: pointer;
    height: 12px;
    width: 12px
}

li.typeahead-recent-search-item>a,li.typeahead-saved-search-item>a {
    clear: none
}

.typeahead button.clear-recent-searches {
    float: right;
    padding: 15px 13px 3px 3px;
    color: #1b95e0
}

.recent-searches-title {
    float: left;
    margin-right: 30px
}

.typeahead-items.recent-searches-list {
    clear: both
}

.typeahead-category-title {
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    padding-top: 10px;
    padding-left: 10px
}

.saved-searches-title {
    display: none
}

.typeahead-saved-search-item span,.typeahead-recent-search-item span {
    margin-left: 0
}

.typeahead strong {
    color: #111
}

.typeahead-topics strong {
    color: #66757f
}

.typeahead a,.typeahead .fullname {
    color: #14171a
}

.typeahead-topics .typeahead-social-context {
    display: none
}

.typeahead-items li>a.empty-topics-social-context {
    padding-top: 13px;
    padding-bottom: 13px
}

.typeahead .dropdown-inner>.has-results ~ .has-results,.typeahead .dropdown-inner>.has-items ~ .has-items {
    border-top: 1px solid #e6ecf0;
    padding-top: 0;
    margin-top: 0
}

.typeahead-recent-searches.has-results ~ .typeahead-topics.has-results {
    padding-top: inherit;
    margin-top: inherit;
    border-top: 0
}

.typeahead .has-results ~ .has-results .typeahead-searches .generic-search {
    margin-left: 12px
}

.session .dropdown-menu,.global-nav .pull-right .dropdown-menu,.global-nav .secondary-nav .dropdown-menu {
    right: 0
}

.session .dropdown-toggle .caret {
    margin-left: -1px;
    border-top-color: #ccd6dd;
    box-shadow: 0 -1px 0 rgba(0,0,0,0.75)
}

.session .dropdown-toggle:hover .caret,.session .dropdown-toggle:focus .caret,.session.open .dropdown-toggle .caret {
    border-top-color: #fff
}

.nav .session .dropdown-toggle {
    border: 0;
    border-radius: 50%;
    height: 32px;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    width: 32px
}

.nav .session .dropdown-toggle:before {
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.global-nav .dropdown-link {
    font-size: 12px;
    background-color: transparent
}

.global-nav .disable-phx {
    width: 100%;
    text-align: left;
    cursor: pointer
}

.close-all-tweets {
    position: absolute;
    top: 0;
    right: -50px;
    display: none;
    padding: 10px;
    background: transparent
}

.contributors {
    position: relative
}

.contributors .contributor-link {
    display: block;
    padding: 3px;
    margin: 2px -3px;
    color: #66757f;
    white-space: nowrap;
    text-shadow: none;
    border-radius: 3px
}

.contributors .avatar {
    margin-right: 6px;
    vertical-align: middle
}

.contributor-link:hover .avatar {
    box-shadow: 0 1px 1px rgba(0,0,0,0.2)
}

.contributors-inner {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 142px;
    padding: 0 12px 0 22px;
    overflow-x: hidden;
    overflow-y: auto
}

.webkit .contributors-inner {
    margin-right: 10px
}

#signout-form {
    display: none
}

body.ja .has-sms {
    display: none
}

html[lang=ja] .has-sms {
    display: none
}

.default-theme {
    background-color: #3c8fc9
}

.logged-in.swift-loading .Footer {
    display: none
}

.mini-profile {
    font-size: 12px
}

.mini-profile .list-link {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 0
}

.mini-profile img {
    float: left
}

.mini-profile .content {
    margin-left: 42px
}

.mini-profile .profile-summary .fullname {
    display: block;
    font-size: 14px;
    color: #14171a
}

.mini-profile .username {
    color: #657786
}

.mini-profile .view-profile {
    display: block
}

.mini-profile .metadata {
    font-size: 11px
}

.stats {
    overflow: hidden
}

.stats li {
    display: inline
}

.stats a {
    float: left;
    padding: 7px 28px 0 0;
    color: #657786;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase
}

.stats th {
    color: #657786;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase
}

.stats a:hover {
    text-decoration: none
}

.stats a strong {
    color: #1b95e0;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px
}

.stats li:first-child a {
    border-left: 0
}

.enhanced-mini-profile .mini-profile .profile-summary .metadata {
    display: none
}

.enhanced-mini-profile .mini-profile .profile-summary {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 0 0 0;
    position: relative;
    overflow: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    border: 0
}

.enhanced-mini-profile .mini-profile .profile-summary .content {
    margin: 0 0 22px 0;
    text-align: center
}

.enhanced-mini-profile .mini-profile .profile-summary img.avatar {
    position: static;
    float: none;
    border: 3px solid #fff;
    width: 48px;
    height: 48px
}

.enhanced-mini-profile .mini-profile .profile-summary .fullname {
    font-size: 21px;
    margin: 9px 0 8px 0
}

.enhanced-mini-profile .mini-profile .profile-summary .screen-name {
    font-size: 14px
}

.enhanced-mini-profile .mini-profile .profile-summary .fullname,.enhanced-mini-profile .mini-profile .profile-summary .screen-name {
    display: block;
    color: #fff;
    white-space: nowrap;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5)
}

.enhanced-mini-profile .mini-profile .profile-summary a:hover .fullname,.enhanced-mini-profile .mini-profile .profile-summary a:hover .screen-name {
    color: #fff
}

.enhanced-mini-profile .mini-profile .stats {
    border-collapse: separate;
    border-top: 0;
    width: 100%
}

.enhanced-mini-profile .mini-profile .stats.longer strong {
    font-size: 14px
}

.enhanced-mini-profile .mini-profile .stats.long strong {
    font-size: 16px
}

.enhanced-mini-profile .stats a {
    padding: 0
}

.enhanced-mini-profile .stats th {
    color: #657786;
    font-size: 10px;
    font-weight: normal;
    padding-top: 7px;
    text-align: left;
    text-transform: uppercase
}

.enhanced-mini-profile .stats td {
    padding-bottom: 7px
}

.enhanced-mini-profile .stats th,.enhanced-mini-profile .stats td {
    padding-left: 15px
}

.enhanced-mini-profile .mini-profile-stats-container {
    position: relative;
    z-index: 1
}

.enhanced-mini-profile-camera-button .edit-header-trigger {
    position: absolute;
    cursor: pointer
}

.enhanced-mini-profile-camera-button .mini-profile .edit-header-trigger {
    z-index: 1;
    top: 13px;
    right: 13px
}

.enhanced-mini-profile-camera-button .profile-header .edit-header-trigger {
    top: 9px;
    right: 9px
}

.profile-editing .edit-header-trigger,.profile-header .edit-header-trigger.has-header {
    display: none
}

.muted {
    color: #657786
}

.important {
    color: #c00c0c
}

.lead {
    color: #657786;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px
}

.fine-print {
    color: #657786;
    font-size: 11px;
    line-height: 15px
}

.hidden {
    display: none
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.inline-list {
    margin-left: 0
}

.inline-list li {
    display: inline
}

.clearfix:before,.clearfix:after,.control-group:before,.control-group:after,.stream-item>div:before,.stream-item>div:after,.module:after,.module:before,.follow-card header:after,.follow-card header:before,.follow-bar:after,.follow-bar:before,.tweet-form:after,.tweet-form:before,.modal-footer:after,.modal-footer:before,.local-trends-breadcrumb:after,.local-trends-breadcrumb:before,.input-prepend .add-on,.input-append .add-on,.wrapper:after,.wrapper:before,.expanded-content:before,.expanded-content:after,.stream-item:before,.stream-item:after {
    content: " ";
    display: table
}

.clearfix:after,.control-group:after,.stream-item>div:after,.module:after,.follow-card header:after,.follow-bar:after,.tweet-form:after,.modal-footer:after,.local-trends-breadcrumb:after,.wrapper:after,.expanded-content:after,.stream-item:after {
    clear: both
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ellipsify-container {
    overflow: hidden;
    position: relative
}

.ellipsify-container .ellip-content {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.ellipsify-container .ellip {
    position: absolute;
    right: 0;
    top: 0
}

.user-topics {
    display: block;
    list-style: none;
    margin: 4px 0 2px 0;
    border: 0;
    padding: 0;
    overflow: hidden;
    height: 2em
}

.user-topic {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    list-style: none;
    margin: 2px 2px 8px 0
}

.user-topic a {
    padding: 3px 6px;
    font-size: 12px;
    line-height: 12px!important;
    white-space: nowrap;
    color: #66757f;
    background-color: #e9e9e9;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: none
}

.user-topics-sidebar {
    display: block;
    list-style: none;
    margin: 2px 0 2px 0;
    border: 0;
    padding: 0;
    overflow: hidden;
    height: 2em
}

.user-topic-sidebar {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    list-style: none;
    margin: 2px 2px 8px 0
}

.user-topic-sidebar a {
    padding: 3px 6px;
    font-size: 11px;
    line-height: 11px!important;
    white-space: nowrap;
    color: #66757f;
    background-color: #e9e9e9;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: none
}

.user-topic a:hover {
    color: #14171a;
    background-color: #ccd6dd
}

.user-topic-sidebar a:hover {
    color: #14171a;
    background-color: #ccd6dd
}

.contact-import-services .service-button strong {
    font-weight: normal
}

.contact-import-services .service-link,.contact-import-services .service-link:hover {
    display: block;
    padding-bottom: 5px;
    text-decoration: none
}

#suggested-users {
    clear: right
}

.user-similarities-list,.wtf-module .empty-timeline,.component .empty-timeline {
    padding-bottom: 10px
}

.module .tweet-box {
    line-height: 1
}

.tweetbox-placeholder {
    height: 34px
}

.profile-summary {
    cursor: pointer
}

.module.profile-summary small {
    display: block;
    line-height: 16px
}

.module.profile-summary .fullname {
    font-size: 14px
}

.tweet-user {
    padding: 10px 12px;
    background-color: #f5f8fa;
    border-radius: 0 0 5px 5px
}

.empty-timeline-header .dismiss {
    background-color: #f9f9f9;
    border: 2px solid #959595;
    border-color: rgba(0,0,0,0.4);
    border-radius: 4px
}

.empty-timeline-header .dismiss {
    padding: 4px 3px 3px 4px
}

.empty-timeline-header .dismiss.disabled,.empty-timeline-header button[disabled].js-done {
    display: none
}

.empty-timeline,.empty-timeline .list-item:first-child {
    margin-left: 0;
    border-radius: 6px
}

.empty-timeline .list-item {
    margin-bottom: 0
}

.empty-timeline-header,.empty-timeline-section,.empty-timeline-footer {
    padding: 12px
}

.empty-timeline-header,.empty-timeline-section {
    border-bottom: 1px solid #e6ecf0
}

.empty-timeline-section,.empty-timeline-footer {
    background-color: #f9f9f9
}

.empty-timeline-header {
    background-color: #fff;
    border-radius: 6px 6px 0 0
}

.empty-timeline-header h3 {
    margin-top: 1ex;
    color: #657786
}

.empty-timeline-header .btn-link,.empty-timeline-header a {
    font-size: 12px
}

.empty-timeline-footer {
    border-top-width: 0;
    border-radius: 0 0 6px 6px
}

.empty-timeline-footer .primary-btn {
    float: right
}

.empty-timeline-footer .instruction {
    display: block;
    margin-bottom: 9px;
    color: #657786
}

.empty-timeline .list-item .following .follow-btn:hover {
    background-color: #019ad2;
    background-image: linear-gradient(#33bcef,#019ad2);
    border-color: #057ed0
}

.empty-timeline .list-item .following .follow-btn:hover .unfollow-text {
    display: none
}

.empty-timeline .list-item .following .follow-btn:hover .following-text {
    display: block
}

.follow-card {
    background-color: #fff
}

.follow-card header {
    margin-bottom: 9px
}

.follow-card .flex-module-header h1 {
    margin-bottom: 4px;
    font-size: 20px
}

.follow-card header img {
    float: left
}

.follow-card header .content {
    margin-left: 82px
}

.follow-card h1 small {
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px
}

.follow-card header h2 {
    font-size: 14px;
    line-height: 18px
}

.follow-card .description .bio {
    margin-bottom: 9px
}

.follow-card .follow-bar {
    padding: 10px 12px;
    box-shadow: inset 0 1px 0 #fff
}

.follow-card .follow-bar {
    background-color: #ebebeb;
    background-repeat: repeat-x;
    background-image: linear-gradient(#f2f2f2,#ebebeb);
    border-top: 1px solid #e6ecf0;
    border-radius: 0 0 6px 6px
}

.follow-card .stats {
    border: 0
}

.follow-bar .follow-combo,.follow-bar .subscribe-btn {
    float: left
}

.follow-bar small {
    float: right;
    line-height: 30px;
    text-shadow: 0 1px 0 #fff
}

.follow-bar .user-dropdown {
    padding-top: 4px
}

.follow-card .featured-list-actions {
    border-right: 1px solid #e6ecf0;
    border-left: 1px solid #e6ecf0;
    padding: 10px 12px
}

.follow-card .featured-list-actions .featured-list-btn {
    margin-right: 10px
}

.follow-card .featured-list-actions .featured-list-explanation {
    font-size: 12px
}

.profile-card .flex-module {
    background-color: #fff
}

.profile-card .avatar {
    float: left
}

.profile-card-inner {
    float: left;
    width: 50%;
    margin: 0 0 0 12px
}

.profile-card-actions {
    position: relative;
    float: right
}

.profile-card-actions .btn-group-dropdown .dropdown-caret,.profile-card-actions .dropdown-menu .dropdown-caret {
    left: auto;
    right: 10px
}

.profile-card-actions .follow-btn-container {
    position: relative;
    height: 30px
}

.profile-card.profile-header {
    float: right;
    width: 590px;
    position: relative
}

.profile-card.profile-header .profile-picture {
    position: relative;
    z-index: 5;
    margin: 40px auto 6px;
    display: block;
    width: 73px;
    height: 73px;
    border: 4px solid #fff;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25)
}

.profile-card .profile-picture {
    display: block
}

.profile-card .profile-picture.hidden {
    display: none
}

.profile-card.profile-header .avatar {
    float: none;
    border-radius: 3px
}

.profile-header .profile-card-inner {
    width: 85%;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    margin: auto;
    float: none;
    position: relative
}

.profile-header .profile-card-inner h1,.profile-header .profile-card-inner h2,.profile-header .profile-card-inner p,.profile-header .profile-card-inner s,.profile-header .profile-card-inner a,.profile-header .profile-card-inner a b,.profile-header .profile-card-inner a:hover s,.profile-header .profile-card-inner a:hover b {
    color: #fff
}

.profile-card.profile-header .follow-status {
    background-color: #aaa;
    background-color: rgba(0,0,0,0.25);
    color: #fff
}

.profile-card.profile-header .bio-container {
    font: inherit;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px
}

.profile-card.profile-header .height-overflow .bio-container {
    font-size: 12px
}

.user-dropdown {
    height: 35px;
    padding: 0 0 0 5px
}

.user-dropdown .user-dropdown-icon {
    margin: 0 8px 0 3px
}

.small-user-dropdown {
    height: auto
}

.small-user-dropdown .user-dropdown-icon {
    padding-top: 5px;
    margin-right: 8px
}

.user-actions-follow-button {
    vertical-align: top
}

.dm-button .dm-new {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #0095ea;
    position: absolute;
    display: none;
    margin-left: 27px;
    margin-top: 2px
}

.dm-button.new .dm-new {
    display: block
}

.dm-button.new {
    width: 56px
}

.dm-button.new .dm-envelope {
    margin-left: -13px
}

.dm-button.new.with-count .dm-new {
    display: block;
    width: 16px;
    height: 16px;
    padding: 0;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    color: white;
    text-align: center;
    left: 10px;
    position: absolute;
    top: 0
}

.dm-button.new.with-count {
    width: 60px
}

.dm-button.new.with-count .dm-envelope {
    margin-left: -18px
}

.dm-button.new.with-count-2 .dm-new {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-top: -4px
}

.dm-button.new.with-count-2 {
    width: 64px
}

.dm-button.new.with-count-2 .dm-envelope {
    margin-left: -24px
}

.dm-button.new.with-count-3 .dm-new {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: -6px
}

.dm-button.new.with-count-3 {
    width: 68px
}

.dm-button.new.with-count-3 .dm-envelope {
    margin-left: -28px
}

.dm-button .Icon {
    color: inherit;
    position: relative
}

.profile-social-proof {
    background-color: #eee;
    border-top: 1px solid #e6ecf0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.profile-social-proof .social-proof {
    padding: 10px 15px 10px 12px
}

.profile-social-proof .facepile {
    float: left;
    margin-right: 9px
}

.profile-social-proof .namepile {
    display: table;
    height: 32px
}

.profile-social-proof .namepile p {
    display: table-cell;
    vertical-align: middle;
    line-height: 17px;
    font-size: 13px;
    color: #898989
}

.rtl .url {
    direction: rtl;
    unicode-bidi: embed
}

.rtl .screenname {
    direction: rtl;
    text-align: left
}

.follow-status {
    position: relative;
    top: -2px;
    padding: 2px 5px;
    margin-left: 5px;
    font-size: 10px;
    line-height: 1;
    color: #66757f;
    text-transform: uppercase;
    background-color: #eee;
    border-radius: 3px
}

.profile-banner {
    position: relative
}

.profile-banner img {
    display: block;
    background-color: #f9f9f9;
    border-radius: 0 0 5px 5px
}

.banner-shadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    z-index: 2;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.08)
}

.avatar {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    -moz-force-broken-image-icon: 1
}

.avatar--circular {
    border-radius: 100%
}

.avatar-placeholder {
    display: inline-block;
    background-image: url(../../img/t1/avatar_placeholder.png)
}

.size128 {
    width: 128px;
    height: 128px;
    border-radius: 6px
}

.size96 {
    width: 96px;
    height: 96px;
    border-radius: 6px
}

.size73 {
    width: 73px;
    height: 73px;
    border-radius: 5px
}

.size64 {
    width: 64px;
    height: 64px;
    border-radius: 5px
}

.size32 {
    width: 32px;
    height: 32px;
    border-radius: 4px
}

.size24 {
    width: 24px;
    height: 24px;
    border-radius: 3px
}

.size18,.size20 {
    border-radius: 2px
}

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

.size18 {
    width: 18px;
    height: 18px
}

.size16 {
    width: 16px;
    height: 16px;
    border-radius: 0
}

.avatar-row {
    overflow: hidden
}

.avatar-row a:focus img {
    outline: dotted 1px #000;
    outline: auto 5px -webkit-focus-ring-color
}

.avatar-row .size64 {
    margin-right: 3px
}

.avatar-row .size73 {
    margin-right: 5px
}

.avatar-row .avatar {
    float: left;
    margin-right: 5px
}

.list-link .avatar-row {
    height: 32px;
    margin-top: 7px;
    margin-bottom: 4px;
    line-height: 1
}

.list-link .avatar-row .avatar {
    margin-right: 3px
}

.active .list-link .avatar-row {
    margin-top: 8px;
    margin-bottom: 3px
}

s {
    text-decoration: none
}

b {
    font-weight: normal
}

.pretty-link b {
    color: inherit
}

.pretty-link:hover,.pretty-link:hover s,.pretty-link:focus,.pretty-link:focus s {
    text-decoration: none
}

.username-link:hover,.pretty-link:hover b,.username-link:focus,.pretty-link:focus b {
    text-decoration: underline
}

a.account-group:hover,a.account-summary:focus .account-group {
    text-decoration: none
}

a.account-group:hover .fullname,a.account-group:focus .fullname,a.account-summary:focus .fullname {
    color: #1b95e0;
    text-decoration: underline
}

a.account-group:hover .username,a.account-group:focus .username,a.account-summary:focus .username {
    text-decoration: none;
    color: #657786
}

.twitter-hashflag-container {
    display: inline-block
}

.twitter-hashflag {
    height: 1.25em;
    width: 1.25em;
    padding: 0 .05em 0 .1em;
    vertical-align: -0.2em
}

.followers-count {
    font-size: 12px;
    color: #657786;
    text-transform: lowercase
}

.followers-count strong {
    font-weight: normal
}

.fullname {
    color: #14171a;
    font-size: 14px;
    font-weight: bold
}

.account-group .username,.time,.time a,.created-via,.metadata,.metadata button.btn-link,.metadata a {
    font-size: 13px;
    color: #657786
}

.dismiss {
    float: right;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    cursor: pointer
}

button.dismiss {
    background: transparent
}

.flex-table {
    width: 100%
}

.flex-table-primary,.flex-table-secondary {
    vertical-align: top
}

.flex-table-primary {
    width: 99%;
    padding-right: 5px
}

.flex-table-secondary {
    width: 1%;
    max-width: 1%
}

.flex-table-form {
    float: left;
    width: 100%
}

.flex-table-input {
    display: block;
    width: 100%;
    line-height: normal;
    height: 35px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.flex-table-btn {
    float: right;
    width: auto;
    white-space: nowrap
}

.find-friends-content .fine-print {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400
}

.find-friends-search form {
    background-color: #fff;
    border-top: 0;
    border-bottom: 0
}

.find-friends-top-subheader,.find-friends-bottom-subheader {
    background-color: #fff
}

.find-friends-top-subheader {
    padding: 12px
}

.find-friends-bottom-subheader {
    border-top: 1px solid #e6ecf0;
    padding: 12px 12px 0 12px
}

h4.find-friends-top-subheader,h4.find-friends-bottom-subheader {
    color: #66757f;
    font-size: 16px;
    font-weight: 500
}

.find-friends-sources {
    background-color: #fff;
    padding: 0 0 12px;
    border-radius: 0 0 5px 5px
}

.find-friends-list {
    margin-bottom: 6px
}

.find-friends-list li:hover {
    background-color: #f7fcff
}

.find-friends-list li {
    position: relative;
    overflow: hidden;
    padding: 10px 12px;
    line-height: 26px;
    border-bottom: 1px solid #e6ecf0;
    cursor: pointer
}

.find-friends-list .source {
    display: block;
    font-size: 14px;
    color: #14171a
}

.find-friends-list b {
    display: inline-block;
    font-weight: bold;
    line-height: 26px
}

.find-friends-list .icon {
    width: 26px;
    margin-right: 6px;
    vertical-align: bottom
}

.find-friends-list .service-msn {
    margin-right: 3px;
    margin-left: 3px
}

.find-friends-list .btn {
    float: right
}

.find-friends-list .matched-email {
    margin-left: 32px;
    font-size: 12px;
    line-height: 18px
}

.find-friends-sources .fine-print {
    padding: 6px 12px 0
}

.find-friends-results {
    padding-top: 10px;
    background-color: #fff;
    border-left: 1px solid #e6ecf0;
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid #e6ecf0;
    border-right: 1px solid rgba(0,0,0,0.1);
    background-clip: padding-box
}

.find-friends-result {
    float: left;
    width: 160px;
    margin-bottom: 36px;
    margin-left: 10px
}

.find-friends-result .avatar,.find-friends-result .fullname,.find-friends-result .username {
    display: block
}

.find-friends-result .avatar {
    margin-bottom: 5px
}

.find-friends-result .fullname,.find-friends-result .username {
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.find-friends-result .follow-combo {
    margin-top: 5px;
    float: left
}

.content-searchbar {
    padding: 12px;
    background-color: #f5f8fa;
    border-bottom: 1px solid #e6ecf0
}

.content-searchbar .search-note {
    margin-top: 10px;
    color: #66757f
}

.content-searchbar .search-query {
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 #fff
}

.content-searchbar .search-query:focus {
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 0 8px rgba(82,168,236,0.6)
}

.account-summary {
    position: relative;
    display: block;
    min-height: 48px
}

.account-summary:hover,.account-summary:focus,.account-group:focus {
    text-decoration: none
}

.account-summary+.account-summary {
    margin-top: 10px
}

.account-summary .avatar {
    position: absolute;
    top: 0;
    left: 0
}

.account-summary .content {
    margin-left: 58px;
    margin-right: 20px
}

.account-summary .account-group-inner,.account-summary .pretty-link,.account-summary .account-action,.account-summary .location {
    color: #657786
}

.account-summary .account-group,.account-summary .account-action {
    display: block;
    line-height: 16px
}

.account-group .UserBadges {
    font-size: .9em;
    position: relative;
    top: 1px
}

.account-group .UserBadges .Icon {
    padding-left: 2px
}

.account-summary .maybe-follows-you {
    display: none
}

.account-summary .account-group-inner,.account-summary .metadata {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.account-summary .account-group-inner {
    display: block;
    width: 100%
}

.metadata.social-context,.account-summary .location {
    display: block
}

.account-summary .bio {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.account-summary .dismiss {
    margin-top: 0;
    color: #ccd6dd
}

.profile-summary .account-summary {
    margin-bottom: 0
}

.modal .account-summary {
    margin: 14px 14px 5px
}

.account-summary-small {
    min-height: 32px
}

.account-summary-small .content {
    margin-left: 0
}

.account-summary .Icon--promoted,.account-summary .Icon--political {
    font-size: 14px;
    position: relative;
    top: 2px
}

.account-summary.promoted-account .metadata a {
    color: #657786;
    font-size: 12px
}

.list-link .account-summary {
    margin-bottom: 0
}

.alert-messages {
    position: fixed;
    top: 46px;
    left: 0;
    right: 0;
    z-index: 999;
    transition: top .5s
}

.overlay-enabled .alert-messages,.modal-enabled .alert-messages {
    top: 0;
    z-index: 7000
}

.message {
    position: relative;
    width: 600px;
    padding: 20px;
    margin: 0 auto;
    background: #fff;
    background-color: rgba(255,255,255,0.97);
    border-radius: 0 0 6px 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25)
}

.message .message-text {
    display: block;
    margin: 0 20px;
    color: #66757f;
    color: rgba(102,117,127,0.6);
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    word-wrap: break-word
}

.message .message-text a {
    color: #1b95e0;
    font-weight: bold
}

.message .message-text button {
    color: #1b95e0;
    font-weight: bold;
    background-color: rgba(255,255,255,0)
}

.message .BlockUnblock-container {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.message .BlockUnblock-text {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.message .close,.message .dismiss {
    position: absolute;
    top: 7px
}

.message .close:hover,.message .dismiss:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.message .dismiss {
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
    text-decoration: none
}

.message .close,.message .dismiss {
    color: #66757f;
    opacity: .6;
    -ms-filter: "alpha(opacity=60)";
    right: 12px
}

.message button,.message .learn-more {
    margin-left: 6px
}

.permalink-footer .footer {
    margin-top: 10px
}

.flex-module.error-page {
    padding: 20px
}

.error-page p {
    margin: 10px 0
}

.tweet.permalink-tweet {
    cursor: default
}

.tweet.permalink-tweet .actions {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.field-highlight,.alert {
    background-color: #f7e8bc;
    background-repeat: repeat-x;
    background-image: linear-gradient(#fceec1,#f7e8bc)
}

.alert {
    padding: 12px;
    margin: -13px -12px 20px;
    font-size: 13px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.25);
    border-color: #f7e8bc;
    border-color: rgba(0,0,0,0.03);
    border-style: solid;
    border-width: 1px 0
}

.alert .close {
    float: right;
    margin-top: 4px;
    cursor: pointer
}

.prompt-box .alert .close {
    display: none
}

.alert p {
    color: #14171a;
    white-space: pre-line
}

.alert h4 {
    font-weight: bold;
    white-space: pre-line
}

.content-placeholder-alert {
    margin: 10px 0 15px;
    border-width: 1px;
    border-radius: 4px
}

.content-placeholder .content-placeholder-alert p {
    color: #444;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5)
}

.wtf-module {
    display: none
}

.wtf-module.has-content {
    display: block
}

.wtf-module .expanded-container {
    margin-top: 10px;
    display: none
}

.wtf-module .expanded-similar-to {
    margin: 12px -12px 0 -12px;
    padding: 12px 12px 12px 12px;
    background: #eee;
    border-bottom: 1px solid #e6ecf0;
    border-top: 1px solid #e6ecf0
}

.wtf-module .expanded-similar-to h3 {
    margin-bottom: 8px;
    font-size: 13px
}

.wtf-module .account-summary .content {
    min-height: 48px
}

.wtf-module .metadata.social-context {
    white-space: normal
}

.wtf-module h3 {
    font-size: 18px;
    color: #66757f
}

.wtf-module .account-group {
    font-size: 14px
}

.rtl .email-input {
    direction: rtl;
    text-align: left
}

.modal:not(.is-autoPosition) {
    position: relative;
    top: 160px;
    width: 520px;
    margin: 0;
    padding-bottom: 30px
}

.modal.modal-large:not(.is-autoPosition) {
    width: 600px
}

.modal {
    z-index: 6000
}

.content-main.import-prompt,.content-main .import-prompt {
    margin-bottom: 10px
}

.import-prompt .no-header-inner {
    padding: 12px
}

.import-prompt p>span {
    color: #657786;
    display: block;
    font-size: 12px
}

.content-main.import-prompt button,.content-main .import-prompt button {
    float: right
}

.content-main .import-prompt button {
    margin: .7em 0
}

.content-main .import-prompt button.btn-left {
    float: left;
    margin-right: 1em
}

.content-main .import-prompt button.btn-big {
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.content-main.import-prompt .icon,.content-main .import-prompt .icon,.content-main.import-prompt button .not-icon,.content-main .import-prompt button .not-icon {
    vertical-align: middle
}

.import-prompt .icon+span {
    margin-left: 5px
}

.wtf-module .import-prompt {
    background: #f5f8fa;
    border-top: 0
}

.wtf-module .import-prompt .service,.wtf-module .import-prompt .cta p {
    vertical-align: middle;
    display: inline-block
}

.wtf-module .import-prompt .service {
    padding: 4px 6px;
    border: 1px solid #e6ecf0;
    border-radius: 3px;
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 12px
}

.wtf-module .import-prompt .cta .service+p {
    margin-left: 8px
}

.wtf-module .other-services .service,.wtf-module .other-services p {
    margin-top: 12px
}

.wtf-module .other-services .service {
    width: 69px;
    text-align: center;
    cursor: pointer
}

.wtf-module .import-prompt .cta {
    padding-bottom: 9px;
    border-bottom: 1px solid #e6ecf0;
    margin-bottom: 8px;
    cursor: pointer
}

.wtf-module .import-prompt .flex-module-footer {
    margin-top: 0
}

.wtf-module .import-prompt .btn-link {
    font-size: 12px
}

.import-prompt .flex-module-footer .Icon {
    margin-right: 4px
}

.import-prompt .flex-module-footer .middot {
    padding: 0 3px
}

#empty-timeline-recommendations .empty-timeline .list-item:first-child {
    margin-left: 45px
}

.stream,.stream-container,.stream-items {
    position: relative;
    margin-left: 0;
    list-style: none
}

.in-reply-to>ol,.tweets-wrapper,.recent-tweets,.view-dm-participants,.activity-popup-users,.activity-supplement {
    margin-left: 0;
    list-style: none
}

li.stream-item.highlighted {
    background-color: #eaf5fd
}

.win10-wrapper .stream-item:not(.no-header-background-module) {
    border-left: none;
    border-right: 0
}

.stream-item:not(.no-header-background-module) {
    background: #fff;
    border-left: 1px solid #e6ecf0;
    border-right: 1px solid #e6ecf0;
    background-clip: padding-box
}

.stream-item-header .avatar,.permalink-header .avatar {
    float: left;
    margin-top: 3px;
    margin-left: -58px
}

.stream-item .content,.permalink-tweet .content {
    margin-left: 58px
}

.stream-item-header .account-group {
    color: #657786
}

.account,.tweet,.app {
    position: relative;
    min-height: 51px;
    padding: 9px 12px;
    border-bottom: 1px solid #e6ecf0
}

.tweet .context+.stream-item-footer {
    padding-top: 0
}

.tweet .card2 {
    margin-top: 10px;
    padding-bottom: 2px
}

.stream-end-item .account,.stream-end-item .message-item,.stream-end-item .tweet,.stream-end-item .app {
    border-bottom: 0
}

.rm-streamitem-clearfix .stream-item:before,.rm-streamitem-clearfix .stream-item:after {
    display: block;
    content: normal;
    clear: none
}

.tweet {
    border-bottom: 1px solid #e6ecf0;
    cursor: pointer
}

.tweet p {
    word-wrap: break-word
}

.tweet .details {
    display: inline-block;
    margin-right: 2px
}

.tweet .context a {
    color: #657786
}

.tweet .context.right {
    text-align: right
}

.tweet .invisible,.dm-message .invisible,.dm-notification .invisible,.bio .invisible {
    font-size: 0;
    line-height: 0
}

.tweet .stream-item-footer {
    font-size: 12px;
    padding-top: 1px
}

.tweet.permalink-tweet-withheld {
    padding: 12px
}

.tweet .js-tweet-text {
    white-space: pre-wrap
}

.tweet .with-icn .Icon {
    background: transparent;
    font-size: 16px;
    position: relative;
    top: 2px
}

.tweet .with-icn .Icon--lightning {
    width: 14px
}

.tweet>.context {
    margin-left: 58px
}

.tweet>.context .with-icn {
    margin-left: -24px
}

.tweet>.context .with-icn .Icon {
    font-size: 14px;
    margin: 0 6px 0 0;
    position: relative;
    top: 2px
}

.tweet .stream-item-footer .metadata .Icon {
    font-size: 14px;
    margin-right: 2px;
    position: relative;
    top: 2px
}

.tweet .stream-item-footer .context .metadata a {
    color: #657786;
    font-size: 12px
}

.tweet .QuoteTweet {
    margin-top: 12px
}

.tweet-translation {
    border-top: 1px solid #e6ecf0;
    border-bottom: 1px solid #e6ecf0;
    margin-top: 5px;
    padding: 5px 0 5px 0
}

.tweet-translation.needs-translation {
    display: none!important
}

.tweet-translation-loading.spinner {
    display: none
}

.stream-items .tweet-translation {
    border-bottom: 0
}

.translation-attribution {
    color: #657786;
    font-size: 12px
}

.translation-attribution b {
    font-weight: bold
}

.translation-attribution button {
    float: right;
    color: #657786
}

.attribution-logo {
    display: inline-block;
    width: 44px;
    height: 20px;
    background: url(../../img/t1/img_bing_logo.png) 2px 0 no-repeat;
    vertical-align: middle
}

.tweet-translation-text,.permalink-tweet .tweet-translation-text p,.permalink-tweet .tweet-translation-text p b {
    font-size: 14px;
    margin-top: 6px;
    line-height: 20px
}

.tweet-translation-text .twitter-hashtag {
    direction: ltr;
    unicode-bidi: embed
}

.tweet-translation-text .twitter-hashtag.rtl {
    direction: rtl;
    unicode-bidi: embed
}

.btn-link.translate-button {
    color: #657786;
    font-size: 14px;
    margin: 6px -2px -2px 0;
    text-align: left
}

.btn-link.translate-button .Icon--translator {
    color: #657786;
    font-size: 12px;
    margin-right: 4px;
    position: relative;
    top: 1px
}

.stream-item .tweet-translation-text {
    margin: 6px 0 0 0
}

.tweet .created-via {
    color: #657786
}

.tweet .created-via:before {
    content: "\00b7\00a0"
}

.tweet .time {
    color: #657786
}

.tweet .time:before {
    content: "\00b7"
}

.rtl .tweet .time {
    display: inline-block
}

.tweet.show-ranked-visual-indicator .time a {
    color: #17bf63
}

.tweet.show-undesirable-visual-indicator .time a {
    color: #e0245e
}

.tweet-actions {
    display: none
}

.tweet-actions li {
    display: inline
}

.tweet-actions a,.tweet-actions button {
    margin-left: 8px
}

.tweet-actions a {
    color: #657786
}

.tweet .tweet-actions .Icon {
    font-size: 12px;
    position: relative;
    top: 1px;
    width: auto
}

.stream .stream-item-footer {
    display: table;
    width: 100%
}

.stream .stream-item-footer .details {
    display: table-cell;
    margin: 0
}

.stream .stream-item-footer .tweet-actions {
    display: table-cell;
    text-align: right
}

.tweet-poi-geo-text,.tweet-poi-geo-text a {
    color: #657786
}

.tweet.highlighted {
    background-color: #eaf5fd
}

.uncollapse .Icon--reply {
    padding-right: 1px;
    position: relative;
    top: 1px
}

.tweet:hover {
    background-color: #f5f8fa
}

.stream-item {
    position: relative
}

.selected-stream-item:focus {
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 0 8px rgba(82,168,236,0.6);
    z-index: 1
}

.recent-tweets .tweet:hover,.stream-item-activity .tweet:hover {
    background-color: transparent
}

.media-gallery-content .tweet:hover {
    background-color: #111
}

.permalink-tweet:hover,.permalink-tweet.focus {
    background-color: #fff
}

.unclickable-tweet,.unclickable-tweet .account-group {
    cursor: default
}

.unclickable-tweet .account-group:hover .fullname {
    color: #14171a;
    text-decoration: none
}

.ScrollBump+.stream-item {
    border-top: 1px solid #e6ecf0;
    border-radius: 6px 6px 0 0
}

.tweet .content .context {
    height: 22px
}

.tweet .dismiss-btn {
    color: #657786;
    margin-left: 10px
}

.tweet .dismiss-btn .close {
    margin: 2px 4px 0 0
}

.tweet .dismiss-btn {
    display: none;
    font-size: 12px
}

.tweet:hover .dismiss-btn,.tweet.focus .dismiss-btn {
    display: inline
}

.tweet .dismiss-btn:hover .close,.tweet .dismiss-btn:focus .close {
    color: #14171a
}

.tweet .with-icn:hover .dismiss-btn span {
    text-decoration: none
}

.tweet .with-icn .dismiss-btn:hover span {
    text-decoration: underline
}

.tweet .dismiss-btn .Icon--close {
    top: 1px;
    color: #aab8c2
}

.tweet .social-context {
    display: block;
    color: #657786
}

.tweet .context .pretty-link s,.tweet .context .pretty-link b {
    color: #657786
}

.tweet.retweeted .time,.tweet.favorited .time {
    margin-right: 5px
}

.tweet .unfavorite,.tweet.favorited .favorite,.tweet.retweeted .retweet,.tweet .undo-retweet,.tweet.my-tweet .action-rt-container,.tweet .cannot-retweet,.tweet.user-pinned .user-pin-tweet,.tweet .user-unpin-tweet {
    display: none
}

.tweet.retweeted .undo-retweet,.tweet.favorited .unfavorite,.tweet.retweeted .cannot-retweet,.tweet.user-pinned .user-unpin-tweet,.tweet .user-pin-tweet {
    display: inline
}

.grid-tweet .unfavorite,.grid-tweet.favorited .favorite,.grid-tweet.retweeted .retweet,.grid-tweet .undo-retweet,.grid-tweet.my-tweet .action-rt-container,.grid-tweet .cannot-retweet {
    display: none
}

.grid-tweet.retweeted .undo-retweet,.grid-tweet.favorited .unfavorite,.grid-tweet.retweeted .cannot-retweet {
    display: block
}

.tweet .metadata {
    overflow: hidden
}

.tweet .media-attribution {
    float: left;
    margin-top: 5px
}

.tweet .media-attribution img {
    vertical-align: -25%;
    height: 16px;
    width: 16px
}

.media-tagging-block {
    color: #657786;
    font-size: 13px;
    margin-top: 5px
}

.media-tagging-block .Icon {
    vertical-align: baseline;
    margin-right: 2px
}

.media-tagging-block a {
    font-weight: normal;
    color: #657786
}

.tweet-context {
    font-size: 14px;
    margin-top: -3px;
    margin-bottom: 3px
}

.tweet-context.pinned {
    display: none
}

.user-pinned .tweet-context.pinned {
    display: block
}

.tweet .stats {
    margin-top: 10px;
    border-bottom: 1px solid #e6ecf0;
    border-top: 1px solid #e6ecf0;
    width: 100%
}

.tweet .stats a {
    padding-top: 4px;
    width: auto
}

.tweet .stats .avatar-row a {
    cursor: pointer
}

.tweet .stats.no-activity-popup a:hover,.tweet .stats.no-activity-popup a:focus {
    color: #657786;
    cursor: default
}

.tweet .stats.no-activity-popup a:hover strong,.tweet .stats.no-activity-popup a:focus strong {
    color: #14171a
}

.tweet .stats .avatar-row a {
    padding: 11px 0
}

.stats .stat-count {
    margin-right: 10px;
    overflow: hidden;
    min-width: 72px
}

.stats .stat-count strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px
}

.stats .stat-count a {
    padding-right: 0
}

.stats li {
    display: block;
    float: left;
    overflow: hidden
}

.tweet .stats li:first-child a {
    padding-left: 0
}

.stream-item .stats .avatar-row a {
    border-left: none
}

.stream-item .stats .avatar-row a:first-child {
    padding-left: 12px;
    border-left: 1px solid #e6ecf0
}

.client-and-actions {
    clear: both;
    margin-top: 10px
}

.client-and-actions .metadata {
    line-height: 24px
}

.client-and-actions .more-tweet-actions>button {
    padding: 3px
}

.client-and-actions .more-tweet-actions .Icon {
    vertical-align: text-bottom
}

.client-and-actions .more-tweet-actions .dropdown-menu {
    left: -50%;
    top: 175%;
    width: auto
}

.replies {
    position: relative;
    display: none;
    padding: 0;
    background-color: #f6f6f6;
    background: #f6f6f6;
    border-top: 1px solid #e6ecf0;
    border-radius: 0 0 6px 6px
}

.replies .tweet {
    min-height: 32px;
    padding-left: 70px;
    border-bottom: 1px solid #e6ecf0;
    border-radius: 0
}

.replies .replies-to {
    padding-top: 4px;
    border-top: 1px solid #e6ecf0
}

.permalink .replies-to .tweet,.in-reply-to .tweet {
    min-height: 54px
}

.replies .tweets-wrapper>li:last-child .tweet {
    border-bottom: 0
}

.replies .tweet .content {
    margin-left: 112px
}

.replies .tweet .avatar {
    margin-left: -42px;
    width: 32px;
    height: 32px;
    border-radius: 4px
}

.replies .tweet .avatar-row .avatar.size24 {
    width: 24px;
    height: 24px;
    margin-left: 0
}

.replies .tweet .content {
    margin-left: 0
}

.tweet.with-user-actions .content {
    margin-right: 120px
}

.tweet.with-user-actions .user-actions {
    float: right;
    margin-right: -120px
}

.tweet.with-user-actions .account-in-timeline-expand-follow .account-follow-btn,.tweet.with-user-actions .account-in-timeline-blk .account-follow-btn,.tweet.with-user-actions.permalink-tweet .user-actions.btn-group {
    margin-right: 0
}

.recent-tweets {
    margin-bottom: -10px
}

.recent-tweets .tweet {
    min-height: 32px;
    padding: 9px 15px 12px;
    font-size: 12px;
    border-bottom: 0;
    border-top: 1px solid #e6ecf0;
    border-radius: 0;
    cursor: default
}

.recent-tweets .tweet .content {
    margin-left: 112px
}

.recent-tweets .tweet .avatar {
    margin-left: -41px;
    width: 32px;
    height: 32px;
    border-radius: 4px
}

.recent-tweets .tweet .tweet-actions,.recent-tweets .tweet .time {
    right: 15px
}

.recent-tweets .tweet .content {
    margin-left: 41px
}

.recent-tweets .tweet-actions {
    display: none
}

.recent-tweets .tweet .action-reply-container,.recent-tweets .tweet .action-fav-container,.recent-tweets .tweet .action-rt-container,.recent-tweets .tweet .action-more-container {
    display: none
}

.recent-tweets .tweet .tweet-actions .details-tweet {
    display: inline
}

.content-main .in-reply-to {
    position: relative;
    display: none;
    height: 0;
    background: #f6f6f6;
    border-bottom: 1px solid #e6ecf0;
    border-radius: 6px 6px 0 0
}

.content-main .in-reply-to .tweet {
    padding-bottom: 12px;
    border-bottom: 1px solid #e6ecf0
}

.content-main .in-reply-to .tweet,.content-main .stream-item:first-child .in-reply-to {
    border-radius: 0
}

.content-main .in-reply-to li:last-child .tweet {
    border-bottom: 0
}

.content-main .in-reply-to .content-divider {
    top: auto;
    bottom: -1px;
    left: 35px
}

.ReplyingToContextBelowAuthor {
    color: #657786;
    font-size: 14px;
    line-height: 20px
}

.ReplyingToContextBelowAuthor .btn-link:not(:hover):not(:focus) {
    color: #657786
}

.stream-item .account .content {
    margin-right: 170px
}

.stream-item .account .with-checkbox {
    margin-right: 38px
}

.stream-item .account.follower-recommendations .content {
    min-height: 51px
}

.stream-item .js-recommendations-container.has-content {
    padding-top: 15px
}

.stream-item .account .follow-combo,.stream-item .account .btn-group,.stream-item .account .edit-profile-btn {
    float: right
}

.stream-item .account .verified {
    margin: 0 4px 0 1px
}

.stream-item .account .content .bio {
    word-break: break-word;
    word-wrap: break-word
}

.stream .promoted-account .metadata .Icon {
    font-size: 14px;
    position: relative;
    top: 2px
}

.app {
    position: relative;
    min-height: 48px
}

.app .revoke {
    float: right
}

.app .report-app {
    position: absolute;
    right: 12px;
    bottom: 11px;
    width: 130px;
    text-align: center;
    font-size: 14px;
    display: none
}

.revoked .app .report-app {
    display: inline
}

.app .content {
    margin-left: 60px;
    margin-right: 130px
}

.app .app-img {
    position: absolute;
    top: 12px;
    left: 12px
}

.app .creator,.app .creator a {
    color: #657786
}

.app .description {
    color: #66757f
}

.media-not-displayed {
    padding: 10px;
    background: #f5f8fa;
    border-radius: 2px;
    margin: 10px 0 0
}

.media-not-displayed h2 {
    margin-bottom: 3px;
    font-size: 14px
}

.media-not-displayed p {
    font-size: 12px;
    font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 16px;
    color: #66757f;
    padding: 5px 0
}

body.ar .media-not-displayed p,body.fa .media-not-displayed p,body.ur .media-not-displayed p {
    font-family: Tahoma,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

.AdaptiveMedia .media-not-displayed .btn {
    padding: 2px 7px;
    margin-top: 4px;
    font-size: 11px
}

.permalink .media-not-displayed {
    margin: 20px 0 25px
}

.permalink .media-not-displayed h2 {
    margin-bottom: 5px;
    font-size: 18px
}

.permalink .media-not-displayed p {
    font-size: 14px;
    line-height: 20px
}

.permalink .media-not-displayed .btn {
    margin-top: 5px
}

.stream-end-item,.stream-end,.stream-loading,.stream-placeholder {
    border: 1px solid #e6ecf0;
    border-top: 0;
    border-radius: 0 0 6px 6px
}

.win10-wrapper .stream-end {
    border: 0
}

.stream-end,.stream-loading,.stream-placeholder,.content-placeholder,.back-to-top,.btn-link.back-to-top {
    font-size: 13px;
    color: #657786;
    text-align: center
}

.stream-end-inner {
    padding: 15px 50px;
    background-color: #fff;
    border-radius: 0 0 5px 5px
}

.win10-wrapper .stream-end-inner {
    border-radius: 0
}

.stream-end p,.stream-placeholder p {
    margin-top: 5px
}

.more-button-container .btn {
    display: block;
    text-align: center
}

.stream-end,.stream-loading,.stream-whale-end {
    margin-bottom: 14px
}

.stream-fail-container {
    display: none
}

.stream-whale-top {
    padding: 15px 50px;
    border-bottom: 1px solid #e6ecf0;
    text-align: center;
    color: #66757f;
    font-size: 14px
}

.stream-whale-top a {
    color: #1b95e0
}

.stream-placeholder h2,.content-placeholder h2 {
    font-weight: normal
}

.stream-protected {
    text-align: left
}

.stream-protected .stream-end-inner {
    position: relative;
    padding: 15px 12px;
    background-color: #f6f6f6
}

.stream-protected h2,.stream-protected p {
    margin-right: 80px
}

.watermark-lock {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0 0 5px 0
}

.content-placeholder .stream-end-inner {
    padding-left: 30px;
    padding-right: 30px
}

.content-placeholder .title {
    margin-bottom: 9px;
    font-size: 21px;
    line-height: 28px
}

.content-placeholder p {
    color: #66757f
}

.content-placeholder p,.content-placeholder .btn {
    font-size: 14px;
    line-height: 20px
}

.content-placeholder .form-inline,.content-placeholder .placeholder-actions {
    margin-top: 15px;
    margin-bottom: 15px
}

.content-placeholder .form-inline {
    display: inline-block
}

.content-placeholder .form-inline .btn {
    font-weight: bold
}

.tweet-text-rtl {
    padding-right: 2px;
    text-align: right;
    direction: rtl;
    unicode-bidi: embed
}

.rtl .js-tweet-text {
    direction: rtl
}

.rtl .fullname {
    unicode-bidi: embed
}

.rtl .fullname-rtl {
    direction: ltr;
    unicode-bidi: embed
}

.rtl .tweet-text-rtl {
    padding-left: 2px;
    text-align: left;
    direction: ltr;
    unicode-bidi: embed
}

.rtl.webkit .js-actions {
    direction: ltr;
    unicode-bidi: bidi-override
}

.js-navigation-active.stream-item {
    background-color: #f5f8fa
}

.js-navigation-active.stream-item:hover {
    background-color: #fff
}

.new-tweets-bar-visible,.new-tweets-bar-visible+.stream {
    position: relative;
    top: -1px
}

.new-tweets-bar {
    font-size: 13px;
    display: block;
    padding: 10px 1px;
    cursor: pointer;
    text-align: center;
    font-weight: normal;
    color: #1da1f2;
    background-color: #f5f8fa;
    border-top: 1px solid #e6ecf0;
    border-bottom: 1px solid #e6ecf0;
    z-index: 2
}

.new-tweets-bar:hover {
    background-color: #e6ecf0
}

.inline-reply-tweetbox {
    position: relative;
    padding: 15px 12px 15px 70px
}

.inline-reply-tweetbox .tweet-box-title {
    display: none
}

.inline-reply-user-image {
    display: none
}

.spinner {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../../img/t1/spinner-rosetta-gray-32x32.gif) no-repeat 0 0
}

.spinner-small {
    display: inline-block;
    background: url(../../img/t1/spinner-rosetta-gray-14x14.gif) no-repeat 0 0;
    height: 14px;
    width: 14px;
    vertical-align: -2px;
    margin-right: 2px
}

.spinner-small.spinner-dark-bg {
    background: url(../../img/t1/spinner-rosetta-gray-14x14-dark-bg.gif) no-repeat 0 0
}

.spinner-bigger {
    display: inline-block;
    background: url(../../img/t1/spinner-rosetta-gray-32x32.gif) no-repeat 0 0;
    height: 32px;
    width: 32px
}

.timeline-end .empty-text {
    overflow: hidden;
    text-overflow: ellipsis
}

.timeline-end.has-items .empty-text,.timeline-end.has-items .HomeEmptyTimeline {
    display: none
}

.timeline-end .stream-loading {
    display: none
}

.timeline-end.has-more-items .stream-loading {
    display: block
}

.timeline-end.has-more-items .stream-end {
    display: none
}

.replies .view-more-container {
    border-top: 1px solid #e6ecf0
}

.replies .view-more-container .view-more-link {
    display: inline-block;
    padding: 14px 12px 14px 72px;
    font-size: 14px
}

.tear {
    background: #f5f8fa url(../../img/t1/bg_gap_bottom.png) top left;
    position: relative;
    font-size: 13px;
    margin: -1px 0;
    background-clip: padding-box
}

.tear button {
    width: 100%;
    background: url(../../img/t1/bg_gap_top.png) bottom left repeat-x;
    padding: 20px 0;
    font-size: 100%;
    cursor: pointer;
    border-radius: 5px;
    background-clip: padding-box
}

.tear-processing .tear-text {
    width: 14px;
    height: 14px;
    background: url(../../img/t1/spinner-rosetta-gray-14x14.gif) no-repeat;
    text-indent: 21px;
    overflow: hidden;
    display: inline-block
}

.initial-card-height.card-type-audio,.initial-card-height.card-type-direct_store_link_app,.initial-card-height.card-type-player,.initial-card-height.card-type-summary {
    min-height: 130px
}

.initial-card-height.card-type-authenticated_web_view,.initial-card-height.card-type-promo_website {
    min-height: 271px
}

.initial-card-height.card-type-buy_now,.initial-card-height.card-type-product_ad {
    min-height: 332px
}

.initial-card-height.card-type-promo_image_convo {
    min-height: 289px
}

.initial-card-height.card-type-promo_video_convo {
    min-height: 371px
}

.initial-card-height.card-type-message_me {
    min-height: 35px
}

.initial-card-height.card-type-moment {
    min-height: 285px
}

.initial-card-height.card-type-periscope_broadcast {
    min-height: 596px
}

.initial-card-height.card-type-poll2choice_image,.initial-card-height.card-type-poll3choice_image,.initial-card-height.card-type-poll4choice_image {
    min-height: 511px
}

.initial-card-height.card-type-poll2choice_text_only {
    min-height: 114px
}

.initial-card-height.card-type-poll3choice_text_only {
    min-height: 149px
}

.initial-card-height.card-type-poll4choice_text_only {
    min-height: 184px
}

.initial-card-height.card-type-poll_choice2_m,.initial-card-height.card-type-poll_choice2_r {
    min-height: 206px
}

.initial-card-height.card-type-poll_choice4_m,.initial-card-height.card-type-poll_choice4_r,.initial-card-height.card-type-poll_choice4_rc {
    min-height: 277px
}

.initial-card-height.card-type-promotion {
    min-height: 357px
}

.initial-card-height.card-type-summary_large_image {
    min-height: 344px
}

.initial-card-height.card-type-summary_large_image.card-view-size-compact {
    min-height: 131px
}

.initial-card-height.card-type-live_video {
    min-height: 352px
}

@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi) {
    .stream-item {
        background-clip: border-box
    }
}

.has-autoplayable-media .card2[data-card2-name="animated_gif"] .animated-gif {
    border-radius: 5px
}

.has-autoplayable-media .card2[data-card2-name="animated_gif"] {
    max-height: none;
    min-height: unset
}

.card2[data-card2-name="animated_gif"] .animated-gif,.animated-gif-playing .card2[data-card2-name="animated_gif"] .Icon--gifBadge,.animated-gif-playing .card2[data-card2-name="animated_gif"] .Icon--playButton {
    display: none
}

.has-autoplayable-media .card2[data-card2-name="animated_gif"].portrait:before {
    padding-top: 100%;
    display: block;
    content: ""
}

.has-autoplayable-media .card2[data-card2-name="animated_gif"].portrait .animated-gif {
    background-color: #000;
    position: absolute;
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0
}

.animated-gif-playing .card2[data-card2-name="animated_gif"] .animated-gif,.has-autoplayable-media .card2[data-card2-name="animated_gif"] .animated-gif,.has-autoplayable-media.animated-gif-playing .card2[data-card2-name="animated_gif"] .Icon--gifBadge,.card2[data-card2-name="animated_gif"] .tweet-details-fixer .Icon--gifBadge,.card2[data-card2-name="animated_gif"] .Icon--playButton {
    display: block
}

.has-autoplayable-media .card2[data-card2-name="animated_gif"] {
    position: relative
}

.tweet-view-option-container {
    margin-top: 10px
}

.tweet-view-option {
    background-color: lightblue;
    border-radius: 6px;
    padding: 5px;
    white-space: nowrap;
    line-height: 30px
}

.has-scroll-bump {
    background: 0;
    border: 0;
    padding: 30px 0
}

.has-scroll-bump .ScrollBump-content>li {
    display: inline-block;
    width: 288px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom
}

.has-scroll-bump .ScrollBump-content>li:first-child {
    margin-right: 10px
}

.promoted-tweet-heading {
    padding-top: 5px;
    margin-bottom: 8px
}

.stream-item.has-profile-promoted-tweet {
    border-top: 1px solid #e6ecf0
}

.has-profile-promoted-tweet .stream-item {
    border-radius: 0 0 6px 6px
}

.stream-item .Tombstone {
    margin: 3px 0
}

.stream-item .content .Tombstone {
    margin: 7px 0 2px
}

.list-author {
    position: absolute;
    top: 12px;
    right: 12px
}

.list-follow-card h1 {
    margin-right: 42px
}

.ListFollowCard-metadata {
    font-size: 12px;
    line-height: 16px
}

.list-of-lists li {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.conversation-module {
    position: relative
}

.conversation-module .conversation-header,.conversation-module .conversation-tweet-item,.conversation-module .missing-tweets-bar,.conversation-module .original-tweet-item {
    position: relative
}

.conversation-module .conversation-tweet-item .conversation-tweet {
    cursor: pointer
}

.conversation-module .tweet {
    padding-top: 6px;
    padding-bottom: 6px
}

.conversation-module .conversation-root .tweet,.conversation-module .conversation-replying-to.conversation-first-visible-tweet .tweet {
    padding-top: 9px
}

.conversation-module .original-tweet-item .tweet {
    padding-bottom: 9px
}

.content-main .conversation-module>li.conversation-tweet-item .tweet,.content-main .conversation-module .conversation-header,.content-main .conversation-module .missing-tweets-bar {
    border-bottom: 0
}

.conversation-module .conversation-header .content {
    margin-left: 50px
}

.conversation-module .missing-tweets-bar .content {
    margin-left: 70px
}

.conversation-module .conversation-header .content {
    padding: 6px 0 0 0
}

.conversation-module .conversation-tweet-item .stream-item-header .avatar {
    margin-left: -58px;
    width: 48px;
    height: 48px;
    border-radius: 5px
}

.conversation-module .conversation-tweet-item .tweet .content {
    margin-left: 58px
}

.conversation-module .tweet .stream-item-header {
    line-height: 16px
}

.vellip {
    bottom: 9px;
    left: 35px;
    z-index: 1
}

.vellip,.vellip:before,.vellip:after {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 2px;
    background-color: #1da1f2
}

.vellip:before {
    content: "";
    bottom: -4px
}

.vellip:after {
    content: "";
    bottom: 4px
}

.conversation-module>li:after,.conversation-module>li:before {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    background-color: #1da1f2;
    left: 35px;
    z-index: 1;
    border-radius: 3px / 7px
}

.conversation-module>li:after {
    top: 59px;
    bottom: 0
}

.conversation-module .conversation-replying-to.conversation-first-visible-tweet:after {
    top: 79px
}

.conversation-module .conversation-replying-to:not(.conversation-first-visible-tweet) .context,.conversation-module .conversation-replying-to.conversation-first-visible-tweet .ReplyingToContextBelowAuthor,.conversation-module .conversation-ancestor.conversation-tweet-item:not(.below-missing-bar):not(.conversation-first-visible-tweet) .ReplyingToContextBelowAuthor,.conversation-module:not(.collapsed-ancestors) .has-conversation-module .ReplyingToContextBelowAuthor {
    display: none
}

.conversation-module>li:before {
    top: -2px;
    bottom: auto;
    height: 9px
}

.conversation-module .conversation-root:before {
    display: none
}

.conversation-module>li.original-tweet-item:after {
    display: none
}

.conversation-module.collapsed-root>li.conversation-tweet-item:before {
    display: none
}

.conversation-module.collapsed-ancestors>li.original-tweet-item:before {
    display: none
}

.conversation-module .conversation-root:after {
    top: 62px
}

.conversation-module .conversation-root.conversation-replying-to:after {
    top: 81px
}

.conversation-module>li.conversation-header:before,.conversation-module>li.conversation-header:after {
    display: none
}

.conversation-module .missing-tweets-bar:before {
    height: 6px
}

.conversation-module .missing-tweets-bar:after {
    top: 19px;
    bottom: -2px
}

.conversation-module>li.original-tweet-item ~ li:before,.conversation-module>li.original-tweet-item ~ li:after {
    display: none
}

.conversation-module .conversation-header .uncollapse,.conversation-module .missing-tweets-bar .missing-tweets-link {
    display: block;
    margin: 3px 0 2px 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.conversation-module .conversation-header .uncollapse {
    font-weight: normal
}

.conversation-module .missing-tweets-bar .missing-tweets-link {
    margin: 0;
    line-height: 22px
}

.conversation-module .conversation-tweet-item .tweet:hover {
    background-color: #f5f8fa
}

.conversation-module .conversation-header {
    display: none
}

.stream-item.detached-conversation {
    position: relative
}

.conversation-collapse-btn {
    border: 1px solid #e6ecf0;
    border-left: none;
    border-radius: 0 6px 6px 0;
    color: #ccd6dd;
    cursor: pointer;
    display: none;
    height: 39px;
    padding-bottom: 0;
    padding-top: 2px;
    position: absolute;
    right: -40px;
    top: 32px;
    width: 40px
}

.conversation-collapse-btn.Icon {
    background-color: #fff
}

.conversation-collapse-btn:hover,.conversation-collapse-btn:focus {
    color: #778697
}

.conversation-module .conversation-tweet-item,.conversation-tweet,.conversation-module .stream-item,.conversation-module .original-tweet-item,.conversation-module .conversation-header,.conversation-module .missing-tweets-bar {
    border-left: 0;
    border-right: 0
}

.conversation-module .stream-item .tweet {
    border-bottom: 0
}

.conversation-header.selected-stream-item:focus,.missing-tweets-bar.selected-stream-item:focus {
    margin-bottom: -1px;
    border-bottom: 1px solid #fff
}

.conversation-module .account-group .avatar {
    position: absolute
}

.opaque {
    background: #fff;
    z-index: 2
}

.focal-point-animating {
    background: #fff;
    z-index: 1;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.module-animating {
    overflow: hidden
}

.view-more-animating {
    position: relative;
    z-index: 1
}

.selected-animating {
    box-shadow: none!important;
    border: 1px solid rgba(1,1,1,0)!important;
    margin: -1px
}

.stream-item.dismissed {
    background-color: #f5f8fa;
    border-bottom: 1px solid #e6ecf0
}

.stream-item .dismiss-module {
    display: none
}

.stream-item.no-header-background-module .dismiss-module {
    background: #fff;
    border-left: 1px solid #e1e8ed;
    border-right: 1px solid #e1e8ed;
    background-clip: padding-box
}

.dismiss-module .feedback-action {
    border-bottom: 1px solid #e6ecf0;
    color: #657786;
    font-weight: bold
}

.dismiss-module .action-confirmation {
    padding: 18px 12px
}

.dismiss-module .feedback-action:last-child {
    border-bottom: 0
}

.dismiss-module .action-confirmation {
    font-weight: normal
}

.dismiss-module .feedback-action.unchosen-action .action-confirmation {
    display: none
}

.dismiss-module .feedback-action .action-confirmation {
    display: block
}

.dismiss-module .undo-action {
    float: right;
    cursor: pointer
}

.dismiss-module .undo-action:hover {
    text-decoration: underline
}

.dismiss-module .action-prompt {
    cursor: pointer
}

.stream-item.separated-module {
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 6px
}

.stream-item.separated-module.WtfLargeCarouselStreamItem,.stream-item.separated-module.WtfCompactCarouselStreamItem {
    margin-top: 28px;
    margin-bottom: 28px
}

.stream-item.separated-module:not(.no-header-background-module):first-child {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0
}

.stream-item.separated-module+.stream-item,.stream-item.separated-module+.stream-item .tweet:hover,.PromptbirdPrompt-streamItem.separated-module+.stream-item {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.stream-item+.stream-item.separated-module:not(.no-header-background-module),.stream-item.separated-module+.stream-item:not(.no-header-background-module),.PromptbirdPrompt-streamItem.separated-module+.stream-item:not(.no-header-background-module) {
    border-top: 1px solid #e6ecf0
}

.recap-module .stream-item {
    border-left: 0;
    border-right: 0
}

.content-main .stream-items .recap-module>.stream-item:last-child,.content-main .stream-items .recap-module>.stream-item:last-child .tweet,.content-main .stream-items .recap-module>.stream-item>li:last-child,.content-main .stream-items .recap-module>.stream-item:last-child li:last-child {
    border-radius: 0 0 6px 6px
}

.recap-module .stream-item,.content-main .recap-module li .inline-reply-tweetbox {
    border-radius: 0
}

.recap-header {
    border-bottom: 1px solid #e6ecf0;
    color: #14171a;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    padding: 9px 12px
}

.recap-header .dropdown {
    color: #aab8c2;
    float: right;
    font-size: 16px;
    margin-left: 9px;
    margin-top: 0
}

.recap-header .dropdown-menu {
    margin-left: -13px;
    margin-right: -12px;
    margin-top: 9px
}

.swift-loading .RichEntryHeaderCaret {
    display: none
}

.Emoji--forText {
    height: 1.25em;
    width: 1.25em;
    padding: 0 .05em 0 .1em;
    vertical-align: -0.2em
}

.Emoji--forLinks {
    background-position: .1em;
    background-repeat: no-repeat;
    background-size: 1.25em 1.25em;
    letter-spacing: 1.1em;
    line-height: 1.25em;
    padding-top: .15em;
    -moz-user-select: none;
    -ms-user-select: none
}

.ProfileNameTruncated {
    height: 22px;
    line-height: 1.3;
    margin-top: -2px
}

.ProfileNameTruncated-link {
    color: #14171a;
    font-size: 18px;
    font-weight: 700
}

.ProfileNameTruncated-withBadges {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    vertical-align: top
}

.ProfileNameTruncated .UserBadges {
    font-size: 15px;
    top: 0
}

.ProfileNameTruncated .UserBadges .Icon {
    padding-left: 4px;
    vertical-align: middle
}

.ProfileNameTruncated-withBadges--1 {
    max-width: calc(100% - 19px)
}

.ProfileNameTruncated-withBadges--2 {
    max-width: calc(100% - 38px)
}

.ProfileNameTruncated-withBadges--3 {
    max-width: calc(100% - 57px)
}

.ProfileCard {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

.ProfileCard .pretty-link s,.ProfileCard .pretty-link:hover s,.ProfileCard .pretty-link:focus s,.ProfileCard .pretty-link:active s,.ProfileCard .pretty-link b,.ProfileCard .pretty-link:hover b,.ProfileCard .pretty-link:focus b,.ProfileCard .pretty-link:active b {
    color: inherit
}

.ProfileCard a,.ProfileCard a:hover,.ProfileCard a:focus,.ProfileCard a:active,.ProfileCard .pretty-link,.ProfileCard .pretty-link:hover,.ProfileCard .pretty-link:focus,.ProfileCard .pretty-link:active {
    color: #1b95e0
}

.ProfileCard-bg {
    background-size: 100%;
    border-bottom: 1px solid #e6ecf0;
    display: block;
    height: 95px;
    border-radius: 4px 4px 0 0;
    background-position: 0 50%
}

.ProfileCard-avatarLink {
    background-color: #fff;
    border-radius: 6px;
    display: inline-block;
    margin: -45px 2px 0 -3px;
    padding: 3px;
    position: relative;
    vertical-align: bottom;
    z-index: 1
}

.ProfileCard-avatarImage {
    border-radius: 5px;
    display: block;
    height: 70px;
    width: 70px
}

.ProfileCard-actions {
    display: inline-block;
    height: 35px;
    margin: 0 0 -4px 0;
    position: absolute;
    right: 0;
    vertical-align: bottom
}

.ProfileCard-actions .edit-button.small .button-text,.ProfileCard-actions .AcceptDeclineActions-buttonText {
    display: block;
    max-height: 19px;
    padding-top: 3px
}

.ProfileCard-actions .AcceptDeclineActions-buttonText {
    color: #14171a
}

.ProfileCard-userActions.is-hidden {
    display: none
}

.ProfileCard-content {
    margin: 13px 15px;
    position: relative
}

.ProfileCard-userFields {
    color: #14171a;
    margin-top: 5px;
    width: 100%
}

.ProfileCard-screenname {
    height: 14px;
    line-height: 1;
    margin-bottom: 10px
}

.ProfileCard .ProfileCard-screennameLink,.ProfileCard .ProfileCard-screennameLink:hover,.ProfileCard .ProfileCard-screennameLink:focus {
    color: #66757f;
    font-size: 12px;
    font-weight: 400
}

.ProfileCard-bio {
    color: #66757f;
    font-weight: 400;
    word-wrap: break-word;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.375em;
    height: 5.5em;
    margin-top: 5px
}

.ProfileCard-bio a .invisible {
    font-size: 0;
    line-height: 0
}

.ProfileCard-promoted {
    color: #657786;
    font-size: 13px;
    line-height: 1;
    margin-left: 4px
}

.ProfileCard-promotedIcon {
    position: relative;
    top: 1px;
    margin-right: 2px;
    font-size: 13px
}

.ProfileCard-promotedText {
    color: #657786;
    font-size: 13px
}

.ProfileCard-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.ProfileCard.with-SocialContext .ProfileCard-bio {
    max-height: 4.125em
}

.ProfileCard .social-proof {
    color: #657786;
    font-size: 12px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ProfileCard--withheld .ProfileCard-bg,.ProfileCard--withheld .ProfileCard-avatarImage {
    background-color: #f5f8fa
}

.ProfileCard-userActions .user-actions.following:not(.show-more-actions-button):hover .UserActions-moreActions {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.ProfileCard-userActions .user-actions.following:hover .UserActions-moreActions:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

@media(max-width:1200px) {
    .ProfileCard .favorite-user-button,.ProfileCard .unmute-button,.ProfileCard .mute-button {
        display: none
    }
}

.ProfileCard .unmute-button,.ProfileCard .mute-button {
    padding: 0
}

.ProfileCard a.edit-button {
    color: #66757f
}

.ProfileCard a.edit-button:active,.ProfileCard a.edit-button:focus,.ProfileCard a.edit-button:hover {
    color: #14171a;
    text-decoration: none
}

.ProfileCard--wide .ProfileCard-bg {
    height: 160px
}

.ProfileCard--wide .ProfileCard-avatarImage {
    height: 110px;
    width: 110px
}

.ProfileCard--wide .ProfileCard-avatarLink {
    margin-top: -77px;
    padding: 4px
}

.ProfileCard.ProfileCard--wide .ProfileCard-screennameLink,.ProfileCard.ProfileCard--wide .ProfileCard-screennameLink:hover,.ProfileCard.ProfileCard--wide .ProfileCard-screennameLink:focus {
    font-size: 13px
}

.ProfileCard--wide .ProfileCard-bio {
    color: #14171a;
    height: auto;
    max-height: 2.75em;
    margin-top: 7px;
    margin-bottom: 7px
}

.ProfileCard--wide .ProfileCard-locationAndUrl {
    line-height: 1.375em
}

.ProfileCard--wide .ProfileNameTruncated-link {
    font-size: 20px;
    line-height: 1
}

.ProfileCard--wide .ProfileCardStats {
    display: inline-block;
    margin-left: 13px;
    margin-top: 3px;
    padding: 0;
    position: absolute;
    width: 270px
}

.FollowStatus {
    color: #657786;
    font-size: 11px;
    font-weight: 400;
    margin-left: 3px;
    text-transform: uppercase
}

.UserActionsIconOnlyFollowButton .Icon {
    color: inherit;
    padding: 0
}

.UserActionsIconOnlyFollowButton .Icon--follow {
    color: #1da1f2
}

.UserActionsIconOnlyFollowButton .Icon--clock,.UserActionsIconOnlyFollowButton:hover .Icon--clock,.UserActionsIconOnlyFollowButton:hover .Icon--report {
    color: #66757f
}

.UserActionsIconOnlyFollowButton .Icon,.UserActionsIconOnlyFollowButton.following:hover .cancel-hover-style .Icon--unfollow,.UserActionsIconOnlyFollowButton.pending:hover .cancel-hover-style .Icon--report,.UserActionsIconOnlyFollowButton.following:hover .Icon--following,.UserActionsIconOnlyFollowButton.pending:hover .Icon--clock {
    display: none
}

.UserActionsIconOnlyFollowButton.not-following .Icon--follow,.UserActionsIconOnlyFollowButton.following .Icon--following,.UserActionsIconOnlyFollowButton.pending .Icon--clock,.UserActionsIconOnlyFollowButton.following:hover .cancel-hover-style .Icon--following,.UserActionsIconOnlyFollowButton.pending:hover .cancel-hover-style .Icon--clock,.UserActionsIconOnlyFollowButton.following:hover .Icon--unfollow,.UserActionsIconOnlyFollowButton.pending:hover .Icon--report {
    display: inline-block
}

.ActivityItem-facepile {
    margin: 0;
    padding: 10px 12px 0 70px
}

.ActivityItem-header {
    margin-left: 70px
}

.ActivityItem-headerText {
    display: inline-block
}

.ActivityItem-headerTimestamp {
    color: #657786;
    display: inline-block;
    font-size: 13px
}

.ActivityItem-headerTimestamp:before {
    content: "\00b7";
    display: inline-block
}

.ActivityItem-headerTimestamp .activity-timestamp {
    display: inline-block
}

.ActivityItem .activity-truncated-tweet {
    margin-left: 70px;
    margin-right: 12px
}

.ActivityItem .view-all-supplements {
    margin-top: 5px
}

.ActivityItem-quoteTweetContainer {
    margin-top: 5px
}

.ActivityItem .QuoteTweet .tweet-content {
    padding: 0;
    margin: 0
}

.ActivityItem:not(.highlighted) .QuoteTweet--slim:hover {
    background: #f5f8fa
}

.ActivityItem .stream-item-list_member_added .activity-supplement {
    display: block
}

.MessageStreamItem {
    border-radius: 3px;
    border: 1px solid #e6ecf0;
    margin: 10px 0
}

.MessageStreamItem-inline {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e6ecf0;
    margin: 0
}

.MessageStreamItem a {
    text-decoration: none
}

.MessageStreamItem-container {
    text-align: center;
    padding: 40px
}

.MessageStreamItem .Icon--close {
    color: #ccd6dd;
    font-size: 12px;
    margin: 10px
}

.MessageStreamItem-header {
    font-size: 33px;
    line-height: 1.2;
    font-weight: 300;
    color: #1da1f2
}

.MessageStreamItem-body {
    color: #657786;
    font-size: 22px;
    margin-top: 1em;
    font-weight: 300;
    line-height: 1.3
}

.MessageStreamItem-button {
    display: block;
    margin: 1.5em auto
}

.MessageStreamItem-settings-link {
    display: block
}

.MessageStreamItem-settings-link:hover {
    text-decoration: underline
}

.MomentStreamItem {
    border-radius: 3px;
    border: 1px solid #e6ecf0;
    margin: 10px 0
}

.MomentStreamItem:hover {
    background-color: #f5f8fa
}

.MomentStreamItem a {
    text-decoration: none
}

.MomentStreamItem-container {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px
}

.MomentStreamItem-icon {
    text-align: center;
    width: 40px
}

.MomentStreamItem-content {
    margin-left: 10px
}

.MomentStreamItem-title {
    font-size: 14px;
    font-weight: bold
}

.MomentStreamItem-description {
    color: #657786;
    font-size: 13px
}

.WtfLargeCarouselStreamItem {
    background-color: transparent;
    border: 0
}

.WtfLargeCarouselStreamItem-header {
    margin: 0 10px 6px 2px
}

.WtfLargeCarouselStreamItem-header .dropdown {
    color: #aab8c2;
    float: right;
    font-size: 16px;
    margin-left: 9px;
    margin-top: 0
}

.WtfLargeCarouselStreamItem-header .dropdown-menu {
    left: -13px
}

.WtfLargeCarouselStreamItem-title {
    color: #66757f;
    font-size: 18px;
    font-weight: 300
}

.WtfLargeCarouselStreamItem-refreshBtnContainer {
    font-size: 12px
}

.WtfLargeCarouselStreamItem-refreshDisabledBtn {
    color: #aab8c2
}

.WtfLargeCarouselStreamItem-user.selected-stream-item:focus {
    border: 0;
    margin: 0
}

.WtfSuggestStreamItem {
    background-color: transparent;
    border: 0
}

.WtfSuggestStreamItem-header {
    border-bottom: 1px solid #e6ecf0;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    padding: 9px 12px
}

.WtfSuggestStreamItem-header .dropdown {
    color: #aab8c2;
    float: right;
    font-size: 16px;
    margin-left: 9px;
    margin-top: 0
}

.WtfSuggestStreamItem-header .dropdown-menu {
    left: -13px
}

.WtfSuggestStreamItem-title {
    color: #14171a
}

.WtfSuggestStreamItem-refreshBtn,.WtfSuggestStreamItem-refreshBtnContainer,.WtfSuggestStreamItem-viewAllLink {
    font-size: 12px
}

.WtfSuggestStreamItem-refreshDisabledBtn {
    color: #aab8c2
}

.WtfSuggestStreamItem-user.stream-item {
    border-left: 0;
    border-right: 0
}

.WtfSuggestStreamItem-user:last-child {
    border-radius: 0 0 6px 6px
}

.WtfSuggestStreamItem-user:last-child .account {
    border-radius: 0 0 6px 6px
}

.GenericActivity {
    padding: 10px 12px 10px 70px
}

.GenericActivity.is-unread {
    background: #eaf5fd
}

.GenericActivity.has-clickAction:hover {
    background: #f5f8fa;
    cursor: pointer
}

.GenericActivity-quoteTweetContainer {
    margin-top: 5px
}

.GenericActivity:not(.has-clickAction) .QuoteTweet--slim:hover {
    background: #f5f8fa
}

.GenericActivity-container {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.GenericActivity-mainBody {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0
}

.GenericActivity-contextAltText,.GenericActivity-socialProof {
    color: #657786;
    font-size: 13px;
    line-height: 18px
}

.GenericActivity-socialProof {
    margin-bottom: 5px
}

.GenericActivity-activityTimestamp {
    color: #657786;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.GenericActivity-activityTimestamp:before {
    content: "\00b7";
    display: inline-block
}

.GenericActivity-activityTimestamp .activity-timestamp {
    display: inline-block
}

.GenericActivity-icon {
    color: #1da1f2;
    position: absolute;
    top: 0;
    left: -24px;
    font-size: 15px;
    line-height: 16px
}

.GenericActivity.stream-item-activity .tweet-content {
    margin: 0;
    padding: 0
}

.GenericActivity-dismissMenu {
    color: #aab8c2;
    position: absolute;
    right: -8px
}

.GenericActivity-dismissMenu .dropdown-toggle {
    padding: 0 8px
}

.Tombstone {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f8fa;
    border: 1px solid #ccd6dd;
    border-radius: 4px;
    color: #66757f;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 12px 16px
}

.Tombstone-label {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Tombstone-inlineAction {
    white-space: nowrap
}

.Tombstone .Tombstone-action {
    color: #657786;
    font-weight: bold;
    margin-left: 16px;
    white-space: nowrap
}

.Tombstone .Tombstone-action:hover {
    color: initial;
    text-decoration: underline
}

.TombstoneWarning {
    color: #66757f;
    font-weight: 500
}

.modal-container,.modal-overlay,.lihp-mobile-callout,.PermalinkOverlay,.StartSearchOverlay,.Gallery,.gallery-overlay {
    display: none
}

.modal-container.tweet-loading .modal-tweet {
    display: none
}

.modal-container.tweet-showing .modal-tweet {
    display: block
}

.modal .modal-tweet {
    padding: 0;
    text-align: left;
    background-color: #fff
}

.modal .modal-tweet .tweet {
    border: 0;
    padding: 15px
}

.modal .modal-tweet .tweet:hover {
    background-color: inherit
}

.modal .modal-tweet .actions,.modal .modal-tweet .follow-bar,.modal .modal-tweet .expanded-content,.modal .modal-tweet .tweet-details-fixer,.modal .modal-tweet .stream-item-footer,.modal .modal-tweet .ProfileTweet-action,.modal .modal-tweet .ProfileTweet-actionList {
    display: none
}

.modal .modal-tweet .content {
    margin-left: 58px;
    min-height: 54px
}

.modal .modal-tweet .avatar {
    top: 15px;
    left: 15px
}

.modal .modal-tweet.disabled-links .tweet {
    cursor: auto!important
}

.modal .modal-tweet.disabled-links a,.modal .modal-tweet.disabled-links a strong,.modal .modal-tweet.disabled-links a b,.modal .modal-tweet.disabled-links a s {
    color: inherit!important;
    cursor: text!important
}

.modal .modal-tweet.disabled-links a img {
    cursor: default!important
}

.modal .modal-tweet.disabled-links a:hover,.modal .modal-tweet.disabled-links a:hover strong,.modal .modal-tweet.disabled-links a:hover b,.modal .modal-tweet.disabled-links a:hover s {
    color: inherit!important;
    text-decoration: none!important
}

.top-timeline-tweet-box-user-image {
    left: 28px;
    position: absolute;
    top: 13px
}

.top-timeline-tweetbox .timeline-tweet-box {
    border-radius: 5px 5px 0 0;
    border: 1px solid #e6ecf0
}

.top-timeline-tweetbox .tweet-user {
    border-radius: 3px 3px 0 0;
    position: relative
}

.top-timeline-tweetbox .timeline-tweet-box .t1-form {
    margin-left: 56px
}

.tweet-form .tweet-content {
    position: relative;
    margin-bottom: 8px
}

.tweet-form.condensed .tweet-content {
    margin: 0
}

.tweet-form .tweet-box {
    min-height: 64px;
    overflow: hidden;
    padding: 8px;
    text-shadow: none;
    vertical-align: top;
    width: auto
}

.tweet-form .tweet-box-overlay {
    background-color: rgba(245,248,250,0.75);
    bottom: 1px;
    display: none;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 10
}

.currently-dragging .tweet-box-overlay {
    display: block
}

.tweet-form textarea.tweet-box {
    resize: none
}

.tweet-form.condensed .tweet-box {
    color: #657786;
    max-height: 20px;
    min-height: 20px
}

.tweet-form div.rich-editor {
    display: block;
    word-wrap: break-word;
    -webkit-nbsp-mode: normal
}

.tweet-form.condensed div.rich-editor {
    overflow-y: hidden
}

.is-showPlaceholder:before {
    pointer-events: none
}

.tweet-form div.rich-editor.is-showPlaceholder:before,.tweet-form div.rich-editor:empty:before {
    content: attr(data-placeholder-default);
    color: #ccd6dd;
    position: absolute
}

.tweet-form.is-reply div.rich-editor.is-showPlaceholder:before,.tweet-form.is-reply div.rich-editor:empty:before {
    content: attr(data-placeholder-reply)
}

.tweet-form.is-pollingCardComposerOn div.rich-editor.is-showPlaceholder:before {
    content: attr(data-placeholder-poll-composer-on)
}

.tweet-form div.rich-editor.is-showPlaceholder:focus:before,.tweet-form div.rich-editor:empty:focus:before {
    opacity: .8;
    -ms-filter: "alpha(opacity=80)"
}

.tweet-form.condensed div.rich-editor.is-showPlaceholder:before,.tweet-form.condensed div.rich-editor:empty:before {
    color: #657786
}

.tweet-form div.rich-editor[data-in-composition]:focus:before {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.tweet-form.condensed .rich-editor,.tweet-form.condensed .rich-editor.p,.tweet-form.condensed .rich-editor.div {
    word-wrap: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rich-editor em {
    font-style: normal;
    background: #fcc
}

.tweet-form.condensed .reply-users {
    display: none
}

.tweet-form .reply-users {
    font-size: 13px;
    margin-top: -4px;
    padding-bottom: 8px;
    color: #657786
}

.tweet-form .reply-users .username {
    color: inherit
}

div.rich-editor p,div.rich-editor p+p {
    margin: 0
}

.rich-editor a,.rich-editor a.pretty-link:hover b {
    text-decoration: none!important
}

.RichEditor {
    border: 1px solid #e6ecf0;
    border-radius: 3px;
    line-height: 18px
}

.RichEditor .typeahead {
    margin: 1px 0 0 0
}

.tweet-form.is-cardComposerOn .RichEditor,.tweet-form.has-thumbnail .RichEditor {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.tweet-form.is-cardComposerOn .TweetBoxAttachments,.tweet-form.has-thumbnail .TweetBoxAttachments {
    border-width: 1px;
    border-style: solid;
    border-top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.RichEditor-container {
    position: relative
}

.RichEditor-scrollContainer {
    overflow-y: auto;
    margin: -18px 0;
    max-height: 284px;
    position: relative
}

.top-timeline-tweetbox .RichEditor-scrollContainer,.inline-reply-tweetbox .RichEditor-scrollContainer {
    max-height: none
}

.RichEditor div[contenteditable],.RichEditor div[contenteditable]:focus,.RichEditor div[contenteditable].fake-focus {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    padding: 8px 10px
}

.RichEditor.RichEditor--emojiPicker div[contenteditable],.RichEditor.RichEditor--emojiPicker div[contenteditable]:focus,.RichEditor.RichEditor--emojiPicker div[contenteditable].fake-focus {
    padding-right: 31px
}

.RichEditor-pictographs {
    font-size: 14px
}

.RichEditor-pictographText {
    letter-spacing: .6em
}

.tweet-form.condensed .EmojiPicker {
    display: none
}

.RichEditor-mozillaCursorWorkaround {
    display: inline
}

.RichEditor-pictographImage {
    height: 1.25em;
    margin: -0.12em 0 0 .12em;
    pointer-events: none;
    position: absolute;
    width: 1.25em
}

.RichEditor-tempTextArea {
    border: 0;
    height: 1px;
    left: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.currently-dragging .is-droppable .RichEditor {
    border-color: transparent
}

.currently-dragging .is-droppable .RichEditor-scrollContainer {
    background: #fff;
    overflow: hidden
}

.currently-dragging .is-droppable .ComposerDragHelp {
    display: block
}

.currently-dragging .is-droppable .tweet-box {
    opacity: .2;
    -ms-filter: "alpha(opacity=20)"
}

.currently-dragging .is-droppable:not(.condensed) .add-photo-icon {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1
}

.currently-dragging .tweet-form.is-droppable .tweet-box-overlay {
    display: none
}

.tweet-form.condensed .TweetBoxToolbar {
    display: none
}

.tweet-form .RichEditor,.tweet-form .tweet-box {
    transition: padding-bottom 300ms cubic-bezier(0.455,0.03,0.515,0.955)
}

.tweet-form .attribution {
    display: none;
    margin-top: 8px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.tweet-form.has-attribution .attribution {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    animation-name: show-attribution;
    animation-delay: 300ms;
    animation-duration: 100ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    color: #657786;
    cursor: pointer;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 16px
}

@keyframes show-attribution {
    0% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)"
    }
}

.provider {
    display: inline-block;
    height: 20px;
    width: 20px
}

.provider--giphy {
    background-image: url(../../img/t1/icon_giphy.png)
}

.provider--riffsy {
    background-image: url(../../img/t1/icon_riffsy.png)
}

.tweet-form.is-showingProgress .tweet-button .spinner {
    display: inline-block;
    position: relative;
    margin-right: 5px
}

.photo-selector:hover .btn {
    border-color: #1b95e0;
    background-color: rgba(255,255,255,0.25);
    background-image: linear-gradient(rgba(255,255,255,0),rgba(0,132,180,0.1))
}

.photo-selector.disabled:hover .btn {
    background: rgba(255,255,255,0.75)
}

.icon-btn .text.visuallyhidden {
    position: absolute
}

.tweet-form .thumbnail-container {
    display: none;
    background-color: #f1f1f1;
    border-radius: 0 0 3px 3px;
    box-shadow: inset 0 1px 0 #ccd6dd;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    transition: height 300ms cubic-bezier(0.455,0.03,0.515,0.955)
}

.tweet-form.has-thumbnail .thumbnail-container {
    display: block
}

.tweet-form .thumbnail-container .thumbnail-wrapper {
    padding: 8px
}

.tweet-form .ComposerThumbnails {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.tweet-form.tweeting .ComposerThumbnail-play {
    cursor: default;
    opacity: .75;
    -ms-filter: "alpha(opacity=75)"
}

.tweet-form.tweeting .ComposerThumbnail-edit,.tweet-form.tweeting .ComposerThumbnail-remove,.tweet-form.tweeting .ComposerThumbnail-duration {
    display: none
}

.tweet-form .thumbnail-container .preview-message {
    font-size: 12px;
    color: #aaa
}

.tweet-form .thumbnail-container .preview-message .start-tagging {
    margin-top: 8px
}

.photo-selector {
    position: relative
}

.image-selector {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
    overflow: hidden;
    cursor: pointer
}

.image-selector .file-input {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    font-size: 50px;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    padding-top: 100px
}

.photo-selector.disabled .image-selector {
    display: none
}

.photo-selector.disabled,.photo-selector.disabled:hover,.photo-selector.disabled:hover .btn.disabled {
    background: 0
}

.tweet-post-iframe,.dm-post-iframe {
    display: none
}

.tweet-form .spinner {
    background-image: url(../../img/t1/spinner-rosetta-gray-14x14.gif);
    display: none;
    height: 14px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 14px
}

.tweet-form.tweeting .spinner {
    display: inline-block
}

.tweet-form.tweeting .tweet-counter {
    display: none
}

.tweet-form .link-message {
    display: none;
    color: #aaa;
    font-size: 12px;
    position: relative;
    vertical-align: top;
    top: 7px;
    text-align: right;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75)
}

.tweet-form.has-link .link-message.single,.tweet-form.has-links .link-message.plural {
    display: inline-block
}

.tweet-form .tweet-button {
    float: right
}

.tweet-form .tweet-button .tweet-counter {
    margin-right: 5px
}

#geo-disabled-dropdown,#geo-enabled-dropdown {
    display: none
}

.geo-picker-btn .caret {
    margin: 7px 0 0 0;
    display: none
}

.geo-picker.active .geo-picker-btn .caret {
    border-top-color: #019ad2;
    display: inline-block
}

.geo-picker .geo-status {
    display: inline-block;
    vertical-align: middle;
    max-width: 95px;
    margin-left: 3px;
    overflow: hidden;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto
}

.geo-picker .active .geo-status {
    color: inherit
}

.modal-body .geo-picker .geo-status {
    max-width: 113px
}

.geo-picker .dropdown-caret {
    left: 10px
}

.geo-picker .dropdown-menu {
    width: 320px;
    outline: 0
}

.geo-not-enabled-yet {
    margin: 8px 14px 10px
}

.geo-not-enabled-yet h2 {
    margin-bottom: 5px;
    font-size: 16px
}

.geo-not-enabled-yet p,.modal-body .geo-not-enabled-yet p {
    margin-bottom: 10px;
    line-height: 16px;
    font-size: 13px;
    color: #333
}

.geo-not-enabled-yet .geo-not-now {
    margin-left: 8px;
    font-size: 13px
}

.geo-picker .geo-dropdown-status,.geo-picker .GeoSearch-focusable,.geo-picker .GeoSearch-noResults {
    padding-left: 30px;
    overflow: hidden;
    text-overflow: ellipsis
}

.geo-picker .GeoSearch-focusable {
    position: relative;
    cursor: pointer
}

.geo-picker .Icon--check {
    position: absolute;
    left: 12px;
    top: 6px
}

.geo-picker .Icon--close {
    position: absolute;
    left: 12px;
    top: 7px
}

.geo-picker .geo-dropdown-status,.geo-picker .GeoSearch-noResults {
    color: #66757f;
    padding-top: 3px;
    padding-bottom: 3px
}

.geo-query-location {
    position: relative;
    padding: 5px;
    margin: -4px 0 6px;
    background-color: #f5f8fa;
    background-repeat: repeat-x;
    background-image: linear-gradient(#fff,#f5f8fa);
    border-bottom: 1px solid #e6ecf0;
    border-radius: 4px 4px 0 0
}

.dropdown-menu .geo-query-location input[type=text] {
    width: 280px;
    padding-left: 24px
}

.geo-query-location .Icon--search {
    color: #66757f;
    left: 13px;
    position: absolute;
    top: 10px
}

.tweet-skip-button {
    height: 37px;
    margin-left: 10px
}

.user-select-container.photo-tagging-container {
    margin-top: -7px;
    position: absolute;
    left: -100px;
    width: 350px
}

.tweet-form.has-alt-text .user-select-container.photo-tagging-container {
    margin-top: -7px
}

.tweet-box .photo-tagging-controls input[type=text] {
    box-shadow: none
}

.home-tweet-box .user-select-container .dropdown-menu {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25)
}

.start-tagging.no-users {
    background-color: transparent;
    border: 0;
    padding: 0
}

.start-tagging {
    background: transparent;
    border: 1px solid;
    border-radius: 4px;
    line-height: 24px;
    padding: 0 10px
}

.tagged-users .user-name {
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    max-width: 130px;
    vertical-align: top
}

.typeahead-empty-suggestions {
    padding: 10px;
    padding-top: 1px;
    color: #66757f;
    font-weight: bold;
    font-size: 12px
}

.tagged-users {
    margin-left: 4px
}

.TweetBox-photoIntent .add-photo-label {
    display: none
}

.TweetBox-photoIntent .photo-selector {
    margin-right: 0;
    position: absolute;
    right: -1px;
    z-index: 1
}

.TweetBox-photoIntent .photo-selector .btn {
    padding-right: 12px
}

.TweetBox-photoIntent .photo-selector:hover .btn {
    background: 0;
    border: 1px solid transparent
}

.TweetBox-photoIntent .photo-selector .btn:active,.TweetBox-photoIntent .photo-selector .btn.active,.TweetBox-photoIntent .photo-selector .btn:focus,.TweetBox-photoIntent .photo-selector .btn.focus,.TweetBox-photoIntent .photo-selector .btn.enabled {
    background: 0;
    border: 1px solid transparent;
    box-shadow: none
}

.TweetBoxUploadProgress {
    color: #8899a6;
    display: none
}

.TweetBoxUploadProgress-bar {
    border: 1px solid #c2ddf3;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    width: 262px
}

.TweetBoxUploadProgress-barPosition {
    background-color: #469ae9;
    height: 10px;
    transition: width 1s linear;
    width: 0
}

.TweetBoxUploadProgress .TweetBoxUploadProgress-spinner {
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: 3px
}

.tweet-form.is-showingProgress .tweet-button .spinner,.tweet-form.is-showingProgress .TweetBoxExtras-item {
    display: none
}

.TweetBoxUploadProgress .TweetBoxUploadProgress-uploading,.TweetBoxUploadProgress .TweetBoxUploadProgress-processing,.tweet-form.is-showingProgress.is-uploading.is-waiting .TweetBoxUploadProgress-uploading,.tweet-form.is-showingProgress.is-uploading.is-processing .TweetBoxUploadProgress-uploading {
    display: none
}

.tweet-form.is-showingProgress .TweetBoxUploadProgress,.tweet-form.is-showingProgress.is-uploading .TweetBoxUploadProgress-uploading,.tweet-form.is-showingProgress.is-waiting .TweetBoxUploadProgress-processing,.tweet-form.is-showingProgress.is-processing .TweetBoxUploadProgress-processing {
    display: block
}

.tweet-form .CardComposer {
    max-width: 100%;
    transition: height 300ms cubic-bezier(0.455,0.03,0.515,0.955);
    overflow: hidden;
    display: none
}

.tweet-form.is-cardComposerOn.is-pollingCardComposerOn .CardComposer,.tweet-form.is-cardComposerOn.is-pollingCardComposerOn .PollingCardComposer {
    display: block
}

.user-select-container {
    background-color: #fff
}

.user-select-container .typeahead-item {
    display: none
}

.user-select-container .has-results .typeahead-item {
    display: block
}

.user-select-container .typeahead-items.has-results {
    padding-bottom: 6px
}

.user-select-container .dropdown-menu {
    box-shadow: 0 1px 4px -2px rgba(0,0,0,0.25);
    display: block;
    padding: 7px 0 0;
    width: 100%
}

.user-select-container .select-status {
    float: right
}

.user-select-container .select-status {
    display: none
}

.user-select-container .selected-user .deselect-user,.user-select-container .cannot-select .select-disabled {
    display: block
}

.user-select-container .selected-user .deselect-user {
    background-color: #1da1f2;
    border-radius: 4px;
    color: #fff;
    padding: 0 8px
}

.user-select-container .cannot-select {
    background-color: #eee
}

.user-select-container .cannot-select .fullname,.user-select-container .cannot-select .username,.user-select-container .cannot-select .username s,.user-select-container .selected.cannot-select .fullname,.user-select-container .selected.cannot-select .username,.user-select-container .selected.cannot-select .username s,.typeahead-accounts .selected-user .fullname,.typeahead-accounts .selected-user .username,.typeahead-accounts .selected-user .username s {
    color: #ccc
}

.user-select-container .selected.cannot-select a {
    background-color: transparent;
    color: #66757f
}

.user-select-controls {
    border: 1px solid #e6ecf0;
    border-radius: 3px;
    margin: 0 6px 3px
}

.user-select-controls .Icon {
    margin: 5px 2px 0 8px;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)"
}

.user-select-controls input {
    background: transparent;
    border: 0;
    padding: 0;
    width: 290px
}

.user-select-controls input:focus {
    border-color: transparent;
    border: 0;
    box-shadow: none
}

.has-autoplayable-media .Icon--gifBadge,.has-autoplayable-media .SnapReelHintContainer {
    position: absolute;
    left: 8px;
    bottom: 8px;
    background: rgba(0,0,0,0.3);
    color: #fff;
    border-radius: 3px;
    z-index: 1
}

.has-autoplayable-media .AdaptiveMedia-badge .Icon--gifBadge {
    background: transparent;
    bottom: 0;
    left: 0;
    position: relative;
    padding: 0
}

.has-autoplayable-media .Icon--gifBadge {
    line-height: 16px;
    padding: 0 5px 4px 5px
}

@keyframes showSnapReelHint {
    from {
        max-width: 0
    }

    to {
        max-width: 100px
    }
}

@keyframes hideSnapReelHint {
    from {
        max-width: 100px
    }

    to {
        max-width: 0
    }
}

.has-autoplayable-media .js-media-container .SnapReelHintContainer {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    padding-left: 4px
}

.has-autoplayable-media .js-media-container .SnapReelHint {
    bottom: 1px;
    display: inline-block;
    line-height: 13px;
    max-width: 0;
    overflow: hidden;
    position: relative
}

.has-autoplayable-media .js-media-container .SnapReelHint .SnapReelHintText {
    font-size: 13px;
    padding-left: 2px;
    padding-right: 4px
}

.tweet.animated-gif-playing .js-media-container .SnapReelHintContainer .SnapReelHint {
    animation: showSnapReelHint 1s 1s forwards,hideSnapReelHint .5s 3.5s forwards
}

.tweet-details-fixer .Icon--gifBadge {
    margin-top: -12px
}

.Icon--playButton {
    line-height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 60px;
    margin: -45px 0 0 -30px
}

.t1-form {
    font-size: 12px;
    margin-bottom: 0
}

.t1-form p+p {
    margin-top: 9px
}

.t1-legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
    color: #14171a;
    border-bottom: 1px solid #e6ecf0
}

.t1-label,input,textarea,div[contenteditable],.t1-select {
    margin: 0;
    font-size: 13px;
    line-height: 20px
}

.t1-label {
    display: block;
    margin-bottom: 5px;
    color: #14171a;
    cursor: pointer
}

input,textarea,div[contenteditable],.t1-select {
    display: inline-block;
    width: 210px;
    padding: 4px;
    margin: 0;
    outline: 0;
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 3px
}

input[type=checkbox],input[type=radio] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;
    line-height: normal;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

input[type=file] {
    background-color: #fff;
    padding: initial;
    border: initial;
    line-height: initial;
    box-shadow: none
}

input[type=button],input[type=reset],input[type=submit] {
    width: auto;
    height: auto
}

.t1-select,input[type=file] {
    height: 30px;
    line-height: 30px
}

.t1-select[multiple] {
    background-color: #fff;
    height: inherit
}

.inline-form {
    float: left;
    width: 100%;
    margin: 10px 0
}

textarea {
    height: auto
}

.radio,.checkbox {
    margin: 5px 0;
    padding-left: 18px;
    line-height: 18px
}

.radio input[type=radio],.checkbox input[type=checkbox] {
    float: left;
    margin-left: -18px
}

.radio-nested,.checkbox-nested {
    margin-left: 18px
}

.controls>.radio:first-child,.controls>.checkbox:first-child {
    padding-top: 1px
}

input,textarea,div[contenteditable] {
    transition: background .2s linear
}

input:focus,textarea:focus,div[contenteditable="true"]:focus,div[contenteditable="true"].fake-focus,div[contenteditable="plaintext-only"]:focus,div[contenteditable="plaintext-only"].fake-focus {
    outline: 0;
    color: #14171a;
    border-color: #56b4ef
}

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus,.t1-select:focus {
    outline: 1px dotted #66757f;
    outline: auto 5px -webkit-focus-ring-color;
    box-shadow: none
}

.disabled,.disabled:hover,.disabled:focus,.disabled:active,input[disabled],.t1-select[disabled],textarea[disabled],input[readonly],.t1-select[readonly],textarea[readonly],div[contenteditable="false"],div[contenteditable="true"][readonly] {
    background: #f5f8fa;
    border-color: #ccd6dd;
    cursor: not-allowed
}

.disabled.btn,.disabled.btn:active {
    cursor: default;
    box-shadow: none
}

input.placeholded,textarea.placeholded {
    color: #7f7f7f
}

.input-mini {
    width: 50px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 175px
}

.input-large {
    width: 270px
}

.input-xlarge {
    width: 330px
}

.input-block {
    display: block;
    width: 100%;
    padding: 7px 9px;
    margin-bottom: 5px;
    font-size: 14px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.help-text {
    color: #657786
}

.help-text+.help-text {
    margin-top: 9px
}

.help-text-inline {
    position: absolute;
    top: 6px;
    left: 230px
}

.form-inline .btn {
    font-weight: normal
}

.control-group {
    margin-bottom: 15px
}

.form-horizontal .control-label {
    float: left;
    width: 120px;
    padding-top: 5px;
    text-align: right;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    border-bottom: 0
}

.form-horizontal .controls {
    margin-left: 140px
}

.form-horizontal input,.form-horizontal select,.form-horizontal textarea {
    margin-bottom: 5px
}

.form-horizontal .controls p {
    color: #657786
}

.form-horizontal .form-actions {
    padding-left: 140px;
    margin: 20px 0 8px
}

.placeholder {
    color: #657786!important;
    white-space: nowrap;
    cursor: text;
    transition: opacity .1s,font-size .1s
}

.placeholder:focus {
    opacity: .6;
    -ms-filter: "alpha(opacity=60)"
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #657786;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #657786;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #657786;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #657786;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

input::placeholder,textarea::placeholder {
    color: #657786;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    opacity: .6;
    -ms-filter: "alpha(opacity=60)"
}

input:focus:-moz-placeholder,textarea:focus:-moz-placeholder {
    opacity: .6;
    -ms-filter: "alpha(opacity=60)"
}

input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {
    opacity: .6;
    -ms-filter: "alpha(opacity=60)"
}

input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {
    opacity: .6;
    -ms-filter: "alpha(opacity=60)"
}

input:focus::placeholder,textarea:focus::placeholder {
    opacity: .6;
    -ms-filter: "alpha(opacity=60)"
}

.BannersContainer--overlay {
    left: 10px;
    right: 10px;
    margin: 0 auto;
    max-width: 840px;
    position: absolute;
    z-index: 15;
    top: 54px
}

.Banner {
    background-clip: padding-box;
    border-radius: 6px;
    border: 1px solid #e6ecf0;
    border: 1px solid rgba(0,0,0,0.1);
    line-height: 16px;
    margin-bottom: 10px;
    position: relative
}

.Banner .flex-module {
    padding: 12px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 18px;
    color: #3b372e;
    background: #f6d171
}

.Banner .banner-row:first-child {
    margin-top: 0;
    padding-right: 20px
}

.Banner .banner-row {
    margin-top: 5px
}

.Banner .banner-row .btn {
    margin-right: 5px;
    font-weight: normal;
    border: 1px solid #e6ecf0;
    background-clip: padding-box
}

.Banner .warning {
    font-weight: bold;
    background-color: #fcc;
    background-image: none
}

.Banner #device-verification-pin {
    height: 25px;
    position: relative;
    top: -2px
}

.Banner--aboveNav {
    background-color: #ccd6dd;
    border: 0;
    border-radius: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 62px;
    line-height: 20px;
    margin: 0;
    text-shadow: none
}

.Banner-textContent {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.Banner--aboveNav+.Banner--aboveNav {
    border-top: 1px solid #e6ecf0
}

.Banner--blue {
    background-color: #1da1f2;
    color: #fff
}

.Banner--red {
    background-color: #f6809a
}

.Banner-contentContainer {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0 15px;
    width: 890px
}

@media screen and (min-width:1236px) {
    .Banner-contentContainer {
        width: 1190px
    }
}

.Banner-actions {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 15px
}

.Banner-actions .btn {
    margin-right: 5px
}

.Banner-textContainer {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding-right: 10px
}

.Banner--aboveNav.Banner--tall {
    height: 120px
}

.Banner--aboveNav b {
    font-weight: 500
}

.Banner-dismiss {
    position: absolute;
    top: 24px;
    right: 100px
}

.Banner--blue a,.Banner--blue a:active,.Banner--blue a:focus,.Banner--blue a:hover {
    color: inherit
}

.DashboardProfileCard {
    border: 1px solid #e6ecf0;
    background: #fff;
    border-radius: 6px
}

.DashboardProfileCard--withoutStats {
    padding-bottom: 10px
}

.DashboardProfileCard-bg {
    background-size: 100%;
    border-bottom: 1px solid #e6ecf0;
    height: 95px;
    border-radius: 4px 4px 0 0;
    background-position: 0 50%;
    width: 100%;
    padding: 0 1px;
    margin-left: -1px;
    margin-top: -1px
}

.DashboardProfileCard-avatarContainer {
    width: 72px
}

.DashboardProfileCard-avatarContainer .dropdown.center {
    float: none;
    right: auto
}

.DashboardProfileCard-avatarContainer .dropdown.center .dropdown-menu {
    position: absolute;
    left: -64px;
    top: 32px
}

.DashboardProfileCard-avatarImage .Icon {
    margin: 15px 0 0 18px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.33)
}

.DashboardProfileCard-avatarContainer .dropdown-menu {
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    min-width: 220px;
    padding: 7px 0 6px 0
}

.DashboardProfileCard-avatarContainer .dropdown-link {
    font-size: 14px;
    line-height: 26px;
    color: #8799a5
}

.DashboardProfileCard-avatarContainer .dropdown-divider {
    border-bottom-color: #e6ecf0;
    margin-bottom: 5px
}

.DashboardProfileCard-avatarLink {
    background-color: #fff;
    border-radius: 6px;
    margin: -30px 0 0 8px;
    padding: 1px;
    vertical-align: bottom
}

.DashboardProfileCard-avatarImage {
    border-radius: 7px;
    height: 72px;
    width: 72px;
    border: 2px solid #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff
}

.DashboardProfileCard-userFields {
    position: absolute;
    top: 103px;
    left: 90px;
    width: 185px
}

.DashboardProfileCard-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    margin: -1px 0 -2px 0
}

.DashboardProfileCard .account-group .UserBadges {
    top: 2px
}

.DashboardProfileCard-screennameLink {
    font-size: 12px;
    padding-right: 5px;
    color: #66757f
}

.DashboardProfileCard-tweetbox {
    border: 1px solid;
    padding: 12px;
    width: 264px;
    margin-left: -1px;
    margin-bottom: -1px
}

.DashboardProfileCard-tweetbox .tweet-box {
    padding: 11px;
    font-size: 14px;
    color: #657786
}

.DashboardProfileCard-tweetbox .Icon--geo {
    margin: 0
}

.DashboardProfileCard-tweetbox .photo-selector .text {
    display: none
}

.DashboardProfileCard-tweetbox .condensed .tweet-box {
    padding-right: 30px
}

.DashboardProfileCard-tweetbox .tweet-action {
    background-image: none;
    text-shadow: none
}

.ProfileCardStats {
    margin-left: 11px;
    padding: 10px 0
}

.ProfileCardStats-stat {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    overflow: hidden;
    transition: all .15s ease-in-out
}

.ProfileCardStats-stat:lang(ar),.ProfileCardStats-stat:lang(fa),.ProfileCardStats-stat:lang(ur) {
    line-height: 1.4
}

.ProfileCardStats .ProfileCardStats-stat {
    vertical-align: bottom
}

.ProfileCardStats-statLabel {
    color: #657786;
    font-size: 10px;
    letter-spacing: .02em;
    overflow: hidden;
    text-transform: uppercase;
    transition: color .15s ease-in-out
}

.ProfileCardStats-statValue {
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding-top: 3px;
    transition: color .15s ease-in-out
}

.ProfileCardStats-statLink:hover .ProfileCardStats-statLabel,.ProfileCardStats-statLink:focus .ProfileCardStats-statLabel,.ProfileCardStats-statLink:hover .ProfileCardStats-statValue,.ProfileCardStats-statLink:focus .ProfileCardStats-statValue {
    color: inherit
}

.Footer .twitter-logo {
    margin-bottom: 4px
}

.Footer ul {
    line-height: 18px
}

.Footer-item {
    display: inline
}

.Footer-item,.Footer-link {
    color: #657786
}

.Footer-item {
    float: left;
    padding-right: 8px
}

.Footer .Footer-adsModule {
    background: #f5f8fa;
    border-top: 0
}

.Footer--slim {
    text-align: center
}

.Footer--slim ul,.Footer--slim .Footer-item {
    display: inline-block
}

.Footer--slim .Footer-item {
    line-height: 16px;
    float: none
}

.Footer--slim .twitter-logo {
    display: inline;
    margin-bottom: 0;
    padding-right: 8px
}

.Footer--blankBackground {
    border: 0;
    border-radius: 0;
    margin-top: 15px;
    padding-right: 15px;
    padding-left: 15px
}

.Footer--blankBackground .flex-module {
    background: 0;
    border: 0;
    line-height: 1;
    padding: 0;
    text-align: left
}

.SidebarCommonModules .CommerceDiscovery,.SidebarCommonModules .SignupCallOut,.SidebarCommonModules .Trends,.SidebarCommonModules .TweetImpressionsModule,.SidebarCommonModules .WhoToFollow {
    margin-top: 10px
}

.SidebarCommonModules .Trends {
    margin-bottom: 0
}

.tweet .account-in-timeline-blk {
    border-top: 1px solid #e6ecf0;
    padding-top: 9px;
    margin-top: 12px
}

.tweet .account-in-timeline-blk.promoted {
    padding-top: 12px
}

.tweet .account-in-timeline-blk .account-follow-btn {
    float: right
}

.tweet .account-in-timeline-blk.promoted .account-follow-btn.following {
    visibility: hidden
}

.tweet .account-in-timeline-blk:not(.promoted) .account-in-timeline-name {
    display: inline-block;
    padding-top: 10px
}

.tweet.account-in-timeline .stream-item-footer {
    display: none
}

.tweet.account-in-timeline .stream-item-header .time {
    display: none
}

.Arrange {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: 0;
    min-width: 100%;
    padding: 0;
    table-layout: auto
}

.Arrange-sizeFill,.Arrange-sizeFit {
    display: table-cell;
    padding: 0;
    vertical-align: top
}

.Arrange-sizeFill {
    width: 100%
}

.Arrange-sizeFill img {
    height: auto;
    max-width: 100%
}

.Arrange-sizeFit img {
    max-width: none!important;
    width: auto!important
}

.Arrange--middle .Arrange-sizeFill,.Arrange--middle .Arrange-sizeFit {
    vertical-align: middle
}

.Arrange--bottom .Arrange-sizeFill,.Arrange--bottom .Arrange-sizeFit {
    vertical-align: bottom
}

.Arrange--equal {
    table-layout: fixed
}

.Arrange--equal>.Arrange-sizeFill,.Arrange--equal>.Arrange-sizeFit {
    width: 1%
}

.Arrange--withGutter {
    margin: 0 -5px
}

.Arrange--withGutter>.Arrange-sizeFit,.Arrange--withGutter>.Arrange-sizeFill {
    padding: 0 5px
}

.Button {
    -webkit-appearance: none;
    background: transparent;
    border-color: currentcolor;
    border-style: solid;
    border-width: 1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    line-height: normal;
    margin: 0;
    padding: .4em .75em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal
}

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

.Button:hover,.Button:focus,.Button:active {
    text-decoration: none
}

.Button:disabled,.Button.is-disabled {
    cursor: default;
    opacity: .6;
    -ms-filter: "alpha(opacity=60)"
}

.Button--full {
    display: block;
    width: 100%
}

.Checkbox:checked,.Checkbox {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 28px;
    width: 28px
}

.Checkbox:checked,.Checkbox-fake,.Checkbox-original,.Checkbox .Icon {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.Checkbox:checked,.Checkbox-fake {
    background: linear-gradient(to bottom,#f5f8fa,#fff);
    border: 1px solid #e6ecf0;
    border-radius: 2px;
    color: #1da1f2;
    text-align: center
}

.Checkbox:checked,.Checkbox-fake:hover {
    border-color: #ccd6dd
}

.Checkbox:checked,.Checkbox-original {
    cursor: pointer;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    height: 100%!important;
    margin: 0!important;
    padding: 0!important;
    width: 100%!important;
    z-index: 1
}

.Checkbox:checked,.Checkbox-original:focus+.Checkbox-fake {
    box-shadow: 0 0 5px #1da1f2
}

.Checkbox .Icon {
    display: none
}

.Checkbox:checked,.Checkbox-original:checked+.Checkbox-fake .Icon {
    display: block;
    height: 22px;
    line-height: normal
}

.DMButton {
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 9px 16px 7px 17px;
    text-align: center
}

.DMButton-content {
    display: block;
    line-height: 1.6;
    margin-top: -1px;
    vertical-align: bottom
}

.DMButton--iconOnly {
    padding: 9px 13px 7px 14px
}

.DMButton .DMButton-icon {
    font-size: 21px;
    left: 0;
    margin-right: 7px;
    top: -2px;
    vertical-align: bottom;
    width: 19px
}

.DMButton-text {
    vertical-align: bottom
}

.NewTweetButton {
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 9px 16px 7px 17px;
    text-align: center
}

.NewTweetButton-content {
    display: block;
    line-height: 1.6;
    margin-top: -1px;
    vertical-align: bottom
}

.NewTweetButton--iconOnly {
    padding: 9px 13px 7px 14px
}

.NewTweetButton .NewTweetButton-icon {
    font-size: 24px;
    left: 0;
    margin-right: 6px;
    top: -2px;
    vertical-align: bottom;
    width: 19px
}

.NewTweetButton-text {
    vertical-align: bottom
}

.stream-container .tweet .details {
    float: right;
    margin-top: 7px
}

.stream-container .tweet .details,.stream-container .tweet .stream-item-footer .with-icn span:last-child {
    margin-right: 0
}

.stream-container .tweet .details .Icon {
    display: none
}

.ProfileTweet-actionList {
    font-size: 0;
    height: 18px;
    line-height: 1;
    margin-bottom: 2px;
    margin-top: 10px
}

.ProfileTweet-action {
    display: inline-block;
    min-width: 80px
}

.ProfileTweet-action:last-child:not(.ProfileTweet-action--more) {
    min-width: 26px
}

.ProfileTweet-actionButton,.ProfileTweet-actionButtonUndo {
    color: #aab8c2;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    padding: 0 2px;
    position: relative
}

.ProfileTweet-actionButton:focus,.ProfileTweet-actionButtonUndo:focus,.ProfileTweet-actionCount:focus {
    outline: dotted 1px #000;
    outline: auto 5px -webkit-focus-ring-color
}

.ProfileTweet-actionCount {
    color: #aab8c2;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-left: 6px;
    position: relative;
    top: -2px
}

.ProfileTweet-actionCount:focus,.ProfileTweet-actionCount:hover {
    text-decoration: none
}

.ProfileTweet-actionCount--isZero {
    padding: 0
}

.ProfileTweet-action--more {
    float: right;
    min-width: 0
}

.ProfileTweet-action--more .ProfileTweet-actionButton {
    margin: -2px -9px 0 0;
    padding: 2px 9px
}

.ProfileTweet-action--more .dropdown .dropdown-menu {
    margin: 9px 0 0 -6px
}

.IconContainer,.IconTextContainer {
    display: inline-block
}

.ProfileTweet-action--retweet .ProfileTweet-actionButtonUndo,.retweeted .ProfileTweet-action--retweet .ProfileTweet-actionButton {
    display: none
}

.ProfileTweet-action--retweet:hover .ProfileTweet-actionButton,.ProfileTweet-action--retweet:hover .ProfileTweet-actionCount,.ProfileTweet-action--retweet .ProfileTweet-actionButton:focus,.ProfileTweet-action--retweet .ProfileTweet-actionButton:focus .ProfileTweet-actionCount,.retweeted .ProfileTweet-action--retweet .Icon--retweet,.retweeted .ProfileTweet-action--retweet .ProfileTweet-actionButtonUndo {
    color: #17bf63
}

.ProfileTweet-action--retweet.is-hoverStateCancelled:hover .ProfileTweet-actionButton,.ProfileTweet-action--retweet.is-hoverStateCancelled .ProfileTweet-actionButton:focus,.ProfileTweet-action--retweet.is-hoverStateCancelled:hover .ProfileTweet-actionCount,.ProfileTweet-action--retweet.is-hoverStateCancelled .ProfileTweet-actionButton:focus .ProfileTweet-actionCount {
    color: #aab8c2
}

.ProfileTweet-action--retweet .ProfileTweet-actionButton.is-disabled,.ProfileTweet-action--retweet .ProfileTweet-actionButton.is-disabled .ProfileTweet-actionCount,.ProfileTweet-action--retweet:hover .ProfileTweet-actionButton.is-disabled,.ProfileTweet-action--retweet .ProfileTweet-actionButton.is-disabled:focus,.ProfileTweet-action--retweet:hover .ProfileTweet-actionButton.is-disabled .ProfileTweet-actionCount,.ProfileTweet-action--retweet .ProfileTweet-actionButton.is-disabled:focus .ProfileTweet-actionCount {
    color: #e6ecf0;
    cursor: default!important
}

.ProfileTweet-action--favorite .ProfileTweet-actionButtonUndo,.favorited .ProfileTweet-action--favorite .ProfileTweet-actionButton {
    display: none
}

.ProfileTweet-action--favorite:hover .ProfileTweet-actionButton,.ProfileTweet-action--favorite:hover .ProfileTweet-actionCount,.ProfileTweet-action--favorite .ProfileTweet-actionButton:focus,.ProfileTweet-action--favorite .ProfileTweet-actionButton:focus .ProfileTweet-actionCount,.favorited .ProfileTweet-action--favorite .Icon--heart,.favorited .ProfileTweet-action--favorite .ProfileTweet-actionButtonUndo {
    color: #e0245e
}

.ProfileTweet-action--favorite.is-hoverStateCancelled:hover .ProfileTweet-actionButton,.ProfileTweet-action--favorite.is-hoverStateCancelled:hover .ProfileTweet-actionCount,.ProfileTweet-action--favorite.is-hoverStateCancelled .ProfileTweet-actionButton:focus,.ProfileTweet-action--favorite.is-hoverStateCancelled .ProfileTweet-actionButton:focus .ProfileTweet-actionCount {
    color: #aab8c2
}

.ProfileTweet-dismiss,.ProfileTweet-dismiss:hover,.ProfileTweet-dismiss:focus {
    color: #aab8c2
}

.retweeted .ProfileTweet-action--retweet .ProfileTweet-actionCount,.favorited .ProfileTweet-action--favorite .ProfileTweet-actionCount {
    color: inherit
}

.retweeted .ProfileTweet-action--retweet .ProfileTweet-actionButtonUndo,.favorited .ProfileTweet-action--favorite .ProfileTweet-actionButtonUndo {
    display: inline-block
}

.tweet[data-you-follow="true"] .ProfileTweet-dismiss {
    display: none
}

.dropdown-menu .MomentMakerAddTweetToOtherMoment {
    display: none
}

.stream-container .grid-tweet .grid-tweet-actions .Icon {
    color: #657786
}

.stream-container .grid-tweet .grid-tweet-actions .favorite .Icon--heart:hover,.stream-container .grid-tweet .grid-tweet-actions .unfavorite .Icon--heart {
    color: #e0245e
}

.stream-container .grid-tweet .grid-tweet-actions .retweet .Icon:hover,.stream-container .grid-tweet .grid-tweet-actions .undo-retweet .Icon {
    color: #17bf63
}

.stream-container .grid-tweet .grid-tweet-actions .is-hoverStateCancelled .favorite .Icon:hover,.stream-container .grid-tweet .grid-tweet-actions .is-hoverStateCancelled .retweet .Icon:hover {
    color: #657786
}

.favorited .action-fav-container b,.favorited .action-fav-container:hover b,.favorited .action-fav-container a:focus b {
    color: #ffad1f
}

.favorited .action-fav-container a:focus b {
    text-decoration: underline
}

.retweeted .action-rt-container b,.retweeted .action-rt-container:hover b,.retweeted .action-rt-container a:focus b {
    color: #17bf63
}

.HeartAnimationContainer {
    height: 16px;
    left: .1rem;
    overflow: hidden;
    padding-right: 1px;
    position: relative;
    width: 16px
}

.is-animating .HeartAnimationContainer {
    overflow: visible
}

.HeartAnimation {
    position: absolute;
    background: url(../../img/animations/web_heart_animation.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 2900%;
    height: 50px;
    width: 50px;
    left: -100%;
    top: -100%
}

@keyframes heart-burst {
    0% {
        background-position: left
    }

    100% {
        background-position: right
    }
}

.ProfileTweet-action--favorite.is-animating .HeartAnimation {
    animation-timing-function: steps(28);
    animation-name: heart-burst;
    animation-duration: .8s;
    animation-iteration-count: 1;
    display: inline-block
}

.ProfileTweet-action--favorite:hover .HeartAnimation,.ProfileTweet-action--favorite .ProfileTweet-actionButton:focus .HeartAnimation,.favorited .ProfileTweet-action--favorite .HeartAnimation {
    background-position: right
}

.ProfileTweet-action--favorite.is-hoverStateCancelled:hover .HeartAnimation,.ProfileTweet-action--favorite.is-hoverStateCancelled .ProfileTweet-actionButton:focus .HeartAnimation {
    background-position: left
}

.QuoteTweet {
    border: solid 1px #e6ecf0;
    cursor: pointer;
    border-radius: 4px
}

.QuoteTweet .tweet-content,.QuoteTweet-text a,.QuoteTweet-text a:hover,.QuoteTweet-text a:focus,.QuoteTweet-text a:active,.QuoteTweet-text .pretty-link b,.QuoteTweet-text .pretty-link s,.QuoteTweet-text .pretty-link:hover b,.QuoteTweet-text .pretty-link:hover s,.QuoteTweet-text .pretty-link:focus b,.QuoteTweet-text .pretty-link:focus s,.QuoteTweet-text .pretty-link:active b,.QuoteTweet-text .pretty-link:active s {
    text-decoration: none;
    color: #14171a
}

.QuoteTweet-text a {
    position: relative;
    z-index: 1
}

.QuoteTweet [data-item-type="tweet"] {
    padding: 12px
}

.QuoteTweet-container {
    position: relative
}

.QuoteTweet-text {
    margin-top: 1px;
    max-height: 72px;
    max-width: 100%;
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word
}

.QuoteTweet:hover,.QuoteTweet:focus,.QuoteTweet:active {
    text-decoration: none
}

.QuoteTweet:focus {
    outline-width: 0!important
}

.QuoteTweet .media-not-displayed {
    margin: 0
}

.QuoteTweet--activity .QuoteTweet-mediaContainer.with-text {
    float: right;
    padding-right: 0;
    padding-left: 12px
}

.QuoteTweet-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.QuoteTweet--dmAttachment .QuoteTweet-text {
    max-height: none
}

.QuoteTweet--preview {
    border: 0;
    cursor: auto;
    margin: 0
}

.QuoteTweet--preview .QuoteTweet-innerContainer {
    padding: 0
}

.QuoteTweet--unavailable {
    color: #657786;
    background: #e6ecf0;
    margin-top: 12px;
    text-align: center;
    padding: 12px 0;
    border-radius: 5px
}

.QuoteTweet--sensitive {
    color: #aab8c2;
    background: #e6ecf0;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.QuoteTweet--sensitive .Icon--warning {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin: -12px 0 0 -15px
}

.QuoteTweet--activity .Icon--warning {
    font-size: 20px;
    margin: -12px 0 0 -10px
}

.QuoteTweet-originalAuthor {
    position: relative;
    z-index: 1
}

.QuoteTweet-fullname {
    color: #14171a;
    display: inline-block;
    font-size: 14px;
    font-weight: bold
}

.QuoteTweet .QuoteMedia {
    margin-right: 12px;
    float: left
}

.QuoteTweet--activity .QuoteMedia {
    margin-left: 12px;
    margin-right: 0;
    float: right
}

.QuoteTweet--activity .QuoteMedia {
    border-radius: 5px;
    height: 48px;
    width: 48px
}

.QuoteTweet--activity .AdaptiveMedia-badge {
    display: none
}

.QuoteTweet--slim .QuoteTweet-innerContainer {
    padding: 8px 12px
}

.QuoteTweet--slim .QuoteMedia {
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 48px;
    margin-left: 12px;
    margin-right: 0;
    width: 48px
}

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

.QuoteTweet--slim .tweet-content {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 0;
    padding: 0
}

.QuoteTweet--slim .QuoteTweet-authorAndText {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0
}

.QuoteTweet--slim .AdaptiveMedia-badge {
    display: none
}

.selfunsuspend {
    color: #14171a
}

.selfunsuspend .centered-layout {
    width: 674px;
    margin: 0 auto
}

.selfunsuspend p.stand-out-box {
    margin: 24px 0;
    padding: 24px 0;
    border-width: 2px 0 2px 0;
    border-style: solid;
    border-color: #1da1f2;
    font-weight: bold
}

.selfunsuspend p.emphasize {
    font-size: 18px;
    line-height: 22px
}

.selfunsuspend p.greeting {
    margin: 30px 0 30px 0
}

.selfunsuspend p.more-info-box {
    margin: 30px 0 40px 0
}

.selfunsuspend form {
    margin-top: 20px
}

.selfunsuspend form .captcha {
    margin: 38px auto 30px auto;
    width: 318px
}

.selfunsuspend form label {
    padding-top: 10px
}

.selfunsuspend .actions {
    text-align: center
}

.Grid {
    display: block;
    font-size: 0;
    margin: 0;
    padding: 0;
    text-align: left
}

.Grid--alignCenter {
    text-align: center
}

.Grid--alignRight {
    text-align: right
}

.Grid--alignMiddle>.Grid-cell {
    vertical-align: middle
}

.Grid--alignBottom>.Grid-cell {
    vertical-align: bottom
}

.Grid--withGutter {
    margin: 0 -5px
}

.Grid--withGutter>.Grid-cell {
    padding: 0 5px
}

.Grid-cell {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    width: 100%
}

.Grid-cell--center {
    display: block;
    margin: 0 auto
}

.BuyNowCard {
    height: 158px;
    width: 100%
}

.BuyNowCard-leftColumn {
    height: 100%;
    width: 316px;
    float: left
}

.BuyNowCard-rightColumn {
    margin: 0 0 0 336px;
    height: 100%;
    width: 170px
}

.BuyNowCard-productImageWrapper {
    height: 158px;
    width: 316px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    border: 1px solid;
    border-color: #e6ecf0;
    cursor: pointer
}

.BuyNowCard-productImageWrapper img {
    height: auto;
    width: 100%;
    max-width: 100%;
    text-align: center;
    position: absolute;
    top: -100%;
    bottom: -100%;
    margin: auto
}

.BuyNowCard-summary {
    margin-bottom: 10px
}

.BuyNowCard-title {
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    max-height: 36px;
    overflow: hidden
}

.BuyNowCard .btn {
    padding-left: 22px;
    padding-right: 22px
}

.BuyNowCard-actionText {
    padding: 0;
    height: 19px;
    padding-top: 3px;
    margin: 0
}

.BuyNowCard-byline {
    margin-top: 5px;
    font-size: 12px;
    color: #657786;
    margin-bottom: 10px
}

.BuyNowCard-price {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #17bf63
}

.BuyNowCard-button {
    margin-top: 10px
}

.OffersCard {
    height: 126px;
    width: 100%
}

.OffersCard-leftColumn {
    height: 100%;
    width: 316px;
    float: left
}

.OffersCard-rightColumn {
    margin: 0 0 0 336px;
    height: 100%;
    width: 170px
}

.OffersCard-productImageWrapper {
    height: 126px;
    width: 316px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    border: 1px solid;
    border-color: #e6ecf0;
    cursor: pointer
}

.OffersCard-productImageWrapper img {
    height: auto;
    width: 100%;
    max-width: 100%;
    text-align: center;
    position: absolute;
    top: -100%;
    bottom: -100%;
    margin: auto
}

.OffersCard-summary {
    margin-bottom: 10px
}

.OffersCard-title {
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    max-height: 36px;
    overflow: hidden
}

.OffersCard-actionText {
    padding: 0;
    height: 19px;
    padding-top: 3px;
    margin: 0
}

.OffersCard-byline {
    margin-top: 5px;
    font-size: 12px;
    color: #657786;
    margin-bottom: 10px
}

.OffersCard-price {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #17bf63
}

.OffersCard-button {
    margin-top: 10px
}

.AppContainer {
    margin: 0 auto;
    max-width: 890px
}

@media screen and (min-width:1236px) {
    .AppContainer {
        max-width: 1190px
    }
}

.AppContent {
    padding: 56px 14px 15px;
    position: relative
}

body.no-nav-banners #banners,body.no-nav-banners .topbar-spacer {
    display: none
}

body:not(.no-nav-banners) .topbar-spacer+#page-outer .AppContent {
    padding-top: 10px
}

body:not(.no-nav-banners).AdaptiveSearchPage .topbar-spacer+#page-outer .AppContent,body:not(.no-nav-banners).ProfilePage .topbar-spacer+#page-outer .AppContent {
    padding-top: 0
}

.FlexEmbed {
    display: block;
    overflow: hidden;
    position: relative
}

.FlexEmbed:before {
    content: "";
    display: block;
    width: 100%
}

.FlexEmbed--3by1:before {
    padding-bottom: 33.33333333333333%
}

.FlexEmbed--2by1:before {
    padding-bottom: 50%
}

.FlexEmbed--16by9:before {
    padding-bottom: 56.25%
}

.FlexEmbed--4by3:before {
    padding-bottom: 75%
}

.FlexEmbed--1by1:before {
    padding-bottom: 100%
}

.FlexEmbed-item,.FlexEmbed iframe,.FlexEmbed embed,.FlexEmbed object {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Spinner {
    background-image: url(../../img/t1/spinner-rosetta-gray-14x14.gif);
    background-position: center;
    display: none
}

.Spinner--size14 {
    height: 14px;
    width: 14px
}

.PromptbirdPrompt {
    background: #fff;
    display: none;
    padding: 44px 66px;
    position: relative;
    text-align: center;
    word-wrap: break-word
}

.PromptbirdPrompt-streamItem,.PromptbirdPrompt-streamItem.selected-stream-item:focus {
    border: 0;
    margin: 8px 0
}

.PromptbirdPrompt>*:last-child {
    margin-bottom: 0
}

.PromptbirdPrompt-dismiss {
    color: #657786;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    right: 11px;
    top: 11px
}

.PromptbirdPrompt-content.with-image {
    padding-left: 200px;
    background-repeat: no-repeat
}

.PromptbirdPrompt-icon {
    color: #1da1f2
}

.PromptbirdPrompt-title {
    color: #1da1f2;
    font-size: 27px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 11px
}

.PromptbirdPrompt-explanation {
    color: #657786;
    font-size: 21px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 33px
}

.PromptbirdPrompt-title,.PromptbirdPrompt-explanation {
    white-space: pre-wrap
}

.PromptbirdPrompt-action {
    margin-bottom: 11px
}

.PromptbirdPrompt-action:last-child {
    margin-bottom: 0
}

.PromptbirdPrompt+.js-stream-item>.tweet {
    border-top: 1px solid #e6ecf0
}

.PromptbirdPrompt-arrow {
    background-color: #fff;
    border-color: #97e3ff;
    border-style: solid;
    border-width: 0 0 1px 1px;
    display: block;
    height: 20px;
    margin-left: -4px;
    position: absolute;
    top: -11px;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 20px
}

.PromptbirdPrompt .Icon--retweet {
    color: #17bf63
}

.PromptbirdPrompt--inline,.PromptbirdPrompt--inlinePointer {
    border: 1px solid #97e3ff;
    border-radius: 5px
}

.PromptbirdPrompt--modal {
    background: transparent;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 590px
}

.PromptbirdPrompt--modal .PromptbirdPrompt-icon {
    font-size: 44px;
    margin-bottom: 60px
}

.PromptbirdPrompt--modal .btn-link {
    color: #1da1f2;
    font-size: 12px
}

.PromptbirdPrompt--aboveTimeline {
    border: 1px solid #97e3ff;
    border-radius: 5px;
    margin-bottom: 8px
}

.PromptbirdPrompt--aboveTimeline .PromptbirdPrompt-explanation {
    font-size: 18px
}

.PromptbirdPrompt--dashboardProfile {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ccd6dd;
    background-color: #f5f8fa;
    padding: 8px 10px;
    text-align: left
}

.PromptbirdPrompt--dashboardProfile .PromptbirdPrompt-arrow {
    background-color: #f5f8fa;
    border-color: #ccd6dd;
    height: 10px;
    left: 200px;
    top: -6px;
    width: 10px
}

.PromptbirdPrompt--dashboardProfile .PromptbirdPrompt-dismiss {
    font-size: 12px;
    top: 6px;
    right: 10px
}

.PromptbirdPrompt--dashboardProfile .PromptbirdPrompt-title {
    color: #14171a;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 5px
}

.PromptbirdPrompt--dashboardProfile .PromptbirdPrompt-explanation {
    color: #14171a;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    white-space: normal
}

.AdaptiveMedia {
    border-radius: 5px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top
}

.AdaptiveMedia.is-square:not(.is-generic-video) {
    border: 1px solid rgba(0,0,0,0.1)
}

.AdaptiveMedia--hiddenWhenNotExpanded {
    display: none
}

.tweet.has-autoplayable-media .AdaptiveMedia.allow-expansion,.AdaptiveMedia.is-autoplaying,.AdaptiveMedia.is-generic-video {
    max-height: none
}

.AdaptiveMedia-singlePhoto img {
    display: block;
    max-width: 100%
}

.AdaptiveMedia-photoContainer {
    height: 100%;
    position: relative;
    width: 100%
}

.AdaptiveMedia-photoContainer img {
    position: absolute
}

.AdaptiveMedia-singlePhoto .AdaptiveMedia-photoContainer img {
    position: relative
}

.AdaptiveMedia-badge {
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    bottom: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 20px;
    left: 8px;
    line-height: 1;
    padding: 0 5px;
    position: absolute;
    z-index: 1
}

.AdaptiveMedia-badgeText {
    font-size: 13px;
    line-height: 16px;
    padding: 2px 0 1px 0
}

.AdaptiveMedia-gifBadge {
    font-size: 21px;
    line-height: 16px
}

.AdaptiveMedia-stickerBadge {
    font-size: 13px
}

.AdaptiveMedia-vineBadge {
    line-height: 17px
}

.AdaptiveMedia-lightning {
    padding: 0 2px
}

.AdaptiveMedia .media-not-displayed {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

.AdaptiveMediaOuterContainer {
    margin-top: 10px
}

.AdaptiveMedia {
    max-height: 379.5px;
    max-width: 506px
}

.AdaptiveMedia.is-square,.AdaptiveMedia.is-square .AdaptiveMedia-videoPreview {
    max-height: 506px
}

.AdaptiveMedia-video {
    width: 506px
}

.AdaptiveMedia-doublePhoto {
    font-size: 0;
    height: 253px;
    width: 506px
}

.AdaptiveMedia-triplePhoto {
    font-size: 0;
    height: 337.3333333333333px;
    width: 506px
}

.AdaptiveMedia-quadPhoto {
    font-size: 0;
    height: 379.5px;
    width: 506px
}

.AdaptiveMedia-halfWidthPhoto {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: calc(50% - .5px)
}

.AdaptiveMedia-halfWidthPhoto:first-child {
    margin-right: 1px
}

@keyframes showSnapReelHint {
    from {
        max-width: 0
    }

    to {
        max-width: 100px
    }
}

@keyframes hideSnapReelHint {
    from {
        max-width: 100px
    }

    to {
        max-width: 0
    }
}

.AdaptiveMedia-snapReel .SnapReelHintContainer {
    padding-left: 4px;
    padding-right: 0;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.AdaptiveMedia-snapReel .SnapReelHint {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 0;
    bottom: 1px;
    line-height: 13px
}

.AdaptiveMedia-snapReel .SnapReelHint .SnapReelHintText {
    font-size: 13px;
    padding-left: 2px;
    padding-right: 4px
}

.tweet.animated-gif-playing .AdaptiveMedia-snapReel .SnapReelHintContainer .SnapReelHint {
    animation: showSnapReelHint 1s 1s forwards,hideSnapReelHint .5s 3.5s forwards
}

.AdaptiveMedia-twoThirdsWidthPhoto {
    display: inline-block;
    height: 100%;
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    width: 66.66666666666666%
}

.AdaptiveMedia-halfHeightPhoto {
    height: calc(100% / 2 - 1px/2);
    overflow: hidden;
    position: relative;
    width: 100%
}

.AdaptiveMedia-halfHeightPhoto:first-child {
    margin-bottom: 1px
}

.AdaptiveMedia-halfHeightPhotoContainer {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: calc(100% / 3 - 1px)
}

.AdaptiveMedia-threeQuartersWidthPhoto {
    display: inline-block;
    height: 100%;
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    width: 75%
}

.AdaptiveMedia-thirdHeightPhoto {
    height: calc(100% / 3 - 2px/3);
    margin-bottom: 1px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.AdaptiveMedia-thirdHeightPhoto:last-child {
    height: 33.33333333333333%
}

.AdaptiveMedia-thirdHeightPhotoContainer {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: calc(100% / 4 - 1px)
}

.AdaptiveMedia-videoPreview img {
    display: block;
    width: 100%
}

.AdaptiveMedia-videoPreview {
    width: 100%;
    max-height: 256px
}

.AdaptiveMedia-video {
    position: relative;
    min-height: 100px;
    border-radius: 5px
}

.AdaptiveMedia .AdaptiveMedia-video.card2 {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: inherit
}

.AdaptiveMedia-video .animated-gif {
    width: 100%
}

.AdaptiveMedia-videoContainer {
    border-radius: inherit
}

.QuoteMedia {
    overflow: hidden;
    vertical-align: top;
    position: relative
}

.QuoteMedia-photoContainer {
    height: 100%;
    position: relative;
    width: 100%
}

.QuoteMedia img {
    position: absolute
}

.QuoteMedia-singlePhoto,.QuoteMedia-doublePhoto,.QuoteMedia-triplePhoto,.QuoteMedia-quadPhoto {
    font-size: 0;
    height: 100%;
    width: 100%
}

.QuoteMedia-singlePhoto .QuoteMedia-photoContainer img {
    position: relative
}

.QuoteMedia .media-not-displayed {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

.QuoteMedia-container,.QuoteMedia-videoPreview {
    height: 100%;
    width: 100%
}

.QuoteMedia-quarterPhoto {
    display: inline-block;
    font-size: 0;
    height: calc(50% - 1px);
    width: calc(50% - 1px);
    overflow: hidden
}

.QuoteMedia-halfPhoto,.QuoteMedia-quarterPhotoContainer {
    font-size: 0;
    width: calc(50% - 1px);
    height: 100%;
    overflow: hidden;
    display: inline-block
}

.QuoteMedia-photo {
    font-size: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block
}

.QuoteMedia {
    height: 102px;
    width: 102px
}

.QuoteMedia-halfPhoto:nth-of-type(1) {
    margin-right: 2px
}

.QuoteMedia-triplePhoto .QuoteMedia-quarterPhoto:nth-of-type(1) {
    margin-bottom: 2px
}

.QuoteMedia-triplePhoto .QuoteMedia-quarterPhoto {
    width: 100%;
    display: block
}

.QuoteMedia-quadPhoto .QuoteMedia-quarterPhoto {
    margin: 0;
    vertical-align: top
}

.QuoteMedia-quadPhoto .QuoteMedia-quarterPhoto:nth-of-type(1) {
    margin-right: 2px;
    margin-bottom: 2px
}

.QuoteMedia-quadPhoto .QuoteMedia-quarterPhoto:nth-of-type(4) {
    margin-left: 2px
}

.PageDownload {
    margin: 50px auto 0;
    max-width: 900px;
    overflow: auto
}

.PageDownload-info {
    float: left;
    padding-right: 60px;
    padding-top: 60px;
    width: 380px
}

.PageDownload-title {
    font-size: 27px;
    font-weight: normal;
    line-height: 32px;
    margin-bottom: 10px
}

.PageDownload-description {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    width: 400px
}

.PageDownload-device {
    float: right
}

.PageDownload-deviceImage {
    width: 455px;
    height: 563px
}

.PageDownload-result {
    display: none;
    margin-bottom: 15px
}

.PageDownload-result.success {
    color: #17bf63
}

.PageDownload-result.failure {
    color: #e0245e
}

.PageDownload-fee {
    color: #14171a;
    font-size: 12px
}

.PageDownload-otherDevices a {
    color: #1da1f2;
    font-size: 12px
}

.PageDownload .SmsAppLinkForm .input-prepend .add-on {
    box-shadow: none;
    height: 35px;
    text-shadow: none
}

.PageDownload .SmsAppLinkForm .input-prepend #sms-dial-code {
    margin-right: 5px;
    text-align: left;
    width: 65px
}

.PageDownload .SmsAppLinkForm .input-prepend .add-on.btn {
    background: #1da1f2;
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    margin-left: 5px;
    padding: 0 15px;
    width: auto
}

.PageDownload .SmsAppLinkForm .btn .loading {
    display: none;
    background: url(../../img/t1/spinner-rosetta-blue-26x26.gif) no-repeat 0 0;
    height: 26px;
    width: 26px
}

.PageDownload .SmsAppLinkForm .input-prepend .add-on.btn.pushing-state {
    background: #fff
}

.PageDownload .SmsAppLinkForm .btn.pushing-state .loading {
    display: inline-block
}

.PageDownload .SmsAppLinkForm .btn.pushing-state .call-to-action {
    display: none
}

.TweetTextSize {
    font-size: 14px;
    line-height: 20px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.TweetTextSize.TweetTextSize--normal {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.TweetTextSize.TweetTextSize--large {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.TweetTextSize.TweetTextSize--xlarge {
    font-size: 21px;
    line-height: 28px;
    font-weight: 300
}

.TweetTextSize.TweetTextSize--jumbo {
    font-size: 27px;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: .01em
}

.TweetTextSize .twitter-hashtag b,.TweetTextSize .twitter-atreply b {
    font-weight: 400
}

.TweetTextSize--xlarge .twitter-hashtag b,.TweetTextSize--xlarge .twitter-atreply b,.TweetTextSize--jumbo .twitter-hashtag b,.TweetTextSize--jumbo .twitter-atreply b {
    font-weight: 300
}

.HomeEmptyTimeline {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    border-top: 0;
    border: 1px solid #e6ecf0;
    padding: 64px
}

.HomeEmptyTimeline-header {
    color: #14171a;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 8px;
    margin-left: 8px;
    text-align: left
}

.HomeEmptyTimeline-body {
    color: #657786;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 32px;
    margin-left: 8px;
    text-align: left
}

.HomeEmptyTimeline-button {
    margin-left: 8px
}

.BlockGrid-item {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    min-height: 50px;
    border-radius: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid transparent
}

.BlockGrid-item img {
    display: block;
    width: 100%;
    height: 100%
}

.BlockGrid-item--size1 {
    width: 50%
}

.BlockGrid-item--size4 {
    width: 100%
}

.BlockGrid-itemTitle {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    padding: 10px 8px;
    background: #000;
    background: rgba(0,0,0,0.8);
    width: 100%;
    color: #fff
}

.ImportFriendsCallout p {
    color: #657786;
    font-weight: 300;
    font-size: 27px;
    line-height: 32px;
    margin: 15px 0 30px 0
}

.ImportFriendsCallout-title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.ImportFriendsCallout-photo {
    width: 420px;
    margin-top: 16px
}

.ImportFriendsCallout-smallImageContainer {
    width: 132px;
    height: 132px;
    float: left
}

.ImportFriendsCallout-smallFriendImage {
    display: block;
    width: 100%;
    border-radius: 4px
}

.ImportFriendsCallout-smallFriendImage+.ImportFriendsCallout-smallFriendImage {
    margin-top: 10px
}

.ImportFriendsCallout-largeFriendImage {
    width: 273px;
    height: 273px;
    border-radius: 4px;
    margin-left: 10px
}

.ImportFriendsCallout-primaryBtn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 16px;
    width: auto
}

.ImportFriendsCallout-primaryBtn--big {
    padding: 16px 24px;
    min-width: 312px
}

.ImportFriendsCallout-btn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 16px;
    width: 100%
}

.ImportFriendsCallout-emailIcon {
    vertical-align: middle;
    margin-right: 5px
}

.ImportFriendsCallout-disclaimer {
    font-size: 12px;
    margin-top: 5px;
    color: #657786
}

.ImportFriendsCallout-list {
    counter-reset: ImportFriendsListCounter
}

.ImportFriendsCallout-list li {
    counter-increment: ImportFriendsListCounter;
    margin: 20px 0;
    padding-left: 50px;
    min-height: 50px;
    position: relative;
    color: #657786;
    font-weight: 300;
    font-size: 21px;
    line-height: 28px
}

.ImportFriendsCallout-list li:before {
    content: counter(ImportFriendsListCounter);
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
    height: 22px;
    width: 22px;
    padding: 4px;
    background-color: #ccd6dd;
    color: #66757f;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    font-weight: bold
}

.ImportFriendsCallout-tooltip {
    color: #1da1f2;
    transition: .5s all;
    text-shadow: 0 0 0 transparent;
    cursor: default
}

.ImportFriendsCallout-tooltip:hover {
    color: #1da1f2;
    text-shadow: 0 0 5px rgba(136,201,249,0.6)
}

.ImportFriendsCallout-no-reverse-contact-photo {
    width: 510px;
    height: 238px
}

.HomeNavPopover {
    position: fixed;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    max-width: 250px;
    left: 10px;
    top: -50px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px
}

.HomeNavPopover h2 {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    color: #14171a
}

.HomeNavPopover-content p+p {
    margin-top: 15px
}

.HomeNavPopover.fadingOut {
    transition: opacity .7s
}

.HomeNavPopover-arrow {
    position: absolute;
    border-left: 1px solid #e6ecf0;
    border-top: 1px solid #e6ecf0;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
    top: -8px;
    left: 17px;
    background-color: #fff
}

@keyframes underOverNavBar {
    0% {
        top: -50px;
        z-index: 999
    }

    50% {
        top: 0;
        z-index: 999
    }

    70% {
        top: 47px;
        z-index: 999
    }

    80% {
        top: 65px;
        z-index: 999
    }

    84% {
        top: 65px;
        z-index: 1001
    }

    100% {
        top: 47px;
        z-index: 1001
    }
}

.FollowPopover {
    position: absolute;
    display: none;
    max-width: 160px;
    top: -50px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px
}

.FollowPopover-content {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    color: #14171a
}

.FollowPopover-arrow {
    position: absolute;
    border-color: #e6ecf0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    width: 15px;
    height: 15px;
    top: 15px;
    left: -8px;
    background-color: #fff;
    display: block
}

.FollowPopover-footer {
    padding-top: 15px;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    color: #657786
}

.ProfileThumbnailPicker .StartWCSelectTeam-team {
    position: relative;
    height: auto;
    width: auto
}

.ProfileThumbnailPicker .StartWCFlag {
    margin: 4px;
    width: 60px;
    height: 60px
}

.ProfileThumbnailPicker p {
    color: #66757f;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    margin-top: 40px;
    margin-bottom: 12px;
    padding-left: 5px
}

.ProfileThumbnailPicker-manual {
    width: 60px;
    height: 60px;
    background-color: #71c9f8;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0));
    border-radius: 3px;
    margin: 4px;
    color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.166);
    transition-property: background,box-shadow;
    transition-duration: .3s
}

.ProfileThumbnailPicker-manual:focus,.ProfileThumbnailPicker-manual:hover {
    background-color: #1da1f2;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.15));
    box-shadow: 0 0 3px rgba(0,0,0,0.33)
}

.ProfileThumbnailPicker-manual .Icon {
    margin: 10px 0 0 0
}

.ProfileThumbnailPicker-manual .Icon--camera.Icon--large {
    margin-top: 6px
}

.ProfileThumbnailPicker .photo-file-name {
    display: none
}

.ProfileThumbnailPicker .DashboardProfileCard-avatarLink {
    margin: -60px 0 0 15px
}

.ProfileThumbnailPicker .DashboardProfileCard-avatarImage {
    height: 120px;
    width: 120px
}

.ProfileThumbnailPicker .DashboardProfileCard-userFields {
    left: 152px;
    margin: 0 6px 3px 0
}

.ProfileThumbnailPicker .DashboardProfileCard-screennameLink {
    font-size: 16px;
    font-weight: 400;
    margin-top: 3px
}

.ProfileThumbnailPicker .DashboardProfileCard-name {
    font-size: 22px;
    line-height: 25px
}

.StandaloneQuestionModule {
    width: 350px;
    margin: 0 auto;
    padding: 10px 30px;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    background: #fff
}

.StandaloneQuestionModule-question {
    font-size: 16px;
    font-weight: bold;
    margin: 10px auto 20px
}

.StandaloneQuestionModule p {
    margin-bottom: 20px
}

.StandaloneQuestionModule .btn {
    padding: 15px;
    font-size: 16px;
    margin-bottom: 10px
}

.ContactImportButtons {
    position: relative
}

.ContactImportButtons-btn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 16px;
    width: 100%
}

.ContactImportButtons-primaryBtn {
    padding: 12px 20px
}

.ContactImportButtons-emailIcon {
    vertical-align: middle;
    margin-right: 5px
}

.ContactImportButtons-toggle {
    cursor: pointer
}

.ContactImportButtons--transition.ContactImportButtons--showSingleService .ContactImportButtons-singleService,.ContactImportButtons--transition.ContactImportButtons--showMultipleServices .ContactImportButtons-multipleServices {
    animation-name: ContactImportButtonsTransitionIn;
    animation-duration: .5s
}

.ContactImportButtons--showSingleService .ContactImportButtons-multipleServices,.ContactImportButtons--showMultipleServices .ContactImportButtons-singleService {
    visibility: hidden;
    position: absolute;
    top: 0
}

.ContactImportButtons--transition.ContactImportButtons--showSingleService .ContactImportButtons-multipleServices,.ContactImportButtons--transition.ContactImportButtons--showMultipleServices .ContactImportButtons-singleService {
    animation-name: ContactImportButtonsTransitionOut;
    animation-duration: .5s
}

@keyframes ContactImportButtonsTransitionOut {
    0% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        visibility: visible;
        position: absolute
    }

    50% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        visibility: hidden;
        position: absolute
    }
}

@keyframes ContactImportButtonsTransitionIn {
    0% {
        visibility: hidden;
        position: absolute;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }

    50.5% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        visibility: visible;
        position: static
    }

    100% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)"
    }
}

.PillList-item {
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 12px 12px 0;
    text-transform: capitalize
}

.PillList-item input[type=checkbox] {
    display: none
}

.PillList-label {
    border: 1px solid #1da1f2;
    border-radius: 20px;
    color: #1b95e0;
    display: block;
    padding: 7px 28px;
    text-decoration: none
}

.PillList-label:hover {
    background-color: #f5f8fa;
    border: 1px solid #1da1f2;
    color: #1b95e0
}

.PillList-item input[type=checkbox]:checked+.PillList-label {
    background-color: #1da1f2;
    border: 1px solid #1da1f2;
    color: #fff;
    padding-right: 16px;
    padding-left: 16px
}

.PillList-label--parent {
    padding-left: 16px;
    padding-right: 16px
}

.PillList-label .Icon {
    width: 12px;
    height: 12px;
    margin: 0 0 0 12px
}

.PillList-item input[type=checkbox]:checked+.PillList-label .Icon--checkLight {
    display: inline-block
}

.PillList-item input[type=checkbox]:checked+.PillList-label .Icon--addLight,.PillList-label .Icon--checkLight,.PillList-children {
    display: none
}

.PillList-item--hidden {
    display: none
}

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

.Radio-fake {
    border: 1px solid #ccd6dd;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.Radio-original:checked+.Radio-fake {
    background: radial-gradient(circle,#1da1f2 48%,#fff 52%);
    border: 1px solid #1da1f2
}

.StartHeader {
    margin-bottom: 23px;
    min-height: 80px
}

.StartHeader p {
    color: #66757f;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    padding-right: 40px
}

.StartHeader-title {
    color: #14171a;
    font-size: 27px;
    line-height: 32px;
    font-weight: 300;
    margin-bottom: 15px!important
}

.StartHeader-tooltip {
    color: #1da1f2;
    transition: .5s all;
    text-shadow: 0 0 0 transparent;
    cursor: default
}

.StartHeader-tooltip:hover {
    color: #1da1f2;
    text-shadow: 0 0 5px rgba(136,201,249,0.6)
}

.StartHeader--complete .StartHeader-default,.StartHeader-complete {
    display: none
}

.StartHeader--complete .StartHeader-complete {
    display: block
}

.StartHeader-typeahead {
    margin-top: 20px
}

.StartHeader-progress {
    color: #657786;
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase
}

.StartHeader-subtitle {
    font-size: 14px;
    margin-top: 80px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.StartHeader-subtitle.StartHeader-subtitle--noMargin {
    margin-bottom: 0
}

.StartActions {
    margin: 0 auto;
    text-align: center;
    width: 80%
}

.StartActions .btn {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 20px;
    margin-bottom: 10px;
    width: 100%
}

.StartActions .primary-btn {
    background-image: none;
    border: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    font-size: 16px;
    font-weight: normal;
    height: 50px;
    padding: 15px 20px;
    margin-bottom: 10px;
    width: 100%
}

.StartActions button:hover {
    background-image: none
}

.StartCongratulations-bodyText {
    margin-bottom: 1em;
    color: #66757f;
    font-size: 21px;
    font-weight: 200;
    line-height: 1.2
}

.StartCongratulations-heading1 {
    color: #14171a;
    font-weight: 300;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 24px
}

.StartCongratulations-heading2 {
    color: #14171a;
    font-weight: 300;
    margin-bottom: 1em
}

.StartCongratulations-leftCol {
    padding-top: 51px
}

.StartCongratulations-buttons {
    margin-top: 24px
}

.StartCongratulations-button {
    text-align: center;
    background-image: none;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: normal;
    padding: 15px 20px
}

.StartCongratulations a:hover {
    background-image: none
}

.StartCongratulations-image {
    display: block;
    margin-bottom: 10px;
    border-radius: 5px;
    animation-name: StartCongratulationsFadeIn;
    animation-duration: 1s;
    animation-fill-mode: backwards
}

.StartCongratulations-image:nth-child(odd) {
    float: right
}

.StartCongratulations-image:nth-child(1) {
    animation-delay: .6s
}

.StartCongratulations-image:nth-child(2) {
    animation-delay: .8s
}

.StartCongratulations-image:nth-child(3) {
    animation-delay: 1s
}

.StartCongratulations-image:nth-child(4) {
    animation-delay: 1.2s
}

@keyframes StartCongratulationsFadeIn {
    0% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        transform: translateY(0px)
    }
}

.StartNavigation {
    background: #fff;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.StartNavigation-container {
    height: 46px;
    position: relative;
    width: 100%
}

.StartNavigation-containerInner {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 46px;
    margin: 0 auto;
    padding: 0 30px 0 0;
    width: auto;
    max-width: 970px;
    min-width: 530px
}

.StartNavigationItem--logo {
    left: 50%;
    margin-left: -12px;
    position: absolute
}

.StartNavigationItem {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1da1f2;
    height: 46px;
    padding: 10px 18px 17px 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    transition: opacity .2s
}

.StartNavigationItem-step {
    top: 4px
}

.StartNavigationItem .Icon--large {
    transition: all .5s ease .15s
}

.StartNavigationItem-title {
    display: inline-block;
    margin-right: 5px;
    max-width: 155px;
    font-size: 15px;
    font-weight: 300;
    transition: opacity .5s
}

.StartPage {
    background: #fff
}

.StartPage #nux-search-dialog {
    z-index: 4999
}

.StartPage #page-container.wrapper {
    padding-top: 55px;
    margin-bottom: 30px;
    width: 970px
}

.StartPage .wrapper .content-main {
    border-radius: 0;
    float: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.StartPage-import .wrapper .content-main {
    background-color: transparent
}

.StartPage-import .StartActions {
    width: 100%
}

.StartPage-import .ContactImportButtons-primaryBtn {
    padding: 12px 20px;
    width: auto
}

.StartPage .content-main>.StartPage-module {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0;
    padding: 28px 30px 20px
}

.StartPage-interest .content-main>.StartPage-module {
    padding: 0
}

.StartPage .content-main>.StartPage-module+.StartPage-module {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 20px
}

.StartPage .tweet,.StartPage .tweet:hover {
    cursor: auto;
    background-color: transparent
}

.StartPage .listview-find-friends-result .contact-select-box {
    right: 0
}

.StartPage-notice {
    color: #657786;
    font-size: 18px;
    max-width: 600px
}

.StartPage-next {
    color: #657786;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    text-align: center
}

.StartPage-footer-wrapper {
    border-top: 1px solid;
    border-top-color: #ccd6dd;
    margin: 0 30px
}

.StartPage-disclaimer {
    width: 60%;
    color: #ccd6dd;
    margin-top: 10px;
    line-height: 1.3em;
    font-size: 12px
}

.StartPage-error {
    padding: 100px 0
}

.StartPage-error p {
    margin: 20px auto
}

.StartPage-errorButton {
    padding: 20px 40px;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px
}

.StartPage .stream-item {
    border-left-color: transparent;
    border-right-color: transparent
}

.StartPage .stream-end-item,.StartPage .stream-end,.StartPage .stream-loading,.StartPage .stream-placeholder {
    border: 0
}

.StartPage-transitioning .StartNavigationItem:not(.StartNavigationItem--logo),.StartPage-transitioning .StartNavigation-search {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.StartPage .ContactImportButtons-btn {
    background-color: transparent;
    background-image: none;
    border-color: #1da1f2;
    box-shadow: none
}

.StartPage .profile-avatar-modal {
    width: 350px
}

.StartPage.SmartSetupProfile #page-container.wrapper {
    padding-top: 130px;
    margin-bottom: 30px;
    width: 450px
}

.StartPage.SmartSetupProfile .StartLayout-actions {
    margin-top: 32px
}

.StartPage.SmartSetupProfile .StartActions {
    width: 100%;
    text-align: left
}

.StartPage.StartLetMeChoosePage .GridTimeline-end,.StartPage.StartUnfollowPage .GridTimeline-end {
    display: none
}

.StartPage .StartGridTimeline-groupLabel {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.StartPage.StartUnfollowPage .StartHeader-progress {
    display: none
}

.StartPage .StartGridTimeline .u-size1of2 {
    width: 33%!important
}

.StartFindFriends-timelineHeader {
    background: #fff;
    border-bottom: 1px solid #e6ecf0;
    font-size: 14px;
    padding: 40px 0 10px 0;
    transition: top .15s ease-out
}

.StartFindFriends-timelineHeader h5 {
    color: #14171a;
    font-size: 21px;
    font-weight: 300;
    line-height: 28px
}

.StartFindFriends-timelineHeader label {
    color: #657786;
    display: inline-block;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 0
}

.StartFindFriends-timelineHeader .Checkbox {
    margin-left: 5px
}

.StartFindFriends-loadMore {
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin: 20px 0
}

.StartFindFriends .ContactImportButtons {
    width: 50%
}

.StartInterestsHeader {
    border-bottom: 1px solid #e6ecf0;
    padding: 20px 0 10px 0;
    position: relative;
    left: -10px
}

.StartInterestsHeader p {
    color: #66757f;
    font-weight: 300;
    font-size: 21px;
    line-height: 28px;
    margin-top: 20px
}

.StartInterestsHeader h3 {
    margin-top: 20px
}

.StartInterestsHeader .StartSearchBox {
    border-top: 1px solid #e6ecf0;
    padding: 20px 40px;
    margin-top: 20px
}

.StartInterestNav {
    margin-left: -10px;
    margin-top: -80px
}

.StartInterestNav-item {
    padding-bottom: 25px
}

.StartInterestNav-itemWrapper {
    padding: 10px
}

.StartInterestNav-text {
    box-shadow: 0 0 1px #e6ecf0;
    white-space: pre;
    padding: 10px;
    background-color: #71c9f8;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    color: #fff
}

.StartInterestNav-text.is-active,.StartInterestNav-text:hover,.StartInterestNav-text:focus,.StartInterestNav-text:active {
    background-color: #269;
    text-decoration: none;
    color: #fff
}

.StartInterestFooter {
    background-color: #50aaf0;
    padding: 40px 0;
    color: #fff
}

.StartInterestFooter-label {
    font-weight: 300;
    color: #fff
}

.StartInterestFooter-label a.is-active,.StartInterestFooter-label a:hover,.StartInterestFooter-label a:focus,.StartInterestFooter-label a:active {
    color: #fff
}

.StartInterestFooter-label span {
    font-weight: bold
}

.StartInterestFooter-userList {
    padding: 15px 0
}

.StartInterestFooter-user {
    padding-right: 5px;
    display: inline-block
}

.StartInterestFooter-user img {
    border-radius: 4px
}

.StartTypeahead {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
    width: 425px
}

.StartTypeahead-input {
    background-color: #f5f8fa;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #aab8c2;
    font-size: 18px;
    font-weight: 300;
    height: 42px;
    padding: 12px 30px 8px 14px;
    width: 100%
}

.StartTypeahead-input:focus {
    background-color: #fff
}

.StartTypeahead-add {
    color: #657786;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 20px
}

.StartTypeahead .dropdown-menu {
    border-radius: 4px;
    margin: 9px -7px 0 0;
    width: 100%
}

.StartTypeahead .dropdown-caret {
    display: block
}

.StartAlertModal-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px
}

.StartAlertModal-message {
    font-size: 16px;
    line-height: 1.3;
    margin-right: 40px
}

.StartExitTransitionDialog {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: white;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    transition: opacity .5s ease .2s
}

.StartExitTransitionDialog--active {
    z-index: 999;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.StartExitTransitionDialog-content {
    position: relative;
    top: -100px;
    transition: all .5s ease .7s
}

.StartExitTransitionDialog--active .StartExitTransitionDialog-content {
    top: 200px
}

.StartExitTransitionDialog-content img {
    margin-top: 20px;
    height: 70px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    transition: all .5s ease .9s
}

.StartExitTransitionDialog--active .StartExitTransitionDialog-content img {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.StartCheckboxList-item {
    padding-bottom: 18px
}

.StartCheckboxList-label {
    vertical-align: middle;
    margin-left: 10px;
    font-size: 14px;
    line-height: 20px
}

.StartRecommendations .Grid-cell:nth-child(3) .StartRecommendations-twoThirdsWidthPhoto,.StartRecommendations .Grid-cell:nth-child(4) .StartRecommendations-twoThirdsWidthPhoto {
    float: left
}

.StartRecommendations-halfHeightPhoto {
    border-radius: 5px;
    height: calc(100% / 2 - 6px / 2);
    overflow: hidden;
    width: 100%
}

.StartRecommendations-halfHeightPhoto:first-child {
    margin-bottom: 6px
}

.StartRecommendations-halfHeightPhotoContainer {
    display: inline-block;
    height: 100%;
    margin-right: 6px;
    vertical-align: top;
    width: calc(100% / 3 - 6px)
}

.StartRecommendations {
    padding-right: 25px
}

.StartRecommendations-triplePhoto {
    font-size: 0;
    height: 300px;
    margin-bottom: 6px;
    width: 100%
}

.StartRecommendations-twoThirdsWidthPhoto {
    border-radius: 5px;
    display: inline-block;
    height: 100%;
    margin-right: 6px;
    overflow: hidden;
    width: calc(100% * 2 / 3 - 6px)
}

.StartRecommendations-twoThirdsWidthPhoto,.StartRecommendations-halfHeightPhoto {
    background: no-repeat center center;
    background-size: cover
}

.UIWalkthrough {
    overflow: hidden
}

.UIWalkthrough .modal {
    left: 0;
    max-height: 500px;
    padding: 0;
    position: absolute;
    top: 0;
    transform: translate3d(0,0,0);
    transition: top .4s,left .4s,transform .4s,width .4s,margin .4s;
    width: 275px
}

.UIWalkthrough .modal-body {
    height: 150px;
    padding: 26px 22px;
    transition: height .4s
}

.UIWalkthrough-title {
    color: #1da1f2;
    margin-bottom: 8px
}

.UIWalkthrough .modal-footer {
    padding: 14px 22px
}

.UIWalkthrough-step {
    display: none;
    padding-right: 15px;
    position: absolute
}

.UIWalkthrough-button {
    padding: 6px 16px
}

.UIWalkthrough-clickBlocker {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5002
}

.UIWalkthrough-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px
}

.UIWalkthrough-skip,.UIWalkthrough-stepProgress {
    color: #657786;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase
}

.UIWalkthrough-icon {
    background-color: #1da1f2;
    border-radius: 25px;
    color: white;
    font-size: 18px;
    height: 20px;
    line-height: 1;
    padding: 5px;
    width: 20px
}

.UIWalkthrough-step--like .UIWalkthrough-icon {
    background-color: #e0245e
}

.UIWalkthrough-step--like .UIWalkthrough-title {
    color: #e0245e
}

.UIWalkthrough-step--search .UIWalkthrough-icon {
    background-color: #794bc4
}

.UIWalkthrough-step--search .UIWalkthrough-title {
    color: #794bc4
}

.UIWalkthrough-step--retweet .UIWalkthrough-icon,.UIWalkthrough-step--trends .UIWalkthrough-icon {
    background-color: #17bf63
}

.UIWalkthrough-step--retweet .UIWalkthrough-title,.UIWalkthrough-step--trends .UIWalkthrough-title {
    color: #17bf63
}

.UIWalkthrough-step--retweet .UIWalkthrough-icon {
    font-size: 16px
}

.UIWalkthrough-replyIcon .ProfileTweet-actionButton {
    color: #fff
}

.UIWalkthrough .moments {
    background-color: white
}

.UIWalkthrough .ProfileTweet-action {
    width: 80px
}

.UIWalkthrough .wtf-module,.UIWalkthrough .trends {
    width: 288px
}

.UIWalkthrough #empty-timeline-recommendations,.UIWalkthrough .stream-item {
    width: 588px
}

.UIWalkthrough #empty-timeline-recommendations .empty-timeline {
    padding: 0
}

.UIWalkthrough li {
    list-style: none
}

.UIWalkthrough .search-icon,.UIWalkthrough .stream-item-footer .details {
    display: none
}

.UIWalkthrough-caret {
    left: 25px;
    position: absolute;
    top: 0;
    transition: top .4s,left .4s;
    z-index: 1
}

.UIWalkthrough-caret:after,.UIWalkthrough-caret:before {
    border: 10px solid transparent;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    top: -20px;
    transition: top .4s,border-color .4s;
    width: 0
}

.UIWalkthrough--east .UIWalkthrough-caret:after,.UIWalkthrough--west .UIWalkthrough-caret:after,.UIWalkthrough--east .UIWalkthrough-caret:before,.UIWalkthrough--west .UIWalkthrough-caret:before {
    top: 15px
}

.UIWalkthrough--south .UIWalkthrough-caret:after,.UIWalkthrough--south .UIWalkthrough-caret:before {
    top: 0
}

.UIWalkthrough--east .UIWalkthrough-caret {
    right: 0;
    left: initial
}

.UIWalkthrough--west .UIWalkthrough-caret {
    left: -20px
}

.UIWalkthrough--east .UIWalkthrough-caret:after {
    border-left-color: rgba(255,255,255,1)
}

.UIWalkthrough--west .UIWalkthrough-caret:after {
    border-right-color: rgba(255,255,255,1)
}

.UIWalkthrough--north.UIWalkthrough--right .UIWalkthrough-caret,.UIWalkthrough--south.UIWalkthrough--right .UIWalkthrough-caret {
    left: 270px
}

.UIWalkthrough--north .UIWalkthrough-caret:after {
    border-bottom-color: rgba(255,255,255,1)
}

.UIWalkthrough--south .UIWalkthrough-caret:after {
    border-top-color: rgba(255,255,255,1)
}

.UIWalkthrough--center .UIWalkthrough-caret {
    top: 35%
}

.UIWalkthrough--bottom .UIWalkthrough-caret {
    top: 75%
}

.UIWalkthrough--south .UIWalkthrough-caret {
    top: 100%
}

.UIWalkthrough--south .modal {
    margin-top: -20px
}

.UIWalkthrough--north .modal {
    margin-top: 20px
}

.UIWalkthrough--east .modal {
    margin-left: -20px
}

.UIWalkthrough--west .modal {
    margin-left: 20px
}

.StartImport-service {
    display: inline-block;
    height: 182px;
    float: left;
    margin-right: 8px;
    width: 182px
}

.StartImport-service-logo {
    background: no-repeat center center;
    border: 1px solid #ccd6dd;
    border-radius: 5px;
    height: 120px;
    margin-bottom: 15px
}

.StartImport-service-logo:hover {
    border-color: #1da1f2
}

.StartImport-service-name {
    color: #14171a;
    font-size: 14px;
    font-weight: 300;
    padding-left: 5px
}

.StartImport-footer {
    display: inline-block;
    margin-left: 30px;
    margin-top: 40px;
    width: 75%
}

.StartImport-footer-disclaimer {
    color: #657786;
    line-height: 16px;
    font-size: 12px;
    font-weight: 300
}

.StartImport-title {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 20px
}

.Avatar {
    -moz-force-broken-image-icon: 1;
    display: block;
    border-radius: 3px
}

.Avatar--size48 {
    height: 48px;
    width: 48px
}

.Avatar--size32 {
    height: 32px;
    width: 32px
}

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

.BlocksYouTimeline {
    margin: 40px 0 35px 15px
}

.BlocksYouTimeline-heading {
    color: #66757f;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 15px
}

.BlocksYouTimeline-explanation {
    color: #66757f
}

.GridTimeline {
    margin-bottom: 50px;
    position: relative
}

.GridTimeline-emptyText {
    color: #657786;
    font-size: 14px;
    line-height: 20px;
    padding: 64px
}

.GridTimeline .has-items .GridTimeline-emptyText {
    display: none
}

.GridTimeline-footer {
    margin-top: 20px;
    position: relative
}

.GridTimeline .has-more-items .spinner {
    display: block;
    background: url(../../img/t1/spinner-rosetta-gray-26x26.gif) no-repeat 0 0
}

.GridTimeline .spinner,.GridTimeline .has-items-error .spinner {
    display: none
}

.GridTimeline-filteredFollowers {
    display: none;
    margin-top: 20px;
    text-align: center
}

.GridTimeline-end .GridTimeline-smsFollowers {
    display: block
}

.GridTimeline-end.has-more-items .GridTimeline-smsFollowers {
    display: none
}

.GridTimeline-smsFollowers {
    margin-top: 20px;
    text-align: center
}

.ListCreationModule {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    margin-top: 10px;
    padding: 15px
}

.ListCreationModule-title {
    color: #66757f;
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 15px
}

.ListCreationModule-description {
    color: #66757f;
    margin-bottom: 10px
}

.ListCreationModule-moreInfoLink {
    font-size: 12px;
    font-weight: bold
}

.ListCreationModule-action .btn {
    font-size: 14px
}

.ListCreationModule-actionIcon {
    vertical-align: text-top
}

.PhotoRail {
    display: none
}

.PhotoRail-heading {
    color: #657786;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px
}

.PhotoRail-heading .Icon {
    min-width: 18px
}

.PhotoRail-mediaBox {
    margin: -5px 0 0 -5px;
    max-height: 176px;
    overflow: hidden
}

.PhotoRail-mediaBox .tweet-media-img-placeholder {
    background-color: #66757f;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    height: 83px;
    margin: 5px 0 0 5px;
    overflow: hidden;
    position: relative;
    width: 83px
}

.PhotoRail-mediaBox .grid-tweet-actions-container {
    display: none
}

.PhotoRail-headingWithCount,.PhotoRail-headingWithoutCount {
    display: none
}

.PhotoRail-headingText--withCount .PhotoRail-headingWithCount,.PhotoRail-headingText--withoutCount .PhotoRail-headingWithoutCount {
    display: initial
}

.ProfileAvatar {
    background: #fff;
    border: 5px solid #fff;
    border-radius: 12px;
    box-shadow: 0 1px 1px rgba(136,153,166,0.15);
    height: 200px;
    position: relative;
    width: 200px
}

.ProfileAvatar-image,.ProfileAvatar-placeholderImage {
    -moz-force-broken-image-icon: 1;
    border-radius: 8px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ProfileAvatar-container {
    outline: 0
}

.ProfileCanopy {
    position: relative
}

.ProfileCanopy,.ProfileCanopy-header {
    height: 175px;
    transition: height .3s
}

.ProfileCanopy-header:before {
    display: block;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.2);
    z-index: 1
}

.ProfileCanopy--withNav {
    padding-bottom: 60px
}

.ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
    height: 280px
}

.ProfileCanopy-inner {
    position: relative;
    width: 100%;
    z-index: 4
}

.ProfileCanopy-header {
    max-width: 2560px;
    position: relative;
    z-index: 3;
    background-color: #63aeee
}

.ProfileCanopy-headerBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.ProfileCanopy-headerBg img {
    position: absolute;
    left: 0;
    right: 0;
    top: -9999px;
    bottom: -9999px;
    margin: auto 0;
    width: 100%
}

.ProfileCanopy-header .AppContainer {
    height: 100%;
    position: relative
}

.ProfileCanopy-addHeaderCallout {
    height: 100%;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    text-align: center;
    transition: opacity .25s ease-in-out;
    width: 100%
}

.ProfileCanopy-addHeaderCallout:focus {
    outline: 0
}

.ProfileCanopy-addHeaderCallout:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.ProfileCanopy-addHeaderCalloutText {
    bottom: 25px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    left: 0;
    position: absolute;
    width: 100%
}

.ProfileCanopy-avatar {
    bottom: -87px;
    left: 10px;
    position: absolute;
    transition: bottom .3s;
    z-index: 3
}

.ProfileCanopy-navBar {
    background-color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px
}

.ProfileCanopy-card {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    margin-right: -10px;
    max-width: 100%;
    overflow: hidden;
    padding-top: 60px;
    transition: padding-top .3s
}

.ProfileCanopy-nav .ProfileNav {
    margin-bottom: -1px
}

.ProfileCanopy.is-locked .ProfileCanopy-inner {
    position: fixed;
    top: 0;
    transform: translateZ(0);
    width: 100%
}

.ProfileCanopy.is-locked .ProfileCanopy-header {
    cursor: pointer
}

.ProfileCanopy.is-locked .ProfileCanopy-avatar {
    bottom: 100px
}

.ProfileCanopy.is-locked .ProfileCanopy-card {
    padding-top: 0
}

@media(min-width:1100px) {
    .ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
        height: 300px
    }
}

@media(min-width:1200px) {
    .ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
        height: 320px
    }
}

@media(min-width:1370px) {
    .ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
        height: 360px
    }
}

@media(min-width:1450px) {
    .ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
        height: 380px
    }
}

@media(min-width:1510px) {
    .ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
        height: 420px
    }
}

@media(min-width:1670px) {
    .ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
        height: 460px
    }
}

@media(min-width:1820px) {
    .ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
        height: 500px
    }
}

@media(min-width:1990px) {
    .ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
        height: 540px
    }
}

@media(min-width:2150px) {
    .ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
        height: 580px
    }
}

@media(min-width:2300px) {
    .ProfileCanopy--large,.ProfileCanopy--large .ProfileCanopy-header {
        height: 600px
    }
}

.ProfileCardMini {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    padding: 12px 15px;
    text-align: left
}

.ProfileCardMini-avatar {
    float: left;
    height: 36px;
    margin-right: 10px;
    width: 36px
}

.ProfileCardMini-avatarImage {
    border-radius: 4px;
    height: 36px;
    max-width: 100%;
    width: 36px
}

.ProfileCardMini-details {
    height: 36px;
    margin-left: 46px
}

.ProfileClusterFollow {
    padding: 20px 0 20px;
    border-bottom: 1px solid #e1e8ee;
    background-color: #f5f8fa
}

.ProfileClusterFollow-header {
    margin-bottom: 20px;
    line-height: 1
}

.ProfileClusterFollow-title {
    color: #657786;
    font-size: 22px;
    font-weight: 300;
    margin-left: 2px
}

.ProfileClusterFollow-closeButtonText {
    font-size: 13px;
    color: #3b88c3
}

.ProfileClusterFollow-closeButtonIcon {
    color: #657786;
    font-size: 11px;
    margin-left: 4px
}

.ProfileCustomTimelineItem {
    border-top: 1px solid #e6ecf0;
    padding: 10px 0;
    margin: 0 15px
}

.ProfileCustomTimelineItem-avatar {
    height: 60px;
    width: 60px;
    border-radius: 5px;
    display: block
}

.ProfileCustomTimelineItem-name {
    line-height: 1;
    font-weight: bold
}

.ProfileCustomTimelineItem-ownerName {
    color: #657786
}

.ProfileCustomTimelineItem-byLine {
    font-size: 12px;
    color: #657786
}

.ProfileCustomTimelineItem-bio {
    line-height: 1;
    margin-top: 12px
}

.ProfileCustomTimelineItem-memberCount {
    font-size: 13px;
    line-height: 1;
    margin-top: 12px;
    color: #657786
}

.ProfileEmptyTimeline-prefilledTweetsHeading {
    color: #66757f;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 20px
}

.ProfileEmptyTimeline .ProfileHeading-title {
    font-size: 22px;
    padding-left: 15px;
    padding-right: 20px
}

.ProfileEmptyTimeline .ProfilePrefilledTweet {
    color: #66757f;
    margin-top: 20px
}

.ProfileEmptyTimeline-tweetBoxHeading {
    color: #66757f;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 30px
}

.ProfileEmptyTimeline-tweetBox {
    margin-bottom: 20px
}

.ProfileFeatureBox {
    text-align: center;
    width: 250px;
    float: left;
    margin-left: 65px
}

.ProfileFeatureBox:first-child {
    margin-left: 0
}

.ProfileFeatureBox-img {
    margin-bottom: 25px;
    width: 122px
}

.ProfileFeatureBox-heading {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 3px;
    font-weight: 600
}

.ProfileFeatureBox-description {
    font-size: 13px;
    line-height: 20px
}

.ProfileHeaderCard {
    margin-top: 37px
}

.ProfileHeaderCard-name {
    line-height: 1
}

.ProfileHeaderCard-nameLink {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    margin-right: 2px;
    word-wrap: break-word
}

.ProfileHeaderCard-screenname {
    line-height: 1;
    margin-bottom: 10px
}

.ProfileHeaderCard .username {
    font-size: 14px
}

.ProfileHeaderCard-screennameLink,.ProfileHeaderCard-screennameLink:hover {
    color: #657786
}

.ProfileHeaderCard-bio {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
    word-wrap: break-word
}

.ProfileHeaderCard-birthdate,.ProfileHeaderCard-joinDate,.ProfileHeaderCard-location,.ProfileHeaderCard-onlineHours,.ProfileHeaderCard-responsivenessLevel,.ProfileHeaderCard-url,.ProfileHeaderCard-vineProfile,.ProfileHeaderCard-periscopeProfile {
    color: #657786;
    font-size: 14px;
    line-height: 1;
    margin-top: 6px
}

.ProfileHeaderCard-birthdateText,.ProfileHeaderCard-joinDateText,.ProfileHeaderCard-locationText,.ProfileHeaderCard-onlineHoursText,.ProfileHeaderCard-responsivenessLevelText,.ProfileHeaderCard-vineProfileText,.ProfileHeaderCard-periscopeProfileText {
    color: #14171a
}

.ProfileHeaderCard-birthdate .Icon,.ProfileHeaderCard-joinDate .Icon,.ProfileHeaderCard-location .Icon,.ProfileHeaderCard-onlineHours .Icon,.ProfileHeaderCard-responsivenessLevel .Icon,.ProfileHeaderCard-url .Icon,.ProfileHeaderCard-vineProfile .Icon,.ProfileHeaderCard-periscopeProfile .Icon {
    min-width: 18px
}

.ProfileHeaderCard-birthdate>*,.ProfileHeaderCard-joinDate>*,.ProfileHeaderCard-location>*,.ProfileHeaderCard-onlineHours>*,.ProfileHeaderCard-responsivenessLevel>*,.ProfileHeaderCard-url>*,.ProfileHeaderCard-vineProfile>*,.ProfileHeaderCard-periscopeProfile>* {
    display: inline-block;
    vertical-align: middle
}

.ProfileHeaderCard-birthdateText,.ProfileHeaderCard-joinDateText,.ProfileHeaderCard-locationText,.ProfileHeaderCard-onlineHoursText,.ProfileHeaderCard-responsivenessLevelText,.ProfileHeaderCard-urlText,.ProfileHeaderCard-vineProfileText,.ProfileHeaderCard-periscopeProfileText {
    margin-top: 2px
}

.ProfileHeaderCard-onlineHours .Icon,.ProfileHeaderCard-url .Icon {
    position: absolute
}

.ProfileHeaderCard-joinDate .Icon {
    padding-bottom: 3px
}

.ProfileHeaderCard-onlineHoursText,.ProfileHeaderCard-urlText {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 23px;
    width: 100%;
    word-wrap: break-word
}

.ProfileHeaderCard-onlineHoursText {
    line-height: 21px;
    margin-top: 0;
    padding-left: 22px;
    word-wrap: normal
}

.ProfileHeaderCard-bio a .invisible {
    font-size: 0;
    line-height: 0
}

.ProfileHeaderCard-more {
    line-height: 22px;
    margin-bottom: 16px
}

.ProfileHeaderCard-userActions {
    margin: 14px 12px 0 0
}

.ProfileHeaderCard-birthdateTextLink:focus:not(:hover) {
    text-decoration: none
}

.ProfileHeaderCard-badges {
    font-size: 18px;
    position: relative;
    top: 1px
}

.ProfileHeaderCard-badges .Icon {
    margin-right: 4px
}

.ProfileHeaderCard-periscopeProfile.is-live .Icon {
    color: #e0245e;
    animation-name: ProfileHeaderCard-periscopeProfileBlink;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

@keyframes ProfileHeaderCard-periscopeProfileBlink {
    0% {
        color: #657786
    }

    40% {
        color: #e0245e
    }

    60% {
        color: #e0245e
    }

    100% {
        color: #657786
    }
}

.ProfileHeaderCard-periscopeProfile.is-live .ProfileHeaderCard-periscopeProfileTextLink,.ProfileHeaderCard-periscopeProfile:not(.is-live) .ProfileHeaderCard-periscopeProfileTextLive {
    display: none!important
}

.ProfileHeaderCard .ProfileMessagingActions {
    margin-top: 15px
}

.ProfileHeading {
    position: relative;
    z-index: 1
}

.ProfileHeading-spacer {
    margin-top: 10px
}

.ProfileHeading .NotificationsHeadingContent {
    margin-bottom: -1px
}

.ProfileHeading-content {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px 5px 0 0;
    margin-bottom: -1px
}

.ProfileHeading-content--businessProfile {
    background-color: transparent;
    border: 0;
    margin-bottom: -1px
}

.ProfileHeading-content--noFill {
    background-color: transparent;
    border: 0;
    margin-bottom: 5px
}

.ProfileHeading-title {
    color: #66757f;
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
    padding: 15px 15px 12px
}

.ProfileHeading-toggleItem {
    display: inline-block;
    color: #ccd6dd;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
    padding: 15px 15px 12px
}

.ProfileHeading-toggleItem.is-active,.ProfileHeading-toggleItem.is-active:hover,.ProfileHeading-toggleItem.is-active:focus {
    color: #14171a;
    cursor: default;
    font-weight: 500;
    text-decoration: none
}

.ProfileHeading-description {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    margin-bottom: -1px;
    color: #66757f;
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    padding: 0 15px 12px;
    border-top: 0
}

.ProfileHeading-title--withButtons,.ProfileHeading-editButtons {
    display: inline-block
}

.ProfileHeading-editButtons {
    padding: 7px 9px 0 0
}

.ProfileLifelineInfo {
    font-size: 14px;
    line-height: 18px;
    padding: 15px
}

.ProfileLifelineInfo .Icon--lifeline {
    color: #f45d22;
    margin-right: 10px
}

.ProfileLifelineInfo-text {
    color: #657786
}

.ProfileListItem {
    background-color: #fff;
    border-bottom: 1px solid #e6ecf0;
    padding: 10px 15px
}

.ProfileListItem-avatar {
    height: 60px;
    width: 60px;
    border-radius: 5px;
    display: block
}

.ProfileListItem-name {
    line-height: 1;
    font-weight: bold
}

.ProfileListItem-ownerName {
    color: #657786
}

.ProfileListItem-byLine {
    font-size: 12px;
    color: #657786
}

.ProfileListItem-bio {
    line-height: 1;
    margin-top: 12px
}

.ProfileListItem-memberCount,.ProfileListItem-listActions,.ProfileListItem-listAction {
    display: inline-block
}

.ProfileListItem-memberCount {
    font-size: 13px;
    line-height: 1;
    margin-top: 12px;
    color: #657786
}

.ProfileListItem-linkDivider {
    padding: 0 1px
}

.ProfileListItem-listActions {
    color: #ccd6dd;
    font-size: 13px;
    line-height: 1
}

.ProfileListItem:hover .ProfileListItem-listAction {
    color: #8899a6
}

.ProfileListItem-listAction button:hover {
    text-decoration: underline
}

.ProfileListItem-listActionButton.is-featured .ProfileListItem-featureListText,.ProfileListItem-listActionButton.is-unfeatured .ProfileListItem-unfeatureListText {
    display: none
}

.ProfileListsTimeline .GridTimeline-items.has-items {
    border: 1px solid #e6ecf0;
    border-radius: 4px
}

.ProfileListsTimeline .Grid:last-child .ProfileListItem {
    border-bottom-width: 0;
    border-radius: 0 0 4px 4px
}

.ProfileListsTimeline .GridTimeline-end:not(.has-items) {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 0 0 4px 4px
}

.ProfileMessagingActions-actionsContainer {
    margin: 0 0 -5px -5px
}

.ProfileMessagingActions-buttonWrapper {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 0 5px 5px;
    vertical-align: top;
    width: 50%
}

.ProfileMessagingActions-buttonWrapper--xlarge {
    width: 79%
}

.ProfileMessagingActions-buttonWrapper--large {
    width: 58%
}

.ProfileMessagingActions-buttonWrapper--small {
    width: 21%
}

@media(max-width:1200px) {
    .ProfileMessagingActions .NewTweetButton-text,.ProfileMessagingActions .DMButton-text {
        display: none
    }

    .ProfileMessagingActions-buttonWrapper.u-sizeFull .NewTweetButton-text,.ProfileMessagingActions-buttonWrapper.u-sizeFull .DMButton-text {
        display: inline-block
    }
}

.ProfileNav {
    height: 60px;
    position: relative
}

.ProfileNav-item {
    display: inline-block
}

.ProfileNav .is-hidden {
    display: none
}

.ProfileNav-item--userActions {
    background-color: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 59px;
    padding: 12px 0 0 2px;
    position: absolute;
    right: 0;
    top: 0
}

.ProfileNav-stat {
    height: 60px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0 solid;
    display: block;
    line-height: 1;
    padding: 14px 15px 7px;
    transition: all .15s ease-in-out
}

.ProfileNav-stat--link:hover,.ProfileNav-stat--link:focus {
    text-decoration: none
}

.ProfileNav-label,.ProfileNav-value {
    display: block
}

.ProfileNav-label {
    color: #657786;
    font-size: 11px;
    letter-spacing: .02em;
    text-transform: uppercase;
    transition: color .15s ease-in-out
}

.ProfileNav-value {
    color: #66757f;
    font-size: 18px;
    font-weight: 600;
    padding-top: 3px;
    transition: color .15s ease-in-out
}

.ProfileNav-item.is-active,.ProfileNav-item.is-active:hover {
    border-color: #657786;
    color: #657786;
    cursor: default
}

.ProfileNav-item.is-active .ProfileNav-label,.ProfileNav-item.is-active:hover .ProfileNav-label {
    color: #657786
}

.ProfileNav-item.is-active .ProfileNav-value,.ProfileNav-item.is-active:hover .ProfileNav-value {
    color: inherit
}

.ProfileNav-item.is-active .ProfileNav-stat,.ProfileNav-stat:hover,.ProfileNav-stat:focus {
    border-bottom-width: 4px
}

.ProfileNav-stat--moreLink:hover,.ProfileNav-stat--moreLink:focus {
    border-bottom-width: 0
}

.ProfileNav-stat:hover .ProfileNav-value,.ProfileNav-stat:focus .ProfileNav-value {
    color: inherit
}

.ProfileNav-dropdownCaret {
    font-size: 12px;
    line-height: 1;
    color: #657786
}

.ProfileNav-item--more.open .ProfileNav-dropdownCaret,.ProfileNav-item--more:hover .ProfileNav-dropdownCaret {
    color: inherit
}

.ProfileNav-item--more .dropdown-menu {
    margin-top: -1px
}

.ProfileNav-dropdownItem {
    font-size: 14px!important
}

.ProfilePage {
    background-image: none!important;
    background-color: #f5f8fa!important;
    line-height: 1.375;
    min-width: 936px
}

.ProfilePage .content-main {
    border-radius: 0;
    float: none;
    position: relative;
    width: auto
}

.ProfilePage.three-col .AppContent-main.content-main {
    float: none;
    margin: 0
}

.ProfilePage .AppContent {
    padding: 46px 0 0
}

.ProfilePage .topbar-with-navBanner+#page-outer .AppContent {
    padding-top: 91px
}

.ProfilePage--withWarning .GridTimeline,.ProfilePage--withWarning.is-showingWarning #timeline,.ProfilePage--withWarning.is-showingWarning .ProfileHeading-content,.ProfilePage--withWarning.is-showingWarning .PhotoRail-heading,.ProfilePage--withWarning.is-showingWarning .PhotoRail-mediaBox,.ProfilePage--withWarning.is-showingWarning .PhotoRail-headingText,.ProfilePage--withWarning.is-showingWarning .ProfileUserList,.ProfilePage--withWarning.is-showingWarning .ProfileHeaderCard-bio,.ProfilePage--withWarning.is-showingWarning .ProfileHeaderCard-location,.ProfilePage--withWarning.is-showingWarning .ProfileHeaderCard-url,.ProfilePage--withWarning.is-showingWarning .ProfileHeaderCard-joinDate,.ProfilePage--withWarning.is-showingWarning .ProfileHeaderCard-birthdate,.ProfilePage--withWarning.is-showingWarning .ProfileMessagingActions,.ProfilePage--withWarning.is-showingWarning .ProfileNav-item--tweets,.ProfilePage--withWarning.is-showingWarning .ProfileNav-item--following,.ProfilePage--withWarning.is-showingWarning .ProfileNav-item--followers,.ProfilePage--withWarning.is-showingWarning .ProfileNav-item--favorites,.ProfilePage--withWarning.is-showingWarning .ProfileNav-item--moments,.ProfilePage--withWarning.is-showingWarning .ProfileNav-item--more,.ProfilePage--withWarning.is-showingWarning .ProfileNav-item--lists {
    display: none
}

.ProfilePage--withWarning.is-showingWarning .ProfileWarningTimeline {
    display: inline-block
}

.ProfilePage--hidingAvatar.is-showingWarning .ProfileAvatar-container,.ProfilePage--hidingAvatar.is-showingWarning .ProfileCanopy-headerBg {
    display: none
}

.ProfilePage--hidingAvatar.is-showingWarning .ProfileAvatar {
    background-color: #aab8c2
}

.ProfilePage--hidingAvatar.is-showingWarning .ProfileCanopy-header {
    background-color: #ccd6dd
}

.ProfilePage .ProfileNav-item--userActions.profile-blocks-you .user-actions-follow-button {
    display: none
}

.ProfilePage-editingButtons,.ProfilePage-editingOverlay,.ProfilePage .ProfileHeaderCardEditing,.ProfilePage .ProfileAvatarEditing,.ProfilePage .ProfileHeaderEditing,.ProfilePage-testForEditingCss {
    display: none
}

.ProfilePage-moduleHeader {
    padding: 14px 14px 0;
    position: relative
}

.ProfilePage-timelineHeader {
    background: #fff;
    border: 1px solid #e6ecf0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom: 0;
    line-height: 1;
    padding: 14px 14px 0;
    position: relative
}

.ProfilePage-moduleTitle {
    color: #66757f;
    font-size: 20px;
    line-height: 24px
}

.ProfilePage-moduleLink {
    color: #1da1f2;
    float: right;
    font-size: 12px;
    font-weight: normal;
    padding-top: 2px
}

.ProfilePage .Grid-cell>.Tombstone {
    margin: 12px 0
}

.ProfilePage-emptyModule {
    display: block;
    position: relative;
    text-align: left;
    padding: 64px
}

.ProfilePage-emptyModuleHeader {
    color: #14171a;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 8px
}

.ProfilePage-emptyModuleBody {
    color: #657786;
    font-size: 14px;
    line-height: 20px
}

.ProfilePrefilledTweet-tweetBtn {
    padding-left: 20px;
    min-width: 100px;
    padding-right: 15px;
    position: relative
}

.ProfilePrefilledTweet-tweetBtn .btn,.ProfilePrefilledTweet.is-sending .ProfilePrefilledTweet-spinner {
    display: inline-block
}

.ProfilePrefilledTweet.is-sending .ProfilePrefilledTweet-spinner {
    position: absolute;
    margin-top: -7px;
    right: 0;
    top: 50%
}

.ProfilePrefilledTweet .tweet {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e6ecf0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.375em;
    padding: 13px 15px 15px;
    position: relative
}

.ProfilePrefilledTweet .tweet .avatar {
    margin-left: 0;
    margin-right: 10px
}

.ProfilePrefilledTweet .tweet .tweet-text {
    color: #14171a
}

.ProfileSidebar .ProfileHeaderCard,.ProfileSidebar .ProfileTweetbox,.ProfileSidebar .ProfileLifelineInfo,.ProfileSidebar .ProfileUserList,.ProfileSidebar .PhotoRail,.ProfileSidebar .BusinessProfile {
    padding-right: 15px;
    padding-left: 15px
}

.ProfileSidebar .TweetImpressionsModule {
    padding: 15px
}

.ProfileSidebar .ProfileTweetbox,.ProfileSidebar .ProfileUserList,.ProfileSidebar .PhotoRail {
    margin-top: 20px
}

.ProfileSidebar .siderail-related-tweets-container {
    margin-top: 10px
}

.ProfileSidebar .ProfileHeaderCard,.ProfileSidebar .ProfileUserList,.ProfileSidebar .PhotoRail {
    margin-bottom: 25px
}

.ProfileSidebar .TweetImpressionsModule,.ProfileSidebar .ProfileLifelineInfo,.ProfileSidebar .RelatedUsers {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    margin-top: 10px
}

.ProfileSidebar .flex-module-header h3 {
    font-size: 18px;
    color: #14171a;
    font-weight: inherit
}

.ProfileSidebar .flex-module-header {
    margin-bottom: 15px
}

.ProfileTweetbox {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    padding: 15px
}

.ProfileTweetbox .tweet-box {
    padding: 11px;
    font-size: 14px;
    color: #657786
}

.ProfileTweetbox .Icon--geo {
    margin: 1px 0 0 0
}

.ProfileTweetbox .photo-selector .text {
    display: none
}

.ProfileTweetbox .condensed .tweet-box {
    padding-right: 30px
}

.ProfileTweetbox .tweet-action {
    background-image: none;
    text-shadow: none
}

.ProfileUserList-heading {
    color: #657786;
    margin-bottom: 13px
}

.ProfileUserList-title {
    font-size: 14px;
    line-height: 1
}

.ProfileUserList-name .Icon {
    min-width: 18px
}

.ProfileUserList-description {
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px
}

.ProfileUserList-details {
    font-size: 12px;
    margin-top: 5px
}

.ProfileUserList-actions button:hover {
    text-decoration: underline
}

.ProfileUserList-linkDivider {
    padding: 0 1px
}

.ProfileUserList-subscribeAction.is-subscribed .ProfileUserList-subscribeText,.ProfileUserList-subscribeAction.is-unsubscribed .ProfileUserList-removeText {
    display: none
}

.ProfileUserList-facepile {
    margin: -5px -5px 0
}

.ProfileUserList-facepileItem {
    float: left;
    margin: 5px 0 0 5px
}

.ProfileUserList-footer {
    margin-top: 5px;
    font-size: 12px
}

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

.ProfileStreamImageGallery-images {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden
}

.ProfileStreamImageGallery-images .ProfileStreamGridImage.first-row {
    margin-top: 0
}

.ProfileStreamGridImage.grid-tweet .play-large {
    margin: -24px auto auto -24px;
    left: 50%;
    position: absolute;
    top: 50%
}

.ProfileStreamGridImage .media-overlay {
    background: #000;
    bottom: 30px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    top: 0;
    width: 100%
}

.ProfileStreamGridImage.grid-tweet {
    cursor: pointer;
    display: none;
    float: left;
    margin: 1px 0 0 1px;
    position: relative;
    overflow: hidden
}

.ProfileStreamGridImage.grid-tweet.enabled {
    display: block
}

.ProfileStreamGridImage.grid-tweet.clear {
    clear: both
}

.ProfileStreamGridImage.grid-tweet img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ProfileTimeline-separationModule {
    background: #fff;
    border: 1px solid #e6ecf0;
    border-bottom: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-top: 12px;
    margin-bottom: 0
}

.ProfileTimeline-separationModule.ProfileTimeline-imageGallery {
    padding-bottom: 11px
}

.Balloon {
    backface-visibility: hidden;
    background-size: contain;
    bottom: -240px;
    height: 240px;
    left: 0;
    opacity: .9;
    -ms-filter: "alpha(opacity=90)";
    pointer-events: none;
    position: fixed;
    width: 130px;
    z-index: 100
}

.Balloon--small {
    z-index: 101
}

.Balloon--medium {
    z-index: 102
}

.Balloon--large {
    z-index: 103
}

.Balloon--red {
    background-image: url(../../img/profiles/balloons/red.png)
}

.Balloon--blue {
    background-image: url(../../img/profiles/balloons/blue.png)
}

.Balloon--purple {
    background-image: url(../../img/profiles/balloons/purple.png)
}

.Balloon--yellow {
    background-image: url(../../img/profiles/balloons/yellow.png)
}

.Balloon--green {
    background-image: url(../../img/profiles/balloons/green.png)
}

.ProtectedTimeline {
    margin: 35px 0 35px 15px
}

.ProtectedTimeline-heading {
    color: #66757f;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 15px
}

.ProtectedTimeline-explanation {
    color: #66757f
}

.ScrollBump {
    margin: 30px 0
}

.ScrollBump-header {
    margin-bottom: 10px;
    margin-left: 16px
}

.ScrollBump-title {
    color: #66757f;
    font-size: 13px;
    padding-left: 22px;
    position: relative
}

.ScrollBump-title a,.ScrollBump-title a:hover,.ScrollBump-title a:focus,.ScrollBump-title a:active {
    color: #1b95e0
}

.ScrollBump-title .Icon {
    left: 0;
    position: absolute;
    top: -1px
}

.ScrollBump .ScrollBump-profileCard.selected-stream-item {
    border-radius: 5px
}

.ScrollBumpDialog .modal-body {
    padding: 0;
    overflow-y: scroll;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.ScrollBumpDialog-usersList {
    margin-left: 0;
    list-style: none
}

.ScrollBumpDialog .stream-item:last-child .account {
    border-bottom: 0
}

.ProfileWarningTimeline {
    display: none;
    margin: 64px 16px
}

.ProfileWarningTimeline-heading {
    color: #14171a;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 8px
}

.ProfileWarningTimeline-explanation {
    color: #66757f
}

.ProfileWarningTimeline-button {
    margin-top: 16px
}

.StreamItem {
    position: relative
}

.StreamToggler-item {
    display: inline-block
}

.StreamToggler-link {
    color: #ccd6dd;
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding: 15px 15px 12px
}

.StreamToggler-link.is-active,.StreamToggler-link.is-active:hover,.StreamToggler-link.is-active:focus {
    color: #14171a;
    cursor: default;
    font-weight: 500;
    text-decoration: none
}

.Trends {
    background-color: #fff;
    background-clip: inherit;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    line-height: inherit;
    padding: 15px
}

.Trends .flex-module {
    background-color: inherit;
    border: 0;
    line-height: inherit;
    padding: 0
}

.Trends .flex-module-header {
    line-height: 20px;
    margin-bottom: 10px
}

.Trends .flex-module-header .middot {
    color: #66757f;
    font-size: 12px
}

.Trends .trend-location {
    color: #66757f;
    font-size: 18px;
    font-weight: 300
}

.Trends .change-trends {
    font-size: 12px
}

.Trends .trend-items {
    margin-top: -4px
}

.Trends .trend-item {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 7px;
    word-wrap: break-word
}

.Trends .trend-item:last-child {
    margin-bottom: 0
}

.Trends .promoted .with-icn {
    display: block;
    margin-top: -1px;
    padding-bottom: 3px
}

.Trends .promoted-text {
    font-size: 13px;
    color: #657786
}

.Trends .Icon--promoted,.Trends .Icon--political,.Trends .Icon--top {
    font-size: 14px;
    position: relative;
    top: 2px
}

.Trends--wide {
    padding: 0
}

.Trends--wide .flex-module {
    background-color: #fff;
    padding: 15px 40px
}

.Trends--wide .flex-module-header h3 {
    display: block
}

.Trends--wide .flex-module-header .middot,.Trends--wide .flex-module-header .change-trends {
    display: none
}

.Trends--wide li {
    display: inline;
    padding-right: 15px
}

.Trends--wide .trend-item,.Trends--wide .promoted-text {
    font-size: 12px;
    line-height: 20px
}

.Trends--wide .promoted .with-icn {
    display: inline
}

.Trends .context-trend-item {
    line-height: 17px;
    margin-bottom: 10px
}

.Trends .context-trend-item:last-child {
    margin-bottom: 0
}

.Trends .context-trend-item a {
    display: block
}

.Trends .context-trend-item .trend-name {
    font-weight: bold
}

.Trends .context-trend-item .trend-item-context,.Trends .context-trend-item .trend-item-stats {
    color: #14171a;
    max-height: 34px;
    overflow: hidden;
    font-weight: normal
}

.Trends .context-trend-item .trend-item-stats {
    color: #657786
}

.Trends .context-trend-item .promoted .with-icn {
    margin-top: 0;
    padding-bottom: 0
}

.Trends .context-trend-item .promoted .promoted-text {
    text-decoration: inherit;
    color: inherit
}

.Trends .context-trends-container .Icon--promoted {
    margin-top: -3px
}

.Trends-liveBadge {
    background-color: #e0245e;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 5px;
    padding: 3px 5px 3px 6px;
    position: relative;
    text-transform: uppercase;
    top: -1px
}

.TweetImpressionsModule {
    position: relative;
    background-clip: inherit;
    line-height: inherit;
    overflow: visible;
    display: table
}

.TweetImpressionsModule-heading {
    color: #66757f;
    font-size: 16px;
    margin-bottom: 15px
}

.TweetImpressionsModule-impressions {
    color: #14171a;
    font-size: 13px;
    margin-bottom: 8px
}

.TweetImpressionsModule-chartArea {
    margin-top: 5px;
    width: 250px
}

.TweetImpressionsModule-chart {
    height: 72px;
    width: 100%
}

.TweetImpressionsModule-chartBar {
    position: relative;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    opacity: .4;
    -ms-filter: "alpha(opacity=40)";
    vertical-align: bottom;
    width: 30px
}

.TweetImpressionsModule-chartBar--thin {
    margin-left: 2.5px;
    margin-right: 2.5px;
    width: 16.1px
}

.TweetImpressionsModule-chartBar:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.TweetImpressionsModule-chartBar:hover .TweetImpressionsModule-barchart-tooltip {
    display: block
}

.TweetImpressionsModule-chartBar:first-child {
    margin-left: 0;
    padding-left: 0
}

.TweetImpressionsModule-chartBar:last-child {
    margin-right: 0;
    padding-right: 0
}

.TweetImpressionsModule-organic {
    background-color: #1da1f2;
    color: transparent;
    position: relative
}

.TweetImpressionsModule-promoted {
    background-color: #ffad1f;
    color: transparent;
    position: relative
}

.TweetImpressionsModule-xAxis {
    background-color: #ccd6dd;
    float: left;
    height: 2px;
    width: 250px
}

.TweetImpressionsModule-text {
    color: #14171a;
    font-size: 12px
}

.TweetImpressionsModule-analyticsLink {
    color: #1b95e0;
    float: left;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 100%
}

.TweetImpressionsModule-barchart-tooltip {
    display: none;
    position: absolute;
    margin-top: 20px;
    padding: 5px 8px 5px 8px;
    background: black;
    pointer-events: none;
    z-index: 10;
    border-radius: 3%;
    max-width: 150px
}

.TweetImpressionsModule-barchart-tooltip-thinner {
    left: -7px
}

.TweetImpressionsModule-barchart-tooltip-rightAligned {
    right: 0
}

.TweetImpressionsModule-barchart-tooltip-rightAligned-thinner {
    right: -7px
}

.TweetImpressionsModule-barchart-tooltip-opensleft::before {
    left: 9px;
    position: absolute;
    top: -7px;
    display: inline-block;
    border-left: 7px solid transparent;
    border-bottom: 4px solid #fff;
    border-right: 7px solid transparent;
    content: ""
}

.TweetImpressionsModule-barchart-tooltip-opensleft::after {
    left: 10px;
    position: absolute;
    top: -6px;
    display: inline-block;
    border-left: 6px solid transparent;
    border-bottom: 6px solid black;
    border-right: 6px solid transparent;
    content: ""
}

.TweetImpressionsModule-barchart-tooltip-opensright::before {
    right: 9px;
    position: absolute;
    top: -7px;
    display: inline-block;
    border-left: 7px solid transparent;
    border-bottom: 4px solid #fff;
    border-right: 7px solid transparent;
    content: ""
}

.TweetImpressionsModule-barchart-tooltip-opensright::after {
    right: 10px;
    position: absolute;
    top: -6px;
    display: inline-block;
    border-left: 6px solid transparent;
    border-bottom: 6px solid black;
    border-right: 6px solid transparent;
    content: ""
}

.TweetImpressionsModule-barchart-tooltipcolor {
    padding-right: 3px
}

.TweetImpressionsModule-barchart-colorfill {
    border-radius: 6px;
    width: 6px;
    overflow: hidden;
    height: 12px;
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle
}

.TweetImpressionsModule-barchart-colorfill.organic {
    background-color: #1da1f2
}

.TweetImpressionsModule-barchart-colorfill.promoted {
    background-color: #ffad1f
}

.TweetImpressionsModule-barchart-tooltipdate {
    color: white;
    font-size: 12px;
    font-weight: 400;
    padding-bottom: 3px;
    white-space: nowrap
}

.TweetImpressionsModule-barchart-tooltipvalue {
    color: white;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    vertical-align: top;
    white-space: nowrap
}

.UserActions .user-actions .dropdown-menu {
    right: -12px;
    margin-top: 4px
}

.UserActions .user-actions .dropdown.open button {
    border-color: transparent
}

.UserActions-moreActions {
    padding-right: 4px;
    min-height: 29px
}

.UserActions-moreActions>* {
    vertical-align: baseline
}

.UserActions-editButton {
    padding-top: 9px;
    padding-bottom: 9px
}

.UserActions .user-dropdown {
    color: #657786;
    padding-top: 2px
}

.UserActions--small .user-dropdown {
    padding-bottom: 10px;
    vertical-align: bottom
}

.UserActions--withheld .user-actions {
    display: none
}

.UserActions--withheld .user-actions.following,.UserActions--withheld .user-actions.pending {
    display: block
}

.RelatedUsers {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px
}

.RelatedUsers-header {
    line-height: 20px;
    margin-bottom: 10px
}

.RelatedUsers-title {
    color: #66757f;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    line-height: 1
}

.RelatedUsers-users>.account-summary {
    min-height: 36px
}

.RelatedUsers-users>.account-summary .avatar {
    border-radius: 4px;
    width: 36px;
    height: 36px
}

.RelatedUsers-users .fullname {
    color: #14171a;
    font-size: 13px
}

.RelatedUsers-users .username {
    color: #657786;
    display: block
}

.RelatedUsers-users>.account-summary .content {
    margin-left: 46px
}

.RelatedUsers-avatar-list .account-summary {
    min-height: 48px
}

.RelatedUsers-avatar-list .account-summary .avatar {
    border-radius: 4px;
    width: 48px;
    height: 48px
}

.RelatedUsers-avatar-list .account-summary .content {
    margin-left: 58px
}

.RelatedUsers-avatar-list .account-summary .account-group {
    padding-top: 5px;
    line-height: 17px
}

.RelatedUsers-grid .account-summary {
    min-height: 170px
}

.RelatedUsers-grid .account-summary .content {
    margin-left: 0;
    margin-right: 0
}

.RelatedUsers-grid .avatar {
    border-radius: 4px;
    width: 124px;
    height: 124px;
    position: relative
}

.RelatedUsers-grid .fullname {
    display: inline-block;
    vertical-align: middle;
    max-width: 104px
}

.RelatedUsers-grid .username {
    max-width: 124px
}

.CommerceDiscovery {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    padding: 15px
}

.CommerceDiscovery-title {
    margin-bottom: 5px
}

.CommerceDiscovery-discription {
    font-size: 16px;
    margin-top: 5px
}

.CommerceDiscovery-header {
    margin-bottom: 10px
}

.CommerceDiscovery-image {
    height: 103px;
    overflow: hidden;
    border-radius: 6px;
    margin: 0 0 10px 0;
    cursor: pointer;
    position: relative
}

.CommerceDiscovery-image img {
    width: 100%;
    max-width: 100%;
    text-align: center;
    position: absolute;
    top: -100%;
    bottom: -100%;
    margin: auto
}

.CommerceDiscovery-profileButton {
    height: 33px;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 7px;
    border-color: transparent
}

.CommercePageContainer.wrapper-product,.CommercePageContainer.wrapper-custom_timeline {
    min-width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding: 47px 0 0 0;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.CommercePageContainer .CommercePage {
    height: 100%
}

.CommercePageContainer .CommercePageIframe {
    color: white;
    width: 100%;
    height: 100%
}

.ProfileUserMomentsTimeline .GridTimeline-items.has-items {
    border: 1px solid #e6ecf0;
    border-radius: 4px
}

.ProfileUserMomentsTimeline .MomentCapsuleSummary {
    background-color: #fff;
    border-bottom: 1px solid #e6ecf0
}

.ProfileUserMomentsTimeline .Grid:last-child .MomentCapsuleSummary {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 0
}

.AdaptiveFiltersBar {
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25)
}

.AdaptiveFiltersBar-container {
    margin: 0 auto;
    max-width: 1190px;
    position: relative
}

.AdaptiveFiltersBar-item {
    border-bottom: 0 solid #1da1f2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    transition: all .15s ease
}

.AdaptiveFiltersBar-item.is-selected {
    border-bottom-width: 4px;
    border-bottom-color: #1da1f2
}

.AdaptiveFiltersBar-target {
    color: #657786;
    display: block;
    padding: 16px;
    text-transform: uppercase
}

.AdaptiveFiltersBar-target:hover {
    color: #1da1f2
}

.AdaptiveFiltersBar-target--link,.AdaptiveFiltersBar-target--link:hover,.AdaptiveFiltersBar-target--link:focus {
    text-decoration: none
}

@media screen and (max-width:1235px) {
    .AdaptiveFiltersBar-container {
        max-width: 890px
    }
}

.AdaptiveRelatedSearches {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px
}

.AdaptiveRelatedSearches-items {
    padding: 0 15px 15px
}

.AdaptiveRelatedSearches-item {
    margin-bottom: 6px
}

.AdaptiveRelatedSearches-item:last-child {
    margin-bottom: 0
}

.AdaptiveRelatedSearches-itemAnchor {
    word-wrap: break-word
}

.AdaptiveSpellingSuggestion {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding-left: 12px
}

.AdaptiveSpellingSuggestion-query {
    color: #fff;
    font-weight: bold
}

.AdaptiveSpellingSuggestion-originalQuery {
    text-decoration: underline
}

.AdaptiveSpellingSuggestion-query:hover,.AdaptiveSpellingSuggestion-query:focus,.AdaptiveSpellingSuggestion-query:active {
    color: #fff
}

.SearchExtrasDropdown {
    position: absolute;
    right: 0;
    top: 16px
}

.SearchExtrasDropdown-toggle {
    color: #657786;
    padding: 0 4px
}

.SearchExtrasDropdown-toggle:focus {
    outline: 0
}

.SearchExtrasDropdown .dropdown-menu:not(.dropdown-menu--rightAlign) {
    left: calc(50% - 20px);
    top: calc(100% - -8px)
}

.SearchExtrasDropdown .dropdown-menu.dropdown-menu--rightAlign {
    right: calc(50% - 20px);
    top: calc(100% - -8px)
}

.SearchExtrasDropdown .dropdown-menu li>.SearchExtrasDropdown-target {
    color: #14171a;
    font-size: 14px
}

.SearchExtrasDropdown .dropdown-menu li>.SearchExtrasDropdown-target:hover,.SearchExtrasDropdown .dropdown-menu li>.SearchExtrasDropdown-target:focus {
    background-color: #1da1f2;
    color: #fff
}

.SearchExtrasDropdown-subtext {
    color: #aab8c2;
    display: block;
    font-size: 11px
}

.SearchExtrasDropdown .dropdown-menu .dropdown-link:hover .SearchExtrasDropdown-subtext,.SearchExtrasDropdown .dropdown-menu .dropdown-link:focus .SearchExtrasDropdown-subtext {
    color: #fff
}

.SearchNavigation {
    left: 0;
    position: fixed;
    right: 0;
    top: 46px;
    z-index: 999
}

.SearchNavigation-canopy {
    background-color: #1da1f2;
    padding: 16px 0
}

.SearchNavigation-textContainer {
    margin: 0 auto;
    max-width: 1190px
}

.SearchNavigation-titleText {
    color: #fff;
    font-size: 27px;
    font-weight: 400;
    line-height: 32px;
    overflow: hidden;
    padding-left: 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SearchNavigation-titleText .twitter-hashflag {
    padding-left: 3px
}

@media screen and (max-width:1235px) {
    .SearchNavigation-textContainer {
        max-width: 890px
    }
}

.SearchSettingsDialog-body {
    display: table;
    padding: 20px 15px
}

.SearchSettingsDialog-row {
    display: table-row
}

.SearchSettingsDialog-row+.SearchSettingsDialog-row .SearchSettingsDialog-cell {
    padding-top: 20px
}

.SearchSettingsDialog-cell {
    display: table-cell
}

.SearchSettingsDialog-cell--name {
    padding-right: 20px;
    text-align: right;
    vertical-align: top;
    width: 20%
}

.SearchSettingsDialog-toggleInput {
    float: left;
    vertical-align: top
}

.SearchSettingsDialog-toggleText {
    padding-left: 18px
}

.SearchSettingsDialog-description {
    color: #657786;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px
}

.SidebarFilterModule {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 15px;
    transition: height .3s
}

.SidebarFilterModule.with-2-filters {
    height: 154px
}

.SidebarFilterModule.with-3-filters {
    height: 196px
}

.SidebarFilterModule.is-collapsed {
    height: 20px
}

.SidebarFilterModule-header {
    font-size: 12px;
    margin-bottom: 15px
}

.SidebarFilterModule-title {
    display: inline-block
}

.SidebarFilterModule-filters {
    margin-bottom: 12px
}

.SidebarFilterModule-filters .SidebarFilterModule-select {
    display: block;
    margin-left: -4px;
    width: 257px
}

.SidebarFilterModule-advanced {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 7px
}

.AdaptiveNewsHeadlineDetails {
    display: table;
    font-size: 12px;
    width: 100%
}

.AdaptiveNewsHeadlineDetails-userContainer,.AdaptiveNewsHeadlineDetails-dateContainer {
    display: table-cell;
    vertical-align: middle
}

.AdaptiveNewsHeadlineDetails-user,.AdaptiveNewsHeadlineDetails-date {
    display: inline-block;
    line-height: 14px
}

.AdaptiveNewsHeadlineDetails-dateContainer {
    padding-left: 0;
    text-align: right
}

.AdaptiveNewsHeadlineDetails-date,.AdaptiveNewsHeadlineDetails-date:focus,.AdaptiveNewsHeadlineDetails-date:hover {
    color: #657786
}

.AdaptiveNewsHeadlineDetails-userContainer {
    padding-right: 0;
    text-align: left
}

.AdaptiveNewsHeadlineDetails-user {
    max-width: 185px
}

.AdaptiveNewsHeadlineDetails-user,.AdaptiveNewsHeadlineDetails-user:focus,.AdaptiveNewsHeadlineDetails-user:hover {
    color: #14171a
}

.AdaptiveNewsHeadlineDetails-userImage {
    height: 16px;
    margin-right: 5px;
    position: relative;
    top: 3px
}

.AdaptiveNewsHeadlineDetails-userName {
    font-weight: bold;
    max-width: 200px
}

.AdaptiveNewsLargeImageHeadline {
    margin-bottom: 10px
}

.AdaptiveNewsLargeImageHeadline .AdaptiveSearchPage-moduleHeader {
    padding-top: 0
}

.AdaptiveNewsLargeImageHeadline-image {
    background-color: #fff;
    background-size: cover;
    border-radius: 5px 5px 0 0;
    display: block;
    height: 300px;
    width: 100%
}

.AdaptiveNewsLargeImageHeadline-body {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 0 0 5px 5px;
    font-weight: 300;
    padding: 10px 15px
}

.AdaptiveNewsLargeImageHeadline-title {
    color: #14171a;
    display: block;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 4px;
    max-height: 64px;
    overflow: hidden;
    word-wrap: break-word
}

.AdaptiveNewsLargeImageHeadline-title:focus,.AdaptiveNewsLargeImageHeadline-title:hover {
    color: #14171a
}

.AdaptiveNewsLargeImageHeadline-description {
    color: #66757f;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 9px;
    max-height: 40px;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word
}

.AdaptiveNewsLargeImageHeadline-description:focus,.AdaptiveNewsLargeImageHeadline-description:hover {
    text-decoration: none
}

.AdaptiveNewsRelatedHeadlines .AdaptiveSearchPage-moduleHeader {
    padding-top: 0
}

.AdaptiveNewsRelatedHeadlines-headline {
    border-bottom: 1px solid #e6ecf0;
    margin: 15px 15px 0;
    padding-bottom: 15px
}

.AdaptiveNewsRelatedHeadlines-headline:first-child {
    margin-top: 0;
    padding-top: 0
}

.AdaptiveNewsRelatedHeadlines-headline:last-child {
    border-bottom: 0
}

.AdaptiveNewsRelatedHeadlines-title {
    color: #14171a;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 4px;
    max-height: 36px;
    overflow: hidden;
    word-wrap: break-word
}

.AdaptiveNewsRelatedHeadlines-headline:focus,.AdaptiveNewsRelatedHeadlines-headline:hover {
    color: #14171a
}

.AdaptiveNewsRelatedHeadlines-description {
    color: #66757f;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
    max-height: 36px;
    overflow: hidden;
    word-wrap: break-word
}

.AdaptiveNewsRelatedHeadlines-description:focus,.AdaptiveNewsRelatedHeadlines-description:hover {
    text-decoration: none
}

.AdaptiveNewsSmallImageHeadline {
    margin-bottom: 10px
}

.AdaptiveNewsSmallImageHeadline .AdaptiveSearchPage-moduleHeader {
    padding-top: 0
}

.AdaptiveNewsSmallImageHeadline-body {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    padding: 15px 15px 10px 15px
}

.AdaptiveNewsSmallImageHeadline-article {
    display: inline-block;
    font-weight: 300;
    vertical-align: middle;
    width: 390px
}

.AdaptiveNewsSmallImageHeadline-image {
    background-size: cover;
    border-radius: 5px;
    display: inline-block;
    height: 150px;
    margin-bottom: 10px;
    margin-left: 15px;
    vertical-align: middle;
    width: 150px
}

.AdaptiveNewsSmallImageHeadline-title {
    color: #14171a;
    display: block;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 4px;
    max-height: 64px;
    overflow: hidden;
    word-wrap: break-word
}

.AdaptiveNewsSmallImageHeadline-title:focus,.AdaptiveNewsSmallImageHeadline-title:hover {
    color: #14171a
}

.AdaptiveNewsSmallImageHeadline-description {
    color: #66757f;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
    max-height: 60px;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word
}

.AdaptiveNewsSmallImageHeadline-description:focus,.AdaptiveNewsSmallImageHeadline-description:hover {
    text-decoration: none
}

.AdaptiveNewsTextHeadline {
    margin-bottom: 10px
}

.AdaptiveNewsTextHeadline .AdaptiveSearchPage-moduleHeader {
    padding-top: 0
}

.AdaptiveNewsTextHeadline-body {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    font-weight: 300;
    padding: 10px 15px
}

.AdaptiveNewsTextHeadline-title {
    color: #14171a;
    display: block;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 4px;
    max-height: 64px;
    overflow: hidden;
    word-wrap: break-word
}

.AdaptiveNewsTextHeadline-title:focus,.AdaptiveNewsTextHeadline-title:hover {
    color: #14171a
}

.AdaptiveNewsTextHeadline-description {
    color: #66757f;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    max-height: 40px;
    overflow: hidden;
    word-wrap: break-word
}

.AdaptiveNewsTextHeadline-description:focus,.AdaptiveNewsTextHeadline-description:hover {
    text-decoration: none
}

.AdaptiveGeoPlace {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 10px 15px
}

.AdaptiveGeoPlace-title {
    color: #14171a;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 4px;
    max-height: 64px;
    overflow: hidden;
    word-wrap: break-word
}

.AdaptiveGeoPlace-address {
    color: #14171a;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    max-height: 40px;
    overflow: hidden;
    word-wrap: break-word
}

.AdaptiveGeoPlace-vendorInfo {
    height: 35px;
    line-height: 35px;
    position: relative
}

.AdaptiveGeoPlace-ratingImage {
    display: inline-block;
    height: 15px;
    margin-bottom: 2px;
    vertical-align: middle;
    width: 82px
}

.AdaptiveGeoPlace-ratingText {
    margin: 0 3px 0 4px
}

.AdaptiveGeoPlace-logo {
    display: inline;
    vertical-align: middle
}

.AdaptiveGeoPlace--yelp .AdaptiveGeoPlace-logo {
    height: 20px;
    margin-bottom: 6px;
    width: 40px
}

.AdaptiveGeoPlace--foursquare .AdaptiveGeoPlace-logo {
    height: 20px;
    width: 158px
}

.AdaptiveGeoPlace-linkButton {
    bottom: 0;
    color: #14171a;
    position: absolute;
    right: 0
}

.AdaptiveStickersPage.AdaptiveSearchPage .AppContent {
    padding-top: 46px
}

.AdaptiveStickersPage-title {
    background-color: #1da1f2;
    padding: 11px 0
}

.AdaptiveStickersPage-title .AdaptiveStickersPage-stickerImage {
    display: block;
    margin: 12px auto;
    max-height: 140px;
    max-width: 140px
}

.AdaptiveStickersPage-title .AdaptiveStickersPage-attribution {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 8px;
    text-align: center
}

.AdaptiveStickersPage-title .AdaptiveStickersPage-attributionLink {
    color: #fff;
    font-weight: bold
}

.AdaptiveStickersPage-title .Icon--verified {
    color: #fff;
    font-size: 12px;
    line-height: 12px
}

.AdaptiveStickersPage-title .Icon--verified:before {
    color: transparent
}

.AdaptiveStickersPage .SidebarCommonModules .WhoToFollow {
    margin-top: 0
}

.AdaptiveSearchTimeline .stream .stream-item:first-child {
    border-top: 1px solid #e6ecf0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.AdaptiveSearchTimeline .stream .stream-item:first-child .tweet {
    border-top-left-radius: 6px!important;
    border-top-right-radius: 6px!important
}

.AdaptiveSearchTimeline-separationModule {
    margin-bottom: 15px
}

.AdaptiveSearchTimeline-separationModule+.stream-item {
    border-top: 1px solid #e6ecf0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.AdaptiveSearchTimeline-separationModule+.stream-item .tweet {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.AdaptiveSearchTimeline-separationModule.selected-stream-item:focus {
    border: 0;
    margin: 0 0 15px
}

.AdaptiveSearchTimeline-beforeModule:not(.AdaptiveSearchTimeline-separationModule) {
    border-bottom: 1px solid #e6ecf0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.AdaptiveSearchTimeline-beforeModule:not(.AdaptiveSearchTimeline-separationModule) .tweet {
    border-bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.AdaptiveSearchTimeline .new-tweets-bar-visible+.stream>.stream-items>.stream-item:first-child {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.AdaptiveSearchTimeline :not(.new-tweets-bar-visible)+.stream>.stream-items>.AdaptiveStreamUserGallery:first-child .AdaptiveSearchPage-moduleHeader {
    padding-top: 0
}

.AdaptiveSearchTimeline .tweet .Icon--verified {
    font-size: 14px;
    line-height: 13px;
    top: 1px
}

.AdaptiveSearchTimeline .stream-container .AdaptiveStreamGridImage.grid-tweet {
    margin: 1px 0 0 1px;
    transition: height .5s,width .5s ease
}

.AdaptiveSearchTimeline--mediaGrid .stream-items:before,.AdaptiveSearchTimeline--mediaGrid .stream-items:after {
    content: " ";
    display: table
}

.AdaptiveSearchTimeline--mediaGrid .stream-items:after {
    clear: both
}

.AdaptiveSearchTimeline--mediaGrid .stream-end-inner {
    background: transparent;
    border-radius: 0;
    padding: 0
}

.AdaptiveSearchTimeline--mediaGrid .stream-end {
    border: 0
}

.AdaptiveSearchTimeline--mediaGrid .stream-end .Icon--logo {
    display: none
}

.AdaptiveSearchTimeline--mediaGrid .timeline-end:not(.has-items),.AdaptiveSearchTimeline--userGrid .GridTimeline-end:not(.has-items) {
    width: 590px
}

.AdaptiveSearchTimeline .AdaptiveStreamUserGallery-user .ProfileCard:not(.ProfileCard--wide),.AdaptiveSearchTimeline--userGrid .GridTimeline .ProfileCard:not(.ProfileCard--wide) {
    height: 289px
}

.AdaptiveStreamImageGallery-images {
    border-radius: 6px;
    overflow: hidden
}

.AdaptiveStreamImageGallery-images .AdaptiveStreamGridImage.first-row {
    margin-top: 0!important
}

.AdaptiveStreamTweetGallery .stream-item:last-child,.AdaptiveStreamTweetGallery .stream-item:last-child>.tweet {
    border-bottom-left-radius: 6px!important;
    border-bottom-right-radius: 6px!important
}

.SearchEmptyTimeline {
    color: #657786;
    font-size: 14px;
    line-height: 20px;
    margin: 64px;
    text-align: center
}

.AdaptiveSearchPage {
    background-color: #f5f8fa!important;
    background-image: none!important
}

.AdaptiveSearchPage .AppContent {
    min-width: 910px;
    padding: 160px 0 15px
}

.AdaptiveSearchPage.with-spellingSuggestion .AppContent {
    padding-top: 178px
}

.AdaptiveSearchPage .AppContent-main {
    max-width: 1190px;
    min-width: 890px;
    margin: 15px auto 0
}

.AdaptiveSearchPage.three-col .content-main {
    float: none;
    margin: 0
}

.AdaptiveSearchPage-moduleHeader {
    line-height: 1;
    padding: 15px 15px 10px 15px;
    position: relative
}

.AdaptiveSearchPage-moduleTitle {
    color: #66757f;
    font-size: 18px
}

.AdaptiveSearchPage-moduleLink {
    color: #1da1f2;
    float: right;
    font-size: 12px;
    font-weight: normal;
    padding-top: 2px
}

.AdaptiveSearchPage-relatedModule {
    float: right
}

.AdaptiveSearchPage .BannersContainer {
    margin: 10px auto;
    width: 1190px
}

@media screen and (max-width:1236px) {
    .AdaptiveSearchPage.AdaptiveNewsPage .AdaptiveSearchPage-relatedModule {
        display: none
    }

    .AdaptiveSearchPage .BannersContainer {
        width: 890px
    }
}

@media screen and (max-height:720px) {
    .AdaptiveSearchPage .SearchNavigation {
        position: static
    }

    .AdaptiveSearchPage .AppContent,.AdaptiveSearchPage.with-spellingSuggestion .AppContent {
        padding-top: 46px
    }
}

.Streams {
    background-color: #f5f8fa
}

.Streams .AppContent {
    padding-top: 30px;
    margin-bottom: 40px;
    transform: translateZ(0)
}

.Streams-mainContent {
    margin-bottom: 80px
}

.Streams-module {
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 18px 23px;
    margin-bottom: 10px
}

.Streams-headerModule {
    background-color: #1da1f2;
    line-height: 32px;
    border-radius: 6px;
    overflow: hidden;
    padding: 45px 23px;
    margin-bottom: 10px
}

.Streams-headerModule h2,.Streams-headerModule p {
    color: white
}

.Streams-headerModule p {
    font-weight: 300
}

.Streams-featuredStreamsDescription {
    font-size: 16px;
    color: #657786;
    margin: 5px 0 33px 0
}

.Streams-recentStreamsList,.Streams-featuredStreamList {
    text-align: justify
}

.Streams-featuredStreamList:after {
    content: "";
    display: inline-block;
    width: 100%
}

.Streams-featuredStream {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 16px;
    width: 264px;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    *display: inline;
    zoom: 1
}

.Streams .dashboard-right-fixed .LoginCallOut,.Streams .dashboard-right-fixed .SignupCallOut,.Streams .stream-dashboard-right-fixed .LoginCallOut,.Streams .stream-dashboard-right-fixed .SignupCallOut {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    width: 290px
}

.Streams .dashboard-right-fixed .LoginCallOut {
    top: 60px
}

.Streams .dashboard-right-fixed .SignupCallOut {
    top: 285px
}

.Streams .dashboard-right-fixed.dashboard-single-module .LoginCallout,.Streams .dashboard-right-fixed.dashboard-single-module .SignupCallOut {
    top: 60px
}

.Streams .stream-dashboard-right-fixed .LoginCallOut {
    top: 140px
}

.Streams .stream-dashboard-right-fixed .SignupCallOut {
    top: 365px
}

.Streams .SignupCallOut,.Streams .LoginCallOut {
    border: 0;
    margin-bottom: 10px
}

.Streams .LoginCallOut-title,.Streams .SignupCallOut-title {
    color: #667585;
    font-size: 16px;
    font-weight: normal
}

.Streams .LoginCallOut .primary-btn,.Streams .SignupCallOut .primary-btn,.Streams .LoginDialog .primary-btn {
    background-image: none;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: normal;
    padding: 11px 16px
}

.Streams .LoginForm input::-webkit-input-placeholder,.Streams .SignupForm input::-webkit-input-placeholder {
    color: #a8b6c0
}

.Streams .LoginForm input:-moz-placeholder,.Streams .SignupForm input:-moz-placeholder {
    color: #a8b6c0
}

.Streams .LoginForm input::-moz-placeholder,.Streams .SignupForm input::-moz-placeholder {
    color: #a8b6c0
}

.Streams .LoginForm input:-ms-input-placeholder,.Streams .SignupForm input:-ms-input-placeholder {
    color: #a8b6c0
}

.Streams .LoginForm input::placeholder,.Streams .SignupForm input::placeholder {
    color: #a8b6c0
}

.Streams .SignupCallOut-subheader {
    color: #8599a7
}

.Streams .front-warning {
    height: auto;
    margin: 0 0 10px 0;
    position: static;
    width: auto
}

.Streams .stream-items .stream-item:first-child {
    border-radius: 6px 6px 0 0;
    border-top: 1px solid #e6ecf0
}

.Streams .stream-end-inner {
    background-color: #f5f8fa
}

.Streams-momentsContainer {
    margin: 6px auto 0;
    width: 1220px
}

.Streams-momentsModules {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px
}

.Streams-momentsModules .MomentCapsuleSummary,.Streams-momentsModules .InStreamLogin,.Streams-momentsModules .InStreamSignup {
    margin: 0 5px;
    width: 100%
}

.Streams-momentsTitle {
    color: #66757f;
    font-size: 18px;
    padding: 0 20px 15px
}

.Streams-momentsViewAll {
    font-size: 12px
}

.Streams-momentsViewAll a {
    color: #14171a
}

.Streams-divider {
    margin: 38px 15px 26px;
    position: relative;
    text-align: center
}

.Streams-divider:before {
    background: #ccd6dd;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 45%;
    z-index: -1
}

.Streams-dividerText {
    background-color: #f5f8fa;
    color: #66757f;
    display: inline-block;
    font-size: 18px;
    padding: 0 15px
}

.Streams .StreamsLiveVideoModule .InStreamSignup .SignupCallOut-title,.Streams .StreamsLiveVideoModule .InStreamLogin .LoginCallOut-title,.Streams-momentsContainer .InStreamSignup .SignupCallOut-title,.Streams-momentsContainer .InStreamLogin .LoginCallOut-title {
    font-size: 22px;
    line-height: 26px
}

.Streams .StreamsLiveVideoModule .InStreamLogin .LoginCallOut-title,.Streams-momentsContainer .InStreamLogin .LoginCallOut-title {
    margin-bottom: 0;
    margin-top: 42px
}

.Streams .StreamsLiveVideoModule .InStreamLogin .primary-btn.submit,.Streams-momentsContainer .InStreamLogin .primary-btn.submit {
    margin-top: 18px
}

.Streams .StreamsLiveVideoModule .InStreamSignup .SignupCallOut-title,.Streams-momentsContainer .InStreamSignup .SignupCallOut-title {
    margin-bottom: 14px;
    margin-top: 70px
}

.Streams .StreamsLiveVideoModule .InStreamSignup .SignupCallOut-subheader,.Streams-momentsContainer .InStreamSignup .SignupCallOut-subheader {
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 18px
}

.Streams .StreamsLiveVideoModule .InStreamSignup .SignupForm,.Streams-momentsContainer .InStreamSignup .SignupForm {
    margin: 0 40px
}

.Streams .StreamsLiveVideoModule .InStreamSignup .SignupForm-submit,.Streams-momentsContainer .InStreamSignup .SignupForm-submit {
    margin-top: 12px
}

.StreamsColor--green .StreamsCategoryBar-item:active,.StreamsColor--green .StreamsCategoryBar-item:hover,.StreamsColor--green .StreamsCategoryBar-item:focus,.StreamsColor--green .StreamsCategoryBar-item.StreamsCategoryBar-item--selected {
    border-bottom-color: #17bf63
}

.StreamsColor--green .StreamsCategoryBar-itemName--reduced:active,.StreamsColor--green .StreamsCategoryBar-itemName--reduced:hover,.StreamsColor--green .StreamsCategoryBar-itemName--reduced:focus {
    border-left-color: #17bf63
}

.StreamsColor--green .StreamsHero-image,.StreamsColor--green .InStreamSignup,.StreamsColor--green .InStreamLogin,.StreamsColor--green .InStreamSignup .SignupCallOut,.StreamsColor--green .InStreamLogin .LoginCallOut {
    background-color: #17bf63
}

.StreamsColor--green .StreamsHero-buttonContainer .Button:hover,.StreamsColor--green .StreamsHero-buttonContainer .Button:focus,.StreamsColor--green .InStreamSignup .SignupForm-submit,.StreamsColor--green .InStreamLogin .primary-btn.submit,.StreamsColor--green .StreamsCategoryBar-item.ItemSearch .Icon--search {
    color: #17bf63
}

.StreamsColor--green .StreamsHero-superImage {
    color: #68e090
}

.StreamsColor--yellow .StreamsCategoryBar-item:active,.StreamsColor--yellow .StreamsCategoryBar-item:hover,.StreamsColor--yellow .StreamsCategoryBar-item:focus,.StreamsColor--yellow .StreamsCategoryBar-item.StreamsCategoryBar-item--selected {
    border-bottom-color: #ffad1f
}

.StreamsColor--yellow .StreamsCategoryBar-itemName--reduced:active,.StreamsColor--yellow .StreamsCategoryBar-itemName--reduced:hover,.StreamsColor--yellow .StreamsCategoryBar-itemName--reduced:focus {
    border-left-color: #ffad1f
}

.StreamsColor--yellow .StreamsHero-image,.StreamsColor--yellow .InStreamSignup,.StreamsColor--yellow .InStreamLogin,.StreamsColor--yellow .InStreamSignup .SignupCallOut,.StreamsColor--yellow .InStreamLogin .LoginCallOut {
    background-color: #ffad1f
}

.StreamsColor--yellow .StreamsHero-buttonContainer .Button:hover,.StreamsColor--yellow .StreamsHero-buttonContainer .Button:focus,.StreamsColor--yellow .InStreamSignup .SignupForm-submit,.StreamsColor--yellow .InStreamLogin .primary-btn.submit,.StreamsColor--yellow .StreamsCategoryBar-item.ItemSearch .Icon--search {
    color: #ffad1f
}

.StreamsColor--yellow .StreamsHero-superImage {
    color: #ffd03f
}

.StreamsColor--red .StreamsCategoryBar-item:active,.StreamsColor--red .StreamsCategoryBar-item:hover,.StreamsColor--red .StreamsCategoryBar-item:focus,.StreamsColor--red .StreamsCategoryBar-item.StreamsCategoryBar-item--selected {
    border-bottom-color: #e0245e
}

.StreamsColor--red .StreamsCategoryBar-itemName--reduced:active,.StreamsColor--red .StreamsCategoryBar-itemName--reduced:hover,.StreamsColor--red .StreamsCategoryBar-itemName--reduced:focus {
    border-left-color: #e0245e
}

.StreamsColor--red .StreamsHero-image,.StreamsColor--red .InStreamSignup,.StreamsColor--red .InStreamLogin,.StreamsColor--red .InStreamSignup .SignupCallOut,.StreamsColor--red .InStreamLogin .LoginCallOut {
    background-color: #e0245e
}

.StreamsColor--red .StreamsHero-buttonContainer .Button:hover,.StreamsColor--red .StreamsHero-buttonContainer .Button:focus,.StreamsColor--red .InStreamSignup .SignupForm-submit,.StreamsColor--red .InStreamLogin .primary-btn.submit,.StreamsColor--red .StreamsCategoryBar-item.ItemSearch .Icon--search {
    color: #e0245e
}

.StreamsColor--red .StreamsHero-superImage {
    color: #f6809a
}

.StreamsColor--purple .StreamsCategoryBar-item:active,.StreamsColor--purple .StreamsCategoryBar-item:hover,.StreamsColor--purple .StreamsCategoryBar-item:focus,.StreamsColor--purple .StreamsCategoryBar-item.StreamsCategoryBar-item--selected {
    border-bottom-color: #794bc4
}

.StreamsColor--purple .StreamsCategoryBar-itemName--reduced:active,.StreamsColor--purple .StreamsCategoryBar-itemName--reduced:hover,.StreamsColor--purple .StreamsCategoryBar-itemName--reduced:focus {
    border-left-color: #794bc4
}

.StreamsColor--purple .StreamsHero-image,.StreamsColor--purple .InStreamSignup,.StreamsColor--purple .InStreamLogin,.StreamsColor--purple .InStreamSignup .SignupCallOut,.StreamsColor--purple .InStreamLogin .LoginCallOut {
    background-color: #794bc4
}

.StreamsColor--purple .StreamsHero-buttonContainer .Button:hover,.StreamsColor--purple .StreamsHero-buttonContainer .Button:focus,.StreamsColor--purple .InStreamSignup .SignupForm-submit,.StreamsColor--purple .InStreamLogin .primary-btn.submit,.StreamsColor--purple .StreamsCategoryBar-item.ItemSearch .Icon--search {
    color: #794bc4
}

.StreamsColor--purple .StreamsHero-superImage {
    color: #a37ced
}

.StreamsColor--orange .StreamsCategoryBar-item:active,.StreamsColor--orange .StreamsCategoryBar-item:hover,.StreamsColor--orange .StreamsCategoryBar-item:focus,.StreamsColor--orange .StreamsCategoryBar-item.StreamsCategoryBar-item--selected {
    border-bottom-color: #f45d22
}

.StreamsColor--orange .StreamsCategoryBar-itemName--reduced:active,.StreamsColor--orange .StreamsCategoryBar-itemName--reduced:hover,.StreamsColor--orange .StreamsCategoryBar-itemName--reduced:focus {
    border-left-color: #f45d22
}

.StreamsColor--orange .StreamsHero-image,.StreamsColor--orange .InStreamSignup,.StreamsColor--orange .InStreamLogin,.StreamsColor--orange .InStreamSignup .SignupCallOut,.StreamsColor--orange .InStreamLogin .LoginCallOut {
    background-color: #f45d22
}

.StreamsColor--orange .StreamsHero-buttonContainer .Button:hover,.StreamsColor--orange .StreamsHero-buttonContainer .Button:focus,.StreamsColor--orange .InStreamSignup .SignupForm-submit,.StreamsColor--orange .InStreamLogin .primary-btn.submit,.StreamsColor--oragne .StreamsCategoryBar-item.ItemSearch .Icon--search {
    color: #f45d22
}

.StreamsColor--orange .StreamsHero-superImage {
    color: #ff8d57
}

.StreamsFooter {
    border-top: 1px solid #e6ecf0;
    padding: 11px 0;
    position: fixed;
    background-color: white;
    bottom: -10%;
    width: 100%;
    z-index: 2
}

.StreamsFooter--slide {
    transition: bottom 300ms ease
}

.StreamsFooter--fixed {
    width: 100%;
    bottom: 0
}

.StreamsFooter-list {
    margin: 0 auto;
    text-align: center;
    width: 890px
}

@media screen and (min-width:1236px) {
    .StreamsFooter-list {
        width: 1190px
    }
}

.StreamsFooter-item {
    display: inline-block;
    padding: 0 9px 0 9px
}

.StreamsFooter-item a {
    color: #aab8c2;
    font-size: 12px
}

.StreamsFooter-copyright {
    color: #aab8c2;
    font-size: 12px
}

.StreamsHero {
    position: relative
}

.StreamsHero-image {
    background-color: #1da1f2;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    position: absolute
}

.StreamsHero-superImage {
    color: #61bcf6;
    font-size: 75vw;
    position: absolute;
    right: -20%;
    top: 75%
}

.StreamsHero,.StreamsHero-image {
    height: 300px;
    width: 100%
}

.StreamsHero-content {
    position: relative;
    text-align: center;
    transition: top 300ms linear;
    width: 680px;
    margin: 0 auto
}

.StreamsHero .StreamsHero-buttonContainer .Icon--bird {
    color: #fff;
    font-size: 32px;
    top: 10px
}

.StreamsHero-header {
    color: #fff;
    font-weight: 200;
    line-height: 48px;
    margin-bottom: -5px;
    font-size: 32px
}

.StreamsHero--tall .StreamsHero-header {
    font-size: 48px;
    font-weight: 500
}

.StreamsHero-blurb {
    color: #fff;
    font-size: 21px;
    font-weight: 200;
    line-height: 28px;
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    transition: opacity 300ms linear
}

.StreamsHero-buttons {
    width: 100%;
    position: fixed
}

.StreamsHero-buttonContainer {
    color: #fff;
    margin: 0 auto;
    padding-top: 20px;
    text-align: right;
    width: 1195px
}

@media(max-width:1236px) {
    .StreamsHero-buttonContainer {
        width: 95%
    }
}

.StreamsHero-buttonContainer .Icon {
    position: relative;
    float: left
}

.StreamsHero-buttonContainer .Button {
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.3);
    font-size: 16px;
    font-weight: 200;
    padding: 10px 35px
}

.StreamsHero-buttonContainer .Button+.Button {
    margin-left: 8px
}

.StreamsHero-buttonContainer .Button.StreamsLogin {
    background: rgba(255,255,255,0.3);
    border: 1px solid transparent
}

.StreamsHero-buttonContainer .Button:hover,.StreamsHero-buttonContainer .Button:focus {
    background: #fff;
    color: #1da1f2
}

.StreamsTopBar-container {
    height: 60px
}

.StreamsTopBar {
    background-color: #fff;
    border-bottom: 1px solid #e6ecf0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    z-index: 1000
}

.StreamsTopBar--fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.StreamsTopBar-categoryContainer {
    margin: 0 auto;
    max-width: 1195px
}

.StreamsTopBar-searchContainer {
    margin: 0 auto;
    max-width: 800px;
    padding-top: 10px;
    position: relative;
    transition: all 100ms ease-in;
    width: 95%
}

.StreamsTopBar-searchButton {
    color: #a8b6c0;
    font-size: 20px;
    height: 22px;
    left: 15px;
    padding-left: 1px;
    position: absolute;
    top: 7px
}

.StreamsTopBar-searchInput {
    background-color: #edf0f3;
    border: 0;
    border-radius: 6px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding: 10px 25px 10px 45px;
    width: 100%
}

.StreamsTopBar-searchInput::-webkit-input-placeholder {
    color: #aab8c2;
    text-overflow: ellipsis!important
}

.StreamsTopBar-searchInput:-moz-placeholder {
    color: #aab8c2;
    text-overflow: ellipsis!important
}

.StreamsTopBar-searchInput::-moz-placeholder {
    color: #aab8c2;
    text-overflow: ellipsis!important
}

.StreamsTopBar-searchInput:-ms-input-placeholder {
    color: #aab8c2;
    text-overflow: ellipsis!important
}

.StreamsTopBar-searchInput::placeholder {
    color: #aab8c2;
    text-overflow: ellipsis!important
}

.StreamsTopBar-searchDismiss {
    color: #aab8c2;
    position: absolute;
    right: -10px;
    top: 5px;
    height: 50px;
    width: 50px
}

.StreamsTopBar-container--withStreamHero,.StreamsTopBar-container--withStreamHero .StreamsTopBar {
    height: 190px;
    transition: height 300ms linear
}

.StreamsTopBar .StreamsHero,.StreamsTopBar .StreamsHero-image {
    height: 130px;
    transition: height 300ms linear
}

.StreamsTopBar .StreamsHero-content {
    top: -45px
}

.StreamsTopBar .StreamsHero-content.StreamsHero-content--noBlurb {
    top: -23px
}

.StreamsTopBar-container:not(.StreamsTopBar-container--collapsedHero) .StreamsHero--tall .StreamsHero-content {
    top: 20px
}

.StreamsTopBar-container--withTallHeader {
    height: 270px
}

.StreamsTopBar-container--withTallHeader .StreamsTopBar {
    height: 270px
}

.StreamsTopBar-container--withTallHeader .StreamsHero {
    height: 210px
}

.StreamsTopBar-container--withTallHeader .StreamsHero-image {
    height: 210px
}

.StreamsTopBar-container--withTallHeader .StreamsHero-content {
    top: 0
}

.StreamsTopBar-container--collapsedHero,.StreamsTopBar-container--collapsedHero .StreamsTopBar {
    height: 140px
}

.StreamsTopBar-container--collapsedHero .StreamsHero,.StreamsTopBar-container--collapsedHero .StreamsHero-image {
    height: 80px
}

.StreamsTopBar-container--collapsedHero .StreamsHero-content,.StreamsTopBar-container--collapsedHero .StreamsHero-content.StreamsHero-content--noBlurb {
    top: -45px;
    margin: 0 auto
}

.StreamsTopBar-container--collapsedHero .StreamsHero-blurb {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.StreamsTopBar--invisible {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.Streams .TweetForwardTimeline {
    margin: -20px auto 0 auto;
    width: 1220px
}

.Streams .TweetForwardTimeline>.Grid-cell {
    max-width: 400px
}

.Streams .TweetForwardTimeline>.Grid-cell+.Grid-cell {
    margin-left: 10px
}

.Streams .TweetForwardTimeline .tweet {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #e6ecf0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 15px;
    padding: 15px;
    width: 370px
}

.Streams .TweetForwardTimeline .tweet .stream-item-header {
    margin-bottom: 10px;
    position: relative
}

.Streams .TweetForwardTimeline .tweet .stream-item-header .avatar {
    height: 28px;
    margin-left: 0;
    margin-right: 5px;
    width: 28px
}

.Streams .TweetForwardTimeline .tweet .username {
    display: block
}

.Streams .TweetForwardTimeline .tweet .time {
    position: absolute;
    right: 0;
    top: 0
}

.Streams .TweetForwardTimeline .tweet .tweet-timestamp {
    display: inline-block
}

.Streams .TweetForwardTimeline .tweet .time:before {
    display: none
}

.Streams .TweetForwardTimeline .tweet.animated-gif-playing .AdaptiveMedia-videoPreview.is-playing {
    display: none
}

.Streams .TweetForwardTimeline .stream-end,.Streams .TweetForwardTimeline .stream-loading,.Streams .TweetForwardTimeline .stream-placeholder {
    border: 0
}

.Streams .u-textUserColorHover:hover,.Streams .u-textUserColorHover:hover .ProfileTweet-actionCount,.Streams .tweet-timestamp:hover {
    color: #1da1f2
}

.Streams .ProfileTweet-actionButton:active {
    outline: 0
}

.Streams .TweetForwardTimeline .tweet .PlayableMedia-attribution,.Streams .TweetForwardTimeline .tweet .PlayableMedia-title,.Streams .TweetForwardTimeline .tweet .PlayableMedia-description {
    display: none
}

.TweetWithPivotModule {
    display: inline-block
}

.TweetWithPivotModule-header {
    font-size: 13px;
    font-weight: 500;
    margin: 25px 0 0 20px
}

.TweetWithPivotModule-header a {
    color: #14171a
}

.TweetWithPivotModule-header .Icon--caretRight {
    font-size: 8px;
    padding-left: 4px
}

.StreamsCategoryBar {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: all 100ms ease-out
}

.StreamsCategoryBar-item {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0 solid #1da1f2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 59px;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 0
}

.StreamsCategoryBar-item+.StreamsCategoryBar-item {
    border-left: 1px solid #e6ecf0
}

.StreamsCategoryBar-itemName {
    color: #14171a;
    font-size: 18px;
    font-weight: 200;
    margin: 0 auto
}

.StreamsCategoryBar-item:active,.StreamsCategoryBar-item:hover,.StreamsCategoryBar-item:focus,.StreamsCategoryBar-item.StreamsCategoryBar-item--selected {
    border-bottom-width: 5px;
    cursor: pointer;
    padding-bottom: 0;
    text-decoration: none
}

.StreamsCategoryBar-dropdownMenuContent {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 200px
}

.StreamsCategoryBar-itemName--reduced {
    border-left: 5px solid #fff;
    padding: 10px;
    transition: border 200ms;
    white-space: nowrap
}

.StreamsCategoryBar-itemName--reduced:active,.StreamsCategoryBar-itemName--reduced:hover,.StreamsCategoryBar-itemName--reduced:focus {
    border-left: 5px solid #1da1f2
}

.StreamsCategoryBar-moreIcon {
    font-size: 9px
}

.StreamsLiveVideoModule {
    margin: 6px auto 22px;
    width: 1220px
}

.StreamsLiveVideoModule .Streams-divider {
    margin-bottom: 4px
}

.StreamsLiveVideoModule .InStreamLogin,.StreamsLiveVideoModule .InStreamSignup {
    margin: 0 5px;
    width: 290px
}

.StreamsLiveVideoModule-content {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px
}

.StreamsLiveVideoModule-title {
    color: #66757f;
    font-size: 18px;
    padding: 0 20px 15px
}

.StreamsLiveVideoModule-viewStream {
    font-size: 12px
}

.StreamsLiveVideoModule-viewStream a {
    color: #14171a
}

.StreamsLiveVideoModule-logo {
    height: 40px;
    margin-bottom: 20px
}

.StreamsLiveVideoModule-text {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px
}

.StreamsLiveVideoModule-buttonContainer,.StreamsLiveVideoModule-logoContainer {
    text-align: center
}

.StreamsLiveVideoModule-button {
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 35px;
    pointer-events: auto
}

.StreamsLiveVideoModule-button:hover {
    background: #fff;
    color: #1da1f2;
    text-decoration: none
}

.StreamsLiveVideoModule-liveBadge {
    background-color: #e0245e;
    border-radius: 2px;
    color: #fff;
    float: right;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 20px;
    margin-right: 295px;
    margin-top: 2px;
    padding: 0 8px;
    text-transform: uppercase
}

.StreamsLiveVideoModule-box {
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 5px;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 340px;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.StreamsLiveVideoModule-box .PlayableMedia-player {
    height: 150%;
    overflow: hidden;
    position: absolute;
    top: -25%;
    width: 100%;
    z-index: -1000
}

.StreamsLiveVideoModule-overlay {
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: linear-gradient(transparent,rgba(0,0,0,0.6));
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    width: 100%
}

.StreamsLiveVideoModule-textOverlay {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 30px;
    width: auto
}

.InStreamSignup,.InStreamLogin {
    background-color: #1da1f2;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 15px;
    padding: 15px;
    width: 370px
}

.InStreamSignup .SignupCallOut,.InStreamLogin .LoginCallOut {
    background-color: #1da1f2;
    border-radius: 5px
}

.InStreamSignup .SignupCallOut-title,.InStreamSignup .SignupCallOut-subheader,.InStreamLogin .LoginCallOut-title {
    color: #fff;
    text-align: center;
    font-weight: 200
}

.InStreamSignup .SignupCallOut-title,.InStreamLogin .LoginCallOut-title {
    font-size: 27px;
    margin-bottom: 15px
}

.InStreamSignup .SignupCallOut-subheader {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px
}

.InStreamSignup .SignupForm-submit,.InStreamLogin .primary-btn.submit {
    background-color: #fff;
    border: 1px solid white;
    color: #1da1f2;
    margin-top: 30px
}

.InStreamSignup .SignupForm-input input,.InStreamLogin .LoginForm-input input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    border-radius: 0;
    color: white;
    letter-spacing: 1px;
    font-size: 14px
}

.InStreamSignup .SignupForm .primary-btn:focus,.InStreamLogin .LoginForm .primary-btn:focus,.InStreamSignup .SignupForm .primary-btn:active,.InStreamLogin .LoginForm .primary-btn:active,.InStreamSignup .SignupForm .primary-btn:hover,.InStreamLogin .LoginForm .primary-btn:hover {
    border: 1px solid #aab8c2
}

.InStreamLogin .LoginForm-input input:focus {
    border-bottom: 1px solid rgba(255,255,255,0.5)
}

.InStreamSignup .SignupForm-input input::-webkit-input-placeholder,.InStreamLogin .LoginForm-input input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    font-weight: 200;
    letter-spacing: .5px
}

.InStreamSignup .SignupForm-input input:-moz-placeholder,.InStreamLogin .LoginForm-input input:-moz-placeholder {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    font-weight: 200;
    letter-spacing: .5px
}

.InStreamSignup .SignupForm-input input::-moz-placeholder,.InStreamLogin .LoginForm-input input::-moz-placeholder {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    font-weight: 200;
    letter-spacing: .5px
}

.InStreamSignup .SignupForm-input input:-ms-input-placeholder,.InStreamLogin .LoginForm-input input:-ms-input-placeholder {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    font-weight: 200;
    letter-spacing: .5px
}

.InStreamSignup .SignupForm-input input::placeholder,.InStreamLogin .LoginForm-input input::placeholder {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    font-weight: 200;
    letter-spacing: .5px
}

.InStreamLogin .LoginForm-rememberForgot label {
    color: #fff
}

.InStreamLogin .LoginForm-rememberForgot a {
    color: #fff;
    line-height: 24px;
    float: right;
    padding-top: 3px
}

.InStreamSignup--extraPivotMargin,.InStreamLogin--extraPivotMargin {
    margin-top: 60px
}

.Streams .TweetForwardTimeline .AdaptiveMedia {
    border: 1px solid #e6ecf0;
    border-radius: 5px 5px 0 0;
    margin: -16px -16px 11px -16px;
    max-height: 276px;
    max-width: 368px
}

.Streams .TweetForwardTimeline .AdaptiveMedia-singlePhoto {
    width: 368px
}

.Streams .TweetForwardTimeline .AdaptiveMedia-singlePhoto img {
    width: 100%
}

.Streams .TweetForwardTimeline .AdaptiveMedia-doublePhoto {
    height: 184px;
    width: 368px
}

.Streams .TweetForwardTimeline .AdaptiveMedia-triplePhoto {
    height: 245.33333333333334px;
    width: 368px
}

.Streams .TweetForwardTimeline .AdaptiveMedia-quadPhoto {
    height: 276px;
    width: 368px
}

.Streams .TweetForwardTimeline .AdaptiveMedia-video {
    width: 368px
}

.Streams .TweetForwardTimeline .AdaptiveMedia-video.card2[data-card2-name="animated_gif"] {
    min-height: 200px;
    border-radius: 5px 5px 0 0
}

.login-responsive .nav .dropdown-signin,.nav li .dropdown-signup {
    display: none
}

.login-responsive .nav .dropdown-signup {
    display: block
}

.login-responsive .nav .dropdown-signup .emphasize {
    color: #fc0
}

.login-responsive .page-canvas {
    background-color: #fff;
    box-shadow: 0 0 225px rgba(255,255,255,0.55)
}

.language-dropdown,.country-dropdown {
    display: none
}

.session-dropdown {
    display: block;
    padding-left: 10px
}

.route-mobile-gallery .topbar .form-search,.route-download .topbar .form-search,.route-unsubscribe .topbar .form-search {
    display: none
}

.front-page .language-dropdown,.route-mobile-gallery .language-dropdown,.route-download .language-dropdown,.fast-signup .language-dropdown,.login-responsive .language-dropdown,.front-page .country-dropdown,.route-mobile-gallery .country-dropdown,.route-download .country-dropdown,.fast-signup .country-dropdown,.login-responsive .country-dropdown {
    display: block
}

.front-page .session-dropdown,.login-responsive .session-dropdown,.route-download .language-dropdown {
    display: none
}

.logged-out .global-nav .form-search {
    margin-right: 5px
}

.country-dropdown .dropdown-menu,.language-dropdown .dropdown-menu {
    width: 375px;
    position: absolute;
    right: 0
}

.country-dropdown .dropdown-menu li,.language-dropdown .dropdown-menu li {
    width: 125px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.language-dropdown .dropdown-menu {
    width: 250px
}

.language-dropdown .dropdown-menu li {
    width: 50%
}

body.de .country-dropdown .dropdown-menu {
    width: 432px
}

.dropdown-form {
    padding: 15px;
    left: auto;
    right: 0
}

.dropdown-form label {
    color: #14171a
}

.dropdown-form .remember {
    float: right;
    line-height: 25px;
    cursor: pointer
}

.dropdown-form .divider {
    margin: 15px -15px
}

.dropdown-form p a {
    display: inline
}

.signin-wrapper,.signup-wrapper,.resend-password-wrapper,.mobile-complete-wrapper {
    display: block;
    width: 400px;
    clear: both
}

.signin-wrapper,.signup-wrapper {
    margin: 0 auto 10px
}

.resend-password-wrapper {
    margin: 0 auto 30px
}

.mobile-complete-wrapper {
    margin: 0 auto 40px
}

.signin-wrapper h1,.signup-wrapper h1,.resend-password-wrapper h1,.mobile-complete-wrapper h1 {
    padding: 40px 0 20px 0;
    clear: both
}

.signup,.resend-password,.mobile-complete {
    padding: 10px 0;
    border-radius: 5px
}

.signin fieldset,.resend-password fieldset {
    margin-bottom: 16px
}

.resend-password .separator {
    padding: 10px 0
}

.resend-password .input-prepend input.username-prepended-input {
    width: 254px
}

.notification-prepended {
    margin-left: 4px
}

.signin .password,.signin .username {
    width: 150px;
    font-size: 14px
}

.signin .subchck {
    display: inline-block;
    margin-bottom: 0
}

.signin .remember {
    margin-left: 12px;
    text-align: left;
    color: #14171a;
    line-height: 30px
}

.signin .field {
    margin-bottom: 15px
}

.login-responsive .mobile,.route-resend-password .mobile,.contact-support {
    background-color: #f4f4f4;
    padding: 20px 12px 20px 126px;
    font-size: 14px;
    line-height: 20px;
    color: #657786;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.signin-wrapper form input[type=text],.signin-wrapper form input[type=password],.resend-password-wrapper form input[type=text] {
    width: 97%;
    max-width: 280px;
    margin-right: 10px
}

.signin-wrapper form .help-text-inline {
    position: relative;
    left: 0;
    top: 0;
    display: inline-block
}

.global-nav--newLoggedOut #signin-dropdown {
    background-color: #fff;
    margin-top: 19px
}

.dropdown-menu,.dropdown-menu .signin label {
    width: auto
}

.dropdown-menu .signin {
    width: 240px;
    padding: 0
}

.dropdown-menu .signin p a {
    padding: 0
}

.dropdown-menu .password {
    padding-top: 10px
}

.dropdown-menu .remember {
    margin: 0;
    color: #657786
}

.dropdown-menu .subchck {
    display: block
}

.dropdown-menu .button {
    float: right
}

.dropdown-menu input[type=text],.dropdown-menu input[type=password] {
    width: 230px
}

.permalink-footer .SignupCallOut {
    margin-bottom: 10px
}

.link-form {
    display: inline
}

.link-form .btn-link {
    font-size: 14px;
    color: #1b95e0
}

#sms-codes-dialog #sms_codes {
    width: 100%
}

#sms-codes-dialog #sms_codes th {
    font-weight: bold;
    text-align: left
}

#sms-codes-dialog #sms_codes tfoot td {
    padding-top: 1em
}

.login-responsive .global-nav .container {
    width: auto;
    max-width: 865px
}

.login-responsive .wrapper {
    width: auto;
    max-width: 837px
}

.login-responsive .page-canvas {
    width: auto;
    max-width: 835px
}

.login-responsive .signin-wrapper {
    width: auto;
    max-width: 585px;
    padding: 0 10px
}

.login-responsive .mobile {
    width: auto;
    padding: 20px 10px
}

.login-responsive .mobile p {
    max-width: 585px;
    margin: 0 auto
}

.login-responsive .mobile .signup-helper {
    margin-bottom: 15px
}

@media screen and (max-width:1024px) {
    .login-responsive .signin-wrapper form {
        font-size: 14px;
        line-height: 22px
    }

    .login-responsive .signin-wrapper input,.login-responsive .subchck {
        font-size: 16px;
        line-height: 22px;
        padding: 6px
    }

    .signin-wrapper .primary-btn {
        font-size: 18px;
        padding: 9px 13px
    }

    .login-responsive .signin .remember {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width:520px) {
    .login-responsive .page-canvas {
        border: 0
    }

    .login-responsive .signin-wrapper {
        padding: 0 3%
    }

    .login-responsive .wrapper {
        padding: 20px 0 0
    }

    .login-responsive .signin-wrapper form input[type=text],.login-responsive .signin-wrapper form input[type=password] {
        display: block;
        width: 94%;
        max-width: none
    }

    .login-responsive .signin-wrapper form .help-text-inline {
        line-height: 2.1
    }

    .login-responsive .signin .field {
        margin-bottom: 4px
    }

    .login-responsive .signin-wrapper .primary-btn {
        width: 98%;
        padding-left: 0;
        padding-right: 0
    }

    .login-responsive .signin .remember {
        margin-left: 0
    }

    .message {
        width: 92%
    }
}

.login-verification {
    margin: 0 0 20px 0
}

.login-verification-push p {
    margin-bottom: 16px
}

.logged-out .home .Icon {
    color: #1da1f2;
    padding-right: 2px
}

.logged-out .nav>li>.nav-logo-link {
    display: block;
    font-size: 24px;
    height: 46px;
    padding: 0 20px
}

.logged-out .pull-right {
    margin: 7px 30px 0 0
}

.logged-out .global-nav .pull-right .nav {
    margin-top: 8px
}

.logged-out .global-nav .pull-right .dropdown-toggle {
    height: auto;
    padding-bottom: 5px;
    margin-top: 0
}

.logged-out .global-nav .pull-right .dropdown-toggle .caret {
    margin-top: 0;
    vertical-align: middle
}

.global-nav--newLoggedOut .SignupForm {
    padding-bottom: 5px
}

.global-nav--newLoggedOut #global-actions>li>a {
    border-bottom-color: #1da1f2
}

.global-nav--newLoggedOut a,.global-nav--newLoggedOut a:hover,.global-nav--newLoggedOut a:focus,.global-nav--newLoggedOut a:active {
    color: #1da1f2
}

.global-nav--newLoggedOut .SignupForm .SignupForm-submit {
    background-color: #657786;
    color: #fff;
    padding: 8px 16px
}

.logged-out .global-nav .form-search {
    margin-top: 0;
    text-align: left
}

.front-signin .submit,.front-signup .signup-btn {
    line-height: 11px
}

.front-page .wrapper {
    display: none
}

.front-page {
    background-color: #292929
}

.front-page.front-random-image-cricket {
    background-color: #882811
}

.front-page.front-random-image-iphone-concert {
    background-color: #aa0030
}

.front-page.front-random-image-city-balcony {
    background-color: #0067c8
}

.front-page.front-random-image-jp-square {
    background-color: #343841
}

.front-page.front-random-image-jp-boat {
    background-color: #4e4a40
}

.front-page.front-random-image-jp-mountain {
    background-color: #27506c
}

.front-page.front-random-image-de-flags {
    background-color: #a21700
}

.front-page.front-random-image-de-mobile {
    background-color: #dcb100
}

.front-page.front-random-image-de-plaza {
    background-color: #0667c8
}

.front-container {
    bottom: 0;
    display: none;
    left: 0;
    max-height: 750px;
    min-height: 545px;
    position: absolute;
    right: 0;
    top: 0
}

.front-page .front-container {
    display: block
}

.front-card {
    left: 50%;
    position: absolute;
    width: 838px
}

.front-card {
    height: 328px;
    margin: -154px 0 0 -418px;
    top: 50%;
    width: 838px
}

.front-welcome {
    background: #000 url(../../img/t1/front_page/cricket.jpg) no-repeat left top;
    border: 0;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 125px rgba(255,255,255,0.35);
    display: block;
    float: left;
    height: 328px;
    width: 520px
}

.front-random-image-cricket .front-welcome {
    background-image: url(../../img/t1/front_page/cricket.jpg);
    box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 125px rgba(255,190,43,0.35)
}

.front-random-image-jp-mountain .front-welcome {
    background-image: url(../../img/t1/front_page/jp-mountain.jpg);
    border-radius: 6px
}

.front-random-image-city-balcony .front-welcome {
    background-image: url(../../img/t1/front_page/city-balcony.jpg);
    border-radius: 6px
}

.front-random-image-de-flags .front-welcome {
    background-image: url(../../img/t1/front_page/de-flags.png)
}

.front-random-image-de-mobile .front-welcome {
    background-image: url(../../img/t1/front_page/de-mobile.png)
}

.front-random-image-de-plaza .front-welcome {
    background-image: url(../../img/t1/front_page/de-plaza.png)
}

.front-random-image-de-flags .front-welcome,.front-random-image-de-mobile .front-welcome,.front-random-image-de-plaza .front-welcome {
    border-radius: 6px
}

.front-welcome-text {
    bottom: 0;
    color: #ccd6dd;
    font-size: 20px;
    font-weight: 300;
    left: 0;
    line-height: 22px;
    padding: 20px;
    position: absolute;
    text-align: left;
    text-shadow: #000 0 1px 2px;
    width: 470px
}

.front-welcome-text h1 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3px
}

.front-signin {
    float: right;
    margin-bottom: 11px;
    width: 300px
}

.front-signup {
    height: 206px;
    float: right;
    width: 300px
}

.front-welcome,.front-signin,.front-signup {
    border-radius: 4px
}

.front-signup .signup {
    padding: 0
}

.front-welcome .signup-welcome-link {
    color: #fa2
}

.front-signin,.front-signup {
    background: #fff;
    background: linear-gradient(#fff,#ddd);
    border-bottom: 1px solid #ccd6dd;
    border-left: 1px solid #e6ecf0;
    border-right: 1px solid #e6ecf0;
    box-shadow: 0 1px 0 rgba(0,0,0,0.1)
}

.front-card .text-input {
    border: 1px solid #ccd6dd;
    box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0
}

.front-signin .signin {
    margin: 12px 12px 6px
}

.front-signin .field {
    height: 30px
}

.front-card .text-input:focus {
    border: 1px solid #56b4ef;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 0 8px rgba(82,168,236,0.6)
}

.front-card .text-input {
    height: 20px
}

.front-signin .username .text-input {
    width: 266px
}

.front-signin .password .text-input {
    height: 30px
}

.front-signin .username {
    color: #14171a;
    width: 276px
}

.front-signin .password {
    width: 100%
}

.front-signin .password-signin {
    margin-top: 6px
}

.front-signin .remember-forgot {
    margin-top: 4px
}

.front-signin .submit {
    box-shadow: 0 1px 0 #fff;
    height: 30px
}

.front-signin .remember,.front-signin .forgot,.front-signin .separator {
    color: #657786;
    display: inline;
    font-size: 11px;
    line-height: 13px;
    margin: 0;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6)
}

.front-signin .remember input[type="checkbox"] {
    height: 13px;
    margin: 0;
    vertical-align: text-top
}

.front-signin .separator {
    color: #657786;
    font-weight: bold;
    margin: 0 1px 0 2px
}

.front-signup h2,.front-signin h2 {
    border-bottom: 1px solid #e6ecf0;
    box-shadow: 0 1px 0 #fff;
    color: #66757f;
    display: block;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 12px;
    padding: 10px 12px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6)
}

.front-signup h2 strong,.front-signin h2 strong {
    color: #14171a;
    font-weight: 500
}

body.ru .front-signup h2,body.pl .front-signup h2 {
    font-size: 13px
}

body.ru .front-signup h2 strong,body.pl .front-signup h2 strong {
    font-weight: bold
}

.front-signup .field {
    display: block;
    margin: 6px auto;
    width: 276px
}

.front-signup .text-input {
    width: 266px
}

.front-signup .btn {
    box-shadow: 0 1px 0 #fff;
    height: 30px;
    margin: 1px 12px 0;
    padding-left: 12px;
    padding-right: 12px
}

.front-signup .legal {
    padding-left: 12px;
    color: #999;
    font-size: 11px;
    width: 280px;
    line-height: 14px
}

.front-container .footer {
    bottom: 30px;
    color: #fff;
    font-size: 11px;
    position: absolute;
    text-align: center;
    width: 100%
}

.front-container .footer {
    color: rgba(255,255,255,0.25)
}

.front-container .footer a {
    color: #fff
}

.front-container .footer a {
    color: rgba(255,255,255,0.5)
}

.front-container .footer ul {
    display: inline-block
}

.front-container .footer a:hover {
    color: #fff;
    text-decoration: none
}

.front-container .footer li {
    display: inline;
    margin: 0 3px
}

.front-container .footer .divider {
    display: none
}

.front-warning {
    background-color: #111;
    background-color: rgba(20,20,20,0.9);
    border-radius: 6px;
    color: #ccd6dd;
    height: 30px;
    left: 50%;
    line-height: 1.5;
    margin: 0 0 0 -418px;
    padding: 15px 20px;
    position: absolute;
    top: 50px;
    width: 798px;
    z-index: 2
}

.front-warning h3 {
    color: #fec632;
    font-weight: bold
}

.front-warning a {
    color: #75c6f7
}

#front-no-cookies-warn {
    display: none
}

.front-page-photo-set .front-signin {
    background: white;
    border: 1px solid #6fa3c4;
    box-shadow: none
}

.front-page-photo-set .front-signin h2 {
    font-size: 14px;
    padding: 12px 12px
}

.front-page-photo-set .front-signin .username {
    position: relative;
    top: auto;
    left: auto;
    width: auto
}

.front-page-photo-set .username input {
    width: 266px
}

.front-page-photo-set .password input {
    width: 98%
}

.front-page-photo-set .session-dropdown .username span,.front-page-photo-set .session-dropdown .password span {
    font-size: 12px;
    font-weight: bold;
    line-height: 25px
}

.front-page-photo-set .front-signin .subchck {
    display: block;
    text-align: right
}

.front-page-photo-set .front-signin .remember,.front-page-photo-set .front-signin .forgot {
    font-size: 12px
}

.front-page-photo-set .front-signin .remember {
    line-height: 20px
}

.front-page-photo-set .front-signin .forgot {
    color: #1b95e0
}

.front-page-photo-set .front-signin .remember input[type="checkbox"] {
    vertical-align: baseline
}

.front-page-photo-set .front-signin .footer-links {
    color: #1b95e0;
    position: absolute;
    bottom: 14px
}

.front-page-photo-set .front-signup {
    background: #fff;
    box-shadow: none
}

.front-page-photo-set .front-container .footer a,.front-page-photo-set .front-container .footer .copyright {
    color: white
}

.front-page-photo-set .footer.inline-list {
    text-shadow: 0 1px 1px rgba(0,0,0,0.2)
}

.front-page-photo-set .front-signup {
    border: 1px solid #6fa3c4
}

.front-page-photo-set .front-container {
    min-height: 690px
}

.front-page-photo-set .front-bg .front-image {
    display: block
}

.front-page-photo-set .front-card {
    margin-top: -228px
}

.front-page-photo-set .front-card,.front-page-photo-set .front-container-full-signup .front-welcome {
    height: 410px
}

.front-page-photo-set .front-welcome-text {
    height: 328px;
    top: 0
}

.front-page-photo-set .front-welcome-text h1 {
    color: #fff;
    font-size: 38px;
    line-height: 44px;
    margin-bottom: 30px;
    text-shadow: none
}

.front-page-photo-set .front-welcome-text p {
    color: #fff;
    font-size: 21px;
    line-height: 31px;
    text-shadow: none
}

.front-page-photo-set .background-companion-tweets {
    bottom: 0;
    height: 82px;
    position: absolute;
    width: 400px
}

.front-page-photo-set .companion-tweet {
    display: none
}

.front-page-photo-set .companion-tweet a {
    color: #fff
}

.front-page-photo-set .companion-tweet .text {
    margin-bottom: 20px;
    white-space: pre-line
}

.front-page-photo-set .companion-tweet .time {
    clear: both;
    float: left;
    margin-bottom: 7px;
    text-align: left;
    text-decoration: underline;
    white-space: nowrap
}

.front-page-photo-set .companion-tweet .username {
    clear: both;
    direction: ltr;
    float: left;
    margin-bottom: 7px;
    text-align: left;
    text-decoration: underline;
    white-space: nowrap
}

.front-page-photo-set .front-signin,.front-page-photo-set .front-signup {
    border: 1px solid #e1e8ed
}

.front-page-photo-set .front-signin .text-input,.front-page-photo-set .front-signup .text-input {
    border: 1px solid #ccd6dd
}

.front-page-photo-set .front-container-full-signup .footer ul {
    text-align: center;
    width: auto
}

.front-bg {
    position: fixed;
    width: 200%;
    height: 200%;
    left: -50%;
    background: #000
}

.front-bg img {
    display: none;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.front-random-image-cricket .front-bg .front-image,.front-random-image-city-balcony .front-bg .front-image,.front-random-image-jp-mountain .front-bg .front-image {
    display: block
}

.front-container-full-signup .front-welcome {
    background: 0;
    box-shadow: none
}

.front-container-full-signup .front-welcome-text {
    padding: 0;
    bottom: 50%
}

.front-container-full-signup .footer ul {
    width: 838px;
    text-align: left;
    margin: 0 auto
}

.front-container-full-signup .footer ul li {
    margin: 0 6px 0 0
}

.SignupCallOut {
    background-color: #e6ecf0;
    border: 1px solid #e6ecf0;
    border-radius: 6px;
    padding: 15px
}

.SignupCallOut--wide {
    padding: 30px 40px;
    border: 1px solid rgba(0,0,0,0.1)
}

.SignupCallOut--wide .SignupForm-submit {
    float: left
}

.SignupCallOut--collapsed .SignupForm {
    display: none
}

.SignupCallOut-title {
    color: #66757f;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 5px
}

.SignupCallOut-title b {
    font-weight: 700
}

.SignupCallOut-subheader {
    color: #657786
}

.SignupCallOut .SignupCallOut-expand {
    width: 100%;
    margin-top: 10px
}

.SignupDialog .SignupDialog-body {
    padding: 30px
}

.SignupDialog-icon {
    color: #1da1f2
}

.SignupDialog-heading {
    color: #66757f;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    margin: 20px 0
}

.SignupDialog-form {
    width: 260px;
    margin: 0 auto
}

.SignupDialog .SignupDialog-footer {
    border-color: #e6ecf0;
    color: #657786;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.SignupDialog-signinLink {
    color: #1da1f2
}

.SignupForm input {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px
}

.SignupForm-header {
    margin-bottom: 10px
}

.SignupForm--wide .SignupForm-inputsContainer {
    padding-right: -10px;
    margin-bottom: 15px
}

.SignupForm--wide .SignupForm-input {
    width: 33.33333333333333%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}

.SignupForm--wide .SignupForm-name {
    padding-right: 5px
}

.SignupForm--wide .SignupForm-email {
    padding: 0 5px
}

.SignupForm--wide .SignupForm-password {
    padding-left: 5px
}

.SignupForm--wide .SignupForm-submit {
    width: auto;
    float: right;
    margin-top: 0
}

.SignupForm .SignupForm-submit {
    background-image: none;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: normal;
    padding: 11px 16px
}

.SignupForm .btn:focus,.SignupForm .btn.focus {
    box-shadow: none
}

.SignupForm-submit.SignupForm-submit--yellowButton {
    color: #14171a;
    background-color: #fd9a0f;
    background-repeat: repeat-x;
    background-image: linear-gradient(#fee94f,#fd9a0f);
    border-color: #fa2
}

.SignupForm-submit.SignupForm-submit--yellowButton:hover,.SignupForm-submit.SignupForm-submit--yellowButton:focus {
    background-color: #fd9512;
    background-repeat: repeat-x;
    background-image: linear-gradient(#fedc4d,#fd9512);
    border-color: #ec8b11
}

.SignupForm-submit.SignupForm-submit--yellowButton:active {
    background-image: none;
    border-color: #ec8b11
}

.SignupForm input:focus {
    border-color: #1da1f2;
    box-shadow: none
}

.SignupForm .primary-btn:focus {
    border-color: #fff
}

.LoginCallOut {
    background-color: #657786;
    border: 1px solid #e6ecf0;
    border-radius: 6px;
    padding: 15px
}

.LoginCallOut-title {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 5px
}

.LoginDialog .LoginDialog-body {
    padding: 30px
}

.LoginDialog-bird {
    color: #1da1f2
}

.LoginDialog-form {
    width: 260px;
    margin: 0 auto
}

.LoginDialog .LoginForm-rememberForgot {
    text-align: left
}

.LoginDialog .LoginDialog-footer {
    border-color: #e6ecf0;
    color: #657786;
    font-size: 14px;
    font-weight: 400;
    line-height: 1
}

.LoginDialog-signupLink {
    color: #1da1f2
}

.LoginForm input {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px
}

.LoginForm input[type=checkbox] {
    width: auto
}

.LoginForm label,.LoginForm .separator {
    color: #657786
}

.LoginForm-rememberForgot {
    font-size: 12px
}

.LoginForm--wide .LoginForm-inputsContainer {
    padding-right: -10px;
    margin-bottom: 15px
}

.LoginForm--wide .LoginForm-input {
    width: 33.33333333333333%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}

.LoginForm--wide .LoginForm-name {
    padding-right: 5px
}

.LoginForm--wide .LoginForm-email {
    padding: 0 5px
}

.LoginForm--wide .LoginForm-password {
    padding-left: 5px
}

.LoginForm--wide .LoginForm-submit {
    width: auto;
    float: right;
    margin-top: 0
}

.LoginForm input:focus {
    border-color: #1da1f2;
    box-shadow: none
}

.LoginForm .primary-btn:focus {
    border-color: #fff
}

.MomentsPage.MomentsPermalinkPage,.MomentsPage.MomentsGuidePage {
    background-color: #fff
}

.MomentsPage.MomentsPermalinkPage .AppContent,.MomentsPage.MomentMakerPage .AppContent {
    padding: 46px 0 0;
    width: 100%
}

.MomentsPage.MomentsGuidePage .AppContent {
    padding: 100px 0 0;
    width: 100%
}

.MomentsPage.MomentsPermalinkPage .MomentsPermalinkPage-content,.MomentsPage.MomentsGuidePage .MomentsGuidePage-content {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 976px
}

@media screen and (max-width:1006px) {
    .MomentsPage.MomentsGuidePage .MomentsGuidePage-capsules {
        width: 472px
    }

    .MomentsPage.MomentsGuidePage .MomentsGuidePage-content,.MomentsPage.MomentsPermalinkPage .MomentsPermalinkPage-content {
        width: 640px
    }

    .MomentsPage.MomentsPermalinkPage .MomentFloatingMenu,.MomentsPage.MomentMakerPage .MomentMakerRecommendations-scrollTop {
        display: none
    }
}

.MomentsPage.MomentsGuidePage .Footer,.MomentsPage.MomentsPermalinkPage .Footer {
    margin-bottom: 60px;
    padding: 0
}

.MomentsPage.MomentsGuidePage .Footer .flex-module-inner,.MomentsPage.MomentsPermalinkPage .Footer .flex-module-inner {
    text-align: center
}

.MomentsPage.MomentsGuidePage .Footer--blankBackground.Footer:hover .Footer-link,.MomentsPage.MomentsPermalinkPage .Footer--blankBackground.Footer:hover .Footer-link {
    color: #1da1f2
}

.u-layer-top {
    z-index: 3
}

.u-layer-middle {
    z-index: 2
}

.u-layer-bottom {
    z-index: 1
}

.MomentSensitiveContentDialog .modal-body {
    background-color: #1da1f2;
    border-radius: 4px;
    color: #fff;
    text-align: center
}

.MomentSensitiveContentDialog .Icon--close {
    color: #fff;
    font-size: 16px
}

.MomentSensitiveContentDialog-message {
    margin: 64px 0
}

.MomentSensitiveContentDialog-title {
    color: #fff;
    margin-bottom: 10px
}

.MomentSensitiveContentDialog-actions {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit
}

.MomentSensitiveContentDialog-button {
    background-color: #fff;
    border-radius: 4px;
    border: 0;
    color: #1da1f2;
    margin-bottom: 12px;
    padding: 10px 40px
}

.MomentSensitiveContentDialog-link,.MomentSensitiveContentDialog-link:hover,.MomentSensitiveContentDialog-link:focus {
    color: #fff;
    margin-bottom: 32px
}

.MomentSensitiveContentDialog .MomentSensitiveContentDialog-button:focus {
    box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(255,255,255,0.5)
}

.MomentShareDialog .MomentShareDialog-description {
    font-size: 12px;
    margin-bottom: 10px
}

.MomentShareDialog-description a {
    color: #657786
}

.MomentShareDialog .MomentShareDialog-url {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 21px;
    overflow: hidden;
    padding: 7px 9px;
    resize: none;
    white-space: nowrap;
    width: 100%
}

.MomentShareDialog .MomentShareDialog-url--embed {
    height: 56px
}

.MomentShareDialog-loading {
    background: url(../../img/t1/spinner-rosetta-blue-26x26.gif) no-repeat 0 0;
    height: 26px;
    margin: 10px auto;
    width: 26px
}

@keyframes MomentAnimation-keyframes {
    0% {
        background-position: left
    }

    100% {
        background-position: right
    }
}

.MomentAnimation {
    background-position: left;
    background-repeat: no-repeat
}

.MomentAnimation--audioIcon {
    background: url(../../img/moments/audio_icon_animation.png);
    background-size: 4700%;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.MomentMediaItem.is-playing:not(.is-muted) .MomentAnimation--audioIcon {
    animation-timing-function: steps(46);
    animation-name: MomentAnimation-keyframes;
    animation-duration: .8s;
    animation-iteration-count: infinite
}

.MomentMediaBadge {
    background: rgba(0,0,0,0.5);
    border-radius: 3px;
    bottom: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    left: 10px;
    line-height: 12px;
    pointer-events: none;
    position: absolute
}

.MomentMediaBadge-text {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 17px;
    padding: 2px 5px;
    text-transform: uppercase
}

.MomentMediaBadge-icon.Icon--audioBadge {
    font-size: 16px;
    padding: 3px 4px 5px
}

.MomentMediaBadge-icon.Icon--vineBadge {
    font-size: 15px;
    line-height: 14px;
    padding: 2px 6px 5px
}

.MomentMediaBadge-icon.Icon--gifBadge {
    background: 0;
    border-radius: 0;
    bottom: auto;
    color: inherit;
    font-size: 21px;
    left: auto;
    line-height: 16px;
    padding: 0 4px;
    position: relative;
    z-index: auto
}

.MomentMediaBadge-iconLabel {
    display: inline-block;
    font-size: 12px;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    max-width: 0;
    text-overflow: ellipsis;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94);
    vertical-align: text-top;
    white-space: nowrap
}

.MomentMediaBadge-iconLabel.is-loaded {
    max-width: 590px;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    padding-right: 4px
}

.MomentMediaControls {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.MomentMediaControls-playButtonIcon {
    pointer-events: none;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentMediaControls-hoverToUnmute {
    background-color: rgba(0,0,0,0.5);
    border: 1px solid transparent;
    border-radius: 3px;
    color: #fff;
    left: 10px;
    max-width: 350px;
    opacity: .8;
    -ms-filter: "alpha(opacity=80)";
    overflow: hidden;
    padding: 0 8px 0 4px;
    pointer-events: none;
    position: absolute;
    top: 10px;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94);
    white-space: nowrap
}

.MomentMediaControls-hoverToUnmuteIcon {
    margin-bottom: 2px
}

.MomentMediaControls-hoverToUnmuteText {
    line-height: 28px;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentMediaItem {
    background-color: #e6ecf0;
    overflow: hidden;
    position: relative
}

.MomentMediaItem+.MomentMediaItem {
    margin-top: 5px
}

.MomentMediaItem-embedOverlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.MomentMediaItem-errorOverlay {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,0.8);
    bottom: 0;
    color: #fff;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentMediaItem.is-playing .MomentMediaControls-playButtonIcon {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

.MomentMediaItem:not(.is-muted) .MomentMediaControls-hoverToUnmute {
    max-width: 16px;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.MomentMediaItem:not(.is-muted) .MomentMediaControls-hoverToUnmuteText {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.MomentMediaItem:not(.has-error) .MomentMediaItem-errorOverlay,.MomentMediaItem.has-error .MomentMediaControls {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    visibility: hidden
}

.MomentMediaItem-entity {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    transition: opacity .5s ease-in-out
}

.MomentMediaItem[data-showable="true"] .MomentMediaItem-entity {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.MomentMediaItem-entity--image {
    display: block
}

.MomentMediaItem-entity--audio {
    height: 640px
}

.MomentMediaItem-entity--audio iframe {
    bottom: initial;
    height: 100%;
    left: initial;
    position: static;
    top: initial;
    width: 100%
}

.MomentMediaItem-entity--video {
    width: 100%
}

.MomentMediaItem-cta {
    background-color: rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 4px;
    opacity: .8;
    -ms-filter: "alpha(opacity=80)";
    padding: 5px 8px;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentMediaItem-cta:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.MomentMediaItem-ctaLink,.MomentMediaItem-ctaLink:hover,.MomentMediaItem-ctaLink:focus {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}

.MomentButton {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentButton:active,.MomentButton:hover,.MomentButton:focus {
    outline: 0;
    text-decoration: none
}

.MomentButton[disabled],.MomentButton[disabled]:hover {
    color: #ccd6dd
}

.MomentButton-text {
    display: inline-block
}

.MomentButton-icon {
    line-height: 14px;
    vertical-align: text-top
}

.MomentButton--blue,.MomentButton--blue:focus {
    border: 1px solid #1da1f2;
    border-radius: 4px;
    color: #1da1f2;
    padding: 5px 12px
}

.MomentButton--blue:active,.MomentButton--blue:hover {
    color: #1da1f2;
    background-color: rgba(29,161,242,0.1)
}

.MomentButton--blue[disabled],.MomentButton--blue[disabled]:hover {
    background-color: inherit;
    border-color: #ccd6dd;
    color: #ccd6dd
}

.MomentButton--gray,.MomentButton--gray:focus {
    color: #657786;
    font-weight: 400
}

.MomentButton--gray:active,.MomentButton--gray:hover {
    color: #66757f
}

.MomentButton--transparent {
    background: 0;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    padding: 6px 16px
}

.MomentButton--transparent:hover,.MomentButton--transparent:focus {
    background: 0;
    box-shadow: none;
    color: #fff
}

.MomentButton--white {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #1da1f2;
    padding: 6px 16px
}

.MomentButton--white:hover,.MomentButton--white:focus {
    color: #1da1f2
}

.MomentButton--custom {
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    padding: 5px 12px
}

.MomentCapsuleCoverAttribution {
    display: block;
    font-size: 11px;
    margin-top: 8px;
    position: absolute;
    right: 0
}

.MomentCapsuleCoverAttribution,.MomentCapsuleCoverAttribution:active,.MomentCapsuleCoverAttribution:focus,.MomentCapsuleCoverAttribution:hover {
    color: #aab8c2
}

.MomentCapsuleItemSocialProof {
    color: #aab8c2;
    padding: 8px 12px
}

.MomentCapsuleItemSocialProof-icon {
    font-size: 16px;
    margin-right: 8px;
    vertical-align: text-bottom
}

.MomentCapsuleItemSocialProof-text {
    font-size: 13px
}

.MomentCapsuleLikesFacepile {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.MomentCapsuleLikesFacepile-count {
    color: #657786;
    float: left;
    font-size: 10px;
    line-height: 16px;
    padding: 0 18px 0 0;
    text-transform: uppercase
}

.MomentCapsuleLikesFacepile-count:active,.MomentCapsuleLikesFacepile-count:focus {
    outline: 0
}

.MomentCapsuleLikesFacepile-countNum {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px
}

.MomentCapsuleLikesFacepile-faces {
    height: 24px;
    overflow: hidden
}

.MomentCapsuleLikesFacepile-faces a:focus>img:first-child:last-child {
    outline: 0
}

.MomentCapsuleSubtitle {
    color: #66757f;
    line-height: 1.3
}

.MomentCapsuleSubtitle-publish[data-visibility-mode="private"] {
    color: #e0245e
}

.MomentCapsuleSubtitle .MomentUserByline-avatar {
    position: relative;
    top: 2px
}

.MomentCapsuleSubtitle-author+.MomentCapsuleSubtitle-context::before,.MomentCapsuleSubtitle-category+.MomentCapsuleSubtitle-context::before,.MomentCapsuleSubtitle-publish+.MomentCapsuleSubtitle-context::before {
    content: "\2022";
    font-weight: 400
}

.MomentDialog {
    height: 100%
}

.MomentDialog-header,.MomentDialog-footer {
    background-color: #f5f8fa
}

.MomentDialog-footer {
    border-radius: 0 0 5px 5px
}

.MomentDialog-text {
    color: #657786
}

.MomentDialog-input {
    margin-bottom: 10px
}

.MomentDialog-toggleText {
    color: #66757f;
    font-weight: 500
}

.MomentDialog-toggleInput {
    vertical-align: top
}

.MomentDialog-toggleInput[disabled],.MomentDialog-toggleText.is-disabled {
    opacity: .6;
    -ms-filter: "alpha(opacity=60)"
}

.MomentDropdownMenu-button {
    color: #657786
}

.MomentDropdownMenu-button:active,.MomentDropdownMenu-button:focus {
    outline: 0
}

.MomentDropdownMenu-button:hover,.MomentDropdownMenu.open .MomentDropdownMenu-button {
    color: #1da1f2
}

.MomentDropdownMenu .dropdown-menu {
    left: -12px;
    top: 28px
}

.MomentDropdownMenu .dropdown-menu--rightAlign {
    right: -10px
}

.MomentFloatingMenu {
    backface-visibility: hidden;
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 4px;
    min-width: 90px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: fixed;
    right: calc(50% - -320px - -20px);
    top: 110px;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94);
    visibility: hidden;
    z-index: 2
}

.MomentFloatingMenu.is-fixed {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    visibility: visible
}

.MomentFloatingMenu .MomentButton {
    border: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin-bottom: 2px;
    padding: 12px 15px;
    text-align: left;
    width: 100%
}

.MomentFloatingMenu .MomentButton:last-child {
    margin-bottom: 0
}

.MomentFloatingMenu .MomentButton-icon {
    margin-right: 8px;
    width: 15px
}

.MomentFollowButton.MomentButton--blue.is-following {
    background-color: #1da1f2;
    color: #fff
}

.MomentFollowButton.MomentButton--gray.is-following {
    color: #1da1f2
}

.MomentFollowButton.is-following .MomentFollowButton-text--notFollowing,.MomentFollowButton.is-notFollowing .MomentFollowButton-text--following {
    display: none
}

.MomentFollowButton.is-following .MomentFollowButton-text--following,.MomentFollowButton.is-notFollowing .MomentFollowButton-text--notFollowing {
    display: inline-block
}

.MomentFollowButton .MomentButton-icon {
    font-size: 16px;
    line-height: 16px
}

.MomentFormatLink {
    font-size: 14px;
    margin-top: 14px
}

.MomentFormatLink-anchor {
    border: 1px solid #ccd6dd;
    border-radius: 2px;
    display: block;
    padding: 16px;
    text-decoration: none;
    transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentFormatLink-anchor:active,.MomentFormatLink-anchor:focus,.MomentFormatLink-anchor:hover {
    background-color: #f5f8fa;
    border-color: #aab8c2;
    text-decoration: none
}

.MomentFormatLink-title,.MomentFormatLink-description {
    color: #14171a;
    line-height: 1.5em;
    max-height: 1.5em;
    overflow: hidden
}

.MomentFormatLink-title {
    font-weight: 500
}

.MomentFormatLink-url {
    color: #657786
}

.MomentFormatLink--withText .MomentFormatLink-anchor:active,.MomentFormatLink--withText .MomentFormatLink-anchor:focus,.MomentFormatLink--withText .MomentFormatLink-anchor:hover {
    background-color: rgba(255,255,255,0.4)
}

.MomentInterstitialMessage {
    margin-bottom: 24px;
    max-height: 200px;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentInterstitialMessage.is-hidden {
    max-height: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    overflow: hidden;
    visibility: hidden
}

.MomentInterstitialMessage-title {
    font-size: 22px
}

.MomentInterstitialMessage-title,.MomentInterstitialMessage-message {
    color: #aab8c2;
    font-weight: 300;
    margin: 24px 0
}

.MomentLikeButton.MomentButton--blue.is-liked {
    background-color: #1da1f2;
    color: #fff
}

.MomentLikeButton.MomentButton--gray.is-liked {
    color: #e0245e
}

.MomentLikeButton.is-liked .MomentLikeButton-text--notLiked,.MomentLikeButton.is-notLiked .MomentLikeButton-text--liked {
    display: none
}

.MomentLikeButton.is-liked .MomentLikeButton-text--liked,.MomentLikeButton.is-notLiked .MomentLikeButton-text--notLiked {
    display: inline-block
}

.MomentSummaryActionsMenu {
    color: #aab8c2;
    position: absolute;
    right: -12px;
    top: -8px
}

.MomentSummaryActionsMenu .dropdown-menu {
    margin: 10px 0 0 -6px
}

.MomentSummaryActionsMenu .dropdown-menu .dropdown-link[disabled],.MomentSummaryActionsMenu .dropdown-menu .dropdown-link[disabled]:hover {
    background-color: #fff!important;
    color: #aab8c2;
    cursor: default
}

.MomentSummaryActionsMenu-button {
    padding: 2px 9px
}

.MomentSportsScores {
    width: 100%
}

.MomentSportsScores-contentWrapper {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 300;
    width: 100%
}

.MomentSportsScores-sportsGameDetailsItem {
    display: inline
}

.MomentSportsScores-sportsGameDetailsItem:first-child::after {
    content: "  \00B7  "
}

.MomentSportsScores-sportsTeam {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.MomentSportsScores--hero {
    background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
    bottom: 0;
    height: 170px;
    padding-top: 100px;
    position: absolute;
    z-index: 1
}

.MomentSportsScores--hero .MomentSportsScores-contentWrapper {
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    color: #fff;
    height: 100%;
    line-height: 1;
    text-align: center
}

.MomentSportsScores--hero .MomentSportsScores-sportsGame {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.MomentSportsScores--hero .MomentSportsScores-sportsGameDetails {
    font-size: 21px;
    padding: 6px 0
}

.MomentSportsScores--hero .MomentSportsScores-sportsTeam {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.MomentSportsScores--hero .MomentSportsScores-sportsTeam:first-child {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.MomentSportsScores--hero .MomentSportsScores-sportsTeamImg {
    border-radius: 4px;
    height: 24px;
    width: 24px
}

.MomentSportsScores--hero .MomentSportsScores-sportsTeamName {
    font-size: 21px
}

.MomentSportsScores--hero .MomentSportsScores-sportsTeamScore {
    font-size: 27px
}

.MomentSportsScores--hero .MomentSportsScores-sportsTeamImgWrapper,.MomentSportsScores--hero .MomentSportsScores-sportsTeamName,.MomentSportsScores--hero .MomentSportsScores-sportsTeamScore {
    padding: 6px 0
}

.MomentSportsScores--portrait .MomentSportsScores-contentWrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.MomentSportsScores--portrait .MomentSportsScores-sportsTeam {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    line-height: 20px;
    padding-bottom: 10px
}

.MomentSportsScores--portrait .MomentSportsScores-sportsGame {
    -moz-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
}

.MomentSportsScores--portrait .MomentSportsScores-sportsTeamImg {
    border-radius: 4px;
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.MomentSportsScores--portrait .MomentSportsScores-sportsTeamImgWrapper {
    padding-right: 10px;
    width: 20px
}

.MomentSportsScores--portrait .MomentSportsScores-sportsTeamName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px
}

.MomentSportsScores--portrait .MomentSportsScores-sportsTeamImgWrapper,.MomentSportsScores--portrait .MomentSportsScores-sportsTeamScore {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.MomentSportsScores--portrait .MomentSportsScores-sportsTeamName,.MomentSportsScores--portrait .MomentSportsScores-sportsTeamScore {
    font-size: 14px;
    padding-right: 10px
}

.MomentTweetActions {
    color: #ccd6dd;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 16px
}

.MomentTweetActions-item {
    padding-left: 16px
}

.MomentTweetActions .dropdown-menu {
    margin: 8px -10px 0
}

.MomentTweetActions .ProfileTweet-action,.MomentTweetActions .ProfileTweet-action:last-child {
    min-width: auto;
    width: auto
}

.MomentTweetActions .ProfileTweet-action .Icon {
    font-size: 12px
}

.MomentTweetActions .ProfileTweet-actionCount {
    margin-left: 2px;
    top: -1px
}

.MomentTweetActions .ProfileTweet-actionButton,.MomentTweetActions .ProfileTweet-actionButtonUndo {
    font-size: 10px;
    outline: 0;
    top: 3px
}

.MomentTweetActions .HeartAnimationContainer {
    height: 12px;
    top: 1px;
    width: 11px
}

.MomentTweetActions .HeartAnimation {
    height: 35px;
    width: 35px
}

.MomentTweetActions--withText {
    top: 24px
}

.MomentTweetActions--withMedia {
    top: 0
}

.MomentUserByline-avatar {
    float: left
}

.MomentUserByline-fullname {
    color: #14171a;
    display: inline-block;
    font-weight: 500
}

.MomentCapsuleCover {
    margin: 40px auto 0;
    width: 640px
}

.MomentCapsuleCover-media {
    border-bottom: 1px solid #aab8c2;
    padding-bottom: 80px;
    position: relative;
    text-align: right
}

.MomentCapsuleCover-media .MomentMediaItem {
    height: 640px;
    width: 640px
}

.MomentCapsuleCover-media .MomentSportsScores--hero {
    bottom: 80px
}

.MomentCapsuleCover-title {
    color: #14171a;
    font-size: 27px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px
}

.MomentCapsuleCover .MomentCapsuleSubtitle-author+.MomentCapsuleSubtitle-context {
    color: #657786
}

.MomentCapsuleCover .MomentUserByline-avatar {
    border-radius: 4px;
    height: 32px;
    margin-right: 8px;
    width: 32px
}

.MomentCapsuleCover .MomentUserByline-nameBreak {
    display: block
}

.MomentCapsuleCover-description {
    color: #66757f;
    font-size: 14px;
    line-height: 20px;
    margin: 24px 0
}

.MomentCapsuleCover-state {
    color: #657786;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 28px
}

.MomentCapsuleCover-misc {
    margin: 24px 0 36px
}

.MomentCapsuleCover .MomentFollowButton,.MomentCapsuleCover .MomentLikeButton,.MomentCapsuleCover .MomentShareTweetButton,.MomentCapsuleCover .MomentDropdownMenu {
    display: inline-block
}

.MomentCapsuleCover .MomentFollowButton,.MomentCapsuleCover .MomentLikeButton,.MomentCapsuleCover .MomentEditButton,.MomentCapsuleCover .MomentShareTweetButton {
    margin-right: 8px
}

.MomentCapsuleCover .MomentDropdownMenu {
    margin-left: 8px
}

.MomentCapsuleItem {
    margin-bottom: 80px;
    position: relative
}

.MomentCapsuleItem:hover {
    cursor: pointer
}

.MomentCapsuleItem--withMedia .MomentMediaItem::before {
    background-color: rgba(0,0,0,0.02);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.MomentCapsuleItem:first-of-type .MomentMakerActionButtons-button--up,.MomentCapsuleItem:last-of-type .MomentMakerActionButtons-button--down {
    color: #e6ecf0;
    cursor: default
}

.MomentCapsuleItemTweet {
    line-height: 1.5;
    position: relative
}

.MomentCapsuleItemTweet-byline,.MomentCapsuleItemTweet-date a,.MomentCapsuleItemTweet-date a:hover {
    color: #657786
}

.MomentCapsuleItemTweet a .invisible {
    font-size: 0;
    line-height: 0
}

.MomentCapsuleItemTweet .MomentFormatCard.card2 {
    padding: 0
}

.MomentCapsuleItemTweet .MomentFormatCard.card2[data-card2-name^="poll"] {
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 15px 15px 4px
}

.MomentCapsuleItemTweet .QuoteTweet {
    border-color: #ccd6dd;
    border-radius: 2px;
    margin-top: 18px;
    transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentCapsuleItemTweet .QuoteTweet:active,.MomentCapsuleItemTweet .QuoteTweet:focus,.MomentCapsuleItemTweet .QuoteTweet:hover {
    background-color: #f5f8fa;
    border-color: #aab8c2
}

.MomentCapsuleItemTweet .QuoteTweet-innerContainer {
    line-height: 1.3em
}

.MomentCapsuleItemTweet-text .Tombstone {
    margin: 11px 0 2px
}

.MomentCapsuleItemTweet--withText {
    background-color: #f5f8fa;
    border-radius: 2px;
    padding: 24px
}

.MomentCapsuleItemTweet--withText .MomentCapsuleItemTweet-byline {
    height: 48px;
    margin-bottom: 10px
}

.MomentCapsuleItemTweet--withText .MomentCapsuleItemTweet-byline--withheld {
    height: auto;
    margin-bottom: 0
}

.MomentCapsuleItemTweet--withText .MomentUserByline-avatar {
    border-radius: 4px;
    height: 48px;
    margin-right: 8px;
    width: 48px
}

.MomentCapsuleItemTweet--withText .MomentUserByline-fullname {
    padding-top: 2px
}

.MomentCapsuleItemTweet--withText .MomentUserByline-nameBreak {
    display: block
}

.MomentCapsuleItemTweet--withText .TweetTextSize {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.5
}

.MomentCapsuleItemTweet--withText .QuoteTweet:active,.MomentCapsuleItemTweet--withText .QuoteTweet:focus,.MomentCapsuleItemTweet--withText .QuoteTweet:hover {
    background-color: rgba(255,255,255,0.4)
}

.MomentCapsuleItemTweet--withMedia {
    margin-top: 10px
}

.MomentCapsuleItemTweet--withMedia .MomentCapsuleItemTweet-byline {
    margin-bottom: 5px
}

.MomentCapsuleItemTweet--withMedia .MomentUserByline-avatar {
    display: none
}

.MomentCapsuleItemTweet--withMedia .TweetTextSize {
    line-height: 1.5
}

.MomentCapsuleSummary {
    cursor: pointer;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94);
    width: 472px
}

.MomentCapsuleSummary-cover {
    background-color: #ccd6dd;
    border-radius: 2px;
    display: inline-block;
    position: relative
}

.MomentCapsuleSummary-details {
    position: relative
}

.MomentCapsuleSummary .MomentMediaItem {
    border-radius: 2px
}

.MomentCapsuleSummary-title,.MomentCapsuleSummary-description {
    line-height: 1.3;
    margin: 8px 0;
    overflow: hidden
}

.MomentCapsuleSummary-title {
    color: #14171a;
    display: block
}

.MomentCapsuleSummary-description {
    color: #66757f;
    font-size: 14px;
    font-weight: 300;
    max-height: 54.599999999999994px
}

.MomentCapsuleSummary .MomentCapsuleSubtitle {
    font-weight: 300
}

.MomentCapsuleSummary .MomentUserByline-avatar {
    border-radius: 2px;
    height: 14px;
    margin-right: 4px;
    width: 14px
}

.MomentCapsuleSummary .MomentUserByline-nameBreak,.MomentCapsuleSummary .MomentUserByline-username {
    display: none
}

.MomentCapsuleSummary-misc {
    font-size: 0
}

.MomentCapsuleSummary-misc>* {
    font-size: 14px
}

.MomentCapsuleSummary .MomentCallToAction,.MomentCapsuleSummary .MomentFollowButton,.MomentCapsuleSummary .MomentCapsuleLikesCount {
    margin: 8px 0
}

.MomentCapsuleSummary .MomentCallToAction {
    margin-right: 8px
}

.MomentCapsuleSummary .MomentCapsuleLikesCount {
    color: #66757f;
    font-weight: 300
}

.MomentCapsuleSummary--hero {
    min-height: 724px
}

.MomentCapsuleSummary--hero .MomentCapsuleSummary-title {
    font-size: 24px;
    font-weight: 300;
    margin-top: 28px;
    max-height: 62.400000000000006px
}

.MomentCapsuleSummary--hero .MomentMediaItem {
    height: 472px;
    width: 472px
}

.MomentCapsuleSummary--hero .MomentSportsScores-sportsGameDetails {
    font-size: 21px
}

.MomentCapsuleSummary--hero .MomentSportsScores-sportsTeamName {
    font-size: 18px
}

.MomentCapsuleSummary--hero .MomentSportsScores-sportsTeamScore {
    font-size: 27px
}

.MomentCapsuleSummary--portrait {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 220px
}

.MomentCapsuleSummary--portrait .MomentCapsuleSummary-title {
    font-size: 16px;
    max-height: 41.6px
}

.MomentCapsuleSummary--portrait .MomentCapsuleSummary-description.is-sport-event {
    max-height: 18.2px
}

.MomentCapsuleSummary--portrait .MomentCapsuleSummary-cover {
    margin-right: 16px;
    width: 165px
}

.MomentCapsuleSummary--portrait .MomentCapsuleSummary-details {
    width: 291px
}

.MomentCapsuleSummary--portrait .MomentMediaItem {
    height: 220px;
    width: 165px
}

.MomentCapsuleSummary--card {
    background: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.MomentCapsuleSummary--card .MomentCapsuleSummary-details {
    padding: 10px
}

.MomentCapsuleSummary--card .MomentCapsuleSummary-title {
    font-size: 14px;
    font-weight: 500;
    margin: 1px 0 0;
    max-height: 18.2px
}

.MomentCapsuleSummary--card .MomentCapsuleSubtitle {
    font-size: 12px
}

.MomentCapsuleSummary--card .MomentCapsuleSubtitle-live {
    top: 0
}

.MomentCapsuleSummary--card .MomentUserByline-avatar {
    height: 12px;
    width: 12px
}

.MomentCapsuleSummary--card .MomentCapsuleSummary-cover {
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.MomentCapsuleSummary--card .MomentMediaItem {
    border-radius: 0 0 4px 4px;
    z-index: 1
}

.MomentCapsuleSummary--card .MomentCapsuleSummary-description,.MomentCapsuleSummary--card .MomentCapsuleSummary-misc {
    display: none
}

.MomentCapsuleSummary--small {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 133.33333333333334px;
    padding: 15px 0;
    width: 100%
}

.MomentCapsuleSummary--small .MomentCapsuleSummary-title {
    font-size: 18px;
    max-height: 23.400000000000002px
}

.MomentCapsuleSummary--small .MomentCapsuleSummary-cover {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 15px;
    width: 100px
}

.MomentCapsuleSummary--small.is-premade .MomentCapsuleSummary-cover::after {
    background-color: #1da1f2;
    border-radius: 7px;
    border: 2px solid #fff;
    content: "";
    height: 7px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 7px
}

.MomentCapsuleSummary--small .MomentCapsuleSummary-details {
    margin-right: 15px;
    width: calc(100% - 100px - 15px)
}

.MomentCapsuleSummary--small .MomentMediaItem {
    height: 133.33333333333334px;
    width: 100px
}

.MomentCapsuleSummary--small .MomentCapsuleSummary-description {
    max-height: 18.2px
}

.MomentCapsuleSummaryGroup {
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentCapsuleSummaryGroup:nth-child(2n+3) {
    border-top: 1px solid #e6ecf0;
    padding-top: 32px
}

.MomentCapsuleSummaryGroup .MomentCapsuleSummary--portrait {
    margin-bottom: 32px
}

.MomentCapsuleSummaryGroup--1and3,.MomentCapsuleSummaryGroup--3and1,.MomentCapsuleSummaryGroup--2and2 .MomentCapsuleSummaryGroup-list {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.MomentCapsuleSummaryGroup--3and1 .MomentCapsuleSummaryGroup-list {
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.MomentGuideNavigation {
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);
    height: 50px;
    left: 0;
    position: fixed;
    right: 0;
    top: 46px;
    z-index: 999
}

.MomentGuideNavigation-container {
    margin: auto;
    max-width: 1190px;
    position: relative
}

.MomentGuideNavigation-categories {
    display: inline-block;
    height: 50px;
    overflow: hidden
}

.MomentGuideNavigation-item {
    border-bottom: 0 solid #1da1f2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 50px;
    transition: all .15s ease;
    vertical-align: top
}

.MomentGuideNavigation-item.is-active {
    border-bottom-color: #1da1f2;
    border-bottom-width: 4px
}

.MomentGuideNavigation-item.is-hidden {
    display: none
}

.MomentGuideNavigation-target {
    color: #657786;
    display: block;
    font-size: 14px;
    padding: 16px;
    text-transform: uppercase
}

.MomentGuideNavigation-target.is-active {
    color: #1da1f2
}

.MomentGuideNavigation-target,.MomentGuideNavigation-target:active,.MomentGuideNavigation-target:focus,.MomentGuideNavigation-target:hover {
    text-decoration: none
}

.MomentGuideNavigation-target--more:active,.MomentGuideNavigation-target--more:focus {
    outline: 0
}

.MomentGuideNavigation-target--more .Icon--caretDown {
    font-size: 10px;
    line-height: 10px;
    margin-left: 4px
}

.MomentGuideNavigation-dropdown {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 8px 0;
    top: 48px
}

.MomentGuideNavigation-dropdown .MomentGuideNavigation-target {
    color: #657786;
    font-size: 14px;
    padding: 5px 30px
}

.MomentGuideNavigation-dropdown .MomentGuideNavigation-target.is-active {
    color: #1da1f2
}

.MomentGuideNavigation-dropdown .MomentGuideNavigation-target:hover,.MomentGuideNavigation-dropdown .MomentGuideNavigation-target:focus,.MomentGuideNavigation-dropdown .MomentGuideNavigation-target.u-textUserColor:hover,.MomentGuideNavigation-dropdown .MomentGuideNavigation-target.u-textUserColor:focus {
    background-color: #1da1f2;
    color: #fff!important
}

.MomentGuideNavigation-createButton {
    font-size: 14px;
    padding: 7px 10px;
    position: absolute;
    right: 0;
    top: 7px
}

.MomentGuideNavigation-createButtonIcon {
    display: none;
    font-size: 24px;
    line-height: 20px;
    top: -2px;
    vertical-align: middle;
    width: 18px
}

.MomentGuideNavigation-createButtonText {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle
}

@media screen and (max-width:1235px) {
    .MomentGuideNavigation-container {
        max-width: 890px
    }

    .MomentGuideNavigation-createButtonIcon {
        display: inline-block
    }

    .MomentGuideNavigation-createButtonText {
        display: none
    }
}

.MomentsGuidePage-capsules {
    margin: 24px auto 60px
}

.MomentsGuidePage-empty {
    color: #657786;
    font-weight: bold;
    margin-top: 175px;
    text-align: center
}

.MomentsGuidePage a:hover,.MomentsGuidePage a:focus,.MomentsGuidePage a:active {
    color: #1da1f2
}

.MomentsPermalinkPage-capsule {
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentsPermalinkPage-capsule.is-hidden {
    max-height: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    overflow: hidden;
    visibility: hidden
}

.MomentsPermalinkPage-tweets {
    margin: 80px auto;
    width: 640px
}

.MomentsPermalinkPage-related {
    border-top: 1px solid #e6ecf0;
    margin: 0 auto 60px
}

.MomentsPermalinkPage-relatedTitle {
    color: #66757f;
    font-size: 18px;
    font-weight: 300;
    margin: 32px 0
}

.MomentsPermalinkPage-empty {
    color: #657786;
    font-weight: bold;
    margin-top: 175px;
    text-align: center
}

.MomentsPermalinkPage.has-sensitive-content-mask .AppContainer {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.MomentsPermalinkPage.has-sensitive-content-mask .MomentsPermalinkPage-content {
    opacity: .05;
    -ms-filter: "alpha(opacity=5)"
}

.MomentCapsuleEditableMeta {
    margin-bottom: 36px
}

.MomentCapsuleEditableMeta .rich-editor {
    min-height: auto;
    padding-left: 0;
    width: 100%
}

.MomentCapsuleEditableMeta .rich-editor:focus,.MomentCapsuleEditableMeta .rich-editor.fake-focus {
    border: 0;
    box-shadow: none
}

.MomentCapsuleEditableMeta-title .rich-editor {
    border: 0;
    color: #14171a;
    font-size: 27px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 12px
}

.MomentCapsuleEditableMeta-description .rich-editor {
    border: 0;
    color: #657786;
    font-size: 14px;
    line-height: 20px;
    margin: 14px 0;
    padding-bottom: 0;
    width: 100%
}

.MomentCapsuleEditableMeta-description .rich-editor:focus {
    color: #657786
}

body:not(.swift-loading) .MomentCapsuleEditableMeta .is-showPlaceholder:before {
    color: #ccd6dd;
    content: attr(data-placeholder-default);
    position: absolute
}

body:not(.swift-loading) .MomentCapsuleEditableMeta .is-showPlaceholder:focus:before {
    color: #e6ecf0
}

.MomentMakerActionButtons {
    color: #aab8c2;
    position: absolute;
    right: -40px
}

.MomentMakerActionButtons-button {
    display: block;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94);
    width: 100%
}

.MomentMakerActionButtons-button:focus {
    outline: 0
}

.MomentMakerActionButtons-button:hover {
    color: #66757f
}

.MomentMakerActionButtons-button--remove {
    padding-top: 10px
}

.MomentMakerActionButtons-button--remove:hover {
    color: #e0245e
}

.MomentMakerActionButtons-button--add:hover {
    color: #17bf63
}

.MomentMakerAddItemForm {
    border-radius: 2px;
    color: #aab8c2;
    height: 34px;
    margin: 32px 60px 82px
}

.MomentMakerAddItemForm-container {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 640px
}

.MomentMakerAddItemForm-input {
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 12px;
    padding: 5px 10px
}

.MomentMakerAddItemForm-button {
    padding: 7px 12px;
    text-align: center;
    width: 90px
}

.MomentMakerAddItemForm-error {
    color: #e0245e;
    min-height: 18px;
    position: relative;
    text-align: center;
    top: 32px;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentMakerAddItemForm-error.is-hidden {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.MomentMakerCapsuleCover {
    margin: 0 auto;
    padding-top: 40px;
    width: 640px
}

.MomentMakerCapsuleCover-media {
    position: relative;
    text-align: right
}

.MomentMakerCapsuleCover-media:not(.has-media) .MomentMakerCapsuleCover-mediaMask,.MomentMakerCapsuleCover-media:not(.has-media) .MomentMakerMediaActionButtons-button--crop,.MomentMakerCapsuleCover-media.has-media .MomentMakerCapsuleCover-empty {
    display: none
}

.MomentMakerCapsuleCover-media.has-media {
    border-bottom: 1px solid #aab8c2;
    padding-bottom: 80px
}

.MomentMakerCapsuleCover-media .MomentMediaItem {
    height: 640px;
    width: 640px
}

.MomentMakerCapsuleCover-spinner {
    display: none;
    height: 640px;
    margin-top: 40%
}

.MomentMakerCapsuleCover-mediaMask {
    position: relative
}

.MomentMakerCapsuleCover-mediaMask::after {
    background: rgba(0,0,0,0.5);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.MomentMakerCapsuleCover-mediaMask:hover::after {
    content: "";
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.MomentMakerCapsuleCover-changeButton {
    font-weight: 500;
    left: 240px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    top: 300px;
    z-index: 1
}

.MomentMakerCapsuleCover-mediaMask:hover .MomentMakerCapsuleCover-changeButton {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.MomentMakerCapsuleCover-empty {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f8fa;
    border-radius: 2px;
    color: #aab8c2;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MomentMakerCapsuleCover-empty .Icon--cover {
    font-size: 32px;
    padding: 32px 0 0
}

.MomentMakerCapsuleCover-emptyText {
    color: #657786;
    font-size: 14px;
    font-weight: 300;
    margin: 16px 0;
    padding: 0 32px;
    text-align: center
}

.MomentMakerCapsuleCover-setButton {
    display: block;
    margin: 0 auto 32px;
    width: 100px
}

.MomentMakerCapsuleCover .MomentMakerMediaActionButtons {
    bottom: 80px
}

.MomentMakerCoverCropper {
    background-color: #fff;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.MomentMakerCoverCropper-content {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: calc(50% - 465px);
    width: 930px
}

.MomentMakerCoverCropper-container {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px;
    margin-top: 100px;
    position: relative
}

.MomentMakerCoverCropper-image {
    display: block;
    height: 100%;
    width: 640px
}

.MomentMakerCoverCropper .MomentMakerMediaInlinePreview {
    display: block;
    margin-left: 50px;
    position: fixed;
    right: auto;
    top: 100px
}

.MomentMakerCoverCropper.hasSmallImage .MomentMakerMediaInlinePreview {
    position: absolute;
    top: 0
}

.MomentMakerCoverCropper-title {
    color: #657786;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
    width: 240px
}

.MomentMakerCoverCropper-squarePreview {
    overflow: hidden;
    height: 240px;
    width: 240px
}

.MomentMakerCoverCropper-squarePreview img {
    position: relative
}

.MomentMakerCoverCropper-squarePreview.is-portrait img {
    height: auto;
    width: 240px
}

.MomentMakerCoverCropper-squarePreview.is-landscape img {
    height: 240px;
    width: auto
}

.MomentMakerCoverCropper .MomentMakerMediaInlinePreview-preview,.MomentMakerCoverCropper .MomentMakerCoverCropper-title--portrait,.MomentMakerCoverCropper .MomentMakerCoverCropper-actions--saveCrop,.MomentMakerCoverCropper.is-portrait .MomentMakerCoverCropper-title--square,.MomentMakerCoverCropper.is-portrait .MomentMakerCoverCropper-squarePreview,.MomentMakerCoverCropper.is-portrait .MomentMakerCoverCropper-actions--nextCrop,.MomentMakerCoverCropper.is-portrait .MomentMakerMediaInlinePreview-noCropContainer {
    display: none
}

.MomentMakerCoverCropper.is-portrait .MomentMakerMediaInlinePreview-preview,.MomentMakerCoverCropper.is-portrait .MomentMakerCoverCropper-title--portrait,.MomentMakerCoverCropper.is-portrait .MomentMakerCoverCropper-actions--saveCrop {
    display: block
}

.MomentMakerCoverDialog .modal-body {
    background: #f5f8fa;
    border-radius: 0 0 6px 6px;
    color: #657786
}

.MomentMakerCoverDialog .modal-header {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.MomentMakerCoverDialog-title {
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.MomentMakerCoverDialog-actions {
    margin-right: 20px
}

.MomentMakerCoverDialog .Icon--close,.MomentMakerCoverDialog .modal-close {
    height: auto;
    margin-top: 7px
}

.MomentMakerCoverDialog .MomentMakerCoverDialog-saveCover {
    border: 0;
    font-size: 13px;
    font-weight: 300;
    padding: 6px 12px
}

.MomentMakerCoverDialog-noMediaMessage {
    font-size: 13px;
    margin: 7px
}

.MomentMakerCoverDialog-noMediaMessage.with-uploadEnabled {
    float: left;
    width: 300px
}

.MomentMakerCoverDialog-imageGrid {
    max-height: 350px;
    overflow-y: auto
}

.MomentMakerCoverDialog-cell {
    background-position: center;
    background-size: cover;
    border: 2px solid #f5f8fa;
    color: #1da1f2;
    cursor: pointer;
    float: left;
    height: 100px;
    margin: 7px;
    overflow: hidden;
    width: 100px
}

.MomentMakerCoverDialog-cell--upload {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MomentMakerCoverDialog-cell--image {
    position: relative
}

.MomentMakerCoverDialog-cell--image:hover::after {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .2;
    -ms-filter: "alpha(opacity=20)";
    position: absolute;
    right: 0;
    top: 0
}

.MomentMakerCoverDialog-cell--upload,.MomentMakerCoverDialog-cell--image.selected {
    border: 2px solid #1da1f2
}

.MomentMakerCropBeforePublishDialog.modal:not(.is-autoPosition) {
    width: 502px
}

.MomentMakerCropBeforePublishDialog .modal-body {
    background: #f5f8fa;
    border-radius: 0 0 6px 6px;
    color: #657786
}

.MomentMakerCropBeforePublishDialog .modal-header {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.MomentMakerCropBeforePublishDialog-title {
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.MomentMakerCropBeforePublishDialog-actions {
    margin-right: 20px
}

.MomentMakerCropBeforePublishDialog .Icon--close,.MomentMakerCropBeforePublishDialog .modal-close {
    height: auto;
    margin-top: 7px
}

.MomentMakerCropBeforePublishDialog-imageGrid {
    max-height: 350px;
    overflow-y: auto
}

.MomentMakerCropBeforePublishDialog-cellPlaceholder {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e6ecf0;
    border: 2px solid #f5f8fa;
    color: #657786;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    height: 100px;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 7px;
    overflow: hidden;
    width: 100px
}

.MomentMakerCropBeforePublishDialog-cropAll.btn {
    color: #fff;
    font-weight: 300
}

.MomentMakerCropBeforePublishDialog-forcePublish.btn {
    color: #657786
}

.MomentMakerCropBeforePublishDialog-cropPrompt {
    margin-left: 9px
}

.MomentMakerCropOverlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.MomentMakerCropOverlay-cropArea {
    cursor: move;
    height: 100%;
    width: 100%
}

.MomentMakerCropOverlay-cropArea .ui-resizable-handle {
    background-color: #fff;
    height: 25px;
    position: absolute;
    width: 5px;
    z-index: 1000
}

.MomentMakerCropOverlay-cropArea .ui-resizable-ne {
    cursor: nesw-resize;
    right: 0;
    top: 0
}

.MomentMakerCropOverlay-cropArea .ui-resizable-ne:after {
    right: 0
}

.MomentMakerCropOverlay-cropArea .ui-resizable-sw {
    bottom: 0;
    cursor: nesw-resize;
    left: 0
}

.MomentMakerCropOverlay-cropArea .ui-resizable-sw:after {
    top: 20px
}

.MomentMakerCropOverlay-cropArea .ui-resizable-se {
    bottom: 0;
    cursor: nwse-resize;
    right: 0
}

.MomentMakerCropOverlay-cropArea .ui-resizable-se:after {
    bottom: 0;
    right: 0
}

.MomentMakerCropOverlay-cropArea .ui-resizable-nw {
    cursor: nwse-resize;
    left: 0;
    top: 0
}

.MomentMakerCropOverlay-cropArea .ui-resizable-sw:after,.MomentMakerCropOverlay-cropArea .ui-resizable-se:after,.MomentMakerCropOverlay-cropArea .ui-resizable-nw:after,.MomentMakerCropOverlay-cropArea .ui-resizable-ne:after {
    background: #fff;
    content: "";
    height: 5px;
    position: absolute;
    width: 25px
}

.MomentMakerMaskedImage {
    background-color: #14171a;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.MomentMakerMaskedImage.has-mask {
    z-index: 1
}

.MomentMakerMaskedImage .MomentMakerMaskedImage-imageClip {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    position: absolute;
    right: 0;
    top: 0
}

.MomentMakerMaskedImage.has-mask .MomentMakerMaskedImage-image {
    height: auto;
    opacity: .4;
    -ms-filter: "alpha(opacity=40)";
    width: 640px
}

.MomentMakerMediaActionButtons {
    bottom: 0;
    color: #aab8c2;
    position: absolute;
    right: -40px
}

.MomentMakerMediaActionButtons-button {
    display: block;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94);
    width: 100%
}

.MomentMakerMediaActionButtons-button:focus {
    outline: 0
}

.MomentMakerMediaActionButtons-button:hover {
    color: #66757f
}

.MomentMakerMediaActionButtons .Icon {
    vertical-align: bottom
}

.MomentMakerMediaContainer {
    height: 100%;
    min-height: 140px;
    position: relative;
    width: 100%
}

.MomentMakerMediaContainer-mediaContainer {
    position: relative
}

.MomentMakerMediaContainer+.MomentMakerMediaContainer {
    margin-top: 5px
}

.MomentMakerMediaContainer.is-cropping {
    background-color: transparent;
    z-index: 20
}

.MomentMakerMediaContainer .MomentMakerCropOverlay,.MomentMakerMediaContainer.is-cropping .MomentMakerMediaActionButtons {
    display: none
}

.MomentMakerMediaContainer.is-cropping .MomentMakerCropOverlay,.MomentMakerMediaContainer.is-cropping .MomentMakerMediaInlinePreview {
    display: block
}

.MomentMakerMediaContainer.no-crop .MomentMakerCropOverlay {
    display: none
}

.MomentMakerMediaInlinePreview {
    display: none;
    margin: auto;
    position: absolute;
    right: -300px;
    top: 0;
    width: 240px;
    z-index: 20
}

.MomentMakerMediaInlinePreview-previewContainer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 240px;
    z-index: 20
}

.MomentMakerMediaInlinePreview-preview {
    background: #14171a;
    height: 426px;
    margin: 0;
    overflow: hidden;
    width: 240px
}

.MomentMakerMediaInlinePreview-noCropContainer {
    display: inline-block;
    margin-top: 24px
}

.MomentMakerMediaInlinePreview-noCropLabel {
    font-size: 12px;
    margin-left: 5px;
    vertical-align: middle
}

.MomentMakerMediaInlinePreview .MomentMakerMediaInlinePreview-noCrop {
    margin: 10px 0
}

.MomentMakerMediaInlinePreview-image {
    position: relative
}

.MomentMakerMediaInlinePreview-buttonRow {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px
}

.MomentMakerMediaInlinePreview-buttonRow .btn {
    float: left;
    margin-left: 16px;
    width: 112px
}

.MomentMakerMediaInlinePreview-buttonRow .btn:nth-child(1) {
    margin-left: 0
}

.MomentMakerMediaInlinePreview+.MomentCapsuleItem .MomentMakerActionButtons-button--up {
    color: #e6ecf0;
    cursor: default
}

.MomentMakerMediaInlinePreview.no-crop .MomentMakerMediaInlinePreview-preview {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.MomentMakerMediaInlinePreview.no-crop .MomentMakerMediaInlinePreview-image {
    width: 100%
}

.MomentMakerMediaInlinePreview.is-cropAllMode .MomentMakerMediaInlinePreview-cropApply,.MomentMakerMediaInlinePreview .MomentMakerMediaInlinePreview-cropNext {
    display: none
}

.MomentMakerMediaInlinePreview .MomentMakerMediaInlinePreview-cropApply,.MomentMakerMediaInlinePreview.is-cropAllMode .MomentMakerMediaInlinePreview-cropNext {
    display: inline
}

.MomentMakerPage {
    background-color: #f5f8fa
}

.MomentMakerPage-content {
    background-color: #fff;
    margin: 0 auto
}

.MomentMakerPage-existingTweets {
    margin: 80px auto;
    position: relative;
    width: 640px
}

.MomentMakerPage-recommendedTweets {
    margin-left: 60px;
    width: 640px
}

.MomentMakerPage-existingTweets.is-cropping .MomentMakerMediaActionButtons,.MomentMakerPage-existingTweets.is-cropping .MomentMakerActionButtons {
    display: none
}

.MomentMakerPage-existingTweets .MomentMakerActionButtons-recommendedTweets,.MomentMakerPage-recommendedTweets .MomentMakerActionButtons-existingTweets,.MomentMakerPage-recommendedTweets .MomentMakerMediaActionButtons,.MomentMakerPage-recommendedTweets .MomentMakerCropOverlay {
    display: none
}

.MomentMakerPage-mask {
    background-color: rgba(255,255,255,0.8);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 19
}

.MomentMakerPage.hasCoverOverlay {
    background-color: #fff
}

.MomentMakerPage.hasCoverOverlay .MomentMakerPage-content {
    max-height: 0;
    overflow: hidden
}

.MomentMakerPage.hasCoverOverlay .MomentMakerTopBar {
    opacity: .3;
    -ms-filter: "alpha(opacity=30)"
}

.MomentMakerPage.hasCoverOverlay .MomentMakerTopBar button,.MomentMakerPage.hasCoverOverlay .MomentMakerTopBar a {
    cursor: default;
    pointer-events: none
}

.MomentMakerPage.hasCoverOverlay .topbar:not(.MomentMakerTopBar) {
    display: none
}

.MomentMakerPage.hasCoverOverlay .topbar.MomentMakerTopBar-background {
    background-color: #fff;
    display: block;
    height: 46px
}

.MomentMakerPage.hasCoverOverlay .MomentCapsuleCoverAttribution {
    display: none
}

.MomentMakerPage.hasCoverOverlay .MomentMakerCapsuleCover-media,.MomentMakerPage.hasCoverOverlay .MomentMakerCapsuleCover-mediaMask {
    position: inherit
}

.MomentMakerPage #moment-publish-validation-dialog {
    height: 100%
}

.MomentMakerPage #public-moment-warning,.MomentMakerPage #moment-maker-disallow-publish-dialog {
    display: block;
    z-index: 4004
}

.MomentMakerPage #public-moment-warning .modal,.MomentMakerPage #moment-maker-disallow-publish-dialog .modal {
    margin: 0 auto
}

.MomentMakerRecommendations {
    background-color: #f5f8fa;
    padding: 0 0 80px
}

.MomentMakerRecommendations-title {
    color: #657786;
    font-size: 18px;
    font-weight: 300;
    padding: 24px 0;
    text-align: center
}

.MomentMakerRecommendations-module {
    background-color: #fff;
    border: 1px solid #ccd6dd;
    border-radius: 4px;
    margin: 0 auto;
    width: 760px
}

.MomentMakerRecommendations-more {
    background-color: #f5f8fa;
    border-top: 1px solid #ccd6dd;
    border-radius: 0 0 4px 4px;
    color: #66757f;
    cursor: pointer;
    display: none;
    padding: 12px;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94);
    width: 100%
}

.MomentMakerRecommendations-more:focus {
    outline: 0
}

.MomentMakerRecommendations-more:hover {
    background-color: #e6ecf0
}

.MomentMakerRecommendations-scrollTop {
    display: block;
    float: right
}

.MomentMakerRecommendations-scrollTopButton {
    background-color: #fff;
    border: 1px solid #ccd6dd;
    border-radius: 4px;
    bottom: 80px;
    margin-left: 20px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    padding: 7px 12px;
    position: fixed;
    visibility: hidden
}

.MomentMakerRecommendations-scrollTopButton.is-fixed {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    visibility: visible
}

.MomentMakerRecommendations-scrollTopButton .Icon--arrowUp {
    margin-right: 5px
}

.MomentMakerRecommendations-spinner {
    display: none;
    margin-bottom: 10px
}

.MomentMakerRecommendations-message {
    color: #657786;
    display: none;
    font-size: 14px;
    margin: 120px 0;
    padding: 0 32px;
    text-align: center
}

.MomentMakerRecommendations .MomentMakerRecommendedTweetsSearch,.MomentMakerRecommendations .MomentMakerAddItemForm {
    display: none
}

.MomentMakerRecommendations[data-active-category="tweets"] .MomentMakerRecommendedTweetsSearch--users,.MomentMakerRecommendations[data-active-category="search"] .MomentMakerRecommendedTweetsSearch--tweets {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.MomentMakerRecommendations[data-active-category="urls"] .MomentMakerAddItemForm {
    display: block
}

.MomentMakerRecommendedCategories {
    margin: 32px 0;
    text-align: center
}

.MomentMakerRecommendedCategories-item {
    border-bottom: 0 solid #1da1f2;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 42px;
    margin: 0 16px;
    padding: 0 8px;
    transition: all .15s ease;
    vertical-align: top
}

.MomentMakerRecommendedCategories-item.is-active,.MomentMakerRecommendedCategories-item:hover,.MomentMakerRecommendedCategories-item:focus {
    border-bottom-color: #1da1f2;
    border-bottom-width: 4px;
    color: #1da1f2
}

.MomentMakerRecommendedCategories-item.is-active .MomentMakerRecommendedCategories-target {
    color: #1da1f2
}

.MomentMakerRecommendedCategories-target {
    color: #657786;
    display: block;
    font-size: 14px;
    padding: 12px 0
}

.MomentMakerRecommendedCategories-target,.MomentMakerRecommendedCategories-target:active,.MomentMakerRecommendedCategories-target:focus,.MomentMakerRecommendedCategories-target:hover {
    outline: 0
}

.MomentMakerRecommendedTweetsSearch {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 82px;
    position: relative
}

.MomentMakerRecommendedTweetsSearch-form,.MomentMakerRecommendedTweetsSearch-input {
    position: relative
}

.MomentMakerRecommendedTweetsSearch-typeahead {
    height: 22px;
    left: -12px;
    margin-right: -12px;
    padding: 5px 25px 5px 10px;
    width: 316px
}

.MomentMakerRecommendedTweetsSearch .dropdown-menu {
    margin-top: 5px;
    width: 353px
}

.MomentMakerRecommendedTweetsSearch .dropdown-caret {
    display: block
}

.MomentMakerRecommendedTweetsSearch-searchIcon {
    color: #657786;
    left: -12px;
    position: relative;
    vertical-align: middle
}

.MomentMakerRecommendedTweetsSearch--users .MomentMakerRecommendedTweetsSearch-userContainer {
    font-size: 14px;
    position: absolute;
    text-align: center;
    top: 66px;
    width: 100%
}

.MomentMakerRecommendedTweetsSearch--users .MomentMakerRecommendedTweetsSearch-userContainer img {
    border-radius: 2px;
    height: 20px;
    vertical-align: middle
}

.MomentMakerSortMenu {
    margin-left: 30px
}

.MomentMakerSortMenu-button {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.MomentMakerSortMenu-button,.MomentMakerSortMenu-button:focus,.MomentMakerSortMenu-button:hover {
    outline: 0
}

.MomentMakerSortMenu-icons {
    font-size: 7px;
    height: 25px;
    position: relative;
    margin-right: 6px;
    width: 8px
}

.MomentMakerSortMenu-icons .Icon {
    position: absolute;
    left: 0
}

.MomentMakerSortMenu-icons .Icon--chevronUp {
    top: -1px
}

.MomentMakerSortMenu-icons .Icon--chevronDown {
    bottom: 0
}

.MomentMakerSortMenu-label {
    line-height: 25px
}

.MomentMakerSortMenu .dropdown-menu {
    border: 1px solid #e6ecf0;
    box-shadow: none;
    left: -12px;
    margin-top: 8px
}

.MomentMakerThemeColorDialog .modal-header {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

.MomentMakerThemeColorDialog .modal-close {
    right: 17px;
    top: 23px
}

.MomentMakerThemeColorDialog-title {
    color: #66757f;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 28px
}

.MomentMakerThemeColorDialog-confirm {
    border: 0;
    font-size: 13px;
    font-weight: 300;
    margin-right: 28px;
    padding: 6px 12px
}

.MomentMakerThemeColorDialog-body {
    background-color: #f5f8fa;
    border-bottom: 0;
    border-radius: 0 0 5px 5px
}

.MomentMakerThemeColorDialog-grid {
    text-align: center
}

.MomentMakerThemeColorDialog-color {
    border-radius: 4px;
    display: inline-block;
    height: 36px;
    line-height: 0;
    margin: 4px;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94);
    width: 36px
}

.MomentMakerThemeColorDialog-color:hover {
    opacity: .6;
    -ms-filter: "alpha(opacity=60)"
}

.MomentMakerThemeColorDialog-color:focus {
    outline: 0
}

.MomentMakerThemeColorDialog-color::before {
    color: #fff;
    content: "\f197";
    font-size: 18px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94);
    width: 100%
}

.MomentMakerThemeColorDialog-color.is-selected::before {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.MomentMakerTopBar,.MomentMakerTopBar-background {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1da1f2;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    width: 100%
}

.MomentMakerTopBar-buttonContainer {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1190px;
    min-width: 840px;
    padding: 0 10px;
    width: 100%
}

.MomentMakerTopBar-birdIcon {
    color: #fff;
    left: calc(50% - 12px);
    margin: 0;
    position: fixed;
    top: 12px
}

.MomentMakerTopBar-leftActions {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.MomentMakerTopBar .dropdown-menu {
    top: 30px
}

.MomentMakerTopBar .MomentButton {
    display: none;
    font-weight: 500;
    margin-left: 14px
}

.MomentMakerTopBar-publishButtonLabel {
    display: none
}

.MomentMakerTopBar-publishButton.is-disabled {
    opacity: .5;
    -ms-filter: "alpha(opacity=50)"
}

.MomentMakerTopBar-publishButton.is-disabled:hover {
    cursor: not-allowed
}

.MomentMakerTopBar[data-visibility-mode="private"] .MomentMakerTopBar-finishLaterButton,.MomentMakerTopBar[data-visibility-mode="private"] .MomentMakerTopBar-publishButton,.MomentMakerTopBar[data-visibility-mode="private"] .MomentMakerTopBar-publishButtonLabel.for-privateToPublic {
    display: inline-block
}

.MomentMakerTopBar[data-visibility-mode="unlisted"] .MomentMakerTopBar-doneButton,.MomentMakerTopBar[data-visibility-mode="unlisted"] .MomentMakerTopBar-publishButton,.MomentMakerTopBar[data-visibility-mode="unlisted"] .MomentMakerTopBar-publishButtonLabel.for-unlistedToPublic {
    display: inline-block
}

.MomentMakerTopBar[data-visibility-mode="public"] .MomentMakerTopBar-doneButton {
    display: inline-block
}

.MomentMakerTopBarDropdownMenu-button {
    height: 25px
}

.MomentMakerTopBarDropdownMenu-button,.MomentMakerTopBarDropdownMenu-button:focus,.MomentMakerTopBarDropdownMenu-button:hover,.MomentMakerTopBarDropdownMenu.open .MomentMakerTopBarDropdownMenu-button {
    color: #fff;
    outline: 0
}

.MomentMakerTopBarDropdownMenu-button .Icon {
    padding-right: 4px
}

.MomentMakerTopBarDropdownMenu .dropdown-menu {
    border: 1px solid #e6ecf0;
    box-shadow: none;
    left: -12px;
    margin-top: 8px
}

.MomentMakerTopBarDropdownMenu .dropdown-menu .dropdown-link[disabled],.MomentMakerTopBarDropdownMenu .dropdown-menu .dropdown-link[disabled]:hover {
    background-color: #fff!important;
    color: #aab8c2;
    cursor: default
}

.MomentMakerTopBarDropdownMenu-subtext {
    color: #aab8c2;
    display: block;
    font-size: 11px
}

.MomentMakerTopBarDropdownMenu .dropdown-menu .dropdown-link:hover .MomentMakerTopBarDropdownMenu-subtext {
    color: #fff
}

.MomentMakerTopBarDropdownMenu-subtext--color {
    border-radius: 2px;
    height: 12px;
    margin-top: 2px;
    width: 12px
}

.MomentMakerTopBarDropdownMenu[data-nsfw-moment="false"] .MomentMakerTopBarDropdownMenu-subtext--nsfw,.MomentMakerTopBarDropdownMenu[data-publish-location="false"] .MomentMakerTopBarDropdownMenu-subtext--location,.MomentMakerTopBarDropdownMenu[data-has-theme="false"] .MomentMakerTopBarDropdownMenu-subtext--color {
    display: none
}

.MomentMakerVisibilityDialog-description {
    color: #657786
}

.MomentMakerVisibilityDialog-description.for-unlistedToPublic {
    color: #e0245e
}

.MomentMakerVisibilityDialog-shareUrl {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #657786;
    cursor: default;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 21px;
    margin-top: 10px;
    overflow: hidden;
    padding: 7px 9px;
    resize: none;
    width: 100%
}

.MutedKeyword {
    list-style: none
}

.MutedKeyword-item {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e6ecf0;
    color: #14171a;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 12px
}

.MutedKeyword-text {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.5em;
    margin-right: 12px;
    min-width: 0;
    word-wrap: break-word
}

.MutedKeyword-expiration {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px
}

.MutedKeyword.expired .MutedKeyword-item {
    color: #aab8c2
}

.MutedKeyword-button {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #14171a;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px
}

.MutedKeyword-button:hover .unmute-text {
    display: block
}

.MutedKeyword-button .unmute-text,.MutedKeyword-button:hover .muted-text {
    display: none
}

.MutedKeyword-button--delete,.MutedKeyword-button--edit {
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: 8px;
    width: auto
}

.MutedKeyword-button--delete,.MutedKeyword-button--delete:hover {
    border: 1px solid #e0245e
}

.MutedKeyword .MutedKeyword-button--edit,.MutedKeyword .MutedKeyword-button--edit:hover {
    border: 1px solid #657786;
    color: #657786
}

.MutedKeyword-button--edit .Icon,.MutedKeyword-button--delete .Icon {
    top: 2px
}

.MutedKeywordsAddItemForm {
    background: #fff;
    border-radius: 2px;
    color: #aab8c2;
    display: inline-block;
    margin: 20px 0 0;
    width: 100%
}

.MutedKeywords .MutedKeywords-subheading {
    margin-top: 16px
}

.MutedKeywordsAddItemForm-row {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.MutedKeywordsAddItemForm-input {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    position: relative
}

.MutedKeywordsAddItemForm-button {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px;
    width: 100px
}

.MutedKeywordsAddItemForm-button[disabled] {
    pointer-events: none
}

.MutedKeywordsAddItemForm-input .rich-editor {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 12px;
    min-height: 36px;
    max-height: 96px;
    overflow: hidden;
    padding: 6px 8px;
    width: 100%
}

.MutedKeywordsAddItemForm-input .dropdown-menu {
    margin-top: 1px;
    width: 316px
}

.MutedKeywordsAddItemForm-input .dropdown-caret {
    display: block
}

.MutedKeywordsAddItemForm-message {
    margin-bottom: 8px;
    min-height: 36px;
    transition: opacity .4s cubic-bezier(0.25,0.46,0.45,0.94);
    width: calc(100% - 112px)
}

.MutedKeywordsAddItemForm-message.is-hidden {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.MutedKeywordsAddItemForm-message.error {
    color: #e0245e;
    text-align: left
}

.MutedKeywordsAddItemForm-message.warning {
    color: #ffad1f
}

.MutedKeywordsAddItemForm .MutedKeywordsAddItemForm-button.js-update,.MutedKeywordsAddItemForm.is-editing .MutedKeywordsAddItemForm-button.js-add {
    display: none
}

.MutedKeywordsAddItemForm.is-editing .MutedKeywordsAddItemForm-button.js-update {
    display: block
}

.MutedKeywordsActions {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.MutedKeywordsActions-openDialogButton {
    margin: 12px auto;
    width: 300px
}

.MuteKeywordAddItemDialog-title {
    text-align: center
}

.MuteKeywordAddItemDialog .MutedKeywordsAddItemForm {
    margin-top: 0
}

.MuteKeywordAddItemDialog .MutedKeywordsAddItemForm-message {
    margin: 8px 0 0;
    min-height: 0
}

.MutedKeywordsAddItemFormOptions .options {
    clear: both;
    float: left
}

.MutedKeywordsAddItemFormOptions .MutedKeywordsAddItemFormOptions-heading {
    clear: both;
    float: left;
    margin: 16px 0 12px
}

.MuteKeywordAddItemDialog .MutedKeywordsAddItemForm-info {
    color: #aab8c2;
    margin-top: 12px
}

.MutedKeywordsAddItemFormOptions-mentionsSubMenu {
    display: none
}

.MutedKeywordsAddItemForm input[id="mute-keyword-mentions"]:checked ~ .MutedKeywordsAddItemFormOptions-mentionsSubMenu {
    display: block
}

.MutedKeywordsAddItemFormOptions-content {
    margin-bottom: 12px
}

.MutedKeywordsAddItemFormOptions-footer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.MutedKeywordsAddItemFormOptions-footer .MutedKeywordsAddItemForm-button {
    margin: 12px 0 0
}

body:not(.swift-loading) .MutedKeywordsAddItemForm .is-showPlaceholder:before {
    color: #aab8c2;
    content: attr(data-placeholder-default);
    padding-left: 2px;
    position: absolute
}

.MutedKeywordsFooter {
    background: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 0 0 6px 6px;
    border-top: 0;
    padding: 15px 50px
}

.MutedKeywordsFooter-emptyMessage {
    color: #657786;
    font-size: 13px;
    text-align: center
}

.PlayableMedia {
    border-radius: inherit
}

.PlayableMedia-attribution {
    display: inline-block;
    margin-bottom: 15px
}

.PlayableMedia-attribution .avatar {
    height: 20px;
    width: 20px;
    vertical-align: middle
}

.PlayableMedia-player {
    background-size: cover;
    border-radius: inherit;
    height: 0;
    position: relative
}

.PlayableMedia-title {
    font-weight: bold;
    margin-top: 8px
}

.PlayableMedia-description,.PlayableMedia--vine .PlayableMedia-externalUrl {
    margin-top: 4px;
    display: block
}/*! jQuery UI - v1.8.22 - 2012-07-24
* https://github.com/jquery/jquery-ui
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css
* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion {
    width: 100%
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0!important
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none!important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.3em
}

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

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0;
    overflow: auto;
    zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0!important;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0
}

.ui-tabs .ui-tabs-hide {
    display: none!important
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #14171a
}

.ui-widget-content a {
    color: #14171a
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccd6dd url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #14171a;
    font-weight: bold
}

.ui-widget-header a {
    color: #14171a
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #66757f
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #66757f;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #657786;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-hover a,.ui-state-hover a:hover {
    color: #212121;
    text-decoration: none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-widget :active {
    outline: 0
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)";
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)";
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)";
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)";
    filter: Alpha(Opacity=30);
    border-radius: 8px
}/*!
 * jQuery UI Slider 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.profile-avatar-modal {
    width: 350px
}

.profile-header-modal {
    width: 630px
}

.image-upload-webcam {
    position: relative
}

.image-upload-webcam video {
    width: 100%;
    display: none
}

.image-upload-webcam .video-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(255,255,255,0.15);
    display: none
}

.image-upload-webcam .video-countdown {
    margin: 50px auto 0;
    width: 75px;
    height: 75px;
    font-size: 72px;
    border-radius: 40px;
    line-height: 70px;
    background-color: #fff
}

.crop-zone {
    float: left
}

.crop-zone.cropper-avatar-size {
    width: 320px
}

.cropper-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: move;
    z-index: 6001
}

.cropper-header-size .cropper-overlay {
    width: 600px;
    height: 340px
}

.crop-zone.cropper-header-size,.crop-zone.cropper-header-size-wide {
    width: 600px
}

.cropper-mask {
    overflow: hidden;
    position: relative
}

.cropper-avatar-size .cropper-mask {
    width: 320px;
    height: 320px
}

.cropper-header-size .cropper-mask {
    width: 600px;
    height: 340px
}

.cropper-header-size-wide .cropper-mask {
    width: 599px;
    height: 253px
}

.uploader-tool {
    height: 75px;
    text-align: center
}

.crop-image {
    display: block
}

.crop-zone .cropper-mask:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5999;
    opacity: .75;
    -ms-filter: "alpha(opacity=75)";
    box-shadow: inset 0 0 0 40px white,inset 0 0 0 41px rgba(0,0,0,0.1),inset 0 0 20px 41px rgba(0,0,0,0.2)
}

.image-upload-spinner {
    display: none;
    background: url(../../images/bigger_spinner.gif) no-repeat center center
}

.image-upload-dialog.saving .image-upload-spinner {
    display: block
}

.image-upload-dialog.saving .crop-zone {
    display: none
}

.cropper-slider-outer {
    font-size: 14px;
    margin: 10px auto;
    width: 270px
}

.cropper-slider-outer .image-gray {
    margin-top: 3px
}

.cropper-slider-outer .image-gray-large {
    margin-top: 1px
}

.cropper-slider {
    display: inline-block;
    cursor: pointer;
    margin: 0 14px;
    width: 208px;
    height: 7px;
    background-color: #e6ecf0;
    border: 0;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.15)
}

.cropper-slider .ui-slider-handle {
    cursor: pointer;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 32px;
    background: #fff;
    background: linear-gradient(#fff,#e0e0e0);
    box-shadow: 0 0 3px rgba(0,0,0,0.1)
}

.cropper-slider .ui-slider-handle {
    top: -5px
}

.ui-slider-handle.ui-state-default,.ui-slider-handle.ui-state-hover,.ui-slider-handle.ui-state-active,.ui-slider-handle.ui-state-focus {
    border: 1px solid #c5c5c5
}

.ui-slider-handle.ui-state-active {
    background: #e9e9e9
}

.upload-help-text {
    margin-top: 6px
}

li div.photo-selector span.photo-file-name,div#choose-header div.photo-selector span.photo-file-name,div#choose-background div.photo-selector span.photo-file-name,div#choose-photo div.photo-selector span.photo-file-name {
    display: none
}

.dropdown-menu div.photo-selector button {
    display: none
}

.dropdown-menu div.photo-selector {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.crop-zone .profile-card p+p {
    margin: 0
}

.crop-zone .profile-card {
    z-index: 5;
    border: 0
}

.crop-zone .profile-card.profile-header {
    width: 600px;
    padding-top: 40px
}

.crop-zone .profile-card-inner {
    width: 442px
}

.crop-zone .profile-card .edit-profile-btn {
    display: none
}

.uploader-copy {
    display: block;
    clear: both;
    padding-bottom: 15px
}

.ProfileAvatarEditing {
    background: #fff;
    border-radius: 12px;
    border: 5px solid #fff;
    height: 200px;
    position: relative;
    width: 200px
}

.ProfileAvatarEditing-container,.ProfileAvatarEditing.is-withAvatar .ProfileAvatarEditing-placeholder {
    display: none
}

.ProfileAvatarEditing.is-withAvatar .ProfileAvatarEditing-container {
    display: block
}

.ProfileAvatarEditing-image {
    -moz-force-broken-image-icon: 1
}

.ProfileAvatarEditing-image,.ProfileAvatarEditing-placeholder,.ProfileAvatarEditing-button,.ProfileAvatarEditing-overlay,.ProfileAvatarEditing-iframeSaving {
    border-radius: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ProfileAvatarEditing-overlay {
    background: #000;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)"
}

.ProfileAvatarEditing-button {
    background: transparent;
    border: 0;
    cursor: pointer;
    outline: 0
}

.ProfileAvatarEditing-addAvatarHelp,.ProfileAvatarEditing-changeAvatarHelp,.ProfileAvatarEditing-dropAvatarHelp,.ProfileAvatarEditing-iframeSavingHelp {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    padding: 35px 15px 0 15px;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0,0,0,0.75)
}

.ProfileAvatarEditing .Icon--cameraPlus,.ProfileAvatarEditing .Icon--camera,.ProfileAvatarEditing .Icon--clock {
    font-size: 52px;
    line-height: 56px
}

.ProfileAvatarEditing-changeAvatarHelp,.ProfileAvatarEditing-dropAvatarHelp,.ProfileAvatarEditing.is-withAvatar .ProfileAvatarEditing-addAvatarHelp {
    display: none
}

.ProfileAvatarEditing.is-withAvatar .ProfileAvatarEditing-changeAvatarHelp {
    display: block
}

.ProfileAvatarEditing-iframeSaving,.ProfileAvatarEditing.is-iframeSaving .ProfileAvatarEditing-button {
    display: none
}

.ProfileAvatarEditing.is-iframeSaving .ProfileAvatarEditing-iframeSaving {
    display: block
}

.ProfileAvatarEditing .dropdown-menu {
    top: 125px
}

.BirthdateSelect-button {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

.BirthdateSelect-button.is-notSet {
    color: #657786
}

.BirthdateSelect-fields {
    margin-left: -8px;
    margin-right: -6px;
    max-height: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    outline: 0;
    visibility: hidden
}

.BirthdateSelect.is-expanded .BirthdateSelect-fields {
    visibility: visible;
    animation-name: expandBirthdateFields;
    animation-timing-function: ease-in;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

@keyframes expandBirthdateFields {
    0% {
        max-height: 35px
    }

    100% {
        max-height: 200px;
        opacity: 1;
        -ms-filter: "alpha(opacity=100)"
    }
}

.BirthdateSelect.is-expanded .BirthdateSelect-button {
    display: none
}

.BirthdateSelect.is-expanded .BirthdateSelect-fields.is-expanded {
    max-height: 200px;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.BirthdateSelect-label {
    color: #66757f;
    margin-bottom: 5px;
    margin-left: 8px;
    margin-top: 5px
}

.BirthdateSelect-selectField {
    font-size: 14px;
    width: auto
}

.BirthdateSelect-selectField.is-missing {
    border-color: #e0245e!important
}

.BirthdateSelect-birthday,.BirthdateSelect-birthyear {
    margin-bottom: 5px
}

.BirthdateSelect .Popover {
    width: 70%;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    transition: all .25s ease-in;
    visibility: hidden
}

.BirthdateSelect.is-expanded .BirthdateSelect-fields.is-expanded+.Popover {
    display: block;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.VisibilitySettings-dropdownIcon,.VisibilitySettings-dropdownCaret,.VisibilitySettings-optionIcon {
    color: #66757f
}

.VisibilitySettings-dropdownCaret {
    font-size: 7px;
    line-height: 18px
}

.VisibilitySettings-optionDisplay {
    padding-left: 5px
}

.VisibilitySettings-option:hover .VisibilitySettings-optionIcon,.VisibilitySettings-option:focus .VisibilitySettings-optionIcon,.VisibilitySettings-learnMore:hover .VisibilitySettings-learnMoreLink,.VisibilitySettings-learnMore:focus .VisibilitySettings-learnMoreLink,.VisibilitySettings-learnMore.js-selected .VisibilitySettings-learnMoreLink,.VisibilitySettings-learnMore .VisibilitySettings-learnMoreLink:hover,.VisibilitySettings-learnMore .VisibilitySettings-learnMoreLink:focus,.VisibilitySettings-learnMore .VisibilitySettings-learnMoreLink.js-selected {
    color: #fff!important
}

.VisibilitySettings-optionIcon,.VisibilitySettings-dropdownIcon {
    min-width: 18px
}

.VisibilitySettings-optionIcon:before {
    text-align: left
}

.VisibilitySettings-menu {
    margin-top: 10px
}

.ProfileOnboarding,.ProfileOnboarding-bio,.ProfileOnboarding-birthdate,.ProfileOnboarding-complete,.ProfileOnboarding-location,.ProfileOnboarding-profilePhoto {
    display: none
}

.ProfileOnboarding {
    margin-top: -5px
}

.ProfileOnboarding-module {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    display: block;
    padding: 15px
}

.ProfileOnboarding .dismiss {
    font-size: 12px;
    color: #ccd6dd;
    margin-top: 0
}

.ProfileOnboarding-header {
    margin-bottom: 10px
}

.ProfileOnboarding-cta {
    margin-top: 5px
}

.ProfileOnboarding .btn.ProfileOnboarding-button {
    color: #fff
}

.ProfileOnboarding .btn.ProfileOnboarding-profileButton {
    display: inline-block;
    font-size: 14px;
    margin: 0 auto
}

.ProfileOnboarding-title {
    font-weight: bold;
    line-height: 25px
}

.ProfileOnboarding-subtitle {
    font-size: 12px
}

.ProfileOnboarding-caret,.ProfileOnboarding-caretInner {
    border-top: 0;
    height: 0;
    top: 1px;
    vertical-align: top;
    width: 0
}

.ProfileOnboarding-caret {
    border-bottom: 10px solid #e6ecf0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    left: 15px;
    position: relative;
    z-index: 100
}

.ProfileOnboarding-caretInner {
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    left: -9px;
    position: absolute
}

.ProfileOnboarding .ProfileHeaderCardEditing-item .ProfileHeaderCardEditing-editableField {
    margin: 0;
    width: 242px
}

.ProfileOnboarding .BirthdateSelect-fields {
    margin: 0
}

.ProfileOnboarding .BirthdateSelect-selectField {
    font-size: 14px;
    width: auto
}

.ProfileOnboarding .ProfileHeaderCardEditing-bioRich .rich-editor {
    height: 100px;
    overflow: hidden
}

.ProfileOnboarding .Icon {
    float: right
}

.ProfileOnboarding-completeImage {
    display: block;
    height: 50px;
    margin: 0 auto;
    width: 50px
}

.ProfileOnboarding-completeText {
    font-size: 16px;
    line-height: 21px;
    margin: 16px 5px
}

.ProfileOnboarding-cta .upload-profile-photo-btn,.ProfileOnboarding-cta.ProfileOnboarding-cta--profilePhoto .save-profile-btn {
    display: none
}

.ProfileOnboarding-cta .save-profile-btn,.ProfileOnboarding-cta.ProfileOnboarding-cta--profilePhoto .upload-profile-photo-btn {
    display: inline-block
}

.ProfileOnboarding .BirthdateSelect.is-expanded .BirthdateSelect-fields {
    visibility: visible;
    animation: none
}

.ProfileOnboardingProgress {
    margin-bottom: 10px;
    margin-top: 15px
}

.ProfileOnboardingProgress-bar {
    background-color: #e6ecf0;
    border-radius: 4px;
    height: 9px
}

.ProfileOnboardingProgress-text {
    color: #aab8c2;
    font-size: 12px
}

.ProfileOnboardingProgress-barCompleted {
    background-color: #17bf63;
    border-radius: 4px;
    float: left;
    height: 9px;
    transition: width .6s ease
}

.ReonboardingCallout-content.flex-module {
    padding: 30px 15px 20px;
    text-align: center
}

.ReonboardingCallout-dismiss {
    color: #ccd6dd;
    cursor: pointer;
    margin-top: 0;
    position: absolute;
    right: 10px;
    top: 10px
}

.ReonboardingCallout-title {
    font-size: 16px;
    margin-bottom: 10px
}

.ReonboardingCallout-text {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px
}

.LiveVideoDetails {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 18px;
    width: 100%
}

.LiveVideoDetails-title {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: bold;
    font-size: 20px;
    overflow: hidden;
    padding: 6px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.LiveVideoDetails-badge {
    display: none;
    -moz-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    line-height: 26px;
    padding-left: 10px
}

.LiveVideoDetails.is-withLiveBadge .LiveVideoDetails-badge {
    display: block
}

.LiveVideoDetails-share {
    padding-left: 10px
}

.LiveVideoPage {
    background-color: #fff
}

.LiveVideoPage.logged-out .stream-container {
    border-top: 1px solid #e6ecf0
}

.LiveVideoPage .AppContent {
    padding: 46px 14px 0 14px
}

.LiveVideoPage-content {
    width: 100%
}

.LiveVideoPage .LiveVideo-tweetBox {
    border: 1px solid #e6ecf0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 590px;
    z-index: 2
}

.LiveVideoPage .LiveVideoTimeline.is-multipleTimelines .LiveVideo-tweetBox {
    border-radius: 5px;
    margin-bottom: 10px
}

.LiveVideoPage .LiveVideo-tweetBox .avatar {
    float: left;
    margin: 2px 7px 0 16px
}

.LiveVideoPage .LiveVideo-tweetBoxContainer {
    display: block;
    margin-left: 55px
}

.LiveVideoPage-mediaContainer {
    position: fixed;
    z-index: 5
}

.LiveVideoPage-twitterFooter {
    margin-top: -9px
}

.LiveVideoPage-twitterFooter .Footer {
    padding: 0
}

@media(max-width:1270px) {
    .LiveVideoPage-mediaContainer {
        background-color: #fff;
        border-bottom: 1px solid #e6ecf0;
        left: calc(50% - 590px/2);
        margin: 0 auto;
        width: 590px
    }

    .LiveVideoPage-mediaContainer .LiveVideoOfficialAccount,.LiveVideoPage-mediaContainer .LiveVideoAdditionalText {
        display: none
    }

    .LiveVideoPage-twitterFooter {
        display: none
    }
}

@media(min-width:1271px) {
    .LiveVideoPage-mediaContainer {
        left: calc(50% - 596px);
        width: 588px
    }
}

.LiveVideoPlayer {
    position: relative;
    width: 100%;
    z-index: 3
}

.LiveVideoPlayer-liveBadge {
    background-color: #e0245e;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 5px 10px;
    text-transform: uppercase;
    white-space: nowrap
}

.LiveVideoPlayer-videoPlayer {
    background: #000;
    border-radius: 4px;
    margin-top: 14px;
    width: 100%
}

.LiveVideoPlayer.is-textHidden .LiveVideoSlate-textOverlay,.LiveVideoPlayer.is-textHidden .LiveVideoSlate-text {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

@media(min-width:1271px) {
    .LiveVideoPlayer {
        width: 588px
    }
}

@media(max-width:1270px) and (max-height:900px) {
    .LiveVideoPlayer .PlayableMedia-player {
        height: 232px
    }
}

@media(max-width:1270px) and (min-height:901px) {
    .LiveVideoPlayer .PlayableMedia-player {
        height: 331.875px
    }
}

@media(min-width:1271px) {
    .LiveVideoPlayer .PlayableMedia-player {
        height: 330.75px
    }
}

.LiveVideoShareButton {
    display: inline-block;
    line-height: 18px;
    text-decoration: none;
    transition: all .4s cubic-bezier(0.25,0.46,0.45,0.94)
}

.LiveVideoShareButton:active,.LiveVideoShareButton:hover,.LiveVideoShareButton:focus {
    outline: 0;
    text-decoration: none
}

.LiveVideoShareButton[disabled],.LiveVideoShareButton[disabled]:hover {
    color: #ccd6dd
}

.LiveVideoShareButton--blue {
    border: 1px solid #1da1f2;
    border-radius: 4px;
    color: #1da1f2;
    padding: 5px 12px
}

.LiveVideoShareButton--blue:hover {
    background-color: rgba(29,161,242,0.1);
    color: #1da1f2
}

.LiveVideoShareButton--blue[disabled],.LiveVideoShareButton--blue[disabled]:hover {
    background-color: inherit;
    border-color: #ccd6dd;
    color: #ccd6dd
}

.LiveVideoSlate {
    background-color: black;
    border-radius: 4px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 330.75px;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 14px;
    overflow: hidden;
    width: 100%
}

.LiveVideoSlate-background {
    height: 100%;
    position: relative;
    width: 100%
}

.LiveVideoSlate-textOverlay,.LiveVideoSlate-text {
    bottom: 10px;
    left: 10px;
    padding: 15px;
    position: absolute;
    right: 10px;
    transition: opacity .1s
}

.LiveVideoSlate-textOverlay {
    background-color: black;
    border-radius: 7px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)"
}

.LiveVideoSlate-textOverlay::before {
    content: " "
}

.LiveVideoSlate-text {
    color: #fff;
    letter-spacing: .5px
}

.LiveVideoSlate.is-withImage .LiveVideoSlate-background {
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LiveVideoSlate.is-withGradient .LiveVideoSlate-background {
    background-image: linear-gradient(135deg,#1b95e0,#794bc4);
    background-position: -50px -50px;
    background-size: 170% 170%
}

@media(max-width:1270px) and (max-height:900px) {
    .LiveVideoSlate {
        height: 232px
    }

    .LiveVideoSlate-background {
        width: 412.44444444444446px
    }
}

@media(max-width:1270px) and (min-height:901px) {
    .LiveVideoSlate {
        height: 331.875px
    }
}

@media(min-width:1271px) {
    .LiveVideoSlate {
        height: 330.75px
    }
}

.LiveVideoTimeline {
    position: absolute;
    right: 14px;
    width: 590px;
    will-change: transform
}

.LiveVideoTimeline .stream-end,.LiveVideoTimeline .stream-loading,.LiveVideoTimeline .stream-whale-end {
    margin-bottom: -1px
}

.LiveVideoTimeline .stream-container {
    float: left;
    width: 590px
}

@media(max-width:1270px) {
    .LiveVideoTimeline {
        margin: 0 auto;
        position: relative;
        right: 0;
        z-index: 1
    }
}

@media(max-width:1270px) and (max-height:900px) {
    .LiveVideoTimeline {
        -ms-transform: translateY(292px);
        transform: translateY(292px)
    }
}

@media(max-width:1270px) and (min-height:901px) {
    .LiveVideoTimeline {
        -ms-transform: translateY(391.875px);
        transform: translateY(391.875px)
    }
}

@media(min-width:1271px) {
    .LiveVideoTimeline {
        margin-top: 18px;
        right: calc(50% - 596px)
    }

    .LiveVideoTimeline .LiveVideoOfficialAccount,.LiveVideoTimeline .LiveVideoAdditionalText {
        display: none
    }
}

.LiveVideoOfficialAccount {
    background-color: #fff;
    padding: 14px 0
}

.LiveVideoOfficialAccount-title {
    color: #657786;
    font-size: 18px;
    padding-bottom: 13px;
    padding-top: 9px
}

.LiveVideoOfficialAccount-row {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -5px
}

.LiveVideoOfficialAccount-column {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 5px
}

.LiveVideoOfficialAccount-card {
    border-radius: 4px;
    border: 1px solid #e6ecf0;
    display: inline-block;
    overflow: hidden;
    padding: 8px 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 261px
}

.LiveVideoOfficialAccount-link {
    line-height: 30px
}

.LiveVideoOfficialAccount-link:hover {
    cursor: pointer
}

.LiveVideoOfficialAccount-avatar {
    margin-right: 7px;
    vertical-align: middle
}

.LiveVideoOfficialAccount-bio {
    margin: 10px 0;
    max-height: 73px;
    overflow: hidden;
    white-space: normal
}

@media(max-width:1270px) {
    .LiveVideoOfficialAccount-bio {
        display: none
    }
}

.LiveVideoTimelineNavigation {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px 5px 0 0
}

.LiveVideoTimelineNavigation-item {
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    padding: 15px 15px 12px
}

.LiveVideoTimelineNavigation-item.is-active {
    font-weight: 500
}

.LiveVideoHomePageModule-videoPlayer,.LiveVideoHomePageModule-postSlate {
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    height: 145px;
    margin-top: 10px;
    position: relative;
    width: 258px
}

.LiveVideoHomePageModule-postSlate {
    display: none
}

.LiveVideoHomePageModule-title {
    display: inline-block;
    font-size: 18px
}

.LiveVideoHomePageModule-linkOverlayBox {
    position: relative
}

.LiveVideoHomePageModule-linkOverlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.LiveVideoHomePageModule-details {
    -moz-box-flex: 4;
    -ms-flex-positive: 4;
    flex-grow: 4;
    overflow: hidden;
    padding-right: 5px
}

.LiveVideoHomePageModule-footer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    margin-top: 10px
}

.LiveVideoHomePageModule-eventTitle {
    color: black;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.LiveVideoHomePageModule-host {
    color: #66757f
}

.LiveVideoHomePageModule-watchButton {
    position: relative;
    z-index: 1
}

.LiveVideoHomePageModule-toggleButton:focus {
    outline: 0
}

.LiveVideoHomePageModule-linkOverlayBox {
    max-height: 300px;
    overflow: hidden;
    transition: max-height .5s ease-in-out
}

.LiveVideoHomePageModule:not(.is-closed) .LiveVideoHomePageModule-toggleOpen,.LiveVideoHomePageModule.is-closed .LiveVideoHomePageModule-toggleClose {
    display: none
}

.LiveVideoHomePageModule:not(.is-closed) .LiveVideoHomePageModule-toggleClose,.LiveVideoHomePageModule.is-closed .LiveVideoHomePageModule-toggleOpen {
    display: inline
}

.LiveVideoHomePageModule.is-closed .LiveVideoHomePageModule-linkOverlayBox {
    max-height: 0
}

.LiveVideoHomePageModule-videoControlsGradient {
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.55));
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    bottom: 0;
    display: none;
    height: 38px;
    position: absolute;
    width: 100%
}

.LiveVideoHomePageModule-muteControl {
    bottom: 8px;
    color: rgba(255,255,255,0.85);
    cursor: pointer;
    display: none;
    font-size: 24px;
    height: 19px;
    position: absolute;
    right: 8px;
    z-index: 1
}

.LiveVideoHomePageModule-muteControl:hover {
    color: #fff
}

.LiveVideoHomePageModule-muteIcon {
    display: none
}

.LiveVideoHomePageModule-muteControl.is-muted .LiveVideoHomePageModule-muteIcon {
    display: block
}

.LiveVideoHomePageModule-muteControl.is-muted .LiveVideoHomePageModule-unmuteIcon {
    display: none
}

.LiveVideoHomePageModule.is-playing .LiveVideoHomePageModule-muteControl {
    display: block
}

.LiveVideoHomePageModule.is-playing .LiveVideoHomePageModule-videoControlsGradient {
    display: block
}

.LiveVideoHomePageModuleBadge {
    background-color: #e0245e;
    border-radius: 3px;
    bottom: 8px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    left: 8px;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 2px 5px;
    position: absolute;
    text-transform: uppercase
}

.tooltip {
    position: absolute;
    z-index: 5001;
    display: block;
    visibility: visible;
    padding: 10px;
    font-size: 12px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    transform: translateZ(0px)
}

.tooltip.in {
    transition: opacity .1s ease;
    opacity: .95;
    -ms-filter: "alpha(opacity=95)"
}

.tooltip.top {
    margin-top: -2px
}

.tooltip.right {
    margin-left: 2px
}

.tooltip.bottom-right {
    margin-left: -7px
}

.tooltip.bottom {
    margin-top: 2px
}

.tooltip.left {
    margin-left: -2px
}

.tooltip.top .tooltip-arrow {
    bottom: 5px;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #14171a
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 5px;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #14171a
}

.tooltip.bottom .tooltip-arrow {
    top: 5px;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #14171a
}

.tooltip.bottom-right .tooltip-arrow {
    top: 5px;
    left: 20px;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #14171a
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 5px;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #14171a
}

.tooltip-inner {
    max-width: 200px;
    white-space: normal!important;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 6px 11px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #14171a
}

.tooltip.bottom-right .tooltip-inner {
    text-align: left
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}

.tooltip .Icon--verified {
    color: #fff
}

.tooltip .Icon--verified:before {
    color: transparent
}/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */.datepicker {
    padding: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #e6ecf0;
    border-top: 0;
    border-bottom-color: rgba(0,0,0,0.2);
    position: absolute
}

.datepicker-dropdown:after {
    content: "";
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #657786
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker>div {
    display: none
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker table tr td,.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 0
}

.table-striped .datepicker table tr td,.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day:hover,.datepicker table tr td.day.focused {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.old,.datepicker table tr td.new {
    color: #657786
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {
    background: 0;
    color: #657786;
    cursor: default
}

.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:focus,.datepicker table tr td.today:hover:focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover:focus,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.today,.open .dropdown-toggle.datepicker table tr td.today:hover,.open .dropdown-toggle.datepicker table tr td.today.disabled,.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    color: #000;
    background-color: #ffcd70;
    border-color: #f59e00
}

.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.today,.open .dropdown-toggle.datepicker table tr td.today:hover,.open .dropdown-toggle.datepicker table tr td.today.disabled,.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    background-image: none
}

.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.today,fieldset[disabled] .datepicker table tr td.today:hover,fieldset[disabled] .datepicker table tr td.today.disabled,fieldset[disabled] .datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover.disabled:hover,.datepicker table tr td.today.disabled.disabled:hover,.datepicker table tr td.today.disabled:hover.disabled:hover,.datepicker table tr td.today[disabled]:hover,.datepicker table tr td.today:hover[disabled]:hover,.datepicker table tr td.today.disabled[disabled]:hover,.datepicker table tr td.today.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.today:hover,fieldset[disabled] .datepicker table tr td.today:hover:hover,fieldset[disabled] .datepicker table tr td.today.disabled:hover,fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today:hover.disabled:focus,.datepicker table tr td.today.disabled.disabled:focus,.datepicker table tr td.today.disabled:hover.disabled:focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today:hover[disabled]:focus,.datepicker table tr td.today.disabled[disabled]:focus,.datepicker table tr td.today.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover:focus,fieldset[disabled] .datepicker table tr td.today.disabled:focus,fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today:hover.disabled:active,.datepicker table tr td.today.disabled.disabled:active,.datepicker table tr td.today.disabled:hover.disabled:active,.datepicker table tr td.today[disabled]:active,.datepicker table tr td.today:hover[disabled]:active,.datepicker table tr td.today.disabled[disabled]:active,.datepicker table tr td.today.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.today:active,fieldset[disabled] .datepicker table tr td.today:hover:active,fieldset[disabled] .datepicker table tr td.today.disabled:active,fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today:hover.disabled.active,.datepicker table tr td.today.disabled.disabled.active,.datepicker table tr td.today.disabled:hover.disabled.active,.datepicker table tr td.today[disabled].active,.datepicker table tr td.today:hover[disabled].active,.datepicker table tr td.today.disabled[disabled].active,.datepicker table tr td.today.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.today.active,fieldset[disabled] .datepicker table tr td.today:hover.active,fieldset[disabled] .datepicker table tr td.today.disabled.active,fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range,.datepicker table tr td.range:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover {
    background: #e6ecf0;
    border-radius: 0
}

.datepicker table tr td.range.today,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover {
    color: #000;
    background-color: #f7ca77;
    border-color: #f1a417;
    border-radius: 0
}

.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today:focus,.datepicker table tr td.range.today:hover:focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover:focus,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.range.today,.open .dropdown-toggle.datepicker table tr td.range.today:hover,.open .dropdown-toggle.datepicker table tr td.range.today.disabled,.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    color: #000;
    background-color: #f4bb51;
    border-color: #bf800c
}

.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.range.today,.open .dropdown-toggle.datepicker table tr td.range.today:hover,.open .dropdown-toggle.datepicker table tr td.range.today.disabled,.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    background-image: none
}

.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today[disabled],.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.range.today,fieldset[disabled] .datepicker table tr td.range.today:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover.disabled:hover,.datepicker table tr td.range.today.disabled.disabled:hover,.datepicker table tr td.range.today.disabled:hover.disabled:hover,.datepicker table tr td.range.today[disabled]:hover,.datepicker table tr td.range.today:hover[disabled]:hover,.datepicker table tr td.range.today.disabled[disabled]:hover,.datepicker table tr td.range.today.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today:hover,fieldset[disabled] .datepicker table tr td.range.today:hover:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today:hover.disabled:focus,.datepicker table tr td.range.today.disabled.disabled:focus,.datepicker table tr td.range.today.disabled:hover.disabled:focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today:hover[disabled]:focus,.datepicker table tr td.range.today.disabled[disabled]:focus,.datepicker table tr td.range.today.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover:focus,fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today:hover.disabled:active,.datepicker table tr td.range.today.disabled.disabled:active,.datepicker table tr td.range.today.disabled:hover.disabled:active,.datepicker table tr td.range.today[disabled]:active,.datepicker table tr td.range.today:hover[disabled]:active,.datepicker table tr td.range.today.disabled[disabled]:active,.datepicker table tr td.range.today.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.range.today:active,fieldset[disabled] .datepicker table tr td.range.today:hover:active,fieldset[disabled] .datepicker table tr td.range.today.disabled:active,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today:hover.disabled.active,.datepicker table tr td.range.today.disabled.disabled.active,.datepicker table tr td.range.today.disabled:hover.disabled.active,.datepicker table tr td.range.today[disabled].active,.datepicker table tr td.range.today:hover[disabled].active,.datepicker table tr td.range.today.disabled[disabled].active,.datepicker table tr td.range.today.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.range.today.active,fieldset[disabled] .datepicker table tr td.range.today:hover.active,fieldset[disabled] .datepicker table tr td.range.today.disabled.active,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
    background-color: #f7ca77;
    border-color: #f1a417
}

.datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #657786;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected:focus,.datepicker table tr td.selected:hover:focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover:focus,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.selected,.open .dropdown-toggle.datepicker table tr td.selected:hover,.open .dropdown-toggle.datepicker table tr td.selected.disabled,.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #858585;
    border-color: #373737
}

.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.selected,.open .dropdown-toggle.datepicker table tr td.selected:hover,.open .dropdown-toggle.datepicker table tr td.selected.disabled,.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    background-image: none
}

.datepicker table tr td.selected.disabled,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected[disabled],.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.selected,fieldset[disabled] .datepicker table tr td.selected:hover,fieldset[disabled] .datepicker table tr td.selected.disabled,fieldset[disabled] .datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover.disabled:hover,.datepicker table tr td.selected.disabled.disabled:hover,.datepicker table tr td.selected.disabled:hover.disabled:hover,.datepicker table tr td.selected[disabled]:hover,.datepicker table tr td.selected:hover[disabled]:hover,.datepicker table tr td.selected.disabled[disabled]:hover,.datepicker table tr td.selected.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected:hover,fieldset[disabled] .datepicker table tr td.selected:hover:hover,fieldset[disabled] .datepicker table tr td.selected.disabled:hover,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected:hover.disabled:focus,.datepicker table tr td.selected.disabled.disabled:focus,.datepicker table tr td.selected.disabled:hover.disabled:focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected:hover[disabled]:focus,.datepicker table tr td.selected.disabled[disabled]:focus,.datepicker table tr td.selected.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover:focus,fieldset[disabled] .datepicker table tr td.selected.disabled:focus,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected:hover.disabled:active,.datepicker table tr td.selected.disabled.disabled:active,.datepicker table tr td.selected.disabled:hover.disabled:active,.datepicker table tr td.selected[disabled]:active,.datepicker table tr td.selected:hover[disabled]:active,.datepicker table tr td.selected.disabled[disabled]:active,.datepicker table tr td.selected.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.selected:active,fieldset[disabled] .datepicker table tr td.selected:hover:active,fieldset[disabled] .datepicker table tr td.selected.disabled:active,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected:hover.disabled.active,.datepicker table tr td.selected.disabled.disabled.active,.datepicker table tr td.selected.disabled:hover.disabled.active,.datepicker table tr td.selected[disabled].active,.datepicker table tr td.selected:hover[disabled].active,.datepicker table tr td.selected.disabled[disabled].active,.datepicker table tr td.selected.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.selected.active,fieldset[disabled] .datepicker table tr td.selected:hover.active,fieldset[disabled] .datepicker table tr td.selected.disabled.active,fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
    background-color: #657786;
    border-color: #555
}

.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:focus,.datepicker table tr td.active:hover:focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover:focus,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.active,.open .dropdown-toggle.datepicker table tr td.active:hover,.open .dropdown-toggle.datepicker table tr td.active.disabled,.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e
}

.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.active,.open .dropdown-toggle.datepicker table tr td.active:hover,.open .dropdown-toggle.datepicker table tr td.active.disabled,.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-image: none
}

.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.active,fieldset[disabled] .datepicker table tr td.active:hover,fieldset[disabled] .datepicker table tr td.active.disabled,fieldset[disabled] .datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover.disabled:hover,.datepicker table tr td.active.disabled.disabled:hover,.datepicker table tr td.active.disabled:hover.disabled:hover,.datepicker table tr td.active[disabled]:hover,.datepicker table tr td.active:hover[disabled]:hover,.datepicker table tr td.active.disabled[disabled]:hover,.datepicker table tr td.active.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.active:hover,fieldset[disabled] .datepicker table tr td.active:hover:hover,fieldset[disabled] .datepicker table tr td.active.disabled:hover,fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active:hover.disabled:focus,.datepicker table tr td.active.disabled.disabled:focus,.datepicker table tr td.active.disabled:hover.disabled:focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active:hover[disabled]:focus,.datepicker table tr td.active.disabled[disabled]:focus,.datepicker table tr td.active.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover:focus,fieldset[disabled] .datepicker table tr td.active.disabled:focus,fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active:hover.disabled:active,.datepicker table tr td.active.disabled.disabled:active,.datepicker table tr td.active.disabled:hover.disabled:active,.datepicker table tr td.active[disabled]:active,.datepicker table tr td.active:hover[disabled]:active,.datepicker table tr td.active.disabled[disabled]:active,.datepicker table tr td.active.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.active:active,fieldset[disabled] .datepicker table tr td.active:hover:active,fieldset[disabled] .datepicker table tr td.active.disabled:active,fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active:hover.disabled.active,.datepicker table tr td.active.disabled.disabled.active,.datepicker table tr td.active.disabled:hover.disabled.active,.datepicker table tr td.active[disabled].active,.datepicker table tr td.active:hover[disabled].active,.datepicker table tr td.active.disabled[disabled].active,.datepicker table tr td.active.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.active.active,fieldset[disabled] .datepicker table tr td.active:hover.active,fieldset[disabled] .datepicker table tr td.active.disabled.active,fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
    background-color: #428bca;
    border-color: #357ebd
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td span:hover {
    background: #e6ecf0
}

.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
    background: 0;
    color: #657786;
    cursor: default
}

.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover:focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td span.active,.open .dropdown-toggle.datepicker table tr td span.active:hover,.open .dropdown-toggle.datepicker table tr td span.active.disabled,.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e
}

.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td span.active,.open .dropdown-toggle.datepicker table tr td span.active:hover,.open .dropdown-toggle.datepicker table tr td span.active.disabled,.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-image: none
}

.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td span.active,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active.disabled,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active[disabled]:hover,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active:hover.disabled:active,.datepicker table tr td span.active.disabled.disabled:active,.datepicker table tr td span.active.disabled:hover.disabled:active,.datepicker table tr td span.active[disabled]:active,.datepicker table tr td span.active:hover[disabled]:active,.datepicker table tr td span.active.disabled[disabled]:active,.datepicker table tr td span.active.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td span.active:active,fieldset[disabled] .datepicker table tr td span.active:hover:active,fieldset[disabled] .datepicker table tr td span.active.disabled:active,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active:hover.disabled.active,.datepicker table tr td span.active.disabled.disabled.active,.datepicker table tr td span.active.disabled:hover.disabled.active,.datepicker table tr td span.active[disabled].active,.datepicker table tr td span.active:hover[disabled].active,.datepicker table tr td span.active.disabled[disabled].active,.datepicker table tr td span.active.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td span.active.active,fieldset[disabled] .datepicker table tr td span.active:hover.active,fieldset[disabled] .datepicker table tr td span.active.disabled.active,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
    background-color: #428bca;
    border-color: #357ebd
}

.datepicker table tr td span.old,.datepicker table tr td span.new {
    color: #657786
}

.datepicker th.datepicker-switch {
    width: 145px
}

.datepicker thead tr:first-child th,.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.input-group.date .input-group-addon i {
    cursor: pointer;
    width: 16px;
    height: 16px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: solid #ccd6dd;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccd6dd;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #14171a;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.428571429
}

.multiple-ancestors-adjustment .tweet.ancestor.hidden-ancestor {
    display: none
}

.multiple-ancestors-adjustment .tweet.ancestor.hidden-ancestor.last-hidden-ancestor {
    display: block;
    overflow: hidden;
    height: 10px;
    min-height: 10px;
    padding-top: 0;
    padding-bottom: 0
}

.multiple-ancestors-adjustment .tweet.ancestor.hidden-ancestor.last-hidden-ancestor .content {
    display: none
}

.multiple-ancestors-adjustment .permalink {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.multiple-ancestors-adjustment .wrapper.wrapper-permalink {
    padding-top: 39px
}

.multiple-ancestors-adjustment .Banner {
    display: none
}

.permalink {
    margin-bottom: 10px
}

.wrapper-permalink {
    width: 642px
}

.permalink-container {
    float: left;
    width: 642px;
    position: relative;
    z-index: 1
}

.permalink-container--withArrows {
    z-index: 1002
}

.permalink-container>.permalink-footer {
    margin-top: 10px
}

.wrapper-permalink .siderail-related-tweets-container,.permalink-tweet {
    padding: 30px 40px;
    border-bottom: 0;
    border-radius: 5px
}

.permalink-tweet,.permalink-tweet:hover {
    background-color: #fff
}

.permalink-tweet .permalink-header .avatar {
    margin-top: 0
}

.permalink-tweet.no-replies {
    border-radius: 5px
}

.permalink-tweet .ReplyingToContextBelowAuthor {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px
}

.permalink-header {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    margin-bottom: 15px
}

.permalink .permalink-header .time {
    display: none
}

.permalink-header .account-group {
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.permalink-header .follow-combo {
    float: right
}

.permalink-header .FullNameGroup {
    display: block;
    font-size: 18px;
    line-height: 1.25;
    margin-top: 3px;
    padding-top: 2px
}

.permalink-header .username {
    font-size: 14px
}

.permalink-header .UserBadges .Icon {
    padding-left: 4px
}

.permalink-tweet .tweet-actions {
    margin-top: 9px;
    display: inline-block
}

.permalink-header .ProfileTweet-action--more .ProfileTweet-actionButton {
    margin-left: 9px
}

.permalink-header .ProfileTweet-action .dropdown .dropdown-menu {
    margin: 8px 3px 0
}

.permalink-tweet .tweet-actions .action-reply-container a {
    margin-left: 0
}

.permalink .permalink-header .time {
    display: none
}

.permalink-tweet .edit-profile-btn {
    display: none
}

.permalink .stats .stat-count a:hover {
    cursor: pointer
}

.permalink .stats.no-activity-popup .stat-count a:hover {
    cursor: default
}

.permalink .stats.no-activity-popup .stat-count a {
    cursor: default;
    color: #657786
}

.permalink .stats .avatar-row a {
    border-left: none
}

.permalink .stats .avatar-row a:first-child {
    padding-left: 12px;
    border-left: 1px solid #e6ecf0
}

.permalink-tweet .media-tagging-block {
    margin-top: 10px
}

.permalink .ancestor .media-tagging-block,.permalink .descendant .media-tagging-block {
    margin-top: 0
}

.permalink-tweet .expanded-content {
    display: block
}

.permalink-in-reply-tos .tweet,.permalink-replies .tweet {
    padding-left: 37px;
    padding-right: 37px
}

.logged-out .permalink-replies {
    border-top: 1px solid #e6ecf0
}

.permalink-in-reply-tos+.permalink-inner .permalink-tweet {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.permalink .inline-reply-tweetbox {
    padding: 15px 40px 15px 95px;
    border-top: 1px solid #e6ecf0;
    border-radius: 0 0 5px 5px
}

.permalink .inline-reply-user-image {
    position: absolute;
    display: block;
    top: 2px;
    left: -40px;
    border-radius: 4px
}

.permalink.has-replies .inline-reply-tweetbox {
    border-bottom: 1px solid #e6ecf0;
    border-radius: 0
}

.permalink .in-reply-to .tweet,.permalink .replies-to .tweet {
    border-bottom: 1px solid #e6ecf0
}

.permalink .stream-end,.permalink .stream-loading,.permalink .stream-whale-end {
    margin-bottom: 0;
    border: 0
}

.permalink .in-reply-to .stream-top {
    display: none;
    border-bottom: 1px solid #e6ecf0
}

.permalink .stream-end-inner {
    background: transparent
}

.permalink .stream-end .Icon--logo {
    color: #ccd6dd
}

.permalink .stream-loading .spinner {
    display: block;
    background: url(../../img/t1/spinner-rosetta-gray-32x32.gif) no-repeat 0 0
}

.permalink .hidden-replies-container {
    display: none
}

.route-permalink .inline-reply-tweetbox .geo-picker .geo-status {
    max-width: 135px
}

.route-permalink .permalink-tweet .tweet-actions .Icon {
    font-size: 12px;
    top: 1px
}

.permalink .QuoteTweet {
    margin-top: 20px
}

.suggested-tweet-stream {
    background: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 6px 6px;
    padding-bottom: 4px;
    margin-top: 12px;
    margin-bottom: 12px
}

.promoted-heading {
    margin-top: 10px;
    margin-left: 40px
}

.suggested-tweet-stream-container .tweet {
    border-bottom: 0
}

.suggested-tweet-stream .tweet:hover {
    background-color: #fff
}

.suggested-tweet-stream-container .content {
    margin-left: 58px
}

.PermalinkProfile-background {
    padding-top: 134px;
    float: left;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -100
}

.PermalinkProfile-background.without-banner {
    padding-top: 47px
}

.PermalinkProfile-background .SignupForm--wide {
    width: 100%
}

.PermalinkProfile-overlay {
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001
}

.PermalinkProfile-dismiss {
    float: right;
    left: 35px;
    position: relative;
    color: #fff!important;
    cursor: pointer
}

.PermalinkProfile-dismiss a {
    color: #fff!important
}

@media screen and (min-width:1236px) {
    .PermalinkProfile-background .AppContainer {
        max-width: 1290px
    }
}

.permalink .stream-item {
    border-left: 0;
    border-right: 0
}

.permalink .in-reply-to #ancestors:not(.ThreadedConversation) .stream-item,.permalink .in-reply-to #ancestors:not(.ThreadedConversation) .stream-item .tweet:hover {
    background-color: #f5f8fa
}

.permalink .in-reply-to .stream-item:first-child,.permalink .in-reply-to .stream-item:first-child .tweet:hover {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.permalink-tweet .Tombstone {
    margin: 11px 0 2px
}

.permalink-tweet-container .my-tweet .Tombstone {
    margin: 0 0 20px
}

.permalink-tweet .AdaptiveMedia {
    max-height: 420px;
    max-width: 560px
}

.permalink-tweet .AdaptiveMedia.is-square {
    max-height: 560px
}

.permalink-tweet .AdaptiveMedia-video {
    width: 560px
}

.permalink-tweet .AdaptiveMedia.is-generic-video {
    max-height: none
}

.permalink-tweet .AdaptiveMedia-doublePhoto {
    font-size: 0;
    height: 280px;
    width: 560px
}

.permalink-tweet .AdaptiveMedia-triplePhoto {
    font-size: 0;
    height: 373.3333333333333px;
    width: 560px
}

.permalink-tweet .AdaptiveMedia-quadPhoto {
    font-size: 0;
    height: 420px;
    width: 560px
}

.text-area {
    position: relative
}

.tweet-thumbnail-container {
    position: relative
}

.tweet-box .twitter-anywhere-tweet-box-editor {
    padding: 6px 8px 5px;
    width: 482px;
    height: 56px;
    color: #14171a;
    font-size: 13px;
    line-height: 18px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word
}

.profile-tweet-box.flex-module {
    padding-top: 9px
}

.tweet-box .tweet-meta {
    opacity: .6;
    -ms-filter: "alpha(opacity=60)";
    position: absolute;
    right: 2px;
    top: 5px
}

.tweet-box textarea {
    resize: vertical;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 #fff
}

.tweet-box textarea:hover {
    outline: 0;
    border: 1px solid #657786;
    cursor: text!important
}

.condensed .twitter-anywhere-tweet-box-editor {
    color: #aaa;
    height: 19px!important;
    min-height: 19px!important;
    overflow: hidden
}

.condensed .tweet-button-container {
    display: none
}

.tweet-counter {
    background-color: transparent;
    color: #657786;
    display: inline-block;
    width: 35px;
    border: 0;
    padding: 0 3px;
    position: relative;
    vertical-align: top;
    top: 7px;
    text-align: right;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75)
}

.tweet-counter[disabled] {
    background-color: transparent;
    cursor: default;
    box-shadow: none
}

.rtl .tweet-counter[disabled] {
    direction: rtl;
    unicode-bidi: embed
}

.tweet-button-container .tweet-counter {
    background-color: transparent;
    color: #66757f;
    border: 0
}

.tweet-button-sub-container {
    display: inline-block
}

.tweet-counter-proxy {
    position: absolute
}

.tweet-counter.warn,.user_description_count.warn {
    color: #5c0002
}

.tweet-counter.superwarn,.user_description_count.superwarn {
    color: #d40d12
}

.tweet-button-container {
    position: relative;
    text-align: right;
    margin: 5px 0 3px 0;
    height: 29px;
    z-index: 3
}

.tweet-box .geo-activation-prompt {
    display: block;
    text-align: left
}

.tweet-spinner {
    position: relative;
    vertical-align: top;
    top: 7px;
    right: 4px
}

.twttr-editor.has-thumbnails textarea {
    vertical-align: top;
    resize: none
}

.tweet-thumbnail-container {
    margin-top: -5px;
    padding-bottom: 1px;
    padding-top: 9px;
    overflow: hidden;
    position: relative
}

.thumbnail-divot-border {
    border-color: transparent transparent #bbb transparent;
    border-style: solid;
    border-width: 9px;
    height: 0;
    width: 0;
    position: absolute;
    top: -8px;
    left: 10px
}

.thumbnail-divot {
    border-color: transparent transparent #e6ecf0 transparent;
    border-style: solid;
    border-width: 9px;
    height: 0;
    width: 0;
    position: absolute;
    top: -6px;
    left: 10px
}

.thumbnails {
    background: #ccd6dd;
    float: left;
    border: 1px solid #bbb;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0 1px 0 #fff,inset 0 1px #ccd6dd
}

.tweet-box .geo-control a.geo-location {
    outline: 0
}

.tweet-box a.geo-location:hover,.tweet-box a.geo:hover {
    text-decoration: none;
    text-shadow: none
}

.tweet-box .geo-control .geo-text {
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    color: #657786;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left
}

body.mozilla .tweet-box .geo-control .geo-text {
    margin-top: -1px
}

.tweet-box .geo-control:hover .geo-text {
    color: #2eb7e5
}

.tweet-box input[type="text"].query-location-input:focus {
    outline: 0;
    border-color: rgba(82,168,236,0.75)!important;
    box-shadow: 0 0 8px rgba(82,168,236,0.5)
}

.search-home-page .topbar [role="search"] {
    visibility: hidden
}

.search h1 {
    margin: 30px 0;
    font-size: 27px;
    font-weight: bold;
    color: #444;
    text-align: center
}

.search {
    position: relative;
    padding: 20px;
    margin-bottom: 10px;
    line-height: 16px;
    background-color: #f9f9f9;
    border: 1px solid #e6ecf0;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 6px;
    background-clip: padding-box
}

.search form {
    display: block;
    width: 640px;
    margin: 0 auto 30px
}

.search form .button {
    padding: 7px 14px;
    font-size: 14px;
    line-height: 20px
}

.basic-search .input-wrapper {
    position: relative;
    margin-bottom: 10px
}

.basic-search .input-wrapper .search-input {
    margin-bottom: 0
}

.basic-search input {
    width: 620px;
    padding: 7px 9px;
    margin-bottom: 10px
}

.basic-search .typeahead {
    width: 638px;
    margin-top: 0;
    margin-left: 1px
}

.basic-search .button {
    float: right
}

.basic-search p {
    font-size: 14px;
    line-height: 20px
}

.basic-search .operators-container {
    padding: 0 1px
}

.basic-search .trends {
    background-color: transparent;
    border: 0
}

.basic-search .trends .flex-module {
    padding: 15px
}

.basic-search .trends .flex-module-header h3 {
    display: block;
    text-align: center
}

.basic-search .trends .flex-module-header small {
    display: none
}

.basic-search .trends ul {
    text-align: center
}

.basic-search .trends li {
    display: inline;
    line-height: 20px;
    padding: 3px 10px;
    white-space: normal
}

.advanced-search legend {
    margin: 0;
    padding: 20px 0 5px;
    font-weight: bold;
    color: #657786;
    border-bottom: 0
}

.advanced-search fieldset:first-child legend {
    padding-top: 0
}

.advanced-search label {
    margin: 5px 0
}

.advanced-search .txt,.advanced-search .sel,.advanced-search .chk {
    display: block;
    clear: both
}

.advanced-search .td {
    float: left;
    line-height: 30px
}

.advanced-search .chk-inner,.advanced-search select,.advanced-search input[type=text] {
    display: block;
    margin-left: 200px
}

.advanced-search input[type=text] {
    width: 430px
}

.advanced-search .geo select {
    width: auto
}

.advanced-search .geo .sel {
    display: none
}

.advanced-search .rad {
    display: block;
    margin-left: 200px
}

.advanced-search .rad label,.advanced-search .chk label {
    display: inline;
    margin-right: 15px;
    color: #66757f
}

.advanced-search .rad input,.advanced-search .chk input {
    margin-right: 4px
}

.advanced-search .button {
    margin: 20px 0
}

.advanced-search .geo-picker-container {
    position: relative
}

.advanced-search .geo-picker {
    margin-left: 200px
}

.advanced-search .geo-picker input[type=text] {
    width: 280px;
    margin-left: 0
}

.advanced-search .geo-picker .geo-status {
    max-width: 300px
}

.advanced-search .input-daterange {
    padding-left: 200px;
    margin: 5px 0
}

.advanced-search .input-daterange input[type=text] {
    width: 180px;
    display: inline-block;
    margin-left: 0
}

.advanced-search .input-daterange .input-group-addon {
    margin: 0 -4px 0 -3px;
    display: inline-block;
    line-height: 20px;
    vertical-align: baseline
}

.advanced-search input[type=text] {
    height: 20px
}

div.tweet-map {
    margin: 12px 0
}

div.tweet-map {
    height: 100px
}

.gist iframe {
    border: 0;
    min-height: 350px;
    overflow: auto;
    width: 100%
}

.permalink-tweet .tweet-row,.tweet .tweet-row {
    clear: left
}

.embedded-tweet {
    background-color: #f5f8fa;
    border: 1px solid #e6ecf0;
    padding: 10px 10px 10px 68px
}

.embedded-tweet .tweet-text {
    display: inline
}

.embedded-tweet .avatar {
    position: absolute;
    left: 10px
}

.card2 a,.card2 a:hover,.card2 a:focus,.card2 a:active {
    color: #1b95e0
}

.card2,.card2 p {
    font-size: 14px;
    line-height: 1.2858
}

.card2 b {
    font-weight: bold
}

.card2 .twitter-timeline-link:focus img {
    outline: 1px solid
}

.card2 {
    margin: 20px 0 0;
    padding: 0 0 20px
}

.card2 .util-text-small {
    font-size: 12px
}

.card2 .util-text-medium {
    font-size: 14px
}

.card2 .util-text-mute {
    color: #657786
}

.card2 .util-text-normal {
    color: #14171a
}

.card2 .util-block {
    display: block!important
}

.card2 .util-cf:before,.card2 .util-cf:after {
    content: " ";
    display: table
}

.card2 .util-cf:after {
    clear: both
}

.card2 .util-nbfc {
    overflow: hidden
}

.card2 .util-pull-start {
    float: left
}

.card2 .util-pull-end {
    float: right
}

.card2 .util-align-top {
    vertical-align: top
}

.card2 .util-align-middle {
    vertical-align: middle
}

.card2 .util-link-clean,.card2 .util-link-clean:hover,.card2 .util-link-clean:focus,.card2 .util-link-clean:active {
    text-decoration: none
}

.card2 .util-link-complex:hover,.card2 .util-link-complex:focus,.card2 .util-link-complex:active {
    text-decoration: none
}

.card2 .util-link-complex:hover .util-link-complex-target,.card2 .util-link-complex:focus .util-link-complex-target,.card2 .util-link-complex:active .util-link-complex-target {
    text-decoration: underline
}

.card2 .util-link-block,.card2 .util-link-block:hover,.card2 .util-link-block:focus,.card2 .util-link-block:active {
    display: block;
    text-decoration: none
}

.card2 .util-rounded {
    border-radius: 3px
}

.card2 .util-text-ltr {
    direction: ltr;
    unicode-bidi: embed
}

.rtl .card2 .util-text-ltr {
    direction: rtl;
    unicode-bidi: embed
}

.modal-enabled {
    position: relative;
    overflow: hidden
}

.draggable .profile-modal-header {
    cursor: move
}

#retweet-dialog .tweet {
    padding: 12px;
    border: 1px solid #e6ecf0;
    border-radius: 4px
}

#retweet-dialog .tweet img {
    position: absolute;
    top: 12px;
    left: 12px
}

#retweet-dialog .tweet p {
    margin-left: 58px
}

#retweet-dialog .btn {
    float: right;
    margin-left: 10px
}

.Retweet-box {
    position: relative;
    padding: 15px 12px 15px 70px
}

.tweet-box .error-text {
    color: #fff;
    background-color: #992b41;
    padding: 3px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    border-radius: 5px
}

.list-editor hr {
    display: none
}

.list-editor .help-text {
    display: block;
    font-size: 12px;
    color: #657786;
    margin-left: 120px
}

.list-editor .field {
    clear: both;
    display: block;
    margin: 0 0 15px 0
}

.list-editor label {
    float: left;
    text-align: right;
    width: 105px;
    padding-right: 15px;
    margin-bottom: 15px
}

.list-editor input.text,.list-editor textarea {
    width: 290px
}

.list-editor textarea {
    resize: none;
    height: 36px
}

.list-editor .options {
    float: left;
    width: 290px
}

.list-editor .options label,.list-editor .options input {
    float: none;
    text-align: left;
    display: inline-block;
    width: auto;
    margin-bottom: 5px;
    font-size: 12px;
    color: #657786
}

.list-editor .options input {
    margin: 0
}

.list-editor .options label b {
    color: #14171a
}

.list-editor .list-editor-save {
    margin: 15px 0 0 120px;
    clear: both
}

.list-editor .btn {
    white-space: nowrap
}

.custom-timeline-editor hr {
    display: none
}

.custom-timeline-editor .help-text {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #657786;
    margin-left: 120px
}

.custom-timeline-editor .options .help-text {
    margin-left: 0
}

.custom-timeline-editor .explanation {
    display: block;
    font-size: 12px;
    color: #657786;
    text-align: center;
    margin-bottom: 1em
}

.custom-timeline-editor .field {
    clear: both;
    display: block;
    margin: 0 0 15px 0
}

.custom-timeline-editor label,.custom-timeline-editor legend {
    float: left;
    text-align: right;
    width: 105px;
    padding-right: 15px;
    margin-bottom: 15px
}

.custom-timeline-editor input.text,.custom-timeline-editor textarea {
    width: 290px
}

.custom-timeline-editor input.text {
    margin-bottom: .5em
}

.custom-timeline-editor textarea {
    resize: none;
    height: 36px
}

.custom-timeline-editor .options {
    float: left;
    width: 290px
}

.custom-timeline-editor .options label,.custom-timeline-editor .options input {
    float: none;
    text-align: left;
    width: auto;
    margin-bottom: 5px;
    font-size: 12px;
    color: #657786
}

.custom-timeline-editor legend {
    border: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px
}

.custom-timeline-editor .options input {
    margin: 0
}

.custom-timeline-editor .options b {
    color: #14171a
}

.custom-timeline-editor .custom-timeline-editor-save {
    margin: 15px 0 0 120px;
    clear: both
}

.custom-timeline-editor .custom-timeline-name-count,.custom-timeline-editor .custom-timeline-description-count {
    float: right;
    margin-right: 50px;
    font-size: 12px
}

.custom-timeline-name-count.warn,.custom-timeline-description-count.warn {
    color: #5c0002
}

.custom-timeline-name-count.superwarn,.custom-timeline-description-count.superwarn {
    color: #d40d12
}

.tooltip {
    max-width: 200px;
    font-size: 12px
}

.profile-modal-header {
    height: 48px;
    padding: 15px 15px 5px
}

.profile-modal-header .avatar {
    float: left
}

.profile-modal-header-inner {
    margin-left: 58px;
    margin-right: 30px
}

.profile-modal-header .fullname {
    font-size: 21px;
    line-height: 28px;
    margin-top: -2px;
    white-space: nowrap
}

.profile-modal-header .fullname a {
    color: #14171a
}

.profile-modal-header .username {
    font-size: 14px;
    line-height: 20px;
    color: #66757f
}

.profile-modal-header .username a {
    color: #66757f
}

.profile-modal-header .follow-status {
    margin-left: 0;
    top: -1px;
    display: none
}

.profile-modal-header .Icon--protected {
    margin: 3px 0 0 2px
}

.profile-modal-header .verified,.profile-modal-header .translator {
    margin: 6px 0 0
}

.profile-modal-extended {
    padding: 0 15px 10px
}

.profile-modal-extended .location-and-url,.profile-modal-extended .social-proof {
    font-size: 12px;
    color: #66757f
}

.profile-modal-extended .social-proof {
    margin-top: 9px
}

.profile-modal-extended .divider {
    padding: 0 2px;
    color: #ccd6dd
}

.location-and-url .url {
    word-wrap: break-word
}

.add-to-list-prompt {
    display: none
}

.add-to-list-prompt .pretty-link s,.add-to-list-prompt .pretty-link:hover s {
    color: #657786
}

.add-to-list-prompt .pretty-link:hover b {
    text-decoration: none
}

.list-membership-container {
    margin-top: 5px;
    list-style: none
}

.list-membership-container li {
    padding: 3px 0;
    font-size: 12px;
    color: #66757f;
    white-space: nowrap;
    cursor: pointer
}

.list-membership-container li:hover {
    color: #14171a
}

.list-membership-container .Icon--protected {
    margin-left: 3px
}

.list-membership-container [type=checkbox] {
    position: relative;
    margin-right: 3px;
    bottom: -1px
}

.list-membership-container .loading-spinner {
    float: left;
    display: none;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    margin-right: 4px
}

.list-membership-container li.create-a-list {
    padding: 5px 10px;
    margin-top: 10px;
    font-size: 14px;
    color: #14171a
}

.create-a-list .list {
    display: none
}

.add-to-list-prompt.has-lists {
    display: block
}

#list-membership-dialog.has-content .lists-spinner {
    display: none
}

.list-membership-container li.pending .loading-spinner {
    display: block
}

.list-membership-container li.pending .membership-checkbox {
    display: none
}

.embed-code-container .embed-destination-wrapper {
    position: relative
}

.embed-code-container .embed-overlay {
    display: none;
    width: 100%;
    text-align: center
}

.embed-code-container .embed-overlay-spinner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.embed-code-container .embed-overlay-content {
    display: inline-block
}

.embed-code-container .embed-overlay-spinner .embed-overlay-content {
    background: url(../../img/t1/spinner-rosetta-gray-14x14.gif) no-repeat 0 0;
    margin-top: 20px;
    width: 14px;
    height: 14px
}

.embed-code-container .embed-overlay-error .embed-overlay-content {
    width: 100%;
    margin: 0;
    padding: 17px 9px 18px 9px;
    color: #66757f;
    font-size: 12px;
    background-color: #f9f9f9;
    border: 1px solid #ccd6dd;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 3px 3px 3px
}

.embed-code-container .embed-overlay-error .embed-overlay-content a {
    color: #1b95e0
}

.embed-code-container textarea {
    width: 100%;
    padding: 7px 9px;
    font-size: 14px;
    color: #66757f;
    line-height: 20px;
    overflow: hidden;
    height: 55px;
    display: block;
    white-space: nowrap;
    border: 1px solid #ccd6dd;
    position: relative;
    z-index: 2;
    resize: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 3px 3px 3px
}

.embed-code-container textarea:focus {
    border-color: #56b4ef
}

.embed-code-container p {
    font-size: 12px;
    margin-top: -10px
}

.embed-code-container p a,.embed-code-container p a:hover {
    color: #657786
}

.embed-code-container hr {
    margin: 20px 0 18px;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #fff
}

.embed-code-container .embed-target {
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: -1px
}

.embed-code-container .embed-alignment {
    background-color: #f9f9f9;
    border: 1px solid #ccd6dd;
    margin-top: 10px;
    border-radius: 3px
}

.embed-code-container .legend {
    display: block;
    float: left;
    text-align: left;
    line-height: 16px;
    width: auto;
    height: 19px;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px #fff;
    margin: 16px 10px 0 15px;
    color: #66757f;
    padding: 0;
    border: 0
}

.embed-options {
    margin-top: 8px
}

.embed-preview h3 {
    font-weight: bold;
    margin-bottom: 5px
}

.modal-body .embed-code-container p {
    font-size: 12px
}

.modal-body .embed-code-container form p {
    color: #657786
}

.embed-code-container .input {
    overflow: hidden;
    margin-top: 10px
}

.embed-code-container .embed-alignment input {
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.embed-code-container .tabs li {
    margin-right: 3px;
    box-shadow: none
}

.embed-code-container .help-block {
    clear: both;
    margin: 0 0 6px 82px
}

.embed-code-container .embed-alignment .btn,.embed-code-container .tabs li {
    display: block;
    float: left
}

.embed-code-container .embed-alignment .btn,.embed-code-container .tabs li .btn {
    font-size: 12px;
    color: #66757f
}

.embed-code-container .tabs li .btn {
    border-bottom-color: #ccd6dd;
    border-radius: 4px 4px 0 0
}

.embed-code-container .embed-alignment .btn {
    border-left: 0;
    border-radius: 0
}

.embed-code-container .embed-alignment .btn-first {
    border-left: 1px solid #ccd6dd;
    border-radius: 4px 0 0 4px
}

.embed-code-container .embed-alignment .btn-last {
    border-radius: 0 4px 4px 0
}

.embed-code-container .btn .icon {
    display: block;
    width: 13px;
    height: 11px;
    float: left;
    margin-top: 4px;
    margin-right: 5px
}

.embed-code-container .active.btn {
    text-shadow: none;
    outline: 0;
    background: #dadada;
    border: 1px solid #aaa;
    box-shadow: inset 0 3px 7px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.05)
}

.embed-code-container .embed-alignment .active.btn {
    margin-left: -1px
}

.embed-code-container .embed-alignment .active.btn-first {
    margin-left: 0
}

.embed-code-container .embed-preview {
    margin-top: 15px
}

.modal-table th,.modal-table td {
    padding: 5px 10px;
    font-size: 12px;
    color: #66757f;
    text-align: left;
    vertical-align: top
}

.modal-table th {
    color: #14171a;
    font-weight: bold
}

.modal-table-bordered {
    width: 100%;
    border-right: 1px solid #e6ecf0;
    border-bottom: 1px solid #e6ecf0;
    border-collapse: separate;
    border-radius: 4px
}

.modal-table-bordered th,.modal-table-bordered td {
    border-left: 1px solid #e6ecf0;
    border-top: 1px solid #e6ecf0
}

.modal-table-bordered th {
    background-color: #f5f8fa
}

.modal-table-bordered thead tr:first-child th:first-child {
    border-radius: 4px 0 0 0
}

.modal-table-bordered thead tr:first-child th:last-child {
    border-radius: 0 4px 0 0
}

.modal-table-bordered tbody tr:last-child td:first-child {
    border-radius: 0 0 0 4px
}

.modal-table-bordered tbody tr:last-child td:last-child {
    border-radius: 0 0 4px 0
}

.keyboard-shortcuts .modal-table {
    float: left;
    width: 175px
}

.keyboard-shortcuts .modal-table th,.keyboard-shortcuts .modal-table td {
    white-space: nowrap;
    padding: 0
}

.keyboard-shortcuts .modal-table td {
    padding: 3px 0
}

.keyboard-shortcuts .modal-table+.modal-table {
    margin-left: 15px
}

.keyboard-shortcuts .modal-table .shortcut-label {
    line-height: 20px;
    padding-left: 8px;
    color: #66757f
}

.sc-key {
    display: inline-block;
    min-width: 10px;
    height: 18px;
    padding: 0 4px;
    font-size: 12px;
    line-height: 16px;
    color: #66757f;
    text-align: center;
    background-color: #e6ecf0;
    background-repeat: repeat-x;
    background-image: linear-gradient(#f5f8fa,#eee);
    border: 1px solid #ccd6dd;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 #fff,0 1px 0 #ccd6dd
}

.modal.dm-media {
    padding-bottom: 0!important
}

.dm-message>.media-not-displayed {
    margin: -6px -11px
}

.DirectMessage-message.with-text>.media-not-displayed {
    margin: -6px -11px 6px
}

.dm-message>.media-not-displayed .btn {
    font-weight: normal;
    padding: 5px 10px;
    margin-top: 5px
}

.view-dm-participants {
    width: 100%
}

.suspicious-content-warning .Icon {
    margin-right: 3px
}

.DirectMessage.is-not-suspicious+.suspicious-content-warning {
    display: none!important
}

.dm-media-preview {
    position: relative;
    text-align: center;
    background-color: #f5f8fa;
    border-radius: 0 0 6px 6px
}

.dm-media-preview:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.dm-media-preview img {
    display: inline-block;
    vertical-align: middle
}

.dm-media-preview img.bottom-corners {
    border-radius: 0 0 7px 7px
}

.dm-media {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-width: 520px;
    min-height: 338px;
    padding: 0;
    background-color: #000;
    border-radius: 6px
}

.Gallery-gridIcon .icon {
    background-image: url(../../img/t1/twitter-web-sprite-media.png);
    background-repeat: no-repeat
}

.dm-media-gallery-overlay {
    display: table;
    height: 100%;
    max-width: 100%;
    width: 100%;
    background-color: #1a1a1a;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1001
}

.dm-media-gallery-overlay {
    position: static;
    background-color: transparent
}

.media-gallery-content {
    position: relative;
    margin: 0 auto;
    padding: 0 40px;
    min-width: 640px;
    max-width: 1024px
}

.dm-media-gallery-overlay.swift .media-gallery-content {
    display: table;
    height: 100%;
    max-width: 100%;
    width: 100%
}

.dm-media-gallery-overlay.swift .media-gallery-image-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center
}

.media-gallery-loading {
    display: none;
    background-image: url(../../img/t1/spinner-rosetta-gray-14x14.gif);
    height: 14px;
    width: 14px;
    position: relative
}

.media-gallery-content.loading .media-gallery-loading,.media-gallery-content.loadingTweet .media-gallery-loading,.media-gallery-content.loadingMedia .media-gallery-loading {
    display: inline-block
}

.big-photo-permalink {
    margin: 0;
    padding: 0
}

.big-photo-permalink img.large {
    position: absolute;
    top: 0;
    left: 0
}

.route-logout h2 {
    font-weight: 300
}

.route-logout .signout {
    margin: 60px 0 0;
    text-align: center
}

.route-logout .buttons {
    background: #ededed;
    border-radius: 5px;
    padding: 13px 13px 15px;
    line-height: 32px;
    display: inline-block
}

.route-logout .buttons-arrow {
    margin: 0 auto;
    border: 8px solid white;
    border-bottom-color: #e6ecf0;
    width: 0;
    height: 0
}

.route-logout .signout .button {
    font-size: 16px;
    padding: .55em 1.5em;
    margin: 0 .25em;
    vertical-align: middle
}

.route-logout .signout .submit {
    font-weight: bold
}

.route-logout .aside {
    color: #66757f;
    text-align: center;
    font-family: Georgia,Times,serif;
    font-style: italic;
    font-size: 13px;
    margin: 24px 0 80px
}

.route-logout .page-canvas.signout-page {
    background-color: #fff
}

.page-canvas.rate-limited {
    background-color: white
}

.four-twenty {
    margin: 0 40px;
    border-radius: 5px;
    padding: 25px 0 20px;
    background-position: right
}

.four-twenty h2 {
    font-size: 32px;
    color: #444;
    font-weight: 300
}

.four-twenty p.rate-limit-message {
    width: 400px;
    margin: 20px 0
}

.four-twenty div.footer {
    padding: 20px 40px 20px 40px;
    font-size: 11px;
    background: #e6ecf0;
    margin: 30px -40px -20px -40px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.four-twenty div.footer li {
    display: inline
}

.signout-wrapper {
    display: block;
    width: 585px;
    margin: 0 auto 10px;
    clear: both
}

.signout-wrapper h1,.signout-wrapper p {
    margin: 20px 0
}

.invite-contacts-component .save {
    height: auto;
    width: auto
}

.find-friends-results .component .invite-contacts-component,.listview-find-friends-results .component .invite-contacts-component {
    padding: 5px 12px 12px;
    border-bottom: 1px solid #e6ecf0
}

.listview-find-friends-results .invite-contacts-button {
    position: absolute;
    right: 0;
    bottom: 5px
}

.invite-contacts-component p {
    font-size: 13px
}

.contact-import-invite-header h2 {
    padding: 12px
}

.contact-import-invite-header p {
    background-color: #f5f8fa;
    padding: 12px;
    border-bottom: 1px solid #e6ecf0;
    border-top: 1px solid #e6ecf0;
    margin-top: -1px
}

.invite-preview-link {
    float: right;
    font-size: 12px;
    padding: 4px 0 6px
}

.listview-contact-import-matches {
    max-height: 500px;
    overflow: auto
}

.listview-find-friends-results {
    background-color: #fff;
    border-left: 1px solid #e6ecf0;
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid #e6ecf0;
    border-right: 1px solid rgba(0,0,0,0.1);
    background-clip: padding-box
}

.listview-find-friends-results .js-stream-item {
    border: 0;
    cursor: pointer
}

.listview-find-friends-results .content {
    margin-left: 58px
}

.stream-item.selected {
    background-color: #f6f6f6
}

.people-chooser-list .contacts {
    max-height: 200px;
    margin-bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #66757f;
    border-top: 1px solid #e6ecf0;
    border-bottom: 1px solid #e6ecf0
}

.listview-contact-import-matches .people-chooser-list .contacts {
    max-height: 300px
}

.people-chooser-list .contact-item {
    padding: 5px 0 5px 30px;
    margin-bottom: 0;
    border-top: 1px solid #e6ecf0
}

.people-chooser-list .contact-item:first-child {
    border-top: 0
}

.select-all-people {
    overflow: hidden
}

.contacts-select-all {
    padding-left: 30px;
    font-weight: bold
}

.contacts-select-all input[type="checkbox"],.people-chooser-list .contact-item input[type="checkbox"] {
    float: left;
    margin-top: 5px;
    margin-left: -30px
}

.people-chooser-list .contact-item-name,.people-chooser-list .contact-item-email {
    display: inline-block;
    width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.people-chooser-list .contact-item-email {
    color: #66757f
}

.contacts-content-footer {
    min-height: 30px;
    padding: 12px;
    border: 1px solid #e6ecf0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    border-left: 1px solid #e6ecf0;
    border-left: 1px solid rgba(0,0,0,0.1);
    border-right: 1px solid #e6ecf0;
    border-right: 1px solid rgba(0,0,0,0.1);
    background-clip: padding-box;
    position: relative;
    font-size: 13px
}

.contacts-content-footer .follow-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 8px
}

.contacts-content-footer .skip-to-invites {
    position: relative;
    top: 6px
}

.contacts-content-footer .follow-btn .follow {
    margin-right: 5px
}

.permalink-tweet-withheld .Tombstone {
    margin: 20px
}

.withheld-item .my-tweet .Tombstone {
    margin-bottom: 9px
}

.withheld-item .tweet:hover,.conversation-module .withheld-item .tweet:hover {
    background-color: initial
}

.permalink-tweet .tweet-user-withheld {
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 10px
}

.contact-import-matches-top {
    min-height: 60px;
    font-size: 12px;
    color: #858585
}

.contact-import-matches-top .subheader {
    position: relative
}

.contact-import-matches-top .subheader .text {
    width: 300px
}

.contact-import-matches-top .subheader .selector {
    position: absolute;
    right: 13px;
    bottom: -2px;
    font-size: 12px
}

.contact-import-matches-top label {
    display: inline;
    color: #858585;
    font-size: 12px;
    vertical-align: 1px
}

.scrolling-user-list {
    overflow-y: scroll;
    max-height: 400px;
    border-right: 1px solid #e6ecf0;
    border-right: 1px solid rgba(0,0,0,0.1)
}

.scrolling-user-list .stream-item {
    border-right: 0
}

.scrolling-user-list .stream-loading,.scrolling-user-list .stream-end {
    border-right: 0;
    border-radius: 0;
    margin-bottom: 0
}

.scrolling-user-list .stream-end-inner {
    padding: 10px 50px;
    border-radius: 0
}

.user-list-footer .stream-end-inner {
    padding: 10px;
    border-top: 1px solid #e6ecf0;
    border-top: 1px solid rgba(0,0,0,0.1)
}

.user-list-footer {
    text-align: left
}

.user-list-footer .skip-link {
    float: left;
    margin-top: 6px
}

.user-list-footer .action-btn {
    float: right
}

.user-list-footer .action-btn.loading .follow {
    background: url(../../img/t1/spinner-rosetta-gray-14x14.gif) 1px 0 no-repeat
}

.listview-find-friends-result .content {
    margin-right: 80px
}

.listview-find-friends-result .contact-select-box {
    position: absolute;
    top: 20px;
    right: 24px
}

.listview-find-friends-result .contact-btn-dismiss {
    padding: 4px 8px;
    position: absolute;
    top: 20px;
    right: 10px
}

.listview-find-friends-result.selected {
    background-color: #f6f6f6
}

#import-loading-dialog .modal-body {
    text-align: center;
    text-shadow: none
}

#import-loading-dialog .spinner {
    margin: 20px auto
}

.pymk-header-contact-import {
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-radius: 6px
}

.view-all-button a.list-link.follow-more-suggestions {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    border-top: 1px solid #e6ecf0
}

.EmailConfirmation .flex-module {
    padding: 25px 0
}

.EmailConfirmation .flex-module-header {
    font-size: 22px;
    line-height: 1.4em;
    color: #66757f;
    font-weight: 300;
    padding: 0 15px 25px;
    border-bottom: 1px solid #e6ecf0
}

.EmailConfirmation .flex-module-footer {
    margin: 15px 15px 0
}

.wrapper-settings .header-inner h2 {
    color: #14171a;
    font-weight: normal;
    margin-bottom: 0
}

.settings-header {
    font-weight: normal;
    margin-bottom: 10px
}

.no-apps-header {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.ok .notification {
    color: green
}

.problem .notification {
    color: red
}

.phone-number {
    padding-left: 12px
}

.hex-field {
    margin-top: 0
}

.delete-info {
    margin-top: 5px
}

.swift-loading #settings_save {
    display: none
}

#settings_save {
    display: inline;
    margin-right: 20px
}

#settings_save_notifications {
    display: inline
}

#settings_save_notifications_div {
    float: right;
    margin: 0 0 20px 0
}

.settings-save-spinner {
    display: none
}

.input-prepend,.input-append {
    font-size: 0
}

.input-prepend .add-on,.input-append .add-on {
    display: inline-block;
    width: auto;
    height: 18px;
    min-width: 16px;
    margin: 0;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #f5f8fa;
    border: 1px solid #ccd6dd
}

.input-prepend .add-on {
    height: 25px;
    line-height: 25px;
    margin-right: -1px;
    border-radius: 3px 0 0 3px
}

.input-append .add-on {
    margin-left: -1px;
    border-radius: 0 3px 3px 0
}

.input-prepend input {
    position: relative;
    height: 25px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
    border-radius: 0 3px 3px 0
}

.input-prepend input:focus {
    z-index: 2
}

.select-row {
    border-bottom: 1px solid #e6ecf0;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.notifications-form .settings-header {
    margin-bottom: 0
}

.notifications-prompt-container {
    background-color: #fff;
    border-bottom: 1px solid #e6ecf0;
    display: none
}

.notifications-prompt-container .notification-prompt {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 12px
}

.notifications-prompt-container .btn {
    margin-left: 20px;
    white-space: nowrap
}

.form-horizontal .preference-dropdown {
    width: auto;
    height: 25px;
    margin: -2px 0 9px 18px;
    line-height: 25px
}

#notifications-optout-all-top {
    min-height: 20px;
    padding: 12px;
    background-color: #fff;
    border-bottom: 1px solid #e6ecf0
}

#notifications-optout-all-bottom {
    background-color: #fff;
    min-height: 20px;
    padding-bottom: 12px
}

#notifications-optout-all-top .explanation,#notifications-optout-all-bottom .explanation {
    font-size: 14px;
    line-height: 20px
}

.notifications-optout-fatigue {
    padding: 25px!important
}

#notifications-optout-fatigue-form {
    margin-top: 15px
}

.notifications-optout-fatigue-header {
    margin-bottom: 5px
}

.uploader-avatar .avatar {
    float: left
}

.uploader-avatar .photo-selector,.uploader-image .photo-selector {
    position: relative;
    margin-bottom: 5px
}

.uploader-avatar .photo-file-name,.uploader-image .photo-file-name {
    font-size: 12px;
    padding-left: 6px
}

.uploader-image .uploader-tools {
    margin-left: 120px
}

.uploader-tools p {
    margin-top: 5px;
    margin-bottom: 5px
}

.uploader-image .image-preview {
    border-radius: 4px
}

.uploader-background .image-preview {
    float: left;
    width: 110px;
    height: 80px;
    background-color: #ccd6dd
}

.theme-list {
    margin-left: -12px
}

.theme-list .theme {
    position: relative;
    float: left;
    padding: 3px;
    margin: 0 0 12px 12px;
    cursor: pointer;
    border-radius: 4px;
    background: transparent
}

.theme-list .theme:focus {
    outline: dotted 1px #000;
    outline: auto 5px -webkit-focus-ring-color
}

.theme-list .theme.selected {
    background-color: #0283b2;
    background-repeat: repeat-x;
    background-image: linear-gradient(#019ad2,#0283b2);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2)
}

.theme-list .theme-image {
    position: relative;
    display: block;
    border-radius: 2px
}

.themeleon-callout {
    margin-right: 38px;
    color: #66757f;
    font-size: 12px;
    line-height: 16px;
    border-radius: 3px
}

.themeleon-callout strong {
    display: block
}

.hidden-radio {
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%
}

.header-settings .image-preview {
    background-position: center;
    background-repeat: no-repeat
}

.color-preview {
    float: left;
    width: 110px;
    height: 30px;
    margin-right: 10px;
    border-radius: 4px
}

.user-color-control {
    margin-top: 20px
}

.user-color-control .user-color-picker {
    color: white;
    width: 220px;
    border-radius: 4px;
    padding: 7px;
    font-weight: 400
}

.banner-preview-box,.banner-preview-image {
    width: 130px;
    height: 90px;
    overflow: hidden;
    border-radius: 4px
}

.banner-shadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 90px;
    z-index: 2;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.08);
    border-radius: 4px 4px 4px 4px
}

.banner-preview-box {
    position: relative;
    float: left;
    background: #eee url(../../images/upload_banner.png) no-repeat center center
}

.banner-preview-box.as-uploader:hover {
    cursor: pointer
}

.banner-upload-input {
    float: left;
    margin-left: 10px
}

.banner-upload-input input.btn {
    margin: 5px 0 0 0
}

.banner-upload-input input.publish-banner-btn {
    margin-right: 5px
}

.banner-upload-input .action-spinner {
    margin: 8px 0 0 6px
}

.banner-upload-promoted-tweets {
    display: inline-block;
    padding-left: 18px
}

.action-spinner,.update-spinner {
    left: 2px;
    top: 2px;
    position: relative;
    display: none
}

.working .action-spinner {
    display: inline
}

.banner-preview-box .sample-banner {
    margin-left: -400px
}

.preview-loading-overlay {
    display: none;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    background-color: #ccd6dd;
    opacity: .65;
    -ms-filter: "alpha(opacity=65)";
    z-index: 300;
    position: absolute;
    top: 0
}

.loading .preview-loading-overlay {
    display: block
}

.preview-loading-overlay #preview_spinner {
    margin-left: 49px;
    margin-top: 29px;
    display: block
}

.banner-preview-overlay {
    opacity: .75;
    -ms-filter: "alpha(opacity=75)";
    z-index: 100;
    text-align: center;
    background-color: #000;
    color: #fff;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 4px 0;
    border-radius: 0 0 4px 4px
}

.banner-help {
    padding-top: 4px;
    margin: 0 0 8px 0;
    color: #66757f;
    line-height: 16px;
    font-size: 12px
}

#profile_banner .btn {
    display: none
}

#profile_banner.preview-banner .publish-banner-btn,#profile_banner.preview-banner .delete-preview-btn {
    display: inline-block
}

#profile_banner.live-banner .delete-banner-btn {
    display: inline-block
}

#profile_banner.no-banner .sample-banner,#profile_banner.no-banner .banner-preview-overlay {
    display: none
}

.form-actions.flush-left {
    padding-left: 0
}

.sms-form #choose-carrier,.sms-form #choose-language {
    display: none
}

.sms-form.show-carrier-selection #choose-carrier,.sms-form.show-language-selection #choose-language {
    display: block
}

#sms-phone-verify-form #verify-pending {
    padding-bottom: 44px;
    background: url(../../images/bigger_spinner.gif) no-repeat bottom center
}

.sms-form #device-country-carrier {
    font-size: 18px;
    color: #66757f
}

#sms-phone-verified-form #device-country-carrier {
    margin: 3px 0 10px
}

.sms-form code {
    border: 1px solid #ccd6dd;
    border-radius: .5em;
    display: inline-block;
    margin: 7px 0;
    padding: .5em
}

.sms-form .app-promo {
    margin-bottom: 5px
}

.sms-form .app-promo-link {
    padding-top: 5px
}

.sms-form .app-promo-spacing {
    margin: 12px -12px
}

.sms-form .app-promo-group {
    margin-top: 3px
}

.sms-form .education-promo {
    text-align: center
}

.sms-form .education-promo-spacing {
    padding-top: 10px
}

.sms-form .carrier-help-note {
    display: none;
    margin-top: 0
}

#sms-phone-create-form #choose-carrier,#choose-language {
    display: none
}

.rtl #sms-phone-create-form .input-prepend {
    direction: rtl;
    text-align: left
}

.rtl .device_number_with_country_code {
    direction: rtl
}

#sms-phone-verified-form #device_pin {
    width: 56px
}

#sms-phone-delete-form #unsupported-carrier-alert {
    margin-top: 5px
}

#sms-phone-delete-form #delete_device_link {
    display: inline-block;
    padding-left: 20px
}

#sms-phone-delete-form #device-country-carrier {
    display: inline-block
}

#sms-phone-delete-form #edit_phone_link {
    display: inline-block;
    padding-left: 20px;
    font-size: 14px
}

#sms-phone-deactivated-form {
    display: inline
}

#sms-unsupported-carrier {
    padding: 0 12px
}

.sms-form .field-highlight {
    margin: -20px -12px;
    padding: 20px 12px
}

.sms-form .sleep-settings select {
    width: 140px
}

.email-create p {
    font-size: 12px;
    line-height: 16px;
    color: #657786
}

.email-create-verify-qr-code {
    margin: 20px 20px 20px 40px
}

.qr-verify-at-twtrjp {
    background-image: url(../../img/t1/verify_at_twtrjp.png);
    display: block;
    width: 136px;
    height: 136px
}

.email-create-list-item {
    clear: both;
    margin-bottom: 15px
}

.email-create-list-header {
    float: left;
    width: 80px;
    text-align: right;
    font-size: 20px;
    font-weight: bold
}

.email-create-list-body {
    padding-top: 2px;
    margin-left: 100px
}

.device-command {
    padding: 2px 5px;
    background-color: #f5f8fa;
    border: 1px solid #e6ecf0;
    border-radius: 4px
}

.FacebookConnect.facebook-container {
    font-size: 14px;
    padding-top: 0
}

.FacebookConnect-title {
    color: #14171a;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    width: 60%
}

.FacebookConnect-actionButton {
    float: right;
    margin-bottom: -100%
}

.FacebookConnect-text {
    color: #66757f;
    width: 60%
}

.FacebookConnect-metadata {
    color: #657786;
    font-size: 14px
}

.FacebookConnect-actions {
    margin-top: 8px
}

.FacebookConnect-list {
    font-size: 18px;
    margin-left: 19px
}

.FacebookConnect-bullet {
    margin-left: -8px
}

.facebook-content {
    margin-left: 60px;
    min-height: 0
}

.facebook-iframeApps {
    width: 100%
}

.facebook-metadata {
    color: #657786;
    font-size: 14px
}

#fb-iframe {
    height: 0;
    transition-duration: .5s;
    transition-property: height;
    transition-timing-function: ease
}

#fb-iframe.fb-static-height {
    height: 266px
}

.iframe {
    background-color: transparent
}

.facebook-container {
    padding-top: 6px;
    font-size: 12px
}

.facebook-container button {
    vertical-align: middle
}

.facebook-container ul {
    margin-left: 2em
}

.facebook-container li {
    list-style-type: disc
}

.facebook-container .actions {
    margin-top: 1em
}

.facebook-container .arrow {
    display: inline-block;
    background: url(data:image/gif;base64,R0lGODlhpwALAPEAAJ2dnZubm21tbf///yH5BAEAAAMALAAAAACnAAsAAAJPnI+py+0Po5y0smCz3rz7LAjfSJbmGYpGyrbuC8fyTNf2jef3qvf+DwwKdYOh8YhMKgWApfMJjYqk1Kp1d8pqt1yeqgsOiymhsfmMPgASBQA7) no-repeat right center;
    width: 50px;
    height: 10px;
    margin: 0 16px;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)"
}

.facebook-avatar,.twitter-avatar {
    height: 32px;
    width: 32px;
    vertical-align: middle;
    border-radius: 3px
}

.facebook-avatar.blank {
    width: 0
}

.facebook-avatar.facebook-logo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC10lEQVR42u2X208TQRTG/Xt8UQGVi8YXH0wwEbVQqgEkIk0FgYKCIErEokQTCQitId4SIygl3Fq8xQtRHxAw0ipCUUCKAto2VaIRI/V4vpWXoUKyOrUvTPJl092z8/32zMyZ6YoNu86nsd6yfP9ZbpYBANMsCpM8APCHEcAPAJ/sjmN1FlqrqaWIHecoYjuLr5GsmGTzwlifdACY4Zpa2ESHTt+ko9V3qfjsbcqtsFG8/grFJltCAxA3b1545hYNvPlAgcBPWtjK6+5zRmpCAwDzyvouWqIhGxgS+QDrEutIa2yg2e9zSwKUVN0BqHyA1Qk1dMHaG2T4aeYbOYamFL0YniZ9WSsmp3wAzPCHT0cEc6//KyXlNVDUzlpan2SmGK2Z4nRKvHwAmDx5NiYAOF1TFKWpxayHMQuzP4QAj/uCAaK1ZsFYOgDGE+lfGV9FXT3iEPQPTtKqbdVYdoiBlGHYKAsAX7avtIWMp+yUdbwdk0wAGJ3wUY6pg/JO2hCjKCHrKiD+HQDm6Gh4zENqmsnygNZwRqQBvMRXq2goyagD0gAGueSqaRiGSJkAPc4Jmvkyq+jHXEAwmwsEcF+Q/lgrVoy8VbAl4xJt5R1uc/pF6u4fFwBecXbwPD7zMmIUbUqpR02QB4AsRLNQih/1jgoAjiEUIlTBOsRAMA93IVoGWAZYBABbptbYqKzTjNIW1UotstLzwUkB4PW4l9JLmmnvETE2kz10BY0ETwEAneRXdvLp1a5aBmxGLrEsj/BmlG3q4A1JjDWyx57i5mCAlMIm3rnsdMBkUy19WRs5/wCwv7ydsk+IsbnskXbYGgyQxhkoYDoEqBUy4BrzCgDvP37+nYEKMRYZSF+QAT8miibnGh6ATrV2H7xB1zsd1O1wc0lm8bXt3gClFDVhaIVYeCTyWRGe8AaAh4UboPo78bs4mqP0zgu/F4uHl7AKDCx3GP6ev2Pl/wIqq/FZFjohWwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 0
}

.facebook-on-apps-logo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAA45JREFUeNrsmctrXFUcxz/n3DsznZnMjDMhmUzTJvVRUXxBNVQShVhcCLpwIVgFNz5aXLkQu3Dn0j/AlSiCqeBGNK5aoSCJID6gRnAhTdU2NIY4maaZuTP3ce5xEaOkM/cmjfPIhfltf+cHv8/9Pb7n3iumnv8gA3wInABiRMM84GvgZRP4BHiG6NmzQFZGNPktOyGBeoQBLPlPP0XVlLkfsvB9jdYAGoRAAAgQCIQIj+0JgJSChu2xumbRsF3iMRPTlAhAa42vNUppPOWTHUhwcDiD46reA0gpUEpz6Y81cpkETzx6hIkHRhk7mCObjiOkQCkfx/Vp2C41y+Xbn5Y4P79IIZfsLYAhBdW6y9Vr6zz31L2cfuERHrpnZMe4wXyKmS8WyGeTLdupKwBCCOq2x9LyDd55Y5rXX5zYdexfFYt4zAiuancA4PLVCmdem7yl5HfVlt14+tdWNjj+4ChvvjLZ/rnqNIDWmhs1m1MnH95TfCJu4vu6d2vUqjvccSjP9PEjuzpvOwopNnUAwGq4GIboHcB61WbqWJFc5kDoufc//ZEvL/yKp3yk/E/AGrZirJQLFLSOAzRsxWgxE3rm7OwCp96eZexwnoFUHLRmq2kOJEwy6QRK+b3TgVQyHur/6pvLlEayjJdy+Lq534OS79oaBR3qdT2fdDLWMvmeb6HNTbSDShuSPeTezQrsoBX/I7ZtMyDEZivcvLNtx8ML6eGtFrId1fLGaRoSwxCBFWojgMB1m5Oo1d3Aq/C/kLaHVXepN9wmXyadQAiBDiBoC4Dva1bKVd56dYqpY4e3r1FHURxMh8a/e+ZJNmoO8VhzR7838z3n5hYpDQ90tgJW3eX+u4vcd3T4lmPvGi8EPxyt8TzV+SE2DUllvb3fB2xH8fvSdTIDif29hYLsz9Uq5YpFIm5GE2ClXOV61W45Gx0BEKK9AKtrFo2Gi5Si8wCu5we+eO/VqjWbWt1FiA5fp4UQDA+mOTv7M3M/XNnmK1csHp8Y5+npo4HxH312kcUrFbI3DevFX5YZLWY7r8RCQD6b5Pz8JTZqzjbf8m9lqqcfCwX4+PMFLswvUiptT3bwtiRDhXSoEJrtayHFUCHNUCHdsjphdmgky523DzIy1CxWO6n4vt5CkbmN9gH6AH2APkAfoA/QB4gygBHh/A0JpCIMkJLAuQgDzJnASWAGmKRHP773YB7wHfDS3wMAxQw/f4d9/+4AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 0
}

.facebook-avatar.facebook-on-apps-logo {
    height: 48px;
    width: 48px;
    vertical-align: middle;
    border-radius: 3px
}

#facebook-spinner,.xhr {
    background-image: url(data:image/gif;base64,R0lGODlhDgAOAPEEAP///+/v797e3r29vSH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAEACwAAAAADgAOAEADK0i6APswwhDeGFLdTFXTGCGMQnRtxJliqvRJVPW1WUSW0Bmu1g7+PAnqkQAAIfkEBQcABAAsAAAAAAwACAAAAxpIuhH7zEEhVFMAKFpv1lu1ZFCpDOhgEqlqJgAh+QQFBwAEACwCAAAADAAIAAADGkhKIvurQTKGkiQEVa3UG2ct2mSeCqAC5wokACH5BAUHAAQALAYAAAAIAAwAAAMaOEPc2m4RIdijFVLIe/gBBIYdBADdiXInkwAAIfkEBQcABAAsBgACAAgADAAAAxtISjOrzb32qhVYvKztC8ECAAQYEqMCKmnVPgkAIfkEBQcABAAsAgAGAAwACAAAAxtIujo+jD0YKwGACbFwDgGxcVdGgMpWoZbCMgkAIfkEBQcABAAsAAAGAAwACAAAAxoICtTei71JawhvDHexEIS2EVfzNRp1ViboJAAh+QQFBwAEACwAAAIACAAMAAADGkgEoL7sqShluOHhXDsRggSGw6CASlmpUpkAADs=);
    background-repeat: no-repeat
}

#facebook-spinner.FacebookConnect {
    background-position: right bottom 2px
}

#facebook-spinner {
    background-position: right center
}

.xhr {
    background-position: right .25em
}

.manage-pages.xhr {
    background-position: right 69%
}

.facebook-option,#facebook-spinner {
    float: left;
    clear: both;
    padding-right: 20px
}

.facebook-option label {
    display: inline-block
}

.facebook-account-group {
    margin-bottom: 12px;
    padding-bottom: 1em;
    border-bottom: 1px solid #e6ecf0
}

.facebook-container p,.facebook-container blockquote {
    padding-bottom: .5em
}

.facebook-option.manage-pages>p {
    display: none
}

.facebook-option.no-manage-pages>div {
    display: none
}

.facebook-dropdown {
    margin: 0 0 0 1.3em
}

.facebook-dropdown select {
    height: auto
}

.facebook-footnote {
    clear: both;
    color: #657786
}

.facebook-banner-outer {
    margin-bottom: 10px
}

.facebook-banner-outer.hidden {
    display: none
}

.facebook-banner {
    width: 100%
}

.facebook-banner .flash {
    width: 262px;
    margin-left: 10px;
    display: inline-block
}

.deactivation-info-header {
    margin-bottom: 9px
}

.deactivation-info ul {
    list-style: disc outside
}

.deactivation-info li {
    font-size: 12px;
    margin: 0 0 9px 25px
}

.control-group .personalization-settings-disabled {
    color: #657786;
    cursor: default
}

#show_app_password {
    padding-top: 10px
}

#temporary-password {
    text-align: center;
    font-size: 27px;
    min-height: 32px
}

.app-password {
    margin: 20px 0
}

.app-password .btn {
    margin-top: 10px
}

.app-password .description {
    color: #657786
}

.login-verification-button {
    margin-top: 10px
}

.backup-code-wrapper {
    width: 60%;
    margin: 20px auto;
    text-align: center
}

.backup-code-display {
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    font-size: 27px;
    margin-bottom: 20px;
    padding: 20px 0
}

.backup-code-wrapper a {
    font-size: 14px;
    text-decoration: none
}

.backup-code-error {
    display: none
}

.totp-confirm-code-sidetip {
    bottom: 90px;
    display: table;
    left: 340px;
    min-height: 20px;
    position: absolute;
    width: 300px
}

#totp-confirm-success {
    background-image: url(../../img/t1/accept.png);
    color: #17bf63;
    display: inline-block;
    width: 14px;
    height: 12px
}

#totp-confirm-fail {
    background-image: url(../../img/t1/error.png);
    color: #e0245e;
    display: inline-block;
    width: 14px;
    height: 12px
}

.totp-code-wrapper {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
    text-align: center;
    width: 40%
}

.totp-code-display {
    border: 1px solid #66757f;
    border-radius: 5px;
    font-size: 50px;
    margin-bottom: 20px;
    padding: 20px 0
}

.totp-code-show {
    display: inline-block;
    font-weight: bold
}

.totp-code-wrapper a,.totp-code-wrapper a:hover {
    font-size: 14px;
    text-decoration: none
}

.totp-code-dialog-error {
    display: none
}

.widgets .flex-module {
    background: #fff
}

.widgets .content-inner {
    padding: 0
}

.widgets-list-item {
    position: relative;
    padding: 18px 12px;
    border-bottom: 1px solid #e6ecf0;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.widgets-list-item:last-child {
    border-bottom: 0
}

.widgets-list-item .icon {
    display: block;
    float: left;
    margin-top: 2px
}

.widgets-list-item h3 {
    font-weight: bold
}

.btn-widgets-new {
    float: right
}

.btn-widgets-delete,.btn-widgets-edit {
    margin-top: -9px;
    float: right;
    margin-left: 10px
}

.btn-widgets-delete {
    margin-top: -3px
}

.btn-widgets-back {
    position: absolute;
    top: 10px;
    right: 10px
}

.widgets .header .subheader {
    padding: 5px 0 0
}

.widgets .header .subheader p {
    margin: 5px 0
}

.widgets .header h1,.widgets .row h2 {
    font-weight: normal
}

.widgets .header h1 {
    line-height: 30px
}

.widgets .row h2 {
    margin-bottom: 20px
}

.widgets .row.header {
    margin-top: 0
}

.widgets .row {
    margin: 20px 0
}

.widgets .widgets-source li {
    display: block
}

.widgets .widgets-source a {
    display: block;
    line-height: 25px
}

.widgets .widgets-source a:hover {
    text-decoration: none
}

.widgets .widgets-source label {
    padding: 15px 0
}

.widgets .form-horizontal .control-label {
    font-size: 14px;
    width: 80px
}

.widgets .form-horizontal .controls {
    margin-left: 100px
}

.widgets .form-horizontal .form-actions {
    padding-left: 100px;
    margin-top: 10px
}

.widgets .options-column {
    float: left;
    width: 340px;
    margin-right: 10px
}

.widgets .preview-column {
    float: left;
    width: 460px
}

.widgets .preview {
    height: 350px;
    background: #fff;
    border-radius: 4px
}

.widgets .controls-inner {
    position: relative;
    margin-bottom: 5px
}

.widgets .controls-inner input {
    margin-bottom: 0
}

.widgets .configurator-code {
    font-size: 12px
}

.widgets .configurator-code.hide {
    display: none
}

.widgets .code {
    width: 450px;
    margin-top: 20px;
    color: #66757f;
    white-space: nowrap;
    resize: none
}

.widgets .footer {
    font-size: 12px;
    text-align: center
}

.widgets .screen-name {
    width: 183px
}

.widgets fieldset p {
    margin: 5px 0 0 100px
}

.widgets #safe-mode {
    display: inline-block
}

.widgets .no-timeline-reason {
    display: block
}

.subtext {
    display: inline-block;
    padding-top: 5px;
    color: #657786
}

body.directory {
    background-color: #6c9fd1
}

.page-canvas {
    margin-bottom: 15px
}

#preamble {
    color: #b2b2b2;
    margin-bottom: 1em
}

.nav-tabs.nav-directory {
    border-bottom: 0
}

.nav-directory>li>a {
    color: #1b95e0;
    font-weight: normal;
    text-shadow: none;
    height: 15px
}

.nav-directory>li>a:hover {
    color: #1b95e0
}

.nav-directory .active>a {
    background-image: none;
    box-shadow: none;
    text-shadow: none
}

.top-levels {
    border: 1px solid #e6ecf0;
    border-top-left-radius: 0!important;
    clear: both;
    margin: 12px 0;
    padding: 12px
}

.top-levels>p {
    color: #7b7b7b;
    margin-bottom: .5em
}

.top-levels>hr {
    border-color: #e6ecf0
}

.character-links>.character {
    padding: 3px
}

.character-links>a.character:hover {
    background-color: #fff;
    border-radius: 2px
}

.character-links .character+.character {
    margin-left: 5px
}

span.character {
    font-weight: bold
}

.top-levels,.content-directory {
    border-radius: 6px
}

.content-directory {
    background-color: #fff;
    box-shadow: 0 0 225px rgba(255,255,255,0.55);
    padding: 12px
}

.content-directory h1 {
    padding-bottom: 8px
}

.content-directory hr {
    margin: .5em -12px
}

.directory-page {
    margin: 14px 0 20px
}

.directory-page .header span {
    font-weight: bold
}

.directory-page>.header {
    margin: 1.5em 0
}

.directory-page li {
    font-size: 85%;
    margin: .5em 0;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: break-word
}

.directory-page li.search-term {
    padding-left: .6em;
    position: relative
}

.search-term .hash {
    color: #b2b2b2;
    left: 0;
    position: absolute;
    top: .05em
}

.directory-page .screenname {
    color: #b2b2b2
}

.row {
    margin-left: -20px
}

.row:before,.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row>[class*="span"] {
    display: inline;
    float: left;
    margin-left: 20px
}

.span3 {
    width: 250px
}

.stream-item-activity {
    position: relative
}

.stream-item-activity-line {
    font-size: 13px;
    line-height: 16px
}

.activity-additional-info {
    float: right;
    font-size: 12px;
    color: #657786;
    white-space: nowrap
}

.activity-secondary-supplement {
    display: none;
    padding: 0 0 6px 70px
}

.activity-secondary-supplement .avatar {
    margin-right: 1px
}

.stream-item-activity .activity-supplement .latest-tweet .tweet-content {
    margin-left: 0
}

.stream-item-activity .activity-supplement>a:focus {
    text-decoration: none
}

.stream-item-activity .activity-supplement>a:focus img {
    outline: dotted 1px #000;
    outline: auto 5px -webkit-focus-ring-color
}

.stream-item-activity .btn-user-actions,.stream-item-activity .account .verified,.stream-item-activity .account .Icon--verified,.stream-item-activity .edit-profile-btn,.follow-more-than-two .account .bio,.follow-more-than-two .account .fullname,.follow-more-than-two .account .username,.follow-exactly-two .account .bio {
    display: none
}

.stream-item-activity-notification .supplement,.activity-secondary-supplement .supplement,.follow-exactly-two .supplement,.follow-more-than-two .supplement {
    display: inline-block;
    line-height: 20px
}

.stream-item-activity-notification .supplement>a {
    display: inline-block
}

.stream-item-activity .account .follow-combo {
    float: none
}

.stream-item-activity .tweet-content {
    padding-right: 12px;
    margin-bottom: 6px;
    margin-left: 70px
}

.stream-item-activity .sub-stream-item-hidden {
    display: none
}

.stream-item-activity .account,.stream-item-activity .list {
    border-bottom: 0
}

.view-all-supplements {
    display: inline-block;
    font-size: 11px;
    line-height: 18px
}

.view-all-supplements.show .show-text,.view-all-supplements.hide .hide-text {
    display: inline
}

.view-all-supplements.hide .show-text,.view-all-supplements.show .hide-text {
    display: none
}

.stream-item-activity-notification {
    border-bottom: 1px solid #e6ecf0
}

.stream-item-activity-notification .latest-tweet {
    min-height: 0;
    padding: 0;
    margin-top: -3px;
    margin-bottom: 3px;
    border-bottom: 0
}

.stream-item-activity-notification .latest-tweet .tweet-text {
    word-wrap: break-word;
    display: inline
}

.stream-item-activity-notification .latest-tweet .tweet-row {
    margin-top: -3px;
    max-width: 435px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.stream-item-activity-notification .latest-tweet .tweet-row,.stream-item-activity-notification .latest-tweet .tweet-row a,.stream-item-activity-notification .latest-tweet .tweet-row b {
    color: #657786
}

.stream-item-activity-notification .latest-tweet .tweet-row s {
    color: #ccd6dd
}

.stream-item-activity-notification .latest-tweet .tweet-text,.stream-item-activity-notification .latest-tweet .tweet-content .tweet-row a.latest-tweet-timestamp {
    display: inline
}

.stream-item-activity-notification .latest-tweet .QuoteTweet-text.tweet-text {
    display: block
}

.stream-item-activity-line-notification {
    padding: 10px 20px 5px 70px
}

.stream-item-activity-notification .stream-item-activity-line {
    font-size: 14px;
    line-height: 18px
}

.stream-item-activity-line-notification .fullname {
    color: #000
}

.stream-item-list_member_added .stream-item-activity-line-notification {
    padding-bottom: 12px
}

.stream-item-activity-notification .activity-additional-info {
    margin: 9px 12px 0 0
}

.stream-item-activity-notification span.list {
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0
}

.stream-item-activity-notification .stream-item-activity-header .pretty-link b {
    font-weight: bold;
    color: #14171a
}

.stream-item-activity-notification .stream-item-activity-header .pretty-link s {
    display: none
}

.stream-item-activity-notification .view-all-supplements {
    margin-left: 70px;
    margin-bottom: 6px
}

.stream-item-activity-notification .activity-supplement .view-all-supplements {
    margin-left: 0;
    display: inherit
}

.stream-item-activity-notification .supplement.hidden-supplement {
    display: block
}

.stream-item-activity-notification .activity-supplement {
    margin: 0;
    padding: 0 12px 10px 70px
}

.stream-item-activity-notification .has-hidden-supplements {
    padding-bottom: 0
}

.stream-item-activity-notification .activity-type {
    display: block;
    font-size: 15px;
    height: 16px;
    left: 46px;
    margin-left: 0;
    position: absolute;
    top: 8px;
    vertical-align: middle;
    width: 16px
}

.stream-item-activity-notification .activity-type .Icon--follow,.stream-item-activity-notification .activity-type .Icon--list {
    position: relative;
    top: -2px
}

.stream-item-list_member_added.stream-item-activity-notification .stream-item-activity-line .avatar,.stream-item-list_member_added.stream-item-activity-notification .activity-supplement {
    display: none
}

.stream-item-activity-notification .avatar {
    display: inline-block;
    margin-right: 5px;
    cursor: pointer
}

.follow-exactly-two .account .fullname {
    display: block
}

.follow-exactly-two .account .fullname,.follow-exactly-two .account .username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.follow-more-than-two .Icon--protected,.follow-exactly-two .Icon--protected {
    display: none
}

.follow-exactly-two .account {
    min-height: 76px
}

.stream-item-activity-header+.activity-supplement>.supplement.selected-stream-item:first-child:focus {
    margin-top: -1px;
    border-top: 1px solid #56b4ef
}

.stream-item-activity .latest-tweet {
    cursor: default
}

.stream-item-follow .follow-more-than-two .content .avatar,.stream-item-list_member_added .follow-more-than-two .content .avatar {
    position: relative;
    left: 0;
    top: 0;
    margin: 0
}

.follow-more-than-two .account {
    float: left;
    width: 73px;
    height: 73px;
    padding: 0;
    border: 0
}

.modal .modal-tweet li {
    list-style: none
}

.modal-measure-scrollbar {
    position: absolute;
    height: 100px;
    width: 100px;
    top: -300px;
    left: -300px;
    overflow: scroll;
    overflow-y: scroll
}

.modal-measure-scrollbar .inner {
    height: 200px
}

.modal-enabled,.grid-enabled,.overlay-enabled,.gallery-enabled {
    position: relative;
    overflow: hidden
}

.modal-container {
    display: none;
    position: fixed;
    overflow: auto;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5000
}

.modal-overlay,.grid-overlay,.gallery-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4000;
    background: #292f29;
    background: rgba(41,47,51,0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5292F33,endColorstr=#E5292F33)"
}

.modal-overlay--lighter {
    background: rgba(41,47,51,0.6)
}

.grid-overlay {
    z-index: 900;
    top: 40px;
    background: transparent
}

.gallery-overlay {
    z-index: 2000;
    background: #14171a;
    background: rgba(0,0,0,0.8)
}

.modal-enabled .modal-overlay,.grid-enabled .grid-overlay,.overlay-enabled .PermalinkOverlay,.gallery-enabled .gallery-overlay {
    display: block
}

.close-modal-background-target,.grid-close-target,.Gallery-closeTarget {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.modal-content {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    background-clip: padding-box;
    box-shadow: 0 4px 15px rgba(32,47,51,0.2)
}

#promptbird-modal-prompt-dialog .modal-content {
    border: 1px solid #97e3ff
}

.modal-header,.modal-footer,.modal-body {
    padding: 15px
}

.modal-header {
    background: #fff;
    border-bottom: 1px solid #e1e8ed;
    border-radius: 6px 6px 0 0;
    cursor: move;
    padding-top: 8px;
    padding-bottom: 8px
}

.modal-header .modal-title {
    width: 75%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #8899a6;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modal-header .modal-long-title {
    width: 75%
}

.modal-btn {
    background-color: transparent;
    cursor: pointer
}

.modal-btn:hover {
    background-color: transparent
}

.modal-close {
    height: 20px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 20px
}

.modal-close .Icon--close {
    color: #657786;
    font-size: 12px
}

.modal-close .close-medium {
    float: left
}

.modal-close.hide-focus:focus {
    outline: 0
}

.modal-done {
    height: 20px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 9px;
    width: auto
}

.modal-back {
    position: absolute;
    top: 8px;
    left: 10px
}

.modal-footer {
    text-align: right;
    border-top: 1px solid #e6ecf0
}

.modal-small {
    width: 370px
}

.modal-small .modal-title {
    width: 75%
}

.modal-medium {
    width: 500px
}

.modal-large {
    width: 600px
}

.modal .modal-divider {
    margin-left: -15px;
    margin-right: -15px
}

.modal .form-horizontal .control-label {
    width: 100px
}

.modal .form-horizontal .controls {
    margin-left: 110px
}

.modal-scroll {
    position: relative;
    max-height: 250px;
    overflow-y: auto
}

.modal-scroll .placeholder {
    padding: 39px
}

.modal-scroll .placeholder h3,.modal-scroll .placeholder p {
    color: #66757f;
    text-align: center
}

.modal-search input[type=text] {
    width: 470px;
    padding: 6px 9px;
    margin-top: 10px;
    font-size: 14px;
    border-radius: 15px
}

.modal-body p {
    margin-bottom: 9px;
    font-size: 14px;
    color: #14171a
}

.modal-container.has-content .loading,.modal-container .tweet-loading {
    display: none
}

.modal-container.tweet-loading .tweet-loading {
    display: block;
    text-align: center;
    padding: 21px 0
}

.modal-container .loading,.modal-container .error {
    text-align: center;
    margin: 50px 0
}

.modal-container .loading p,.modal-container .error p {
    margin-top: 5px;
    color: #657786
}

#activity-popup-dialog .modal-content {
    background: #ebf0f3;
    overflow: visible
}

#activity-popup-dialog .modal-body {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    overflow-x: hidden;
    padding: 0
}

#activity-popup-dialog .modal {
    overflow: visible;
    width: 520px
}

#activity-popup-dialog .modal-header {
    background: #fff
}

#activity-popup-dialog .stream-item {
    border-left: none
}

#activity-popup-dialog .permalink-header .time {
    position: relative;
    top: 9px
}

.activity-popup-dialog-content .tweet:hover {
    cursor: default;
    background-color: #fff
}

.activity-popup-dialog-content .tweet {
    background-color: #fff;
    border-bottom: 0
}

.activity-popup-dialog-content .tweet .content {
    margin-left: 58px
}

.activity-popup-dialog-content .tweet .stream-item-footer,.activity-popup-dialog-content .permalink-footer,.activity-popup-dialog-content .edit-profile-btn,.activity-popup-dialog-content .follow-bar,.activity-popup-dialog-content .ProfileTweet-actionList {
    display: none
}

.activity-popup-dialog-content .MomentCapsuleSummary {
    padding: 20px
}

.activity-popup-dialog-users {
    border-top: 1px solid #e6ecf0
}

.activity-popup-dialog-users .account,.activity-popup-dialog-in-reply-to-user .account {
    border-bottom: 0;
    border-top: 1px solid #e6ecf0;
    min-height: 45px
}

#activity-popup-dialog:not(.reply-users-popup) .activity-popup-dialog-users .account .avatar {
    margin-left: -42px;
    width: 32px;
    height: 32px;
    border-radius: 4px
}

.activity-popup-dialog-users .user-actions {
    top: 3px
}

.activity-popup-users {
    max-height: 275px;
    padding-top: 8px
}

.activity-popup-users.dropdown-threshold {
    overflow-y: scroll
}

.activity-popup-users-hidden {
    padding: 10px;
    font-size: 14px
}

.activity-popup-dialog-other-reply-users {
    color: #66757f;
    display: block;
    padding: 14px 0 14px 10px;
    position: relative
}

.activity-popup-dialog-users .Checkbox,.activity-popup-dialog-other-reply-users .Checkbox {
    position: absolute;
    right: 12px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.activity-popup-users .Tombstone {
    margin: 3px 0
}

#activity-popup-dialog .tweet p,#activity-popup-dialog .account p {
    margin-bottom: 0
}

#activity-popup-dialog.reply-users-popup .activity-popup-users,#activity-popup-dialog.people-in-conversation-popup .activity-popup-users {
    max-height: none;
    overflow-y: auto
}

#activity-popup-dialog.reply-users-popup .modal-header {
    border-bottom: 0
}

#activity-popup-dialog.reply-users-popup .modal-content,#activity-popup-dialog.reply-users-popup .activity-popup-dialog-in-reply-to-user .stream-item {
    background-color: #f5f8fa
}

#activity-popup-dialog.reply-users-popup .modal-content .activity-popup-dialog-users .stream-item {
    background-color: #fff
}

#activity-popup-dialog.reply-users-popup .activity-popup-dialog-users .account,#activity-popup-dialog.reply-users-popup .activity-popup-dialog-other-reply-users {
    border-top: 1px solid #ccd6dd
}

#activity-popup-dialog.reply-users-popup .stream-item .account .content {
    margin-right: 48px
}

#activity-popup-dialog.reply-users-popup .activity-popup-dialog-users .account,#activity-popup-dialog.reply-users-popup .activity-popup-dialog-in-reply-to-user .account {
    min-height: 53px
}

.dropdown-menu.autocomplete-results {
    left: 0;
    right: 0
}

.dropdown-menu.autocomplete-results .dropdown-link {
    padding-left: 15px;
    padding-right: 15px
}

#goto-user-dialog .goto-user-form {
    position: relative
}

#goto-user-dialog input {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#spam_challenge_dialog-dialog {
    width: 472px
}

#spam_challenge_dialog-dialog .modal-text {
    font-size: 16px
}

#captcha-challenge-form {
    margin-top: 30px
}

.trends-dialog .content-placeholder {
    padding: 20px 35px
}

.trends-dialog .content-placeholder p {
    color: #66757f
}

.trends-dialog .btn.customize-by-location {
    margin-bottom: 8px
}

.trends-dialog-error {
    display: none;
    text-align: center;
    padding: 50px 0
}

.trends-dialog.has-error .trends-dialog-error {
    display: block
}

.trends-dialog.has-error .trends-wrapper {
    display: none
}

.trends-dialog-error p {
    color: #657786
}

.customize-by-location,.select-default {
    font-weight: normal
}

.modal-footer .select-default {
    float: left;
    margin-left: 0
}

.feedback-dialog label {
    display: inline-block;
    margin-right: 10px
}

.feedback-dialog .modal-footer {
    padding: 15px 10px
}

.feedback-dialog .modal-footer label {
    float: left;
    margin-top: 11px;
    margin-right: 10px
}

.feedback-dialog .modal-footer .loading-spinner {
    visibility: hidden
}

.feedback-dialog #feedback-preview-screenshot {
    display: inline-block;
    margin-top: 11px;
    float: left
}

.feedback-comments {
    height: 70px
}

.feedback-paste-content textarea {
    width: 400px;
    height: 200px
}

.sample-content {
    max-height: 500px;
    overflow: auto
}

.trends-breadcrumb {
    padding: 9px 15px;
    margin: -15px -15px 15px;
    color: #66757f;
    border-bottom: 1px solid #e6ecf0
}

.trends-breadcrumb strong {
    color: #14171a
}

.trends-breadcrumb .separator {
    color: #ccd6dd
}

#trends_dialog_content {
    position: relative
}

#trend-locations-loading {
    position: absolute;
    top: 0;
    right: 0
}

.trends-current-location {
    margin-top: 14px;
    font-size: 14px
}

.trend-locations-section h3 {
    font-weight: bold;
    margin: 10px 0
}

.trends-recent-locations .no-results {
    font-style: italic;
    color: #657786
}

.trends-nearby-locations h3,#trend-locations-dropdown-select h3 {
    display: inline-block
}

.trend-location-picker>li {
    float: left;
    width: 125px;
    margin-bottom: 10px;
    padding-right: 10px
}

.trend-location-picker-item {
    display: block;
    padding: 3px 5px;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 12px
}

.trend-location-picker-item.selected {
    color: #66757f;
    background-color: #f5f8fa;
    background-image: none;
    border-color: #e6ecf0;
    cursor: default
}

.trends-search-locations {
    width: 225px;
    margin: 0 auto
}

.content-main .stream-container .AdaptiveStreamGridImage.grid-tweet .play-large {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px auto auto -24px
}

.stream-container .AdaptiveStreamGridImage .grid-tweet-actions-container {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: #f6f6f6;
    z-index: 10;
    border: 1px solid #e6ecf0
}

.stream-container .AdaptiveStreamGridImage:hover .grid-tweet-actions-container {
    display: block
}

.stream-container .AdaptiveStreamGridImage .media-overlay {
    background: #000;
    bottom: 30px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    top: 0;
    width: 100%
}

.stream-container .AdaptiveStreamGridImage .media-overlay.is-withoutTweetActions {
    bottom: 0
}

.stream-container .AdaptiveStreamGridImage .grid-tweet-actions {
    position: absolute;
    height: 30px;
    width: 92px;
    right: 0
}

.stream-container .AdaptiveStreamGridImage .grid-tweet-action {
    position: relative;
    float: right;
    height: 18px
}

.stream-container .AdaptiveStreamGridImage .grid-tweet-action.action-reply-container {
    width: 18px;
    margin: 6px 6px
}

.stream-container .AdaptiveStreamGridImage .grid-tweet-action.action-fav-container {
    width: 16px;
    margin: 6px 7px
}

.stream-container .AdaptiveStreamGridImage .grid-tweet-action.action-rt-container {
    width: 22px;
    margin: 6px 4px
}

.stream-container .AdaptiveStreamGridImage.grid-tweet {
    position: relative;
    display: none;
    float: left;
    margin: 1px 0 0 1px;
    overflow: hidden;
    cursor: pointer
}

.stream-container .AdaptiveStreamGridImage.grid-tweet.enabled {
    display: block
}

.stream-container .AdaptiveStreamGridImage.grid-tweet.clear {
    clear: both
}

.stream-container .AdaptiveStreamGridImage.grid-tweet img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.feedback-dialog .nav-tabs {
    padding-bottom: 6px;
    margin-bottom: 10px
}

.feedback-dialog .nav-tabs a.tab-disabled {
    color: #ccd6dd;
    cursor: default
}

.feedback-dialog .nav-tabs a.tab-disabled:hover {
    text-decoration: none
}

.feedback-dialog .feedback-summary-label .to-label {
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #ccd6dd;
    font-weight: bold;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    border-radius: 4px 0 0 4px;
    background-color: #ddd;
    background-repeat: repeat-x;
    background-image: linear-gradient(#fff,#ddd)
}

.feedback-dialog .feedback-summary-label input {
    border-radius: 0 4px 4px 0;
    width: 398px;
    height: 20px;
    color: #14171a;
    display: inline-block;
    vertical-align: top
}

.feedback-dialog .feedback-summary-label {
    margin-bottom: 10px
}

.feedback-dialog textarea {
    resize: vertical
}

.feedback-dialog .field {
    margin-bottom: 10px
}

.feedback-dialog textarea.feedback-json-output {
    cursor: default;
    font-family: "Courier New",monospace;
    height: 400px
}

.copy-found-media-link-container textarea.found-media-link-destination,.copy-link-to-tweet-container textarea.link-to-tweet-destination {
    width: 100%;
    padding: 7px 9px;
    font-size: 14px;
    line-height: 21px;
    overflow: hidden;
    height: 35px;
    display: block;
    cursor: default;
    white-space: nowrap;
    resize: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.copy-found-media-link-container textarea.found-media-link-destination:focus,.copy-link-to-tweet-container textarea.link-to-tweet-destination:focus {
    border-color: #56b4ef
}

.copy-link-to-tweet-container p {
    font-size: 12px;
    margin-top: -10px
}

.report-dialog.new-report-flow-dialog .new-report-flow-back-button {
    display: none
}

.report-dialog .new-report-flow-report {
    height: 350px;
    width: 520px
}

.block-dialog .block-section {
    border-bottom: 1px solid #e6ecf0;
    padding-bottom: 0
}

.block-dialog .block-section {
    padding: 30px
}

.block-dialog .block-user-description {
    color: #66757f;
    font-size: 13px;
    padding-top: 15px
}

.block-dialog .block-user-description a {
    white-space: nowrap
}

.block-dialog .submit-section {
    background-color: #f5f8fa;
    border-radius: 0 0 6px 6px
}

.block-dialog .block-button {
    margin-left: 10px
}

.block-dialog a:focus {
    text-decoration: none
}

.block-dialog .label-head,.block-dialog .label-title {
    font-weight: bold;
    font-size: 14px
}

.block-dialog .label-title {
    color: #657786;
    margin-bottom: 18px
}

.block-dialog .label-warning {
    color: #dd2e44
}

.block-dialog .btn,.report-dialog .btn {
    float: right
}

.report-dialog .new-report-flow-next-button {
    margin-left: 15px
}

.new-report-flow-next-button .add-text .tweet-number {
    padding-left: 5px
}

#global-tweet-dialog.tweet-showing .modal-header {
    border-bottom: 1px solid #e1e8ed
}

#global-tweet-dialog .modal-tweet .tweet:hover,#global-tweet-dialog .modal-tweet .tweet {
    background: #fff
}

#global-tweet-dialog .modal-tweet-form-container {
    padding: 15px
}

#retweet-tweet-dialog .modal,#global-tweet-dialog .modal {
    width: 590px
}

#keyboard-shortcut-dialog-dialog {
    width: 610px
}

#global-tweet-dialog {
    height: 100%;
    overflow: hidden
}

#wipe-addressbook-dialog .modal {
    width: 590px
}

#wipe-addressbook-dialog .modal-warning-text p {
    margin-top: 15px;
    margin-bottom: 0;
    color: #e0245e
}

.sms-confirmation-dialog .btn {
    float: right
}

.sms-confirmation-dialog .btn-link {
    margin-left: 30px
}

.sms-confirmation-dialog .form-actions {
    padding-left: 110px
}

.sms-confirmation-dialog .control-label.numeric-pin-label {
    width: 130px;
    margin-right: 10px
}

#block-list-export-dialog .btn {
    float: right;
    margin-left: 5px
}

#block-list-export-dialog .users-section {
    height: 190px;
    overflow: scroll;
    margin-top: -20px
}

#block-list-export-dialog .blocked-setting.js-actionable-user.account {
    padding: 0;
    min-height: 30px;
    border: 0
}

#block-list-export-dialog p {
    color: #657786
}

#block-list-export-dialog .modal-header {
    border-bottom: 0
}

#block-list-export-dialog .js-stream-item {
    border: 0
}

#block-list-export-dialog .stream-container {
    overflow: hidden
}

#block-list-export-dialog .stream-end,#block-list-export-dialog .stream-loading {
    border: 0
}

#block-list-export-dialog .processing-bar,#block-list-export-dialog .done-btn {
    display: none
}

#block-list-export-dialog .processing .processing-bar {
    display: block
}

#block-list-export-dialog .processing .user-timeline {
    display: none
}

#block-list-export-dialog #include-imported-block {
    margin-right: 4px;
    margin-bottom: 7px
}

#block-list-export-dialog .modal-header {
    height: 135px
}

#block-list-import-dialog .btn {
    float: right;
    margin-left: 5px
}

#block-list-import-dialog #imported-user-name-list {
    height: 200px;
    overflow: scroll
}

#block-list-import-dialog .account {
    height: 10px;
    border: 0;
    min-height: 0
}

#block-list-import-dialog .import-header-text {
    color: #657786;
    margin-top: 20px
}

#block-list-import-dialog .modal-header {
    border-bottom: 0
}

#block-list-import-dialog #csv-imported {
    display: none
}

#block-list-import-dialog .processing-text {
    display: none
}

#block-list-import-dialog.import-complete .file-uploader {
    display: none
}

#block-list-import-dialog .name-list {
    display: none
}

#block-list-import-dialog.import-complete .name-list {
    display: block
}

#block-list-import-dialog .block-button,#block-list-import-dialog .done-button {
    display: none
}

#block-list-import-dialog.import-complete .block-button {
    display: block
}

#block-list-import-dialog .import-button {
    display: block
}

#block-list-import-dialog.import-complete .import-button {
    display: none
}

#block-list-import-dialog .file-upload-section {
    border: 1px solid #e1e8ed;
    height: 40px
}

#block-list-import-dialog #filename {
    height: 30px;
    width: 100%;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    cursor: pointer
}

#block-list-import-dialog .upload-icon {
    float: right;
    margin-right: 10px;
    color: #1da1f2
}

#block-list-import-dialog .uploaded-file {
    color: #657786;
    padding-left: 10px;
    padding-top: 10px
}

#block-list-import-dialog #error-message {
    margin-top: 10px;
    color: red
}

#block-list-import-dialog .modal-body {
    height: 200px;
    margin-top: 20px
}

#block-list-import-dialog .modal-header {
    height: 100px
}

.BouncerContent {
    height: 365px
}

#bouncer-flow {
    width: 480px;
    height: 365px;
    margin-left: 10px
}

.BouncerSpinner {
    position: relative;
    height: 365px
}

.BouncerSpinner-image {
    background-image: url(../../img/t1/spinner-rosetta-blue-26x26@2x.gif);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 26px;
    width: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -13px;
    margin-top: -13px
}

.hovercard.profile-card {
    width: 290px
}

#profile-hover-container {
    position: absolute;
    display: none;
    z-index: 1011!important
}

.hovercard {
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.2)
}

.hovercard .hover-offset {
    width: 100%;
    height: 10px;
    top: -5px;
    position: absolute;
    overflow: hidden
}

.hovercard .arrow {
    position: absolute;
    height: 10px;
    width: 10px;
    left: 19px;
    background-color: white;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
    -ms-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
    pointer-events: none
}

.hovercard.weight-right .arrow {
    left: auto;
    right: 30px
}

.hovercard .arrow:after {
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.hovercard .arrow:before {
    border-width: 12px;
    margin-left: -12px
}

.hovercard svg {
    display: none;
    margin-left: -5px
}

.hovercard.gravity-north svg {
    display: inline
}

.hovercard.gravity-north:not(.with-banner) .arrow {
    top: 9px
}

.hovercard.gravity-south:not(.with-banner) .arrow {
    background-color: #fff!important
}

.hovercard.weight-left .right-side,.hovercard.weight-right svg:not(.right-side),.hovercard.gravity-north.with-banner .arrow,.hovercard.gravity-north:not(.with-banner) svg,.hovercard.gravity-south svg {
    display: none
}

.hovercard.gravity-north.weight-right .right-side {
    display: block
}

.hovercard.gravity-north {
    margin-top: 10px
}

.hovercard.gravity-south .hover-offset {
    top: auto;
    bottom: -10px
}

.hovercard.profile-card {
    border: 0
}

.hovercard.profile-card .ProfileCard-bg {
    background-position: center -5px;
    background-size: auto 100px;
    border-bottom-color: rgba(0,0,0,0.2);
    border-radius: 5px 5px 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 95px
}

.hovercard.profile-card .ProfileCard-avatarLink {
    left: 12px;
    padding: 1px;
    top: 15px
}

.hovercard.profile-card .ProfileCard-avatarImage {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 72px;
    border: 2px solid #fff;
    width: 72px
}

.hovercard.profile-card .ProfileCard-content {
    text-shadow: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 285px;
    padding: 15px 10px 10px 11px;
    margin: 10px 0 0 0
}

.hovercard.profile-card .ProfileCard-userFields {
    position: absolute;
    top: -12px;
    left: 90px;
    max-width: 150px
}

.hovercard.profile-card .without-user-actions .ProfileCard-userFields {
    max-width: 190px
}

.hovercard.profile-card .ProfileCard-content .without-user-actions {
    margin-top: 45px
}

.hovercard.profile-card .ProfileCard-content .ProfileNameTruncated {
    margin-top: -25px
}

.hovercard.profile-card .ProfileCard-content .FollowStatus {
    background-color: #f5f8fa;
    border-radius: 3px;
    color: #657786;
    display: inline-block;
    margin-left: 0;
    padding: 0 4px
}

.hovercard.profile-card .bio-container {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px;
    word-wrap: break-word
}

.hovercard.profile-card .ProfileCard-sensitiveWarningContainer {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 3px;
    word-wrap: break-word
}

.hovercard.profile-card .ProfileCard-sensitiveBg {
    background-color: #ccd6dd
}

.hovercard .profile-social-proof {
    background: #fff;
    border-top: 0;
    font-size: 12px
}

.hovercard.profile-card .UserActions {
    position: absolute;
    right: 8px;
    top: 104px;
    text-align: right!important
}

.hovercard.profile-card .follow-button {
    padding: 2px 6px 4px
}

.hovercard.profile-card .following .follow-button {
    padding: 2px 4px 4px 8px
}

.hovercard.profile-card .follow-button .button-text {
    min-width: 0;
    padding: 0
}

.hovercard.profile-card .follow-button .button-text .Icon:not(.Icon--follow) {
    color: inherit
}

.hovercard.profile-card .social-proof {
    padding: 0;
    width: 50%;
    float: left
}

.hovercard.profile-card .profile-card .social-proof-label {
    font-size: 12px;
    margin-top: -10px;
    width: 270px
}

.hovercard.profile-card .profile-card .social-proof-label>* {
    vertical-align: middle
}

.hovercard.profile-card .profile-card-listName {
    display: inline-block;
    padding-top: 3px
}

.hovercard.profile-card .profile-card-listName {
    color: #657786
}

.hovercard.profile-card.profile-header .DashboardProfileCard-stats {
    border-top: 1px solid #e6ecf0;
    margin-left: 0;
    padding-left: 11px
}

.hovercard.profile-card .DashboardProfileCard-statValue {
    color: #66757f
}

.nav-tabs:before,.nav-tabs:after {
    content: " ";
    display: table
}

.nav-tabs:after {
    clear: both
}

.nav-tabs>li {
    float: left
}

.nav-tabs>li>a {
    line-height: 14px;
    margin-right: 2px;
    padding-left: 12px;
    padding-right: 12px
}

.nav-tabs {
    border-bottom: 1px solid #e6ecf0
}

.nav-tabs>li {
    margin-bottom: -1px
}

.nav-tabs>li>a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    line-height: 18px;
    padding-bottom: 8px;
    padding-top: 8px
}

.nav-tabs>li>a:hover {
    border-color: #f5f8fa #f5f8fa #e6ecf0;
    background: #f1f1f1
}

.nav-tabs>.active>a,.nav-tabs>.active>a:hover {
    background-color: #fff;
    border: 1px solid #e6ecf0;
    border-bottom-color: transparent;
    color: #555;
    cursor: default
}

.route-signup-download #banners,.route-signup-download #global-actions,.route-signup-download .pull-right,.route-signup-download .form-search,.route-signup-download .Banner {
    display: none
}

.route-signup-download .fineprint {
    font-size: 11px;
    line-height: 15px;
    color: #657786
}

.route-signup-download .wrapper-signup {
    background-color: #8abcde
}

.route-signup-download .dashboard,.route-signup-download .content-main {
    opacity: .3;
    -ms-filter: "alpha(opacity=30)"
}

.route-signup-download .cover {
    background-color: #8abcde;
    width: 863px;
    height: 760px;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    z-index: 1;
    margin-left: -13px
}

.route-signup-download .content-no-header {
    margin-bottom: 20px
}

.route-signup-download .promptbox {
    background-color: #f5f8fa;
    padding-left: 180px;
    padding-right: 180px
}

.WebToast {
    background: #fff;
    border: 1px solid #e6ecf0;
    border-radius: 5px;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1);
    display: none;
    font-size: 13px;
    line-height: 1.28578em;
    position: relative;
    width: 300px
}

.WebToast b {
    font-weight: bold
}

.WebToast.is-actionable {
    cursor: pointer
}

.WebToast-box {
    padding: 10px
}

.WebToast-box--altColor {
    background: #f4f5f7;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.WebToast-imageBox {
    width: 32px
}

.WebToast-contentBox {
    margin-left: 42px
}

.WebToast-tweetExcerpt {
    color: #657786
}

.WebToast-close {
    color: #ccd6dd;
    float: right;
    line-height: 1;
    width: 16px;
    height: 16px
}

.WebToast-closeButton {
    color: #ccd6dd;
    font-size: 13px;
    line-height: 12px;
    position: relative;
    left: 5px
}

.WebToast-header {
    margin-bottom: 4px
}

.WebToast-header .Icon {
    position: relative;
    top: -1px
}

.WebToast-accountLink {
    color: #14171a
}

.WebToast-avatar {
    border-radius: 5px;
    display: block;
    margin-top: 3px
}

.WebToast-username {
    color: #657786;
    font-size: 12px
}

.WebToast-action {
    background: transparent;
    border: 0;
    color: #ccd6dd;
    cursor: pointer;
    display: block;
    font-size: 22px;
    line-height: 1;
    padding: 6px 0 10px;
    width: 100%
}

.WebToast-action--reply:hover,.WebToast-action--reply:focus,.WebToast-action--reply:active {
    color: #0086cd
}

.WebToast.retweeted .Icon--retweet,.WebToast-action--retweet:hover,.WebToast-action--retweet:focus,.WebToast-action--retweet:active {
    color: #17bf63
}

.WebToast.favorited .Icon--heart,.WebToast-action--heart:hover,.WebToast-action--heart:focus,.WebToast-action--heart:active {
    color: #e0245e
}

.WebToast.following .Icon--follow {
    color: #fff
}

.WebToast-line {
    border-top: 1px solid #e6ecf0;
    display: block;
    height: 0;
    width: 100%
}

.WebToast-followButton {
    border-radius: 4px
}

.WebToast-followButton .Icon {
    vertical-align: middle
}

.WebToast .default .WebToast-followButton,.WebToast .pending .WebToast-followButton,.WebToast .blocked .WebToast-followButton {
    background: #fff;
    background-image: linear-gradient(#fff,#ddd);
    border-color: #e6ecf0
}

.WebToast .not-following .WebToast-followButton,.WebToast .following .WebToast-followButton,.WebToast .pending .WebToast-followButton,.WebToast .blocked .WebToast-followButton {
    padding: 5px 8px
}

.WebToast .not-following .WebToast-followButton,.WebToast .pending .WebToast-followButton,.WebToast .blocked .WebToast-followButton {
    background: #fff;
    background-image: linear-gradient(#fff,#ddd);
    border-color: #e6ecf0;
    color: #66757f
}

.WebToast .not-following .WebToast-followButton:hover,.WebToast .not-following .WebToast-followButton:focus,.WebToast .pending .WebToast-followButton:hover,.WebToast .pending .WebToast-followButton:focus,.WebToast .blocked .WebToast-followButton:hover,.WebToast .blocked .WebToast-followButton:focus {
    background: #eee;
    background-image: linear-gradient(#fff,#ccc);
    border-color: #e6ecf0
}

.WebToast .not-following .WebToast-followButton:active,.WebToast .not-following .WebToast-followButton.is-pressed,.WebToast .pending .WebToast-followButton:active,.WebToast .pending .WebToast-followButton.is-pressed,.WebToast .blocked .WebToast-followButton:active,.WebToast .blocked .WebToast-followButton.is-pressed {
    background: #ccd6dd
}

.WebToast .following .WebToast-followButton {
    background: #6fb9e6;
    background-image: linear-gradient(#6fb9e6,#4d8fcc 70%);
    border-color: #3e7cbd;
    box-shadow: inset 0 1px 0 0 #afdffb;
    color: #fff;
    text-shadow: 0 -1px 1px #3d6072
}

.WebToast .not-following .WebToast-followButton .follow-text,.WebToast .not-following .WebToast-followButton:hover .follow-text,.WebToast .not-following .WebToast-followButton.cancel-hover-style .following-text,.WebToast .not-following .WebToast-followButton.cancel-hover-style:hover .following-text,.WebToast .following .WebToast-followButton .following-text,.WebToast .following .WebToast-followButton:hover .unfollow-text,.WebToast .following .WebToast-followButton.cancel-hover-style .follow-text,.WebToast .following .WebToast-followButton.cancel-hover-style:hover .follow-text,.WebToast .pending .WebToast-followButton .pending-text,.WebToast .blocked .WebToast-followButton .blocked-text {
    display: block
}

.WebToast-followButton .button-text,.WebToast .not-following .WebToast-followButton.cancel-hover-style .follow-text,.WebToast .not-following .WebToast-followButton.cancel-hover-style:hover .follow-text,.WebToast .following .WebToast-followButton:hover .following-text,.WebToast .following .WebToast-followButton.cancel-hover-style .following-text,.WebToast .following .WebToast-followButton.cancel-hover-style:hover .following-text,.WebToast .following .WebToast-followButton.cancel-hover-style .unfollow-text,.WebToast .following .WebToast-followButton.cancel-hover-style:hover .unfollow-text {
    display: none
}

.WebToast .tweet-form .tweet-box {
    max-height: 240px;
    min-height: 20px;
    padding-top: 6px;
    padding-bottom: 5px
}

.WebToast .tweet-button {
    margin-right: 1px
}

.WebToast .button-text.following-text,.WebToast .button-text.unfollow-text {
    padding-top: 0
}

.WebToast-box div.dropdown-menu.typeahead {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

.WebToast-box ul.typeahead-items li>a {
    font-size: 12px;
    line-height: 16px
}

.WebToast-box ul.typeahead-items a img.size24 {
    width: 16px;
    height: 16px;
    border-radius: 3px
}

.WebToast .media-thumb {
    max-width: 232px
}

.dashboard-lifeline-alerts .content {
    margin-left: 40px;
    color: #14171a
}

.dashboard-lifeline-alerts .icon {
    background-image: url(../../img/t1/dashboard_lifeline_alert_icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    width: 30px;
    height: 22px;
    margin-top: 10px;
    margin-left: -40px
}

.wrapper-custom_timeline .custom-timeline-follow-card {
    border-radius: 5px 5px 0 0;
    border: 1px solid #e1e8ed;
    background-color: #fff;
    border-bottom: 0
}

.wrapper-custom_timeline .custom-timeline-follow-card .flex-module {
    border-bottom: 4px solid #e6ecf0;
    padding: 10px 12px
}

.wrapper-custom_timeline h3 {
    font-size: 18px
}

.wrapper-custom_timeline .custom-timeline-follow-card h2 {
    font-size: 21px;
    line-height: 28px;
    color: black
}

.wrapper-custom_timeline .custom-timeline-follow-card .metadata {
    font-size: 12px;
    margin-top: .5em;
    overflow: hidden
}

.wrapper-custom_timeline .custom-timeline-follow-card .avatar {
    position: static;
    margin-right: 10px;
    float: left
}

.wrapper-custom_timeline .custom-timeline-follow-card .account-summary {
    margin-top: 1em
}

.wrapper-custom_timeline .custom-timeline-follow-card .screen-name {
    display: block;
    color: #657786
}

.wrapper-custom_timeline .custom-timeline-follow-card .custom-timeline-owner-actions {
    float: right
}

.wrapper-custom_timeline .whats-this .embed-link {
    font-weight: bold;
    margin-top: .5em
}

.wrapper-custom_timeline .tweet-box-title {
    margin-bottom: .5em
}

.wrapper-custom_timeline .content-header .header-inner,.wrapper-custom_timeline .content-no-header .no-header-inner {
    min-height: 14px
}

.wrapper-custom_timeline #content-main-heading {
    font-size: 14px;
    line-height: 20px
}

.timeline-selector-list li {
    font-size: 12px;
    margin: 6px 0;
    cursor: pointer
}

.timeline-selector-list .membership-checkbox {
    margin-right: 5px
}

#curate-dialog .js-create-custom-timeline-button {
    float: left;
    height: 35px
}

.ProfileCanopy-header.custom-timeline-canopy-background {
    background-color: inherit;
    max-height: 400px
}

.ProfileCanopy-header.custom-timeline-canopy-background:before {
    box-shadow: none
}

#leadgen-confirm-dialog iframe {
    width: 100%;
    overflow: hidden;
    border: 0
}

#leadgen-confirm-dialog .cards2-promotion-iframe {
    height: 250px
}

.stream-items .leadgen-card-forward .expanded-content,.StreamItem .leadgen-card-forward .expanded-content {
    height: auto;
    display: block
}

.stream-items .leadgen-card-forward .expanded-content .card2,.StreamItem .leadgen-card-forward .expanded-content .card2 {
    height: auto;
    border-bottom-width: 0;
    margin-top: 10px;
    padding-bottom: 0
}

.stream-items .leadgen-card-forward .tweet-stats-container,.stream-items .leadgen-card-forward .client-and-actions,.StreamItem .leadgen-card-forward .tweet-stats-container,.StreamItem .leadgen-card-forward .client-and-actions {
    display: none
}

.BlockedReplyUserInfo {
    color: #e81c4f;
    font-size: 12px;
    font-weight: 400;
    margin: 2px 0 6px 0
}

.BuyNow {
    width: 590px;
    min-height: 400px
}

.BuyNow-productDetailView {
    overflow: auto
}

.BuyNow-productDetailView .BuyNow-leftColumn {
    height: 100%;
    width: 310px;
    float: left
}

.BuyNow-productDetailView .BuyNow-rightColumn {
    width: 238px;
    margin-right: 20px;
    padding-left: 20px;
    min-height: 400px;
    height: 100%;
    float: right;
    border-left: 1px solid #e6ecf0
}

.BuyNow-productDetailView .BuyNow-productImageWrapper {
    height: 310px;
    width: 310px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative
}

.BuyNow-productDetailView .BuyNow-productImageWrapper img {
    height: 100%;
    width: auto;
    max-height: 100%;
    text-align: center;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: auto
}

.BuyNow-productDetailView .BuyNow-altImagesBox {
    margin: 10px 1px 20px 15px;
    height: auto;
    width: 100%
}

.BuyNow-productDetailView .BuyNow-altImageWrapper {
    margin-right: 10px;
    height: 60px;
    width: 60px;
    float: left;
    position: relative;
    overflow: hidden;
    border-radius: 5px
}

.BuyNow-productDetailView .BuyNow-altImageWrapper.is-inactive {
    opacity: .5;
    -ms-filter: "alpha(opacity=50)"
}

.BuyNow-productDetailView .BuyNow-altImageWrapper.is-inactive:hover,.BuyNow-productDetailView .BuyNow-altImageWrapper.is-inactive:focus {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.BuyNow-productDetailView .BuyNow-altImageWrapper img {
    width: auto;
    max-height: 100%;
    text-align: center;
    position: absolute;
    left: -100%;
    right: -100%;
    margin: auto;
    border-radius: 5px
}

.BuyNow-productDetailView .BuyNow-summary {
    margin-top: 20px;
    margin-bottom: 1px;
    padding-bottom: 1px;
    min-height: 295px
}

.BuyNow.has-account .BuyNow-productDetailView .BuyNow-summary {
    min-height: 203px
}

.BuyNow-productDetailView .BuyNow-summary h2 {
    font-size: 20px;
    color: #14171a
}

.BuyNow-productDetailView .BuyNow-byline {
    margin-top: 2px;
    margin-bottom: 12px;
    font-size: 12px
}

.BuyNow-productDetailView .BuyNow-price {
    margin-top: 12px;
    margin-bottom: 10px
}

.BuyNow-productDetailView .BuyNow-itemPrice {
    font-size: 20px;
    font-weight: bold;
    color: #17bf63
}

.BuyNow-productDetailView .BuyNow-productInfo {
    margin-top: 10px;
    height: auto
}

.BuyNow-productDetailView .BuyNow-label {
    margin-top: 0;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 2px;
    color: #aab8c2
}

.BuyNow-productDetailView .BuyNow-productInfoContent {
    margin-top: 2px;
    margin-bottom: 10px;
    font-size: 12px
}

.BuyNow-productInfoContent .BuyNow-contentText {
    line-height: 18px;
    max-height: 54px;
    min-height: 54px;
    white-space: pre-line;
    margin-bottom: 2px
}

.BuyNow-productInfoContent .BuyNow-contentText.is-expanded {
    max-height: 216px;
    overflow: scroll
}

.BuyNow-productInfoContent .BuyNow-contentText.is-expanded::-webkit-scrollbar {
    display: none
}

.BuyNow-productInfoContent .BuyNow-moreLink {
    margin-top: 2px
}

.BuyNow-productDetailView .BuyNow-variants {
    margin-top: 10px;
    margin-bottom: 20px
}

.BuyNow-productDetailView .BuyNow-variant {
    margin-top: 10px;
    margin-bottom: 10px
}

.BuyNow-productDetailView .BuyNow-variant select {
    width: 100%
}

.BuyNow-productDetailView label {
    margin-bottom: 3px
}

.BuyNow-productDetailView .BuyNow-buyButtonArea {
    height: 37px;
    margin-bottom: 6px;
    overflow: hidden;
    position: relative
}

.BuyNow-productDetailView .BuyNow-buyButton {
    width: 240px;
    height: 37px;
    top: 0;
    position: absolute
}

.BuyNow-productDetailView .BuyNow-buyButton.is-highPosition {
    top: -37px
}

.BuyNow-productDetailView .BuyNow-buyButton.is-lowPosition {
    top: 37px
}

.BuyNow-productDetailView .BuyNow-buyButton.is-animating {
    transition: top .3s ease-in-out
}

.BuyNow-productDetailView .BuyNow-buyButton.is-confirm {
    background-color: #17bf63;
    border-color: #17bf63
}

.BuyNow-productDetailView .BuyNow-buyButton.is-inactive {
    background-color: #ccd6dd;
    border-color: #ccd6dd
}

.BuyNow-productDetailView .BuyNow-buyButtonLock {
    color: #fff;
    margin-right: 2px
}

.BuyNow-productDetailView .BuyNow-legalTerm {
    width: 100%;
    text-align: center;
    color: #657786;
    font-size: 11px;
    margin-top: 3px;
    line-height: 14px
}

.BuyNow-productDetailView .BuyNow-shippingTaxInfo {
    width: 100%;
    text-align: center;
    color: #657786;
    font-size: 12px;
    margin-bottom: 3px
}

.BuyNow-productDetailView .BuyNow-labelTag {
    font-size: 12px;
    color: #1b95e0;
    font-weight: normal
}

.BuyNow-productDetailView .BuyNow-labelTag.is-selected {
    font-size: 12px;
    font-weight: bold;
    color: #657786;
    text-decoration: none
}

.BuyNow-paymentInfoPanel {
    background-color: #f5f8fa;
    border-radius: 4px;
    font-size: 12px;
    color: #14171a;
    margin-bottom: 10px;
    padding: 3px 10px 5px 10px;
    position: relative
}

.BuyNow-paymentInfoPanel .BuyNow-changePaymentLink {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #66757f;
    font-size: 16px
}

.BuyNow-paymentInfoPanel .BuyNow-iconLabel {
    width: 20px;
    padding-top: 0;
    font-size: 21px;
    color: #657786;
    line-height: 1
}

.BuyNow-creditCard {
    margin-bottom: 0
}

.BuyNow-creditCard i,.BuyNow-address i {
    margin-right: 10px
}

.BuyNow-paymentInfoPanel .BuyNow-contentText {
    margin-left: 5px;
    padding-top: 4px;
    vertical-align: top;
    width: 190px;
    display: inline-block
}

.BuyNow-paymentInfoPanel .BuyNow-creditCardIcon {
    margin-top: 6px;
    height: 12px
}

.BuyNow-paymentInfoPanel .BuyNow-address {
    margin-top: 0;
    margin-bottom: 0
}

.BuyNow-paymentInfoPanel .BuyNow-address .Icon {
    color: #657786
}

.BuyNow-paymentInfoInputForm {
    margin: 15px 15px 15px 15px
}

.BuyNow-paymentInfoInputForm .BuyNow-header {
    font-size: 18px;
    color: #66757f;
    margin-top: 15px;
    position: relative;
    padding-bottom: 12px;
    border-bottom: 1px solid #e6ecf0
}

.BuyNow-paymentInfoInputForm .BuyNow-headerText {
    margin-left: 20px
}

.BuyNow-paymentInfoInputForm .BuyNow-body {
    margin-bottom: 20px
}

.BuyNow-paymentInfoInputForm .BuyNow-sectionTitle {
    clear: both;
    margin-top: 12px;
    margin-bottom: 10px
}

.BuyNow-paymentInfoInputForm .BuyNow-icon {
    height: 20px;
    width: 27px;
    font-size: 25px;
    vertical-align: bottom;
    text-align: center;
    color: #657786
}

.BuyNow-paymentInfoInputForm .BuyNow-contentTitle {
    font-size: 14px;
    font-weight: bold;
    color: #14171a
}

.BuyNow-paymentInfoInputForm .BuyNow-inputLine {
    margin-top: 10px;
    margin-bottom: 10px
}

.BuyNow-paymentInfoInputForm .BuyNow-input {
    margin-left: 3px;
    margin-right: 3px;
    display: inline
}

.BuyNow-paymentInfoInputForm .BuyNow-input:first-child {
    margin-left: 0
}

.BuyNow-paymentInfoInputForm .BuyNow-input:last-child {
    margin-right: 0
}

.BuyNow-paymentInfoInputForm .BuyNow-longInput {
    width: 253px;
    padding: 6px 10px 5px 10px
}

.BuyNow-paymentInfoInputForm .BuyNow-shippingSubDivision {
    width: 148px;
    padding: 6px 10px 5px 10px
}

.BuyNow-paymentInfoInputForm .BuyNow-shortInput.BuyNow-shippingPostalCode {
    width: 73px
}

.BuyNow-paymentInfoInputForm .BuyNow-usAddress,.BuyNow-paymentInfoInputForm .BuyNow-nonUsAddress {
    margin-left: 3px
}

.BuyNow-paymentInfoInputForm .BuyNow-paymentCard {
    clear: both
}

.BuyNow-paymentInfoInputForm .BuyNow-shortInput {
    width: 65px;
    padding: 6px 10px 5px 10px
}

.BuyNow-paymentInfoInputForm .BuyNow-cardExpDateInput {
    width: 45px
}

.BuyNow-paymentInfoInputForm .BuyNow-select {
    font-size: 14px;
    color: #14171a;
    height: 33px
}

.BuyNow-paymentInfoInputForm .BuyNow-shippingState {
    width: 75px
}

.BuyNow-paymentInfoInputForm .BuyNow-countrySelector {
    width: 275px
}

.BuyNow-paymentInfoInputForm .BuyNow-footer {
    padding-top: 18px;
    height: 36px;
    border-top: 1px solid #e6ecf0
}

.BuyNow-paymentInfoInputForm .BuyNow-smallPrint {
    font-size: 11px;
    width: 275px;
    float: left;
    color: #66757f;
    line-height: normal
}

.BuyNow-paymentInfoInputForm .BuyNow-nortonLogo {
    float: right
}

.BuyNow-paymentInfoInputForm .Icon--protected {
    position: absolute;
    top: -2px
}

.BuyNow-paymentInfoInputForm .BuyNow-icon.Icon--cvv {
    position: absolute;
    top: -5px;
    left: 5px
}

.BuyNow-paymentInfoInputForm .BuyNow-cardCVVInput {
    padding-left: 37px;
    width: 30px
}

.BuyNow-paymentInfoInputForm .BuyNow-cardNumberInput {
    padding-left: 45px;
    width: 218px
}

.BuyNow-paymentInfoInputForm .BuyNow-cardBillingZip {
    width: 59px
}

.BuyNow-paymentInfoInputForm .BuyNow-cardCVVDiv {
    position: relative
}

.BuyNow-paymentInfoInputForm .BuyNow-cardNumberDiv {
    position: relative
}

.BuyNow-paymentInfoInputForm .BuyNow-unknownCardIcon {
    background-color: #e6ecf0
}

.BuyNow-paymentInfoInputForm .BuyNow-input .is-invalid {
    border-color: #e0245e
}

.BuyNow-paymentInfoInputForm .BuyNow-errorMessage {
    margin-top: -5px;
    font-size: 14px;
    color: #e0245e
}

.BuyNow-paymentInfoInputForm .BuyNow-cardIcon {
    position: absolute;
    border-radius: 2px;
    display: inline-block;
    width: 32px;
    height: 20px;
    top: -2px;
    left: 5px
}

.BuyNow-paymentInfoInputForm .BuyNow-cardIcon.BuyNow-cvvIcon {
    width: 29px;
    height: 20px
}

.BuyNow-paymentInfoInputForm .BuyNow-shippingZipCode {
    width: 51px
}

.BuyNow-errorView {
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    width: 590px
}

.BuyNow-errorView .BuyNow-dismissLink {
    float: right;
    width: auto
}

.BuyNow-errorView .BuyNow-dismissLink a {
    font-size: 12px;
    font-weight: 500;
    color: #1b95e0
}

.BuyNow-errorView .BuyNow-errorMessageSection {
    background-color: #ffe76e
}

.BuyNow-errorView .BuyNow-errorMessageText {
    padding: 16px 20px 15px 20px;
    font-weight: normal;
    font-size: 14px
}

.BuyNow-errorView .BuyNow-errorMessageByline {
    margin-top: 2px;
    color: #657786;
    font-size: 12px
}

.BuyNow-productDetailView .BuyNow-bottom {
    bottom: 0;
    padding: 10px 0 8px 0;
    border-top: solid 1px #e6ecf0;
    width: 240px
}

.BuyNow-errorView .BuyNow-debugInfo {
    margin-top: 10px;
    font-size: 7px
}

.BuyNow-successMessage a {
    font-weight: normal!important
}

.BuyNowDialog .modal {
    width: 590px
}

.BuyNowDialog .modal-body {
    overflow: hidden;
    border-radius: 6px;
    padding: 0
}

.BuyNowDialog .modal-header {
    display: none
}

.BuyNowDialog .modal-close {
    right: -30px
}

.BuyNowDialog .modal-close .Icon {
    font-size: 21px;
    color: white
}

.BuyNowSettings-addProfile,.BuyNowSettings-noPaymentProfile,.BuyNowSettings-noRegisteredCards,.BuyNowSettings-noOrders {
    width: 440px;
    color: #657786;
    margin: 0 auto;
    padding: 40px 0
}

.BuyNowSettings-addProfile {
    border: 2px dashed #aab8c2;
    border-radius: 6px
}

.BuyNowSettings-plus,.BuyNowSettings-callToAction {
    font-size: 18px
}

.BuyNowSettings-byline {
    font-size: 14px;
    margin-top: 15px
}

.BuyNowSettings-paymentProfile .BuyNowSettings-noPaymentProfile {
    display: none
}

.BuyNowSettings-paymentProfile.is-empty .BuyNowSettings-noPaymentProfile {
    display: block
}

.BuyNowSettings-paymentProfile.is-empty .form-horizontal {
    display: none
}

.BuyNowSettings-paymentProfile .form-horizontal {
    border-radius: 6px;
    margin: 22px 0 25px;
    padding: 20px 20px 20px 3px;
    background-color: #f5f8fa
}

.BuyNowSettings-paymentProfile .control-label {
    padding-top: 0
}

.BuyNowSettings-paymentProfile .control-group {
    margin-bottom: 15px
}

.BuyNowSettings-paymentProfile .control-group:last-child {
    margin-bottom: 0
}

.BuyNowSettings-paymentProfile .h-card .p-name,.BuyNowSettings-paymentProfile .h-card .p-street-address,.BuyNowSettings-paymentProfile .h-card .p-extended-address {
    display: block
}

.BuyNowSettings-paymentMethod .icon {
    vertical-align: middle;
    margin-right: 3px
}

.BuyNowSettings-partialProfiles .BuyNowSettings-noRegisteredCards {
    display: none
}

.BuyNowSettings-partialProfiles.is-empty .BuyNowSettings-noRegisteredCards {
    display: block
}

.BuyNowSettings-partialProfiles.is-empty .BuyNowSettings-partialProfile {
    display: none
}

.BuyNowSettings-partialProfiles {
    padding-top: 10px
}

.BuyNowSettings-partialProfile {
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 15px 20px;
    background-color: #f5f8fa
}

.BuyNowSettings-deleteProfile {
    display: block;
    padding-bottom: 5px
}

.BuyNowSettings-orders.stream.settings .stream-item .content {
    margin-left: 63px
}

.BuyNowSettings-order {
    position: relative;
    border-bottom: 1px solid #e6ecf0;
    padding: 20px 15px
}

.BuyNowSettings-orderCanceled {
    margin-top: 18px;
    font-size: 14px;
    color: #66757f
}

.BuyNowSettings-orderImage {
    border-radius: 4px
}

.BuyNowSettings-order .BuyNowSettings-orderImage {
    position: absolute;
    top: 22px;
    left: 16px
}

.BuyNowSettings-orderItemHeader {
    color: #657786;
    font-size: 12px
}

.BuyNowSettings-order .BuyNowSettings-orderTitle {
    display: block;
    font-size: 14px
}

.BuyNowSettings-order .BuyNowSettings-orderMerchantName {
    color: #657786;
    font-size: 14px;
    margin-top: 2px
}

.BuyNowSettings-orders .BuyNowSettings-moreOrders+.stream-end {
    display: none
}

.BuyNowSettings-orders .BuyNowSettings-moreOrders .spinner-small {
    display: none
}

.BuyNowSettings-orders .BuyNowSettings-moreOrders.stream-loading .spinner-small {
    display: inline-block
}

.BuyNowSettings-orders .BuyNowSettings-moreOrders.stream-loading .BuyNowSettings-moreOrdersText {
    display: none
}

.ColorPicker {
    background-color: white;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 98px;
    margin-top: 5px;
    padding-left: 16px;
    padding-top: 10px;
    position: absolute;
    width: 273px;
    z-index: 1
}

.ColorPicker .caret-outer {
    border-bottom-color: #e6ecf0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important
}

.ColorPicker-colorList {
    list-style: none;
    margin: 0;
    padding: 0
}

.ColorPicker-transparent {
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    height: 29px;
    padding-right: 6px;
    padding-top: 6px;
    width: 29px
}

.ColorPicker-item {
    border-radius: 4px;
    display: inline-block;
    height: 29px;
    text-align: center;
    vertical-align: top;
    width: 29px
}

.ColorPicker-hex {
    background-color: #f0f0f0;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    color: #98a1a4;
    display: inline-block;
    font-size: 15px;
    height: 27px;
    padding: 0;
    position: relative;
    top: 6px;
    vertical-align: top;
    width: 132px
}

.ColorPicker .ColorPicker-item .ColorPicker-hexInput {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: 1px solid #f0f0f0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    font-size: 15px;
    height: 29px;
    padding: 0;
    padding-left: 6px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 106px
}

.ColorPicker-item .Icon {
    cursor: pointer;
    height: 29px;
    width: 29px
}

.ColorPicker-hex .Icon {
    display: inline;
    left: -1px;
    position: absolute;
    top: -1px
}

.ColorPicker-colorList .Icon--check::before {
    color: #f0f0f0;
    height: 12px;
    padding-top: 8px
}

.ColorPicker-more .Icon--add::before,.ColorPicker-hex .Icon--discover::before {
    color: #98a1a4;
    height: 12px;
    padding-top: 8px
}

.ColorPicker-hexInput:focus {
    box-shadow: none;
    outline: 0
}

.ColorPicker-item.is-focused {
    outline: 1px dotted #666;
    outline: auto 5px -webkit-focus-ring-color
}

.ColorPicker-hexInput.is-focused {
    border-color: #f0f0f0;
    box-shadow: none;
    outline: 0
}

.AuthWebViewDialog .modal {
    width: 590px
}

.AuthWebViewDialog .modal-body {
    overflow: hidden;
    border-radius: 6px;
    padding: 0
}

.BuyNow-additionalPaymentInfoView .BuyNow-additionalInfo {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.BuyNow-additionalPaymentInfoView .BuyNow-additionalInfo span {
    color: #66757f
}

.BuyNow-additionalPaymentInfoView .BuyNow-billingZipDiv {
    position: relative
}

.BuyNow-additionalPaymentInfoView .BuyNow-billingZip {
    width: 57px;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: -11px
}

.BuyNow-additionalPaymentInfoView .BuyNow-billingZipTitle {
    font-size: 11px;
    color: #66757f;
    line-height: 11px
}

.BuyNow-additionalPaymentInfoView .BuyNow-sameAsShippingCheckBox {
    display: inline-block;
    margin-left: 20px;
    color: #66757f
}

.ContactsDashboard.content-inner.contacts-content {
    margin-bottom: 0;
    padding: 12px 0 0 0
}

.ContactsDashboard .contacts-smallprint,.ContactsDashboard .contacts-field-category,.ContactsDashboard .contacts-column-name-row th,.ContactsDashboard .contacts-info {
    font-weight: 400
}

.ContactsDashboard .contacts-smallprint {
    margin: 2px 10px 15px 1px;
    padding-left: 12px;
    color: #657786;
    font-size: 14px;
    line-height: 20px
}

.ContactsDashboard .contacts-header {
    padding: 15px 24px 15px 12px;
    font-weight: 500;
    font-size: 19px
}

.ContactsDashboard .contact-stream-item {
    border-right: 0;
    border-left: 0;
    font-family: inherit
}

.ContactsDashboard .contact-stream-item::before,.ContactsDashboard .contact-stream-item::after {
    content: none
}

.ContactsDashboard .stream-end,.ContactsDashboard .stream-loading,.ContactsDashboard .stream-whale-end {
    margin-bottom: 0
}

.ContactsDashboard .stream-end,.ContactsDashboard .stream-loading {
    border-width: 0
}

.ContactsDashboard .contacts-field-category,.ContactsDashboard .contacts-field-content {
    border-bottom-width: 0
}

.ContactsDashboard .contact-stream-item .contacts-field-content {
    padding-top: 5px;
    padding-bottom: 0
}

.ContactsDashboard .contacts-field-category {
    padding: 4px 10px 0 30px;
    vertical-align: top
}

.ContactsDashboard .contacts-category-icon {
    width: 18px;
    height: 18px
}

.ContactsDashboard .contacts-category-icon .Icon {
    vertical-align: middle
}

.ContactsDashboard .no-name {
    color: #aab8c2
}

.ContactsDashboard .contacts-toggle .contacts-smallprint,.ContactsDashboard .contacts-toggle .contacts-operation {
    display: table-cell
}

.ContactsDashboard .contacts-column-name-row th {
    padding-bottom: 10px
}

.ContactsDashboard .contact-stream-item td {
    padding-top: 12px;
    padding-bottom: 12px
}

.ContactsDashboard td.contacts-import-source-column,.ContactsDashboard td.contacts-status-column {
    vertical-align: top
}

.ContactsDashboard td,.ContactsDashboard th {
    border-bottom: 1px solid #e6ecf0
}

.ContactsDashboard .contacts-toggle .contacts-smallprint,.ContactsDashboard .contacts-toggle .contacts-operation {
    vertical-align: middle
}

.ContactsDashboard .contacts-toggle .contacts-smallprint {
    padding-right: 10px;
    margin-bottom: 0
}

.ContactsDashboard .contacts-toggle .contacts-operation {
    padding-right: 16px;
    text-align: right
}

.ContactsDashboard .contacts-operation button,.ContactsDashboard .contacts-operation a,.ContactsDashboard table {
    white-space: nowrap
}

.ContactsDashboard .contacts-column-name-row {
    color: #657786;
    font-size: 14px
}

.ContactsDashboard .contacts-column-name-row .contacts-column {
    text-align: left
}

.ContactsDashboard .contacts-toggle {
    display: table;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 44px;
    width: 100%;
    border-top: 1px solid #e6ecf0;
    border-bottom: 1px solid #e6ecf0
}

.ContactsDashboard .contacts-info,.ContactsDashboard .contacts-field-category {
    color: #aab8c2;
    font-size: 13px
}

.ContactsDashboard .contacts-import-source-column {
    max-width: 126px;
    min-width: 110px
}

.ContactsDashboard .contacts-status-column {
    max-width: 120px;
    min-width: 70px;
    padding-right: 10px
}

.ContactsDashboard .contacts-column {
    padding-left: 12px;
    width: 100%
}

.ContactsDashboard .contact-source-icon {
    margin-left: auto;
    margin-right: auto;
    width: 24px;
    height: 24px
}

.ContactsDashboard .contacts-import-source-column img {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: text-top
}

.ContactsDashboard .long-contact-name-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 340px
}

.ContactsDashboard .contacts-status {
    color: #657786;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    text-align: center
}

.ContactsDashboard .stream-placeholder {
    border: 0
}

.NuxRecommendationStreamItem {
    border-left-color: transparent;
    border-right-color: transparent
}

.NuxRecommendationStreamItem-accountFollow {
    position: relative
}

.NuxRecommendationStreamItem--pending .NuxRecommendationStreamItem-accountFollow,.NuxRecommendationStreamItem--following .NuxRecommendationStreamItem-accountFollow {
    display: none
}

.NuxRecommendationStreamItem-dismissAction {
    position: absolute;
    right: 0;
    top: 18px;
    z-index: 1
}

.NuxRecommendationStreamItem-accountFollow .btn-close {
    padding: 4px 8px
}

.NuxRecommendationStreamItem-accountFollow .user-actions {
    display: none
}

.NuxRecommendationStreamItem-accountUnfollow {
    border-bottom: 1px solid #e6ecf0;
    display: none
}

.NuxRecommendationStreamItem--pending .NuxRecommendationStreamItem-accountUnfollow,.NuxRecommendationStreamItem--following .NuxRecommendationStreamItem-accountUnfollow {
    display: block
}

.NuxRecommendationStreamItem--following .NuxRecommendationStreamItem-pendingText,.NuxRecommendationStreamItem--pending .NuxRecommendationStreamItem-followText {
    display: none
}

.NuxRecommendationStreamItem--pending .NuxRecommendationStreamItem-pendingText,.NuxRecommendationStreamItem--following .NuxRecommendationStreamItem-followText {
    display: block
}

.NuxRecommendationStreamItem .tweet,.NuxRecommendationStreamItem .account {
    padding-right: 80px
}

.NuxRecommendationStreamItem-accountUnfollow .content {
    background-color: #ffd03f;
    margin: 1px 0;
    padding: 9px 12px;
    animation: accountUnfollowBackgroundFade 1s ease-out 1s forwards
}

@keyframes accountUnfollowBackgroundFade {
    from {
        background-color: #ffd03f
    }

    to {
        background-color: #f5f8fa
    }
}

.NuxRecommendationStreamItem-accountUnfollow .follow-link {
    float: right
}

.EducationDialog-modal {
    text-align: center
}

.EducationDialog-graphic {
    height: 160px;
    margin-top: 10px
}

.EducationDialog .EducationDialog-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin: 25px 75px
}

.EducationDialog-button {
    margin: 0 0 20px 0
}

.EducationDialog--muteKeywords .EducationDialog-graphic {
    background: url(../../img/t1/illustration_safety_mute_words.svg) no-repeat center / contain
}

.EducationDialog--muteConversation .EducationDialog-graphic {
    background: url(../../img/t1/illustration_safety_mute_conversation.svg) no-repeat center / contain
}

.EducationDialog--notifications .EducationDialog-graphic {
    background: url(../../img/t1/illustration_safety_attention_increase.svg) no-repeat center / contain
}

.EmojiCategoryIcon {
    background-image: none,url(../../img/t1/emoji-categories.png);
    background-repeat: no-repeat;
    background-size: 48px 216px,48px 216px;
    height: 24px;
    margin: 7px 13px 7px 0;
    width: 24px
}

.EmojiCategoryIcon.is-active,.EmojiCategoryIcon:active,.EmojiCategoryIcon:not([disabled]):hover,.EmojiCategoryIcon:focus {
    background-image: url(../../img/t1/emoji-categories.png),none
}

@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi) {
    .EmojiCategoryIcon {
        background-image: none,url(../../img/t1/emoji-categories@2x.png)
    }

    .EmojiCategoryIcon.is-active,.EmojiCategoryIcon:active,.EmojiCategoryIcon:not([disabled]):hover,.EmojiCategoryIcon:focus {
        background-image: url(../../img/t1/emoji-categories@2x.png),none
    }
}

.EmojiCategoryIcon--recent {
    background-position: 0 0,-24px 0
}

.EmojiCategoryIcon--people {
    background-position: 0 -24px,-24px -24px
}

.EmojiCategoryIcon--nature {
    background-position: 0 -48px,-24px -48px
}

.EmojiCategoryIcon--food {
    background-position: 0 -72px,-24px -72px
}

.EmojiCategoryIcon--activity {
    background-position: 0 -96px,-24px -96px
}

.EmojiCategoryIcon--travel {
    background-position: 0 -120px,-24px -120px
}

.EmojiCategoryIcon--objects {
    background-position: 0 -144px,-24px -144px
}

.EmojiCategoryIcon--symbols {
    background-position: 0 -168px,-24px -168px
}

.EmojiCategoryIcon--flags {
    background-position: 0 -192px,-24px -192px
}

.EmojiPicker {
    bottom: 0;
    height: 36px;
    position: absolute;
    right: 0;
    width: 32px
}

.EmojiPicker-trigger {
    bottom: 1px;
    color: #aab8c2;
    position: absolute;
    right: 7px
}

.EmojiPicker-trigger .Icon {
    color: inherit;
    font-size: 19px
}

.EmojiPicker-trigger:hover,.EmojiPicker-trigger:active,.EmojiPicker-trigger:focus {
    outline: 0
}

.EmojiPicker-dropdownMenu.dropdown-menu {
    height: 350px;
    padding: 0;
    width: 280px
}

.EmojiPicker--top .EmojiPicker-dropdownMenu {
    bottom: 100%;
    top: auto
}

.EmojiPicker-content.Caret:before,.EmojiPicker-content.Caret.Caret--stroked:after {
    left: 15px
}

.EmojiPicker-content--right.Caret:before,.EmojiPicker-content--right.Caret.Caret--stroked:after {
    left: calc(100% - 15px)
}

.EmojiPicker-content.Caret:before {
    border-color: rgba(0,0,0,0.1);
    border-width: 8px
}

.EmojiPicker-content.Caret:after {
    border-color: #fff;
    border-width: 8px
}

.EmojiPicker-content {
    height: 100%;
    text-align: right;
    width: 100%
}

.EmojiPicker-categoryColumn {
    border-right: 1px solid #e6ecf0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    padding-top: 4px;
    vertical-align: top;
    width: 40px
}

.EmojiPicker-mainColumn {
    display: inline-block;
    height: 300px;
    text-align: left;
    vertical-align: top;
    width: 228px
}

.EmojiPicker-query {
    background-color: #f5f8fa;
    background-image: linear-gradient(#fff,#f5f8fa);
    background-repeat: repeat-x;
    border-bottom: 1px solid #e6ecf0;
    border-radius: 4px 4px 0 0;
    height: 29px;
    margin: 0;
    padding: 8px;
    position: relative
}

.EmojiPicker-clearQuery {
    color: #ccd6dd;
    position: absolute;
    right: 18px;
    top: 14px
}

.EmojiPicker-clearQuery:hover {
    color: #aab8c2
}

.EmojiPicker-query input[type=text].EmojiPicker-queryInput {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 24px 4px 8px;
    transition: none;
    width: 100%
}

.EmojiPicker-scrollableRow {
    height: 270px;
    overflow-x: hidden;
    overflow-y: auto
}

.EmojiPicker-categoryHeader {
    border-bottom: 1px solid #e6ecf0;
    color: #657786;
    font-size: 15px;
    padding: 6px 18px
}

.EmojiPicker-categoryItems {
    padding: 8px 12px;
    width: 206px
}

.EmojiPicker-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.25em 1.25em;
    border-radius: 2px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
    height: 1.25em;
    margin: 1.5px;
    padding: 3.5px;
    transition: background-size .2s;
    vertical-align: top;
    width: 1.25em
}

.EmojiPicker-item.is-focused:not(:active):not(.is-active) {
    background-size: 1.7em 1.7em
}

.EmojiPicker-diversityRow {
    border-top: 1px solid #e6ecf0;
    padding: 5px 28px 0 0;
    text-align: right
}

.EmojiPicker input[type="radio"].EmojiPicker-skinTone {
    height: 17px;
    margin-left: 5px;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    padding: 0;
    width: 17px
}

.EmojiPicker-skinToneSwatch {
    border-radius: 2px;
    display: inline-block;
    height: 17px;
    margin-left: -17px;
    position: relative;
    vertical-align: -2px;
    width: 17px;
    z-index: -1
}

.EmojiPicker-skinTone[value="1f3fb"]+.EmojiPicker-skinToneSwatch {
    background: #f7dece
}

.EmojiPicker-skinTone[value="1f3fc"]+.EmojiPicker-skinToneSwatch {
    background: #f3d2a2
}

.EmojiPicker-skinTone[value="1f3fd"]+.EmojiPicker-skinToneSwatch {
    background: #d5ab88
}

.EmojiPicker-skinTone[value="1f3fe"]+.EmojiPicker-skinToneSwatch {
    background: #af7e57
}

.EmojiPicker-skinTone[value="1f3ff"]+.EmojiPicker-skinToneSwatch {
    background: #7c533e
}

.EmojiPicker-skinTone[value=""]+.EmojiPicker-skinToneSwatch {
    background: #ffcc4d
}

.EmojiPicker-skinToneSwatch .Icon {
    display: none
}

.EmojiPicker-skinTone:checked+.EmojiPicker-skinToneSwatch .Icon {
    color: #fff;
    display: inline-block;
    left: 4px;
    position: absolute;
    text-shadow: .5px 1.5px 0 rgba(0,0,0,0.3);
    top: 2px
}

.EmojiPicker-skinTone:focus+.EmojiPicker-skinToneSwatch {
    box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(0,132,180,0.5)
}

.EmojiPicker-item.is-focused,.EmojiPicker .EmojiCategoryIcon:focus {
    box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(0,132,180,0.5);
    outline: 0
}

.EmojiPicker:not(.EmojiPicker--keyboard) .EmojiPicker-item.is-focused {
    box-shadow: none
}

.EmojiPicker-clearRecent {
    float: right;
    font-size: 12px;
    height: 25px
}

.EmojiPicker.is-loading .EmojiPicker-results,.EmojiPicker.is-loading .EmojiPicker-diversityRow,.EmojiPicker:not(.is-loading) .EmojiPicker-loading {
    display: none
}

.EmojiPicker-loading {
    margin-top: 122px;
    text-align: center
}

.PaymentOrderDialog .modal {
    width: 560px
}

.PaymentOrderDialog .modal-body {
    padding: 30px 15px
}

.PaymentOrderDialog .modal-header {
    display: none
}

.PaymentOrderDialog .modal-close {
    right: -30px
}

.PaymentOrderDialog .modal-close .Icon {
    font-size: 21px;
    color: white
}

.PaymentOrderDialog-flatten li {
    display: inline
}

.PaymentOrderDialog-flatten li:before {
    content: "\2022";
    margin-right: 3px
}

.PaymentOrderDialog-flatten li:first-child:before {
    content: "";
    margin: 0
}

.PaymentOrderDialog .alert {
    margin: 0
}

.PaymentOrderDialog .PaymentOrderDialog-isLoading .spinner-bigger {
    display: block;
    margin: 0 auto
}

.PaymentOrderDialog .PaymentOrderDialog-isLoaded .PaymentOrderDialog-orderDetails {
    display: block
}

.PaymentOrderDialog .PaymentOrderDialog-orderDetails,.PaymentOrderDialog .PaymentOrderDialog-isFailed .PaymentOrderDialog-orderDetails,.PaymentOrderDialog .PaymentOrderDialog-isLoaded .spinner-bigger,.PaymentOrderDialog .PaymentOrderDialog-isFailed .spinner-bigger,.PaymentOrderDialog .PaymentOrderDialog-isLoading .alert,.PaymentOrderDialog .PaymentOrderDialog-isLoaded .alert {
    display: none
}

.PaymentOrderDialog-header {
    text-align: center
}

.PaymentOrderDialog-header h1 {
    font-weight: normal;
    color: #66757f
}

.PaymentOrderDialog-header .PaymentOrderDialog-itemHeader {
    margin: 12px 0 16px;
    font-size: 14px;
    color: #66757f
}

.PaymentOrderDialog-orderDetails .PaymentOrderDialog-support,.PaymentOrderDialog-orderDetails .PaymentOrderDialog-items,.PaymentOrderDialog-orderDetails .PaymentOrderDialog-summary {
    margin-left: 20px
}

.PaymentOrderDialog-orderDetails .PaymentOrderDialog-items,.PaymentOrderDialog-orderDetails .PaymentOrderDialog-summary {
    margin-right: 20px
}

.PaymentOrderDialog-orderDetails .PaymentOrderDialog-items+hr {
    margin-left: 20px;
    margin-right: 20px
}

.PaymentOrderDialog-support {
    padding: 15px 0 2px
}

.PaymentOrderDialog-support.form-horizontal .control-group {
    margin-bottom: 10px
}

.PaymentOrderDialog-support.form-horizontal .control-group:last-child {
    margin-bottom: 0
}

.PaymentOrderDialog-support.form-horizontal .control-label {
    text-align: left;
    padding-top: 0;
    font-size: 16px;
    color: #66757f
}

.PaymentOrderDialog-support.form-horizontal .controls {
    margin-top: 1px;
    font-size: 16px
}

.PaymentOrderDialog-items {
    margin-top: 20px
}

.PaymentOrderDialog-itemsImg {
    border-radius: 6px;
    display: inline-block
}

.PaymentOrderDialog-itemsDescription {
    margin-left: 25px;
    display: inline-block;
    vertical-align: top
}

.PaymentOrderDialog-itemsTitle {
    font-size: 14px;
    font-weight: bold
}

.PaymentOrderDialog-itemsAttributes {
    margin-top: 3px;
    font-size: 12px;
    color: #657786
}

.PaymentOrderDialog-summary {
    margin-top: 20px;
    text-align: right
}

.PaymentOrderDialog-summary .h-card {
    text-align: left
}

.PaymentOrderDialog-summary .h-card label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px
}

.PaymentOrderDialog-summary .h-card .p-name,.PaymentOrderDialog-summary .h-card .p-street-address,.PaymentOrderDialog-summary .h-card .p-extended-address {
    display: block
}

.PaymentOrderDialog-summary .PaymentOrderDialog-amountSummary {
    display: inline-block
}

.PaymentOrderDialog-summary .form-horizontal .control-group {
    margin-bottom: 5px
}

.PaymentOrderDialog-summary .form-horizontal .control-label {
    padding-top: 0
}

.PaymentOrderDialog-summary .form-horizontal .controls {
    margin-left: 120px;
    text-align: right;
    font-size: 14px;
    color: #657786
}

.PaymentOrderDialog-summary .form-horizontal .PaymentOrderDialog-summaryTotal .controls,.PaymentOrderDialog-summary .form-horizontal .PaymentOrderDialog-summaryTotal .control-label {
    font-weight: bold;
    font-size: 16px;
    color: #14171a
}

.PaymentOrderDialog-summary .form-horizontal .PaymentOrderDialog-summaryPayment .control-label {
    font-size: 12px;
    color: #657786
}

.Popover {
    top: 95%;
    left: 50%;
    position: absolute
}

.Popover-container {
    position: relative
}

.Popover-text {
    background-clip: padding-box;
    background-color: rgba(255,255,255,0.98);
    background: #fff;
    border-radius: 4px;
    border: 0 solid rgba(0,0,0,0.25);
    border: 1px solid #e6ecf0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    color: #66757f;
    font-size: 13px;
    line-height: 18px;
    padding: 10px;
    position: relative;
    right: 50%;
    text-shadow: none;
    z-index: 899
}

.Caret {
    position: relative
}

.Caret:before,.Caret--stroked:after {
    border-style: solid;
    border-width: 5px;
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0
}

.Caret--right:before,.Caret--right.Caret--stroked:after {
    border-right-width: 0!important;
    border-bottom-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    right: 0;
    top: 50%;
    -ms-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%)
}

.Caret--left:before,.Caret--left.Caret--stroked:after {
    border-left-width: 0!important;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important;
    border-top-color: transparent!important;
    left: 0;
    top: 50%;
    -ms-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%)
}

.Caret--top:before,.Caret--top.Caret--stroked:after {
    border-top-width: 0!important;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%)
}

.Caret--bottom:before,.Caret--bottom.Caret--stroked:after {
    border-bottom-width: 0!important;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    left: 50%;
    bottom: 0;
    -ms-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%)
}

.Caret--right.Caret--stroked:after {
    right: 1px
}

.Caret--left.Caret--stroked:after {
    left: 1px
}

.Caret--top.Caret--stroked:after {
    top: 1px
}

.Caret--bottom.Caret--stroked:after {
    bottom: 1px
}

.Gallery {
    display: none;
    position: fixed;
    overflow: auto;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
    text-align: center
}

.gallery-enabled .Gallery {
    display: block
}

.Gallery:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.Gallery.is-tweetless .Gallery-content {
    min-height: 0;
    min-width: 0
}

.Gallery-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-width: 520px;
    min-height: 338px;
    background-color: #fff;
    border-radius: 7px
}

.Gallery .modal-header {
    position: relative;
    height: 20px;
    border: 1px solid #14171a;
    padding-right: 0;
    padding-left: 0;
    z-index: 2;
    cursor: default;
    background: #fff;
    border-bottom: 1px solid #e1e8ed
}

.Gallery .modal-close {
    right: -30px;
    padding: 0;
    height: auto
}

.Gallery .modal-close .Icon--close {
    color: white;
    font-size: 21px
}

.Gallery-media {
    background: black;
    border-radius: 6px 6px 0 0;
    line-height: 0;
    overflow: hidden;
    position: relative;
    text-align: center
}

.Gallery.is-tweetless .Gallery-media {
    border-radius: 6px
}

.Gallery-media img {
    display: inline-block;
    vertical-align: middle
}

.Gallery-media iframe {
    position: relative;
    border: 0
}

.Gallery-media img.bottom-corners {
    border-radius: 0 0 7px 7px
}

.Gallery .media-tagging-block {
    margin-top: 0;
    margin-bottom: 4px
}

.Gallery-content:hover .GalleryNav-handle--prev,.Gallery-content:focus .GalleryNav-handle--prev,.Gallery-content.show-controls .GalleryNav-handle--prev,.Gallery-content:hover .GalleryNav-handle--next,.Gallery-content:focus .GalleryNav-handle--next,.Gallery-content.show-controls .GalleryNav-handle--next {
    opacity: .3;
    -ms-filter: "alpha(opacity=30)";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.Gallery-content.is-stickers .GalleryNav-handle,.Gallery-content.video .GalleryNav-handle {
    top: 35%;
    margin-top: -17px
}

.Gallery-content.is-stickers .GalleryNav--prev,.Gallery-content.is-stickers .GalleryNav--next,.Gallery-content.video .GalleryNav--prev,.Gallery-content.video .GalleryNav--next {
    width: 65px
}

.Gallery-content.is-stickers .GalleryNav,.Gallery-content.video .GalleryNav {
    top: 0;
    margin-top: 0;
    height: 100%;
    width: 0
}

.Gallery-content.is-hitTesting .StickersMediaImage-stickerLink {
    cursor: default
}

.Gallery .GalleryTweet .tweet .tweet-translation {
    display: block
}

.GalleryNav {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%
}

.GalleryNav--prev {
    left: 0;
    width: 33%
}

.GalleryNav--next {
    right: 0;
    width: 67%
}

.GalleryNav.enabled:hover,.GalleryNav.enabled:focus {
    cursor: pointer
}

.GalleryNav.enabled .GalleryNav-handle {
    opacity: .3;
    -ms-filter: "alpha(opacity=30)"
}

.GalleryNav.enabled:hover .GalleryNav-handle {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.GalleryNav-handle {
    position: absolute;
    top: 35%;
    width: 50px;
    height: 200px;
    margin-top: -17px;
    display: block;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    transition: opacity .05s ease-in-out;
    color: white;
    background: 0;
    line-height: 200px
}

.GalleryNav-handle--prev {
    left: -50px
}

.GalleryNav-handle--next {
    right: -50px
}

.GalleryTweet {
    background: #fff;
    border-radius: 0 0 6px 6px;
    border: 0;
    bottom: 0;
    color: #14171a;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 2
}

.GalleryTweet li {
    list-style: none
}

.GalleryTweet .action-more-container {
    display: none
}

.GalleryTweet .tweet.retweeted .time,.GalleryTweet .tweet.favorited .time {
    margin-right: 0
}

.GalleryTweet a.with-icn:not(:hover) .Icon,.GalleryTweet .account-group .fullname,.GalleryTweet .account-group:hover .fullname {
    color: #14171a
}

.GalleryTweet .stream-item-header .time .tweet-timestamp,.GalleryTweet .time:hover .tweet-timestamp,.GalleryTweet .time:focus .tweet-timestamp {
    color: #657786
}

.GalleryTweet .media-tagging-block a {
    color: #657786
}

.GalleryTweet .stream-item-header .time .tweet-timestamp {
    text-decoration: none
}

.GalleryTweet .stream-item-header .time .tweet-timestamp:hover {
    text-decoration: underline
}

.GalleryTweet .tweet {
    border-bottom: 0;
    border-radius: 0 0 6px 6px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: auto;
    margin: 0;
    padding: 20px;
    text-align: left;
    width: 100%
}

.GalleryTweet .content {
    margin-left: 58px
}

.GalleryTweet .details {
    display: none
}

.FoundMediaSearch-query {
    background-color: #f5f8fa;
    background-repeat: repeat-x;
    background-image: linear-gradient(#fff,#f5f8fa);
    border-bottom: 1px solid #e6ecf0;
    border-radius: 4px 4px 0 0;
    position: relative;
    padding: 8px;
    margin: 0
}

.FoundMediaSearch-query .Icon--search {
    color: #66757f;
    left: 16px;
    position: absolute;
    top: 13px
}

.FoundMediaSearch-query input[type=text].FoundMediaSearch-queryInput {
    padding: 4px 4px 4px 24px;
    transition: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.FoundMediaSearch-query input[type=text].FoundMediaSearch-queryInput--loading {
    background: url(../../img/t1/spinner-rosetta-blue-26x26.gif) no-repeat calc(100% - 6px);
    background-size: 16px
}

.FoundMediaSearch-dropdownMenu.dropdown-menu {
    padding: 0;
    width: 450px
}

.FoundMediaSearch--top .FoundMediaSearch-dropdownMenu {
    top: auto;
    bottom: 100%
}

.FoundMediaSearch--top .FoundMediaSearch-content {
    padding-bottom: 6px
}

.FoundMediaSearch--top .FoundMediaSearch-results {
    padding-bottom: 0
}

.FoundMediaSearch-content.Caret:before,.FoundMediaSearch-content.Caret.Caret--stroked:after {
    left: 24px
}

.FoundMediaSearch-content--right.Caret:before,.FoundMediaSearch-content--right.Caret.Caret--stroked:after {
    left: calc(100% - 24px)
}

.FoundMediaSearch-content.Caret:before {
    border-color: rgba(0,0,0,0.1);
    border-width: 8px
}

.FoundMediaSearch-content.Caret:after {
    border-color: #fff;
    border-width: 8px
}

.FoundMediaSearch-dropdownList {
    width: 100%
}

.FoundMediaSearch-results {
    overflow: auto;
    min-height: 270px;
    max-height: 810px;
    padding: 3px 6px;
    will-change: transform
}

.FoundMediaSearch-noResults {
    color: #657786;
    padding: 100px 0;
    text-align: center;
    width: 100%
}

.FoundMediaSearch-noResults .btn {
    margin-top: 16px
}

.FoundMediaSearch-dropdownMenu .FoundMediaSearch-column {
    display: block;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.FoundMediaSearch-focusable {
    border: 3px solid white
}

.FoundMediaSearch-dropdownMenu .FoundMediaSearch-column .FoundMediaSearch-itemContainer {
    position: relative;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.FoundMediaSearch-dropdownMenu .FoundMediaSearch-column .FoundMediaSearch-itemContainer.FoundMediaSearch-slideIn {
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-name: FoundMediaSearchItem-appearContainer;
    animation-timing-function: ease-in-out;
    top: 30px
}

.FoundMediaSearch-categoryContainer {
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    position: relative
}

.FoundMediaSearch-category {
    background-size: cover,0;
    background-position: center;
    width: 100%;
    display: block
}

.FoundMediaSearch.autoplay-disabled .FoundMediaSearch-focusable:not(.is-focused) .FoundMediaSearch-category {
    background-size: 0,cover
}

.FoundMediaSearch-categoryContainer .FoundMediaSearch-categoryName {
    background: rgba(0,0,0,0.45);
    color: #fff;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    width: 100%;
    height: 100%;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.FoundMediaSearch-categoryContainer--bg1,.FoundMediaSearch-itemContainer--bg1 {
    background: #e0245e
}

.FoundMediaSearch-categoryContainer--b2,.FoundMediaSearch-itemContainer--bg2 {
    background: #f45d22
}

.FoundMediaSearch-categoryContainer--bg3,.FoundMediaSearch-itemContainer--bg3 {
    background: #ffad1f
}

.FoundMediaSearch-categoryContainer--bg4,.FoundMediaSearch-itemContainer--bg4 {
    background: #17bf63
}

.FoundMediaSearch-categoryContainer--bg5,.FoundMediaSearch-itemContainer--bg5 {
    background: #1b95e0
}

.FoundMediaSearch-categoryContainer--bg6,.FoundMediaSearch-itemContainer--bg6 {
    background: #794bc4
}

.FoundMediaSearch-items {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.FoundMediaSearch-item {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    width: 100%;
    display: block;
    background-size: 100%;
    animation-delay: inherit
}

.FoundMediaSearch-item.FoundMediaSearch-item--visible {
    animation-duration: 300ms;
    animation-fill-mode: forwards;
    animation-name: FoundMediaSearchItem-appear;
    animation-timing-function: ease-in-out;
    display: block
}

.FoundMediaSearch-dropdownMenu .FoundMediaSearch-column .FoundMediaSearch-item:first-child {
    margin-bottom: 0
}

.FoundMediaSearch-item img {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent
}

.FoundMediaSearch.autoplay-disabled .FoundMediaSearch-focusable:not(.is-focused) .FoundMediaSearch-item img {
    display: none
}

.FoundMediaSearch-dropdownMenu .FoundMediaSearch-pagination {
    background: url(../../img/t1/spinner-rosetta-blue-26x26.gif) no-repeat center center;
    clear: both;
    display: block;
    height: 26px;
    padding: 24px 0
}

.FoundMediaSearch--emptyState .FoundMediaSearch-items {
    display: none
}

.FoundMediaSearch--emptyState .FoundMediaSearch-pagination {
    padding-top: 220px
}

@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi) {
    .FoundMediaSearch-dropdownMenu .FoundMediaSearch-pagination {
        background-image: url(../../img/t1/spinner-rosetta-blue-26x26@2x.gif);
        background-size: 26px 26px
    }
}

@keyframes FoundMediaSearchItem-appearContainer {
    0% {
        top: 30px
    }

    100% {
        top: 0
    }
}

@keyframes FoundMediaSearchItem-appear {
    0% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }

    100% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)"
    }
}

.Offers {
    width: 590px;
    min-height: 400px
}

.Offers-detailView .Offers-error {
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    width: 590px;
    background-color: #ffe76e
}

.Offers-detailView .Offers-dismissLink {
    float: right;
    width: auto
}

.Offers-detailView .Offers-dismissLink a {
    font-size: 12px;
    font-weight: 500;
    color: #1b95e0
}

.Offers-detailView .Offers-errorMessageText {
    padding: 16px 20px 15px 20px;
    font-weight: normal;
    font-size: 14px
}

.Offers-detailView .Offers-errorMessageByline {
    margin-top: 2px;
    color: #657786;
    font-size: 12px
}

.Offers-detailView .Offers-productImageWrapper {
    background-size: 100%;
    background-position: center;
    height: 150px;
    width: 100%;
    overflow: hidden
}

.Offers-detailView .Offers-section {
    padding: 20px
}

.Offers-detailView .Offers-section+.Offers-section {
    border-top: 1px solid #e6ecf0
}

.Offers-detailView .Offers-title {
    font-size: 20px;
    color: #14171a;
    margin-bottom: 5px
}

.Offers-detailView .Offers-subtitle {
    font-size: 12px;
    color: #657786;
    margin-bottom: 7px
}

.Offers-detailView .Offers-expiration {
    text-transform: uppercase
}

.Offers-detailView .Offers-claim {
    font-size: 16px;
    color: #14171a;
    margin-bottom: 7px;
    text-align: center
}

.Offers-detailView .Offers-disclaimer {
    font-size: 12px;
    color: #657786;
    margin-bottom: 20px;
    text-align: center
}

.Offers-detailView .Offers-nux {
    width: 265px;
    float: left
}

.Offers-detailView .Offers-offerStatus {
    width: 265px;
    float: right
}

.Offers-detailView .Offers-nuxStep {
    font-size: 12px;
    color: #66757f;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Offers-detailView .Offers-nuxStep+.Offers-nuxStep {
    margin-top: 15px
}

.Offers-detailView .Offers-nuxIcon {
    min-width: 62px;
    height: 50px;
    float: left
}

.Offers-detailView .Offers-nuxText {
    margin-left: 8px
}

.Offers-detailView .Offers-register {
    background: url("../../img/t1/offers_nux_register.png")
}

.Offers-detailView .Offers-redeem {
    background: url("../../img/t1/offers_nux_redeem.png")
}

.Offers-detailView .Offers-statement {
    background: url("../../img/t1/offers_nux_statement.png")
}

.Offers-detailView .Offers-saveButton {
    width: 265px;
    margin: 10px 0;
    height: 37px
}

.Offers-detailView .Offers-saveButton.is-confirm {
    background-color: #17bf63;
    border-color: #17bf63
}

.Offers-detailView .Offers-saveButton.is-inactive {
    background-color: #ccd6dd;
    border-color: #ccd6dd
}

.Offers-detailView .Offers-saveButtonLock {
    color: #fff;
    margin-right: 5px
}

.Offers-detailView .Offers-cardInput form {
    position: relative
}

.Offers-detailView .Offers-cardInput .icon {
    position: absolute;
    top: 10px;
    left: 10px
}

.Offers-detailView .credit-card-unknown-large {
    background: #e6ecf0;
    height: 20px;
    width: 32px
}

.Offers-detailView .Offers-creditCards {
    background-color: #f5f8fa;
    border: 1px solid #ccd6dd;
    border-radius: 4px;
    padding: 0 10px;
    overflow-y: auto;
    max-height: 90px
}

.Offers-detailView .Offers-creditCard {
    padding: 5px 0
}

.Offers-detailView .Offers-creditCard+.Offers-creditCard {
    border-top: 1px solid #ccd6dd
}

.Offers-detailView .Offers-creditCard .icon {
    vertical-align: middle;
    margin-right: 10px
}

.Offers-detailView .Offers-pan {
    padding: 10px 10px 10px 50px;
    margin: 0;
    width: 203px
}

.Offers-detailView .Offers-emailAddress {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.Offers-detailView .Offers-legal {
    font-size: 11px;
    line-height: 13px;
    color: #aab8c2
}

.Offers-detailView .Offers-errorMessage {
    margin-top: 5px;
    font-size: 14px;
    color: #e0245e
}

.Offers-detailView .Offers-saved {
    background-color: #f5f8fa;
    border: 1px solid #ccd6dd;
    border-radius: 4px;
    padding: 15px;
    padding-bottom: 2px;
    max-height: 150px;
    overflow-y: auto
}

.Offers-detailView .Offers-subsection+.Offers-subsection {
    border-top: 1px solid #ccd6dd;
    padding: 7px 0
}

.Offers-detailView .Offers-claimed {
    margin-bottom: 13px;
    font-size: 16px;
    font-weight: bold;
    color: #66757f;
    text-align: center
}

.Offers-detailView .Offers-check {
    font-size: 14px;
    color: #17bf63
}

.Offers-detailView .Offers-subsection-label {
    float: left;
    width: 50px;
    font-size: 12px;
    font-weight: bold;
    color: #66757f;
    text-align: right
}

.Offers-detailView .Offers-subsection-value {
    float: right;
    width: 160px
}

.Offers-detailView .Offers-use-by {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #ffad1f
}

.Offers-detailView .Offers-card-list {
    width: 160px;
    font-size: 14px
}

.Offers-detailView .Offers-card-list .Offers-creditCard {
    border: 0;
    padding-top: 0
}

.Offers-detailView .Offers-card-list .icon {
    margin-right: 5px
}

.Offers-detailView .Offers-redeemed {
    background-color: #f5f8fa;
    border: 1px solid #ccd6dd;
    border-radius: 4px;
    padding: 15px;
    padding-bottom: 10px
}

.Offers-detailView .Offers-inactive {
    background-color: #f5f8fa;
    border: 1px solid #ccd6dd;
    border-radius: 4px;
    padding: 15px;
    text-align: center
}

.Offers-detailView .Offers-unavailable {
    font-size: 16px;
    font-weight: bold;
    color: #66757f;
    margin-bottom: 15px
}

.Offers-detailView .Offers-details {
    font-size: 14px;
    font-weight: bold;
    color: #657786;
    margin-bottom: 5px
}

.Offers-detailView .Offers-details-text {
    font-size: 12px;
    line-height: 16px;
    color: #657786
}

.OffersDialog .modal {
    width: 590px
}

.OffersDialog .modal-body {
    overflow: hidden;
    border-radius: 6px;
    padding: 0
}

.OffersDialog .modal-header {
    display: none
}

.OffersDialog .modal-close {
    right: -30px
}

.OffersDialog .modal-close .Icon {
    font-size: 21px;
    color: white
}

.NotificationsPage .PromptbirdPrompt-streamItem .PromptbirdPrompt {
    border-width: 1px;
    border-radius: 0;
    border-color: #e6ecf0
}

.NotificationsPage .PromptbirdPrompt-streamItem {
    margin: 0
}

.NotificationsSettingsButton {
    font-size: 12px;
    float: right;
    padding-top: 17px;
    padding-right: 12px
}

.NotificationsHeadingContent {
    background-color: #fff;
    border-bottom: 1px solid #e6ecf0;
    border-radius: 5px 5px 0 0
}

.NotificationsEmptyModule {
    display: block;
    position: relative;
    text-align: left;
    border-radius: 0 0 5px 5px;
    border: 1px solid #e6ecf0;
    background-color: #fff;
    background-repeat: no-repeat;
    padding: 64px
}

.NotificationsEmptyModule-title {
    color: #14171a;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 8px;
    white-space: pre-wrap
}

.NotificationsEmptyModule-body {
    color: #657786;
    font-size: 14px;
    line-height: 20px;
    white-space: pre-wrap
}

.NotificationsEmptyModule-types {
    margin-top: 64px
}

.NotificationsEmptyModule-type {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px
}

.NotificationsEmptyModule-type:last-child {
    margin-bottom: 0
}

.NotificationsEmptyModule-activityIcon {
    margin-right: 18px
}

.NotificationsEmptyModule-activityHeader {
    color: #14171a;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px
}

.NotificationsEmptyModule-activityBody {
    color: #657786;
    font-size: 12px;
    line-height: 16px
}

.NotificationsEmptyModule .Icon--circleMe {
    color: #66757f
}

.NotificationsEmptyModule .Icon--circleReply {
    color: #1da1f2
}

.PushstateLoadingBar {
    background: linear-gradient(to right,#71c9f8,#1da1f2);
    box-shadow: 0 0 4px #1da1f2;
    height: 2px;
    left: 0;
    position: fixed;
    top: 0;
    transition: width 500ms ease-in-out;
    width: 0;
    z-index: 1002
}

.PushstateLoadingBar--light {
    background: linear-gradient(to right,#71c9f8,#fff);
    box-shadow: 0 0 4px #71c9f8
}

.QuickPromoteDialog .modal {
    width: 830px
}

.QuickPromoteDialog .modal-body {
    overflow: hidden;
    border-radius: 6px;
    padding: 0
}

.QuickPromoteDialog .modal-header {
    display: none
}

.QuickPromoteDialog .modal-close {
    right: -30px
}

.QuickPromoteDialog .modal-close .Icon {
    font-size: 21px;
    color: white
}

.QuickPromoteDialog .quick-promote-iframe {
    display: block;
    width: 830px;
    height: 280px;
    background: url(../../img/t1/spinner-rosetta-blue-26x26.gif) no-repeat center
}

@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi) {
    .QuickPromoteDialog .quick-promote-iframe {
        background: url(../../img/t1/spinner-rosetta-blue-26x26@2x.gif) no-repeat center;
        background-size: 26px 26px
    }
}

.RetweetDialog {
    height: 100%;
    overflow: hidden
}

.RetweetDialog-modal {
    width: 590px
}

.RetweetDialog-tweet.tweet {
    border-bottom: 0;
    padding: 0 5px 10px 5px
}

.RetweetDialog-commentBox {
    padding: 10px 15px;
    position: relative
}

.RetweetDialog-tweetForm.condensed .RetweetDialog-counter {
    display: none
}

.RetweetDialog-footer .modal-tweet .tweet {
    padding: 0
}

.RetweetDialog-footer {
    padding: 15px
}

.RetweetDialog-footer .tweet-form.condensed .RetweetDialog-counter {
    display: none
}

.RetweetDialog-footer .retweet-action {
    padding-top: 3px
}

.RetweetDialog-footer .Icon--retweet,.RetweetDialog-footer .Icon--tweet {
    font-size: 19px;
    vertical-align: -0.14em
}

.RetweetDialog-tweetActionLabel {
    display: none
}

.RetweetDialog-tweetForm.is-withComment .RetweetDialog-tweetActionLabel {
    display: inline
}

.RetweetDialog-tweetForm.is-withComment .RetweetDialog-retweetActionLabel {
    display: none
}

.StickersMediaImage-passthroughImage {
    height: 100%;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    width: 100%
}

.StickersMediaImage-stickerImage {
    animation-duration: .38s;
    background-size: contain;
    position: absolute
}

.StickersMediaImage.media-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    position: relative
}

.StickersMediaImage-blackBar {
    background-color: black;
    position: absolute;
    top: 0
}

.StickersMediaImage-blackBar--left {
    left: 0
}

.StickersMediaImage-blackBar--right {
    right: 0
}

.TranslationFeedbackDialog-form {
    color: #66757f
}

.TranslationFeedbackDialog-sourceLanguage {
    margin-bottom: 15px
}

.TranslationFeedbackDialog-sourceLanguage select {
    margin-left: 5px
}

.TranslationFeedbackDialog-translationInput {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 7px 9px;
    font-size: 14px;
    color: #66757f;
    height: 76px;
    display: block;
    border: 1px solid #ccd6dd;
    resize: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 3px 3px 3px
}

.TranslationFeedbackDialog-translationInput:focus {
    border-color: #1da1f2
}

.MediaEditDialog {
    min-width: 520px;
    min-height: 300px
}

.MediaEditDialog .modal-body {
    padding: 0
}

.MediaEditDialog .modal-body,.MediaEditDialog .modal-footer {
    background-color: #1b95e0;
    background: rgba(0,132,180,0.1)
}

.MediaEditDialog .modal-footer {
    padding: 8px 15px 10px 15px
}

.MediaEditForm {
    color: #8798a5;
    padding: 15px
}

.MediaEditForm input,.MediaEditForm select,.MediaEditForm textarea {
    color: #292f31
}

.MediaEditForm .control-group {
    margin-bottom: 5px
}

.MediaEditForm-title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px
}

.MediaEditForm-description {
    resize: none;
    height: 38px;
    transition: height .15s ease 0s
}

.MediaEditForm-ctaContainer {
    white-space: nowrap
}

.MediaEditForm-ctaSelect {
    width: 170px;
    display: inline-block
}

.MediaEditForm-ctaSelect.u-inactive {
    color: #8798a5
}

.MediaEditForm-ctaUrl {
    width: 288px;
    margin-left: 10px;
    display: inline-block;
    padding: 4px 8px
}

.MediaEditForm-title,.MediaEditForm-description {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 38px 8px 8px
}

.MediaEditForm-titleCharCounter .CharCounter-counter,.MediaEditForm-descriptionCharCounter .CharCounter-counter {
    width: 22px;
    padding: 13px;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0
}

.CharCounter {
    position: relative
}

.CharCounter-counter {
    color: #aab8c2;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-align: right
}

.CharCounter.is-maxExceeded .CharCounter-counter {
    color: #a94442
}

.MediaEditDialog-photoContainer {
    background-color: #000;
    text-align: center;
    line-height: 0
}

.MediaEditDialog .MediaEditDialog-photoSection .modal-body {
    overflow: hidden
}

.MediaEditDialog--photo .modal-content {
    overflow: hidden
}

.MediaEditDialog-photoSection .modal-footer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.MediaEditDialog-altTextTextarea {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 15px;
    padding: 9px 15px 7px 15px;
    resize: none
}

.VideoTrim {
    cursor: default;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.VideoTrim-videoContainer {
    background: #000;
    position: relative
}

.VideoTrim-video {
    margin-bottom: -4px;
    max-height: 400px;
    width: 100%
}

.VideoTrim-controls {
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.7) 100%);
    bottom: 0;
    color: #aab8c2;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    height: 39px;
    line-height: 39px;
    left: 0;
    padding: 0 9px 0 5px;
    position: absolute;
    vertical-align: middle;
    right: 0
}

.VideoTrim-playState,.VideoTrim-audioState {
    text-align: center;
    width: 30px
}

.VideoTrim-playState:hover,.VideoTrim-audioState:hover {
    color: #fff
}

.VideoTrim-playState .Icon--play {
    font-size: 1.2em
}

.VideoTrim.is-playing .VideoTrim-playState .Icon--play,.VideoTrim-playState .Icon--pause {
    display: none
}

.VideoTrim.is-playing .VideoTrim-playState .Icon--pause,.VideoTrim-playState .Icon--play {
    display: inline-block
}

.VideoTrim-timeline {
    background: rgba(255,255,255,0.25);
    border-radius: 1px;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 19px 11px 19px 8px;
    height: 3px;
    position: relative
}

.VideoTrim-scrubber,.VideoTrim-unplayedScrubber {
    bottom: 0;
    position: absolute;
    top: 0
}

.VideoTrim-scrubber {
    background: #eff7ff;
    background-clip: content-box;
    border: 1px solid rgba(0,0,0,0.35);
    border-radius: 1px;
    margin: -1px
}

.VideoTrim-unplayedScrubber {
    background: #1da1f2;
    right: 0
}

.VideoTrim-timeContainer {
    display: inline-block;
    margin: 0 17px 0 6px;
    position: relative;
    font-weight: 200;
    font-size: 12px;
    white-space: nowrap
}

.VideoTrim-time {
    display: inline-block;
    text-align: right;
    position: absolute;
    right: 0;
    top: 1px
}

.VideoTrim-widestTime {
    visibility: hidden
}

.VideoTrim.is-muted .VideoTrim-audioState .Icon--soundOn,.VideoTrim-audioState .Icon--soundOff {
    display: none
}

.VideoTrim.is-muted .VideoTrim-audioState .Icon--soundOff,.VideoTrim-audioState .Icon--soundOn {
    display: inline-block
}

.VideoTrim-timeBubble {
    background: #1da1f2;
    bottom: 20px;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    left: 10px;
    padding: 0 10px;
    position: absolute;
    white-space: nowrap
}

.VideoTrim-timeBubble[data-mode=mid],.VideoTrim-timeBubble[data-mode=left],.VideoTrim-timeBubble[data-mode=right] {
    display: block
}

.VideoTrim-timeBubble:before {
    border-style: solid;
    bottom: -7px;
    content: "";
    position: absolute
}

.VideoTrim-timeBubble[data-mode=mid]:before {
    border-color: #1da1f2 transparent transparent transparent;
    border-width: 7px 6px 0 6px;
    left: 50%;
    margin-left: -6px
}

.VideoTrim-timeBubble[data-mode=mid][data-clip=left]:before {
    left: 15px
}

.VideoTrim-timeBubble[data-mode=mid][data-clip=right]:before {
    left: auto;
    right: 15px
}

.VideoTrim-timeBubble[data-mode=left]:before {
    border-color: transparent transparent transparent #1da1f2;
    border-width: 7px 0 7px 7px;
    left: 0
}

.VideoTrim-timeBubble[data-mode=right]:before {
    border-color: transparent #1da1f2 transparent transparent;
    border-width: 7px 7px 7px 0;
    right: 0
}

.VideoTrim-selectionContainer {
    padding: 3px
}

.VideoTrim-selection {
    height: 51px;
    overflow: hidden;
    position: relative
}

.VideoTrim-selection,.VideoTrim-hideTicks {
    background: #14171a
}

.VideoTrim-hideTicks {
    bottom: -3px;
    left: -22px;
    position: absolute;
    right: -22px;
    top: -3px
}

.VideoTrim-ticks {
    bottom: 0;
    left: 21px;
    overflow: visible;
    position: absolute;
    right: 24px;
    top: 30%
}

.VideoTrim-ticks>div {
    border-left: 1px solid;
    bottom: 0;
    color: rgba(102,117,127,0.8);
    font-size: 12px;
    height: 5px;
    line-height: 13px;
    padding-left: 5px;
    position: absolute
}

.VideoTrim-ticks>div:nth-child(5n+1) {
    border-left-width: 2px;
    height: 10px
}

.VideoTrim-ticks>div:nth-child(60n+1) {
    height: 20px
}

.VideoTrim-innerSelection {
    bottom: 2px;
    left: 21px;
    overflow: visible;
    position: absolute;
    right: 21px;
    top: 2px
}

.VideoTrim-leftHandle,.VideoTrim-rightHandle {
    background: #1da1f2;
    bottom: 0;
    cursor: ew-resize;
    position: absolute;
    top: 0;
    width: 19px
}

.VideoTrim-midHandle.is-active .VideoTrim-leftHandle,.VideoTrim-midHandle.is-active .VideoTrim-rightHandle,.VideoTrim-leftHandle.is-hover,.VideoTrim-rightHandle.is-hover {
    background: #4489be
}

.VideoTrim-leftHandle,.VideoTrim-rightHandle,.VideoTrim-midHandle {
    background-clip: padding-box;
    overflow-y: visible
}

.VideoTrim-leftHandle:before,.VideoTrim-rightHandle:before {
    background: #4489be;
    box-shadow: 5px 0 0 #4489be;
    content: "";
    left: 6px;
    height: 24px;
    position: absolute;
    top: 12px;
    width: 2px
}

.VideoTrim-midHandle.is-active .VideoTrim-leftHandle:before,.VideoTrim-midHandle.is-active .VideoTrim-rightHandle:before,.VideoTrim-leftHandle.is-hover:before,.VideoTrim-rightHandle.is-hover:before {
    background: #1da1f2;
    box-shadow: 5px 0 0 #1da1f2
}

.VideoTrim-leftHandle {
    border-radius: 5px 0 0 5px;
    left: -19px
}

.VideoTrim-rightHandle {
    border-radius: 0 5px 5px 0;
    right: -19px
}

.VideoTrim-midHandle,.VideoTrim-midHandlePlay {
    bottom: 0;
    position: absolute;
    top: 0
}

.VideoTrim-midHandleCursor,.VideoTrim-selectionCursor,.VideoTrim-timelineCursor,.VideoTrim-shroud {
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.VideoTrim-midHandleCursor,.VideoTrim-selectionCursor,.VideoTrim-timelineCursor,.VideoTrim-shroud,.VideoTrim-timeBubble {
    cursor: move;
    cursor: url(https://abs.twimg.com/cursor/grab.cur),auto;
    cursor: -moz-grab
}

.VideoTrim-shroud {
    display: none;
    z-index: 10
}

.VideoTrim-shroud.is-sideways {
    cursor: ew-resize
}

.VideoTrim-midHandleCursor,.VideoTrim-selectionCursor {
    margin: -5px 0
}

.VideoTrim-timelineCursor {
    cursor: pointer;
    margin: -3px
}

.VideoTrim-midHandleInner {
    background: #1da1f2;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.VideoTrim-midHandleGrip {
    left: 50%;
    position: absolute;
    top: 22px
}

.VideoTrim-midHandleGrip:before {
    background: #4489be;
    border-radius: 1.5px;
    box-shadow: -8px -8px #4489be,0 -8px #4489be,8px -8px #4489be,-8px 0 #4489be,8px 0 #4489be,-8px 8px #4489be,0 8px #4489be,8px 8px #4489be;
    content: "";
    height: 3px;
    margin-left: -1.5px;
    position: absolute;
    width: 3px
}

.VideoTrim-midHandle.is-active {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)"
}

.VideoTrim-midHandle.is-active .VideoTrim-hideTicks {
    display: none
}

.WhoToFollow {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e6ecf0;
    display: none;
    font-size: 12px;
    padding: 15px
}

.WhoToFollow.is-visible {
    display: block
}

.WhoToFollow-header {
    margin-bottom: 15px
}

.WhoToFollow-title {
    color: #66757f;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    line-height: 1
}

.WhoToFollow-users .account-group {
    font-size: 14px;
    line-height: 14px
}

.WhoToFollow-users>.account-summary {
    margin-bottom: 15px
}

.WhoToFollow-users .username {
    color: #657786
}

.WhoToFollow-users .metadata.social-context {
    white-space: normal
}

.WhoToFollowViewAllPage.three-col .content-main {
    float: none;
    margin: 0
}

.WhoToFollowViewAllPage .content-header .header-inner {
    border-radius: 6px 6px 0 0
}

.WhoToFollowViewAllPage .AppContent {
    min-width: 890px
}

.modal-body .age-gate-container p {
    font-size: 14px;
    line-height: 20px
}

.modal-body .age-gate-error {
    font-size: 14px;
    color: #cf4f53;
    float: right;
    margin-top: 12px;
    margin-right: 5px
}

.modal-body .age-gate-error .icon {
    margin-right: 4px;
    margin-top: 2px
}

.modal-body .age-gate-container select {
    width: auto
}

.modal-body .age-gate-container .age-gate-bottom {
    margin-top: 15px;
    margin-bottom: 0
}

.modal-body .age-gate-container a {
    font-size: 14px
}

.modal-body .age-gate-container .age-gate-header p {
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 8px
}

.modal-footer.age-gate-footer {
    padding: 12px;
    margin-right: 5px
}

.ProfileAlerts .leftcontent .alerts-signup h2 {
    text-align: left
}

.ProfileAlerts .alerts-signup .signup {
    background: 0;
    border: 0
}

.ProfileAlerts .alerts-signup .btn {
    width: 100%;
    font-size: 14px;
    max-width: 450px
}

.twitter-alerts .ProfileAlerts .header {
    width: 100%;
    background-image: url(../../img/t1/profile_alerts/bg_alerts.png);
    background-size: cover;
    padding: 40px 14px 15px
}

.ProfileAlerts .bg {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -1
}

.ProfileAlerts .header {
    padding: 35px 0;
    margin: 0 auto;
    color: #fff;
    line-height: 32px;
    text-align: center;
    text-shadow: rgba(86,60,43,0.75) 0 1px 2px
}

.ProfileAlerts .header h1,.ProfileAlerts .header h3 {
    display: inline;
    font-size: 27px;
    color: #fff;
    letter-spacing: .03em
}

.ProfileAlerts .header h1 span {
    font-size: 18px;
    margin-left: 5px;
    letter-spacing: normal
}

.ProfileAlerts .header h2 {
    color: #fff;
    font-size: 27px
}

.ProfileAlerts .wrapper {
    background-image: none
}

.ProfileAlerts .content {
    max-width: 1024px;
    background-color: #fff;
    margin: 0 auto 55px auto;
    border-radius: 4px;
    padding: 40px
}

.ProfileAlerts .leftcontent {
    margin-top: 10px;
    max-width: 450px;
    float: left
}

.ProfileAlerts .leftcontent .subtitle {
    color: #66757f;
    margin: 15px 0;
    font-weight: bold
}

.ProfileAlerts .leftcontent h2 {
    text-align: center
}

.ProfileAlerts .description-content {
    float: right;
    width: 450px
}

.ProfileAlerts .learn-more-desc {
    float: right;
    line-height: 20px;
    color: #66757f;
    margin: 30px 35px 0 0;
    width: 220px
}

.ProfileAlerts .learn-more li {
    display: block;
    width: 100%;
    margin: 15px 0
}

.ProfileAlerts .subscriber {
    margin-top: 140px;
    margin-left: 0;
    font-weight: bold;
    font-size: 27px;
    line-height: 32px;
    text-align: left;
    color: #14171a
}

.ProfileAlerts .subscriber .count {
    margin: 30px 0;
    font-size: 27px;
    color: #1b95e0
}

.ProfileAlerts .signup input,.ProfileAlerts .signinfrm input:not([type="checkbox"]) {
    padding: 9px 10px;
    margin: 10px 0;
    color: #657786;
    font-size: 14px;
    width: 100%;
    border-radius: 4px;
    display: block;
    display: inline;
    max-width: 427px;
    box-shadow: inset 0 1px 0 #eee,#fff 0 1px 0
}

.ProfileAlerts .signup label input,.ProfileAlerts .signinfrm label input {
    width: 15px
}

.ProfileAlerts .signup input.btn {
    color: #14171a
}

.ProfileAlerts #pw2 {
    max-width: 200px
}

.ProfileAlerts #email {
    max-width: 198px
}

.ProfileAlerts img {
    max-width: 100%
}

.ProfileAlerts .textbox span {
    display: inline-block;
    margin-bottom: 10px
}

.ProfileAlerts .subchck .remember {
    color: #657786;
    padding-top: 10px
}

.ProfileAlerts .content .btn {
    padding: 8px 10px;
    margin-top: 5px;
    border-radius: 4px;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px
}

.ProfileAlerts .alerts-signup .email {
    margin-right: 25px
}

.ProfileAlerts .alerts-signup .password,.alerts-signup .email {
    width: 100%;
    max-width: 199px;
    display: inline-block
}

.ProfileAlerts .signin {
    font-size: 12px;
    color: #fff;
    border: solid 1px #057ed0;
    background: #33bcef;
    background: linear-gradient(#33bcef,#019ad2)
}

.ProfileAlerts .signupfrm {
    margin-top: 25px
}

.ProfileAlerts .short {
    width: 20%;
    margin-top: 12px
}

.ProfileAlerts .alerts-signup {
    margin-top: 20px
}

.ProfileAlerts .alerts-signin h1 {
    margin-bottom: 10px
}

.ProfileAlerts .can-receive {
    margin-bottom: 20px
}

.ProfileAlerts .can-receive span {
    color: #66757f;
    margin-right: 14px;
    font-size: 12px;
    font-weight: bold
}

.ProfileAlerts .profile-card.profile-header .profile-picture {
    margin: 20px auto 6px
}

.ProfileAlerts .profile-card.profile-header {
    width: 450px
}

.ProfileAlerts .not-following {
    color: #fff;
    text-shadow: none;
    background: #33bcef;
    background: linear-gradient(#33bcef,#019ad2);
    border: 1px solid #0481b1;
    margin: 10px 0
}

.ProfileAlerts .not-following:hover,.ProfileAlerts .not-following:focus {
    color: #fff;
    text-shadow: none;
    background: #2daddc;
    background: linear-gradient(#2daddc,#0271bf);
    border: 1px solid #2daddc
}

.ProfileAlerts .following {
    color: #fff;
    text-shadow: none;
    background: #be4242;
    background: linear-gradient(#be4242,#9d1c1d);
    border: 1px solid #971c13;
    margin: 10px 0
}

.ProfileAlerts .following:hover,.ProfileAlerts .following:focus {
    color: #fff;
    text-shadow: none;
    background: #971c13;
    background: linear-gradient(#971c13,#7d1811);
    border: 1px solid #971c13
}

.ProfileAlerts .following .not-following-text {
    display: none
}

.ProfileAlerts .not-following .following-text {
    display: none
}

.ProfileAlerts .alerts-footer {
    width: 100%;
    height: 43px;
    clear: both;
    position: relative;
    top: 100px
}

.ProfileAlerts .alerts-footer ul {
    text-align: center;
    margin: 0 auto
}

.ProfileAlerts .alerts-footer li {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    text-align: center
}

.ProfileAlerts .alerts-footer li a {
    color: #ccd6dd;
    font-size: 12px
}

.ProfileAlerts .alerts-icon {
    width: 65px;
    height: 45px;
    background-image: url(../../img/t1/profile_alerts/icn_alerts.png);
    display: inline-block
}

.ProfileAlerts .desc-step1,.ProfileAlerts .desc-step2,.ProfileAlerts .desc-step3 {
    width: 154px;
    height: 124px;
    display: inline-block
}

.ProfileAlerts .desc-step1 {
    background-image: url(../../img/t1/profile_alerts/step1.png)
}

.ProfileAlerts .desc-step2 {
    background-image: url(../../img/t1/profile_alerts/step2.png)
}

.ProfileAlerts .desc-step3 {
    background-image: url(../../img/t1/profile_alerts/step3.png)
}

.ProfileAlerts .icn-alert,.ProfileAlerts .icn-msg,.ProfileAlerts .icn-notification {
    background-image: url(../../img/t1/profile_alerts/can_receive_sprite.png);
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.ProfileAlerts .icn-msg {
    background-position: -36px 0
}

.ProfileAlerts .icn-notification {
    background-position: -72px 0
}

.ProfileAlerts .main-title {
    font-size: 27px;
    line-height: 32px
}

.ProfileAlerts .alert h4 {
    font-size: 18px
}

.ProfileAlerts .sub-heading {
    color: #66757f;
    font-size: 18px;
    line-height: 24px
}

.ProfileAlerts .description-text {
    color: #66757f;
    font-size: 14px;
    line-height: 20px
}

.ProfileAlerts .main-header {
    margin-bottom: 22px
}

.ProfileAlerts .sms-form .skip-activation {
    color: #66757f;
    float: right;
    font-size: 12px
}

.ProfileAlerts .sms-form button.continue {
    float: right;
    margin-top: 0;
    width: 100px
}

.ProfileAlerts .sms-form label {
    font-size: 14px;
    font-weight: bold
}

.ProfileAlerts .sms-form select {
    width: 100%
}

.ProfileAlerts .sms-form label.country-code {
    display: inline-block;
    font-weight: normal;
    width: 32px
}

.ProfileAlerts .sms-form .phone-number {
    line-height: 25px;
    width: 260px
}

.ProfileAlerts .verified-phone .verified-phone-number {
    color: #66757f;
    display: block;
    float: left;
    font-size: 27px;
    font-weight: bold;
    margin-top: 30px;
    padding: 20px 0
}

.ProfileAlerts .verified-phone .verified-phone-info button {
    float: right;
    margin-top: 42px;
    width: 135px
}

.ProfileAlerts .verified-phone a.change-phone {
    color: #66757f;
    float: right;
    font-size: 12px;
    margin-top: 10px
}

.ProfileAlerts .description-ways-to-receive {
    margin: 35px 0 15px 0
}

.ProfileAlerts .download .icn-notification,.ProfileAlerts .download .icn-msg {
    float: left
}

.ProfileAlerts .download .description-text,.ProfileAlerts .download .icn-notification,.ProfileAlerts .download .icn-msg {
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 15px
}

.ProfileAlerts .download .description-title {
    margin-top: 10px
}

.ProfileAlerts .download a.primary-btn {
    color: #fff;
    margin-top: 20px;
    padding: 8px 15px;
    text-align: center
}

@media all and (max-width:1015px) {
    .ProfileAlerts .signup input,.ProfileAlerts .signinfrm input:not([type="checkbox"]),.ProfileAlerts .alerts-signup .password,.ProfileAlerts .alerts-signup .email {
        max-width: 356px
    }

    .ProfileAlerts .profile-card.profile-header {
        width: 320px
    }

    .ProfileAlerts .leftcontent h2 {
        float: left;
        padding: 0 15px
    }

    .ProfileAlerts .leftcontent h2.username {
        float: inherit
    }

    .ProfileAlerts .leftcontent {
        margin-right: 25px;
        max-width: 380px
    }

    .ProfileAlerts .subscriber {
        margin-top: 0;
        font-size: 27px
    }

    .ProfileAlerts .subscriber .count {
        margin: 10px 0;
        font-size: 64px
    }

    .ProfileAlerts #header {
        margin: 0 auto;
        max-width: 560px;
        text-align: center;
        text-shadow: rgba(86,60,43,0.75) 0 1px 2px
    }

    .ProfileAlerts #header h1 span {
        display: inline-block;
        font-size: 18px;
        margin-left: 5px
    }

    .ProfileAlerts #header h2 {
        color: #fff;
        font-size: 21px
    }

    .ProfileAlerts .can-receive {
        width: 185px
    }

    .ProfileAlerts .can-receive span {
        display: inline-block;
        padding: 20px 14px 0 0
    }

    .ProfileAlerts .description-content {
        float: right;
        max-width: 420px
    }

    .ProfileAlerts .sms-form .phone-number {
        width: 210px
    }

    .ProfileAlerts .verified-phone .verified-phone-info button {
        float: left;
        margin-top: 1px
    }
}

@media all and (max-width:880px) {
    .ProfileAlerts .description-content {
        float: left;
        margin-top: 25px;
        width: 100%
    }

    .ProfileAlerts .content {
        max-width: 384px
    }

    .ProfileAlerts #header h1 span {
        display: inline-block;
        margin-left: 5px
    }

    .ProfileAlerts #header h2 {
        color: #fff;
        font-size: 18px
    }

    .ProfileAlerts h1 {
        font-size: 18px
    }

    .ProfileAlerts .leftcontent {
        margin-right: 0
    }

    .ProfileAlerts .desc-step1,.ProfileAlerts .desc-step2,.ProfileAlerts .desc-step3 {
        margin: 0 auto;
        display: block
    }

    .ProfileAlerts .learn-more li {
        margin: 15px 0 80px 0;
        width: inherit
    }

    .ProfileAlerts .learn-more-desc {
        float: left;
        margin: 30px 35px 20px 0;
        width: 380px
    }

    .ProfileAlerts .verified-phone .verified-phone-number {
        padding-top: 0
    }
}

@media all and (max-width:560px) {
    .ProfileAlerts .signup input,.ProfileAlerts .signinfrm input:not([type="checkbox"]),.ProfileAlerts .alerts-signup .password,.ProfileAlerts .alerts-signup .email {
        max-width: 298px
    }

    .ProfileAlerts .leftcontent {
        max-width: 320px
    }

    .ProfileAlerts .global-nav .container {
        min-width: 320px
    }

    .ProfileAlerts .content {
        padding: 40px 0
    }

    .ProfileAlerts .mobile-signup-desc {
        margin: 10px 25px;
        color: #66757f
    }

    .ProfileAlerts .mobile-signup {
        margin-left: 25px
    }

    .ProfileAlerts .mobile-signup h2 {
        padding: 0
    }

    .ProfileAlerts .mobile-signup a.signup-btn {
        width: 297px
    }

    .ProfileAlerts a.signup-btn {
        text-align: center;
        width: 287px;
        color: #000
    }

    .ProfileAlerts .alerts-signin {
        margin-top: -10px;
        margin: 0 25px 10px 25px
    }

    .ProfileAlerts .alerts-signin .btn,.ProfileAlerts .alerts-signup .btn {
        width: 320px
    }

    .ProfileAlerts .signup {
        margin-left: 25px;
        margin-right: 35px
    }

    .ProfileAlerts .description-content {
        max-width: 340px
    }

    .ProfileAlerts .description-content,.ProfileAlerts .can-receive,.ProfileAlerts .subtitle,.ProfileAlerts .leftcontent h1 {
        padding-left: 25px
    }

    .ProfileAlerts .alerts-signin h1 {
        padding-left: 0
    }

    .ProfileAlerts .header .alerts-icon {
        display: none
    }

    .ProfileAlerts .header h1,.ProfileAlerts .header h3 {
        display: inline;
        font-size: 38px
    }

    .ProfileAlerts .header h2 {
        font-size: 15px;
        width: 340px;
        margin: 0 auto
    }

    .ProfileAlerts .header h1 span {
        display: inline-block
    }

    .ProfileAlerts .twitter-alerts .wrapper.white,.ProfileAlerts .twitter-alerts .wrapper.black {
        padding: 20px 0 0 0;
        background-size: 200%
    }

    .ProfileAlerts .learn-more-desc {
        width: 320px;
        float: left
    }

    .ProfileAlerts .leftcontent {
        margin-right: 25px;
        max-width: 375px;
        padding-right: 25px
    }

    .ProfileAlerts .leftcontent .alert {
        margin-left: 25px
    }

    .ProfileAlerts .subscriber {
        font-size: 26px
    }

    .ProfileAlerts .subscriber .count {
        margin: 5px 0;
        font-size: 48px
    }

    .ProfileAlerts .profile-card.profile-header {
        float: none;
        margin-left: 25px
    }

    .ProfileAlerts #lifeline-follow-box {
        margin-left: 25px;
        width: inherit
    }

    .ProfileAlerts p.description-text {
        padding-right: 25px
    }

    .ProfileAlerts a.learn-more {
        display: none
    }

    .ProfileAlerts .sms-form {
        margin-left: 25px
    }

    .ProfileAlerts .sms-form h1 {
        padding-left: 0
    }

    .ProfileAlerts .sms-form-verify p {
        margin-left: 25px
    }

    .ProfileAlerts .verified-phone .sub-heading {
        margin-left: 25px
    }

    .ProfileAlerts .verified-phone-info {
        margin-left: 25px
    }

    .ProfileAlerts .sms-form .phone-number {
        width: 135px
    }

    .ProfileAlerts .leftcontent.download {
        margin-left: 25px
    }

    .ProfileAlerts .leftcontent.download .main-title {
        padding-left: 0
    }

    .ProfileAlerts .download .primary-btn {
        width: 300px
    }

    .ProfileAlerts .download .btn {
        width: 300px
    }
}

@media all and (max-width:325px) {
    .ProfileAlerts .header {
        padding-top: 30px;
        padding-bottom: 10px
    }

    .ProfileAlerts .header h2 {
        font-size: 12px;
        width: 280px
    }

    .ProfileAlerts .content {
        padding: 40px 0;
        border-radius: 0
    }

    .ProfileAlerts .profile-card.profile-header {
        margin-left: 0
    }

    .ProfileAlerts #lifeline-follow-box {
        margin-left: 0;
        width: inherit
    }

    .ProfileAlerts #lifeline-follow-box .btn {
        width: 125px
    }

    .ProfileAlerts .module {
        border: 0
    }

    .ProfileAlerts .description-content h1 {
        padding-top: 0;
        margin-top: 0
    }

    .ProfileAlerts .alerts-signin {
        margin-top: -20px
    }

    .ProfileAlerts .alerts-signin .btn {
        width: 100%;
        margin: 10px 0 0 0
    }

    .ProfileAlerts .description-content {
        max-width: 250px
    }

    .ProfileAlerts .mobile-signup {
        width: 310px;
        margin-left: 0
    }

    .ProfileAlerts .mobile-signup a.signup-btn {
        width: 237px
    }

    .ProfileAlerts .mobile-signup h2 {
        margin-left: 25px
    }

    .ProfileAlerts a.learn-more {
        display: inline;
        margin-left: 25px
    }

    .ProfileAlerts .learn-more-desc {
        margin: 5px 35px 40px 0;
        width: 270px
    }

    .ProfileAlerts .profile-card.profile-header {
        margin-top: -41px
    }

    .ProfileAlerts .leftcontent {
        margin-right: 0;
        padding-right: 0
    }

    .ProfileAlerts .leftcontent .alert {
        margin: -20px 25px 30px
    }

    .ProfileAlerts .leftcontent .alert .content-placeholder-alert {
        margin: 10px 25px 15px
    }

    .ProfileAlerts .sms-form {
        margin-left: 0
    }

    .ProfileAlerts .sms-form .control-group {
        padding: 5px 25px;
        margin-bottom: 0
    }

    .ProfileAlerts .sms-form .phone-number {
        margin: 0 0 15px;
        width: 224px
    }

    .ProfileAlerts .sms-form button.continue {
        float: none;
        width: 100%;
        margin: 0
    }

    .ProfileAlerts .sms-form .skip-activation {
        margin-right: 25px
    }

    .ProfileAlerts .sms-form.sms-form-verify .alert.content-placeholder-alert {
        margin: 10px 25px 15px
    }

    .ProfileAlerts .sms-form.sms-form-verify p {
        margin-right: 25px
    }

    .ProfileAlerts .sms-form,.ProfileAlerts .verified-phone {
        margin-top: -20px
    }

    .ProfileAlerts .sms-form h1,.ProfileAlerts .verified-phone h1 {
        font-size: 18px;
        line-height: 24px;
        padding: 0 25px
    }

    .ProfileAlerts .sms-form h2,.ProfileAlerts .verified-phone h2 {
        font-size: 14px;
        line-height: 18px
    }

    .ProfileAlerts .sms-form .sub-heading,.ProfileAlerts .verified-phone .sub-heading {
        font-size: 18px;
        line-height: 24px;
        margin: 5px 25px
    }

    .ProfileAlerts .verified-phone .verified-phone-number {
        font-size: 27px;
        margin-top: 15px
    }

    .ProfileAlerts .verified-phone .verified-phone-info button {
        margin: 0
    }

    .ProfileAlerts .verified-phone a.change-phone {
        margin-right: 30px
    }

    .ProfileAlerts .download .main-title {
        margin-top: -20px
    }

    .ProfileAlerts .download .primary-btn {
        width: 237px
    }

    .ProfileAlerts .download p.description-text {
        margin-left: 50px
    }

    .ProfileAlerts .download .btn {
        width: 237px;
        margin: 10px 0
    }
}

.BackgroundImagePrompt {
    background-size: cover;
    background-position: 50% top;
    background-repeat: no-repeat;
    padding: 20px 40px;
    position: relative;
    text-align: center;
    border-radius: 5px
}

.BackgroundImagePrompt-dismiss {
    margin: 10px;
    line-height: 12px;
    padding: 0;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff
}

.BackgroundImagePrompt-title {
    margin-bottom: 10px;
    font-size: 27px;
    font-weight: 500
}

.BackgroundImagePrompt-text {
    font-size: 18px;
    width: 450px;
    margin: 0 auto 10px
}

.BackgroundImagePrompt-title,.BackgroundImagePrompt-text {
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.PermalinkOverlay {
    background-color: transparent;
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010
}

.PermalinkOverlay-with-background {
    background: rgba(0,0,0,0.55)
}

.PermalinkOverlay.load-at-boot {
    display: block
}

.PermalinkOverlay-modal {
    background-color: transparent;
    border-radius: 6px;
    min-height: 250px;
    margin-bottom: 20px;
    position: absolute;
    top: 60px!important;
    left: 50%;
    width: 640px;
    margin-left: -320px;
    transform: translate3d(0,0,0)
}

.PermalinkOverlay-spinnerContainer {
    background-color: #fff;
    border-radius: 6px
}

.PermalinkOverlay-spinner {
    background: url(../../img/t1/spinner-rosetta-gray-32x32.gif) no-repeat 0;
    display: block;
    height: 32px;
    margin: 0 auto;
    padding: 100px 0;
    width: 32px
}

.PermalinkOverlay-button {
    margin-top: 4px;
    top: 60px
}

.PermalinkOverlay-back {
    left: 50%;
    margin-left: -344px
}

.PermalinkOverlay-close {
    left: 50%;
    margin-left: 332px
}

.PermalinkOverlay-next {
    display: none;
    right: 50%;
    margin-right: 340px;
    top: 50%
}

.PermalinkOverlay-previous {
    display: none;
    left: 50%;
    margin-left: 332px;
    top: 50%
}

.PermalinkOverlay-button:focus {
    outline: 0
}

.PermalinkOverlay-button .Icon {
    color: #fff
}

.PermalinkOverlay .permalink {
    margin-bottom: 0
}

.PermalinkOverlay .permalink-tweet {
    outline: 0
}

.PermalinkOverlay .SignupCallOut,.PermalinkOverlay .Trends {
    margin-top: 10px;
    margin-bottom: 0
}

#user-data-dashboard .control-label {
    text-align: left;
    padding-top: 0;
    font-size: 14px;
    cursor: default
}

#user-data-dashboard #content-main-heading {
    font-weight: bold;
    color: #292f33
}

#user-data-dashboard .subheader {
    font-size: 14px;
    margin-top: 5px
}

#user-data-dashboard .user-data-dashboard-content {
    border: 0
}

#user-data-dashboard .Icon--tablet,.Icon--desktop {
    margin-top: -5px
}

#user-data-dashboard .settings-header {
    font-weight: normal
}

#user-data-dashboard .settings-header.account-history-header {
    margin-bottom: 30px
}

#user-data-dashboard .settings-header.other-data-header {
    margin-top: 50px
}

#user-data-dashboard .account-history .control-label {
    padding-top: 2px
}

#user-data-dashboard .account-history .controls>div {
    font-weight: bold
}

#user-data-dashboard .account-history .messaging-device:first-of-type .edit-panel {
    display: inline-block
}

#user-data-dashboard .account-history .messaging-device .edit-panel {
    display: none
}

#user-data-dashboard .controls {
    margin-left: 66px;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px
}

#user-data-dashboard .controls>div {
    margin-bottom: 5px
}

#user-data-dashboard .edit-panel a {
    font-weight: normal;
    font-size: 12px
}

#user-data-dashboard .account-history .controls .supported-text {
    font-weight: normal
}

#user-data-dashboard .account-history .controls .supported-text.multiline {
    margin-top: -5px
}

#user-data-dashboard .your-devices .control-label {
    width: 86px
}

#user-data-dashboard .your-devices .controls>div {
    margin-top: -5px;
    padding-bottom: 4px
}

#user-data-dashboard .user-dashboard-icon {
    width: 30px;
    vertical-align: top
}

#user-data-dashboard .form-horizontal .controls {
    margin-left: 147px
}

#user-data-dashboard .sessions-table {
    display: table;
    margin: .1em 0;
    width: 100%;
    font-size: 14px
}

#user-data-dashboard .sessions-table .session-row {
    display: table-row;
    height: 45px
}

#user-data-dashboard .sessions-table .session-row>div {
    display: table-cell
}

#user-data-dashboard .sessions-table .session-row.table-header {
    color: #a09d9d;
    font-weight: normal;
    height: 25px;
    font-size: 12px
}

#user-data-dashboard .sessions-table .date-column {
    width: 33%
}

#user-data-dashboard .sessions-table .application-column {
    width: 33%
}

#user-data-dashboard .sessions-table .ip-column {
    width: 33%
}

#user-data-dashboard .sessions-table .session-row.hidden-session {
    display: none
}

#user-data-dashboard .sessions-table .session-row.rule-row {
    border-bottom: 1px solid #e1e8ed
}

#user-data-dashboard .app-push-device-clear-fix {
    clear: both;
    margin-bottom: 1em
}

#user-data-dashboard .sessions-table .session-data {
    display: table-row-group
}

#user-data-dashboard .sessions-table .session-data>div {
    display: none
}

#user-data-dashboard .sessions-table .session-data>div:nth-of-type(-n+100) {
    display: table-row
}

#user-data-dashboard .show-more-btn {
    cursor: pointer
}

#user-data-dashboard .show-less-btn {
    cursor: pointer;
    display: none
}

#unrecognized-activity-message.hidden-message {
    display: none
}

#user-data-dashboard .other-data .controls>div {
    width: 300px;
    padding-top: 2px;
    margin-top: -5px
}

.ActiveSessionsTable {
    display: table;
    font-size: 14px;
    margin: .1em 0;
    width: 100%
}

.ActiveSessionsTable-row {
    display: table-row;
    height: 45px
}

.ActiveSessionsTable-row>div {
    display: table-cell
}

.ActiveSessionsTable-row.table-header {
    color: #a09d9d;
    font-size: 12px;
    font-weight: normal;
    height: 25px
}

.ActiveSessionsTable-creationDateColumn {
    position: absolute;
    width: 50%
}

.ActiveSessionsTable-terminateDeviceColumn {
    width: 50%
}

.ActiveSessionsTable-row-hiddenSession {
    display: none
}

.ActiveSessionsTable-row-ruleRow {
    border-bottom: 1px solid #e1e8ed
}

.ActiveSessionsTable-data {
    display: table-row-group
}

.blocked-accounts-dropdown {
    float: right
}

.blocked-accounts-action-btn-text {
    font-size: 12px
}

.blocked-accounts-icon-small {
    font-size: 7px
}

.blocked-accounts-page .toggle {
    float: left
}

.blocked-account-nav {
    height: 20px
}

.ThreadedConversation--header {
    background-color: #fff;
    border-bottom: 1px solid #e6ecf0;
    border-top: 1px solid #e6ecf0;
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
    padding-bottom: 16px;
    padding-left: 37px;
    padding-top: 16px
}

.ThreadedConversation,.ThreadedConversation--loneTweet {
    background-color: white
}

.ThreadedConversation-unavailableTweet {
    display: block;
    position: relative;
    padding: 6px 0 8px 0
}

.ThreadedConversation-unavailableTweet:before,.ThreadedConversation-unavailableTweet:after {
    height: 11px
}

.ThreadedConversation-unavailableTweet:after {
    top: 23px
}

.ThreadedConversation-unavailableText {
    color: #aab8c2;
    font-size: 13px;
    font-weight: 300;
    margin-left: 99px
}

.ThreadedConversation .vellip {
    left: 61px;
    bottom: 15px
}

.ThreadedConversation.animating {
    overflow: hidden
}

.ThreadedConversation .ThreadedConversation-tweet .stream-item .tweet {
    border-bottom: 0
}

.ThreadedConversation-tweet {
    position: relative
}

.ThreadedConversation-tweet:not(.is-hiddenAncestor) ~ .ThreadedConversation-tweet:before,.ThreadedConversation-tweet:after,.ThreadedConversation-moreReplies:before,.ThreadedConversation-unavailableTweet:before,.ThreadedConversation-unavailableTweet:after,.ThreadedConversation--permalinkTweetWithAncestors:before {
    content: "";
    position: absolute;
    width: 3px;
    background-color: #1da1f2;
    left: 61px;
    border-radius: 3px / 7px;
    z-index: 1
}

.ThreadedConversation-tweet.last:after {
    display: none
}

.ThreadedConversation-tweet:after {
    top: 64px;
    bottom: 0
}

.ThreadedConversation-tweet+.ThreadedConversation-tweet .ReplyingToContextBelowAuthor {
    display: none
}

.ThreadedConversation-tweet:before,.ThreadedConversation-moreReplies:before,.ThreadedConversation-unavailableTweet:before,.ThreadedConversation--permalinkTweetWithAncestors:before {
    top: -3px
}

.ThreadedConversation-tweet:before {
    bottom: auto;
    height: 13px
}

.ThreadedConversation--permalinkTweetWithAncestors:before {
    bottom: auto;
    height: 12px
}

.ThreadedConversation,.ThreadedConversation-moreReplies:after {
    border-bottom: 1px solid #e6ecf0
}

.ThreadedConversation-moreReplies:before {
    height: 13px
}

.ThreadedConversation-moreReplies {
    position: relative;
    padding-bottom: 7px
}

.ThreadedConversation-moreReplies .vellip {
    bottom: 20px
}

.ThreadedConversation-showMoreThreads:after {
    border-bottom: 1px solid #e6ecf0
}

.ThreadedConversation-moreRepliesLink {
    display: block;
    margin-left: 99px;
    padding: 7px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ThreadedConversation-moreReplies .ThreadedConversation-moreRepliesSpinner {
    background: url(../../img/t1/spinner-rosetta-blue-26x26.gif) no-repeat 0 0;
    display: block;
    height: 26px;
    margin: 0 auto;
    padding-top: 6px;
    width: 26px;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    transition: opacity .3s ease-in .8s
}

.ThreadedConversation-showMoreThreads {
    background: #fff;
    border-bottom: 1px solid #e6ecf0;
    margin-top: 10px
}

.ThreadedConversation-showMoreThreadsButton {
    position: relative;
    display: block;
    font-weight: normal;
    height: 45px;
    line-height: 45px;
    text-align: center;
    vertical-align: middle;
    width: 100%
}

.ThreadedConversation-showMoreThreadsButton:hover {
    text-decoration: underline
}

.ThreadedConversation-showMoreSpinner {
    background: url(../../img/t1/spinner-rosetta-blue-26x26.gif) no-repeat 0 0;
    display: block;
    height: 26px;
    margin: 10px auto;
    width: 26px;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    transition: opacity .3s ease-in .8s
}

.ThreadedConversation-showMoreThreads .Tombstone {
    margin: 12px
}

.ThreadedConversation-tweet.is-hiddenAncestor {
    display: none
}

.ThreadedConversation.ThreadedConversation--ancestors {
    border: 0;
    margin: 5px 0 0 0
}

.ThreadedConversation.ThreadedConversation--permalinkTweetWithAncestors {
    border: 0;
    margin: 0
}

.ThreadedConversation.ThreadedConversation--permalinkTweetWithAncestors .permalink-tweet {
    padding-top: 11px
}

.ThreadedConversation-tombstoneTweet:after {
    height: 11px;
    top: initial
}

.TweetBoxExtras {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.TweetBoxExtras .icon-btn .Icon {
    font-size: 24px;
    line-height: 24px
}

.TweetBoxExtras-item {
    display: inline-block;
    position: relative
}

.TweetBoxExtras-item+.TweetBoxExtras-item {
    margin-left: 5px
}

.TweetBoxToolbar {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.TweetBoxToolbar-tweetButton {
    margin-left: auto
}

.ComposerDragHelp {
    border: 3px dashed #51b3f1;
    bottom: 0;
    color: #ccd6dd;
    display: none;
    font-size: 18px;
    font-weight: bold;
    left: 0;
    overflow: hidden;
    position: absolute;
    pointer-events: none;
    right: 0;
    top: 0;
    z-index: 1
}

.ComposerDragHelp-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ComposerThumbnail {
    background-color: #ccd6dd;
    border: 1px solid #e6ecf0;
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.6);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin-right: 8px;
    max-width: 312px;
    overflow: hidden;
    position: relative;
    width: 113px
}

.ComposerThumbnail:last-child {
    margin-right: 0
}

.ComposerThumbnail-imageContainer {
    height: 113px;
    overflow: hidden;
    width: 113px
}

.ComposerThumbnail-description {
    background: #14171a;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 5px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ComposerThumbnail-loading {
    background: url(../../img/t1/spinner-rosetta-blue-26x26.gif) no-repeat center center white;
    bottom: 0;
    left: 0;
    opacity: .6;
    -ms-filter: "alpha(opacity=60)";
    position: absolute;
    right: 0;
    top: 0
}

.ComposerThumbnail-overlay {
    background: #14171a;
    border-radius: 4px;
    color: #fff;
    margin-top: 0;
    position: absolute
}

.ComposerThumbnail-remove {
    border-radius: 10px;
    height: 19px;
    right: 4px;
    top: 4px;
    width: 19px
}

.ComposerThumbnail-remove .Icon {
    line-height: 18px;
    display: block;
    position: static
}

.ComposerThumbnail-edit {
    bottom: 4px;
    padding: 0 6px;
    right: 4px
}

.ComposerThumbnail-duration {
    border-radius: 3px;
    bottom: 4px;
    font-size: 13px;
    left: 4px;
    line-height: 1;
    padding: 4px 5px 3px 5px
}

.ComposerThumbnail-play {
    height: 70px;
    left: 50%;
    margin: -35px;
    position: absolute;
    top: 50%;
    width: 70px
}

.ComposerThumbnail.is-removing {
    animation-name: removing-thumbnail;
    animation-duration: 300ms
}

@keyframes removing-thumbnail {
    0% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        width: 113px
    }

    50% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        width: 113px
    }

    100% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        width: 0
    }
}

.ComposerThumbnail--large {
    width: 127px
}

.ComposerThumbnail--large .ComposerThumbnail-imageContainer {
    height: 127px;
    width: 127px
}

.ComposerThumbnail-gifBadge {
    bottom: 8px;
    height: 20px;
    left: 8px;
    line-height: 1;
    padding: 0 5px
}

.ComposerThumbnail--large.is-removing {
    animation-name: removing-large-thumbnail
}

.ComposerThumbnail--video.is-removing,.ComposerThumbnail--gif.is-removing {
    animation-name: removing-thumbnail-gif-video
}

@keyframes removing-large-thumbnail {
    0% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        width: 127px
    }

    50% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        width: 127px
    }

    100% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        width: 0
    }
}

@keyframes removing-thumbnail-gif-video {
    0% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)"
    }

    100% {
        opacity: 0;
        -ms-filter: "alpha(opacity=0)"
    }
}

.ComposerVideoInfo {
    border-top: 1px solid #e6ecf0;
    font-size: 14px;
    padding-top: 9px;
    margin-top: 8px
}

.ComposerVideoInfo-title {
    font-weight: bold
}

.ComposerVideoInfo-title,.ComposerVideoInfo-description {
    margin: 3px 0
}

.ComposerVideoInfo-embeddable,.ComposerVideoInfo-cta {
    margin: 6px 0 2px
}

.ComposerVideoInfo-embeddableLabel,.ComposerVideoInfo-ctaType {
    color: #657786
}

.PollCreator.disabled {
    background: 0;
    border: 0;
    box-shadow: none
}

.PollingCardComposer {
    background-color: #f1f1f1;
    border-radius: 0 0 3px 3px;
    box-shadow: inset 0 1px 0 #ccd6dd;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px 0;
    position: relative
}

.PollingCardComposer .PollingCardComposer-remove {
    position: absolute;
    right: 12px;
    top: 10px
}

.PollingCardComposer .PollingCardComposer-addOption {
    display: none;
    height: 20px;
    margin: 10px 0 15px 36px;
    overflow: hidden
}

.PollingCardComposer[data-poll-max-options="4"] .PollingCardComposer-addOption {
    display: block
}

.PollingCardComposer[data-poll-option-4="true"] .PollingCardComposer-addOption {
    display: none
}

.PollingCardComposer[data-poll-option-3="true"] .PollingCardComposer-option3,.PollingCardComposer[data-poll-option-4="true"] .PollingCardComposer-option4 {
    display: block
}

.PollingCardComposer .PollingCardComposer-removeOption {
    color: #ccd6dd;
    display: none;
    font-size: 8px;
    height: 20px;
    margin: 5px 5px;
    padding: 0 7px
}

.PollingCardComposer[data-poll-option-3="true"] .PollingCardComposer-removeOption {
    display: inline-block
}

.PollingCardComposer .PollingCardComposer-option {
    display: none;
    padding: 2px 0 3px 0
}

.PollingCardComposer .PollingCardComposer-option1,.PollingCardComposer .PollingCardComposer-option2 {
    display: block
}

.PollingCardComposer .PollingCardComposer-option4 {
    margin-bottom: 10px
}

.PollingCardComposer-option .PollingCardComposer-optionRadio {
    float: left;
    height: 30px;
    margin: auto 10px;
    width: 15px
}

.PollingCardComposer-option div.PollingCardComposer-optionInput {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    width: 300px
}

.PollingCardComposer .PollingCardComposer-optionInput.is-showPlaceholder:before {
    content: attr(data-placeholder);
    color: #aab8c2;
    position: absolute
}

.PollingCardComposer-option .PollingCardComposer-optionInput.is-showPlaceholder:focus:before {
    opacity: .8;
    -ms-filter: "alpha(opacity=80)"
}

.PollingCardComposer-option .PollingCardComposer-optionInput em {
    font-style: normal;
    background: #fcc
}

.PollingCardComposer-option .PollingCardComposer-optionInput p {
    margin: 0
}

.PollingCardComposer .PollingCardComposer-pollDuration {
    color: #aab8c2;
    padding: 12px 0 10px 36px;
    border-top: solid 1px #ccd6dd
}

.PollingCardComposer .PollingCardComposer-durationLabel,.PollingCardComposer .PollingCardComposer-defaultDuration {
    padding-top: 4px
}

.PollingCardComposer .PollingCardComposer-customDuration,.PollingCardComposer[data-custom-duration="true"] .PollingCardComposer-defaultDuration {
    color: #66757f;
    display: none
}

.PollingCardComposer .PollingCardComposer-defaultDuration,.PollingCardComposer[data-custom-duration="true"] .PollingCardComposer-customDuration {
    display: inline-block
}

.PollingCardComposer .PollingCardComposer-customDuration--daysLabel,.PollingCardComposer .PollingCardComposer-customDuration--hoursLabel,.PollingCardComposer .PollingCardComposer-customDuration--minutesLabel {
    margin-left: 5px
}

.PollingCardComposer .PollingCardComposer-customDuration--days,.PollingCardComposer .PollingCardComposer-customDuration--hours,.PollingCardComposer .PollingCardComposer-customDuration--minutes {
    height: 28px;
    margin-left: 2px
}

.MomentAnalyticsDialog .modal {
    width: 850px
}

.MomentAnalyticsDialog .modal-close {
    right: -30px
}

.MomentAnalyticsDialog .modal-close .Icon {
    color: #fff;
    font-size: 21px
}

.MomentAnalyticsDialog .modal-title {
    color: #14171a;
    font-size: 21px;
    font-weight: 300;
    padding: 10px 0;
    text-align: left;
    width: 100%
}

.MomentAnalyticsDialog-spinner {
    text-align: center
}

.MomentAnalyticsDialog-body {
    display: none
}

.MomentAnalyticsDialog-flex {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.MomentAnalyticsDialog-flex>div {
    width: 50%
}

.MomentAnalyticsDialog-card {
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 16px
}

.MomentAnalyticsDialog-card .MomentCapsuleSummary--small {
    border: 1px solid #e6ecf0;
    border-radius: 6px
}

.MomentAnalyticsDialog-card .MomentCapsuleSummary--small .MomentCapsuleSummary-details {
    width: 275px
}

.MomentAnalyticsDialog-data {
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.MomentAnalyticsDialog-disclaimer {
    border-top: 1px solid #e6ecf0;
    color: #66757f;
    font-size: 12px;
    font-weight: 300;
    margin-top: 10px;
    padding-top: 15px;
    text-align: center
}

.MomentAnalyticsData-entry {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.MomentAnalyticsData-entryDetails {
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.MomentAnalyticsData-entryName {
    color: #14171a;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px
}

.MomentAnalyticsData-entryTip {
    color: #66757f;
    font-weight: 300;
    margin-bottom: 16px
}

.MomentAnalyticsData-entryValue {
    color: #14171a;
    font-size: 18px;
    font-weight: 400;
    min-width: 50px;
    text-align: right
}

.MomentCurationMenuItem.is-member .MomentCurationMenuItem-addText,.MomentCurationMenuItem:not(.is-member) .MomentCurationMenuItem-removeText {
    display: none
}

.MomentCapsuleSummaryListDialog .modal {
    width: 590px
}

.MomentCapsuleSummaryListDialog .modal-body {
    padding: 0
}

.MomentCapsuleSummaryListDialog .modal-close {
    top: 14px
}

.MomentCapsuleSummaryListDialog-title {
    color: #66757f;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px
}

.MomentCapsuleSummaryListDialog-header {
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #657786;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px
}

.MomentCapsuleSummaryListDialog-button.MomentCapsuleSummaryListDialog-button--newMoment {
    color: #fff;
    font-weight: normal;
    margin: 0 20px
}

.MomentCapsuleSummaryListDialog-listContainer {
    overflow-y: auto
}

.MomentCapsuleSummaryListDialog .spinner {
    margin: 15px auto
}

.MomentCapsuleSummaryListDialog .MomentCapsuleSummary {
    border-bottom: 1px #e6ecf0 solid
}

.MomentCapsuleSummaryListDialog .MomentCapsuleSummary:last-child {
    border-bottom: 0
}

.DirectMessage {
    margin-bottom: 10px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.DirectMessage.is-rapidFire {
    margin-bottom: 2px
}

.DirectMessage.is-rapidFire .Caret:after,.DirectMessage.is-rapidFire .Caret:before,.DirectMessage.is-rapidFire .DirectMessage-footer {
    display: none
}

.DirectMessage.is-rapidFire .DirectMessage-avatar {
    visibility: hidden
}

.DirectMessage-container {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.DirectMessage--sent .DirectMessage-container {
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.DirectMessage--received .DirectMessage-container {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.DirectMessage-avatar {
    height: 32px;
    width: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.DirectMessage-avatar img {
    height: 100%;
    width: 100%;
    border-radius: 4px
}

.DirectMessage-message.with-media,.DirectMessage-message.with-card,.DirectMessage-message.with-location,.DirectMessage-message.with-tweet,.DirectMessage-message.with-cta {
    width: 100%
}

.DirectMessage-location,.DirectMessage-card {
    background: white
}

.DirectMessage-media {
    background: transparent
}

.DirectMessage-media .Media,.DirectMessage-media .Sensitive,.DirectMessage-tweet .QuoteTweet,.DirectMessage-location .DMLocationAttachment,.DirectMessage-card .card2 {
    border-radius: 4px
}

.DirectMessage-message.with-text .DirectMessage-media .Media,.DirectMessage-message.with-text .DirectMessage-media .Sensitive,.DirectMessage-message.with-text .DirectMessage-tweet .QuoteTweet,.DirectMessage-message.with-text .DirectMessage-card .card2 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.DirectMessage-tweet .QuoteTweet {
    background-color: #fff;
    border-style: solid;
    border-width: 1px
}

.DirectMessage--sent .QuoteTweet,.DirectMessage--sent .QuoteTweet:hover {
    border-color: #1da1f2
}

.DirectMessage--received .QuoteTweet,.DirectMessage--received .QuoteTweet:hover {
    border-color: #e6ecf0
}

.DirectMessage-card .card2 {
    padding-bottom: 0;
    margin-top: 0
}

.DirectMessage-message {
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
    margin: 0 10px;
    max-width: 60%
}

.DirectMessage .Caret:before,.DirectMessage .Caret:after {
    top: auto!important;
    bottom: 6px!important
}

.DirectMessage .Caret:after {
    border-color: #fff
}

.DirectMessage--sent .Caret:before {
    border-color: #1da1f2
}

.DirectMessage--received .Caret:before {
    border-color: #e6ecf0
}

.DirectMessage--sent .DirectMessage-message {
    background-color: #1da1f2
}

.DirectMessage--received .DirectMessage-message {
    background-color: #e6ecf0
}

.DirectMessage-text {
    padding: 7px 12px
}

.DirectMessage-text .tweet-text {
    font-size: 12px;
    line-height: 18px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.DirectMessage--sent .DirectMessage-text {
    color: #fff!important
}

.DirectMessage--received .DirectMessage-text {
    color: #14171a
}

.DirectMessage--sent .DirectMessage-text a,.DirectMessage--sent .DirectMessage-text .pretty-link b,.DirectMessage--sent .DirectMessage-text .pretty-link s {
    color: #fff!important
}

.DirectMessage--received .DirectMessage-text a,.DirectMessage--received .DirectMessage-text .pretty-link b,.DirectMessage--received .DirectMessage-text .pretty-link s {
    color: #1b95e0
}

.DirectMessage--sent .DirectMessage-text .pretty-link b,.DirectMessage--sent .DirectMessage-text .twitter-timeline-link {
    text-decoration: underline
}

.DirectMessage-actions {
    color: #657786;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 6px
}

.DirectMessage:hover .DirectMessage-actions,.DirectMessage.active-menu .DirectMessage-actions,.DirectMessage.marked-for-deletion .DirectMessage-actions {
    visibility: visible
}

.DirectMessage-action {
    margin: 0 3px
}

.DirectMessage-action .dropdown-menu {
    top: 22px
}

.DirectMessage--sent .DirectMessage-action .dropdown-menu {
    left: -17px
}

.DirectMessage--received .DirectMessage-action .dropdown-menu {
    left: -93px
}

.DirectMessage--received .DirectMessage-action .dropdown-menu .dropdown-caret {
    left: 87px
}

.DirectMessage.is-suspicious {
    display: none
}

.DirectMessage.is-suspicious .suspicious-content-response button {
    text-decoration: underline
}

.DirectMessage-message .media-not-displayed {
    margin: 0!important
}

.DirectMessage-footer {
    font-size: 11px;
    line-height: 18px;
    color: #657786;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 42px;
    white-space: nowrap
}

.DirectMessage--sent .DirectMessage-footer {
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.DirectMessage--received .DirectMessage-footer {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.DirectMessage--sent .DirectMessage-footerItem+.DirectMessage-footerItem:after {
    content: " • ";
    margin-right: 2px
}

.DirectMessage--received .DirectMessage-footerItem+.DirectMessage-footerItem:before {
    content: " • ";
    margin-left: 2px
}

.DirectMessage--emoji .DirectMessage-message {
    background: 0;
    border: 0
}

.DirectMessage--emoji .DirectMessage-actions {
    -ms-flex-item-align: center;
    align-self: center;
    margin-bottom: 0
}

.DirectMessage--emoji .DirectMessage-text,.DirectMessage--sticker .DirectMessage-media {
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    padding: 0
}

.DirectMessage--emoji .DirectMessage-message .Emoji:first-child {
    padding-left: 0
}

.DirectMessage--emoji .DirectMessage-message .Emoji:last-child {
    padding-right: 0
}

.DirectMessage--emoji.DirectMessage--received .DirectMessage-text,.DirectMessage--sticker.DirectMessage--received .DirectMessage-media {
    -ms-transform-origin: left center;
    transform-origin: left center
}

.DirectMessage--emoji.DirectMessage--sent .DirectMessage-text,.DirectMessage--sticker.DirectMessage--sent .DirectMessage-media {
    -ms-transform-origin: right center;
    transform-origin: right center;
    text-align: right
}

.DirectMessage--sticker.is-animating .DirectMessage-media,.DirectMessage--emoji.is-animating .DirectMessage-text {
    animation-name: DM-expandEmoji
}

.DirectMessage--sticker .DirectMessage-message:hover .DirectMessage-media,.DirectMessage--emoji .DirectMessage-message:hover .DirectMessage-text {
    animation-name: DM-expandEmoji-copy
}

.DirectMessage--emoji .DirectMessage-text .tweet-text {
    backface-visibility: hidden;
    line-height: 29px
}

.DirectMessage--sticker .DirectMessage-media {
    height: 50px;
    pointer-events: none;
    width: 50px
}

.DirectMessage--sticker .DirectMessage-message {
    background-color: transparent
}

.DirectMessage .Sensitive .always-display-media {
    display: none
}

.DirectMessage--emoji .DirectMessage-message .Emoji:nth-last-child(-n+10):first-child,.DirectMessage--emoji .DirectMessage-message .Emoji:nth-last-child(-n+10):first-child ~ .Emoji {
    font-size: 27px;
    vertical-align: middle
}

.DirectMessage--emoji .DirectMessage-message .Emoji:nth-last-child(-n+1):first-child,.DirectMessage--emoji .DirectMessage-message .Emoji:nth-last-child(-n+1):first-child ~ .Emoji {
    font-size: 40px
}

@keyframes DM-expandEmoji {
    0% {
        transform: scale(0.5)
    }

    60% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes DM-expandEmoji-copy {
    30% {
        transform: scale(0.5)
    }

    60% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

.DMActivity {
    border-radius: 5px;
    display: none;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 750px;
    min-width: 425px;
    overflow: hidden;
    position: relative;
    width: 45vw
}

.DMActivity--open {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.DMActivity-header {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #e6ecf0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 65px;
    padding: 10px 15px;
    color: #657786
}

.DMActivity-container {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 80vh;
    min-height: 450px;
    overflow: hidden
}

.DMActivity-back+.DMActivity-title {
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.DMActivity-title {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #66757f;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    min-width: 0
}

.DMActivity-toolbar {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: 42px;
    white-space: nowrap
}

.DMActivity-toolbar>*+* {
    margin-left: 15px
}

.DMActivity-notice {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.DMActivity-body {
    background-color: #fff;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    position: relative
}

.DMActivity-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.DMAddParticipants-spinner {
    margin: 10px auto
}

.DMAvatar {
    border-radius: 100%;
    font-size: 0;
    height: 100%;
    line-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.DMAvatar-container {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.DMAvatar--1 .DMAvatar-image {
    height: 100%;
    width: 100%
}

.DMAvatar--2 .DMAvatar-image {
    height: 100%;
    margin-left: -50%;
    position: static
}

.DMAvatar--2 .DMAvatar-container {
    height: 100%;
    position: absolute;
    width: 50%
}

.DMAvatar--2 .DMAvatar-container:first-child {
    border-left: 1px solid transparent;
    right: 0
}

.DMAvatar--2 .DMAvatar-container:last-child {
    left: 0
}

.DMAvatar--3 .DMAvatar-container {
    height: 50%;
    position: absolute;
    width: 50%
}

.DMAvatar--3 .DMAvatar-container:first-child {
    border-left: 1px solid transparent;
    height: 100%;
    right: 0
}

.DMAvatar--3 .DMAvatar-image {
    width: 100%;
    height: 100%
}

.DMAvatar--3 .DMAvatar-container:first-child .DMAvatar-image {
    margin-left: -50%;
    position: static;
    width: auto
}

.DMAvatar--3 .DMAvatar-container:nth-child(2) {
    left: 0
}

.DMAvatar--3 .DMAvatar-container:last-child {
    border-top: 1px solid transparent;
    bottom: 0;
    left: 0
}

.DMButtonBar {
    background-color: #f5f8fa;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px
}

.DMComposeButton {
    color: #fff!important;
    font-weight: normal
}

.DMComposer {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.DMComposer-container {
    background-color: #fff;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-height: 38px!important;
    position: relative;
    width: 440px
}

.DMComposer .RichEditor {
    border: 0
}

.DMComposer .RichEditor-scrollContainer {
    max-height: 96px!important
}

.DMComposer-editor {
    padding: 8px!important;
    padding-right: 40px!important;
    word-break: break-word
}

.DMComposer .EmojiPicker-trigger {
    bottom: 4px
}

.DMComposer-editor.with-emojiBar {
    padding-right: 40px!important
}

.DMComposer-mediaPicker {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.DMComposer-send {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.DMComposer-editor.is-showPlaceholder:before {
    color: #ccd6dd;
    content: attr(data-default-placeholder);
    margin-left: 2px;
    position: absolute
}

.DMComposer.has-thumbnail .DMComposer-editor.is-showPlaceholder:before,.DMComposer.tweet-showing .DMComposer-editor.is-showPlaceholder:before {
    content: attr(data-attachment-placeholder)
}

.DMComposer.from-message-me-card .DMComposer-editor.is-showPlaceholder:before {
    content: attr(data-from-message-me-card-placeholder)
}

.DMComposer.has-text-input-quick-reply .DMComposer-editor.is-showPlaceholder {
    cursor: text;
    white-space: nowrap
}

.DMComposer.has-text-input-quick-reply .DMComposer-editor.is-showPlaceholder:before {
    content: attr(data-qr-text-input-placeholder);
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%
}

.DMComposer-emojiBar {
    position: absolute;
    bottom: 4px;
    right: 8px;
    pointer-events: none
}

.DMComposer-attachment {
    border-bottom: 1px solid #ccd6dd;
    display: none;
    padding: 8px;
    position: relative
}

.DMComposer-attachment .thumbnail-wrapper {
    padding: 0!important
}

.DMComposer.has-thumbnail .DMComposer-attachment,.DMComposer.tweet-showing .DMComposer-attachment {
    display: block
}

.DMComposer-discardTweet {
    background-color: #222;
    border-radius: 3px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 20px;
    line-height: 1;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    position: absolute;
    right: 3px;
    top: 3px;
    width: 20px
}

.DMComposer.tweet-showing .DMComposer-discardTweet {
    display: block
}

.DMComposer-discardTweet:hover,.DMComposer-discardTweet:focus {
    opacity: .8;
    -ms-filter: "alpha(opacity=80)"
}

.DMComposer-gifSearch .dropdown-menu {
    max-width: calc(45vw - 150px);
    min-width: 275px
}

.DMComposer .TweetBoxExtras {
    margin: 0 5px
}

.DMComposer .TweetBoxExtras-item {
    margin: 0
}

.DMComposer-quickReplyDismiss,.DMComposer.has-text-input-quick-reply .DMComposer-emojiBar,.DMComposer.has-text-input-quick-reply .DMComposer-gifSearch,.DMComposer.has-text-input-quick-reply .DMComposer-mediaPicker {
    display: none
}

.DMComposer.has-text-input-quick-reply .DMComposer-quickReplyDismiss {
    display: block
}

.DMComposer .DMComposer-quickReplyDismiss {
    height: 38px
}

.DMComposer .QuickReplyDismiss,.DMComposer .QuickReplyDismiss-icon {
    height: 100%
}

.DMComposer .QuickReplyDismiss-icon .Icon--close {
    font-size: 14px
}

.DMComposer .tweet-box {
    border: none!important;
    min-height: 0!important
}

.DMComposer-mediaPicker .photo-selector {
    margin: 0!important
}

.DMComposer .icon-btn {
    border: none!important;
    background: none!important
}

.DMComposer-media .thumbnail-container {
    background-color: transparent!important;
    box-shadow: none!important;
    height: auto!important;
    position: static!important
}

.DMComposer-tweet .tweet {
    padding: 0!important
}

.DMComposer-tweet .tweet-poi-geo-text {
    display: none
}

.DMComposer-send button {
    padding: 9.5px 16px!important
}

.DMConversation {
    position: relative
}

.DMConversation-scrollContainer {
    max-height: 100%;
    overflow-x: hidden;
    padding: 15px;
    position: relative;
    transform: translateZ(0)
}

.DMConversation-container {
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.DMConversation-content {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.DMConversation-sendingStateIndicator {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px
}

.DMConversation-composer {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #e6ecf0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5)
}

.DMConversation-composer.is-showingQuickReply {
    padding-bottom: 0
}

.DMConversation-composer.is-showingQuickReply .DMComposer {
    padding-bottom: 7px
}

.DMConversation-readonly {
    width: 100%
}

.DMConversation-readonly,.DMConversation.is-readonly .DMConversation-composer {
    display: none
}

.DMConversation-composer,.DMConversation.is-readonly .DMConversation-readonly {
    display: block
}

.DMConversation-readOnlyFooter {
    padding: 15px;
    background-color: #eee;
    border-top: 1px solid #e6ecf0;
    border-radius: 0 0 6px 6px
}

.DMConversation-newMessagesPillContainer {
    position: absolute;
    top: 100%;
    width: 100%;
    text-align: center
}

.DMConversation-newMessagesPill {
    background-color: #fff;
    border: 1px solid #1da1f2;
    border-radius: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #1da1f2;
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    padding: 0 16px;
    position: relative;
    top: -40px;
    transition: all .35s linear;
    visibility: visible;
    z-index: 5
}

.DMConversation-newMessagesPill.is-hidden {
    transition: all .35s linear;
    top: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    visibility: hidden
}

.DMConversation .Icon--arrowDown {
    vertical-align: top
}

.DMConversation-lastReadMarker {
    margin: 0 auto 16px;
    width: 75%
}

.DMConversation-typingIndicator {
    overflow: hidden
}

.DMConversationEntry {
    display: block;
    color: #657786;
    font-size: 12px;
    margin-bottom: 16px;
    text-align: center
}

.DMConversationJoinEntry {
    position: relative
}

.DMConversationJoinEntry-message {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px
}

.DMConversationJoinEntry-facepile {
    margin: 5px 15%
}

.DMConversationJoinEntry-avatar {
    display: inline-block;
    width: 32px;
    height: 32px
}

.DMDialog {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: auto
}

@media screen and (max-height:450px) {
    .DMDialog {
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.DMDialogTypeahead {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    padding-top: 8px
}

.DMDivider {
    background-color: #fff;
    color: inherit;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.DMDivider:before {
    border-bottom: 1px solid #e6ecf0;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 100%
}

.DMDivider-text {
    background-color: inherit;
    display: inline-block;
    padding: 0 20px;
    position: relative;
    z-index: 1
}

.DMEmptyState {
    text-align: left;
    margin: 64px
}

.DMEmptyState-header {
    color: black;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 8px
}

.DMEmptyState-details {
    color: #66757f;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 32px
}

.DMEmptyState-cta .Icon {
    vertical-align: top
}

.DMInbox-content {
    max-height: 100%;
    transform: translateZ(0)
}

.DMInbox-spinner {
    margin: 10px auto
}

.DMInbox.is-empty .DMInbox-empty {
    display: block
}

.DMInbox-empty,.DMInbox.is-empty .DMInbox-conversations,.DMInbox.is-empty .DMInbox-spinner,.DMInbox.is-empty .DMInbox-toolbar {
    display: none
}

.DMInboxItem {
    border-bottom: 1px solid #e6ecf0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 82px;
    padding: 15px;
    padding-left: 77px;
    position: relative
}

.DMInboxItem:hover {
    background-color: #f5f8fa!important;
    text-decoration: none
}

.DMInboxItem.is-unread {
    background-color: #eaf5fd
}

.DMInboxItem.is-muted .DMInboxItem-snippet {
    margin-right: 26px
}

.DMInboxItem.is-muted .DMInboxItem-media {
    right: 26px
}

.DMInboxItem-avatar {
    height: 52px;
    left: 15px;
    position: absolute;
    top: 15px;
    width: 52px
}

.DMInboxItem-title {
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.DMInboxItem-snippet {
    color: #657786;
    font-size: 12px;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    position: relative;
    word-wrap: break-word
}

.DMInboxItem-snippet.is-generated {
    font-style: italic
}

.DMInboxItem-media+.DMInboxItem-snippet {
    padding-right: 38px;
    min-height: 28px
}

.DMInboxItem-media {
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px
}

.DMInboxItem-muted {
    color: #ccd6dd;
    position: absolute;
    right: 0;
    top: 0
}

.DMInboxItem-timestamp {
    color: #ccd6dd;
    font-size: 13px;
    position: absolute;
    right: 15px;
    top: 15px;
    white-space: nowrap
}

.DMInboxItem-verifiedBadge .Icon {
    font-size: 14px;
    top: 1px
}

.DMMuteNotifications-cancel,.DMMuteNotifications-mute {
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.DMNotice {
    background: #aab8c2;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 45px;
    position: relative;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    z-index: 10
}

.DMNotice-message {
    -ms-flex-item-align: center;
    align-self: center;
    color: #fff;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    max-width: 100%;
    text-align: center
}

.DMNotice-message a,.DMNotice-message a:hover,.DMNotice-message a:focus,.DMNotice-message a:visited {
    color: #fff!important;
    text-decoration: underline
}

.DMNotice-actions {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px auto 0 auto
}

.DMNotice-actions>button {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 3px
}

.DMNotice-dismiss {
    color: #fff;
    position: absolute;
    top: 15px;
    right: 15px
}

.DMNotice--error {
    background: #e0245e
}

.DMPopover.is-open .DMPopover-content {
    display: block
}

.DMPopover-button {
    display: block
}

.DMPopover-content {
    background-color: rgba(255,255,255,0.98);
    border-radius: 4px;
    border: 0 solid rgba(0,0,0,0.1);
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    display: none;
    margin-top: 8px;
    z-index: 900
}

.DMPopover-content.Caret:before,.DMPopover-content.Caret:after {
    border-width: 8px
}

.DMPopover-content.Caret:before {
    border-color: rgba(0,0,0,0.1)
}

.DMPopover-content.Caret:after {
    border-color: #fff
}

.DMPopover--center .DMPopover-content {
    left: 50%;
    position: absolute!important;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.DMPopover--left .DMPopover-content {
    position: absolute;
    right: calc(50% - 16px)
}

.DMPopover--left .Caret:before,.DMPopover--left .Caret:after {
    left: calc(100% - 16px)
}

.DMPopover--right .DMPopover-content {
    position: absolute;
    left: calc(50% - 16px)
}

.DMPopover--right .Caret:before,.DMPopover--right .Caret:after {
    left: 16px
}

.DMPopoverMenu {
    color: #66757f;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 0;
    line-height: 28px;
    text-align: inherit;
    white-space: nowrap
}

.DMPopoverMenu-button {
    padding: 0 15px;
    text-align: inherit;
    min-width: 100%;
    width: auto;
    outline: none!important
}

.DMPopoverMenu-button:hover,.DMPopoverMenu-button:focus {
    background-color: #657786;
    color: white
}

.DMReadReceipt {
    cursor: pointer;
    display: inline-block
}

.DMReadReceipt-statusMessage {
    display: inline-block;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 18px;
    overflow: hidden;
    position: relative;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.DMReadReceipt-statusMessage>span {
    display: block;
    transition: all .2s ease-out
}

.DMReadReceipt-statusMessage>span:first-child {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.DMReadReceipt.is-expanded .DMReadReceipt-statusMessage>span:first-child {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.DMReadReceipt-statusMessage>span:last-child {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.DMReadReceipt.is-expanded .DMReadReceipt-statusMessage>span:last-child {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.DMReadReceipt-check {
    margin: 0 2px;
    vertical-align: middle
}

.DMReadReceipt-check.is-seen {
    color: #1da1f2
}

.DMReadReceipt-check.is-seenAnimated:not(.is-seen) {
    animation-name: DMReadReceipt-checkSeen;
    animation-duration: 750ms;
    animation-fill-mode: forwards
}

@keyframes DMReadReceipt-checkSeen {
    0% {
        color: #657786
    }

    50% {
        color: #fff
    }

    100% {
        color: #1da1f2
    }
}

.DMReadReceiptUserList.is-seenByAll {
    display: none
}

.DMReadReceiptUserList .DMReadReceiptUserList-truncated {
    display: block
}

.DMReadReceiptUserList .DMReadReceiptUserList-expanded {
    display: none
}

.DMReadReceiptUserList.is-expanded .DMReadReceiptUserList-truncated {
    display: none
}

.DMReadReceiptUserList.is-expanded .DMReadReceiptUserList-expanded {
    display: block
}

.DMReadReceiptUserList>div {
    text-align: right;
    white-space: normal
}

.DMReportConversation-groupMessage,.DMReportConversation--group .DMReportConversation-oneToOneMessage {
    display: none
}

.DMReportConversation--group .DMReportConversation-groupMessage {
    display: inline
}

.DMResendMessage-messageTextContainer {
    margin-top: 10px
}

.DMResendMessage-confirm,.DMResendMessage-copy,.DMResendMessage-cancel,.DMResendMessage-customErrorMessage,.DMResendMessage-defaultErrorMessage,.DMResendMessage-messageTextContainer,.DMResendMessage .DMNotice-dismiss {
    display: none
}

.DMResendMessage.is-retryAllowed .DMResendMessage-confirm,.DMResendMessage.is-retryAllowed .DMResendMessage-cancel,.DMResendMessage.is-retryAllowed .DMResendMessage-defaultErrorMessage,.DMResendMessage:not(.is-retryAllowed) .DMResendMessage-customErrorMessage {
    display: block
}

.DMResendMessage.is-copyAllowed .DMResendMessage-copy,.DMResendMessage.is-copyAllowed .DMResendMessage-cancel {
    display: block
}

.DMResendMessage.has-messageText .DMResendMessage-messageTextContainer {
    display: block
}

.DMResendMessage:not(.is-retryAllowed):not(.is-copyAllowed) .DMNotice-dismiss {
    display: block
}

.DMResendMessage:not(.is-retryAllowed):not(.is-copyAllowed) .DMNotice-actions {
    display: none
}

.DMSpinner {
    background-image: url(../../img/t1/spinner-rosetta-blue-26x26@2x.gif);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 26px;
    width: 26px;
    margin: auto
}

.DMTrustRequest {
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px;
    border-top: 1px solid #e6ecf0
}

.DMTrustRequest-message {
    color: #657786;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin: 0 auto;
    max-width: 400px
}

.DMTrustRequest-actions {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.DMTrustRequest-actions>button:last-child {
    margin-left: 20px
}

.DMTrustRequest-report {
    color: #1b95e0
}

.DMTypeaheadHeader {
    color: #14171a;
    display: block;
    font-weight: bold;
    padding: 5px 15px
}

.DMTypeaheadItem {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 32px;
    position: relative
}

.DMTypeaheadItem-body {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.DMTypeaheadItem-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 32px;
    margin-right: 10px;
    width: 32px
}

.DMTypeaheadItem-title {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.DMTypeaheadItem-context {
    color: #657786;
    font-size: 12px;
    font-weight: normal
}

.DMTypingIndicator {
    display: block;
    line-height: 0;
    overflow: hidden;
    padding: 10px 0;
    position: relative
}

.DMTypingIndicator-avatarsContainer {
    display: inline-block;
    position: relative
}

.DMTypingIndicator-avatar.is-overflowAvatar {
    display: none
}

.DMTypingIndicator-overflowCount {
    animation-name: DMTypingIndicator-fade-in;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    background: #71c9f8;
    border-radius: 100%;
    color: transparent;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 32px
}

.DMTypingIndicator-overflowCount span {
    left: 50%;
    letter-spacing: 3px;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@keyframes DMTypingIndicator-fade-in {
    from {
        color: transparent
    }

    to {
        color: white
    }
}

.DMTypingIndicator-avatar {
    animation-delay: 0s,0.05s;
    animation-duration: .1s,0.2s;
    animation-fill-mode: forwards;
    animation-name: DMTypingIndicator-show-horizontal,DMTypingIndicator-show-vertical;
    animation-timing-function: linear,cubic-bezier(0.25,0.1,0.25,1.5);
    display: inline-block;
    height: 32px;
    line-height: 0;
    margin-right: 10px;
    position: relative;
    top: 58px;
    width: 32px
}

.DMTypingIndicator-avatar:first-child {
    animation-name: none;
    top: 0
}

.DMTypingIndicator-avatar.is-hidden {
    animation-delay: 0s,0.1s;
    animation-duration: .2s,0.1s;
    animation-name: DMTypingIndicator-hide-vertical,DMTypingIndicator-hide-horizontal;
    animation-timing-function: linear
}

.DMTypingIndicator-messageBubble {
    display: inline-block;
    position: absolute;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

@keyframes DMTypingIndicator-show-vertical {
    from {
        top: 58px
    }

    to {
        top: 0
    }
}

@keyframes DMTypingIndicator-hide-vertical {
    from {
        top: 0
    }

    to {
        top: 58px
    }
}

@keyframes DMTypingIndicator-show-horizontal {
    from {
        margin-right: 0;
        width: 0
    }

    to {
        margin-right: 10px;
        width: 32px
    }
}

@keyframes DMTypingIndicator-hide-horizontal {
    from {
        margin-right: 10px;
        width: 32px
    }

    to {
        margin-right: 0;
        width: 0
    }
}

.DMUpdateAvatar {
    margin-right: 10px;
    position: relative;
    text-align: center
}

.DMUpdateAvatar-avatar {
    width: 36px;
    height: 36px;
    border-radius: 100%
}

.DMUpdateAvatar-avatar:empty {
    background-color: #e6ecf0
}

.DMUpdateAvatar[data-has-custom-avatar=false] .DMUpdateAvatar-remove,.DMUpdateAvatar[data-has-custom-avatar=false] .DMUpdateAvatar-view {
    display: none
}

.DMUpdateAvatar-photoSelector {
    position: relative
}

.DMUpdateName-name.edit-allowed {
    cursor: pointer
}

.DMUpdateName-form {
    position: relative
}

.DMUpdateName-input,.DMUpdateName-input:focus {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #66757f;
    font-size: 20px;
    font-weight: 300;
    line-height: 22px;
    padding: 4px 35px;
    text-align: center;
    width: 100%
}

.DMUpdateName-confirm {
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 2px
}

.DMUpdateName-form.is-invalid .DMUpdateName-input {
    color: #e0245e
}

.DMUpdateName-form.is-invalid .DMUpdateName-confirm {
    display: none
}

.DMUpdateName-screenName {
    display: none
}

.DMUpdateName.is-richHeader .DMUpdateName-header {
    line-height: 1;
    margin-bottom: 2px
}

.DMUpdateName.is-richHeader .DMUpdateName-screenName {
    display: block;
    font-size: 16px;
    line-height: 18px;
    margin-top: 2px
}

.DMViewParticipants-content {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.EmojiBar {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    padding: 2px 0 4px 2px;
    pointer-events: none
}

.EmojiBar-icon {
    background-color: #fff;
    border-radius: 100% 0 0 100%;
    display: inline-block;
    font-size: 20px;
    line-height: 17px;
    pointer-events: all;
    position: relative;
    z-index: 30
}

.EmojiBar-suggestions {
    background-color: #fff;
    border-radius: 10px;
    display: inline-block;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    pointer-events: all;
    -ms-transform: translateX(120%);
    transform: translateX(120%);
    transition-delay: 350ms;
    transition: transform 500ms;
    white-space: nowrap;
    z-index: 10
}

.EmojiBar-suggestion {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-right: 5px
}

.EmojiBar-icon:hover+.EmojiBar-suggestions,.EmojiBar-icon:focus+.EmojiBar-suggestions,.EmojiBar-suggestions:hover,.EmojiBar-button:focus {
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.EmojiBar-suggestion:hover,.EmojiBar-suggestion:focus {
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.EmojiBar-button:focus {
    outline: 0
}

.EmojiBar-suggestion:active {
    -ms-transform: scale(1);
    transform: scale(1)
}

.EmojiBar-icon .Icon--smileyLayer2 {
    left: 0;
    position: absolute;
    top: 0
}

.InputToken {
    background-color: #97e3ff;
    border: 1px solid #97e3ff;
    border-radius: 2px;
    color: #1da1f2;
    cursor: default;
    display: inline-block;
    margin: 2px;
    padding: 1px 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.InputToken:focus {
    border: 1px solid #1da1f2;
    outline: 0
}

.InputToken-delete {
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    vertical-align: top
}

.DMLastReadMarker {
    color: #aab8c2;
    display: block;
    font-size: 12px;
    padding: 10px 0;
    width: 100%
}

.TokenizedMultiselect-inputContainer {
    border: 1px solid #97e3ff;
    border-radius: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 20px;
    margin: 10px 15px;
    padding: 2px;
    position: relative
}

.TokenizedMultiselect-input {
    border: 0;
    box-shadow: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    outline: 0;
    margin: 2px 0;
    padding: 2px;
    resize: none;
    vertical-align: top;
    width: 100%
}

.TokenizedMultiselect-input:focus {
    box-shadow: none;
    outline: 0
}

.DMTokenizedMultiselectSuggestion {
    border: 1px solid transparent;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 15px
}

.DMTokenizedMultiselectSuggestion.is-highlighted {
    background-color: #f5f8fa;
    border-bottom: 1px solid #e6ecf0;
    border-top: 1px solid #e6ecf0
}

.DMTokenizedMultiselectSuggestion-body {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.DMTokenizedMultiselectSuggestion-state {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.DMTokenizedMultiselectSuggestion-selectedIndicator,.DMTokenizedMultiselectSuggestion-preselectedIndicator {
    color: #1da1f2;
    display: none
}

.DMTokenizedMultiselectSuggestion.is-selected .DMTokenizedMultiselectSuggestion-selectedIndicator,.DMTokenizedMultiselectSuggestion.is-preselected .DMTokenizedMultiselectSuggestion-preselectedIndicator {
    display: inline-block
}

.DMTokenizedMultiselectSuggestion.is-preselected .DMTokenizedMultiselectSuggestion-body {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.DMTypeaheadSuggestions {
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
    position: relative
}

.DMTypeaheadSuggestions-item {
    cursor: pointer
}

.TypingIndicatorMessageBubble {
    line-height: 0
}

.TypingIndicatorMessageBubble.Caret::before {
    border-color: #e6ecf0
}

.TypingIndicatorMessageBubble-dotContainer {
    background: #e6ecf0;
    border-radius: 5px;
    display: inline-block;
    line-height: 0;
    overflow: hidden;
    padding: 7px;
    position: relative
}

.TypingIndicatorMessageBubble-dot {
    display: inline-block;
    height: 8px;
    position: relative;
    width: 8px
}

.TypingIndicatorMessageBubble.is-hidden .TypingIndicatorMessageBubble-dot::after {
    animation-duration: .2s;
    animation-fill-mode: forwards;
    animation-name: TypingIndicatorMessageBubble-pop-in-2;
    animation-direction: reverse;
    animation-timing-function: cubic-bezier(0.25,0.1,0.25,1.75);
    top: 50%
}

.TypingIndicatorMessageBubble:not(.is-hidden) .TypingIndicatorMessageBubble-dot::after {
    animation-duration: .2s,1.1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1,infinite;
    animation-name: TypingIndicatorMessageBubble-pop-in,TypingIndicatorMessageBubble-blink;
    animation-timing-function: cubic-bezier(0.25,0.1,0.25,1.75),cubic-bezier(0.25,0.1,0.25,1)
}

.TypingIndicatorMessageBubble-dot::after {
    background: #aab8c2;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 100%;
    left: 50%;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    position: absolute;
    top: calc(7px - -150%);
    -ms-transform: translate(-50%,-50%) scale(0.666);
    transform: translate(-50%,-50%) scale(0.666);
    width: 100%
}

.TypingIndicatorMessageBubble-dot:nth-child(1)::after {
    animation-delay: 0s,0.45s
}

.TypingIndicatorMessageBubble-dot:nth-child(2)::after {
    animation-delay: .1s,0.7250000000000001s
}

.TypingIndicatorMessageBubble-dot:nth-child(3)::after {
    animation-delay: .2s,1s
}

@keyframes TypingIndicatorMessageBubble-pop-in {
    from {
        top: calc(7px - -150%)
    }

    to {
        top: 50%
    }
}

@keyframes TypingIndicatorMessageBubble-pop-in-2 {
    from {
        top: calc(7px - -150%)
    }

    to {
        top: 50%
    }
}

@keyframes TypingIndicatorMessageBubble-blink {
    0% {
        opacity: .5;
        -ms-filter: "alpha(opacity=50)";
        transform: translate(-50%,-50%) scale(0.666);
        background: #1da1f2
    }

    25% {
        opacity: 1;
        -ms-filter: "alpha(opacity=100)";
        transform: translate(-50%,-50%) scale(1);
        background: #1da1f2
    }

    50% {
        opacity: .5;
        -ms-filter: "alpha(opacity=50)";
        transform: translate(-50%,-50%) scale(0.666);
        background: #1da1f2
    }

    75% {
        opacity: .5;
        -ms-filter: "alpha(opacity=50)";
        transform: translate(-50%,-50%) scale(0.666);
        background: #1da1f2
    }

    100% {
        opacity: .5;
        -ms-filter: "alpha(opacity=50)";
        transform: translate(-50%,-50%) scale(0.666);
        background: #1da1f2
    }
}

.Badge {
    background: rgba(0,0,0,0.3);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 0 5px
}

.Badge--icon {
    font-size: 21px;
    line-height: 17px
}

.Badge--text {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
    line-height: 21px
}

.Media {
    border-radius: inherit;
    position: relative
}

.Media-photo,.Media-video {
    border-radius: inherit;
    overflow: hidden
}

.Media-photo img,.Media-video video {
    border-radius: inherit;
    display: block;
    width: 100%
}

.Media-video {
    will-change: transform
}

.Media-video video {
    height: 100%
}

.Media-video+.Media-photo {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.Media-video+.Media-photo {
    display: none
}

.Media:not(.is-playing) .Media-video {
    cursor: pointer
}

.Media-badge {
    bottom: 10px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    font-size: 0;
    line-height: 0;
    will-change: transform;
    overflow: hidden
}

.Media .Icon--play {
    font-size: 17px;
    line-height: 19px;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    transition: all .15s linear;
    vertical-align: top;
    width: 14px
}

.Media.is-playing .Icon--play {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    width: 0
}

.DMFeedback {
    display: none;
    border-top: 1px solid #e6ecf0;
    width: 100%;
    padding: 0;
    background-color: #fff;
    min-height: 100px;
    position: relative
}

.DMFeedback-dismiss {
    position: absolute;
    top: 10px;
    right: 13px;
    color: #657786
}

.DMFeedback iframe {
    width: 100%;
    height: auto
}

.DMQuickReply {
    display: block
}

.DMQuickReply-options {
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 50px;
    max-height: 36vh;
    padding-bottom: 7px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

.DMQuickReply-optionItem {
    width: calc(50% - 2px);
    margin: 3px 0;
    height: 100%
}

.DMQuickReply-optionDescriptionContainer {
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.DMQuickReply-optionText {
    background-color: #fff;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 5px;
    height: 40px;
    border: 1px solid #e6ecf0;
    color: #14171a;
    cursor: pointer
}

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

.DMQuickReply-optionText.is-multiline {
    padding: 7px 12px;
    min-height: 40px;
    height: 56px
}

.DMQuickReply-optionDescription {
    color: #657786;
    overflow: hidden
}

.DMQuickReply-optionDescription:nth-of-type(2) {
    text-overflow: ellipsis;
    white-space: nowrap
}

.DMQuickReply-optionText:hover {
    background-color: #f5f8fa;
    text-decoration: none
}

.DMQuickReply.is-selected .DMQuickReply-optionText,.DMQuickReply.is-selected .DMQuickReply-optionDescription,.DMQuickReply.is-selected .DMQuickReply-optionText:hover,.DMQuickReply.is-selected .DMQuickReply-optionDescription:hover {
    background-color: white;
    color: #ccd6dd;
    cursor: default
}

.DMQuickReply.is-selected .DMQuickReply-optionText.is-selected,.DMQuickReply.is-selected .DMQuickReply-optionText.is-selected:hover,.DMQuickReply.is-selected .DMQuickReply-optionText.is-selected .DMQuickReply-optionDescription,.DMQuickReply.is-selected .DMQuickReply-optionText.is-selected .DMQuickReply-optionDescription:hover {
    color: #fff;
    background-color: #1da1f2
}

@media(max-width:1236px) {
    .DMQuickReply-optionItem {
        width: 100%
    }
}

.DMCtaView {
    background-color: #fff;
    border: solid 1px #e6ecf0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #1da1f2;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    text-decoration: none
}

.LocationPickerDialog .LocationPickerDialog-modal {
    max-width: 750px;
    min-width: 425px;
    width: 45vw
}

.LocationPickerDialog-title.modal-title {
    color: #8899a6
}

.LocationPickerDialog-body {
    overflow: hidden;
    border-radius: 6px;
    padding: 0;
    width: 100%
}

.LocationPickerDialog .modal-close {
    width: 29px;
    height: 20px
}

.LocationPickerDialog-container {
    height: 75vh
}

.LocationPickerDialog-iframe {
    min-height: 400px;
    height: 75vh;
    width: 100%
}

.LocationPickerDialog-footer {
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 15px
}

.LocationPickerDialog-footer.is-ShowingAttribution {
    height: 70px
}

.LocationPickerDialog-footer button {
    white-space: nowrap
}

.LocationPickerDialog-suggestedLocation {
    font-size: 14px;
    line-height: 18px;
    margin-right: 10px
}

.LocationPickerDialog-footer.is-ShowingAttribution .LocationPickerDialog-suggestedLocation {
    padding-top: 5px
}

.LocationPickerDialog-suggestedLocation p.LocationPickerDialog-mainAddressLine {
    color: #14171a;
    font-weight: bold
}

.LocationPickerDialog-suggestedLocation p.LocationPickerDialog-secondaryAddressLine {
    color: #8899a6
}

.LocationPickerDialog-yelpLogo {
    height: 30px
}

.LocationPickerDialog-yelpText {
    bottom: 6px;
    color: #8899a6;
    position: relative
}

.LocationPickerDialog-foursquareLogo {
    height: 15px;
    margin-top: 10px
}

.DMLocationAttachment {
    border: 1px solid #e6ecf0;
    overflow: hidden
}

.DMLocationAttachment a {
    color: #14171a;
    text-decoration: none
}

.DMLocationAttachment-byline {
    color: #657786
}

.DMLocationAttachment-image {
    position: relative
}

.DMLocationAttachment-image img {
    max-width: 100%;
    max-height: 100%
}

.DMLocationAttachment a:hover {
    color: #14171a
}

.DMLocationAttachment-text {
    border-top: 1px solid #e6ecf0;
    font-size: 14px;
    line-height: 18px;
    padding: .75em 1em
}

.DMLocationAttachment-textHeader {
    font-weight: bold
}

.DMLocationAttachment-pin {
    color: #1da1f2;
    font-size: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 20;
    margin-left: -7px;
    margin-top: -27px
}