@font-face {
    font-family: tweetdeckregular;
    src: url(https://ton.twimg.com/tweetdeck-web/web/assets/fonts/tweetdeck-regular-webfont.c5ff89eb07.woff2) format("woff2"), url(https://ton.twimg.com/tweetdeck-web/web/assets/fonts/tweetdeck-regular-webfont.415903392f.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@charset "UTF-8";
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

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

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

button,
input,
select {
    margin: 0
}

button {
    overflow: visible;
    text-transform: none
}

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

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

input {
    overflow: visible
}

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

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    margin: 0;
    overflow: auto
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

details,
dialog {
    display: block
}

dialog {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

dialog:not([open]) {
    display: none
}

summary {
    display: list-item
}

template {
    display: none
}

html {
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.28578;
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: optimizeLegibility;
    overflow: hidden;
    color: #38444d
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}

body {
    height: 100%;
    background-color: #1da1f2;
    overflow: hidden
}

body:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background-image: radial-gradient(circle, #1da1f2, #1c2938);
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.application {
    min-width: 320px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.is-application-animating {
    transition: top .2s
}

::-moz-selection {
    background: #e1e8ed;
    color: #14171a;
    text-shadow: none
}

::selection {
    background: #e1e8ed;
    color: #14171a;
    text-shadow: none
}

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

a:active,
a:focus,
a:hover {
    color: #1da1f2;
    text-decoration: underline
}

p {
    margin: 0
}

dd,
dl,
li,
ol,
ul {
    padding: 0;
    margin: 0
}

ol,
ul {
    list-style: none
}

.dl,
.ol,
.ul {
    padding-left: 2em
}

.ul {
    list-style-type: disc
}

.ol {
    list-style-type: decimal
}

small {
    font-size: .8571rem
}

abbr[title] {
    border-bottom-width: 0
}

[hidden] {
    display: none !important;
    visibility: hidden
}

.touch-device .app-header,
.touch-device .column-header,
.touch-device .column-navigator,
.touch-device .drag-handle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.emoji,
.hashflag {
    width: 1em;
    height: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -.1em
}

.txt-size--9 {
    font-size: 9px !important
}

.txt-line-height--9 {
    line-height: 9px
}

.txt-size--10 {
    font-size: 10px !important
}

.txt-line-height--10 {
    line-height: 10px
}

.txt-size--11 {
    font-size: 11px !important
}

.txt-line-height--11 {
    line-height: 11px
}

.txt-size--12 {
    font-size: 12px !important
}

.txt-line-height--12 {
    line-height: 12px
}

.txt-size--13 {
    font-size: 13px !important
}

.txt-line-height--13 {
    line-height: 13px
}

.txt-size--14 {
    font-size: 14px !important
}

.txt-line-height--14 {
    line-height: 14px
}

.txt-size--15 {
    font-size: 15px !important
}

.txt-line-height--15 {
    line-height: 15px
}

.txt-size--16 {
    font-size: 16px !important
}

.txt-line-height--16 {
    line-height: 16px
}

.txt-size--17 {
    font-size: 17px !important
}

.txt-line-height--17 {
    line-height: 17px
}

.txt-size--18 {
    font-size: 18px !important
}

.txt-line-height--18 {
    line-height: 18px
}

.txt-size--19 {
    font-size: 19px !important
}

.txt-line-height--19 {
    line-height: 19px
}

.txt-size--20 {
    font-size: 20px !important
}

.txt-line-height--20 {
    line-height: 20px
}

.txt-size--21 {
    font-size: 21px !important
}

.txt-line-height--21 {
    line-height: 21px
}

.txt-size--22 {
    font-size: 22px !important
}

.txt-line-height--22 {
    line-height: 22px
}

.txt-size--23 {
    font-size: 23px !important
}

.txt-line-height--23 {
    line-height: 23px
}

.txt-size--24 {
    font-size: 24px !important
}

.txt-line-height--24 {
    line-height: 24px
}

.txt-size--25 {
    font-size: 25px !important
}

.txt-line-height--25 {
    line-height: 25px
}

.txt-size--26 {
    font-size: 26px !important
}

.txt-line-height--26 {
    line-height: 26px
}

.txt-size--27 {
    font-size: 27px !important
}

.txt-line-height--27 {
    line-height: 27px
}

.txt-size--28 {
    font-size: 28px !important
}

.txt-line-height--28 {
    line-height: 28px
}

.txt-size--29 {
    font-size: 29px !important
}

.txt-line-height--29 {
    line-height: 29px
}

.txt-size--30 {
    font-size: 30px !important
}

.txt-line-height--30 {
    line-height: 30px
}

.txt-size--31 {
    font-size: 31px !important
}

.txt-line-height--31 {
    line-height: 31px
}

.txt-size--32 {
    font-size: 32px !important
}

.txt-line-height--32 {
    line-height: 32px
}

.txt-size--33 {
    font-size: 33px !important
}

.txt-line-height--33 {
    line-height: 33px
}

.txt-size--34 {
    font-size: 34px !important
}

.txt-line-height--34 {
    line-height: 34px
}

.txt-size--35 {
    font-size: 35px !important
}

.txt-line-height--35 {
    line-height: 35px
}

.txt-size--36 {
    font-size: 36px !important
}

.txt-line-height--36 {
    line-height: 36px
}

.txt-size--37 {
    font-size: 37px !important
}

.txt-line-height--37 {
    line-height: 37px
}

.txt-size--38 {
    font-size: 38px !important
}

.txt-line-height--38 {
    line-height: 38px
}

.txt-size--39 {
    font-size: 39px !important
}

.txt-line-height--39 {
    line-height: 39px
}

.txt-size--40 {
    font-size: 40px !important
}

.txt-line-height--40 {
    line-height: 40px
}

.txt-size--0 {
    font-size: 0
}

.txt-size-variable--9 {
    font-size: .64286rem !important
}

.txt-size-variable--10 {
    font-size: .71429rem !important
}

.txt-size-variable--11 {
    font-size: .78571rem !important
}

.txt-size-variable--12 {
    font-size: .85714rem !important
}

.txt-size-variable--13 {
    font-size: .92857rem !important
}

.txt-size-variable--14 {
    font-size: 1rem !important
}

.txt-size-variable--15 {
    font-size: 1.07143rem !important
}

.txt-size-variable--16 {
    font-size: 1.14286rem !important
}

.txt-size-variable--17 {
    font-size: 1.21429rem !important
}

.txt-size-variable--18 {
    font-size: 1.28571rem !important
}

.txt-size-variable--19 {
    font-size: 1.35714rem !important
}

.txt-size-variable--20 {
    font-size: 1.42857rem !important
}

.txt-size-variable--21 {
    font-size: 1.5rem !important
}

.txt-size-variable--22 {
    font-size: 1.57143rem !important
}

.txt-size-variable--23 {
    font-size: 1.64286rem !important
}

.txt-size-variable--24 {
    font-size: 1.71429rem !important
}

.txt-size-variable--25 {
    font-size: 1.78571rem !important
}

.txt-size-variable--26 {
    font-size: 1.85714rem !important
}

.txt-size-variable--27 {
    font-size: 1.92857rem !important
}

.txt-size-variable--28 {
    font-size: 2rem !important
}

.txt-size-variable--29 {
    font-size: 2.07143rem !important
}

.txt-size-variable--30 {
    font-size: 2.14286rem !important
}

.txt-size-variable--31 {
    font-size: 2.21429rem !important
}

.txt-size-variable--32 {
    font-size: 2.28571rem !important
}

.txt-size-variable--33 {
    font-size: 2.35714rem !important
}

.txt-size-variable--34 {
    font-size: 2.42857rem !important
}

.txt-size-variable--35 {
    font-size: 2.5rem !important
}

.txt-size-variable--36 {
    font-size: 2.57143rem !important
}

.txt-size-variable--37 {
    font-size: 2.64286rem !important
}

.txt-size-variable--38 {
    font-size: 2.71429rem !important
}

.txt-size-variable--39 {
    font-size: 2.78571rem !important
}

.txt-size-variable--40 {
    font-size: 2.85714rem !important
}

.letter-spacing--1 {
    letter-spacing: 1px
}

.letter-spacing--3 {
    letter-spacing: 3px
}

.txt-italic {
    font-style: italic
}

.txt-bold {
    font-weight: 700
}

.txt-weight-normal {
    font-weight: 400
}

.txt-weight--100 {
    font-weight: 100
}

.txt-weight--200 {
    font-weight: 200
}

.txt-weight--300 {
    font-weight: 300
}

.txt-weight--400 {
    font-weight: 400
}

.txt-weight--500 {
    font-weight: 500
}

.txt-weight--600 {
    font-weight: 600
}

.txt-weight--700 {
    font-weight: 700
}

.txt-weight--800 {
    font-weight: 800
}

.txt-weight--900 {
    font-weight: 900
}

.txt-center {
    text-align: center
}

.txt-left {
    text-align: left !important
}

.txt-right {
    text-align: right !important
}

.txt-bot {
    vertical-align: bottom !important
}

.txt-mute {
    color: #8899a6
}

.txt-mute a:not(:hover):not(:focus) {
    color: #8899a6
}

.txt-mute-text-only {
    color: #8899a6
}

.color-twitter-emphasis-gray {
    color: #657786
}

.txt-ellipsis {
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.txt-uppercase {
    text-transform: uppercase
}

.txt-capitalize {
    text-transform: capitalize
}

.txt-antialiased {
    -webkit-font-smoothing: antialiased
}

.txt-sub-antialiased {
    -webkit-font-smoothing: subpixel-antialiased
}

.with-linebreaks {
    white-space: pre-wrap
}

.txt-link:hover {
    text-decoration: underline;
    cursor: pointer
}

.with-touch-font-size.txt-base-smallest,
.with-touch-font-size .txt-base-smallest {
    font-size: 12px
}

.with-touch-font-size.txt-base-small,
.with-touch-font-size .txt-base-small {
    font-size: 14px
}

.with-touch-font-size.txt-base-medium,
.with-touch-font-size .txt-base-medium {
    font-size: 16px
}

.with-touch-font-size.txt-base-large,
.with-touch-font-size .txt-base-large {
    font-size: 18px
}

.with-touch-font-size.txt-base-largest,
.with-touch-font-size .txt-base-largest {
    font-size: 20px
}

.is-touch-column-options .txt-base-smallest,
.is-touch-search .txt-base-smallest,
.touch-device .with-touch-txt-base .txt-base-smallest {
    font-size: 15px
}

.is-touch-column-options .txt-base-small,
.is-touch-search .txt-base-small,
.touch-device .with-touch-txt-base .txt-base-small {
    font-size: 16.25px
}

.is-touch-column-options .txt-base-medium,
.is-touch-search .txt-base-medium,
.touch-device .with-touch-txt-base .txt-base-medium {
    font-size: 17.5px
}

.is-touch-column-options .txt-base-large,
.is-touch-search .txt-base-large,
.touch-device .with-touch-txt-base .txt-base-large {
    font-size: 18.75px
}

.is-touch-column-options .txt-base-largest,
.is-touch-search .txt-base-largest,
.touch-device .with-touch-txt-base .txt-base-largest {
    font-size: 20px
}

.link-complex:active,
.link-complex:focus,
.link-complex:hover,
.link-complex:visited {
    text-decoration: none;
    outline: none
}

.link-complex:active .link-complex-target,
.link-complex:focus .link-complex-target,
.link-complex:hover .link-complex-target,
.link-complex:visited .link-complex-target {
    text-decoration: underline
}

.link-clean,
.link-clean:active,
.link-clean:focus,
.link-clean:hover {
    text-decoration: none
}

.link-underline,
.link-underline:active,
.link-underline:focus,
.link-underline:hover {
    text-decoration: underline
}

.link-hover-override:hover .link-hover-target {
    color: #1da1f2
}

.link-no-focus {
    outline-style: none !important
}

.link-current-color {
    color: currentColor
}

.link-current-color:active,
.link-current-color:hover,
.link-current-color:visited {
    color: currentColor
}

.is-touch-tweet-container .txt-small[rel=viewDetails] {
    display: none
}

.scroll-none {
    overflow: hidden
}

.scroll-v {
    overflow-y: auto
}

.scroll-h {
    overflow-y: hidden;
    overflow-x: auto
}

.scroll-styled-h,
.scroll-styled-v {
    -ms-scrollbar-face-color: #e1e8ed;
    scrollbar-face-color: #e1e8ed;
    -ms-scrollbar-highlight-color: #e1e8ed;
    scrollbar-highlight-color: #e1e8ed;
    -ms-scrollbar-shadow-color: #e1e8ed;
    scrollbar-shadow-color: #e1e8ed;
    -ms-scrollbar-darkshadow-color: #e1e8ed;
    scrollbar-darkshadow-color: #e1e8ed;
    -ms-scrollbar-track-color: #f5f8fa;
    scrollbar-track-color: #f5f8fa;
    -ms-scrollbar-3dlight-color: #e1e8ed;
    scrollbar-3dlight-color: #e1e8ed;
    -ms-scrollbar-arrow-color: #38444d;
    scrollbar-arrow-color: #38444d;
    scrollbar-color: #e1e8ed #fff
}

.scroll-styled-v::-webkit-scrollbar {
    width: 10px
}

.scroll-styled-h::-webkit-scrollbar {
    height: 11px
}

.scroll-styled-h::-webkit-scrollbar-track,
.scroll-styled-v::-webkit-scrollbar-track {
    border-left: 1px solid #e1e8ed
}

.scroll-styled-h::-webkit-scrollbar-thumb,
.scroll-styled-v::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #e1e8ed
}

.scroll-styled-h::-webkit-scrollbar-thumb:hover,
.scroll-styled-v::-webkit-scrollbar-thumb:hover {
    background-color: #8899a6
}

.scroll-styled-v::-webkit-scrollbar-thumb {
    min-height: 50px
}

.scroll-alt {
    -ms-scrollbar-face-color: #e1e8ed;
    scrollbar-face-color: #e1e8ed;
    -ms-scrollbar-highlight-color: #e1e8ed;
    scrollbar-highlight-color: #e1e8ed;
    -ms-scrollbar-shadow-color: #e1e8ed;
    scrollbar-shadow-color: #e1e8ed;
    -ms-scrollbar-darkshadow-color: #e1e8ed;
    scrollbar-darkshadow-color: #e1e8ed;
    -ms-scrollbar-track-color: #f5f8fa;
    scrollbar-track-color: #f5f8fa;
    -ms-scrollbar-3dlight-color: #e1e8ed;
    scrollbar-3dlight-color: #e1e8ed;
    -ms-scrollbar-arrow-color: #38444d;
    scrollbar-arrow-color: #38444d
}

.scroll-alt::-webkit-scrollbar-track {
    border-color: #e1e8ed
}

.scroll-alt::-webkit-scrollbar-thumb {
    background-color: #e1e8ed
}

.scroll-alt::-webkit-scrollbar-thumb:hover {
    background-color: #8899a6
}

.scroll-conversation {
    background: #f5f8fa
}

.scroll-conversation::-webkit-scrollbar-track {
    border-left-color: #e1e8ed
}

.scroll-conversation::-webkit-scrollbar-thumb {
    background-color: #e1e8ed
}

.scroll-conversation::-webkit-scrollbar-thumb:hover {
    background-color: #8899a6
}

.antiscroll-wrap {
    position: relative;
    overflow: hidden
}

.antiscroll-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll
}

.antiscroll-inner::-webkit-scrollbar {
    width: 0;
    height: 0
}

.antiscroll-inner::scrollbar {
    width: 0;
    height: 0
}

.antiscroll-scrollbar {
    z-index: 1000;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 7px;
    position: absolute;
    opacity: 0;
    transition: opacity .3s linear
}

.antiscroll-scrollbar-shown {
    opacity: 1
}

.antiscroll-scrollbar-horizontal {
    height: 7px;
    margin-left: 2px;
    bottom: 2px;
    left: 0
}

.antiscroll-scrollbar-vertical {
    width: 6px;
    margin-top: 2px;
    top: 0
}

.antiscroll-scrollbar-position-left {
    left: 1px
}

.antiscroll-scrollbar-position-right {
    right: 1px
}

.compose .antiscroll-scrollbar {
    background: #71c9f8
}

.touch-device .scroll-h,
.touch-device .scroll-v {
    -webkit-overflow-scrolling: touch
}

.touch-device .antiscroll-inner {
    -webkit-overflow-scrolling: auto
}

.needs-scroll-bottom-offset.scroll-styled-h {
    bottom: 4px
}

.l-table {
    display: table;
    width: 100%;
    height: 100%
}

.l-row {
    display: table-row
}

.l-cell {
    display: table-cell;
    vertical-align: middle
}

.l-cell-modal {
    padding-top: 44px
}

.l-cell.s-padded {
    padding: 0 40px
}

.l-column {
    position: relative;
    float: left;
    width: 200px;
    height: 100%
}

.l-column-scrollv {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%
}

.l-quarterheight {
    height: 25%
}

.l-halfheight {
    height: 50%
}

.l-threequarterheight {
    height: 75%
}

.l-fullheight {
    height: 100%
}

.s-with-pinned {
    top: 46px
}

.s-with-pinned-bottom {
    top: 12px;
    bottom: 50px
}

.s-with-reply {
    top: 58px;
    transition: top .3s ease-in-out
}

.s-extended {
    margin-top: 37px;
    top: 98px
}

.row {
    margin: 11px 0
}

.inline {
    display: inline !important
}

.inline-block {
    display: inline-block !important
}

.no-wrap {
    overflow: visible;
    white-space: nowrap
}

.wrap {
    white-space: normal
}

.visible-overflow--important {
    overflow: visible !important
}

.horizontal-flow-container {
    overflow: visible;
    white-space: nowrap;
    font-size: 0
}

.block {
    display: block !important
}

.nbfc {
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word
}

.hyphenate {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.nbfc-alt {
    display: table-cell;
    width: 10000px;
    word-break: break-word;
    word-wrap: break-word
}

.cf {
    display: block
}

.cf:after,
.cf:before {
    display: block;
    content: " "
}

.cf:after {
    clear: both
}

.pull-right {
    float: right
}

.obj-left,
.pull-left {
    float: left
}

.obj-left {
    margin-right: 10px
}

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

.obj-center {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.is-hidden {
    display: none !important
}

.position-abs {
    position: absolute
}

.position-rel {
    position: relative
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.is-medium-columns .is-vishidden-medium,
.is-narrow-columns .is-vishidden-narrow,
.is-vishidden,
.is-wide-columns .is-vishidden-wide {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.is-medium-columns .is-visshown-medium,
.is-narrow-columns .is-visshown-narrow,
.is-wide-columns .is-visshown-wide {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto
}

.is-invisible {
    visibility: hidden !important
}

.is-visible {
    visibility: visible !important
}

.is-loading {
    width: auto !important;
    height: auto !important;
    padding: 50px;
    background-color: #fff
}

.with-drop-shadow:after {
    z-index: 1000;
    content: " ";
    position: absolute;
    height: 10px;
    bottom: -10px;
    left: 0;
    width: 100%;
    box-shadow: inset 0 2px 4px #ccd6dd;
    border-top: 1px solid rgba(56, 68, 77, .25)
}

.pin-top,
.pin-top-full-width {
    position: absolute;
    top: 0
}

.pin-top-full-width {
    left: 0;
    right: 0
}

.pin-bottom,
.pin-bottom-full-width {
    position: absolute;
    bottom: 0
}

.pin-bottom-full-width {
    left: 0;
    right: 0
}

.pin-bottom--17 {
    position: absolute;
    bottom: 17px
}

.pin-left {
    position: absolute;
    left: 0
}

.pin-left--15 {
    position: absolute;
    left: 15px
}

.pin-all,
.pin-right {
    position: absolute;
    right: 0
}

.pin-all {
    top: 0;
    bottom: 0;
    left: 0
}

.pin-v {
    position: absolute;
    top: 0;
    bottom: 0
}

.full-width {
    width: 100% !important
}

.max-full-width {
    max-width: 100% !important
}

.full-height {
    height: 100% !important
}

.half-width {
    width: 50%
}

.reset-height {
    min-height: 0 !important
}

.no-collapse {
    min-height: 1em
}

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

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

.vertical-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.vertical-align--baseline {
    vertical-align: baseline
}

.border-box {
    box-sizing: border-box
}

.is-actionable {
    cursor: pointer
}

.is-default {
    cursor: default
}

.is-waiting {
    cursor: wait
}

.is-movable {
    cursor: move
}

.is-zoomable {
    cursor: zoom-in
}

.no-radius {
    border-radius: 0 !important
}

.no-border {
    border: none !important
}

.border-divider {
    border-bottom: 1px solid #e1e8ed
}

.border-separated li {
    border-bottom: 1px solid #ccd6dd
}

.border-separated li:last-child {
    border-bottom: none
}

.dark-border {
    border: 1px solid #e1e8ed
}

.dark-border-top {
    border-top: 1px solid #e1e8ed
}

.will-animate {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.size-200 {
    width: 200px !important;
    height: 200px !important
}

.size-80 {
    width: 80px !important;
    height: 80px !important
}

.size-50 {
    width: 50px !important;
    height: 50px !important
}

.z-index--1 {
    z-index: 1
}

.z-index--2 {
    z-index: 2
}

.z-index--3 {
    z-index: 3
}

.z-index--4 {
    z-index: 4
}

.z-index--5 {
    z-index: 5
}

.rotate---90 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.margin-v---58 {
    margin-top: -58px !important;
    margin-bottom: -58px !important
}

.margin-h---58 {
    margin-left: -58px !important;
    margin-right: -58px !important
}

.margin-t---58 {
    margin-top: -58px !important
}

.margin-b---58 {
    margin-bottom: -58px !important
}

.margin-l---58 {
    margin-left: -58px !important
}

.margin-r---58 {
    margin-right: -58px !important
}

.margin-a---58 {
    margin: -58px !important
}

.padding-v---58 {
    padding-top: -58px !important;
    padding-bottom: -58px !important
}

.padding-h---58 {
    padding-left: -58px !important;
    padding-right: -58px !important
}

.padding-t---58 {
    padding-top: -58px !important
}

.padding-b---58 {
    padding-bottom: -58px !important
}

.padding-l---58 {
    padding-left: -58px !important
}

.padding-r---58 {
    padding-right: -58px !important
}

.padding-a---58 {
    padding: -58px !important
}

.margin-v---57 {
    margin-top: -57px !important;
    margin-bottom: -57px !important
}

.margin-h---57 {
    margin-left: -57px !important;
    margin-right: -57px !important
}

.margin-t---57 {
    margin-top: -57px !important
}

.margin-b---57 {
    margin-bottom: -57px !important
}

.margin-l---57 {
    margin-left: -57px !important
}

.margin-r---57 {
    margin-right: -57px !important
}

.margin-a---57 {
    margin: -57px !important
}

.padding-v---57 {
    padding-top: -57px !important;
    padding-bottom: -57px !important
}

.padding-h---57 {
    padding-left: -57px !important;
    padding-right: -57px !important
}

.padding-t---57 {
    padding-top: -57px !important
}

.padding-b---57 {
    padding-bottom: -57px !important
}

.padding-l---57 {
    padding-left: -57px !important
}

.padding-r---57 {
    padding-right: -57px !important
}

.padding-a---57 {
    padding: -57px !important
}

.margin-v---56 {
    margin-top: -56px !important;
    margin-bottom: -56px !important
}

.margin-h---56 {
    margin-left: -56px !important;
    margin-right: -56px !important
}

.margin-t---56 {
    margin-top: -56px !important
}

.margin-b---56 {
    margin-bottom: -56px !important
}

.margin-l---56 {
    margin-left: -56px !important
}

.margin-r---56 {
    margin-right: -56px !important
}

.margin-a---56 {
    margin: -56px !important
}

.padding-v---56 {
    padding-top: -56px !important;
    padding-bottom: -56px !important
}

.padding-h---56 {
    padding-left: -56px !important;
    padding-right: -56px !important
}

.padding-t---56 {
    padding-top: -56px !important
}

.padding-b---56 {
    padding-bottom: -56px !important
}

.padding-l---56 {
    padding-left: -56px !important
}

.padding-r---56 {
    padding-right: -56px !important
}

.padding-a---56 {
    padding: -56px !important
}

.margin-v---55 {
    margin-top: -55px !important;
    margin-bottom: -55px !important
}

.margin-h---55 {
    margin-left: -55px !important;
    margin-right: -55px !important
}

.margin-t---55 {
    margin-top: -55px !important
}

.margin-b---55 {
    margin-bottom: -55px !important
}

.margin-l---55 {
    margin-left: -55px !important
}

.margin-r---55 {
    margin-right: -55px !important
}

.margin-a---55 {
    margin: -55px !important
}

.padding-v---55 {
    padding-top: -55px !important;
    padding-bottom: -55px !important
}

.padding-h---55 {
    padding-left: -55px !important;
    padding-right: -55px !important
}

.padding-t---55 {
    padding-top: -55px !important
}

.padding-b---55 {
    padding-bottom: -55px !important
}

.padding-l---55 {
    padding-left: -55px !important
}

.padding-r---55 {
    padding-right: -55px !important
}

.padding-a---55 {
    padding: -55px !important
}

.margin-v---54 {
    margin-top: -54px !important;
    margin-bottom: -54px !important
}

.margin-h---54 {
    margin-left: -54px !important;
    margin-right: -54px !important
}

.margin-t---54 {
    margin-top: -54px !important
}

.margin-b---54 {
    margin-bottom: -54px !important
}

.margin-l---54 {
    margin-left: -54px !important
}

.margin-r---54 {
    margin-right: -54px !important
}

.margin-a---54 {
    margin: -54px !important
}

.padding-v---54 {
    padding-top: -54px !important;
    padding-bottom: -54px !important
}

.padding-h---54 {
    padding-left: -54px !important;
    padding-right: -54px !important
}

.padding-t---54 {
    padding-top: -54px !important
}

.padding-b---54 {
    padding-bottom: -54px !important
}

.padding-l---54 {
    padding-left: -54px !important
}

.padding-r---54 {
    padding-right: -54px !important
}

.padding-a---54 {
    padding: -54px !important
}

.margin-v---53 {
    margin-top: -53px !important;
    margin-bottom: -53px !important
}

.margin-h---53 {
    margin-left: -53px !important;
    margin-right: -53px !important
}

.margin-t---53 {
    margin-top: -53px !important
}

.margin-b---53 {
    margin-bottom: -53px !important
}

.margin-l---53 {
    margin-left: -53px !important
}

.margin-r---53 {
    margin-right: -53px !important
}

.margin-a---53 {
    margin: -53px !important
}

.padding-v---53 {
    padding-top: -53px !important;
    padding-bottom: -53px !important
}

.padding-h---53 {
    padding-left: -53px !important;
    padding-right: -53px !important
}

.padding-t---53 {
    padding-top: -53px !important
}

.padding-b---53 {
    padding-bottom: -53px !important
}

.padding-l---53 {
    padding-left: -53px !important
}

.padding-r---53 {
    padding-right: -53px !important
}

.padding-a---53 {
    padding: -53px !important
}

.margin-v---52 {
    margin-top: -52px !important;
    margin-bottom: -52px !important
}

.margin-h---52 {
    margin-left: -52px !important;
    margin-right: -52px !important
}

.margin-t---52 {
    margin-top: -52px !important
}

.margin-b---52 {
    margin-bottom: -52px !important
}

.margin-l---52 {
    margin-left: -52px !important
}

.margin-r---52 {
    margin-right: -52px !important
}

.margin-a---52 {
    margin: -52px !important
}

.padding-v---52 {
    padding-top: -52px !important;
    padding-bottom: -52px !important
}

.padding-h---52 {
    padding-left: -52px !important;
    padding-right: -52px !important
}

.padding-t---52 {
    padding-top: -52px !important
}

.padding-b---52 {
    padding-bottom: -52px !important
}

.padding-l---52 {
    padding-left: -52px !important
}

.padding-r---52 {
    padding-right: -52px !important
}

.padding-a---52 {
    padding: -52px !important
}

.margin-v---51 {
    margin-top: -51px !important;
    margin-bottom: -51px !important
}

.margin-h---51 {
    margin-left: -51px !important;
    margin-right: -51px !important
}

.margin-t---51 {
    margin-top: -51px !important
}

.margin-b---51 {
    margin-bottom: -51px !important
}

.margin-l---51 {
    margin-left: -51px !important
}

.margin-r---51 {
    margin-right: -51px !important
}

.margin-a---51 {
    margin: -51px !important
}

.padding-v---51 {
    padding-top: -51px !important;
    padding-bottom: -51px !important
}

.padding-h---51 {
    padding-left: -51px !important;
    padding-right: -51px !important
}

.padding-t---51 {
    padding-top: -51px !important
}

.padding-b---51 {
    padding-bottom: -51px !important
}

.padding-l---51 {
    padding-left: -51px !important
}

.padding-r---51 {
    padding-right: -51px !important
}

.padding-a---51 {
    padding: -51px !important
}

.margin-v---50 {
    margin-top: -50px !important;
    margin-bottom: -50px !important
}

.margin-h---50 {
    margin-left: -50px !important;
    margin-right: -50px !important
}

.margin-t---50 {
    margin-top: -50px !important
}

.margin-b---50 {
    margin-bottom: -50px !important
}

.margin-l---50 {
    margin-left: -50px !important
}

.margin-r---50 {
    margin-right: -50px !important
}

.margin-a---50 {
    margin: -50px !important
}

.padding-v---50 {
    padding-top: -50px !important;
    padding-bottom: -50px !important
}

.padding-h---50 {
    padding-left: -50px !important;
    padding-right: -50px !important
}

.padding-t---50 {
    padding-top: -50px !important
}

.padding-b---50 {
    padding-bottom: -50px !important
}

.padding-l---50 {
    padding-left: -50px !important
}

.padding-r---50 {
    padding-right: -50px !important
}

.padding-a---50 {
    padding: -50px !important
}

.margin-v---49 {
    margin-top: -49px !important;
    margin-bottom: -49px !important
}

.margin-h---49 {
    margin-left: -49px !important;
    margin-right: -49px !important
}

.margin-t---49 {
    margin-top: -49px !important
}

.margin-b---49 {
    margin-bottom: -49px !important
}

.margin-l---49 {
    margin-left: -49px !important
}

.margin-r---49 {
    margin-right: -49px !important
}

.margin-a---49 {
    margin: -49px !important
}

.padding-v---49 {
    padding-top: -49px !important;
    padding-bottom: -49px !important
}

.padding-h---49 {
    padding-left: -49px !important;
    padding-right: -49px !important
}

.padding-t---49 {
    padding-top: -49px !important
}

.padding-b---49 {
    padding-bottom: -49px !important
}

.padding-l---49 {
    padding-left: -49px !important
}

.padding-r---49 {
    padding-right: -49px !important
}

.padding-a---49 {
    padding: -49px !important
}

.margin-v---48 {
    margin-top: -48px !important;
    margin-bottom: -48px !important
}

.margin-h---48 {
    margin-left: -48px !important;
    margin-right: -48px !important
}

.margin-t---48 {
    margin-top: -48px !important
}

.margin-b---48 {
    margin-bottom: -48px !important
}

.margin-l---48 {
    margin-left: -48px !important
}

.margin-r---48 {
    margin-right: -48px !important
}

.margin-a---48 {
    margin: -48px !important
}

.padding-v---48 {
    padding-top: -48px !important;
    padding-bottom: -48px !important
}

.padding-h---48 {
    padding-left: -48px !important;
    padding-right: -48px !important
}

.padding-t---48 {
    padding-top: -48px !important
}

.padding-b---48 {
    padding-bottom: -48px !important
}

.padding-l---48 {
    padding-left: -48px !important
}

.padding-r---48 {
    padding-right: -48px !important
}

.padding-a---48 {
    padding: -48px !important
}

.margin-v---47 {
    margin-top: -47px !important;
    margin-bottom: -47px !important
}

.margin-h---47 {
    margin-left: -47px !important;
    margin-right: -47px !important
}

.margin-t---47 {
    margin-top: -47px !important
}

.margin-b---47 {
    margin-bottom: -47px !important
}

.margin-l---47 {
    margin-left: -47px !important
}

.margin-r---47 {
    margin-right: -47px !important
}

.margin-a---47 {
    margin: -47px !important
}

.padding-v---47 {
    padding-top: -47px !important;
    padding-bottom: -47px !important
}

.padding-h---47 {
    padding-left: -47px !important;
    padding-right: -47px !important
}

.padding-t---47 {
    padding-top: -47px !important
}

.padding-b---47 {
    padding-bottom: -47px !important
}

.padding-l---47 {
    padding-left: -47px !important
}

.padding-r---47 {
    padding-right: -47px !important
}

.padding-a---47 {
    padding: -47px !important
}

.margin-v---46 {
    margin-top: -46px !important;
    margin-bottom: -46px !important
}

.margin-h---46 {
    margin-left: -46px !important;
    margin-right: -46px !important
}

.margin-t---46 {
    margin-top: -46px !important
}

.margin-b---46 {
    margin-bottom: -46px !important
}

.margin-l---46 {
    margin-left: -46px !important
}

.margin-r---46 {
    margin-right: -46px !important
}

.margin-a---46 {
    margin: -46px !important
}

.padding-v---46 {
    padding-top: -46px !important;
    padding-bottom: -46px !important
}

.padding-h---46 {
    padding-left: -46px !important;
    padding-right: -46px !important
}

.padding-t---46 {
    padding-top: -46px !important
}

.padding-b---46 {
    padding-bottom: -46px !important
}

.padding-l---46 {
    padding-left: -46px !important
}

.padding-r---46 {
    padding-right: -46px !important
}

.padding-a---46 {
    padding: -46px !important
}

.margin-v---45 {
    margin-top: -45px !important;
    margin-bottom: -45px !important
}

.margin-h---45 {
    margin-left: -45px !important;
    margin-right: -45px !important
}

.margin-t---45 {
    margin-top: -45px !important
}

.margin-b---45 {
    margin-bottom: -45px !important
}

.margin-l---45 {
    margin-left: -45px !important
}

.margin-r---45 {
    margin-right: -45px !important
}

.margin-a---45 {
    margin: -45px !important
}

.padding-v---45 {
    padding-top: -45px !important;
    padding-bottom: -45px !important
}

.padding-h---45 {
    padding-left: -45px !important;
    padding-right: -45px !important
}

.padding-t---45 {
    padding-top: -45px !important
}

.padding-b---45 {
    padding-bottom: -45px !important
}

.padding-l---45 {
    padding-left: -45px !important
}

.padding-r---45 {
    padding-right: -45px !important
}

.padding-a---45 {
    padding: -45px !important
}

.margin-v---44 {
    margin-top: -44px !important;
    margin-bottom: -44px !important
}

.margin-h---44 {
    margin-left: -44px !important;
    margin-right: -44px !important
}

.margin-t---44 {
    margin-top: -44px !important
}

.margin-b---44 {
    margin-bottom: -44px !important
}

.margin-l---44 {
    margin-left: -44px !important
}

.margin-r---44 {
    margin-right: -44px !important
}

.margin-a---44 {
    margin: -44px !important
}

.padding-v---44 {
    padding-top: -44px !important;
    padding-bottom: -44px !important
}

.padding-h---44 {
    padding-left: -44px !important;
    padding-right: -44px !important
}

.padding-t---44 {
    padding-top: -44px !important
}

.padding-b---44 {
    padding-bottom: -44px !important
}

.padding-l---44 {
    padding-left: -44px !important
}

.padding-r---44 {
    padding-right: -44px !important
}

.padding-a---44 {
    padding: -44px !important
}

.margin-v---43 {
    margin-top: -43px !important;
    margin-bottom: -43px !important
}

.margin-h---43 {
    margin-left: -43px !important;
    margin-right: -43px !important
}

.margin-t---43 {
    margin-top: -43px !important
}

.margin-b---43 {
    margin-bottom: -43px !important
}

.margin-l---43 {
    margin-left: -43px !important
}

.margin-r---43 {
    margin-right: -43px !important
}

.margin-a---43 {
    margin: -43px !important
}

.padding-v---43 {
    padding-top: -43px !important;
    padding-bottom: -43px !important
}

.padding-h---43 {
    padding-left: -43px !important;
    padding-right: -43px !important
}

.padding-t---43 {
    padding-top: -43px !important
}

.padding-b---43 {
    padding-bottom: -43px !important
}

.padding-l---43 {
    padding-left: -43px !important
}

.padding-r---43 {
    padding-right: -43px !important
}

.padding-a---43 {
    padding: -43px !important
}

.margin-v---42 {
    margin-top: -42px !important;
    margin-bottom: -42px !important
}

.margin-h---42 {
    margin-left: -42px !important;
    margin-right: -42px !important
}

.margin-t---42 {
    margin-top: -42px !important
}

.margin-b---42 {
    margin-bottom: -42px !important
}

.margin-l---42 {
    margin-left: -42px !important
}

.margin-r---42 {
    margin-right: -42px !important
}

.margin-a---42 {
    margin: -42px !important
}

.padding-v---42 {
    padding-top: -42px !important;
    padding-bottom: -42px !important
}

.padding-h---42 {
    padding-left: -42px !important;
    padding-right: -42px !important
}

.padding-t---42 {
    padding-top: -42px !important
}

.padding-b---42 {
    padding-bottom: -42px !important
}

.padding-l---42 {
    padding-left: -42px !important
}

.padding-r---42 {
    padding-right: -42px !important
}

.padding-a---42 {
    padding: -42px !important
}

.margin-v---41 {
    margin-top: -41px !important;
    margin-bottom: -41px !important
}

.margin-h---41 {
    margin-left: -41px !important;
    margin-right: -41px !important
}

.margin-t---41 {
    margin-top: -41px !important
}

.margin-b---41 {
    margin-bottom: -41px !important
}

.margin-l---41 {
    margin-left: -41px !important
}

.margin-r---41 {
    margin-right: -41px !important
}

.margin-a---41 {
    margin: -41px !important
}

.padding-v---41 {
    padding-top: -41px !important;
    padding-bottom: -41px !important
}

.padding-h---41 {
    padding-left: -41px !important;
    padding-right: -41px !important
}

.padding-t---41 {
    padding-top: -41px !important
}

.padding-b---41 {
    padding-bottom: -41px !important
}

.padding-l---41 {
    padding-left: -41px !important
}

.padding-r---41 {
    padding-right: -41px !important
}

.padding-a---41 {
    padding: -41px !important
}

.margin-v---40 {
    margin-top: -40px !important;
    margin-bottom: -40px !important
}

.margin-h---40 {
    margin-left: -40px !important;
    margin-right: -40px !important
}

.margin-t---40 {
    margin-top: -40px !important
}

.margin-b---40 {
    margin-bottom: -40px !important
}

.margin-l---40 {
    margin-left: -40px !important
}

.margin-r---40 {
    margin-right: -40px !important
}

.margin-a---40 {
    margin: -40px !important
}

.padding-v---40 {
    padding-top: -40px !important;
    padding-bottom: -40px !important
}

.padding-h---40 {
    padding-left: -40px !important;
    padding-right: -40px !important
}

.padding-t---40 {
    padding-top: -40px !important
}

.padding-b---40 {
    padding-bottom: -40px !important
}

.padding-l---40 {
    padding-left: -40px !important
}

.padding-r---40 {
    padding-right: -40px !important
}

.padding-a---40 {
    padding: -40px !important
}

.margin-v---39 {
    margin-top: -39px !important;
    margin-bottom: -39px !important
}

.margin-h---39 {
    margin-left: -39px !important;
    margin-right: -39px !important
}

.margin-t---39 {
    margin-top: -39px !important
}

.margin-b---39 {
    margin-bottom: -39px !important
}

.margin-l---39 {
    margin-left: -39px !important
}

.margin-r---39 {
    margin-right: -39px !important
}

.margin-a---39 {
    margin: -39px !important
}

.padding-v---39 {
    padding-top: -39px !important;
    padding-bottom: -39px !important
}

.padding-h---39 {
    padding-left: -39px !important;
    padding-right: -39px !important
}

.padding-t---39 {
    padding-top: -39px !important
}

.padding-b---39 {
    padding-bottom: -39px !important
}

.padding-l---39 {
    padding-left: -39px !important
}

.padding-r---39 {
    padding-right: -39px !important
}

.padding-a---39 {
    padding: -39px !important
}

.margin-v---38 {
    margin-top: -38px !important;
    margin-bottom: -38px !important
}

.margin-h---38 {
    margin-left: -38px !important;
    margin-right: -38px !important
}

.margin-t---38 {
    margin-top: -38px !important
}

.margin-b---38 {
    margin-bottom: -38px !important
}

.margin-l---38 {
    margin-left: -38px !important
}

.margin-r---38 {
    margin-right: -38px !important
}

.margin-a---38 {
    margin: -38px !important
}

.padding-v---38 {
    padding-top: -38px !important;
    padding-bottom: -38px !important
}

.padding-h---38 {
    padding-left: -38px !important;
    padding-right: -38px !important
}

.padding-t---38 {
    padding-top: -38px !important
}

.padding-b---38 {
    padding-bottom: -38px !important
}

.padding-l---38 {
    padding-left: -38px !important
}

.padding-r---38 {
    padding-right: -38px !important
}

.padding-a---38 {
    padding: -38px !important
}

.margin-v---37 {
    margin-top: -37px !important;
    margin-bottom: -37px !important
}

.margin-h---37 {
    margin-left: -37px !important;
    margin-right: -37px !important
}

.margin-t---37 {
    margin-top: -37px !important
}

.margin-b---37 {
    margin-bottom: -37px !important
}

.margin-l---37 {
    margin-left: -37px !important
}

.margin-r---37 {
    margin-right: -37px !important
}

.margin-a---37 {
    margin: -37px !important
}

.padding-v---37 {
    padding-top: -37px !important;
    padding-bottom: -37px !important
}

.padding-h---37 {
    padding-left: -37px !important;
    padding-right: -37px !important
}

.padding-t---37 {
    padding-top: -37px !important
}

.padding-b---37 {
    padding-bottom: -37px !important
}

.padding-l---37 {
    padding-left: -37px !important
}

.padding-r---37 {
    padding-right: -37px !important
}

.padding-a---37 {
    padding: -37px !important
}

.margin-v---36 {
    margin-top: -36px !important;
    margin-bottom: -36px !important
}

.margin-h---36 {
    margin-left: -36px !important;
    margin-right: -36px !important
}

.margin-t---36 {
    margin-top: -36px !important
}

.margin-b---36 {
    margin-bottom: -36px !important
}

.margin-l---36 {
    margin-left: -36px !important
}

.margin-r---36 {
    margin-right: -36px !important
}

.margin-a---36 {
    margin: -36px !important
}

.padding-v---36 {
    padding-top: -36px !important;
    padding-bottom: -36px !important
}

.padding-h---36 {
    padding-left: -36px !important;
    padding-right: -36px !important
}

.padding-t---36 {
    padding-top: -36px !important
}

.padding-b---36 {
    padding-bottom: -36px !important
}

.padding-l---36 {
    padding-left: -36px !important
}

.padding-r---36 {
    padding-right: -36px !important
}

.padding-a---36 {
    padding: -36px !important
}

.margin-v---35 {
    margin-top: -35px !important;
    margin-bottom: -35px !important
}

.margin-h---35 {
    margin-left: -35px !important;
    margin-right: -35px !important
}

.margin-t---35 {
    margin-top: -35px !important
}

.margin-b---35 {
    margin-bottom: -35px !important
}

.margin-l---35 {
    margin-left: -35px !important
}

.margin-r---35 {
    margin-right: -35px !important
}

.margin-a---35 {
    margin: -35px !important
}

.padding-v---35 {
    padding-top: -35px !important;
    padding-bottom: -35px !important
}

.padding-h---35 {
    padding-left: -35px !important;
    padding-right: -35px !important
}

.padding-t---35 {
    padding-top: -35px !important
}

.padding-b---35 {
    padding-bottom: -35px !important
}

.padding-l---35 {
    padding-left: -35px !important
}

.padding-r---35 {
    padding-right: -35px !important
}

.padding-a---35 {
    padding: -35px !important
}

.margin-v---34 {
    margin-top: -34px !important;
    margin-bottom: -34px !important
}

.margin-h---34 {
    margin-left: -34px !important;
    margin-right: -34px !important
}

.margin-t---34 {
    margin-top: -34px !important
}

.margin-b---34 {
    margin-bottom: -34px !important
}

.margin-l---34 {
    margin-left: -34px !important
}

.margin-r---34 {
    margin-right: -34px !important
}

.margin-a---34 {
    margin: -34px !important
}

.padding-v---34 {
    padding-top: -34px !important;
    padding-bottom: -34px !important
}

.padding-h---34 {
    padding-left: -34px !important;
    padding-right: -34px !important
}

.padding-t---34 {
    padding-top: -34px !important
}

.padding-b---34 {
    padding-bottom: -34px !important
}

.padding-l---34 {
    padding-left: -34px !important
}

.padding-r---34 {
    padding-right: -34px !important
}

.padding-a---34 {
    padding: -34px !important
}

.margin-v---33 {
    margin-top: -33px !important;
    margin-bottom: -33px !important
}

.margin-h---33 {
    margin-left: -33px !important;
    margin-right: -33px !important
}

.margin-t---33 {
    margin-top: -33px !important
}

.margin-b---33 {
    margin-bottom: -33px !important
}

.margin-l---33 {
    margin-left: -33px !important
}

.margin-r---33 {
    margin-right: -33px !important
}

.margin-a---33 {
    margin: -33px !important
}

.padding-v---33 {
    padding-top: -33px !important;
    padding-bottom: -33px !important
}

.padding-h---33 {
    padding-left: -33px !important;
    padding-right: -33px !important
}

.padding-t---33 {
    padding-top: -33px !important
}

.padding-b---33 {
    padding-bottom: -33px !important
}

.padding-l---33 {
    padding-left: -33px !important
}

.padding-r---33 {
    padding-right: -33px !important
}

.padding-a---33 {
    padding: -33px !important
}

.margin-v---32 {
    margin-top: -32px !important;
    margin-bottom: -32px !important
}

.margin-h---32 {
    margin-left: -32px !important;
    margin-right: -32px !important
}

.margin-t---32 {
    margin-top: -32px !important
}

.margin-b---32 {
    margin-bottom: -32px !important
}

.margin-l---32 {
    margin-left: -32px !important
}

.margin-r---32 {
    margin-right: -32px !important
}

.margin-a---32 {
    margin: -32px !important
}

.padding-v---32 {
    padding-top: -32px !important;
    padding-bottom: -32px !important
}

.padding-h---32 {
    padding-left: -32px !important;
    padding-right: -32px !important
}

.padding-t---32 {
    padding-top: -32px !important
}

.padding-b---32 {
    padding-bottom: -32px !important
}

.padding-l---32 {
    padding-left: -32px !important
}

.padding-r---32 {
    padding-right: -32px !important
}

.padding-a---32 {
    padding: -32px !important
}

.margin-v---31 {
    margin-top: -31px !important;
    margin-bottom: -31px !important
}

.margin-h---31 {
    margin-left: -31px !important;
    margin-right: -31px !important
}

.margin-t---31 {
    margin-top: -31px !important
}

.margin-b---31 {
    margin-bottom: -31px !important
}

.margin-l---31 {
    margin-left: -31px !important
}

.margin-r---31 {
    margin-right: -31px !important
}

.margin-a---31 {
    margin: -31px !important
}

.padding-v---31 {
    padding-top: -31px !important;
    padding-bottom: -31px !important
}

.padding-h---31 {
    padding-left: -31px !important;
    padding-right: -31px !important
}

.padding-t---31 {
    padding-top: -31px !important
}

.padding-b---31 {
    padding-bottom: -31px !important
}

.padding-l---31 {
    padding-left: -31px !important
}

.padding-r---31 {
    padding-right: -31px !important
}

.padding-a---31 {
    padding: -31px !important
}

.margin-v---30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important
}

.margin-h---30 {
    margin-left: -30px !important;
    margin-right: -30px !important
}

.margin-t---30 {
    margin-top: -30px !important
}

.margin-b---30 {
    margin-bottom: -30px !important
}

.margin-l---30 {
    margin-left: -30px !important
}

.margin-r---30 {
    margin-right: -30px !important
}

.margin-a---30 {
    margin: -30px !important
}

.padding-v---30 {
    padding-top: -30px !important;
    padding-bottom: -30px !important
}

.padding-h---30 {
    padding-left: -30px !important;
    padding-right: -30px !important
}

.padding-t---30 {
    padding-top: -30px !important
}

.padding-b---30 {
    padding-bottom: -30px !important
}

.padding-l---30 {
    padding-left: -30px !important
}

.padding-r---30 {
    padding-right: -30px !important
}

.padding-a---30 {
    padding: -30px !important
}

.margin-v---29 {
    margin-top: -29px !important;
    margin-bottom: -29px !important
}

.margin-h---29 {
    margin-left: -29px !important;
    margin-right: -29px !important
}

.margin-t---29 {
    margin-top: -29px !important
}

.margin-b---29 {
    margin-bottom: -29px !important
}

.margin-l---29 {
    margin-left: -29px !important
}

.margin-r---29 {
    margin-right: -29px !important
}

.margin-a---29 {
    margin: -29px !important
}

.padding-v---29 {
    padding-top: -29px !important;
    padding-bottom: -29px !important
}

.padding-h---29 {
    padding-left: -29px !important;
    padding-right: -29px !important
}

.padding-t---29 {
    padding-top: -29px !important
}

.padding-b---29 {
    padding-bottom: -29px !important
}

.padding-l---29 {
    padding-left: -29px !important
}

.padding-r---29 {
    padding-right: -29px !important
}

.padding-a---29 {
    padding: -29px !important
}

.margin-v---28 {
    margin-top: -28px !important;
    margin-bottom: -28px !important
}

.margin-h---28 {
    margin-left: -28px !important;
    margin-right: -28px !important
}

.margin-t---28 {
    margin-top: -28px !important
}

.margin-b---28 {
    margin-bottom: -28px !important
}

.margin-l---28 {
    margin-left: -28px !important
}

.margin-r---28 {
    margin-right: -28px !important
}

.margin-a---28 {
    margin: -28px !important
}

.padding-v---28 {
    padding-top: -28px !important;
    padding-bottom: -28px !important
}

.padding-h---28 {
    padding-left: -28px !important;
    padding-right: -28px !important
}

.padding-t---28 {
    padding-top: -28px !important
}

.padding-b---28 {
    padding-bottom: -28px !important
}

.padding-l---28 {
    padding-left: -28px !important
}

.padding-r---28 {
    padding-right: -28px !important
}

.padding-a---28 {
    padding: -28px !important
}

.margin-v---27 {
    margin-top: -27px !important;
    margin-bottom: -27px !important
}

.margin-h---27 {
    margin-left: -27px !important;
    margin-right: -27px !important
}

.margin-t---27 {
    margin-top: -27px !important
}

.margin-b---27 {
    margin-bottom: -27px !important
}

.margin-l---27 {
    margin-left: -27px !important
}

.margin-r---27 {
    margin-right: -27px !important
}

.margin-a---27 {
    margin: -27px !important
}

.padding-v---27 {
    padding-top: -27px !important;
    padding-bottom: -27px !important
}

.padding-h---27 {
    padding-left: -27px !important;
    padding-right: -27px !important
}

.padding-t---27 {
    padding-top: -27px !important
}

.padding-b---27 {
    padding-bottom: -27px !important
}

.padding-l---27 {
    padding-left: -27px !important
}

.padding-r---27 {
    padding-right: -27px !important
}

.padding-a---27 {
    padding: -27px !important
}

.margin-v---26 {
    margin-top: -26px !important;
    margin-bottom: -26px !important
}

.margin-h---26 {
    margin-left: -26px !important;
    margin-right: -26px !important
}

.margin-t---26 {
    margin-top: -26px !important
}

.margin-b---26 {
    margin-bottom: -26px !important
}

.margin-l---26 {
    margin-left: -26px !important
}

.margin-r---26 {
    margin-right: -26px !important
}

.margin-a---26 {
    margin: -26px !important
}

.padding-v---26 {
    padding-top: -26px !important;
    padding-bottom: -26px !important
}

.padding-h---26 {
    padding-left: -26px !important;
    padding-right: -26px !important
}

.padding-t---26 {
    padding-top: -26px !important
}

.padding-b---26 {
    padding-bottom: -26px !important
}

.padding-l---26 {
    padding-left: -26px !important
}

.padding-r---26 {
    padding-right: -26px !important
}

.padding-a---26 {
    padding: -26px !important
}

.margin-v---25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important
}

.margin-h---25 {
    margin-left: -25px !important;
    margin-right: -25px !important
}

.margin-t---25 {
    margin-top: -25px !important
}

.margin-b---25 {
    margin-bottom: -25px !important
}

.margin-l---25 {
    margin-left: -25px !important
}

.margin-r---25 {
    margin-right: -25px !important
}

.margin-a---25 {
    margin: -25px !important
}

.padding-v---25 {
    padding-top: -25px !important;
    padding-bottom: -25px !important
}

.padding-h---25 {
    padding-left: -25px !important;
    padding-right: -25px !important
}

.padding-t---25 {
    padding-top: -25px !important
}

.padding-b---25 {
    padding-bottom: -25px !important
}

.padding-l---25 {
    padding-left: -25px !important
}

.padding-r---25 {
    padding-right: -25px !important
}

.padding-a---25 {
    padding: -25px !important
}

.margin-v---24 {
    margin-top: -24px !important;
    margin-bottom: -24px !important
}

.margin-h---24 {
    margin-left: -24px !important;
    margin-right: -24px !important
}

.margin-t---24 {
    margin-top: -24px !important
}

.margin-b---24 {
    margin-bottom: -24px !important
}

.margin-l---24 {
    margin-left: -24px !important
}

.margin-r---24 {
    margin-right: -24px !important
}

.margin-a---24 {
    margin: -24px !important
}

.padding-v---24 {
    padding-top: -24px !important;
    padding-bottom: -24px !important
}

.padding-h---24 {
    padding-left: -24px !important;
    padding-right: -24px !important
}

.padding-t---24 {
    padding-top: -24px !important
}

.padding-b---24 {
    padding-bottom: -24px !important
}

.padding-l---24 {
    padding-left: -24px !important
}

.padding-r---24 {
    padding-right: -24px !important
}

.padding-a---24 {
    padding: -24px !important
}

.margin-v---23 {
    margin-top: -23px !important;
    margin-bottom: -23px !important
}

.margin-h---23 {
    margin-left: -23px !important;
    margin-right: -23px !important
}

.margin-t---23 {
    margin-top: -23px !important
}

.margin-b---23 {
    margin-bottom: -23px !important
}

.margin-l---23 {
    margin-left: -23px !important
}

.margin-r---23 {
    margin-right: -23px !important
}

.margin-a---23 {
    margin: -23px !important
}

.padding-v---23 {
    padding-top: -23px !important;
    padding-bottom: -23px !important
}

.padding-h---23 {
    padding-left: -23px !important;
    padding-right: -23px !important
}

.padding-t---23 {
    padding-top: -23px !important
}

.padding-b---23 {
    padding-bottom: -23px !important
}

.padding-l---23 {
    padding-left: -23px !important
}

.padding-r---23 {
    padding-right: -23px !important
}

.padding-a---23 {
    padding: -23px !important
}

.margin-v---22 {
    margin-top: -22px !important;
    margin-bottom: -22px !important
}

.margin-h---22 {
    margin-left: -22px !important;
    margin-right: -22px !important
}

.margin-t---22 {
    margin-top: -22px !important
}

.margin-b---22 {
    margin-bottom: -22px !important
}

.margin-l---22 {
    margin-left: -22px !important
}

.margin-r---22 {
    margin-right: -22px !important
}

.margin-a---22 {
    margin: -22px !important
}

.padding-v---22 {
    padding-top: -22px !important;
    padding-bottom: -22px !important
}

.padding-h---22 {
    padding-left: -22px !important;
    padding-right: -22px !important
}

.padding-t---22 {
    padding-top: -22px !important
}

.padding-b---22 {
    padding-bottom: -22px !important
}

.padding-l---22 {
    padding-left: -22px !important
}

.padding-r---22 {
    padding-right: -22px !important
}

.padding-a---22 {
    padding: -22px !important
}

.margin-v---21 {
    margin-top: -21px !important;
    margin-bottom: -21px !important
}

.margin-h---21 {
    margin-left: -21px !important;
    margin-right: -21px !important
}

.margin-t---21 {
    margin-top: -21px !important
}

.margin-b---21 {
    margin-bottom: -21px !important
}

.margin-l---21 {
    margin-left: -21px !important
}

.margin-r---21 {
    margin-right: -21px !important
}

.margin-a---21 {
    margin: -21px !important
}

.padding-v---21 {
    padding-top: -21px !important;
    padding-bottom: -21px !important
}

.padding-h---21 {
    padding-left: -21px !important;
    padding-right: -21px !important
}

.padding-t---21 {
    padding-top: -21px !important
}

.padding-b---21 {
    padding-bottom: -21px !important
}

.padding-l---21 {
    padding-left: -21px !important
}

.padding-r---21 {
    padding-right: -21px !important
}

.padding-a---21 {
    padding: -21px !important
}

.margin-v---20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important
}

.margin-h---20 {
    margin-left: -20px !important;
    margin-right: -20px !important
}

.margin-t---20 {
    margin-top: -20px !important
}

.margin-b---20 {
    margin-bottom: -20px !important
}

.margin-l---20 {
    margin-left: -20px !important
}

.margin-r---20 {
    margin-right: -20px !important
}

.margin-a---20 {
    margin: -20px !important
}

.padding-v---20 {
    padding-top: -20px !important;
    padding-bottom: -20px !important
}

.padding-h---20 {
    padding-left: -20px !important;
    padding-right: -20px !important
}

.padding-t---20 {
    padding-top: -20px !important
}

.padding-b---20 {
    padding-bottom: -20px !important
}

.padding-l---20 {
    padding-left: -20px !important
}

.padding-r---20 {
    padding-right: -20px !important
}

.padding-a---20 {
    padding: -20px !important
}

.margin-v---19 {
    margin-top: -19px !important;
    margin-bottom: -19px !important
}

.margin-h---19 {
    margin-left: -19px !important;
    margin-right: -19px !important
}

.margin-t---19 {
    margin-top: -19px !important
}

.margin-b---19 {
    margin-bottom: -19px !important
}

.margin-l---19 {
    margin-left: -19px !important
}

.margin-r---19 {
    margin-right: -19px !important
}

.margin-a---19 {
    margin: -19px !important
}

.padding-v---19 {
    padding-top: -19px !important;
    padding-bottom: -19px !important
}

.padding-h---19 {
    padding-left: -19px !important;
    padding-right: -19px !important
}

.padding-t---19 {
    padding-top: -19px !important
}

.padding-b---19 {
    padding-bottom: -19px !important
}

.padding-l---19 {
    padding-left: -19px !important
}

.padding-r---19 {
    padding-right: -19px !important
}

.padding-a---19 {
    padding: -19px !important
}

.margin-v---18 {
    margin-top: -18px !important;
    margin-bottom: -18px !important
}

.margin-h---18 {
    margin-left: -18px !important;
    margin-right: -18px !important
}

.margin-t---18 {
    margin-top: -18px !important
}

.margin-b---18 {
    margin-bottom: -18px !important
}

.margin-l---18 {
    margin-left: -18px !important
}

.margin-r---18 {
    margin-right: -18px !important
}

.margin-a---18 {
    margin: -18px !important
}

.padding-v---18 {
    padding-top: -18px !important;
    padding-bottom: -18px !important
}

.padding-h---18 {
    padding-left: -18px !important;
    padding-right: -18px !important
}

.padding-t---18 {
    padding-top: -18px !important
}

.padding-b---18 {
    padding-bottom: -18px !important
}

.padding-l---18 {
    padding-left: -18px !important
}

.padding-r---18 {
    padding-right: -18px !important
}

.padding-a---18 {
    padding: -18px !important
}

.margin-v---17 {
    margin-top: -17px !important;
    margin-bottom: -17px !important
}

.margin-h---17 {
    margin-left: -17px !important;
    margin-right: -17px !important
}

.margin-t---17 {
    margin-top: -17px !important
}

.margin-b---17 {
    margin-bottom: -17px !important
}

.margin-l---17 {
    margin-left: -17px !important
}

.margin-r---17 {
    margin-right: -17px !important
}

.margin-a---17 {
    margin: -17px !important
}

.padding-v---17 {
    padding-top: -17px !important;
    padding-bottom: -17px !important
}

.padding-h---17 {
    padding-left: -17px !important;
    padding-right: -17px !important
}

.padding-t---17 {
    padding-top: -17px !important
}

.padding-b---17 {
    padding-bottom: -17px !important
}

.padding-l---17 {
    padding-left: -17px !important
}

.padding-r---17 {
    padding-right: -17px !important
}

.padding-a---17 {
    padding: -17px !important
}

.margin-v---16 {
    margin-top: -16px !important;
    margin-bottom: -16px !important
}

.margin-h---16 {
    margin-left: -16px !important;
    margin-right: -16px !important
}

.margin-t---16 {
    margin-top: -16px !important
}

.margin-b---16 {
    margin-bottom: -16px !important
}

.margin-l---16 {
    margin-left: -16px !important
}

.margin-r---16 {
    margin-right: -16px !important
}

.margin-a---16 {
    margin: -16px !important
}

.padding-v---16 {
    padding-top: -16px !important;
    padding-bottom: -16px !important
}

.padding-h---16 {
    padding-left: -16px !important;
    padding-right: -16px !important
}

.padding-t---16 {
    padding-top: -16px !important
}

.padding-b---16 {
    padding-bottom: -16px !important
}

.padding-l---16 {
    padding-left: -16px !important
}

.padding-r---16 {
    padding-right: -16px !important
}

.padding-a---16 {
    padding: -16px !important
}

.margin-v---15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important
}

.margin-h---15 {
    margin-left: -15px !important;
    margin-right: -15px !important
}

.margin-t---15 {
    margin-top: -15px !important
}

.margin-b---15 {
    margin-bottom: -15px !important
}

.margin-l---15 {
    margin-left: -15px !important
}

.margin-r---15 {
    margin-right: -15px !important
}

.margin-a---15 {
    margin: -15px !important
}

.padding-v---15 {
    padding-top: -15px !important;
    padding-bottom: -15px !important
}

.padding-h---15 {
    padding-left: -15px !important;
    padding-right: -15px !important
}

.padding-t---15 {
    padding-top: -15px !important
}

.padding-b---15 {
    padding-bottom: -15px !important
}

.padding-l---15 {
    padding-left: -15px !important
}

.padding-r---15 {
    padding-right: -15px !important
}

.padding-a---15 {
    padding: -15px !important
}

.margin-v---14 {
    margin-top: -14px !important;
    margin-bottom: -14px !important
}

.margin-h---14 {
    margin-left: -14px !important;
    margin-right: -14px !important
}

.margin-t---14 {
    margin-top: -14px !important
}

.margin-b---14 {
    margin-bottom: -14px !important
}

.margin-l---14 {
    margin-left: -14px !important
}

.margin-r---14 {
    margin-right: -14px !important
}

.margin-a---14 {
    margin: -14px !important
}

.padding-v---14 {
    padding-top: -14px !important;
    padding-bottom: -14px !important
}

.padding-h---14 {
    padding-left: -14px !important;
    padding-right: -14px !important
}

.padding-t---14 {
    padding-top: -14px !important
}

.padding-b---14 {
    padding-bottom: -14px !important
}

.padding-l---14 {
    padding-left: -14px !important
}

.padding-r---14 {
    padding-right: -14px !important
}

.padding-a---14 {
    padding: -14px !important
}

.margin-v---13 {
    margin-top: -13px !important;
    margin-bottom: -13px !important
}

.margin-h---13 {
    margin-left: -13px !important;
    margin-right: -13px !important
}

.margin-t---13 {
    margin-top: -13px !important
}

.margin-b---13 {
    margin-bottom: -13px !important
}

.margin-l---13 {
    margin-left: -13px !important
}

.margin-r---13 {
    margin-right: -13px !important
}

.margin-a---13 {
    margin: -13px !important
}

.padding-v---13 {
    padding-top: -13px !important;
    padding-bottom: -13px !important
}

.padding-h---13 {
    padding-left: -13px !important;
    padding-right: -13px !important
}

.padding-t---13 {
    padding-top: -13px !important
}

.padding-b---13 {
    padding-bottom: -13px !important
}

.padding-l---13 {
    padding-left: -13px !important
}

.padding-r---13 {
    padding-right: -13px !important
}

.padding-a---13 {
    padding: -13px !important
}

.margin-v---12 {
    margin-top: -12px !important;
    margin-bottom: -12px !important
}

.margin-h---12 {
    margin-left: -12px !important;
    margin-right: -12px !important
}

.margin-t---12 {
    margin-top: -12px !important
}

.margin-b---12 {
    margin-bottom: -12px !important
}

.margin-l---12 {
    margin-left: -12px !important
}

.margin-r---12 {
    margin-right: -12px !important
}

.margin-a---12 {
    margin: -12px !important
}

.padding-v---12 {
    padding-top: -12px !important;
    padding-bottom: -12px !important
}

.padding-h---12 {
    padding-left: -12px !important;
    padding-right: -12px !important
}

.padding-t---12 {
    padding-top: -12px !important
}

.padding-b---12 {
    padding-bottom: -12px !important
}

.padding-l---12 {
    padding-left: -12px !important
}

.padding-r---12 {
    padding-right: -12px !important
}

.padding-a---12 {
    padding: -12px !important
}

.margin-v---11 {
    margin-top: -11px !important;
    margin-bottom: -11px !important
}

.margin-h---11 {
    margin-left: -11px !important;
    margin-right: -11px !important
}

.margin-t---11 {
    margin-top: -11px !important
}

.margin-b---11 {
    margin-bottom: -11px !important
}

.margin-l---11 {
    margin-left: -11px !important
}

.margin-r---11 {
    margin-right: -11px !important
}

.margin-a---11 {
    margin: -11px !important
}

.padding-v---11 {
    padding-top: -11px !important;
    padding-bottom: -11px !important
}

.padding-h---11 {
    padding-left: -11px !important;
    padding-right: -11px !important
}

.padding-t---11 {
    padding-top: -11px !important
}

.padding-b---11 {
    padding-bottom: -11px !important
}

.padding-l---11 {
    padding-left: -11px !important
}

.padding-r---11 {
    padding-right: -11px !important
}

.padding-a---11 {
    padding: -11px !important
}

.margin-v---10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important
}

.margin-h---10 {
    margin-left: -10px !important;
    margin-right: -10px !important
}

.margin-t---10 {
    margin-top: -10px !important
}

.margin-b---10 {
    margin-bottom: -10px !important
}

.margin-l---10 {
    margin-left: -10px !important
}

.margin-r---10 {
    margin-right: -10px !important
}

.margin-a---10 {
    margin: -10px !important
}

.padding-v---10 {
    padding-top: -10px !important;
    padding-bottom: -10px !important
}

.padding-h---10 {
    padding-left: -10px !important;
    padding-right: -10px !important
}

.padding-t---10 {
    padding-top: -10px !important
}

.padding-b---10 {
    padding-bottom: -10px !important
}

.padding-l---10 {
    padding-left: -10px !important
}

.padding-r---10 {
    padding-right: -10px !important
}

.padding-a---10 {
    padding: -10px !important
}

.margin-v---9 {
    margin-top: -9px !important;
    margin-bottom: -9px !important
}

.margin-h---9 {
    margin-left: -9px !important;
    margin-right: -9px !important
}

.margin-t---9 {
    margin-top: -9px !important
}

.margin-b---9 {
    margin-bottom: -9px !important
}

.margin-l---9 {
    margin-left: -9px !important
}

.margin-r---9 {
    margin-right: -9px !important
}

.margin-a---9 {
    margin: -9px !important
}

.padding-v---9 {
    padding-top: -9px !important;
    padding-bottom: -9px !important
}

.padding-h---9 {
    padding-left: -9px !important;
    padding-right: -9px !important
}

.padding-t---9 {
    padding-top: -9px !important
}

.padding-b---9 {
    padding-bottom: -9px !important
}

.padding-l---9 {
    padding-left: -9px !important
}

.padding-r---9 {
    padding-right: -9px !important
}

.padding-a---9 {
    padding: -9px !important
}

.margin-v---8 {
    margin-top: -8px !important;
    margin-bottom: -8px !important
}

.margin-h---8 {
    margin-left: -8px !important;
    margin-right: -8px !important
}

.margin-t---8 {
    margin-top: -8px !important
}

.margin-b---8 {
    margin-bottom: -8px !important
}

.margin-l---8 {
    margin-left: -8px !important
}

.margin-r---8 {
    margin-right: -8px !important
}

.margin-a---8 {
    margin: -8px !important
}

.padding-v---8 {
    padding-top: -8px !important;
    padding-bottom: -8px !important
}

.padding-h---8 {
    padding-left: -8px !important;
    padding-right: -8px !important
}

.padding-t---8 {
    padding-top: -8px !important
}

.padding-b---8 {
    padding-bottom: -8px !important
}

.padding-l---8 {
    padding-left: -8px !important
}

.padding-r---8 {
    padding-right: -8px !important
}

.padding-a---8 {
    padding: -8px !important
}

.margin-v---7 {
    margin-top: -7px !important;
    margin-bottom: -7px !important
}

.margin-h---7 {
    margin-left: -7px !important;
    margin-right: -7px !important
}

.margin-t---7 {
    margin-top: -7px !important
}

.margin-b---7 {
    margin-bottom: -7px !important
}

.margin-l---7 {
    margin-left: -7px !important
}

.margin-r---7 {
    margin-right: -7px !important
}

.margin-a---7 {
    margin: -7px !important
}

.padding-v---7 {
    padding-top: -7px !important;
    padding-bottom: -7px !important
}

.padding-h---7 {
    padding-left: -7px !important;
    padding-right: -7px !important
}

.padding-t---7 {
    padding-top: -7px !important
}

.padding-b---7 {
    padding-bottom: -7px !important
}

.padding-l---7 {
    padding-left: -7px !important
}

.padding-r---7 {
    padding-right: -7px !important
}

.padding-a---7 {
    padding: -7px !important
}

.margin-v---6 {
    margin-top: -6px !important;
    margin-bottom: -6px !important
}

.margin-h---6 {
    margin-left: -6px !important;
    margin-right: -6px !important
}

.margin-t---6 {
    margin-top: -6px !important
}

.margin-b---6 {
    margin-bottom: -6px !important
}

.margin-l---6 {
    margin-left: -6px !important
}

.margin-r---6 {
    margin-right: -6px !important
}

.margin-a---6 {
    margin: -6px !important
}

.padding-v---6 {
    padding-top: -6px !important;
    padding-bottom: -6px !important
}

.padding-h---6 {
    padding-left: -6px !important;
    padding-right: -6px !important
}

.padding-t---6 {
    padding-top: -6px !important
}

.padding-b---6 {
    padding-bottom: -6px !important
}

.padding-l---6 {
    padding-left: -6px !important
}

.padding-r---6 {
    padding-right: -6px !important
}

.padding-a---6 {
    padding: -6px !important
}

.margin-v---5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important
}

.margin-h---5 {
    margin-left: -5px !important;
    margin-right: -5px !important
}

.margin-t---5 {
    margin-top: -5px !important
}

.margin-b---5 {
    margin-bottom: -5px !important
}

.margin-l---5 {
    margin-left: -5px !important
}

.margin-r---5 {
    margin-right: -5px !important
}

.margin-a---5 {
    margin: -5px !important
}

.padding-v---5 {
    padding-top: -5px !important;
    padding-bottom: -5px !important
}

.padding-h---5 {
    padding-left: -5px !important;
    padding-right: -5px !important
}

.padding-t---5 {
    padding-top: -5px !important
}

.padding-b---5 {
    padding-bottom: -5px !important
}

.padding-l---5 {
    padding-left: -5px !important
}

.padding-r---5 {
    padding-right: -5px !important
}

.padding-a---5 {
    padding: -5px !important
}

.margin-v---4 {
    margin-top: -4px !important;
    margin-bottom: -4px !important
}

.margin-h---4 {
    margin-left: -4px !important;
    margin-right: -4px !important
}

.margin-t---4 {
    margin-top: -4px !important
}

.margin-b---4 {
    margin-bottom: -4px !important
}

.margin-l---4 {
    margin-left: -4px !important
}

.margin-r---4 {
    margin-right: -4px !important
}

.margin-a---4 {
    margin: -4px !important
}

.padding-v---4 {
    padding-top: -4px !important;
    padding-bottom: -4px !important
}

.padding-h---4 {
    padding-left: -4px !important;
    padding-right: -4px !important
}

.padding-t---4 {
    padding-top: -4px !important
}

.padding-b---4 {
    padding-bottom: -4px !important
}

.padding-l---4 {
    padding-left: -4px !important
}

.padding-r---4 {
    padding-right: -4px !important
}

.padding-a---4 {
    padding: -4px !important
}

.margin-v---3 {
    margin-top: -3px !important;
    margin-bottom: -3px !important
}

.margin-h---3 {
    margin-left: -3px !important;
    margin-right: -3px !important
}

.margin-t---3 {
    margin-top: -3px !important
}

.margin-b---3 {
    margin-bottom: -3px !important
}

.margin-l---3 {
    margin-left: -3px !important
}

.margin-r---3 {
    margin-right: -3px !important
}

.margin-a---3 {
    margin: -3px !important
}

.padding-v---3 {
    padding-top: -3px !important;
    padding-bottom: -3px !important
}

.padding-h---3 {
    padding-left: -3px !important;
    padding-right: -3px !important
}

.padding-t---3 {
    padding-top: -3px !important
}

.padding-b---3 {
    padding-bottom: -3px !important
}

.padding-l---3 {
    padding-left: -3px !important
}

.padding-r---3 {
    padding-right: -3px !important
}

.padding-a---3 {
    padding: -3px !important
}

.margin-v---2 {
    margin-top: -2px !important;
    margin-bottom: -2px !important
}

.margin-h---2 {
    margin-left: -2px !important;
    margin-right: -2px !important
}

.margin-t---2 {
    margin-top: -2px !important
}

.margin-b---2 {
    margin-bottom: -2px !important
}

.margin-l---2 {
    margin-left: -2px !important
}

.margin-r---2 {
    margin-right: -2px !important
}

.margin-a---2 {
    margin: -2px !important
}

.padding-v---2 {
    padding-top: -2px !important;
    padding-bottom: -2px !important
}

.padding-h---2 {
    padding-left: -2px !important;
    padding-right: -2px !important
}

.padding-t---2 {
    padding-top: -2px !important
}

.padding-b---2 {
    padding-bottom: -2px !important
}

.padding-l---2 {
    padding-left: -2px !important
}

.padding-r---2 {
    padding-right: -2px !important
}

.padding-a---2 {
    padding: -2px !important
}

.margin-v---1 {
    margin-top: -1px !important;
    margin-bottom: -1px !important
}

.margin-h---1 {
    margin-left: -1px !important;
    margin-right: -1px !important
}

.margin-t---1 {
    margin-top: -1px !important
}

.margin-b---1 {
    margin-bottom: -1px !important
}

.margin-l---1 {
    margin-left: -1px !important
}

.margin-r---1 {
    margin-right: -1px !important
}

.margin-a---1 {
    margin: -1px !important
}

.padding-v---1 {
    padding-top: -1px !important;
    padding-bottom: -1px !important
}

.padding-h---1 {
    padding-left: -1px !important;
    padding-right: -1px !important
}

.padding-t---1 {
    padding-top: -1px !important
}

.padding-b---1 {
    padding-bottom: -1px !important
}

.padding-l---1 {
    padding-left: -1px !important
}

.padding-r---1 {
    padding-right: -1px !important
}

.padding-a---1 {
    padding: -1px !important
}

.margin-v--0,
.margin-vn {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.margin-h--0,
.margin-hn {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.margin-t--0,
.margin-tn {
    margin-top: 0 !important
}

.margin-b--0,
.margin-bn {
    margin-bottom: 0 !important
}

.margin-l--0,
.margin-ln {
    margin-left: 0 !important
}

.margin-r--0,
.margin-rn {
    margin-right: 0 !important
}

.margin-a--0,
.margin-an {
    margin: 0 !important
}

.padding-v--0,
.padding-vn {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.padding-h--0,
.padding-hn {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.padding-t--0,
.padding-tn {
    padding-top: 0 !important
}

.padding-b--0,
.padding-bn {
    padding-bottom: 0 !important
}

.padding-l--0,
.padding-ln {
    padding-left: 0 !important
}

.padding-r--0,
.padding-rn {
    padding-right: 0 !important
}

.padding-a--0,
.padding-an {
    padding: 0 !important
}

.margin-v--1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important
}

.margin-h--1 {
    margin-left: 1px !important;
    margin-right: 1px !important
}

.margin-t--1 {
    margin-top: 1px !important
}

.margin-b--1 {
    margin-bottom: 1px !important
}

.margin-l--1 {
    margin-left: 1px !important
}

.margin-r--1 {
    margin-right: 1px !important
}

.margin-a--1 {
    margin: 1px !important
}

.padding-v--1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.padding-h--1 {
    padding-left: 1px !important;
    padding-right: 1px !important
}

.padding-t--1 {
    padding-top: 1px !important
}

.padding-b--1 {
    padding-bottom: 1px !important
}

.padding-l--1 {
    padding-left: 1px !important
}

.padding-r--1 {
    padding-right: 1px !important
}

.padding-a--1 {
    padding: 1px !important
}

.margin-v--2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important
}

.margin-h--2 {
    margin-left: 2px !important;
    margin-right: 2px !important
}

.margin-t--2,
.margin-txs {
    margin-top: 2px !important
}

.margin-b--2 {
    margin-bottom: 2px !important
}

.margin-l--2 {
    margin-left: 2px !important
}

.margin-r--2 {
    margin-right: 2px !important
}

.margin-a--2,
.margin-axs {
    margin: 2px !important
}

.padding-v--2,
.padding-vxs {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.padding-h--2 {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.padding-t--2,
.padding-txs {
    padding-top: 2px !important
}

.padding-b--2 {
    padding-bottom: 2px !important
}

.padding-l--2 {
    padding-left: 2px !important
}

.padding-r--2,
.padding-rxs {
    padding-right: 2px !important
}

.padding-a--2,
.padding-axs {
    padding: 2px !important
}

.margin-v--3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

.margin-h--3 {
    margin-left: 3px !important;
    margin-right: 3px !important
}

.margin-t--3 {
    margin-top: 3px !important
}

.margin-b--3 {
    margin-bottom: 3px !important
}

.margin-l--3 {
    margin-left: 3px !important
}

.margin-r--3 {
    margin-right: 3px !important
}

.margin-a--3 {
    margin: 3px !important
}

.padding-v--3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.padding-h--3 {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.padding-t--3 {
    padding-top: 3px !important
}

.padding-b--3 {
    padding-bottom: 3px !important
}

.padding-l--3 {
    padding-left: 3px !important
}

.padding-r--3 {
    padding-right: 3px !important
}

.padding-a--3 {
    padding: 3px !important
}

.margin-v--4,
.margin-vs {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.margin-h--4,
.margin-hs {
    margin-left: 4px !important;
    margin-right: 4px !important
}

.margin-t--4,
.margin-ts {
    margin-top: 4px !important
}

.margin-b--4,
.margin-bs {
    margin-bottom: 4px !important
}

.margin-l--4,
.margin-ls {
    margin-left: 4px !important
}

.margin-r--4,
.margin-rs {
    margin-right: 4px !important
}

.margin-a--4,
.margin-as {
    margin: 4px !important
}

.padding-v--4,
.padding-vs {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.padding-h--4,
.padding-hs {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.padding-t--4,
.padding-ts {
    padding-top: 4px !important
}

.padding-b--4,
.padding-bs {
    padding-bottom: 4px !important
}

.padding-l--4,
.padding-ls {
    padding-left: 4px !important
}

.padding-r--4,
.padding-rs {
    padding-right: 4px !important
}

.padding-a--4,
.padding-as {
    padding: 4px !important
}

.margin-v--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.margin-h--5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.margin-t--5 {
    margin-top: 5px !important
}

.margin-b--5 {
    margin-bottom: 5px !important
}

.margin-l--5 {
    margin-left: 5px !important
}

.margin-r--5 {
    margin-right: 5px !important
}

.margin-a--5 {
    margin: 5px !important
}

.padding-v--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.padding-h--5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.padding-t--5 {
    padding-top: 5px !important
}

.padding-b--5 {
    padding-bottom: 5px !important
}

.padding-l--5 {
    padding-left: 5px !important
}

.padding-r--5 {
    padding-right: 5px !important
}

.padding-a--5 {
    padding: 5px !important
}

.margin-v--6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important
}

.margin-h--6 {
    margin-left: 6px !important;
    margin-right: 6px !important
}

.margin-t--6 {
    margin-top: 6px !important
}

.margin-b--6 {
    margin-bottom: 6px !important
}

.margin-l--6 {
    margin-left: 6px !important
}

.margin-r--6 {
    margin-right: 6px !important
}

.margin-a--6 {
    margin: 6px !important
}

.padding-v--6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.padding-h--6 {
    padding-left: 6px !important;
    padding-right: 6px !important
}

.padding-t--6 {
    padding-top: 6px !important
}

.padding-b--6 {
    padding-bottom: 6px !important
}

.padding-l--6 {
    padding-left: 6px !important
}

.padding-r--6 {
    padding-right: 6px !important
}

.padding-a--6 {
    padding: 6px !important
}

.margin-v--7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important
}

.margin-h--7 {
    margin-left: 7px !important;
    margin-right: 7px !important
}

.margin-t--7 {
    margin-top: 7px !important
}

.margin-b--7 {
    margin-bottom: 7px !important
}

.margin-l--7 {
    margin-left: 7px !important
}

.margin-r--7 {
    margin-right: 7px !important
}

.margin-a--7 {
    margin: 7px !important
}

.padding-v--7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}

.padding-h--7 {
    padding-left: 7px !important;
    padding-right: 7px !important
}

.padding-t--7 {
    padding-top: 7px !important
}

.padding-b--7 {
    padding-bottom: 7px !important
}

.padding-l--7 {
    padding-left: 7px !important
}

.padding-r--7 {
    padding-right: 7px !important
}

.padding-a--7 {
    padding: 7px !important
}

.margin-v--8,
.margin-vm {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.margin-h--8,
.margin-hm {
    margin-left: 8px !important;
    margin-right: 8px !important
}

.margin-t--8,
.margin-tm {
    margin-top: 8px !important
}

.margin-b--8,
.margin-bm {
    margin-bottom: 8px !important
}

.margin-l--8,
.margin-lm {
    margin-left: 8px !important
}

.margin-r--8,
.margin-rm {
    margin-right: 8px !important
}

.margin-a--8,
.margin-am {
    margin: 8px !important
}

.padding-v--8,
.padding-vm {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.padding-h--8,
.padding-hm {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.padding-t--8,
.padding-tm {
    padding-top: 8px !important
}

.padding-b--8,
.padding-bm {
    padding-bottom: 8px !important
}

.padding-l--8,
.padding-lm {
    padding-left: 8px !important
}

.padding-r--8,
.padding-rm {
    padding-right: 8px !important
}

.padding-a--8,
.padding-am {
    padding: 8px !important
}

.margin-v--9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important
}

.margin-h--9 {
    margin-left: 9px !important;
    margin-right: 9px !important
}

.margin-t--9 {
    margin-top: 9px !important
}

.margin-b--9 {
    margin-bottom: 9px !important
}

.margin-l--9 {
    margin-left: 9px !important
}

.margin-r--9 {
    margin-right: 9px !important
}

.margin-a--9 {
    margin: 9px !important
}

.padding-v--9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important
}

.padding-h--9 {
    padding-left: 9px !important;
    padding-right: 9px !important
}

.padding-t--9 {
    padding-top: 9px !important
}

.padding-b--9 {
    padding-bottom: 9px !important
}

.padding-l--9 {
    padding-left: 9px !important
}

.padding-r--9 {
    padding-right: 9px !important
}

.padding-a--9 {
    padding: 9px !important
}

.margin-v--10,
.margin-vl {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.margin-h--10,
.margin-hl {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.margin-t--10,
.margin-tl {
    margin-top: 10px !important
}

.margin-b--10,
.margin-bl {
    margin-bottom: 10px !important
}

.margin-l--10,
.margin-ll {
    margin-left: 10px !important
}

.margin-r--10,
.margin-rl {
    margin-right: 10px !important
}

.margin-a--10,
.margin-al {
    margin: 10px !important
}

.padding-v--10,
.padding-vl {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.padding-h--10,
.padding-hl {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.padding-t--10,
.padding-tl {
    padding-top: 10px !important
}

.padding-b--10,
.padding-bl {
    padding-bottom: 10px !important
}

.padding-l--10,
.padding-ll {
    padding-left: 10px !important
}

.padding-r--10,
.padding-rl {
    padding-right: 10px !important
}

.padding-a--10,
.padding-al {
    padding: 10px !important
}

.margin-v--11 {
    margin-top: 11px !important;
    margin-bottom: 11px !important
}

.margin-h--11 {
    margin-left: 11px !important;
    margin-right: 11px !important
}

.margin-t--11 {
    margin-top: 11px !important
}

.margin-b--11 {
    margin-bottom: 11px !important
}

.margin-l--11 {
    margin-left: 11px !important
}

.margin-r--11 {
    margin-right: 11px !important
}

.margin-a--11 {
    margin: 11px !important
}

.padding-v--11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important
}

.padding-h--11 {
    padding-left: 11px !important;
    padding-right: 11px !important
}

.padding-t--11 {
    padding-top: 11px !important
}

.padding-b--11 {
    padding-bottom: 11px !important
}

.padding-l--11 {
    padding-left: 11px !important
}

.padding-r--11 {
    padding-right: 11px !important
}

.padding-a--11 {
    padding: 11px !important
}

.margin-v--12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.margin-h--12 {
    margin-left: 12px !important;
    margin-right: 12px !important
}

.margin-t--12 {
    margin-top: 12px !important
}

.margin-b--12 {
    margin-bottom: 12px !important
}

.margin-l--12 {
    margin-left: 12px !important
}

.margin-r--12 {
    margin-right: 12px !important
}

.margin-a--12 {
    margin: 12px !important
}

.padding-v--12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.padding-h--12 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.padding-t--12 {
    padding-top: 12px !important
}

.padding-b--12 {
    padding-bottom: 12px !important
}

.padding-l--12 {
    padding-left: 12px !important
}

.padding-r--12 {
    padding-right: 12px !important
}

.padding-a--12 {
    padding: 12px !important
}

.margin-v--13 {
    margin-top: 13px !important;
    margin-bottom: 13px !important
}

.margin-h--13 {
    margin-left: 13px !important;
    margin-right: 13px !important
}

.margin-t--13 {
    margin-top: 13px !important
}

.margin-b--13 {
    margin-bottom: 13px !important
}

.margin-l--13 {
    margin-left: 13px !important
}

.margin-r--13 {
    margin-right: 13px !important
}

.margin-a--13 {
    margin: 13px !important
}

.padding-v--13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important
}

.padding-h--13 {
    padding-left: 13px !important;
    padding-right: 13px !important
}

.padding-t--13 {
    padding-top: 13px !important
}

.padding-b--13 {
    padding-bottom: 13px !important
}

.padding-l--13 {
    padding-left: 13px !important
}

.padding-r--13 {
    padding-right: 13px !important
}

.padding-a--13 {
    padding: 13px !important
}

.margin-v--14 {
    margin-top: 14px !important;
    margin-bottom: 14px !important
}

.margin-h--14 {
    margin-left: 14px !important;
    margin-right: 14px !important
}

.margin-t--14 {
    margin-top: 14px !important
}

.margin-b--14 {
    margin-bottom: 14px !important
}

.margin-l--14 {
    margin-left: 14px !important
}

.margin-r--14 {
    margin-right: 14px !important
}

.margin-a--14 {
    margin: 14px !important
}

.padding-v--14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important
}

.padding-h--14 {
    padding-left: 14px !important;
    padding-right: 14px !important
}

.padding-t--14 {
    padding-top: 14px !important
}

.padding-b--14 {
    padding-bottom: 14px !important
}

.padding-l--14 {
    padding-left: 14px !important
}

.padding-r--14 {
    padding-right: 14px !important
}

.padding-a--14 {
    padding: 14px !important
}

.margin-v--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.margin-h--15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.margin-t--15 {
    margin-top: 15px !important
}

.margin-b--15 {
    margin-bottom: 15px !important
}

.margin-l--15 {
    margin-left: 15px !important
}

.margin-r--15 {
    margin-right: 15px !important
}

.margin-a--15 {
    margin: 15px !important
}

.padding-v--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.padding-h--15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.padding-t--15 {
    padding-top: 15px !important
}

.padding-b--15 {
    padding-bottom: 15px !important
}

.padding-l--15 {
    padding-left: 15px !important
}

.padding-r--15 {
    padding-right: 15px !important
}

.padding-a--15 {
    padding: 15px !important
}

.margin-v--16,
.margin-vxl {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.margin-h--16,
.margin-hxl {
    margin-left: 16px !important;
    margin-right: 16px !important
}

.margin-t--16,
.margin-txl {
    margin-top: 16px !important
}

.margin-b--16,
.margin-bxl {
    margin-bottom: 16px !important
}

.margin-l--16,
.margin-lxl {
    margin-left: 16px !important
}

.margin-r--16,
.margin-rxl {
    margin-right: 16px !important
}

.margin-a--16,
.margin-axl {
    margin: 16px !important
}

.padding-v--16,
.padding-vxl {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.padding-h--16,
.padding-hxl {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.padding-t--16,
.padding-txl {
    padding-top: 16px !important
}

.padding-b--16,
.padding-bxl {
    padding-bottom: 16px !important
}

.padding-l--16,
.padding-lxl {
    padding-left: 16px !important
}

.padding-r--16,
.padding-rxl {
    padding-right: 16px !important
}

.padding-a--16,
.padding-axl {
    padding: 16px !important
}

.margin-v--17 {
    margin-top: 17px !important;
    margin-bottom: 17px !important
}

.margin-h--17 {
    margin-left: 17px !important;
    margin-right: 17px !important
}

.margin-t--17 {
    margin-top: 17px !important
}

.margin-b--17 {
    margin-bottom: 17px !important
}

.margin-l--17 {
    margin-left: 17px !important
}

.margin-r--17 {
    margin-right: 17px !important
}

.margin-a--17 {
    margin: 17px !important
}

.padding-v--17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important
}

.padding-h--17 {
    padding-left: 17px !important;
    padding-right: 17px !important
}

.padding-t--17 {
    padding-top: 17px !important
}

.padding-b--17 {
    padding-bottom: 17px !important
}

.padding-l--17 {
    padding-left: 17px !important
}

.padding-r--17 {
    padding-right: 17px !important
}

.padding-a--17 {
    padding: 17px !important
}

.margin-v--18 {
    margin-top: 18px !important;
    margin-bottom: 18px !important
}

.margin-h--18 {
    margin-left: 18px !important;
    margin-right: 18px !important
}

.margin-t--18 {
    margin-top: 18px !important
}

.margin-b--18 {
    margin-bottom: 18px !important
}

.margin-l--18 {
    margin-left: 18px !important
}

.margin-r--18 {
    margin-right: 18px !important
}

.margin-a--18 {
    margin: 18px !important
}

.padding-v--18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

.padding-h--18 {
    padding-left: 18px !important;
    padding-right: 18px !important
}

.padding-t--18 {
    padding-top: 18px !important
}

.padding-b--18 {
    padding-bottom: 18px !important
}

.padding-l--18 {
    padding-left: 18px !important
}

.padding-r--18 {
    padding-right: 18px !important
}

.padding-a--18 {
    padding: 18px !important
}

.margin-v--19 {
    margin-top: 19px !important;
    margin-bottom: 19px !important
}

.margin-h--19 {
    margin-left: 19px !important;
    margin-right: 19px !important
}

.margin-t--19 {
    margin-top: 19px !important
}

.margin-b--19 {
    margin-bottom: 19px !important
}

.margin-l--19 {
    margin-left: 19px !important
}

.margin-r--19 {
    margin-right: 19px !important
}

.margin-a--19 {
    margin: 19px !important
}

.padding-v--19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important
}

.padding-h--19 {
    padding-left: 19px !important;
    padding-right: 19px !important
}

.padding-t--19 {
    padding-top: 19px !important
}

.padding-b--19 {
    padding-bottom: 19px !important
}

.padding-l--19 {
    padding-left: 19px !important
}

.padding-r--19 {
    padding-right: 19px !important
}

.padding-a--19 {
    padding: 19px !important
}

.margin-v--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.margin-h--20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.margin-t--20 {
    margin-top: 20px !important
}

.margin-b--20 {
    margin-bottom: 20px !important
}

.margin-l--20 {
    margin-left: 20px !important
}

.margin-r--20 {
    margin-right: 20px !important
}

.margin-a--20 {
    margin: 20px !important
}

.padding-v--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.padding-h--20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.padding-t--20 {
    padding-top: 20px !important
}

.padding-b--20 {
    padding-bottom: 20px !important
}

.padding-l--20 {
    padding-left: 20px !important
}

.padding-r--20 {
    padding-right: 20px !important
}

.padding-a--20 {
    padding: 20px !important
}

.margin-v--21 {
    margin-top: 21px !important;
    margin-bottom: 21px !important
}

.margin-h--21 {
    margin-left: 21px !important;
    margin-right: 21px !important
}

.margin-t--21 {
    margin-top: 21px !important
}

.margin-b--21 {
    margin-bottom: 21px !important
}

.margin-l--21 {
    margin-left: 21px !important
}

.margin-r--21 {
    margin-right: 21px !important
}

.margin-a--21 {
    margin: 21px !important
}

.padding-v--21 {
    padding-top: 21px !important;
    padding-bottom: 21px !important
}

.padding-h--21 {
    padding-left: 21px !important;
    padding-right: 21px !important
}

.padding-t--21 {
    padding-top: 21px !important
}

.padding-b--21 {
    padding-bottom: 21px !important
}

.padding-l--21 {
    padding-left: 21px !important
}

.padding-r--21 {
    padding-right: 21px !important
}

.padding-a--21 {
    padding: 21px !important
}

.margin-v--22 {
    margin-top: 22px !important;
    margin-bottom: 22px !important
}

.margin-h--22 {
    margin-left: 22px !important;
    margin-right: 22px !important
}

.margin-t--22 {
    margin-top: 22px !important
}

.margin-b--22 {
    margin-bottom: 22px !important
}

.margin-l--22 {
    margin-left: 22px !important
}

.margin-r--22 {
    margin-right: 22px !important
}

.margin-a--22 {
    margin: 22px !important
}

.padding-v--22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important
}

.padding-h--22 {
    padding-left: 22px !important;
    padding-right: 22px !important
}

.padding-t--22 {
    padding-top: 22px !important
}

.padding-b--22 {
    padding-bottom: 22px !important
}

.padding-l--22 {
    padding-left: 22px !important
}

.padding-r--22 {
    padding-right: 22px !important
}

.padding-a--22 {
    padding: 22px !important
}

.margin-v--23 {
    margin-top: 23px !important;
    margin-bottom: 23px !important
}

.margin-h--23 {
    margin-left: 23px !important;
    margin-right: 23px !important
}

.margin-t--23 {
    margin-top: 23px !important
}

.margin-b--23 {
    margin-bottom: 23px !important
}

.margin-l--23 {
    margin-left: 23px !important
}

.margin-r--23 {
    margin-right: 23px !important
}

.margin-a--23 {
    margin: 23px !important
}

.padding-v--23 {
    padding-top: 23px !important;
    padding-bottom: 23px !important
}

.padding-h--23 {
    padding-left: 23px !important;
    padding-right: 23px !important
}

.padding-t--23 {
    padding-top: 23px !important
}

.padding-b--23 {
    padding-bottom: 23px !important
}

.padding-l--23 {
    padding-left: 23px !important
}

.padding-r--23 {
    padding-right: 23px !important
}

.padding-a--23 {
    padding: 23px !important
}

.margin-v--24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.margin-h--24 {
    margin-left: 24px !important;
    margin-right: 24px !important
}

.margin-t--24 {
    margin-top: 24px !important
}

.margin-b--24 {
    margin-bottom: 24px !important
}

.margin-l--24 {
    margin-left: 24px !important
}

.margin-r--24 {
    margin-right: 24px !important
}

.margin-a--24 {
    margin: 24px !important
}

.padding-v--24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.padding-h--24 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

.padding-t--24 {
    padding-top: 24px !important
}

.padding-b--24 {
    padding-bottom: 24px !important
}

.padding-l--24 {
    padding-left: 24px !important
}

.padding-r--24 {
    padding-right: 24px !important
}

.padding-a--24 {
    padding: 24px !important
}

.margin-v--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.margin-h--25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.margin-t--25,
.margin-txxl {
    margin-top: 25px !important
}

.margin-b--25,
.margin-bxxl {
    margin-bottom: 25px !important
}

.margin-l--25 {
    margin-left: 25px !important
}

.margin-r--25,
.margin-rxxl {
    margin-right: 25px !important
}

.margin-a--25 {
    margin: 25px !important
}

.padding-v--25,
.padding-vxxl {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.padding-h--25,
.padding-hxxl {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.padding-t--25,
.padding-txxl {
    padding-top: 25px !important
}

.padding-b--25,
.padding-bxxl {
    padding-bottom: 25px !important
}

.padding-l--25 {
    padding-left: 25px !important
}

.padding-r--25 {
    padding-right: 25px !important
}

.padding-a--25,
.padding-axxl {
    padding: 25px !important
}

.margin-v--26 {
    margin-top: 26px !important;
    margin-bottom: 26px !important
}

.margin-h--26 {
    margin-left: 26px !important;
    margin-right: 26px !important
}

.margin-t--26 {
    margin-top: 26px !important
}

.margin-b--26 {
    margin-bottom: 26px !important
}

.margin-l--26 {
    margin-left: 26px !important
}

.margin-r--26 {
    margin-right: 26px !important
}

.margin-a--26 {
    margin: 26px !important
}

.padding-v--26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important
}

.padding-h--26 {
    padding-left: 26px !important;
    padding-right: 26px !important
}

.padding-t--26 {
    padding-top: 26px !important
}

.padding-b--26 {
    padding-bottom: 26px !important
}

.padding-l--26 {
    padding-left: 26px !important
}

.padding-r--26 {
    padding-right: 26px !important
}

.padding-a--26 {
    padding: 26px !important
}

.margin-v--27 {
    margin-top: 27px !important;
    margin-bottom: 27px !important
}

.margin-h--27 {
    margin-left: 27px !important;
    margin-right: 27px !important
}

.margin-t--27 {
    margin-top: 27px !important
}

.margin-b--27 {
    margin-bottom: 27px !important
}

.margin-l--27 {
    margin-left: 27px !important
}

.margin-r--27 {
    margin-right: 27px !important
}

.margin-a--27 {
    margin: 27px !important
}

.padding-v--27 {
    padding-top: 27px !important;
    padding-bottom: 27px !important
}

.padding-h--27 {
    padding-left: 27px !important;
    padding-right: 27px !important
}

.padding-t--27 {
    padding-top: 27px !important
}

.padding-b--27 {
    padding-bottom: 27px !important
}

.padding-l--27 {
    padding-left: 27px !important
}

.padding-r--27 {
    padding-right: 27px !important
}

.padding-a--27 {
    padding: 27px !important
}

.margin-v--28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important
}

.margin-h--28 {
    margin-left: 28px !important;
    margin-right: 28px !important
}

.margin-t--28 {
    margin-top: 28px !important
}

.margin-b--28 {
    margin-bottom: 28px !important
}

.margin-l--28 {
    margin-left: 28px !important
}

.margin-r--28 {
    margin-right: 28px !important
}

.margin-a--28 {
    margin: 28px !important
}

.padding-v--28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

.padding-h--28 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

.padding-t--28 {
    padding-top: 28px !important
}

.padding-b--28 {
    padding-bottom: 28px !important
}

.padding-l--28 {
    padding-left: 28px !important
}

.padding-r--28 {
    padding-right: 28px !important
}

.padding-a--28 {
    padding: 28px !important
}

.margin-v--29 {
    margin-top: 29px !important;
    margin-bottom: 29px !important
}

.margin-h--29 {
    margin-left: 29px !important;
    margin-right: 29px !important
}

.margin-t--29 {
    margin-top: 29px !important
}

.margin-b--29 {
    margin-bottom: 29px !important
}

.margin-l--29 {
    margin-left: 29px !important
}

.margin-r--29 {
    margin-right: 29px !important
}

.margin-a--29 {
    margin: 29px !important
}

.padding-v--29 {
    padding-top: 29px !important;
    padding-bottom: 29px !important
}

.padding-h--29 {
    padding-left: 29px !important;
    padding-right: 29px !important
}

.padding-t--29 {
    padding-top: 29px !important
}

.padding-b--29 {
    padding-bottom: 29px !important
}

.padding-l--29 {
    padding-left: 29px !important
}

.padding-r--29 {
    padding-right: 29px !important
}

.padding-a--29 {
    padding: 29px !important
}

.margin-v--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.margin-h--30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.margin-t--30 {
    margin-top: 30px !important
}

.margin-b--30 {
    margin-bottom: 30px !important
}

.margin-l--30 {
    margin-left: 30px !important
}

.margin-r--30 {
    margin-right: 30px !important
}

.margin-a--30 {
    margin: 30px !important
}

.padding-v--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.padding-h--30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.padding-t--30 {
    padding-top: 30px !important
}

.padding-b--30 {
    padding-bottom: 30px !important
}

.padding-l--30 {
    padding-left: 30px !important
}

.padding-r--30 {
    padding-right: 30px !important
}

.padding-a--30 {
    padding: 30px !important
}

.margin-v--31 {
    margin-top: 31px !important;
    margin-bottom: 31px !important
}

.margin-h--31 {
    margin-left: 31px !important;
    margin-right: 31px !important
}

.margin-t--31 {
    margin-top: 31px !important
}

.margin-b--31 {
    margin-bottom: 31px !important
}

.margin-l--31 {
    margin-left: 31px !important
}

.margin-r--31 {
    margin-right: 31px !important
}

.margin-a--31 {
    margin: 31px !important
}

.padding-v--31 {
    padding-top: 31px !important;
    padding-bottom: 31px !important
}

.padding-h--31 {
    padding-left: 31px !important;
    padding-right: 31px !important
}

.padding-t--31 {
    padding-top: 31px !important
}

.padding-b--31 {
    padding-bottom: 31px !important
}

.padding-l--31 {
    padding-left: 31px !important
}

.padding-r--31 {
    padding-right: 31px !important
}

.padding-a--31 {
    padding: 31px !important
}

.margin-v--32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.margin-h--32 {
    margin-left: 32px !important;
    margin-right: 32px !important
}

.margin-t--32 {
    margin-top: 32px !important
}

.margin-b--32 {
    margin-bottom: 32px !important
}

.margin-l--32 {
    margin-left: 32px !important
}

.margin-r--32 {
    margin-right: 32px !important
}

.margin-a--32 {
    margin: 32px !important
}

.padding-v--32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.padding-h--32 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

.padding-t--32 {
    padding-top: 32px !important
}

.padding-b--32 {
    padding-bottom: 32px !important
}

.padding-l--32 {
    padding-left: 32px !important
}

.padding-r--32 {
    padding-right: 32px !important
}

.padding-a--32 {
    padding: 32px !important
}

.margin-v--33 {
    margin-top: 33px !important;
    margin-bottom: 33px !important
}

.margin-h--33 {
    margin-left: 33px !important;
    margin-right: 33px !important
}

.margin-t--33 {
    margin-top: 33px !important
}

.margin-b--33 {
    margin-bottom: 33px !important
}

.margin-l--33 {
    margin-left: 33px !important
}

.margin-r--33 {
    margin-right: 33px !important
}

.margin-a--33 {
    margin: 33px !important
}

.padding-v--33 {
    padding-top: 33px !important;
    padding-bottom: 33px !important
}

.padding-h--33 {
    padding-left: 33px !important;
    padding-right: 33px !important
}

.padding-t--33 {
    padding-top: 33px !important
}

.padding-b--33 {
    padding-bottom: 33px !important
}

.padding-l--33 {
    padding-left: 33px !important
}

.padding-r--33 {
    padding-right: 33px !important
}

.padding-a--33 {
    padding: 33px !important
}

.margin-v--34 {
    margin-top: 34px !important;
    margin-bottom: 34px !important
}

.margin-h--34 {
    margin-left: 34px !important;
    margin-right: 34px !important
}

.margin-t--34 {
    margin-top: 34px !important
}

.margin-b--34 {
    margin-bottom: 34px !important
}

.margin-l--34 {
    margin-left: 34px !important
}

.margin-r--34 {
    margin-right: 34px !important
}

.margin-a--34 {
    margin: 34px !important
}

.padding-v--34 {
    padding-top: 34px !important;
    padding-bottom: 34px !important
}

.padding-h--34 {
    padding-left: 34px !important;
    padding-right: 34px !important
}

.padding-t--34 {
    padding-top: 34px !important
}

.padding-b--34 {
    padding-bottom: 34px !important
}

.padding-l--34 {
    padding-left: 34px !important
}

.padding-r--34 {
    padding-right: 34px !important
}

.padding-a--34 {
    padding: 34px !important
}

.margin-v--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.margin-h--35 {
    margin-left: 35px !important;
    margin-right: 35px !important
}

.margin-t--35 {
    margin-top: 35px !important
}

.margin-b--35 {
    margin-bottom: 35px !important
}

.margin-l--35 {
    margin-left: 35px !important
}

.margin-r--35 {
    margin-right: 35px !important
}

.margin-a--35 {
    margin: 35px !important
}

.padding-v--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.padding-h--35 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

.padding-t--35 {
    padding-top: 35px !important
}

.padding-b--35 {
    padding-bottom: 35px !important
}

.padding-l--35 {
    padding-left: 35px !important
}

.padding-r--35 {
    padding-right: 35px !important
}

.padding-a--35 {
    padding: 35px !important
}

.margin-v--36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important
}

.margin-h--36 {
    margin-left: 36px !important;
    margin-right: 36px !important
}

.margin-t--36 {
    margin-top: 36px !important
}

.margin-b--36 {
    margin-bottom: 36px !important
}

.margin-l--36 {
    margin-left: 36px !important
}

.margin-r--36 {
    margin-right: 36px !important
}

.margin-a--36 {
    margin: 36px !important
}

.padding-v--36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

.padding-h--36 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

.padding-t--36 {
    padding-top: 36px !important
}

.padding-b--36 {
    padding-bottom: 36px !important
}

.padding-l--36 {
    padding-left: 36px !important
}

.padding-r--36 {
    padding-right: 36px !important
}

.padding-a--36 {
    padding: 36px !important
}

.margin-v--37 {
    margin-top: 37px !important;
    margin-bottom: 37px !important
}

.margin-h--37 {
    margin-left: 37px !important;
    margin-right: 37px !important
}

.margin-t--37 {
    margin-top: 37px !important
}

.margin-b--37 {
    margin-bottom: 37px !important
}

.margin-l--37 {
    margin-left: 37px !important
}

.margin-r--37 {
    margin-right: 37px !important
}

.margin-a--37 {
    margin: 37px !important
}

.padding-v--37 {
    padding-top: 37px !important;
    padding-bottom: 37px !important
}

.padding-h--37 {
    padding-left: 37px !important;
    padding-right: 37px !important
}

.padding-t--37 {
    padding-top: 37px !important
}

.padding-b--37 {
    padding-bottom: 37px !important
}

.padding-l--37 {
    padding-left: 37px !important
}

.padding-r--37 {
    padding-right: 37px !important
}

.padding-a--37 {
    padding: 37px !important
}

.margin-v--38 {
    margin-top: 38px !important;
    margin-bottom: 38px !important
}

.margin-h--38 {
    margin-left: 38px !important;
    margin-right: 38px !important
}

.margin-t--38 {
    margin-top: 38px !important
}

.margin-b--38 {
    margin-bottom: 38px !important
}

.margin-l--38 {
    margin-left: 38px !important
}

.margin-r--38 {
    margin-right: 38px !important
}

.margin-a--38 {
    margin: 38px !important
}

.padding-v--38 {
    padding-top: 38px !important;
    padding-bottom: 38px !important
}

.padding-h--38 {
    padding-left: 38px !important;
    padding-right: 38px !important
}

.padding-t--38 {
    padding-top: 38px !important
}

.padding-b--38 {
    padding-bottom: 38px !important
}

.padding-l--38 {
    padding-left: 38px !important
}

.padding-r--38 {
    padding-right: 38px !important
}

.padding-a--38 {
    padding: 38px !important
}

.margin-v--39 {
    margin-top: 39px !important;
    margin-bottom: 39px !important
}

.margin-h--39 {
    margin-left: 39px !important;
    margin-right: 39px !important
}

.margin-t--39 {
    margin-top: 39px !important
}

.margin-b--39 {
    margin-bottom: 39px !important
}

.margin-l--39 {
    margin-left: 39px !important
}

.margin-r--39 {
    margin-right: 39px !important
}

.margin-a--39 {
    margin: 39px !important
}

.padding-v--39 {
    padding-top: 39px !important;
    padding-bottom: 39px !important
}

.padding-h--39 {
    padding-left: 39px !important;
    padding-right: 39px !important
}

.padding-t--39 {
    padding-top: 39px !important
}

.padding-b--39 {
    padding-bottom: 39px !important
}

.padding-l--39 {
    padding-left: 39px !important
}

.padding-r--39 {
    padding-right: 39px !important
}

.padding-a--39 {
    padding: 39px !important
}

.margin-v--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.margin-h--40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.margin-t--40 {
    margin-top: 40px !important
}

.margin-b--40 {
    margin-bottom: 40px !important
}

.margin-l--40 {
    margin-left: 40px !important
}

.margin-r--40 {
    margin-right: 40px !important
}

.margin-a--40 {
    margin: 40px !important
}

.padding-v--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.padding-h--40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.padding-t--40 {
    padding-top: 40px !important
}

.padding-b--40 {
    padding-bottom: 40px !important
}

.padding-l--40 {
    padding-left: 40px !important
}

.padding-r--40 {
    padding-right: 40px !important
}

.padding-a--40 {
    padding: 40px !important
}

.margin-v--41 {
    margin-top: 41px !important;
    margin-bottom: 41px !important
}

.margin-h--41 {
    margin-left: 41px !important;
    margin-right: 41px !important
}

.margin-t--41 {
    margin-top: 41px !important
}

.margin-b--41 {
    margin-bottom: 41px !important
}

.margin-l--41 {
    margin-left: 41px !important
}

.margin-r--41 {
    margin-right: 41px !important
}

.margin-a--41 {
    margin: 41px !important
}

.padding-v--41 {
    padding-top: 41px !important;
    padding-bottom: 41px !important
}

.padding-h--41 {
    padding-left: 41px !important;
    padding-right: 41px !important
}

.padding-t--41 {
    padding-top: 41px !important
}

.padding-b--41 {
    padding-bottom: 41px !important
}

.padding-l--41 {
    padding-left: 41px !important
}

.padding-r--41 {
    padding-right: 41px !important
}

.padding-a--41 {
    padding: 41px !important
}

.margin-v--42 {
    margin-top: 42px !important;
    margin-bottom: 42px !important
}

.margin-h--42 {
    margin-left: 42px !important;
    margin-right: 42px !important
}

.margin-t--42 {
    margin-top: 42px !important
}

.margin-b--42 {
    margin-bottom: 42px !important
}

.margin-l--42 {
    margin-left: 42px !important
}

.margin-r--42 {
    margin-right: 42px !important
}

.margin-a--42 {
    margin: 42px !important
}

.padding-v--42 {
    padding-top: 42px !important;
    padding-bottom: 42px !important
}

.padding-h--42 {
    padding-left: 42px !important;
    padding-right: 42px !important
}

.padding-t--42 {
    padding-top: 42px !important
}

.padding-b--42 {
    padding-bottom: 42px !important
}

.padding-l--42 {
    padding-left: 42px !important
}

.padding-r--42 {
    padding-right: 42px !important
}

.padding-a--42 {
    padding: 42px !important
}

.margin-v--43 {
    margin-top: 43px !important;
    margin-bottom: 43px !important
}

.margin-h--43 {
    margin-left: 43px !important;
    margin-right: 43px !important
}

.margin-t--43 {
    margin-top: 43px !important
}

.margin-b--43 {
    margin-bottom: 43px !important
}

.margin-l--43 {
    margin-left: 43px !important
}

.margin-r--43 {
    margin-right: 43px !important
}

.margin-a--43 {
    margin: 43px !important
}

.padding-v--43 {
    padding-top: 43px !important;
    padding-bottom: 43px !important
}

.padding-h--43 {
    padding-left: 43px !important;
    padding-right: 43px !important
}

.padding-t--43 {
    padding-top: 43px !important
}

.padding-b--43 {
    padding-bottom: 43px !important
}

.padding-l--43 {
    padding-left: 43px !important
}

.padding-r--43 {
    padding-right: 43px !important
}

.padding-a--43 {
    padding: 43px !important
}

.margin-v--44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important
}

.margin-h--44 {
    margin-left: 44px !important;
    margin-right: 44px !important
}

.margin-t--44 {
    margin-top: 44px !important
}

.margin-b--44 {
    margin-bottom: 44px !important
}

.margin-l--44 {
    margin-left: 44px !important
}

.margin-r--44 {
    margin-right: 44px !important
}

.margin-a--44 {
    margin: 44px !important
}

.padding-v--44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important
}

.padding-h--44 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

.padding-t--44 {
    padding-top: 44px !important
}

.padding-b--44 {
    padding-bottom: 44px !important
}

.padding-l--44 {
    padding-left: 44px !important
}

.padding-r--44 {
    padding-right: 44px !important
}

.padding-a--44 {
    padding: 44px !important
}

.margin-v--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.margin-h--45 {
    margin-left: 45px !important;
    margin-right: 45px !important
}

.margin-t--45 {
    margin-top: 45px !important
}

.margin-b--45 {
    margin-bottom: 45px !important
}

.margin-l--45 {
    margin-left: 45px !important
}

.margin-r--45 {
    margin-right: 45px !important
}

.margin-a--45 {
    margin: 45px !important
}

.padding-v--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.padding-h--45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

.padding-t--45 {
    padding-top: 45px !important
}

.padding-b--45 {
    padding-bottom: 45px !important
}

.padding-l--45 {
    padding-left: 45px !important
}

.padding-r--45 {
    padding-right: 45px !important
}

.padding-a--45 {
    padding: 45px !important
}

.margin-v--46 {
    margin-top: 46px !important;
    margin-bottom: 46px !important
}

.margin-h--46 {
    margin-left: 46px !important;
    margin-right: 46px !important
}

.margin-t--46 {
    margin-top: 46px !important
}

.margin-b--46 {
    margin-bottom: 46px !important
}

.margin-l--46 {
    margin-left: 46px !important
}

.margin-r--46 {
    margin-right: 46px !important
}

.margin-a--46 {
    margin: 46px !important
}

.padding-v--46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important
}

.padding-h--46 {
    padding-left: 46px !important;
    padding-right: 46px !important
}

.padding-t--46 {
    padding-top: 46px !important
}

.padding-b--46 {
    padding-bottom: 46px !important
}

.padding-l--46 {
    padding-left: 46px !important
}

.padding-r--46 {
    padding-right: 46px !important
}

.padding-a--46 {
    padding: 46px !important
}

.margin-v--47 {
    margin-top: 47px !important;
    margin-bottom: 47px !important
}

.margin-h--47 {
    margin-left: 47px !important;
    margin-right: 47px !important
}

.margin-t--47 {
    margin-top: 47px !important
}

.margin-b--47 {
    margin-bottom: 47px !important
}

.margin-l--47 {
    margin-left: 47px !important
}

.margin-r--47 {
    margin-right: 47px !important
}

.margin-a--47 {
    margin: 47px !important
}

.padding-v--47 {
    padding-top: 47px !important;
    padding-bottom: 47px !important
}

.padding-h--47 {
    padding-left: 47px !important;
    padding-right: 47px !important
}

.padding-t--47 {
    padding-top: 47px !important
}

.padding-b--47 {
    padding-bottom: 47px !important
}

.padding-l--47 {
    padding-left: 47px !important
}

.padding-r--47 {
    padding-right: 47px !important
}

.padding-a--47 {
    padding: 47px !important
}

.margin-v--48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.margin-h--48 {
    margin-left: 48px !important;
    margin-right: 48px !important
}

.margin-t--48 {
    margin-top: 48px !important
}

.margin-b--48 {
    margin-bottom: 48px !important
}

.margin-l--48 {
    margin-left: 48px !important
}

.margin-r--48 {
    margin-right: 48px !important
}

.margin-a--48 {
    margin: 48px !important
}

.padding-v--48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.padding-h--48 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

.padding-t--48 {
    padding-top: 48px !important
}

.padding-b--48 {
    padding-bottom: 48px !important
}

.padding-l--48 {
    padding-left: 48px !important
}

.padding-r--48 {
    padding-right: 48px !important
}

.padding-a--48 {
    padding: 48px !important
}

.margin-v--49 {
    margin-top: 49px !important;
    margin-bottom: 49px !important
}

.margin-h--49 {
    margin-left: 49px !important;
    margin-right: 49px !important
}

.margin-t--49 {
    margin-top: 49px !important
}

.margin-b--49 {
    margin-bottom: 49px !important
}

.margin-l--49 {
    margin-left: 49px !important
}

.margin-r--49 {
    margin-right: 49px !important
}

.margin-a--49 {
    margin: 49px !important
}

.padding-v--49 {
    padding-top: 49px !important;
    padding-bottom: 49px !important
}

.padding-h--49 {
    padding-left: 49px !important;
    padding-right: 49px !important
}

.padding-t--49 {
    padding-top: 49px !important
}

.padding-b--49 {
    padding-bottom: 49px !important
}

.padding-l--49 {
    padding-left: 49px !important
}

.padding-r--49 {
    padding-right: 49px !important
}

.padding-a--49 {
    padding: 49px !important
}

.margin-v--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.margin-h--50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.margin-t--50 {
    margin-top: 50px !important
}

.margin-b--50 {
    margin-bottom: 50px !important
}

.margin-l--50 {
    margin-left: 50px !important
}

.margin-r--50 {
    margin-right: 50px !important
}

.margin-a--50 {
    margin: 50px !important
}

.padding-v--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.padding-h--50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.padding-t--50 {
    padding-top: 50px !important
}

.padding-b--50 {
    padding-bottom: 50px !important
}

.padding-l--50 {
    padding-left: 50px !important
}

.padding-r--50 {
    padding-right: 50px !important
}

.padding-a--50 {
    padding: 50px !important
}

.margin-v--51 {
    margin-top: 51px !important;
    margin-bottom: 51px !important
}

.margin-h--51 {
    margin-left: 51px !important;
    margin-right: 51px !important
}

.margin-t--51 {
    margin-top: 51px !important
}

.margin-b--51 {
    margin-bottom: 51px !important
}

.margin-l--51 {
    margin-left: 51px !important
}

.margin-r--51 {
    margin-right: 51px !important
}

.margin-a--51 {
    margin: 51px !important
}

.padding-v--51 {
    padding-top: 51px !important;
    padding-bottom: 51px !important
}

.padding-h--51 {
    padding-left: 51px !important;
    padding-right: 51px !important
}

.padding-t--51 {
    padding-top: 51px !important
}

.padding-b--51 {
    padding-bottom: 51px !important
}

.padding-l--51 {
    padding-left: 51px !important
}

.padding-r--51 {
    padding-right: 51px !important
}

.padding-a--51 {
    padding: 51px !important
}

.margin-v--52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important
}

.margin-h--52 {
    margin-left: 52px !important;
    margin-right: 52px !important
}

.margin-t--52 {
    margin-top: 52px !important
}

.margin-b--52 {
    margin-bottom: 52px !important
}

.margin-l--52 {
    margin-left: 52px !important
}

.margin-r--52 {
    margin-right: 52px !important
}

.margin-a--52 {
    margin: 52px !important
}

.padding-v--52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important
}

.padding-h--52 {
    padding-left: 52px !important;
    padding-right: 52px !important
}

.padding-t--52 {
    padding-top: 52px !important
}

.padding-b--52 {
    padding-bottom: 52px !important
}

.padding-l--52 {
    padding-left: 52px !important
}

.padding-r--52 {
    padding-right: 52px !important
}

.padding-a--52 {
    padding: 52px !important
}

.margin-v--53 {
    margin-top: 53px !important;
    margin-bottom: 53px !important
}

.margin-h--53 {
    margin-left: 53px !important;
    margin-right: 53px !important
}

.margin-t--53 {
    margin-top: 53px !important
}

.margin-b--53 {
    margin-bottom: 53px !important
}

.margin-l--53 {
    margin-left: 53px !important
}

.margin-r--53 {
    margin-right: 53px !important
}

.margin-a--53 {
    margin: 53px !important
}

.padding-v--53 {
    padding-top: 53px !important;
    padding-bottom: 53px !important
}

.padding-h--53 {
    padding-left: 53px !important;
    padding-right: 53px !important
}

.padding-t--53 {
    padding-top: 53px !important
}

.padding-b--53 {
    padding-bottom: 53px !important
}

.padding-l--53 {
    padding-left: 53px !important
}

.padding-r--53 {
    padding-right: 53px !important
}

.padding-a--53 {
    padding: 53px !important
}

.margin-v--54 {
    margin-top: 54px !important;
    margin-bottom: 54px !important
}

.margin-h--54 {
    margin-left: 54px !important;
    margin-right: 54px !important
}

.margin-t--54 {
    margin-top: 54px !important
}

.margin-b--54 {
    margin-bottom: 54px !important
}

.margin-l--54 {
    margin-left: 54px !important
}

.margin-r--54 {
    margin-right: 54px !important
}

.margin-a--54 {
    margin: 54px !important
}

.padding-v--54 {
    padding-top: 54px !important;
    padding-bottom: 54px !important
}

.padding-h--54 {
    padding-left: 54px !important;
    padding-right: 54px !important
}

.padding-t--54 {
    padding-top: 54px !important
}

.padding-b--54 {
    padding-bottom: 54px !important
}

.padding-l--54 {
    padding-left: 54px !important
}

.padding-r--54 {
    padding-right: 54px !important
}

.padding-a--54 {
    padding: 54px !important
}

.margin-v--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important
}

.margin-h--55 {
    margin-left: 55px !important;
    margin-right: 55px !important
}

.margin-t--55 {
    margin-top: 55px !important
}

.margin-b--55 {
    margin-bottom: 55px !important
}

.margin-l--55 {
    margin-left: 55px !important
}

.margin-r--55 {
    margin-right: 55px !important
}

.margin-a--55 {
    margin: 55px !important
}

.padding-v--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important
}

.padding-h--55 {
    padding-left: 55px !important;
    padding-right: 55px !important
}

.padding-t--55 {
    padding-top: 55px !important
}

.padding-b--55 {
    padding-bottom: 55px !important
}

.padding-l--55 {
    padding-left: 55px !important
}

.padding-r--55 {
    padding-right: 55px !important
}

.padding-a--55 {
    padding: 55px !important
}

.margin-v--56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important
}

.margin-h--56 {
    margin-left: 56px !important;
    margin-right: 56px !important
}

.margin-t--56 {
    margin-top: 56px !important
}

.margin-b--56 {
    margin-bottom: 56px !important
}

.margin-l--56 {
    margin-left: 56px !important
}

.margin-r--56 {
    margin-right: 56px !important
}

.margin-a--56 {
    margin: 56px !important
}

.padding-v--56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
}

.padding-h--56 {
    padding-left: 56px !important;
    padding-right: 56px !important
}

.padding-t--56 {
    padding-top: 56px !important
}

.padding-b--56 {
    padding-bottom: 56px !important
}

.padding-l--56 {
    padding-left: 56px !important
}

.padding-r--56 {
    padding-right: 56px !important
}

.padding-a--56 {
    padding: 56px !important
}

.margin-v--57 {
    margin-top: 57px !important;
    margin-bottom: 57px !important
}

.margin-h--57 {
    margin-left: 57px !important;
    margin-right: 57px !important
}

.margin-t--57 {
    margin-top: 57px !important
}

.margin-b--57 {
    margin-bottom: 57px !important
}

.margin-l--57 {
    margin-left: 57px !important
}

.margin-r--57 {
    margin-right: 57px !important
}

.margin-a--57 {
    margin: 57px !important
}

.padding-v--57 {
    padding-top: 57px !important;
    padding-bottom: 57px !important
}

.padding-h--57 {
    padding-left: 57px !important;
    padding-right: 57px !important
}

.padding-t--57 {
    padding-top: 57px !important
}

.padding-b--57 {
    padding-bottom: 57px !important
}

.padding-l--57 {
    padding-left: 57px !important
}

.padding-r--57 {
    padding-right: 57px !important
}

.padding-a--57 {
    padding: 57px !important
}

.margin-v--58 {
    margin-top: 58px !important;
    margin-bottom: 58px !important
}

.margin-h--58 {
    margin-left: 58px !important;
    margin-right: 58px !important
}

.margin-t--58 {
    margin-top: 58px !important
}

.margin-b--58 {
    margin-bottom: 58px !important
}

.margin-l--58 {
    margin-left: 58px !important
}

.margin-r--58 {
    margin-right: 58px !important
}

.margin-a--58 {
    margin: 58px !important
}

.padding-v--58 {
    padding-top: 58px !important;
    padding-bottom: 58px !important
}

.padding-h--58 {
    padding-left: 58px !important;
    padding-right: 58px !important
}

.padding-t--58 {
    padding-top: 58px !important
}

.padding-b--58 {
    padding-bottom: 58px !important
}

.padding-l--58 {
    padding-left: 58px !important
}

.padding-r--58 {
    padding-right: 58px !important
}

.padding-a--58 {
    padding: 58px !important
}

.margin-a-auto {
    margin: auto
}

.neg-margin-bxs {
    margin-bottom: -2px !important
}

.neg-margin-lm {
    margin-left: -8px !important
}

.neg-margin-bl {
    margin-bottom: -10px !important
}

.touch-device .padding-axs {
    padding: 2.5px !important
}

.touch-device .padding-as {
    padding: 5px !important
}

.touch-device .padding-am {
    padding: 10px !important
}

.touch-device .padding-al {
    padding: 12.5px !important
}

.touch-device .margin-axs {
    margin: 2.5px !important
}

.touch-device .margin-as {
    margin: 5px !important
}

.touch-device .margin-am {
    margin: 10px !important
}

.touch-device .margin-al {
    margin: 12.5px !important
}

.touch-device .padding-vxs {
    padding-top: 2.5px !important;
    padding-bottom: 2.5px !important
}

.touch-device .padding-vs {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.touch-device .padding-vm {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.touch-device .padding-vl {
    padding-top: 12.5px !important;
    padding-bottom: 12.5px !important
}

.touch-device .margin-vs {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.touch-device .margin-vm {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.touch-device .margin-vl {
    margin-top: 12.5px !important;
    margin-bottom: 12.5px !important
}

.touch-device .padding-hs {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.touch-device .padding-hm {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.touch-device .padding-hl {
    padding-left: 12.5px !important;
    padding-right: 12.5px !important
}

.touch-device .margin-hs {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.touch-device .margin-hm {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.touch-device .margin-hl {
    margin-left: 12.5px !important;
    margin-right: 12.5px !important
}

.touch-device .padding-txs {
    padding-top: 2.5px !important
}

.touch-device .padding-ts {
    padding-top: 5px !important
}

.touch-device .padding-tm {
    padding-top: 10px !important
}

.touch-device .padding-tl {
    padding-top: 12.5px !important
}

.touch-device .margin-txs {
    margin-top: 2.5px !important
}

.touch-device .margin-ts {
    margin-top: 5px !important
}

.touch-device .margin-tm {
    margin-top: 10px !important
}

.touch-device .margin-tl {
    margin-top: 12.5px !important
}

.touch-device .padding-bs {
    padding-bottom: 5px !important
}

.touch-device .padding-bm {
    padding-bottom: 10px !important
}

.touch-device .padding-bl {
    padding-bottom: 12.5px !important
}

.touch-device .margin-bs {
    margin-bottom: 5px !important
}

.touch-device .margin-bm {
    margin-bottom: 10px !important
}

.touch-device .margin-bl {
    margin-bottom: 12.5px !important
}

.touch-device .padding-ls {
    padding-left: 5px !important
}

.touch-device .padding-lm {
    padding-left: 10px !important
}

.touch-device .padding-ll {
    padding-left: 12.5px !important
}

.touch-device .margin-ls {
    margin-left: 5px !important
}

.touch-device .margin-lm {
    margin-left: 10px !important
}

.touch-device .margin-ll {
    margin-left: 12.5px !important
}

.touch-device .padding-rxs {
    padding-right: 2.5px !important
}

.touch-device .padding-rs {
    padding-right: 5px !important
}

.touch-device .padding-rm {
    padding-right: 10px !important
}

.touch-device .padding-rl {
    padding-right: 12.5px !important
}

.touch-device .margin-rs {
    margin-right: 5px !important
}

.touch-device .margin-rm {
    margin-right: 10px !important
}

.touch-device .margin-rl {
    margin-right: 12.5px !important
}

.width-1 {
    width: 1.25rem
}

.height-1 {
    height: 1.25rem
}

.width-2 {
    width: 1.5625rem
}

.height-2 {
    height: 1.5625rem
}

.width-3 {
    width: 1.95312rem
}

.height-3 {
    height: 1.95312rem
}

.width-4 {
    width: 2.44141rem
}

.height-4 {
    height: 2.44141rem
}

.width-5 {
    width: 3.05176rem
}

.height-5 {
    height: 3.05176rem
}

.width-6 {
    width: 3.8147rem
}

.height-6 {
    height: 3.8147rem
}

.width-7 {
    width: 4.76837rem
}

.height-7 {
    height: 4.76837rem
}

.width-8 {
    width: 5.96046rem
}

.height-8 {
    height: 5.96046rem
}

.width-9 {
    width: 7.45058rem
}

.height-9 {
    height: 7.45058rem
}

.width-10 {
    width: 9.31323rem
}

.height-10 {
    height: 9.31323rem
}

.height-0 {
    height: 1rem
}

.width-p--0 {
    width: 0 !important
}

.height-p--0 {
    height: 0% !important
}

.width-p--1 {
    width: 1% !important
}

.height-p--1 {
    height: 1% !important
}

.width-p--2 {
    width: 2% !important
}

.height-p--2 {
    height: 2% !important
}

.width-p--3 {
    width: 3% !important
}

.height-p--3 {
    height: 3% !important
}

.width-p--4 {
    width: 4% !important
}

.height-p--4 {
    height: 4% !important
}

.width-p--5 {
    width: 5% !important
}

.height-p--5 {
    height: 5% !important
}

.width-p--6 {
    width: 6% !important
}

.height-p--6 {
    height: 6% !important
}

.width-p--7 {
    width: 7% !important
}

.height-p--7 {
    height: 7% !important
}

.width-p--8 {
    width: 8% !important
}

.height-p--8 {
    height: 8% !important
}

.width-p--9 {
    width: 9% !important
}

.height-p--9 {
    height: 9% !important
}

.width-p--10 {
    width: 10% !important
}

.height-p--10 {
    height: 10% !important
}

.width-p--11 {
    width: 11% !important
}

.height-p--11 {
    height: 11% !important
}

.width-p--12 {
    width: 12% !important
}

.height-p--12 {
    height: 12% !important
}

.width-p--13 {
    width: 13% !important
}

.height-p--13 {
    height: 13% !important
}

.width-p--14 {
    width: 14% !important
}

.height-p--14 {
    height: 14% !important
}

.width-p--15 {
    width: 15% !important
}

.height-p--15 {
    height: 15% !important
}

.width-p--16 {
    width: 16% !important
}

.height-p--16 {
    height: 16% !important
}

.width-p--17 {
    width: 17% !important
}

.height-p--17 {
    height: 17% !important
}

.width-p--18 {
    width: 18% !important
}

.height-p--18 {
    height: 18% !important
}

.width-p--19 {
    width: 19% !important
}

.height-p--19 {
    height: 19% !important
}

.width-p--20 {
    width: 20% !important
}

.height-p--20 {
    height: 20% !important
}

.width-p--21 {
    width: 21% !important
}

.height-p--21 {
    height: 21% !important
}

.width-p--22 {
    width: 22% !important
}

.height-p--22 {
    height: 22% !important
}

.width-p--23 {
    width: 23% !important
}

.height-p--23 {
    height: 23% !important
}

.width-p--24 {
    width: 24% !important
}

.height-p--24 {
    height: 24% !important
}

.width-p--25 {
    width: 25% !important
}

.height-p--25 {
    height: 25% !important
}

.width-p--26 {
    width: 26% !important
}

.height-p--26 {
    height: 26% !important
}

.width-p--27 {
    width: 27% !important
}

.height-p--27 {
    height: 27% !important
}

.width-p--28 {
    width: 28% !important
}

.height-p--28 {
    height: 28% !important
}

.width-p--29 {
    width: 29% !important
}

.height-p--29 {
    height: 29% !important
}

.width-p--30 {
    width: 30% !important
}

.height-p--30 {
    height: 30% !important
}

.width-p--31 {
    width: 31% !important
}

.height-p--31 {
    height: 31% !important
}

.width-p--32 {
    width: 32% !important
}

.height-p--32 {
    height: 32% !important
}

.width-p--33 {
    width: 33% !important
}

.height-p--33 {
    height: 33% !important
}

.width-p--34 {
    width: 34% !important
}

.height-p--34 {
    height: 34% !important
}

.width-p--35 {
    width: 35% !important
}

.height-p--35 {
    height: 35% !important
}

.width-p--36 {
    width: 36% !important
}

.height-p--36 {
    height: 36% !important
}

.width-p--37 {
    width: 37% !important
}

.height-p--37 {
    height: 37% !important
}

.width-p--38 {
    width: 38% !important
}

.height-p--38 {
    height: 38% !important
}

.width-p--39 {
    width: 39% !important
}

.height-p--39 {
    height: 39% !important
}

.width-p--40 {
    width: 40% !important
}

.height-p--40 {
    height: 40% !important
}

.width-p--41 {
    width: 41% !important
}

.height-p--41 {
    height: 41% !important
}

.width-p--42 {
    width: 42% !important
}

.height-p--42 {
    height: 42% !important
}

.width-p--43 {
    width: 43% !important
}

.height-p--43 {
    height: 43% !important
}

.width-p--44 {
    width: 44% !important
}

.height-p--44 {
    height: 44% !important
}

.width-p--45 {
    width: 45% !important
}

.height-p--45 {
    height: 45% !important
}

.width-p--46 {
    width: 46% !important
}

.height-p--46 {
    height: 46% !important
}

.width-p--47 {
    width: 47% !important
}

.height-p--47 {
    height: 47% !important
}

.width-p--48 {
    width: 48% !important
}

.height-p--48 {
    height: 48% !important
}

.width-p--49 {
    width: 49% !important
}

.height-p--49 {
    height: 49% !important
}

.width-p--50 {
    width: 50% !important
}

.height-p--50 {
    height: 50% !important
}

.width-p--51 {
    width: 51% !important
}

.height-p--51 {
    height: 51% !important
}

.width-p--52 {
    width: 52% !important
}

.height-p--52 {
    height: 52% !important
}

.width-p--53 {
    width: 53% !important
}

.height-p--53 {
    height: 53% !important
}

.width-p--54 {
    width: 54% !important
}

.height-p--54 {
    height: 54% !important
}

.width-p--55 {
    width: 55% !important
}

.height-p--55 {
    height: 55% !important
}

.width-p--56 {
    width: 56% !important
}

.height-p--56 {
    height: 56% !important
}

.width-p--57 {
    width: 57% !important
}

.height-p--57 {
    height: 57% !important
}

.width-p--58 {
    width: 58% !important
}

.height-p--58 {
    height: 58% !important
}

.width-p--59 {
    width: 59% !important
}

.height-p--59 {
    height: 59% !important
}

.width-p--60 {
    width: 60% !important
}

.height-p--60 {
    height: 60% !important
}

.width-p--61 {
    width: 61% !important
}

.height-p--61 {
    height: 61% !important
}

.width-p--62 {
    width: 62% !important
}

.height-p--62 {
    height: 62% !important
}

.width-p--63 {
    width: 63% !important
}

.height-p--63 {
    height: 63% !important
}

.width-p--64 {
    width: 64% !important
}

.height-p--64 {
    height: 64% !important
}

.width-p--65 {
    width: 65% !important
}

.height-p--65 {
    height: 65% !important
}

.width-p--66 {
    width: 66% !important
}

.height-p--66 {
    height: 66% !important
}

.width-p--67 {
    width: 67% !important
}

.height-p--67 {
    height: 67% !important
}

.width-p--68 {
    width: 68% !important
}

.height-p--68 {
    height: 68% !important
}

.width-p--69 {
    width: 69% !important
}

.height-p--69 {
    height: 69% !important
}

.width-p--70 {
    width: 70% !important
}

.height-p--70 {
    height: 70% !important
}

.width-p--71 {
    width: 71% !important
}

.height-p--71 {
    height: 71% !important
}

.width-p--72 {
    width: 72% !important
}

.height-p--72 {
    height: 72% !important
}

.width-p--73 {
    width: 73% !important
}

.height-p--73 {
    height: 73% !important
}

.width-p--74 {
    width: 74% !important
}

.height-p--74 {
    height: 74% !important
}

.width-p--75 {
    width: 75% !important
}

.height-p--75 {
    height: 75% !important
}

.width-p--76 {
    width: 76% !important
}

.height-p--76 {
    height: 76% !important
}

.width-p--77 {
    width: 77% !important
}

.height-p--77 {
    height: 77% !important
}

.width-p--78 {
    width: 78% !important
}

.height-p--78 {
    height: 78% !important
}

.width-p--79 {
    width: 79% !important
}

.height-p--79 {
    height: 79% !important
}

.width-p--80 {
    width: 80% !important
}

.height-p--80 {
    height: 80% !important
}

.width-p--81 {
    width: 81% !important
}

.height-p--81 {
    height: 81% !important
}

.width-p--82 {
    width: 82% !important
}

.height-p--82 {
    height: 82% !important
}

.width-p--83 {
    width: 83% !important
}

.height-p--83 {
    height: 83% !important
}

.width-p--84 {
    width: 84% !important
}

.height-p--84 {
    height: 84% !important
}

.width-p--85 {
    width: 85% !important
}

.height-p--85 {
    height: 85% !important
}

.width-p--86 {
    width: 86% !important
}

.height-p--86 {
    height: 86% !important
}

.width-p--87 {
    width: 87% !important
}

.height-p--87 {
    height: 87% !important
}

.width-p--88 {
    width: 88% !important
}

.height-p--88 {
    height: 88% !important
}

.width-p--89 {
    width: 89% !important
}

.height-p--89 {
    height: 89% !important
}

.width-p--90 {
    width: 90% !important
}

.height-p--90 {
    height: 90% !important
}

.width-p--91 {
    width: 91% !important
}

.height-p--91 {
    height: 91% !important
}

.width-p--92 {
    width: 92% !important
}

.height-p--92 {
    height: 92% !important
}

.width-p--93 {
    width: 93% !important
}

.height-p--93 {
    height: 93% !important
}

.width-p--94 {
    width: 94% !important
}

.height-p--94 {
    height: 94% !important
}

.width-p--95 {
    width: 95% !important
}

.height-p--95 {
    height: 95% !important
}

.width-p--96 {
    width: 96% !important
}

.height-p--96 {
    height: 96% !important
}

.width-p--97 {
    width: 97% !important
}

.height-p--97 {
    height: 97% !important
}

.width-p--98 {
    width: 98% !important
}

.height-p--98 {
    height: 98% !important
}

.width-p--99 {
    width: 99% !important
}

.height-p--99 {
    height: 99% !important
}

.width-p--100 {
    width: 100% !important
}

.height-p--100 {
    height: 100% !important
}

.max-width-p--0 {
    max-width: 0
}

.max-height-p--0 {
    max-height: 0%
}

.max-width-p--1 {
    max-width: 1%
}

.max-height-p--1 {
    max-height: 1%
}

.max-width-p--2 {
    max-width: 2%
}

.max-height-p--2 {
    max-height: 2%
}

.max-width-p--3 {
    max-width: 3%
}

.max-height-p--3 {
    max-height: 3%
}

.max-width-p--4 {
    max-width: 4%
}

.max-height-p--4 {
    max-height: 4%
}

.max-width-p--5 {
    max-width: 5%
}

.max-height-p--5 {
    max-height: 5%
}

.max-width-p--6 {
    max-width: 6%
}

.max-height-p--6 {
    max-height: 6%
}

.max-width-p--7 {
    max-width: 7%
}

.max-height-p--7 {
    max-height: 7%
}

.max-width-p--8 {
    max-width: 8%
}

.max-height-p--8 {
    max-height: 8%
}

.max-width-p--9 {
    max-width: 9%
}

.max-height-p--9 {
    max-height: 9%
}

.max-width-p--10 {
    max-width: 10%
}

.max-height-p--10 {
    max-height: 10%
}

.max-width-p--11 {
    max-width: 11%
}

.max-height-p--11 {
    max-height: 11%
}

.max-width-p--12 {
    max-width: 12%
}

.max-height-p--12 {
    max-height: 12%
}

.max-width-p--13 {
    max-width: 13%
}

.max-height-p--13 {
    max-height: 13%
}

.max-width-p--14 {
    max-width: 14%
}

.max-height-p--14 {
    max-height: 14%
}

.max-width-p--15 {
    max-width: 15%
}

.max-height-p--15 {
    max-height: 15%
}

.max-width-p--16 {
    max-width: 16%
}

.max-height-p--16 {
    max-height: 16%
}

.max-width-p--17 {
    max-width: 17%
}

.max-height-p--17 {
    max-height: 17%
}

.max-width-p--18 {
    max-width: 18%
}

.max-height-p--18 {
    max-height: 18%
}

.max-width-p--19 {
    max-width: 19%
}

.max-height-p--19 {
    max-height: 19%
}

.max-width-p--20 {
    max-width: 20%
}

.max-height-p--20 {
    max-height: 20%
}

.max-width-p--21 {
    max-width: 21%
}

.max-height-p--21 {
    max-height: 21%
}

.max-width-p--22 {
    max-width: 22%
}

.max-height-p--22 {
    max-height: 22%
}

.max-width-p--23 {
    max-width: 23%
}

.max-height-p--23 {
    max-height: 23%
}

.max-width-p--24 {
    max-width: 24%
}

.max-height-p--24 {
    max-height: 24%
}

.max-width-p--25 {
    max-width: 25%
}

.max-height-p--25 {
    max-height: 25%
}

.max-width-p--26 {
    max-width: 26%
}

.max-height-p--26 {
    max-height: 26%
}

.max-width-p--27 {
    max-width: 27%
}

.max-height-p--27 {
    max-height: 27%
}

.max-width-p--28 {
    max-width: 28%
}

.max-height-p--28 {
    max-height: 28%
}

.max-width-p--29 {
    max-width: 29%
}

.max-height-p--29 {
    max-height: 29%
}

.max-width-p--30 {
    max-width: 30%
}

.max-height-p--30 {
    max-height: 30%
}

.max-width-p--31 {
    max-width: 31%
}

.max-height-p--31 {
    max-height: 31%
}

.max-width-p--32 {
    max-width: 32%
}

.max-height-p--32 {
    max-height: 32%
}

.max-width-p--33 {
    max-width: 33%
}

.max-height-p--33 {
    max-height: 33%
}

.max-width-p--34 {
    max-width: 34%
}

.max-height-p--34 {
    max-height: 34%
}

.max-width-p--35 {
    max-width: 35%
}

.max-height-p--35 {
    max-height: 35%
}

.max-width-p--36 {
    max-width: 36%
}

.max-height-p--36 {
    max-height: 36%
}

.max-width-p--37 {
    max-width: 37%
}

.max-height-p--37 {
    max-height: 37%
}

.max-width-p--38 {
    max-width: 38%
}

.max-height-p--38 {
    max-height: 38%
}

.max-width-p--39 {
    max-width: 39%
}

.max-height-p--39 {
    max-height: 39%
}

.max-width-p--40 {
    max-width: 40%
}

.max-height-p--40 {
    max-height: 40%
}

.max-width-p--41 {
    max-width: 41%
}

.max-height-p--41 {
    max-height: 41%
}

.max-width-p--42 {
    max-width: 42%
}

.max-height-p--42 {
    max-height: 42%
}

.max-width-p--43 {
    max-width: 43%
}

.max-height-p--43 {
    max-height: 43%
}

.max-width-p--44 {
    max-width: 44%
}

.max-height-p--44 {
    max-height: 44%
}

.max-width-p--45 {
    max-width: 45%
}

.max-height-p--45 {
    max-height: 45%
}

.max-width-p--46 {
    max-width: 46%
}

.max-height-p--46 {
    max-height: 46%
}

.max-width-p--47 {
    max-width: 47%
}

.max-height-p--47 {
    max-height: 47%
}

.max-width-p--48 {
    max-width: 48%
}

.max-height-p--48 {
    max-height: 48%
}

.max-width-p--49 {
    max-width: 49%
}

.max-height-p--49 {
    max-height: 49%
}

.max-width-p--50 {
    max-width: 50%
}

.max-height-p--50 {
    max-height: 50%
}

.max-width-p--51 {
    max-width: 51%
}

.max-height-p--51 {
    max-height: 51%
}

.max-width-p--52 {
    max-width: 52%
}

.max-height-p--52 {
    max-height: 52%
}

.max-width-p--53 {
    max-width: 53%
}

.max-height-p--53 {
    max-height: 53%
}

.max-width-p--54 {
    max-width: 54%
}

.max-height-p--54 {
    max-height: 54%
}

.max-width-p--55 {
    max-width: 55%
}

.max-height-p--55 {
    max-height: 55%
}

.max-width-p--56 {
    max-width: 56%
}

.max-height-p--56 {
    max-height: 56%
}

.max-width-p--57 {
    max-width: 57%
}

.max-height-p--57 {
    max-height: 57%
}

.max-width-p--58 {
    max-width: 58%
}

.max-height-p--58 {
    max-height: 58%
}

.max-width-p--59 {
    max-width: 59%
}

.max-height-p--59 {
    max-height: 59%
}

.max-width-p--60 {
    max-width: 60%
}

.max-height-p--60 {
    max-height: 60%
}

.max-width-p--61 {
    max-width: 61%
}

.max-height-p--61 {
    max-height: 61%
}

.max-width-p--62 {
    max-width: 62%
}

.max-height-p--62 {
    max-height: 62%
}

.max-width-p--63 {
    max-width: 63%
}

.max-height-p--63 {
    max-height: 63%
}

.max-width-p--64 {
    max-width: 64%
}

.max-height-p--64 {
    max-height: 64%
}

.max-width-p--65 {
    max-width: 65%
}

.max-height-p--65 {
    max-height: 65%
}

.max-width-p--66 {
    max-width: 66%
}

.max-height-p--66 {
    max-height: 66%
}

.max-width-p--67 {
    max-width: 67%
}

.max-height-p--67 {
    max-height: 67%
}

.max-width-p--68 {
    max-width: 68%
}

.max-height-p--68 {
    max-height: 68%
}

.max-width-p--69 {
    max-width: 69%
}

.max-height-p--69 {
    max-height: 69%
}

.max-width-p--70 {
    max-width: 70%
}

.max-height-p--70 {
    max-height: 70%
}

.max-width-p--71 {
    max-width: 71%
}

.max-height-p--71 {
    max-height: 71%
}

.max-width-p--72 {
    max-width: 72%
}

.max-height-p--72 {
    max-height: 72%
}

.max-width-p--73 {
    max-width: 73%
}

.max-height-p--73 {
    max-height: 73%
}

.max-width-p--74 {
    max-width: 74%
}

.max-height-p--74 {
    max-height: 74%
}

.max-width-p--75 {
    max-width: 75%
}

.max-height-p--75 {
    max-height: 75%
}

.max-width-p--76 {
    max-width: 76%
}

.max-height-p--76 {
    max-height: 76%
}

.max-width-p--77 {
    max-width: 77%
}

.max-height-p--77 {
    max-height: 77%
}

.max-width-p--78 {
    max-width: 78%
}

.max-height-p--78 {
    max-height: 78%
}

.max-width-p--79 {
    max-width: 79%
}

.max-height-p--79 {
    max-height: 79%
}

.max-width-p--80 {
    max-width: 80%
}

.max-height-p--80 {
    max-height: 80%
}

.max-width-p--81 {
    max-width: 81%
}

.max-height-p--81 {
    max-height: 81%
}

.max-width-p--82 {
    max-width: 82%
}

.max-height-p--82 {
    max-height: 82%
}

.max-width-p--83 {
    max-width: 83%
}

.max-height-p--83 {
    max-height: 83%
}

.max-width-p--84 {
    max-width: 84%
}

.max-height-p--84 {
    max-height: 84%
}

.max-width-p--85 {
    max-width: 85%
}

.max-height-p--85 {
    max-height: 85%
}

.max-width-p--86 {
    max-width: 86%
}

.max-height-p--86 {
    max-height: 86%
}

.max-width-p--87 {
    max-width: 87%
}

.max-height-p--87 {
    max-height: 87%
}

.max-width-p--88 {
    max-width: 88%
}

.max-height-p--88 {
    max-height: 88%
}

.max-width-p--89 {
    max-width: 89%
}

.max-height-p--89 {
    max-height: 89%
}

.max-width-p--90 {
    max-width: 90%
}

.max-height-p--90 {
    max-height: 90%
}

.max-width-p--91 {
    max-width: 91%
}

.max-height-p--91 {
    max-height: 91%
}

.max-width-p--92 {
    max-width: 92%
}

.max-height-p--92 {
    max-height: 92%
}

.max-width-p--93 {
    max-width: 93%
}

.max-height-p--93 {
    max-height: 93%
}

.max-width-p--94 {
    max-width: 94%
}

.max-height-p--94 {
    max-height: 94%
}

.max-width-p--95 {
    max-width: 95%
}

.max-height-p--95 {
    max-height: 95%
}

.max-width-p--96 {
    max-width: 96%
}

.max-height-p--96 {
    max-height: 96%
}

.max-width-p--97 {
    max-width: 97%
}

.max-height-p--97 {
    max-height: 97%
}

.max-width-p--98 {
    max-width: 98%
}

.max-height-p--98 {
    max-height: 98%
}

.max-width-p--99 {
    max-width: 99%
}

.max-height-p--99 {
    max-height: 99%
}

.max-width-p--100 {
    max-width: 100%
}

.max-height-p--100 {
    max-height: 100%
}

.width-auto {
    width: auto
}

.height-auto {
    height: auto
}

.height-vh--100 {
    height: 100vh
}

.width--20 {
    width: 20px
}

.width--26 {
    width: 26px
}

.width--30 {
    width: 30px
}

.width--88 {
    width: 88px
}

.width--100 {
    width: 100px
}

.width--250 {
    width: 250px
}

.width--300 {
    width: 300px
}

.width--380 {
    width: 380px
}

.width--430 {
    width: 430px
}

.width--490 {
    width: 490px
}

.width--523 {
    width: 523px !important
}

.width--600 {
    width: 600px
}

.height--0 {
    height: 0
}

.height--6 {
    height: 6px
}

.height--10 {
    height: 10px
}

.height--16 {
    height: 16px
}

.height--20 {
    height: 20px
}

.height--24 {
    height: 24px
}

.height--30 {
    height: 30px
}

.height--36 {
    height: 36px
}

.height--40 {
    height: 40px
}

.height--53 {
    height: 53px
}

.height--55 {
    height: 55px
}

.height--60 {
    height: 60px
}

.height--125 {
    height: 125px
}

.height--180 {
    height: 180px
}

.height--225 {
    height: 225px
}

.height--270 {
    height: 270px
}

.height--415 {
    height: 415px
}

.min-width--10 {
    min-width: 10px
}

.min-width--45 {
    min-width: 45px
}

.min-height--30 {
    min-height: 30px
}

.min-height--90 {
    min-height: 90px
}

.max-height--400 {
    max-height: 400px
}

.max-height--600 {
    max-height: 600px
}

.border-a--2 {
    border: 2px solid
}

.br-1 {
    border-radius: .25rem
}

.br-2 {
    border-radius: .5rem
}

.br-3 {
    border-radius: .75rem
}

.br-4 {
    border-radius: 1rem
}

.br--3 {
    border-radius: 3px
}

.br--4 {
    border-radius: 4px
}

.br--6 {
    border-radius: 6px
}

.br--14 {
    border-radius: 14px
}

.br--20 {
    border-radius: 20px
}

.br-bottom--4 {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.br-top--4 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.br-100 {
    border-radius: 100% !important;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.br-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.br-top {
    border-bottom-left-radius: 0
}

.br-left,
.br-top {
    border-bottom-right-radius: 0
}

.br-left {
    border-top-right-radius: 0
}

.br-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@-webkit-keyframes bounce-in {
    40% {
        -webkit-transform: scale(1.35);
        transform: scale(1.35)
    }
}

@keyframes bounce-in {
    40% {
        -webkit-transform: scale(1.35);
        transform: scale(1.35)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: .01
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: .01
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

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

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

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

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

@-webkit-keyframes rotate-in {
    0% {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 1
    }
}

@keyframes rotate-in {
    0% {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 1
    }
}

@-webkit-keyframes rotate-out {
    0% {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotate-out {
    0% {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes slide-fade-in-left {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-fade-in-left {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

@keyframes slide-fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.anim {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.anim-delayed {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.anim-really-fast {
    -webkit-animation-duration: 50ms;
    animation-duration: 50ms
}

.anim-slower {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.anim-slow {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.anim-coggy {
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite
}

.anim-coggy,
.coggy {
    -webkit-transform-origin: 13px 15.6px;
    transform-origin: 13px 15.6px
}

.coggy {
    transition: 1s;
    -webkit-animation: despin 1s ease-out;
    animation: despin 1s ease-out
}

.anim-bounce-in {
    -webkit-animation-name: bounce-in;
    animation-name: bounce-in
}

.anim-fade-in {
    -webkit-animation-name: fade-in;
    animation-name: fade-in
}

.anim-rotate-in {
    -webkit-animation-name: rotate-in;
    animation-name: rotate-in
}

.anim-rotate-out {
    -webkit-animation-name: rotate-out;
    animation-name: rotate-out
}

.anim-fade-in-left {
    -webkit-animation-name: slide-fade-in-left;
    animation-name: slide-fade-in-left
}

.anim-fade-out-right {
    -webkit-animation-name: slide-fade-out-right;
    animation-name: slide-fade-out-right
}

.anim-pulse {
    -webkit-animation: pulse 3s linear infinite;
    animation: pulse 3s linear infinite
}

.opacity--0 {
    opacity: 0 !important
}

.opacity-hover--0:hover {
    opacity: 0 !important
}

.opacity--1 {
    opacity: .01 !important
}

.opacity-hover--1:hover {
    opacity: .01 !important
}

.opacity--2 {
    opacity: .02 !important
}

.opacity-hover--2:hover {
    opacity: .02 !important
}

.opacity--3 {
    opacity: .03 !important
}

.opacity-hover--3:hover {
    opacity: .03 !important
}

.opacity--4 {
    opacity: .04 !important
}

.opacity-hover--4:hover {
    opacity: .04 !important
}

.opacity--5 {
    opacity: .05 !important
}

.opacity-hover--5:hover {
    opacity: .05 !important
}

.opacity--6 {
    opacity: .06 !important
}

.opacity-hover--6:hover {
    opacity: .06 !important
}

.opacity--7 {
    opacity: .07 !important
}

.opacity-hover--7:hover {
    opacity: .07 !important
}

.opacity--8 {
    opacity: .08 !important
}

.opacity-hover--8:hover {
    opacity: .08 !important
}

.opacity--9 {
    opacity: .09 !important
}

.opacity-hover--9:hover {
    opacity: .09 !important
}

.opacity--10 {
    opacity: .1 !important
}

.opacity-hover--10:hover {
    opacity: .1 !important
}

.opacity--11 {
    opacity: .11 !important
}

.opacity-hover--11:hover {
    opacity: .11 !important
}

.opacity--12 {
    opacity: .12 !important
}

.opacity-hover--12:hover {
    opacity: .12 !important
}

.opacity--13 {
    opacity: .13 !important
}

.opacity-hover--13:hover {
    opacity: .13 !important
}

.opacity--14 {
    opacity: .14 !important
}

.opacity-hover--14:hover {
    opacity: .14 !important
}

.opacity--15 {
    opacity: .15 !important
}

.opacity-hover--15:hover {
    opacity: .15 !important
}

.opacity--16 {
    opacity: .16 !important
}

.opacity-hover--16:hover {
    opacity: .16 !important
}

.opacity--17 {
    opacity: .17 !important
}

.opacity-hover--17:hover {
    opacity: .17 !important
}

.opacity--18 {
    opacity: .18 !important
}

.opacity-hover--18:hover {
    opacity: .18 !important
}

.opacity--19 {
    opacity: .19 !important
}

.opacity-hover--19:hover {
    opacity: .19 !important
}

.opacity--20 {
    opacity: .2 !important
}

.opacity-hover--20:hover {
    opacity: .2 !important
}

.opacity--21 {
    opacity: .21 !important
}

.opacity-hover--21:hover {
    opacity: .21 !important
}

.opacity--22 {
    opacity: .22 !important
}

.opacity-hover--22:hover {
    opacity: .22 !important
}

.opacity--23 {
    opacity: .23 !important
}

.opacity-hover--23:hover {
    opacity: .23 !important
}

.opacity--24 {
    opacity: .24 !important
}

.opacity-hover--24:hover {
    opacity: .24 !important
}

.opacity--25 {
    opacity: .25 !important
}

.opacity-hover--25:hover {
    opacity: .25 !important
}

.opacity--26 {
    opacity: .26 !important
}

.opacity-hover--26:hover {
    opacity: .26 !important
}

.opacity--27 {
    opacity: .27 !important
}

.opacity-hover--27:hover {
    opacity: .27 !important
}

.opacity--28 {
    opacity: .28 !important
}

.opacity-hover--28:hover {
    opacity: .28 !important
}

.opacity--29 {
    opacity: .29 !important
}

.opacity-hover--29:hover {
    opacity: .29 !important
}

.opacity--30 {
    opacity: .3 !important
}

.opacity-hover--30:hover {
    opacity: .3 !important
}

.opacity--31 {
    opacity: .31 !important
}

.opacity-hover--31:hover {
    opacity: .31 !important
}

.opacity--32 {
    opacity: .32 !important
}

.opacity-hover--32:hover {
    opacity: .32 !important
}

.opacity--33 {
    opacity: .33 !important
}

.opacity-hover--33:hover {
    opacity: .33 !important
}

.opacity--34 {
    opacity: .34 !important
}

.opacity-hover--34:hover {
    opacity: .34 !important
}

.opacity--35 {
    opacity: .35 !important
}

.opacity-hover--35:hover {
    opacity: .35 !important
}

.opacity--36 {
    opacity: .36 !important
}

.opacity-hover--36:hover {
    opacity: .36 !important
}

.opacity--37 {
    opacity: .37 !important
}

.opacity-hover--37:hover {
    opacity: .37 !important
}

.opacity--38 {
    opacity: .38 !important
}

.opacity-hover--38:hover {
    opacity: .38 !important
}

.opacity--39 {
    opacity: .39 !important
}

.opacity-hover--39:hover {
    opacity: .39 !important
}

.opacity--40 {
    opacity: .4 !important
}

.opacity-hover--40:hover {
    opacity: .4 !important
}

.opacity--41 {
    opacity: .41 !important
}

.opacity-hover--41:hover {
    opacity: .41 !important
}

.opacity--42 {
    opacity: .42 !important
}

.opacity-hover--42:hover {
    opacity: .42 !important
}

.opacity--43 {
    opacity: .43 !important
}

.opacity-hover--43:hover {
    opacity: .43 !important
}

.opacity--44 {
    opacity: .44 !important
}

.opacity-hover--44:hover {
    opacity: .44 !important
}

.opacity--45 {
    opacity: .45 !important
}

.opacity-hover--45:hover {
    opacity: .45 !important
}

.opacity--46 {
    opacity: .46 !important
}

.opacity-hover--46:hover {
    opacity: .46 !important
}

.opacity--47 {
    opacity: .47 !important
}

.opacity-hover--47:hover {
    opacity: .47 !important
}

.opacity--48 {
    opacity: .48 !important
}

.opacity-hover--48:hover {
    opacity: .48 !important
}

.opacity--49 {
    opacity: .49 !important
}

.opacity-hover--49:hover {
    opacity: .49 !important
}

.opacity--50 {
    opacity: .5 !important
}

.opacity-hover--50:hover {
    opacity: .5 !important
}

.opacity--51 {
    opacity: .51 !important
}

.opacity-hover--51:hover {
    opacity: .51 !important
}

.opacity--52 {
    opacity: .52 !important
}

.opacity-hover--52:hover {
    opacity: .52 !important
}

.opacity--53 {
    opacity: .53 !important
}

.opacity-hover--53:hover {
    opacity: .53 !important
}

.opacity--54 {
    opacity: .54 !important
}

.opacity-hover--54:hover {
    opacity: .54 !important
}

.opacity--55 {
    opacity: .55 !important
}

.opacity-hover--55:hover {
    opacity: .55 !important
}

.opacity--56 {
    opacity: .56 !important
}

.opacity-hover--56:hover {
    opacity: .56 !important
}

.opacity--57 {
    opacity: .57 !important
}

.opacity-hover--57:hover {
    opacity: .57 !important
}

.opacity--58 {
    opacity: .58 !important
}

.opacity-hover--58:hover {
    opacity: .58 !important
}

.opacity--59 {
    opacity: .59 !important
}

.opacity-hover--59:hover {
    opacity: .59 !important
}

.opacity--60 {
    opacity: .6 !important
}

.opacity-hover--60:hover {
    opacity: .6 !important
}

.opacity--61 {
    opacity: .61 !important
}

.opacity-hover--61:hover {
    opacity: .61 !important
}

.opacity--62 {
    opacity: .62 !important
}

.opacity-hover--62:hover {
    opacity: .62 !important
}

.opacity--63 {
    opacity: .63 !important
}

.opacity-hover--63:hover {
    opacity: .63 !important
}

.opacity--64 {
    opacity: .64 !important
}

.opacity-hover--64:hover {
    opacity: .64 !important
}

.opacity--65 {
    opacity: .65 !important
}

.opacity-hover--65:hover {
    opacity: .65 !important
}

.opacity--66 {
    opacity: .66 !important
}

.opacity-hover--66:hover {
    opacity: .66 !important
}

.opacity--67 {
    opacity: .67 !important
}

.opacity-hover--67:hover {
    opacity: .67 !important
}

.opacity--68 {
    opacity: .68 !important
}

.opacity-hover--68:hover {
    opacity: .68 !important
}

.opacity--69 {
    opacity: .69 !important
}

.opacity-hover--69:hover {
    opacity: .69 !important
}

.opacity--70 {
    opacity: .7 !important
}

.opacity-hover--70:hover {
    opacity: .7 !important
}

.opacity--71 {
    opacity: .71 !important
}

.opacity-hover--71:hover {
    opacity: .71 !important
}

.opacity--72 {
    opacity: .72 !important
}

.opacity-hover--72:hover {
    opacity: .72 !important
}

.opacity--73 {
    opacity: .73 !important
}

.opacity-hover--73:hover {
    opacity: .73 !important
}

.opacity--74 {
    opacity: .74 !important
}

.opacity-hover--74:hover {
    opacity: .74 !important
}

.opacity--75 {
    opacity: .75 !important
}

.opacity-hover--75:hover {
    opacity: .75 !important
}

.opacity--76 {
    opacity: .76 !important
}

.opacity-hover--76:hover {
    opacity: .76 !important
}

.opacity--77 {
    opacity: .77 !important
}

.opacity-hover--77:hover {
    opacity: .77 !important
}

.opacity--78 {
    opacity: .78 !important
}

.opacity-hover--78:hover {
    opacity: .78 !important
}

.opacity--79 {
    opacity: .79 !important
}

.opacity-hover--79:hover {
    opacity: .79 !important
}

.opacity--80 {
    opacity: .8 !important
}

.opacity-hover--80:hover {
    opacity: .8 !important
}

.opacity--81 {
    opacity: .81 !important
}

.opacity-hover--81:hover {
    opacity: .81 !important
}

.opacity--82 {
    opacity: .82 !important
}

.opacity-hover--82:hover {
    opacity: .82 !important
}

.opacity--83 {
    opacity: .83 !important
}

.opacity-hover--83:hover {
    opacity: .83 !important
}

.opacity--84 {
    opacity: .84 !important
}

.opacity-hover--84:hover {
    opacity: .84 !important
}

.opacity--85 {
    opacity: .85 !important
}

.opacity-hover--85:hover {
    opacity: .85 !important
}

.opacity--86 {
    opacity: .86 !important
}

.opacity-hover--86:hover {
    opacity: .86 !important
}

.opacity--87 {
    opacity: .87 !important
}

.opacity-hover--87:hover {
    opacity: .87 !important
}

.opacity--88 {
    opacity: .88 !important
}

.opacity-hover--88:hover {
    opacity: .88 !important
}

.opacity--89 {
    opacity: .89 !important
}

.opacity-hover--89:hover {
    opacity: .89 !important
}

.opacity--90 {
    opacity: .9 !important
}

.opacity-hover--90:hover {
    opacity: .9 !important
}

.opacity--91 {
    opacity: .91 !important
}

.opacity-hover--91:hover {
    opacity: .91 !important
}

.opacity--92 {
    opacity: .92 !important
}

.opacity-hover--92:hover {
    opacity: .92 !important
}

.opacity--93 {
    opacity: .93 !important
}

.opacity-hover--93:hover {
    opacity: .93 !important
}

.opacity--94 {
    opacity: .94 !important
}

.opacity-hover--94:hover {
    opacity: .94 !important
}

.opacity--95 {
    opacity: .95 !important
}

.opacity-hover--95:hover {
    opacity: .95 !important
}

.opacity--96 {
    opacity: .96 !important
}

.opacity-hover--96:hover {
    opacity: .96 !important
}

.opacity--97 {
    opacity: .97 !important
}

.opacity-hover--97:hover {
    opacity: .97 !important
}

.opacity--98 {
    opacity: .98 !important
}

.opacity-hover--98:hover {
    opacity: .98 !important
}

.opacity--99 {
    opacity: .99 !important
}

.opacity-hover--99:hover {
    opacity: .99 !important
}

.opacity--100 {
    opacity: 1 !important
}

.opacity-hover--100:hover {
    opacity: 1 !important
}

.bs-1 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25)
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-auto {
    flex: 1 1 auto;
    min-width: 1px;
    min-height: 1px
}

.flex-none {
    flex: none
}

.flex-column {
    flex-direction: column
}

.flex-row {
    flex-direction: row
}

.flex-wrap--wrap {
    flex-wrap: wrap
}

.flex-align--center {
    align-items: center
}

.flex-align--baseline {
    align-items: baseline
}

.flex-align-self--flex-end {
    align-self: flex-end
}

.flex-align-self--center {
    align-self: center
}

.flex-justify-content--center {
    justify-content: center
}

.flex-justify-content--space-between {
    justify-content: space-between
}

.flex-justify-content--flex-end {
    justify-content: flex-end
}

.flex-justify-content--flex-center {
    justify-content: center
}

.flex-shrink--0 {
    flex-shrink: 0
}

.flex-grow--0 {
    flex-grow: 0
}

.flex-shrink--1 {
    flex-shrink: 1
}

.flex-grow--1 {
    flex-grow: 1
}

.flex-shrink--2 {
    flex-shrink: 2
}

.flex-grow--2 {
    flex-grow: 2
}

.flex-shrink--3 {
    flex-shrink: 3
}

.flex-grow--3 {
    flex-grow: 3
}

.flex-shrink--4 {
    flex-shrink: 4
}

.flex-grow--4 {
    flex-grow: 4
}

.flex-shrink--5 {
    flex-shrink: 5
}

.flex-grow--5 {
    flex-grow: 5
}

.flex-shrink--6 {
    flex-shrink: 6
}

.flex-grow--6 {
    flex-grow: 6
}

.flex-shrink--7 {
    flex-shrink: 7
}

.flex-grow--7 {
    flex-grow: 7
}

.flex-shrink--8 {
    flex-shrink: 8
}

.flex-grow--8 {
    flex-grow: 8
}

.flex-shrink--9 {
    flex-shrink: 9
}

.flex-grow--9 {
    flex-grow: 9
}

.flex-shrink--10 {
    flex-shrink: 10
}

.flex-grow--10 {
    flex-grow: 10
}

.color-twitter-darker-gray {
    color: #657786
}

.color-twitter-white {
    color: #fff !important
}

.color-twitter-gray {
    color: #aab8c2
}

.color-twitter-blue {
    color: #1da1f2
}

.color-twitter-red {
    color: #e0245e
}

.color-twitter-deep-red {
    color: #a01744
}

.color-twitter-green {
    color: #17bf63
}

.color-twitter-deep-black {
    color: #14171a
}

.color-twitter-dark-black {
    color: #38444d
}

.color-twitter-dark-gray {
    color: #8899a6
}

.color-twitter-black {
    color: #000
}

.color-twitter-yellow {
    color: #ffad1f
}

.color-transparent {
    color: transparent !important
}

.bg-color-twitter-white {
    background-color: #fff !important
}

.bg-color-twitter-blue {
    background-color: #1da1f2
}

.bg-color-twitter-deep-blue {
    background-color: #005fd1
}

.bg-color-twitter-medium-blue {
    background-color: #1da1f2
}

.bg-color-twitter-deep-black {
    background-color: #38444d
}

.bg-color-twitter-red {
    background-color: #e0245e
}

.bg-color-twitter-light-gray {
    background-color: #ccd6dd
}

.bg-color-twitter-lightest-gray {
    background-color: #f5f8fa
}

.bg-color-twitter-midnight-dark-gray {
    background-color: #15202b
}

.bg-color-twitter-midnight-darkest-gray {
    background-color: #10171e
}

.bg-color-twitter-yellow {
    background-color: #ffad1f
}

.bg-color-transparent {
    background-color: transparent !important
}

.hover-bg-color-twitter-white:focus,
.hover-bg-color-twitter-white:hover {
    background-color: #fff
}

.hover-bg-color-twitter-lightest-gray:focus,
.hover-bg-color-twitter-lightest-gray:hover {
    background-color: #f5f8fa
}

.hover-bg-color-twitter-faint-blue:focus,
.hover-bg-color-twitter-faint-blue:hover {
    background-color: #eaf5fd
}

.border-color-twitter-blue {
    border-color: #1da1f2
}

.border-color-twitter-white {
    border-color: #fff
}

[lang=ar],
[lang=fa],
[lang=ha],
[lang=he],
[lang=iw],
[lang=ks],
[lang=ku],
[lang=ps],
[lang=ur],
[lang=yi] {
    direction: rtl
}

[lang=ar] a[rel=hashtag],
[lang=ar] a[rel=user],
[lang=fa] a[rel=hashtag],
[lang=fa] a[rel=user],
[lang=ha] a[rel=hashtag],
[lang=ha] a[rel=user],
[lang=he] a[rel=hashtag],
[lang=he] a[rel=user],
[lang=iw] a[rel=hashtag],
[lang=iw] a[rel=user],
[lang=ks] a[rel=hashtag],
[lang=ks] a[rel=user],
[lang=ku] a[rel=hashtag],
[lang=ku] a[rel=user],
[lang=ps] a[rel=hashtag],
[lang=ps] a[rel=user],
[lang=ur] a[rel=hashtag],
[lang=ur] a[rel=user],
[lang=yi] a[rel=hashtag],
[lang=yi] a[rel=user] {
    direction: ltr;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: isolate
}

.is-inverted-light {
    color: #e1e8ed;
    -webkit-font-smoothing: subpixel-antialiased
}

.is-inverted-light a,
.is-inverted-light a:active,
.is-inverted-light a:focus,
.is-inverted-light a:hover {
    color: #8899a6
}

.is-inverted-light .txt-mute {
    color: #8899a6
}

.is-inverted-light .txt-mute a:not(:hover):not(:focus) {
    color: #8899a6
}

.is-inverted-light .account-link {
    color: #e1e8ed
}

.is-inverted-light .account-bio {
    color: #8899a6
}

.hidden-in-light {
    display: none !important
}

.icon,
.Icon {
    display: inline-block;
    vertical-align: baseline;
    font-size: 20px;
    height: 1em;
    width: 1em
}

.Icon {
    font-size: 1em
}

.Icon:before,
.icon:before {
    font-family: tweetdeckregular;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-toggle-on:before {
    content: "\F722"
}

.icon-toggle-off:before {
    content: "\F723"
}

.icon-twitter-bird:before {
    content: "\F014"
}

.icon-mention:before {
    content: "\F064"
}

.icon-following:before {
    content: "\F176"
}

.icon-message:before {
    content: "\F054"
}

.icon-home:before {
    content: "\F053"
}

.icon-hashtag:before {
    content: "\F052"
}

.icon-reply:before {
    content: "\F151"
}

.icon-favorite:before {
    content: "\F148"
}

.icon-retweet:before {
    content: "\F152"
}

.icon-retweet-filled:before {
    content: "\F006"
}

.icon-drafts:before {
    content: "\F710"
}

.icon-search:before {
    content: "\F058"
}

.icon-magic-search:before {
    content: "\F725"
}

.icon-trash:before {
    content: "\F154"
}

.Icon--close:before,
.icon-close:before {
    content: "\F045"
}

.Icon--caretRight:before,
.icon-arrow-r:before {
    content: "\F194"
}

.Icon--caretLeft:before,
.icon-arrow-l:before {
    content: "\F193"
}

.icon-protected:before {
    content: "\F096"
}

.icon-list:before {
    content: "\F094"
}

.icon-list-filled:before {
    content: "\F012"
}

.icon-camera:before {
    content: "\F027"
}

.icon-more:before {
    content: "\F150"
}

.icon-settings:before {
    content: "\F059"
}

.Icon--notifications:before,
.icon-notifications:before {
    content: "\F055"
}

.icon-user-dd:before {
    content: "\F107"
}

.icon-activity:before {
    content: "\F063"
}

.icon-trending:before {
    content: "\F718"
}

.icon-minus:before {
    content: "\F184"
}

.icon-plus:before {
    content: "\F183"
}

.icon-geo:before {
    content: "\F031"
}

.icon-check:before {
    content: "\F170"
}

.icon-schedule:before {
    content: "\F177"
}

.icon-dot:before {
    content: "\F032"
}

.icon-user:before {
    content: "\F056"
}

.icon-user-filled:before {
    content: "\F002"
}

.icon-content:before {
    content: "\F113"
}

.Icon--caretDown:before,
.icon-arrow-d:before {
    content: "\F196"
}

.icon-arrow-u:before {
    content: "\F195"
}

.icon-share:before {
    content: "\F708"
}

.icon-info:before {
    content: "\F217"
}

.icon-verified:before {
    content: "\F099"
}

.icon-translator:before {
    content: "\F089"
}

.icon-blocked:before {
    content: "\E609"
}

.Icon--circleError:before,
.icon-circle-error:before {
    content: "\F042"
}

.icon-constrain:before {
    content: "\F190"
}

.icon-play-video:before {
    content: "\F040"
}

.icon-empty:before {
    content: "\F02F"
}

.icon-clear-input:before {
    content: "\F044"
}

.icon-compose:before {
    content: "\F029"
}

.icon-mark-read:before {
    content: "\F036"
}

.icon-arrow-r-double:before {
    content: "\F192"
}

.icon-arrow-l-double:before {
    content: "\F191"
}

.icon-follow:before {
    content: "\F175"
}

.icon-image:before {
    content: "\F109"
}

.icon-popout:before {
    content: "\F711"
}

.icon-move:before {
    content: "\F338"
}

.icon-compose-grid:before {
    content: "\F719"
}

.icon-compose-minigrid:before {
    content: "\F720"
}

.icon-compose-list:before {
    content: "\F721"
}

.icon-edit:before {
    content: "\F112"
}

.icon-clear-timeline:before {
    content: "\F713"
}

.icon-sliders:before {
    content: "\F138"
}

.icon-custom-timeline:before {
    content: "\F120"
}

.icon-compose-dm:before {
    content: "\F035"
}

.icon-bg-dot:before {
    content: "\F032"
}

.icon-user-add-account:before {
    content: "\F724"
}

.icon-user-team-mgr:before {
    content: "\F178"
}

.icon-user-switch:before {
    content: "\F178"
}

.icon-conversation:before {
    content: "\F005"
}

.icon-dataminr:before {
    content: "\F702"
}

.icon-link:before {
    content: "\F098"
}

.icon-flash:before {
    content: "\F017"
}

.icon-pointer-u:before {
    content: "\F188"
}

.icon-pointer-d:before {
    content: "\F174"
}

.icon-analytics:before {
    content: "\F200"
}

.icon-heart:before {
    content: "\F148"
}

.Icon--calendar:before,
.icon-calendar:before {
    content: "\F203"
}

.icon-attachment:before {
    content: "\F088"
}

.icon-play:before {
    content: "\F022"
}

.icon-pause:before {
    content: "\F302"
}

.icon-bookmark:before {
    content: "\F716"
}

.icon-play-badge:before {
    content: "\F715"
}

.icon-gif-badge:before {
    content: "\F528"
}

.icon-poll:before {
    content: "\F199"
}

.icon-lightning:before {
    content: "\F160"
}

.icon-heart-filled:before {
    content: "\F015"
}

.icon-toggle-off:before {
    content: "\F722"
}

.icon-toggle-on:before {
    content: "\F723"
}

.icon-speaker:before {
    content: "\F304"
}

.icon-sound:before {
    content: "\F305"
}

.icon-sound-off:before {
    content: "\F306"
}

.icon-favorite-color {
    color: #e0245e
}

.icon-follow-color {
    color: #1da1f2
}

.icon-image-color,
.icon-list-color,
.icon-mention-color {
    color: #657786
}

.icon-unread-color {
    color: #1da1f2
}

.icon-remove-color {
    color: #e0245e
}

.icon-retweet-color,
.icon-submit-color {
    color: #17bf63
}

.icon-twitter-blue-color {
    color: #1da1f2
}

.icon-xsmall {
    font-size: 8px
}

.DateRangeDropdownTarget .Icon,
.icon-small {
    font-size: 14px
}

.icon-medium {
    font-size: 24px
}

.icon-large {
    font-size: 26px;
    height: 26px;
    width: 26px
}

.icon-xlarge {
    font-size: 48px;
    height: 48px;
    width: 48px;
    line-height: 48px
}

.icon-small-context {
    font-size: 14px;
    height: 14px;
    vertical-align: top
}

.icon-dropdown-context {
    font-size: 16px;
    height: 16px;
    vertical-align: top
}

.icon-match-context {
    font-size: 1em;
    height: 1em
}

.icon-tt {
    vertical-align: text-top
}

.icon-tb {
    vertical-align: text-bottom
}

.icon-bot {
    vertical-align: bottom
}

.icon-middle {
    line-height: 1em;
    vertical-align: middle
}

.icon-small-valigned {
    font-size: 16px !important;
    height: 16px;
    width: 16px;
    vertical-align: -3px !important
}

.icon-base-valigned {
    height: 1rem;
    width: 1rem;
    vertical-align: -.15rem;
    font-size: 1rem
}

.is-touch-column-options .icon-small-valigned {
    font-size: 20px;
    vertical-align: 0
}

.icon-center-16 {
    margin-left: -8px;
    margin-top: -8px;
    width: 16px;
    height: 16px
}

.icon-center-16,
.icon-center-24 {
    position: absolute;
    left: 50%;
    top: 50%
}

.icon-center-24 {
    margin-left: -12px;
    margin-top: -12px;
    width: 24px;
    height: 24px
}

.icon-with-bg-round .icon,
.icon-with-bg-round .Icon {
    position: absolute;
    left: 0
}

.icon-verified-bg {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.image-icon {
    width: 36px;
    margin: 9px auto
}

.image-icon-small {
    width: 26px
}

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

.sprite {
    display: inline-block;
    vertical-align: text-top;
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/sprite_sheet_@1x.948c9b4228.png);
    background-repeat: no-repeat
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx),
(min-resolution:144dpi) {
    .sprite {
        background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/sprite_sheet_@2x.fe37b69f3d.png);
        background-size: 240px 176px;
        background-repeat: no-repeat
    }
}

.heartsprite {
    -webkit-transform: scale(.475);
    transform: scale(.475);
    -webkit-transform-origin: center;
    transform-origin: center;
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/web_heart_animation.339ba7969e.png) no-repeat;
    position: absolute;
    left: -226%
}

.tweet-action-item .heartsprite {
    top: -214%
}

.tweet-detail-action-item .heartsprite {
    top: -206%
}

.heart-anim {
    -webkit-animation: heart-burst 1.2s steps(28);
    animation: heart-burst 1.2s steps(28);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes heart-burst {
    to {
        background-position: -2800px
    }
}

@keyframes heart-burst {
    to {
        background-position: -2800px
    }
}

.sprite-drag {
    background-position: -70px -10px;
    width: 18px;
    height: 22px
}

.sprite-verified {
    width: 20px;
    height: 20px;
    background-position: -10px -10px
}

.sprite-verified-mini {
    width: 16px;
    height: 16px;
    background-position: -161px -47px;
    margin-left: -1px
}

.txt-base-small .sprite-verified-mini,
.txt-base-smallest .sprite-verified-mini {
    width: 12px;
    height: 12px;
    background-position: -224px -99px
}

.sprite-translator {
    width: 20px;
    height: 20px;
    background-position: -40px -10px
}

.sprite-drag-vertical {
    width: 5px;
    height: 30px;
    background-position: -120px -10px
}

.sprite-gif {
    width: 28px;
    height: 17px;
    background-position: -119px -90px
}

.sprite-gif-pause {
    width: 58px;
    height: 17px;
    background-position: -119px -116px
}

.microsoft-logo {
    width: 80px;
    height: 22px;
    background-position: -8px -87px
}

.sprite-logo {
    width: 124px
}

.sprite-logo,
.sprite-logo-badge {
    height: 34px;
    background-position: -5px -45px
}

.sprite-logo-badge {
    width: 34px
}

.sprite-logo-badge-large {
    background-position: -187px -39px
}

.sprite-column-update {
    width: 158px;
    height: 3px;
    background-position: -10px -80px
}

.sprite-flash {
    width: 8px;
    height: 18px;
    background-position: -166px -80px
}

.sprite-dataminr-dot {
    width: 8px;
    height: 18px;
    background-position: -176px -80px
}

.sprite-dataminr-plus {
    width: 8px;
    height: 18px;
    background-position: -186px -80px
}

.sprite-dataminr-momentum-dot {
    width: 8px;
    height: 18px;
    background-position: -226px -80px
}

.fullname-badged:before {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/sprite_sheet_@1x.948c9b4228.png);
    background-repeat: no-repeat
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx),
(min-resolution:144dpi) {
    .fullname-badged:before {
        background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/sprite_sheet_@2x.fe37b69f3d.png);
        background-size: 240px 160px
    }
}

.badge-translator:before {
    width: 14px;
    height: 14px;
    background-position: -143px -48px
}

.badge-verified:before {
    width: 14px;
    height: 14px;
    background-position: -163px -43px
}

.txt-base-smallest .badge-translator:before {
    width: 12px;
    height: 12px;
    background-position: -204px -98px
}

.badge-translator.badge-size--12:before {
    width: 12px !important;
    height: 12px !important;
    background-position: -204px -98px !important
}

.badge-translator.badge-size--14:before {
    width: 14px !important;
    height: 14px !important;
    background-position: -143px -48px !important
}

.txt-base-small .badge-verified:before,
.txt-base-smallest .badge-verified:before {
    width: 12px;
    height: 12px;
    background-position: -224px -99px
}

.badge-verified.badge-size--12:before {
    width: 12px !important;
    height: 12px !important;
    background-position: -224px -99px !important
}

.badge-verified.badge-size--14:before {
    width: 14px !important;
    height: 14px !important;
    background-position: -163px -48px !important
}

.svg-warning {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/warning-icon.557d0b2546.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

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

.ButtonGroup>.Button,
.ButtonGroup>button,
.ButtonGroup>input[type=button] {
    position: relative;
    float: left;
    text-align: center
}

.ButtonGroup>.Button:focus,
.ButtonGroup>button:focus,
.ButtonGroup>input:focus[type=button] {
    outline: none
}

.ButtonGroup>.ButtonGroup {
    float: left
}

.ButtonGroup>.Button,
.ButtonGroup>button,
.ButtonGroup>input[type=button] {
    z-index: 1;
    transition: box-shadow 0s
}

.ButtonGroup>.Button:hover,
.ButtonGroup>button:hover,
.ButtonGroup>input:hover[type=button] {
    z-index: 2
}

.ButtonGroup>.Button.is-selected,
.ButtonGroup>button.is-selected,
.ButtonGroup>input.is-selected[type=button] {
    z-index: 3
}

.ButtonGroup>.Button.is-selected,
.ButtonGroup>.Button.is-selected:visited,
.ButtonGroup>button.is-selected,
.ButtonGroup>button.is-selected:visited,
.ButtonGroup>input.is-selected:visited[type=button],
.ButtonGroup>input.is-selected[type=button] {
    background-color: #1da1f2;
    border: 1px solid #1da1f2;
    color: #fff
}

.ButtonGroup>.Button.is-selected.is-focus,
.ButtonGroup>.Button.is-selected:focus,
.ButtonGroup>button.is-selected.is-focus,
.ButtonGroup>button.is-selected:focus,
.ButtonGroup>input.is-selected.is-focus[type=button],
.ButtonGroup>input.is-selected:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #71c9f8;
    background: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

.ButtonGroup>.Button.is-selected.is-hover,
.ButtonGroup>.Button.is-selected:hover,
.ButtonGroup>button.is-selected.is-hover,
.ButtonGroup>button.is-selected:hover,
.ButtonGroup>input.is-selected.is-hover[type=button],
.ButtonGroup>input.is-selected:hover[type=button] {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

.ButtonGroup>.Button.is-selected.is-active,
.ButtonGroup>.Button.is-selected:active,
.ButtonGroup>button.is-selected.is-active,
.ButtonGroup>button.is-selected:active,
.ButtonGroup>input.is-selected.is-active[type=button],
.ButtonGroup>input.is-selected:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1da1f2;
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

.ButtonGroup>.Button.is-selected.is-disabled,
.ButtonGroup>.Button.is-selected[disabled],
.ButtonGroup>button.is-selected.is-disabled,
.ButtonGroup>button.is-selected.is-disabled:focus,
.ButtonGroup>button.is-selected[disabled],
.ButtonGroup>input.is-selected.is-disabled[type=button],
.ButtonGroup>input.is-selected.is-disabled[type=button]:focus,
.ButtonGroup>input.is-selected[disabled][type=button],
.follow-btn.is-disabled .ButtonGroup>button.is-selected,
fieldset[disabled] .ButtonGroup>.Button.is-selected,
fieldset[disabled] .ButtonGroup>button.is-selected,
fieldset[disabled] .ButtonGroup>input.is-selected[type=button] {
    background-color: #1da1f2;
    border-color: #1da1f2;
    box-shadow: none
}

.ButtonGroup>.Button:active,
.ButtonGroup>.Button:focus,
.ButtonGroup>button:active,
.ButtonGroup>button:focus,
.ButtonGroup>input:active[type=button],
.ButtonGroup>input:focus[type=button] {
    z-index: 4
}

.ButtonGroup>.Button+.Button,
.ButtonGroup>.Button+.ButtonGroup,
.ButtonGroup>.Button+button,
.ButtonGroup>.Button+input[type=button],
.ButtonGroup>.ButtonGroup+.Button,
.ButtonGroup>.ButtonGroup+.ButtonGroup,
.ButtonGroup>.ButtonGroup+button,
.ButtonGroup>.ButtonGroup+input[type=button],
.ButtonGroup>button+.Button,
.ButtonGroup>button+.ButtonGroup,
.ButtonGroup>button+button,
.ButtonGroup>button+input[type=button],
.ButtonGroup>input[type=button]+.Button,
.ButtonGroup>input[type=button]+.ButtonGroup,
.ButtonGroup>input[type=button]+button,
.ButtonGroup>input[type=button]+input[type=button] {
    margin-left: -1px
}

.ButtonGroup>.Button:not(:first-child):not(:last-child),
.ButtonGroup>.ButtonGroup:not(:first-child):not(:last-child)>.Button,
.ButtonGroup>.ButtonGroup:not(:first-child):not(:last-child)>button,
.ButtonGroup>.ButtonGroup:not(:first-child):not(:last-child)>input[type=button],
.ButtonGroup>button:not(:first-child):not(:last-child),
.ButtonGroup>input:not(:first-child):not(:last-child)[type=button] {
    border-radius: 0
}

.ButtonGroup>.Button:first-child:not(:last-child),
.ButtonGroup>.ButtonGroup:first-child:not(:last-child)>.Button,
.ButtonGroup>.ButtonGroup:first-child:not(:last-child)>button,
.ButtonGroup>.ButtonGroup:first-child:not(:last-child)>input[type=button],
.ButtonGroup>button:first-child:not(:last-child),
.ButtonGroup>input:first-child:not(:last-child)[type=button] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.ButtonGroup>.Button:last-child:not(:first-child),
.ButtonGroup>.ButtonGroup:last-child:not(:first-child)>.Button:first-child,
.ButtonGroup>.ButtonGroup:last-child:not(:first-child)>button:first-child,
.ButtonGroup>.ButtonGroup:last-child:not(:first-child)>input:first-child[type=button],
.ButtonGroup>button:last-child:not(:first-child),
.ButtonGroup>input:last-child:not(:first-child)[type=button] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ButtonGroup>.ButtonGroup:last-child>.Button,
.ButtonGroup>.ButtonGroup:last-child>button,
.ButtonGroup>.ButtonGroup:last-child>input[type=button] {
    border-radius: 4px
}

.ButtonGroup--xsmall>.ButtonGroup:last-child>.Button,
.ButtonGroup--xsmall>.ButtonGroup:last-child>button,
.ButtonGroup--xsmall>.ButtonGroup:last-child>input[type=button] {
    border-radius: 4px
}

.ButtonGroup--small>.ButtonGroup:last-child>.Button,
.ButtonGroup--small>.ButtonGroup:last-child>button,
.ButtonGroup--small>.ButtonGroup:last-child>input[type=button] {
    border-radius: 4px
}

.ButtonGroup--large>.ButtonGroup:last-child>.Button,
.ButtonGroup--large>.ButtonGroup:last-child>button,
.ButtonGroup--large>.ButtonGroup:last-child>input[type=button] {
    border-radius: 4px
}

.ButtonGroup--primary>.Button+.Button,
.ButtonGroup--primary>.Button+.ButtonGroup,
.ButtonGroup--primary>.Button+button,
.ButtonGroup--primary>.Button+input[type=button],
.ButtonGroup--primary>.ButtonGroup+.Button,
.ButtonGroup--primary>.ButtonGroup+.ButtonGroup,
.ButtonGroup--primary>.ButtonGroup+button,
.ButtonGroup--primary>.ButtonGroup+input[type=button],
.ButtonGroup--primary>button+.Button,
.ButtonGroup--primary>button+.ButtonGroup,
.ButtonGroup--primary>button+button,
.ButtonGroup--primary>button+input[type=button],
.ButtonGroup--primary>input[type=button]+.Button,
.ButtonGroup--primary>input[type=button]+.ButtonGroup,
.ButtonGroup--primary>input[type=button]+button,
.ButtonGroup--primary>input[type=button]+input[type=button] {
    margin-left: 1px
}

.ButtonGroup--tertiary>.Button.is-selected,
.ButtonGroup--tertiary>.Button.is-selected:visited,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:visited,
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected,
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected:visited,
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected:visited[type=button],
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type=button],
.ButtonGroup--tertiary>button.is-selected,
.ButtonGroup--tertiary>button.is-selected:visited,
.ButtonGroup--tertiary>input.is-selected:visited[type=button],
.ButtonGroup--tertiary>input.is-selected[type=button] {
    background-color: #657786;
    border: 1px solid #657786;
    color: #fff
}

.ButtonGroup--tertiary>.Button.is-selected.is-focus,
.ButtonGroup--tertiary>.Button.is-selected:focus,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-focus,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:focus,
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-focus,
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected:focus,
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-focus[type=button],
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected:focus[type=button],
.ButtonGroup--tertiary>button.is-selected.is-focus,
.ButtonGroup--tertiary>button.is-selected:focus,
.ButtonGroup--tertiary>input.is-selected.is-focus[type=button],
.ButtonGroup--tertiary>input.is-selected:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ccd6dd;
    background: #657786;
    border-color: #657786;
    color: #fff
}

.ButtonGroup--tertiary>.Button.is-selected.is-hover,
.ButtonGroup--tertiary>.Button.is-selected:hover,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-hover,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:hover,
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-hover,
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected:hover,
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-hover[type=button],
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected:hover[type=button],
.ButtonGroup--tertiary>button.is-selected.is-hover,
.ButtonGroup--tertiary>button.is-selected:hover,
.ButtonGroup--tertiary>input.is-selected.is-hover[type=button],
.ButtonGroup--tertiary>input.is-selected:hover[type=button] {
    background-color: #657786;
    border-color: #657786;
    color: #fff
}

.ButtonGroup--tertiary>.Button.is-selected.is-active,
.ButtonGroup--tertiary>.Button.is-selected:active,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-active,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:active,
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-active,
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected:active,
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-active[type=button],
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected:active[type=button],
.ButtonGroup--tertiary>button.is-selected.is-active,
.ButtonGroup--tertiary>button.is-selected:active,
.ButtonGroup--tertiary>input.is-selected.is-active[type=button],
.ButtonGroup--tertiary>input.is-selected:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #aab8c2;
    background-color: #657786;
    border-color: #657786;
    color: #fff
}

.ButtonGroup--tertiary>.Button.is-selected.is-disabled,
.ButtonGroup--tertiary>.Button.is-selected[disabled],
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-disabled,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected[disabled],
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-disabled,
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-disabled:focus,
.ButtonGroup--tertiary>.ButtonGroup>button.is-selected[disabled],
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-disabled[type=button],
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-disabled[type=button]:focus,
.ButtonGroup--tertiary>.ButtonGroup>input.is-selected[disabled][type=button],
.ButtonGroup--tertiary>button.is-selected.is-disabled,
.ButtonGroup--tertiary>button.is-selected.is-disabled:focus,
.ButtonGroup--tertiary>button.is-selected[disabled],
.ButtonGroup--tertiary>input.is-selected.is-disabled[type=button],
.ButtonGroup--tertiary>input.is-selected.is-disabled[type=button]:focus,
.ButtonGroup--tertiary>input.is-selected[disabled][type=button],
.follow-btn.is-disabled .ButtonGroup--tertiary>.ButtonGroup>button.is-selected,
.follow-btn.is-disabled .ButtonGroup--tertiary>button.is-selected,
fieldset[disabled] .ButtonGroup--tertiary>.Button.is-selected,
fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected,
fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>button.is-selected,
fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type=button],
fieldset[disabled] .ButtonGroup--tertiary>button.is-selected,
fieldset[disabled] .ButtonGroup--tertiary>input.is-selected[type=button] {
    background-color: #657786;
    border-color: #657786;
    box-shadow: none
}

.ButtonGroup--justified {
    display: flex;
    width: 100%
}

.ButtonGroup--justified>.Button,
.ButtonGroup--justified>button,
.ButtonGroup--justified>input[type=button] {
    flex: 1
}

.Button .Icon,
button .Icon,
input[type=button] .Icon {
    line-height: 1;
    vertical-align: -1px
}

.app-header .search-input-control input .Icon,
.Button--large .Icon {
    vertical-align: -2px
}

.ButtonGroup .Icon {
    line-height: 1;
    vertical-align: -1px
}

.ButtonGroup--large .Icon {
    vertical-align: -2px
}

.Button>.Icon--caretDown,
button>.Icon--caretDown,
input[type=button]>.Icon--caretDown {
    line-height: 22px;
    margin: 0 7px
}

.Button--xsmall>.Icon--caretDown {
    line-height: 18px;
    margin: 0 6px
}

.Button--small>.Icon--caretDown {
    line-height: 18px;
    margin: 0 6px
}

.app-header .search-input-control input>.Icon--caretDown,
.Button--large>.Icon--caretDown {
    line-height: 25px;
    margin: 0 9px
}

.Button>.Icon--caretDown,
button>.Icon--caretDown,
input[type=button]>.Icon--caretDown {
    float: right;
    margin-right: 0
}

.Button-adornment {
    line-height: 22px;
    margin: 0 7px
}

.Button--small .Button-adornment,
.Button--xsmall .Button-adornment,
.ButtonGroup--small .Button-adornment,
.ButtonGroup--xsmall .Button-adornment {
    line-height: 18px;
    margin: 0 6px
}

.app-header .search-input-control input .Button-adornment,
.Button--large .Button-adornment,
.ButtonGroup--large .Button-adornment {
    line-height: 25px;
    margin: 0 9px
}

.Button-adornment:only-child {
    margin-right: 0;
    margin-left: 0
}

.Button:not([dir=rtl]) .Button-adornment.Button-adornment--start,
.Button:not([dir=rtl]) .Button-adornment:first-child:not(.Button-adornment--end),
button:not([dir=rtl]) .Button-adornment.Button-adornment--start,
button:not([dir=rtl]) .Button-adornment:first-child:not(.Button-adornment--end),
input:not([dir=rtl])[type=button] .Button-adornment.Button-adornment--start,
input:not([dir=rtl])[type=button] .Button-adornment:first-child:not(.Button-adornment--end) {
    float: left;
    margin-left: 0
}

.Button:not([dir=rtl]) .Button-adornment.Button-adornment--end,
.Button:not([dir=rtl]) .Button-adornment:last-child:not(.Button-adornment--start),
button:not([dir=rtl]) .Button-adornment.Button-adornment--end,
button:not([dir=rtl]) .Button-adornment:last-child:not(.Button-adornment--start),
input:not([dir=rtl])[type=button] .Button-adornment.Button-adornment--end,
input:not([dir=rtl])[type=button] .Button-adornment:last-child:not(.Button-adornment--start) {
    float: right;
    margin-right: 0
}

.Button[dir=rtl] .Button-adornment.Button-adornment--start,
.Button[dir=rtl] .Button-adornment:first-child:not(.Button-adornment--end),
button[dir=rtl] .Button-adornment.Button-adornment--start,
button[dir=rtl] .Button-adornment:first-child:not(.Button-adornment--end),
input[dir=rtl][type=button] .Button-adornment.Button-adornment--start,
input[dir=rtl][type=button] .Button-adornment:first-child:not(.Button-adornment--end) {
    float: right;
    margin-right: 0
}

.Button[dir=rtl] .Button-adornment.Button-adornment--end,
.Button[dir=rtl] .Button-adornment:last-child:not(.Button-adornment--start),
button[dir=rtl] .Button-adornment.Button-adornment--end,
button[dir=rtl] .Button-adornment:last-child:not(.Button-adornment--start),
input[dir=rtl][type=button] .Button-adornment.Button-adornment--end,
input[dir=rtl][type=button] .Button-adornment:last-child:not(.Button-adornment--start) {
    float: left;
    margin-left: 0
}

.Button,
button,
input[type=button] {
    transition: box-shadow .15s ease-in-out
}

.Button:focus,
button:focus,
input:focus[type=button] {
    outline: none
}

.Button:-moz-focusring,
.Button[type=button]:-moz-focusring,
.Button[type=reset]:-moz-focusring,
.Button[type=submit]:-moz-focusring,
button:-moz-focusring,
button[type=button]:-moz-focusring,
button[type=reset]:-moz-focusring,
button[type=submit]:-moz-focusring,
input:-moz-focusring[type=button],
input[type=button]:-moz-focusring,
input[type=reset]:-moz-focusring[type=button],
input[type=submit]:-moz-focusring[type=button] {
    outline: none
}

.Button,
.Button.is-visited,
.Button:visited,
button,
button.is-visited,
button:visited,
input.is-visited[type=button],
input:visited[type=button],
input[type=button] {
    display: inline-block;
    position: relative;
    padding: 6px 14px;
    background-color: #fff;
    border: 1px solid #1da1f2;
    border-radius: 36px;
    color: #1da1f2;
    cursor: pointer;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px
}

.Button.is-focus,
.Button:focus,
button.is-focus,
button:focus,
input.is-focus[type=button],
input:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #71c9f8;
    background: #fff;
    border-color: #1da1f2;
    color: #1da1f2;
    text-decoration: none
}

.Button.is-hover,
.Button:hover,
button.is-hover,
button:hover,
input.is-hover[type=button],
input:hover[type=button] {
    background-color: #eaf5fd;
    color: #1da1f2;
    text-decoration: none
}

.Button.is-active,
.Button:active,
button.is-active,
button:active,
input.is-active[type=button],
input:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1da1f2;
    background: #eaf5fd;
    border-color: #1da1f2;
    color: #1da1f2
}

.Button.is-disabled,
.Button[disabled],
.follow-btn.is-disabled button,
button.is-disabled,
button.is-disabled:focus,
button[disabled],
fieldset[disabled] .Button,
fieldset[disabled] button,
fieldset[disabled] input[type=button],
input.is-disabled[type=button],
input.is-disabled[type=button]:focus,
input[disabled][type=button] {
    opacity: .5;
    background-color: #fff;
    box-shadow: none;
    cursor: default
}

a.Button.is-disabled,
fieldset[disabled] a.Button {
    pointer-events: none
}

.Button[type=button],
button[type=button],
input[type=button][type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.Button.btn-fav.s-favorited,
.Button.btn-fav.s-favorited:visited,
.Button.Button--primary,
.Button.Button--primary:visited,
.ButtonGroup--primary>.Button,
.ButtonGroup--primary>.Button:visited,
.ButtonGroup--primary>.ButtonGroup>.Button,
.ButtonGroup--primary>.ButtonGroup>.Button:visited,
.ButtonGroup--primary>.ButtonGroup>button,
.ButtonGroup--primary>.ButtonGroup>button:visited,
.ButtonGroup--primary>.ButtonGroup>input:visited[type=button],
.ButtonGroup--primary>.ButtonGroup>input[type=button],
.ButtonGroup--primary>button,
.ButtonGroup--primary>button:visited,
.ButtonGroup--primary>input:visited[type=button],
.ButtonGroup--primary>input[type=button],
.s-following .follow-btn:hover .Button.following-text,
.s-following .follow-btn:hover .Button.following-text:visited,
.s-following .follow-btn:hover button.following-text,
.s-following .follow-btn:hover button.following-text:visited,
.s-following .follow-btn:hover input.following-text:visited[type=button],
.s-following .follow-btn:hover input.following-text[type=button],
button.btn-fav.s-favorited,
button.btn-fav.s-favorited:visited,
button.Button--primary,
button.Button--primary:visited,
input.btn-fav.s-favorited:visited[type=button],
input.btn-fav.s-favorited[type=button],
input.Button--primary:visited[type=button],
input.Button--primary[type=button] {
    background-color: #1da1f2;
    border: 1px solid #1da1f2;
    color: #fff
}

.Button.btn-fav.s-favorited:focus,
.Button.Button--primary.is-focus,
.Button.Button--primary:focus,
.Button.is-focus.btn-fav.s-favorited,
.ButtonGroup--primary>.Button.is-focus,
.ButtonGroup--primary>.Button:focus,
.ButtonGroup--primary>.ButtonGroup>.Button.is-focus,
.ButtonGroup--primary>.ButtonGroup>.Button:focus,
.ButtonGroup--primary>.ButtonGroup>button.is-focus,
.ButtonGroup--primary>.ButtonGroup>button:focus,
.ButtonGroup--primary>.ButtonGroup>input.is-focus[type=button],
.ButtonGroup--primary>.ButtonGroup>input:focus[type=button],
.ButtonGroup--primary>button.is-focus,
.ButtonGroup--primary>button:focus,
.ButtonGroup--primary>input.is-focus[type=button],
.ButtonGroup--primary>input:focus[type=button],
.s-following .follow-btn:hover .Button.following-text:focus,
.s-following .follow-btn:hover .Button.is-focus.following-text,
.s-following .follow-btn:hover button.following-text:focus,
.s-following .follow-btn:hover button.is-focus.following-text,
.s-following .follow-btn:hover input.following-text:focus[type=button],
.s-following .follow-btn:hover input.is-focus.following-text[type=button],
button.btn-fav.s-favorited:focus,
button.Button--primary.is-focus,
button.Button--primary:focus,
button.is-focus.btn-fav.s-favorited,
input.btn-fav.s-favorited:focus[type=button],
input.Button--primary.is-focus[type=button],
input.Button--primary:focus[type=button],
input.is-focus.btn-fav.s-favorited[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #71c9f8;
    background: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

.Button.btn-fav.s-favorited:hover,
.Button.Button--primary.is-hover,
.Button.Button--primary:hover,
.Button.is-hover.btn-fav.s-favorited,
.ButtonGroup--primary>.Button.is-hover,
.ButtonGroup--primary>.Button:hover,
.ButtonGroup--primary>.ButtonGroup>.Button.is-hover,
.ButtonGroup--primary>.ButtonGroup>.Button:hover,
.ButtonGroup--primary>.ButtonGroup>button.is-hover,
.ButtonGroup--primary>.ButtonGroup>button:hover,
.ButtonGroup--primary>.ButtonGroup>input.is-hover[type=button],
.ButtonGroup--primary>.ButtonGroup>input:hover[type=button],
.ButtonGroup--primary>button.is-hover,
.ButtonGroup--primary>button:hover,
.ButtonGroup--primary>input.is-hover[type=button],
.ButtonGroup--primary>input:hover[type=button],
.s-following .follow-btn:hover .Button.following-text:hover,
.s-following .follow-btn:hover .Button.is-hover.following-text,
.s-following .follow-btn:hover button.following-text:hover,
.s-following .follow-btn:hover button.is-hover.following-text,
.s-following .follow-btn:hover input.following-text:hover[type=button],
.s-following .follow-btn:hover input.is-hover.following-text[type=button],
button.btn-fav.s-favorited:hover,
button.Button--primary.is-hover,
button.Button--primary:hover,
button.is-hover.btn-fav.s-favorited,
input.btn-fav.s-favorited:hover[type=button],
input.Button--primary.is-hover[type=button],
input.Button--primary:hover[type=button],
input.is-hover.btn-fav.s-favorited[type=button] {
    background-color: #005fd1;
    border-color: #005fd1;
    color: #fff
}

.Button.btn-fav.s-favorited:active,
.Button.Button--primary.is-active,
.Button.Button--primary:active,
.Button.is-active.btn-fav.s-favorited,
.ButtonGroup--primary>.Button.is-active,
.ButtonGroup--primary>.Button:active,
.ButtonGroup--primary>.ButtonGroup>.Button.is-active,
.ButtonGroup--primary>.ButtonGroup>.Button:active,
.ButtonGroup--primary>.ButtonGroup>button.is-active,
.ButtonGroup--primary>.ButtonGroup>button:active,
.ButtonGroup--primary>.ButtonGroup>input.is-active[type=button],
.ButtonGroup--primary>.ButtonGroup>input:active[type=button],
.ButtonGroup--primary>button.is-active,
.ButtonGroup--primary>button:active,
.ButtonGroup--primary>input.is-active[type=button],
.ButtonGroup--primary>input:active[type=button],
.s-following .follow-btn:hover .Button.following-text:active,
.s-following .follow-btn:hover .Button.is-active.following-text,
.s-following .follow-btn:hover button.following-text:active,
.s-following .follow-btn:hover button.is-active.following-text,
.s-following .follow-btn:hover input.following-text:active[type=button],
.s-following .follow-btn:hover input.is-active.following-text[type=button],
button.btn-fav.s-favorited:active,
button.Button--primary.is-active,
button.Button--primary:active,
button.is-active.btn-fav.s-favorited,
input.btn-fav.s-favorited:active[type=button],
input.Button--primary.is-active[type=button],
input.Button--primary:active[type=button],
input.is-active.btn-fav.s-favorited[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1da1f2;
    background-color: #005fd1;
    border-color: #005fd1;
    color: #fff
}

.Button.btn-fav.s-favorited[disabled],
.Button.Button--primary.is-disabled,
.Button.Button--primary[disabled],
.Button.is-disabled.btn-fav.s-favorited,
.ButtonGroup--primary>.Button.is-disabled,
.ButtonGroup--primary>.Button[disabled],
.ButtonGroup--primary>.ButtonGroup>.Button.is-disabled,
.ButtonGroup--primary>.ButtonGroup>.Button[disabled],
.ButtonGroup--primary>.ButtonGroup>button.is-disabled,
.ButtonGroup--primary>.ButtonGroup>button.is-disabled:focus,
.ButtonGroup--primary>.ButtonGroup>button[disabled],
.ButtonGroup--primary>.ButtonGroup>input.is-disabled[type=button],
.ButtonGroup--primary>.ButtonGroup>input.is-disabled[type=button]:focus,
.ButtonGroup--primary>.ButtonGroup>input[disabled][type=button],
.ButtonGroup--primary>button.is-disabled,
.ButtonGroup--primary>button.is-disabled:focus,
.ButtonGroup--primary>button[disabled],
.ButtonGroup--primary>input.is-disabled[type=button],
.ButtonGroup--primary>input.is-disabled[type=button]:focus,
.ButtonGroup--primary>input[disabled][type=button],
.follow-btn.is-disabled .ButtonGroup--primary>.ButtonGroup>button,
.follow-btn.is-disabled .ButtonGroup--primary>button,
.follow-btn.is-disabled .s-following .follow-btn:hover button.following-text,
.follow-btn.is-disabled button.btn-fav.s-favorited,
.follow-btn.is-disabled button.Button--primary,
.s-following .follow-btn:hover .Button.following-text[disabled],
.s-following .follow-btn:hover .Button.is-disabled.following-text,
.s-following .follow-btn:hover .follow-btn.is-disabled button.following-text,
.s-following .follow-btn:hover button.following-text[disabled],
.s-following .follow-btn:hover button.is-disabled.following-text,
.s-following .follow-btn:hover button.is-disabled.following-text:focus,
.s-following .follow-btn:hover fieldset[disabled] .Button.following-text,
.s-following .follow-btn:hover fieldset[disabled] button.following-text,
.s-following .follow-btn:hover fieldset[disabled] input.following-text[type=button],
.s-following .follow-btn:hover input.following-text[disabled][type=button],
.s-following .follow-btn:hover input.is-disabled.following-text[type=button],
.s-following .follow-btn:hover input.is-disabled.following-text[type=button]:focus,
button.btn-fav.s-favorited[disabled],
button.Button--primary.is-disabled,
button.Button--primary.is-disabled:focus,
button.Button--primary[disabled],
button.is-disabled.btn-fav.s-favorited,
button.is-disabled.btn-fav.s-favorited:focus,
fieldset[disabled] .Button.btn-fav.s-favorited,
fieldset[disabled] .Button.Button--primary,
fieldset[disabled] .ButtonGroup--primary>.Button,
fieldset[disabled] .ButtonGroup--primary>.ButtonGroup>.Button,
fieldset[disabled] .ButtonGroup--primary>.ButtonGroup>button,
fieldset[disabled] .ButtonGroup--primary>.ButtonGroup>input[type=button],
fieldset[disabled] .ButtonGroup--primary>button,
fieldset[disabled] .ButtonGroup--primary>input[type=button],
fieldset[disabled] .s-following .follow-btn:hover .Button.following-text,
fieldset[disabled] .s-following .follow-btn:hover button.following-text,
fieldset[disabled] .s-following .follow-btn:hover input.following-text[type=button],
fieldset[disabled] button.btn-fav.s-favorited,
fieldset[disabled] button.Button--primary,
fieldset[disabled] input.btn-fav.s-favorited[type=button],
fieldset[disabled] input.Button--primary[type=button],
input.btn-fav.s-favorited[disabled][type=button],
input.Button--primary.is-disabled[type=button],
input.Button--primary.is-disabled[type=button]:focus,
input.Button--primary[disabled][type=button],
input.is-disabled.btn-fav.s-favorited[type=button],
input.is-disabled.btn-fav.s-favorited[type=button]:focus {
    background-color: #1da1f2;
    border-color: #1da1f2;
    box-shadow: none
}

.Button.Button--tertiary,
.Button.Button--tertiary:visited,
.ButtonGroup--tertiary>.Button,
.ButtonGroup--tertiary>.Button:visited,
.ButtonGroup--tertiary>.ButtonGroup>.Button,
.ButtonGroup--tertiary>.ButtonGroup>.Button:visited,
.ButtonGroup--tertiary>.ButtonGroup>button,
.ButtonGroup--tertiary>.ButtonGroup>button:visited,
.ButtonGroup--tertiary>.ButtonGroup>input:visited[type=button],
.ButtonGroup--tertiary>.ButtonGroup>input[type=button],
.ButtonGroup--tertiary>button,
.ButtonGroup--tertiary>button:visited,
.ButtonGroup--tertiary>input:visited[type=button],
.ButtonGroup--tertiary>input[type=button],
button.Button--tertiary,
button.Button--tertiary:visited,
input.Button--tertiary:visited[type=button],
input.Button--tertiary[type=button] {
    background-color: #fff;
    border: 1px solid #657786;
    color: #657786
}

.Button.Button--tertiary.is-focus,
.Button.Button--tertiary:focus,
.ButtonGroup--tertiary>.Button.is-focus,
.ButtonGroup--tertiary>.Button:focus,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-focus,
.ButtonGroup--tertiary>.ButtonGroup>.Button:focus,
.ButtonGroup--tertiary>.ButtonGroup>button.is-focus,
.ButtonGroup--tertiary>.ButtonGroup>button:focus,
.ButtonGroup--tertiary>.ButtonGroup>input.is-focus[type=button],
.ButtonGroup--tertiary>.ButtonGroup>input:focus[type=button],
.ButtonGroup--tertiary>button.is-focus,
.ButtonGroup--tertiary>button:focus,
.ButtonGroup--tertiary>input.is-focus[type=button],
.ButtonGroup--tertiary>input:focus[type=button],
button.Button--tertiary.is-focus,
button.Button--tertiary:focus,
input.Button--tertiary.is-focus[type=button],
input.Button--tertiary:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ccd6dd;
    background: #fff;
    border-color: #657786;
    color: #657786
}

.Button.Button--tertiary.is-hover,
.Button.Button--tertiary:hover,
.ButtonGroup--tertiary>.Button.is-hover,
.ButtonGroup--tertiary>.Button:hover,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-hover,
.ButtonGroup--tertiary>.ButtonGroup>.Button:hover,
.ButtonGroup--tertiary>.ButtonGroup>button.is-hover,
.ButtonGroup--tertiary>.ButtonGroup>button:hover,
.ButtonGroup--tertiary>.ButtonGroup>input.is-hover[type=button],
.ButtonGroup--tertiary>.ButtonGroup>input:hover[type=button],
.ButtonGroup--tertiary>button.is-hover,
.ButtonGroup--tertiary>button:hover,
.ButtonGroup--tertiary>input.is-hover[type=button],
.ButtonGroup--tertiary>input:hover[type=button],
button.Button--tertiary.is-hover,
button.Button--tertiary:hover,
input.Button--tertiary.is-hover[type=button],
input.Button--tertiary:hover[type=button] {
    background-color: #f5f8fa;
    border-color: #657786;
    color: #657786
}

.Button.Button--tertiary.is-active,
.Button.Button--tertiary:active,
.ButtonGroup--tertiary>.Button.is-active,
.ButtonGroup--tertiary>.Button:active,
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-active,
.ButtonGroup--tertiary>.ButtonGroup>.Button:active,
.ButtonGroup--tertiary>.ButtonGroup>button.is-active,
.ButtonGroup--tertiary>.ButtonGroup>button:active,
.ButtonGroup--tertiary>.ButtonGroup>input.is-active[type=button],
.ButtonGroup--tertiary>.ButtonGroup>input:active[type=button],
.ButtonGroup--tertiary>button.is-active,
.ButtonGroup--tertiary>button:active,
.ButtonGroup--tertiary>input.is-active[type=button],
.ButtonGroup--tertiary>input:active[type=button],
button.Button--tertiary.is-active,
button.Button--tertiary:active,
input.Button--tertiary.is-active[type=button],
input.Button--tertiary:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #657786;
    background-color: #f5f8fa;
    border-color: #657786;
    color: #657786
}

.Button.Button--tertiary.is-disabled,
.Button.Button--tertiary[disabled],
.ButtonGroup--tertiary>.Button.is-disabled,
.ButtonGroup--tertiary>.Button[disabled],
.ButtonGroup--tertiary>.ButtonGroup>.Button.is-disabled,
.ButtonGroup--tertiary>.ButtonGroup>.Button[disabled],
.ButtonGroup--tertiary>.ButtonGroup>button.is-disabled,
.ButtonGroup--tertiary>.ButtonGroup>button.is-disabled:focus,
.ButtonGroup--tertiary>.ButtonGroup>button[disabled],
.ButtonGroup--tertiary>.ButtonGroup>input.is-disabled[type=button],
.ButtonGroup--tertiary>.ButtonGroup>input.is-disabled[type=button]:focus,
.ButtonGroup--tertiary>.ButtonGroup>input[disabled][type=button],
.ButtonGroup--tertiary>button.is-disabled,
.ButtonGroup--tertiary>button.is-disabled:focus,
.ButtonGroup--tertiary>button[disabled],
.ButtonGroup--tertiary>input.is-disabled[type=button],
.ButtonGroup--tertiary>input.is-disabled[type=button]:focus,
.ButtonGroup--tertiary>input[disabled][type=button],
.follow-btn.is-disabled .ButtonGroup--tertiary>.ButtonGroup>button,
.follow-btn.is-disabled .ButtonGroup--tertiary>button,
.follow-btn.is-disabled button.Button--tertiary,
button.Button--tertiary.is-disabled,
button.Button--tertiary.is-disabled:focus,
button.Button--tertiary[disabled],
fieldset[disabled] .Button.Button--tertiary,
fieldset[disabled] .ButtonGroup--tertiary>.Button,
fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>.Button,
fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>button,
fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>input[type=button],
fieldset[disabled] .ButtonGroup--tertiary>button,
fieldset[disabled] .ButtonGroup--tertiary>input[type=button],
fieldset[disabled] button.Button--tertiary,
fieldset[disabled] input.Button--tertiary[type=button],
input.Button--tertiary.is-disabled[type=button],
input.Button--tertiary.is-disabled[type=button]:focus,
input.Button--tertiary[disabled][type=button] {
    background-color: #fff;
    border-color: #657786;
    box-shadow: none
}

.Button.Button--success,
.Button.Button--success:visited,
button.Button--success,
button.Button--success:visited,
input.Button--success:visited[type=button],
input.Button--success[type=button] {
    background-color: #17bf63;
    border: 1px solid #17bf63;
    color: #fff
}

.Button.Button--success.is-focus,
.Button.Button--success:focus,
button.Button--success.is-focus,
button.Button--success:focus,
input.Button--success.is-focus[type=button],
input.Button--success:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #68e090;
    background: #17bf63;
    border-color: #17bf63;
    color: #fff
}

.Button.Button--success.is-hover,
.Button.Button--success:hover,
button.Button--success.is-hover,
button.Button--success:hover,
input.Button--success.is-hover[type=button],
input.Button--success:hover[type=button] {
    background-color: #008951;
    border-color: #008951;
    color: #fff
}

.Button.Button--success.is-active,
.Button.Button--success:active,
button.Button--success.is-active,
button.Button--success:active,
input.Button--success.is-active[type=button],
input.Button--success:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #17bf63;
    background-color: #008951;
    border-color: #008951;
    color: #fff
}

.Button.Button--success.is-disabled,
.Button.Button--success[disabled],
.follow-btn.is-disabled button.Button--success,
button.Button--success.is-disabled,
button.Button--success.is-disabled:focus,
button.Button--success[disabled],
fieldset[disabled] .Button.Button--success,
fieldset[disabled] button.Button--success,
fieldset[disabled] input.Button--success[type=button],
input.Button--success.is-disabled[type=button],
input.Button--success.is-disabled[type=button]:focus,
input.Button--success[disabled][type=button] {
    background-color: #17bf63;
    border-color: #17bf63;
    box-shadow: none
}

.Button.Button--warning,
.Button.Button--warning:visited,
button.Button--warning,
button.Button--warning:visited,
input.Button--warning:visited[type=button],
input.Button--warning[type=button] {
    background-color: #ffad1f;
    border: 1px solid #ffad1f;
    color: #fff
}

.Button.Button--warning.is-focus,
.Button.Button--warning:focus,
button.Button--warning.is-focus,
button.Button--warning:focus,
input.Button--warning.is-focus[type=button],
input.Button--warning:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffd03f;
    background: #ffad1f;
    border-color: #ffad1f;
    color: #fff
}

.Button.Button--warning.is-hover,
.Button.Button--warning:hover,
button.Button--warning.is-hover,
button.Button--warning:hover,
input.Button--warning.is-hover[type=button],
input.Button--warning:hover[type=button] {
    background-color: #f98e00;
    border-color: #f98e00;
    color: #fff
}

.Button.Button--warning.is-active,
.Button.Button--warning:active,
button.Button--warning.is-active,
button.Button--warning:active,
input.Button--warning.is-active[type=button],
input.Button--warning:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffad1f;
    background-color: #f98e00;
    border-color: #f98e00;
    color: #fff
}

.Button.Button--warning.is-disabled,
.Button.Button--warning[disabled],
.follow-btn.is-disabled button.Button--warning,
button.Button--warning.is-disabled,
button.Button--warning.is-disabled:focus,
button.Button--warning[disabled],
fieldset[disabled] .Button.Button--warning,
fieldset[disabled] button.Button--warning,
fieldset[disabled] input.Button--warning[type=button],
input.Button--warning.is-disabled[type=button],
input.Button--warning.is-disabled[type=button]:focus,
input.Button--warning[disabled][type=button] {
    background-color: #ffad1f;
    border-color: #ffad1f;
    box-shadow: none
}

.Button.btn-fav-unfav-text,
.Button.btn-fav-unfav-text:visited,
.Button.Button--danger,
.Button.Button--danger:visited,
.s-following .follow-btn:hover .unfollow-text,
.s-following .follow-btn:hover .unfollow-text:visited,
button.btn-fav-unfav-text,
button.btn-fav-unfav-text:visited,
button.Button--danger,
button.Button--danger:visited,
input.btn-fav-unfav-text:visited[type=button],
input.btn-fav-unfav-text[type=button],
input.Button--danger:visited[type=button],
input.Button--danger[type=button] {
    background-color: #e0245e;
    border: 1px solid #e0245e;
    color: #fff
}

.Button.btn-fav-unfav-text:focus,
.Button.Button--danger.is-focus,
.Button.Button--danger:focus,
.Button.is-focus.btn-fav-unfav-text,
.s-following .follow-btn:hover .is-focus.unfollow-text,
.s-following .follow-btn:hover .unfollow-text:focus,
button.btn-fav-unfav-text:focus,
button.Button--danger.is-focus,
button.Button--danger:focus,
button.is-focus.btn-fav-unfav-text,
input.btn-fav-unfav-text:focus[type=button],
input.Button--danger.is-focus[type=button],
input.Button--danger:focus[type=button],
input.is-focus.btn-fav-unfav-text[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #f6809a;
    background: #e0245e;
    border-color: #e0245e;
    color: #fff
}

.Button.btn-fav-unfav-text:hover,
.Button.Button--danger.is-hover,
.Button.Button--danger:hover,
.Button.is-hover.btn-fav-unfav-text,
.s-following .follow-btn:hover .is-hover.unfollow-text,
.s-following .follow-btn:hover .unfollow-text:hover,
button.btn-fav-unfav-text:hover,
button.Button--danger.is-hover,
button.Button--danger:hover,
button.is-hover.btn-fav-unfav-text,
input.btn-fav-unfav-text:hover[type=button],
input.Button--danger.is-hover[type=button],
input.Button--danger:hover[type=button],
input.is-hover.btn-fav-unfav-text[type=button] {
    background-color: #a01744;
    border-color: #a01744;
    color: #fff
}

.Button.btn-fav-unfav-text:active,
.Button.Button--danger.is-active,
.Button.Button--danger:active,
.Button.is-active.btn-fav-unfav-text,
.s-following .follow-btn:hover .is-active.unfollow-text,
.s-following .follow-btn:hover .unfollow-text:active,
button.btn-fav-unfav-text:active,
button.Button--danger.is-active,
button.Button--danger:active,
button.is-active.btn-fav-unfav-text,
input.btn-fav-unfav-text:active[type=button],
input.Button--danger.is-active[type=button],
input.Button--danger:active[type=button],
input.is-active.btn-fav-unfav-text[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e0245e;
    background-color: #a01744;
    border-color: #a01744;
    color: #fff
}

.Button.btn-fav-unfav-text[disabled],
.Button.Button--danger.is-disabled,
.Button.Button--danger[disabled],
.Button.is-disabled.btn-fav-unfav-text,
.follow-btn.is-disabled button.btn-fav-unfav-text,
.follow-btn.is-disabled button.Button--danger,
.s-following .follow-btn:hover .is-disabled.unfollow-text,
.s-following .follow-btn:hover .unfollow-text[disabled],
.s-following .follow-btn:hover fieldset[disabled] .unfollow-text,
button.btn-fav-unfav-text[disabled],
button.Button--danger.is-disabled,
button.Button--danger.is-disabled:focus,
button.Button--danger[disabled],
button.is-disabled.btn-fav-unfav-text,
button.is-disabled.btn-fav-unfav-text:focus,
fieldset[disabled] .Button.btn-fav-unfav-text,
fieldset[disabled] .Button.Button--danger,
fieldset[disabled] .s-following .follow-btn:hover .unfollow-text,
fieldset[disabled] button.btn-fav-unfav-text,
fieldset[disabled] button.Button--danger,
fieldset[disabled] input.btn-fav-unfav-text[type=button],
fieldset[disabled] input.Button--danger[type=button],
input.btn-fav-unfav-text[disabled][type=button],
input.Button--danger.is-disabled[type=button],
input.Button--danger.is-disabled[type=button]:focus,
input.Button--danger[disabled][type=button],
input.is-disabled.btn-fav-unfav-text[type=button],
input.is-disabled.btn-fav-unfav-text[type=button]:focus {
    background-color: #e0245e;
    border-color: #e0245e;
    box-shadow: none
}

.Button.Button--link,
button.Button--link,
input.Button--link[type=button] {
    background: 0 0;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    color: #1b95e0;
    cursor: pointer;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.Button.Button--link.is-active,
.Button.Button--link.is-focus,
.Button.Button--link.is-hover,
.Button.Button--link:active,
.Button.Button--link:focus,
.Button.Button--link:hover,
button.Button--link.is-active,
button.Button--link.is-focus,
button.Button--link.is-hover,
button.Button--link:active,
button.Button--link:focus,
button.Button--link:hover,
input.Button--link.is-active[type=button],
input.Button--link.is-focus[type=button],
input.Button--link.is-hover[type=button],
input.Button--link:active[type=button],
input.Button--link:focus[type=button],
input.Button--link:hover[type=button] {
    background: 0 0;
    border-color: transparent;
    box-shadow: none;
    text-decoration: underline
}

.Button.Button--link.is-disabled,
.Button.Button--link[disabled],
.follow-btn.is-disabled button.Button--link,
button.Button--link.is-disabled,
button.Button--link.is-disabled:focus,
button.Button--link[disabled],
fieldset[disabled] .Button.Button--link,
fieldset[disabled] button.Button--link,
fieldset[disabled] input.Button--link[type=button],
input.Button--link.is-disabled[type=button],
input.Button--link.is-disabled[type=button]:focus,
input.Button--link[disabled][type=button] {
    opacity: .5;
    text-decoration: none;
    cursor: default
}

.Button.Button--dangerLink,
button.Button--dangerLink,
input.Button--dangerLink[type=button] {
    background: 0 0;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    color: #e0245e;
    cursor: pointer;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.Button.Button--dangerLink.is-active,
.Button.Button--dangerLink.is-focus,
.Button.Button--dangerLink.is-hover,
.Button.Button--dangerLink:active,
.Button.Button--dangerLink:focus,
.Button.Button--dangerLink:hover,
button.Button--dangerLink.is-active,
button.Button--dangerLink.is-focus,
button.Button--dangerLink.is-hover,
button.Button--dangerLink:active,
button.Button--dangerLink:focus,
button.Button--dangerLink:hover,
input.Button--dangerLink.is-active[type=button],
input.Button--dangerLink.is-focus[type=button],
input.Button--dangerLink.is-hover[type=button],
input.Button--dangerLink:active[type=button],
input.Button--dangerLink:focus[type=button],
input.Button--dangerLink:hover[type=button] {
    background: 0 0;
    border-color: transparent;
    box-shadow: none;
    text-decoration: underline
}

.Button.Button--dangerLink.is-disabled,
.Button.Button--dangerLink[disabled],
.follow-btn.is-disabled button.Button--dangerLink,
button.Button--dangerLink.is-disabled,
button.Button--dangerLink.is-disabled:focus,
button.Button--dangerLink[disabled],
fieldset[disabled] .Button.Button--dangerLink,
fieldset[disabled] button.Button--dangerLink,
fieldset[disabled] input.Button--dangerLink[type=button],
input.Button--dangerLink.is-disabled[type=button],
input.Button--dangerLink.is-disabled[type=button]:focus,
input.Button--dangerLink[disabled][type=button] {
    opacity: .5;
    text-decoration: none;
    cursor: default
}

.Button--xsmall,
.ButtonGroup--xsmall>.Button,
.ButtonGroup--xsmall>.ButtonGroup>.Button,
.ButtonGroup--xsmall>.ButtonGroup>button,
.ButtonGroup--xsmall>.ButtonGroup>input[type=button],
.ButtonGroup--xsmall>button,
.ButtonGroup--xsmall>input[type=button] {
    height: 18px;
    padding: 0 12px;
    border-radius: 18px;
    font-size: 12px;
    line-height: 18px
}

.Button--small,
.ButtonGroup--small>.Button,
.ButtonGroup--small>.ButtonGroup>.Button,
.ButtonGroup--small>.ButtonGroup>button,
.ButtonGroup--small>.ButtonGroup>input[type=button],
.ButtonGroup--small>button,
.ButtonGroup--small>input[type=button] {
    padding: 3.5px 12px;
    border-radius: 27px;
    font-size: 12px;
    line-height: 18px
}

.app-header .search-input-control input,
.Button--large,
.ButtonGroup--large>.Button,
.ButtonGroup--large>.ButtonGroup>.Button,
.ButtonGroup--large>.ButtonGroup>button,
.ButtonGroup--large>.ButtonGroup>input[type=button],
.ButtonGroup--large>button,
.ButtonGroup--large>input[type=button] {
    padding: 9px 18px;
    border-radius: 45px;
    font-size: 18px;
    line-height: 25px
}

button,
input[type=button] {
    padding: 3px 12px
}

button .Icon,
button .icon,
input[type=button] .Icon,
input[type=button] .icon {
    vertical-align: -3px
}

button.btn-options-tray,
input[type=button].btn-options-tray {
    font-size: 13px;
    color: #8899a6 !important
}

button.btn-options-tray .icon,
button.btn-options-tray .Icon,
input[type=button].btn-options-tray .icon,
input[type=button].btn-options-tray .Icon {
    font-size: 18px
}

button.btn-options-tray:focus,
button.btn-options-tray:hover,
input[type=button].btn-options-tray:focus,
input[type=button].btn-options-tray:hover {
    color: #1da1f2 !important
}

button.btn-bg-positive,
input[type=button].btn-bg-positive {
    background-color: #eaf5fd
}

button.btn-bg-positive:focus,
button.btn-bg-positive:hover,
input[type=button].btn-bg-positive:focus,
input[type=button].btn-bg-positive:hover {
    background-color: #eaf5fd
}

button.btn-bg-positive.is-disabled,
button.btn-bg-positive.is-disabled:active,
button.btn-bg-positive.is-disabled:focus,
button.btn-bg-positive.is-disabled:hover,
button.btn-bg-positive[disabled],
button.btn-bg-positive[disabled]:active,
button.btn-bg-positive[disabled]:hover,
input[type=button].btn-bg-positive.is-disabled,
input[type=button].btn-bg-positive.is-disabled:active,
input[type=button].btn-bg-positive.is-disabled:focus,
input[type=button].btn-bg-positive.is-disabled:hover,
input[type=button].btn-bg-positive[disabled],
input[type=button].btn-bg-positive[disabled]:active,
input[type=button].btn-bg-positive[disabled]:hover {
    background-color: #eaf5fd
}

button.text-hidden,
button.text-hidden:active,
button.text-hidden:focus,
button.text-hidden:hover,
button.text-hidden:link,
button.text-hidden:visited,
input[type=button].text-hidden,
input[type=button].text-hidden:active,
input[type=button].text-hidden:focus,
input[type=button].text-hidden:hover,
input[type=button].text-hidden:link,
input[type=button].text-hidden:visited {
    color: transparent
}

button.btn-on-dark.btn-fav-unfav-text,
button.Button--danger.btn-on-dark,
input.btn-fav-unfav-text[type=button].btn-on-dark,
input[type=button].Button--danger.btn-on-dark {
    background-color: #e0245e
}

button.btn-on-dark,
input[type=button].btn-on-dark {
    background-color: transparent
}

button.btn-on-dark.is-selected,
button.btn-on-dark:active,
button.btn-on-dark:focus,
button.btn-on-dark:hover,
input[type=button].btn-on-dark.is-selected,
input[type=button].btn-on-dark:active,
input[type=button].btn-on-dark:focus,
input[type=button].btn-on-dark:hover {
    background-color: #eaf5fd
}

button.btn-on-dark:focus,
input[type=button].btn-on-dark:focus {
    box-shadow: 0 0 0 2px #eaf5fd, 0 0 0 4px #1da1f2
}

.app-header .search-input-control input .Icon,
.Button--large .Icon,
button .Icon--large {
    vertical-align: -4px
}

.btn-round {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 0
}

.btn-round i {
    font-size: 18px
}

.btn-on-blue {
    color: #fff;
    border-color: transparent;
    background-color: #1da1f2
}

.btn-on-blue:hover {
    color: #fff;
    border-color: transparent;
    background-color: #005fd1
}

.btn-on-blue:focus {
    color: #fff;
    border-color: transparent;
    background-color: #005fd1;
    box-shadow: 0 0 2px 3px #1da1f2;
    outline: 0
}

.btn-on-blue.is-selected,
.btn-on-blue:active {
    color: #fff;
    border-color: transparent;
    background-color: #005fd1
}

.btn-on-blue.is-disabled,
.btn-on-blue.is-disabled:active,
.btn-on-blue.is-disabled:focus,
.btn-on-blue.is-disabled:hover,
.btn-on-blue[disabled],
.btn-on-blue[disabled]:active,
.btn-on-blue[disabled]:hover {
    color: #fff;
    background-color: #1da1f2;
    border-color: transparent
}

.pill.Button,
button.pill,
input.pill[type=button] {
    line-height: 12px
}

.btn-fav button {
    min-width: 82px
}

.btn-fav button .icon,
.btn-fav button .Icon {
    font-size: 18px
}

.btn-fav-fav-text {
    display: none
}

.s-not-favorited .btn-fav-fav-text {
    display: block
}

.btn-fav-faved-text,
.s-not-favorited .btn-loader {
    display: none
}

.s-favorited .btn-fav-faved-text {
    display: block
}

.btn-fav-protected-text,
.s-favorited .btn-loader {
    display: none
}

.s-protected .btn-fav-protected-text {
    display: block
}

.btn-fav-unfav-text,
.s-protected .btn-loader {
    display: none
}

.btn-fav.s-favorited:hover .btn-fav-unfav-text {
    display: block
}

.btn-fav.s-favorited:hover .btn-fav-faved-text {
    display: none
}

.follow-btn button {
    width: 92px;
    padding: 3px
}

.follow-btn .icon,
.follow-btn .Icon {
    color: #1da1f2
}

.action-text,
.s-not-following .btn-loader {
    display: none
}

.s-not-following .follow-text {
    display: block;
    min-width: auto
}

.s-following .btn-loader {
    display: none
}

.s-following .following-text {
    display: block
}

.s-following .follow-btn:hover .following-text {
    display: none
}

.s-following .follow-btn:hover .unfollow-text {
    display: block
}

.s-blocking .btn-loader {
    display: none
}

.s-blocking .block-text {
    display: block
}

.s-blocking .follow-btn:hover .block-text {
    display: none
}

.s-blocking .follow-btn:hover .unblock-text {
    display: block
}

.s-pending .btn-loader {
    display: none
}

.s-pending .pending-text {
    display: block
}

.s-thats-you .btn-loader {
    display: none
}

.s-thats-you .thats-you-text {
    display: block
}

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

.button-group .btn {
    float: left;
    margin-left: -1px;
    border-radius: 0
}

.button-group .btn:first-child {
    margin-left: 1px;
    border-radius: 4px 0 0 4px
}

.button-group .btn:last-child {
    border-radius: 0 4px 4px 0
}

.button-group-toggle {
    width: 100%
}

.button-group-toggle .btn {
    width: 50%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

h1 {
    font-size: 20px
}

h2 {
    font-size: 14px
}

.h3,
h3 {
    font-size: 1.1429rem
}

h4 {
    font-size: 14px;
    font-weight: 400
}

h6 {
    font-size: 11px
}

.accounts-drawer {
    background: #f5f8fa !important
}

.account-profile-header {
    width: 100%;
    height: 90px;
    background-color: #1da1f2;
    background-size: cover
}

.account-settings-row {
    background: #fff
}

.account-remove-check {
    display: none;
    background: #f5f8fa
}

.account-remove-check-open .account-remove {
    display: none !important
}

.account-remove-check-open .account-remove-check {
    display: block
}

.account-settings-bt {
    border-top: 1px solid #e1e8ed
}

.account-settings-bb {
    border-bottom: 1px solid #e1e8ed
}

.js-account-invited-accounts {
    position: relative;
    top: -1px
}

.account-stats a {
    color: #657786;
    text-decoration: none
}

.account-stats a:hover {
    color: #1da1f2
}

.account-invitation-badge-container {
    position: relative;
    width: 18px;
    height: 18px
}

.manage-team-summary {
    background: #fff
}

.app-columns {
    box-sizing: border-box;
    height: 100%;
    padding: 0 0 0 6px;
    counter-reset: column-number
}

.column {
    transition: box-shadow .25s ease-in-out 0;
    border-radius: 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    width: 310px;
    height: 100%;
    margin: 0 6px 0 0;
    background-color: #fff;
    font-size: 1rem;
    white-space: normal
}

.column.is-focused {
    box-shadow: 0 0 0 5px #1da1f2
}

.is-narrow-columns .app-columns {
    padding-left: 6px
}

.is-narrow-columns .column {
    width: 270px;
    margin-right: 6px
}

.is-narrow-columns .live-video-container {
    height: 152px
}

.is-wide-columns .app-columns {
    padding-left: 6px
}

.is-wide-columns .column {
    width: 350px;
    margin-right: 6px
}

.is-wide-columns .live-video-container {
    height: 196px
}

.is-medium-columns .live-video-container {
    height: 174px
}

.column-temp {
    word-break: break-word;
    word-wrap: break-word;
    position: relative;
    height: 100%
}

.column-temp .live-video-container {
    height: 196px
}

.column-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.add-by-url {
    height: 48px
}

.is-shifted-1 .column-holder {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.is-shifted-2 .column-holder {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}

.column-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #fff
}

.column-nav:after {
    content: "";
    display: block;
    margin-top: -2px;
    height: 1px;
    border-top: 1px solid #e1e8ed
}

.column-nav .nav-item button {
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    color: #657786;
    transition: border-color .2s, background-color .2s, color .2s;
    outline: none;
    border: none;
    border-bottom: 3px solid transparent
}

.column-nav .nav-item button.active,
.column-nav .nav-item button:hover {
    outline: none;
    text-decoration: none;
    color: #1da1f2
}

.column-nav .nav-item button:hover {
    border-color: transparent;
    background-color: #f5f8fa
}

.column-nav .nav-item button.active {
    border-bottom: 3px solid #1da1f2
}

.column-nav .nav-item button:active {
    background-color: #e1e8ed
}

.column-scroller {
    overflow-x: hidden;
    word-break: break-word;
    word-wrap: break-word;
    will-change: transform
}

.column-background-fill {
    background-color: #fff
}

.is-column-scroller-animating {
    transition: top .2s
}

.column-opacity-transition {
    transition: opacity .35s
}

.column-loading-placeholder .spinner-small {
    display: inline-block;
    vertical-align: -2px;
    padding-right: 3px
}

.chirp-container {
    transition: padding-top .3s ease-in-out
}

.column-holder .column-panel:nth-child(2) {
    left: 100%
}

.column-holder .column-panel:nth-child(3) {
    left: 200%
}

.column-drag-drop-overlay {
    padding: 20px;
    visibility: hidden;
    z-index: 300
}

.column-drag-drop-overlay-inner {
    text-align: center;
    box-sizing: border-box
}

.with-drop-target .column-drag-drop-overlay {
    visibility: visible
}

.more-tweets-btn-container {
    text-align: center;
    z-index: 1000;
    pointer-events: none
}

.more-tweets-btn-container--hidden {
    visibility: hidden;
    pointer-events: none
}

.more-tweets-glow {
    width: 0;
    max-width: 100%;
    height: 4px;
    margin-top: -4px;
    transition: width .2s ease-in-out;
    background-color: #1da1f2;
    background: radial-gradient(ellipse farthest-corner at 50% 100%, #1da1f2 0, #1da1f2 25%, hsla(0, 0%, 100%, 0) 75%)
}

.more-tweets-btn {
    border-radius: 999px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .2);
    position: relative;
    top: -1em;
    opacity: 0;
    transition: opacity .4s ease-out, top .4s ease-out, background-color .2s linear;
    pointer-events: auto;
    padding: 5px 8px;
    min-height: 0
}

.more-tweets-btn:active {
    margin-top: 1px
}

.more-tweets-btn:active,
.more-tweets-btn:focus {
    outline: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3)
}

.more-tweets-btn .icon,
.more-tweets-btn .Icon {
    font-size: 1.1em;
    line-height: .9
}

.more-tweets-btn-container--hidden .more-tweets-btn {
    transition: none
}

.more-tweets-btn-container--loading .more-tweets-btn,
.more-tweets-btn-container--mouse-release .more-tweets-btn,
.more-tweets-btn-container--visible .more-tweets-btn {
    opacity: 1;
    top: 1em
}

.more-tweets-btn-container--out .more-tweets-btn {
    opacity: 0;
    top: 5em
}

.more-tweets-btn-container--loading .more-tweets-btn,
.more-tweets-btn-container--mouse-release .more-tweets-btn {
    background-color: #657786
}

.more-tweets-btn-inner-loading,
.more-tweets-btn-inner-mouse-release {
    display: none
}

.more-tweets-btn-container--mouse-release .more-tweets-btn-inner-mouse-release {
    display: block
}

.more-tweets-btn-container--mouse-release .more-tweets-btn-inner-default {
    display: none
}

.more-tweets-btn-container--loading .more-tweets-btn-inner-loading {
    display: block
}

.more-tweets-btn-container--loading .more-tweets-btn-inner-default {
    display: none
}

.touch-device .app-columns {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.drag-drop-indicator {
    background-color: #1da1f2;
    color: #657786
}

.location-form .typeahead-dropdown {
    background: #fff;
    width: calc(100% - 28px)
}

.location-form .Icon--close,
.location-form .icon-close {
    background-color: hsla(0, 0%, 100%, .35)
}

.location-form .icon-translator {
    top: 25px;
    left: 25px;
    position: absolute
}

.location-form .Icon--close,
.location-form .icon-close {
    top: 25px;
    right: 18px;
    position: absolute;
    background-color: #fff;
    cursor: pointer;
    padding-bottom: 5px
}

.location-form .leaflet-control-attribution.leaflet-compact-attribution {
    margin: 5px !important
}

.search-filter-callout-triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #1da1f2
}

.live-video-container iframe {
    border: 0
}

.live-video-timelines button {
    border: none;
    height: 100%
}

.live-video-timelines button:active,
.live-video-timelines button:focus,
.live-video-timelines button:hover {
    box-shadow: none
}

.live-video-timelines {
    border-bottom: 1px solid #e1e8ed
}

.live-video-timelines button:active,
.live-video-timelines button:focus,
.live-video-timelines button:hover {
    background-color: #fff
}

.column-type-scheduled {
    background-color: #f5f8fa
}

.column-header,
.column-header-temp {
    box-sizing: border-box;
    position: relative;
    height: 50px;
    color: #38444d;
    background-color: #fff;
    line-height: 50px
}

.column-header,
.column-header-temp {
    border-bottom: 1px solid #e1e8ed
}

.column-header-temp,
.column-temp .column-header {
    width: 100%;
    color: inherit
}

.column-title {
    font-size: 16px;
    font-weight: 700
}

.column-title .attribution {
    font-weight: 400;
    font-size: 13px;
    padding: 3px 0 0 4px
}

.column-type-message .column-title {
    margin-right: 90px
}

.column-title-container {
    color: #38444d
}

.column-title-container:hover .column-title-items {
    border-width: 0;
    border-bottom: 1px #38444d;
    border-style: solid
}

.column-title-edit-box {
    position: relative;
    height: 34px;
    padding: 4px 12px;
    margin: 0 3px;
    color: #14171a;
    background-color: #f5f8fa;
    border-color: #e1e8ed
}

.column-title-editable.with-image-attribution {
    padding-right: 30px
}

.column-title-editable .image-attribution {
    position: relative;
    right: 0;
    top: 5px
}

.column-number {
    counter-increment: column-number;
    position: absolute;
    top: 1px;
    left: 3px;
    line-height: 1;
    font-size: 10px;
    color: #aab8c2;
    padding: 1px
}

.column-number:before {
    content: counter(column-number)
}

.column-drag-handle {
    margin: 15px 0 0 4px
}

.column-title-back {
    color: #38444d;
    font-size: 14px;
    font-weight: 700;
    padding-left: 23px;
    position: relative
}

.column-title-back .attribution {
    display: none
}

.column-title-back .icon,
.column-title-back .Icon {
    position: absolute;
    top: 25px;
    left: 0;
    line-height: 0;
    vertical-align: middle
}

.column-title-back .conversation-title {
    padding-top: 5px
}

.column-temp .column-title-back {
    color: inherit
}

.column-close-link {
    position: absolute;
    top: 45%;
    right: 23px
}

.conversation-title {
    line-height: 17px;
    width: 100%;
    overflow: hidden
}

.conversation-title .title-content {
    display: inline-block;
    overflow: hidden;
    margin: 0 12px;
    font-size: 14px;
    max-height: 36px
}

.column-type-icon {
    position: relative;
    font-size: 20px;
    width: 24px;
    height: 24px
}

.column-header .column-type-icon {
    color: #657786
}

.column-header-temp .column-type-icon,
.column-header .column-type-icon {
    margin-top: -2px
}

.column-header-title {
    height: 50px;
    overflow: hidden;
    line-height: 3.2em
}

.column-header {
    overflow: hidden
}

.column-header,
.column-header .column-heading {
    max-height: 50px
}

.column-header.is-options-open .column-settings-link {
    background-color: transparent;
    color: #1da1f2;
    border-color: #e1e8ed;
    border-bottom: none
}

.column-header.is-options-open .column-settings-link:hover {
    color: #1da1f2
}

.column-header.is-options-open .column-settings-link .icon-arrow-u {
    display: inline-block
}

.column-header.is-options-open .column-settings-link .Icon--caretDown,
.column-header.is-options-open .column-settings-link .icon-arrow-d {
    display: none
}

.is-new .column-type-icon {
    color: #1da1f2
}

.column-header-links {
    max-width: 40%;
    padding: 3px 5px 0
}

.column-header-link {
    padding: 1px 3px;
    color: #1da1f2;
    font-size: 13px;
    display: inline-block
}

.column-header-link .icon,
.column-header-link .Icon {
    line-height: 1
}

.column-header-link .icon-sliders {
    font-size: 20px
}

.column-header-link .icon-arrow-u {
    display: none
}

.column-header-link:active,
.column-header-link:focus,
.column-header-link:hover {
    color: #1da1f2;
    text-decoration: none;
    outline: none;
    background-color: transparent
}

.column-header-link:first-child {
    padding-left: 0
}

.column-header-link:last-child {
    padding-right: 5px
}

.column-header:hover .column-settings-link {
    visibility: visible
}

.column-message {
    background-color: #fff
}

.filter-error {
    color: #fff;
    background-color: #a01744;
    line-height: 1
}

.facet-content {
    color: #ffb8c2
}

.facet-user {
    color: #ffe76e
}

.facet-action {
    color: #9cd1d4
}

.facet-engagement {
    color: #8899a6
}

.touch-device .column-drag-handle {
    display: none
}

.is-touch-column-options .column-title {
    margin-right: 32.5px
}

.is-touch-column-options .column-title-messages {
    margin-right: 50px
}

.is-touch-column-options .column-header-link {
    padding: 0 10px
}

.is-touch-column-options .column-settings-link {
    right: 5px
}

.is-touch-column-options .mark-all-read-link {
    right: 36.25px
}

.is-touch-column-options .is-options-open .mark-all-read-link {
    right: 44.25px
}

.edit-conversation-name {
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    box-sizing: border-box;
    height: 50px;
    padding: 0 10px;
    color: #38444d;
    line-height: 50px;
    border-bottom: 1px solid #e1e8ed;
    transition: top .2s ease-out;
    background-color: #fff
}

.edit-conversation-name input {
    color: #14171a;
    background-color: #fff;
    border-color: #e1e8ed
}

.edit-conversation-name.is-visible {
    top: 0
}

.column-options {
    background-color: #fff
}

.with-column-divider-bottom {
    border-bottom: 1px solid #e1e8ed
}

.is-column-options-animating {
    transition: height .2s
}

.column-options .button-tray {
    background-color: #fff;
    text-align: justify;
    font-size: 0
}

.button-tray:before {
    content: "";
    display: block;
    width: 100%
}

.button-tray:after {
    content: "";
    display: inline-block;
    width: 100%
}

.notifications-info-icon {
    position: relative;
    top: 2px;
    font-size: 14px
}

.is-touch-column-options .column-action-link {
    padding: 8px;
    margin-top: -5px;
    display: inline-block
}

.is-narrow-columns .is-touch-column-options .column-action-link {
    padding: 8px 6px
}

.btn-options-unique {
    color: #8899a6;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px
}

.btn-options-unique .icon,
.btn-options-unique .Icon {
    font-size: 18px
}

.column-nav-updates {
    position: absolute;
    top: 3px;
    right: 6px;
    color: #1da1f2;
    visibility: hidden;
    opacity: 0;
    transition: opacity .1s linear
}

.is-new .column-nav-updates {
    visibility: visible;
    opacity: 1
}

.contributor-manager .account-summary {
    margin-right: 0
}

.contributor-manager .link-complex {
    border: 1px solid #e1e8ed
}

.contributor-row {
    overflow: hidden;
    opacity: 1;
    transition: opacity .2s, background-color .2s, height .2s
}

.contributor-row .item-img {
    width: 36px
}

.contributor-row .tweet-avatar {
    width: 36px;
    height: 36px
}

.contributor-settings-role {
    border-bottom: 1px solid #e1e8ed
}

.contributor-sep {
    border: none;
    height: 1px
}

.contributor-adder-block {
    z-index: 1;
    position: absolute;
    top: 188px;
    width: 100%;
    box-shadow: 0 0 10px transparent;
    border-bottom: 1px solid transparent;
    transition: box-shadow .1s linear, border-color .1s linear
}

.contributor-adder input {
    padding-top: 5px !important;
    padding-bottom: 6px !important;
    padding-left: 10px !important;
    border: none;
    font-size: 14px;
    height: 32px
}

.contributor-row[data-state=initial] {
    opacity: 0
}

[data-show-when-state-error],
[data-show-when-state] {
    display: none
}

.contributor-row[data-state=closed] [data-show-when-state~=closed] {
    display: inherit
}

.contributor-row[data-state=closed] [data-hide-when-state~=closed] {
    display: none
}

.contributor-row[data-state=settings] {
    background-color: #fff
}

.contributor-row[data-state=settings] [data-show-when-state~=settings] {
    display: inherit
}

.contributor-row[data-state=settings] [data-hide-when-state~=settings] {
    display: none
}

.contributor-row[data-state=confirmAdd] {
    background-color: #fff
}

.contributor-row[data-state=confirmAdd] [data-show-when-state~=confirmAdd] {
    display: inherit
}

.contributor-row[data-state=confirmAdd] [data-hide-when-state~=confirmAdd] {
    display: none
}

.contributor-row[data-state=confirmAdd-added] {
    background-color: #fff
}

.contributor-row[data-state=confirmAdd-added] [data-show-when-state~=confirmAdd-added] {
    display: inherit
}

.contributor-row[data-state=confirmAdd-added] [data-hide-when-state~=confirmAdd-added] {
    display: none
}

.contributor-row[data-state=confirmDeadmin] {
    background-color: #fff
}

.contributor-row[data-state=confirmDeadmin] [data-show-when-state~=confirmDeadmin] {
    display: inherit
}

.contributor-row[data-state=confirmDeadmin] [data-hide-when-state~=confirmDeadmin] {
    display: none
}

.contributor-row[data-state=confirmRemove-removing],
.contributor-row[data-state=confirmRemove] {
    background-color: #fff
}

.contributor-row[data-state=confirmRemove-removing] [data-show-when-state~=confirmRemove],
.contributor-row[data-state=confirmRemove] [data-show-when-state~=confirmRemove] {
    display: inherit
}

.contributor-row[data-state=confirmRemove-removing] [data-hide-when-state~=confirmRemove],
.contributor-row[data-state=confirmRemove] [data-hide-when-state~=confirmRemove] {
    display: none
}

.contributor-row[data-state=confirmRemove-removing] {
    background-color: #fff
}

.contributor-row[data-state=confirmRemove-removing] [data-show-when-state~=confirmRemove-removing] {
    display: inherit
}

.contributor-row[data-state=confirmRemove-removing] [data-hide-when-state~=confirmRemove-removing] {
    display: none
}

[data-state-error*=error] [data-show-when-state-error] {
    display: inherit
}

.contributor-row[data-state=confirmRemove-removing] {
    opacity: 0;
    height: 0
}

.contributor-row[data-contributor-role=admin] [data-show-when-contributor-role=contributor] {
    display: none
}

.contributor-row[data-contributor-role=contributor] [data-show-when-contributor-role=admin] {
    display: none
}

.is-expanding {
    overflow: hidden
}

.stream-item {
    border-bottom: 1px solid #e1e8ed
}

.search-results-container .stream-item,
.stream-item {
    background-color: #fff
}

.is-streamed {
    background-color: #c7b4fa
}

.is-contented {
    background-color: #f45d22
}

.conversation-event .item-box {
    padding: 0 0 14px
}

.conversation-event:first-child,
.stream-item:not(.conversation-event)+.conversation-event {
    padding-top: 14px
}

.item-box {
    position: relative;
    padding: 8px 10px
}

.item-img {
    width: 36px
}

.item-box-full-bleed {
    margin: 0 -10px -8px
}

.activity-header .avatar {
    margin-right: 6px;
    margin-bottom: -6px
}

.activity-header.has-source-avatar {
    margin-top: 4px
}

.gap-chirp {
    background-color: #e1e8ed;
    color: #8899a6;
    text-align: center;
    position: relative;
    top: -2px;
    border-bottom: none !important
}

.gap-chirp:after,
.gap-chirp:before {
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    background-repeat: repeat-x;
    background-size: contain;
    content: ""
}

.gap-chirp:before {
    top: 0;
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/triangle-ffffff.9e63cecfcf.svg)
}

.gap-chirp:after {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/triangle-ffffff.9e63cecfcf.svg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: 0
}

.gap-chirp:active .gap-chirp-text--with-size,
.gap-chirp:hover .gap-chirp-text--with-size {
    background: #d7e1e7
}

.gap-chirp-text {
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 999px
}

.gap-chirp-text--with-size {
    border-color: #b4bfc7
}

.gap-chirp-spinner {
    display: none;
    height: 1.3em;
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_light.ac8adb62d1.gif);
    background-repeat: no-repeat;
    background-position: top
}

.gap-chirp--loading .gap-chirp-spinner {
    display: block
}

.gap-chirp--loading .gap-chirp-text {
    display: none
}

.thread {
    content: "";
    position: absolute;
    width: 3px;
    background-color: #e1e8ed;
    left: 27px;
    border-radius: 3px/7px;
    margin-top: 22px;
    height: calc(100% - 44px)
}

.show-more-thread {
    margin-top: -2px;
    height: 13px
}

.cursor-top-thread {
    margin-top: -11px;
    height: 17px
}

.dot-thread {
    height: 3px;
    border-radius: 50%
}

.dot-thread-top {
    margin-top: -16px
}

.dot-thread-top.middle {
    margin-top: -21px
}

.dot-thread-top.top {
    margin-top: -26px
}

.dot-thread-more {
    margin-top: 13px
}

.dot-thread-more.middle {
    margin-top: 18px
}

.dot-thread-more.top {
    margin-top: 23px
}

.list-item {
    color: #657786
}

.list-item.is-selected,
.list-item:active,
.list-item:hover {
    background-color: #1da1f2;
    color: #fff
}

.list-item:hover:not(.is-selected) {
    background-color: transparent;
    color: #657786
}

.list-item.is-selected .txt-mute,
.list-item:active .txt-mute,
.list-item:hover .txt-mute {
    color: #e1e8ed
}

.list-item.is-selected .list-icon,
.list-item:active .list-icon,
.list-item:hover .list-icon {
    color: #fff
}

.list-item:hover:not(.is-selected) .list-icon {
    background-color: transparent;
    color: #8899a6
}

.item-img-24 {
    width: 24px
}

.item-img-32 {
    width: 32px
}

.list-icon {
    margin-top: -4px;
    color: #8899a6
}

.list-divider {
    border-top: 1px solid rgba(20, 23, 26, .25)
}

.list-item-button {
    padding: 5px 10px;
    color: #aab8c2;
    background-color: #f5f8fa;
    font-size: 12px
}

.list-item-last {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

.list-placeholder {
    padding-top: 30px;
    text-align: center;
    font-size: 15px;
    color: #8899a6;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .8)
}

.ordered-list {
    counter-reset: list
}

.ordered-list-item {
    position: relative
}

.ordered-list-item:before {
    position: absolute;
    left: -15px;
    counter-increment: list;
    content: counters(list, ".") " "
}

.list-style-none {
    list-style: none
}

.is-touch-search .list-item.is-selected,
.is-touch-search .list-item:active,
.is-touch-search .list-item:hover {
    background-color: #1da1f2;
    color: #fff
}

.is-touch-search .list-item.is-selected .list-icon,
.is-touch-search .list-item:active .list-icon,
.is-touch-search .list-item:hover .list-icon {
    color: #fff
}

.is-touch-search .list-item {
    padding-top: 12.15px;
    padding-bottom: 12.15px
}

.add-multiple {
    position: absolute;
    right: 10px;
    top: 9px
}

.avatar {
    width: 36px;
    height: 36px;
    border-radius: 100%
}

.avatar.size14 {
    width: 14px;
    height: 14px
}

.avatar.size16 {
    width: 16px;
    height: 16px
}

.avatar.size18 {
    width: 18px;
    height: 18px
}

.avatar.size24 {
    width: 24px;
    height: 24px
}

.avatar.size30 {
    width: 30px;
    height: 30px
}

.avatar.size32 {
    width: 32px;
    height: 32px
}

.avatar.size36 {
    width: 36px;
    height: 36px
}

.avatar.size48 {
    width: 48px;
    height: 48px
}

.avatar.size64 {
    width: 64px;
    height: 64px
}

.avatar.size73 {
    width: 73px;
    height: 73px
}

.avatar-border--2 {
    margin: -2px;
    border: 2px solid #fff;
    background-color: #fff
}

.multiple-avatar-grid {
    height: 36px
}

.multiple-avatar-grid-mini {
    height: 24px;
    width: 24px
}

.media-grid-container.multiple-avatar-grid,
.media-grid-container.multiple-avatar-grid-mini {
    border-radius: 100%
}

.multiple-avatar-grid-mini .media-image,
.multiple-avatar-grid .media-image {
    height: 100%
}

.account-link {
    max-width: 100%;
    color: #38444d
}

.on-blue .account-link {
    color: #fff
}

.compose .quoted-tweet .account-link {
    color: #657786
}

.account-link .username {
    direction: ltr;
    font-size: .8571rem;
    unicode-bidi: embed
}

.account-link .fullname {
    line-height: 1.2
}

.account-inline {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    max-width: 100%
}

.account-inline .fullname,
.account-inline .username {
    line-height: 1
}

.account-inline.is-protected {
    padding-right: 18px
}

.account-inline .icon-protected {
    position: absolute;
    right: 0;
    font-size: 16px
}

.fullname-badged {
    max-width: calc(100% - 20px);
    position: relative;
    padding-right: 20px
}

.fullname-badged:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0
}

.media-item {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.media-badge {
    border: 1px solid #e1e8ed;
    color: #8899a6;
    display: inline-block;
    padding: 2px 10px 2px 6px;
    border-radius: 14px;
    margin: 7px 0 2px
}

.media-badge:hover {
    background-color: #f5f8fa
}

.media-item.media-size-large:after,
.media-size-large-height:after {
    content: " ";
    position: absolute;
    top: 0;
    width: 100%;
    height: 10px;
    background-image: linear-gradient(rgba(20, 23, 26, .25), rgba(20, 23, 26, 0))
}

.media-sensitive {
    width: 100%;
    height: 100%;
    background: #e1e8ed;
    font-size: 13px;
    line-height: 1.2em;
    z-index: 11
}

.media-sensitive-title {
    color: #38444d
}

.media-sensitive-detail {
    min-height: 130px
}

.is-narrow-columns .media-sensitive {
    font-size: 12px
}

.is-narrow-columns .media-sensitive .media-sensitive-title {
    display: none
}

.is-narrow-columns .media-sensitive.is-large .media-sensitive-title {
    display: initial
}

.media-size-medium {
    width: 100%;
    height: 130px;
    border-radius: 14px;
    z-index: 1
}

.media-size-small {
    width: 50%;
    height: 77px;
    border-radius: 14px;
    z-index: 1
}

.media-size-large {
    margin-top: 0;
    width: 100%
}

.media-size-large,
.media-size-large-height {
    height: 350px
}

.quoted-tweet .media-size-medium,
.quoted-tweet .media-size-small {
    border-radius: 7px
}

.is-narrow-columns .media-sensitive-detail {
    min-height: 108px
}

.is-narrow-columns .media-size-large {
    height: 270px
}

.is-narrow-columns .media-size-medium {
    height: 108px
}

.is-narrow-columns .media-size-small {
    height: 64px
}

.is-wide-columns .media-sensitive-detail {
    min-height: 153px
}

.is-wide-columns .media-size-large {
    height: 350px
}

.is-wide-columns .media-size-medium {
    height: 153px
}

.is-wide-columns .media-size-small {
    height: 91px
}

.media-item:first-child {
    margin-top: 0
}

.media-caret {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #fff
}

.video-overlay {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    top: 50%;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 1
}

.video-overlay .icon,
.video-overlay .Icon {
    font-size: 40px
}

.gif-badge,
.gif-pause {
    position: absolute;
    padding: 10px;
    bottom: 0;
    left: 0
}

.is-gif:hover .gif-pause,
.is-paused .gif-badge,
.is-paused .gif-play {
    visibility: visible
}

.gif-badge,
.gif-pause,
.gif-play,
.is-gif.is-paused .gif-pause {
    visibility: hidden
}

.media-item-gif {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.tweet-detail-media .media-item-gif {
    -webkit-transform: none;
    transform: none
}

.tweet-detail-media .media-item,
.tweet-detail-media .media-preview {
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.media-thumb-container {
    overflow: hidden;
    max-width: 90px;
    max-height: 65px;
    width: 90px;
    height: 65px
}

.media-thumb-container .media-thumb-img {
    width: auto;
    height: 100%;
    display: block;
    margin: auto
}

.media-grid-container {
    position: relative;
    overflow: hidden;
    border-radius: 14px
}

.media-grid-2,
.media-grid-2-mirror,
.media-grid-3,
.media-grid-3-mirror,
.media-grid-4 {
    height: 100%;
    padding: 0
}

.media-image {
    background: no-repeat 50%;
    background-size: cover
}

.media-grid-2-mirror>.media-image-container,
.media-grid-2>.media-image-container,
.media-grid-3-mirror>.media-image-container,
.media-grid-3>.media-image-container,
.media-grid-4>.media-image-container {
    padding: 0;
    width: 50%;
    height: 50%;
    float: left
}

.media-grid-2-mirror>.media-image-container,
.media-grid-3-mirror>.media-image-container {
    float: right
}

.media-grid-2-mirror>.media-image-container,
.media-grid-2>.media-image-container,
.media-grid-3-mirror>.media-image-container:first-child,
.media-grid-3>.media-image-container:first-child {
    height: 100%
}

.media-grid-3-mirror>.media-image-container:nth-child(n+3)>.media-image,
.media-grid-3>.media-image-container:nth-child(n+3)>.media-image,
.media-grid-4>.media-image-container:nth-child(n+3)>.media-image {
    top: 2px
}

.media-grid-2-mirror>.media-image-container:first-child>.media-image,
.media-grid-2>.media-image-container:first-child>.media-image,
.media-grid-3-mirror>.media-image-container:nth-child(n+2)>.media-image,
.media-grid-3>.media-image-container:first-child>.media-image,
.media-grid-4>.media-image-container:nth-child(odd)>.media-image {
    right: 2px
}

.media-grid-3-mirror>.media-image-container:nth-child(2)>.media-image,
.media-grid-3>.media-image-container:nth-child(2)>.media-image,
.media-grid-4>.media-image-container:nth-child(-n+2)>.media-image {
    bottom: 2px
}

.media-grid-2-mirror>.media-image-container:first-child>.media-image,
.media-grid-2>.media-image-container:nth-child(2)>.media-image,
.media-grid-3-mirror>.media-image-container:first-child>.media-image,
.media-grid-3>.media-image-container:nth-child(n+2)>.media-image,
.media-grid-4>.media-image-container:nth-child(2n+2)>.media-image {
    left: 2px
}

.media-grid-3-mirror>.media-image-container-compact:nth-child(n+3)>.media-image,
.media-grid-3>.media-image-container-compact:nth-child(n+3)>.media-image,
.media-grid-4>.media-image-container-compact:nth-child(n+3)>.media-image {
    top: 1px
}

.media-grid-2>.media-image-container-compact:first-child>.media-image,
.media-grid-3-mirror>.media-image-container-compact:nth-child(n+2)>.media-image,
.media-grid-3>.media-image-container-compact:first-child>.media-image,
.media-grid-4>.media-image-container-compact:nth-child(odd)>.media-image {
    right: 1px
}

.media-grid-3-mirror>.media-image-container-compact:nth-child(2)>.media-image,
.media-grid-3>.media-image-container-compact:nth-child(2)>.media-image,
.media-grid-4>.media-image-container-compact:nth-child(-n+2)>.media-image {
    bottom: 1px
}

.media-grid-2>.media-image-container-compact:nth-child(2)>.media-image,
.media-grid-3-mirror>.media-image-container-compact:first-child>.media-image,
.media-grid-3>.media-image-container-compact:nth-child(n+2)>.media-image,
.media-grid-4>.media-image-container-compact:nth-child(2n+2)>.media-image {
    left: 1px
}

.media-grid-3-mirror>.media-image-container-mini:nth-child(n+3)>.media-image,
.media-grid-3>.media-image-container-mini:nth-child(n+3)>.media-image,
.media-grid-4>.media-image-container-mini:nth-child(n+3)>.media-image {
    top: 0
}

.media-grid-2>.media-image-container-mini:first-child>.media-image,
.media-grid-3-mirror>.media-image-container-mini:nth-child(n+2)>.media-image,
.media-grid-3>.media-image-container-mini:first-child>.media-image,
.media-grid-4>.media-image-container-mini:nth-child(odd)>.media-image {
    right: 0
}

.media-grid-3-mirror>.media-image-container-mini:nth-child(2)>.media-image,
.media-grid-3>.media-image-container-mini:nth-child(2)>.media-image,
.media-grid-4>.media-image-container-mini:nth-child(-n+2)>.media-image {
    bottom: 1px
}

.media-grid-2>.media-image-container-mini:nth-child(2)>.media-image,
.media-grid-3-mirror>.media-image-container-mini:first-child>.media-image,
.media-grid-3>.media-image-container-mini:nth-child(n+2)>.media-image,
.media-grid-4>.media-image-container-mini:nth-child(2n+2)>.media-image {
    left: 1px
}

.img-strip {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 -5px
}

.img-strip-media {
    float: left;
    padding: 0;
    margin: 0 0 5px 5px
}

.img-strip-media img {
    display: block
}

.tweet {
    padding-left: 46px;
    line-height: 1.28578em;
    word-break: break-word;
    word-wrap: break-word;
    display: block
}

.tweet:after,
.tweet:before {
    display: block;
    content: " "
}

.tweet:after {
    clear: both
}

.tweet-text {
    overflow: hidden
}

.without-tweet-drag-handles .tweet-drag-handle {
    display: none
}

.tweet-timestamp {
    padding-left: 5px;
    margin-bottom: 2px;
    line-height: 1
}

.tweet-context,
.tweet-img {
    margin-left: -46px
}

.tweet-avatar {
    z-index: 1
}

.tweet-actions {
    float: left
}

.tweet-actions li a {
    outline: 0
}

.message-stream-item .tweet-actions {
    float: right
}

.stream-item:hover .tweet-actions {
    visibility: visible
}

.is-protected-action {
    opacity: .5;
    cursor: default
}

.no-pointer-events {
    pointer-events: none
}

.dm-action,
.tweet-action,
.tweet-detail-action {
    display: block
}

.dm-action .icon,
.dm-action .Icon,
.tweet-action .icon,
.tweet-action .Icon,
.tweet-detail-action .icon,
.tweet-detail-action .Icon {
    display: block;
    font-size: 18px
}

.dm-action,
.tweet-action,
.tweet-detail-action {
    color: #8899a6
}

.dm-action:active,
.dm-action:focus,
.dm-action:hover,
.is-selected.dm-action,
.is-selected.tweet-detail-action,
.tweet-action.is-selected,
.tweet-action:active,
.tweet-action:focus,
.tweet-action:hover,
.tweet-detail-action:active,
.tweet-detail-action:focus,
.tweet-detail-action:hover {
    text-decoration: none !important
}

.dm-action:active .icon-reply,
.dm-action:active .reply-count,
.dm-action:focus .icon-reply,
.dm-action:focus .reply-count,
.dm-action:hover .icon-reply,
.dm-action:hover .reply-count,
.is-selected.dm-action .icon-reply,
.is-selected.dm-action .reply-count,
.is-selected.tweet-detail-action .icon-reply,
.is-selected.tweet-detail-action .reply-count,
.tweet-action.is-selected .icon-reply,
.tweet-action.is-selected .reply-count,
.tweet-action:active .icon-reply,
.tweet-action:active .reply-count,
.tweet-action:focus .icon-reply,
.tweet-action:focus .reply-count,
.tweet-action:hover .icon-reply,
.tweet-action:hover .reply-count,
.tweet-detail-action:active .icon-reply,
.tweet-detail-action:active .reply-count,
.tweet-detail-action:focus .icon-reply,
.tweet-detail-action:focus .reply-count,
.tweet-detail-action:hover .icon-reply,
.tweet-detail-action:hover .reply-count {
    color: #1da1f2
}

.dm-action:active .icon-retweet,
.dm-action:active .retweet-count,
.dm-action:focus .icon-retweet,
.dm-action:focus .retweet-count,
.dm-action:hover .icon-retweet,
.dm-action:hover .retweet-count,
.is-selected.dm-action .icon-retweet,
.is-selected.dm-action .retweet-count,
.is-selected.tweet-detail-action .icon-retweet,
.is-selected.tweet-detail-action .retweet-count,
.tweet-action.is-selected .icon-retweet,
.tweet-action.is-selected .retweet-count,
.tweet-action:active .icon-retweet,
.tweet-action:active .retweet-count,
.tweet-action:focus .icon-retweet,
.tweet-action:focus .retweet-count,
.tweet-action:hover .icon-retweet,
.tweet-action:hover .retweet-count,
.tweet-detail-action:active .icon-retweet,
.tweet-detail-action:active .retweet-count,
.tweet-detail-action:focus .icon-retweet,
.tweet-detail-action:focus .retweet-count,
.tweet-detail-action:hover .icon-retweet,
.tweet-detail-action:hover .retweet-count {
    color: #17bf63
}

.dm-action:active .icon-favorite,
.dm-action:active .like-count,
.dm-action:focus .icon-favorite,
.dm-action:focus .like-count,
.dm-action:hover .icon-favorite,
.dm-action:hover .like-count,
.is-selected.dm-action .icon-favorite,
.is-selected.dm-action .like-count,
.is-selected.tweet-detail-action .icon-favorite,
.is-selected.tweet-detail-action .like-count,
.tweet-action.is-selected .icon-favorite,
.tweet-action.is-selected .like-count,
.tweet-action:active .icon-favorite,
.tweet-action:active .like-count,
.tweet-action:focus .icon-favorite,
.tweet-action:focus .like-count,
.tweet-action:hover .icon-favorite,
.tweet-action:hover .like-count,
.tweet-detail-action:active .icon-favorite,
.tweet-detail-action:active .like-count,
.tweet-detail-action:focus .icon-favorite,
.tweet-detail-action:focus .like-count,
.tweet-detail-action:hover .icon-favorite,
.tweet-detail-action:hover .like-count {
    color: #e0245e
}

.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action {
    color: #aab8c2
}

.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:active,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:focus,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:hover,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.dm-action,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.tweet-detail-action,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action.is-selected,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:active,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:focus,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:hover,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:active,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:focus,
.chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:hover {
    color: #8899a6;
    text-decoration: none
}

.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action,
.is-inverted-light .dm-action,
.is-inverted-light .tweet-action,
.is-inverted-light .tweet-detail-action {
    color: #8899a6
}

.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:active,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:focus,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:hover,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.dm-action,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.tweet-detail-action,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action.is-selected,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:active,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:focus,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:hover,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:active,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:focus,
.is-inverted-light .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:hover,
.is-inverted-light .dm-action:active,
.is-inverted-light .dm-action:focus,
.is-inverted-light .dm-action:hover,
.is-inverted-light .is-selected.dm-action,
.is-inverted-light .is-selected.tweet-detail-action,
.is-inverted-light .tweet-action.is-selected,
.is-inverted-light .tweet-action:active,
.is-inverted-light .tweet-action:focus,
.is-inverted-light .tweet-action:hover,
.is-inverted-light .tweet-detail-action:active,
.is-inverted-light .tweet-detail-action:focus,
.is-inverted-light .tweet-detail-action:hover {
    color: #fff
}

.is-retweet .icon-retweet-toggle {
    color: #17bf63
}

.is-favorite .icon-favorite-toggle {
    color: #e0245e
}

.tweet-footer {
    margin-top: 3px
}

.is-minimalist .tweet-img {
    background: #e1e8ed;
    border-radius: 100%
}

.is-selected-tweet {
    background: #f5f8fa
}

.in-tweet-divider {
    position: relative;
    padding-top: 14px
}

.in-tweet-divider:before {
    content: "";
    height: 1px;
    position: absolute;
    left: -58px;
    right: 0;
    background: #e1e8ed
}

.tweet-translation-original-text {
    min-height: 35px;
    color: #8899a6
}

.tweet-translation-attribution-text {
    font-size: 10px;
    line-height: 12px
}

.tweet-detail .tweet-translation-text {
    font-size: 1.2857rem
}

.tweet-detail .in-tweet-divider:before {
    left: 0
}

.quoted-tweet {
    border: 1px solid #e1e8ed;
    color: #657786;
    font-size: .9em
}

.txt-base-smallest .quoted-tweet {
    font-size: 1em
}

.scheduled-tweet {
    border: 1px solid #e1e8ed;
    color: #8899a6
}

.stream-item .icon-edit,
.stream-item .icon-trash {
    color: #aab8c2
}

.stream-item .icon-edit:hover,
.stream-item .icon-trash:hover {
    color: #8899a6
}

.tweet-detail-wrapper {
    margin-top: -1px;
    background: #fff
}

.tweet-detail-wrapper .stream-item {
    border: 0
}

.tweet-stats {
    border-top: 1px solid #e1e8ed;
    margin-bottom: -5px;
    margin-top: 15px
}

.tweet-stat {
    color: #38444d;
    margin-right: 7px;
    margin-top: 10px
}

.stat-word {
    color: #8899a6
}

.is-actionable:hover .stat-word {
    color: #1da1f2
}

.tweet-location {
    margin-left: -.15rem
}

.tweet-detail-actions {
    display: block;
    font-size: 0;
    width: 100%;
    border-top: 1px solid #e1e8ed;
    margin-top: 15px
}

.tweet-detail-action-item {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    margin-top: 4px;
    text-align: center
}

.tweet-detail-action-item .icon,
.tweet-detail-action-item .Icon,
.tweet-detail-action-item a {
    outline: 0
}

.conversation-more {
    padding-left: 68px;
    color: #1da1f2
}

.without-tweet-drag-handles .tweet-detail-action-item {
    width: 25%
}

.tweet-detail-action {
    display: inline-block
}

.is-selected .reply-triangle {
    visibility: visible
}

.column-detail .is-selected-tweet {
    background: #f5f8fa
}

.social-proof-for-tweet-title {
    background-color: #f5f8fa;
    color: #657786;
    border-bottom: 1px solid #e1e8ed
}

.is-unread {
    background: #eaf5fd
}

.is-unread .conversation-indicator,
.is-unread .txt-mute {
    color: #38444d
}

.is-unread.is-selected-tweet {
    background: #71c9f8
}

.dm-action {
    display: inline-block
}

.tweet-message .tweet-body {
    padding-right: 8px
}

.conversation-indicator {
    width: 20px;
    color: #e1e8ed;
    padding-top: 7px
}

.tweet-message-attachment {
    width: 30px;
    height: 30px;
    overflow: hidden
}

.conversation-title,
.conversation-title-container {
    padding-right: 32px
}

.conversation-title-container .counter {
    position: absolute;
    right: 0;
    width: 29px
}

.conversation-event {
    border-bottom: none;
    text-align: center;
    background-color: #fff
}

.conversation-event+.stream-item:not(.conversation-event),
.conversation-event:first-child {
    border-top: 1px solid #e1e8ed
}

.conversation-participants-name-list:not(:last-child):after {
    content: ", "
}

.add-participant {
    color: #38444d;
    background-color: #fff
}

.rpl {
    padding: 10px;
    border-bottom: #e1e8ed
}

.rpl textarea {
    resize: none;
    width: 100%;
    height: 70px;
    padding: 6px 8px;
    overflow-y: scroll;
    box-shadow: inset 0 1px 1px rgba(20, 23, 26, .5);
    transition: height .3s ease-in-out
}

.rpl textarea.rpl-textarea--expanded {
    height: 120px
}

.rpl input {
    width: 60px;
    padding-top: 8px;
    border: none;
    text-align: right;
    color: inherit;
    background: 0 0;
    vertical-align: top
}

.rpl input:focus {
    border: none;
    box-shadow: none
}

.rpl input.over-char-count {
    color: #f6809a
}

.rpl .rpl-account {
    padding-top: 6px
}

.rpl .rpl-actions {
    padding-top: 10px
}

.spinner-large {
    height: 50px;
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_large_white.2381f5091a.gif) no-repeat 50% 50%
}

.spinner-small {
    height: 16px;
    width: 16px;
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_small_light.7bab7c9869.gif) no-repeat 50% 50%
}

.spinner-small-blue-bg {
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_small_blue_light_bg.3cb87aa201.gif) no-repeat 50% 50%
}

.is-inverted-dark .spinner-small,
.spinner-small-trans {
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_small_trans.e0c5a65bc6.gif) no-repeat 50% 50%
}

.is-inverted-dark .spinner-large {
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_large_white.2381f5091a.gif) no-repeat 50% 50%
}

.spinner-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px
}

.spinner-centered-auto {
    margin: 0 auto
}

.spinner-button-container {
    position: relative;
    display: inline
}

.spinner-button-is-active {
    color: transparent !important
}

.spinner-button-icon-spinner {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner-fff-on-198cd8.04d11d3182.gif)
}

.spinner-button-with-progress {
    color: #fff;
    text-align: left;
    padding-right: 37px;
    min-width: 125px
}

.spinner-button-icon-with-progress {
    left: 80%
}

.app-header {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 200px;
    background-color: #1c2938;
    z-index: 200
}

.app-header-inner {
    box-sizing: border-box;
    width: 200px;
    min-width: 60px;
    padding: 10px 10px 0
}

.app-title {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1c2938
}

.sprite-logo,
.sprite-logo-badge,
.sprite-logo-badge-large {
    position: absolute;
    top: 6px;
    left: -5px
}

.app-title .sprite-logo {
    left: 35px
}

.app-title .sprite-logo-badge {
    opacity: 0;
    top: 4px;
    left: 7px
}

.app-content {
    left: 200px;
    margin-left: 0;
    overflow: visible;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .2s
}

.app-columns-container,
.app-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #e1e8ed
}

.app-columns-container {
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.app-navigator {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    background-color: #1c2938
}

.app-nav-link {
    font-size: 18px;
    color: #1da1f2;
    cursor: pointer
}

.app-nav-link-text {
    color: #fff
}

.app-nav-link:active,
.app-nav-link:focus {
    outline: none;
    color: #1da1f2
}

.app-nav-link.is-selected,
.app-nav-link:hover {
    color: #97e3ff
}

.app-nav-link .icon-arrow-r-double {
    display: none
}

.app-nav-link .icon,
.app-nav-link .Icon {
    padding-left: 1px
}

.app-nav-tab {
    font-size: 18px;
    color: #1da1f2;
    cursor: pointer;
    padding-left: 4px;
    padding-right: 10px;
    margin-left: 6px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.app-nav-tab:hover {
    color: #97e3ff
}

.app-nav-tab-text {
    color: #fff
}

.app-nav-tab.is-selected {
    background: #f5f8fa
}

.app-nav-tab.is-selected:hover {
    color: #1da1f2
}

.app-nav-tab.is-selected .app-nav-tab-text {
    color: #38444d
}

.app-nav-tab .icon,
.app-nav-tab .Icon {
    padding-left: 1px
}

.tweet-button {
    width: 100%;
    height: 36px;
    font-size: 16px;
    line-height: 16px
}

.tweet-button .icon-compose,
.tweet-button .icon-compose-dm {
    display: none;
    font-size: 24px;
    margin-top: -3px;
    margin-left: -6px;
    vertical-align: -6px
}

.is-condensed .tweet-button {
    line-height: 1em;
    text-align: center;
    width: 36px;
    padding: 0
}

.is-condensed .tweet-button .icon-compose,
.is-condensed .tweet-button .icon-compose-dm {
    display: inline-block;
    font-size: 20px;
    margin-top: 0;
    margin-left: 2px
}

.is-condensed .attach-compose-buttons {
    text-align: left
}

.is-condensed .attach-compose-buttons .tweet-button {
    width: 48px
}

.is-condensed .attach-compose-buttons .tweet-button .icon-compose,
.is-condensed .attach-compose-buttons .tweet-button .icon-compose-dm {
    margin: 0 0 0 9px
}

.attach-compose-buttons {
    margin-right: -15px
}

.attach-compose-buttons .tweet-button {
    box-shadow: none;
    border: none !important;
    border-radius: 45px 0 0 45px
}

.attach-compose-buttons .tweet-button:active,
.attach-compose-buttons .tweet-button:focus,
.attach-compose-buttons .tweet-button:hover {
    border: none !important;
    box-shadow: none !important
}

.attach-compose-buttons .tweet-button .icon-compose,
.attach-compose-buttons .tweet-button .icon-compose-dm {
    display: inline-block;
    margin-top: -5px;
    margin-left: -5px
}

.attach-compose-buttons .Button.tweet-button,
.attach-compose-buttons button.tweet-button,
.attach-compose-buttons input.tweet-button[type=button] {
    background-color: #2b7bb9
}

.is-condensed .attach-compose-buttons svg {
    right: auto;
    top: auto;
    margin-bottom: auto
}

.with-nav-border-t:before {
    position: relative;
    top: -10px;
    border-top: 1px solid #8899a6
}

.is-condensed .app-header {
    width: 60px
}

.is-condensed .app-content {
    left: 60px
}

.tweetdeck-logo {
    background: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/tweetdeck.a58ac4ebe4.svg);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

.beta-ribbon {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    right: -12px;
    bottom: 16px
}

.app-header.is-condensed .app-header-inner {
    width: 60px;
    padding: 10px 12px
}

.app-header.is-condensed .app-nav-logo-text,
.app-header.is-condensed .hide-condensed {
    display: none
}

.app-header.is-condensed .app-nav-link .icon-arrow-r-double {
    display: inline-block
}

.app-header.is-condensed .app-nav-link .icon-arrow-l-double,
.app-header.is-condensed .sprite-logo,
.app-header.is-condensed .tweet-button .label {
    display: none
}

.app-header.is-condensed .sprite-logo-badge {
    display: inline-block;
    opacity: 1
}

.app-header.is-condensed .invisible-in-contracted-header {
    display: none
}

.app-header.is-condensed .visible-in-contracted-header {
    display: flex !important
}

.app-search {
    position: relative
}

.app-search.has-overlay {
    z-index: 10
}

.app-search .app-search-fake,
.app-search .app-search-form {
    position: absolute
}

.is-condensed .app-search-input {
    width: 36px
}

.app-search-fake,
.app-search-input {
    height: 36px;
    background-color: #10171e;
    color: #e1e8ed;
    outline: none;
    word-break: normal
}

.app-search-input {
    border: 1px solid #000
}

.app-search-fake {
    width: 100%;
    color: #1da1f2;
    border: 1px solid #1da1f2;
    background-color: transparent
}

.app-search-fake .icon,
.app-search-fake .Icon {
    margin: -6px -2px;
    font-size: 20px;
    vertical-align: 1px
}

.app-search-fake:hover {
    background-color: transparent
}

.app-search-button {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 16px;
    height: 16px;
    color: #e1e8ed
}

.app-search-button:hover {
    color: #e1e8ed
}

.app-search-button .icon-search {
    font-size: 17px;
    padding-top: 4px
}

.app-header.is-condensed .app-search-form,
.app-search-in-popover {
    display: none
}

.app-header.is-condensed .app-search-fake,
.is-condensed .app-search-in-popover {
    display: block
}

.app-search-tweet-results {
    overflow: hidden
}

.app-search-tweet-results .column-header-temp {
    height: 0
}

.is-touch-search .search-results .button-group .btn {
    padding-top: 10.8px;
    padding-bottom: 10.8px
}

.is-condensed .user-results {
    height: calc(100% - 124px)
}

.user-results {
    height: calc(100% - 76px)
}

.message-banner {
    clear: both;
    padding: 8px 10px;
    position: relative;
    text-align: center
}

.message-banner .dismiss {
    bottom: 0;
    color: #38444d;
    font-size: 16px;
    height: 30px;
    margin: auto;
    position: absolute;
    right: .65em;
    top: 0
}

.message-content {
    display: table;
    width: 100%;
    text-align: center;
    box-sizing: border-box
}

.message-row {
    display: table-row
}

.message-subtext,
.message-text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    word-break: break-word;
    word-wrap: break-word
}

.message-subtext {
    font-size: .8571rem;
    padding-top: 4px
}

.typeahead {
    z-index: 100;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #38444d;
    border-radius: 0;
    width: auto
}

.typeahead .fullname {
    color: #38444d;
    font-size: 13px
}

.typeahead .username {
    color: #8899a6;
    font-size: 12px
}

.recent-searches-fixed-list {
    height: 340px;
    font-size: 14px
}

.is-touch-search .recent-search-clear {
    font-size: 13.5px;
    padding-top: 12.15px;
    padding-bottom: 12.15px
}

.is-touch-search .recent-searches-fixed-list {
    height: 435px
}

.accordion,
.accordion-popover {
    color: #8899a6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.accordion-divider-t {
    border-top: 1px solid #e1e8ed
}

.accordion-header {
    padding: 9px 5px 9px 8px;
    color: #8899a6
}

.accordion-header:hover {
    color: #8899a6
}

.accordion-panel {
    position: relative;
    display: none;
    padding-left: 8px;
    overflow-y: hidden
}

.accordion .Icon--caretDown,
.accordion .icon-arrow-d,
.accordion .icon-arrow-u {
    position: absolute;
    top: 12px;
    right: 12px
}

.accordion .icon-arrow-u {
    display: none
}

.is-accordion-panel-animating {
    transition: height .2s
}

.facet-type {
    position: relative;
    border-bottom: 1px solid #e1e8ed
}

.facet-type:last-child {
    border-bottom: none
}

.facet-type-thumb-size {
    border-top: 1px solid #e1e8ed;
    border-bottom: none
}

.facet-type.is-active {
    background-color: #f5f8fa
}

.facet-type-icon {
    position: absolute;
    top: 8px;
    left: 18px;
    font-size: 16px
}

.facet-title {
    width: 115px
}

.facet-subtitle {
    font-size: 12px;
    display: block;
    color: #1da1f2
}

.facet-subtitle:first-letter {
    text-transform: uppercase
}

.is-expanded .accordion-panel {
    display: block;
    overflow-y: visible
}

.accordion .is-active {
    color: #14171a
}

.accordion .is-active .accordion-header,
.accordion .is-active .accordion-header:hover {
    color: #14171a
}

.accordion .is-active .accordion-panel {
    display: block
}

.accordion .is-active .Icon--caretDown,
.accordion .is-active .icon-arrow-d {
    display: none
}

.accordion .is-active .icon-arrow-u {
    display: inline-block
}

.accordion .is-active .facet-subtitle {
    display: none
}

.control-label-checkbox {
    text-align: right;
    width: 80px
}

.control-label-checkbox .checkbox {
    position: absolute;
    left: 115px
}

.account-settings-row .Icon--caretDown,
.account-settings-row .icon-arrow-d,
.account-settings-row .icon-arrow-u {
    position: inherit
}

.account-settings-row.is-highlighted {
    background-color: #f5f8fa;
    border-top: 1px solid #ccd6dd
}

.account-settings-row.is-highlighted:last-child {
    border-bottom: 1px solid #ccd6dd
}

.join-team {
    background: #fff;
    border-top: 1px solid #e1e8ed;
    border-bottom: 1px solid #e1e8ed
}

.account-row-separator-b:after {
    content: " ";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #e1e8ed
}

.separator-a:before {
    content: " ";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #e1e8ed
}

.is-touch-column-options .accordion-header {
    padding: 12.5px 5px 12.5px 8px
}

.is-touch-column-options .accordion .Icon--caretDown,
.is-touch-column-options .accordion .icon-arrow-d,
.is-touch-column-options .accordion .icon-arrow-u {
    top: 18.75px;
    right: 11.25px
}

.is-touch-column-options .facet-type-thumb-size .toggle-item {
    padding: 4px 2px;
    font-size: 13.75px
}

.is-touch-column-options .facet-type-icon {
    top: 12.5px
}

.is-touch-column-options .facet-title {
    width: 115px
}

.is-touch-column-options .facet-subtitle {
    font-size: 15px
}

.is-narrow-columns .is-touch-column-options .facet-type-thumb-size .toggle-item {
    padding: 6px 4px;
    font-size: 13.75px
}

.is-medium-columns .is-touch-column-options .facet-type-thumb-size .toggle-item {
    padding: 6px;
    font-size: 13.75px
}

.tooltip {
    position: absolute;
    z-index: 100000;
    padding: 5px;
    font-size: 12px
}

.tooltip-inner {
    max-width: 200px;
    padding: 5px 8px 4px;
    background-color: #14171a;
    color: #fff;
    text-align: center;
    line-height: 1.28578;
    border-radius: 3px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #14171a
}

.bottom {
    border-bottom-color: #14171a
}

.top {
    border-top-color: #14171a
}

.left {
    border-left-color: #14171a
}

.right {
    border-right-color: #14171a
}

.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.left .tooltip-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.right .tooltip-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.conversation-tooltip-title {
    line-height: 18px
}

.stroke-twitter-light-gray {
    stroke: #ccd6dd
}

.stroke-twitter-blue {
    stroke: #1da1f2
}

.stroke-twitter-yellow {
    stroke: #ffad1f
}

.stroke-twitter-red {
    stroke: #e0245e
}

.numbered-badge {
    position: absolute;
    top: 9px;
    right: -7px;
    font-style: normal;
    font-size: 10px;
    padding: 4px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    border-radius: 14px;
    text-align: center;
    min-width: 10px;
    height: 10px
}

.numbered-badge-onheader {
    border: 2px solid #fff;
    visibility: hidden
}

.numbered-badge-onnav {
    top: 1px;
    right: -5px;
    border: 2px solid #1c2938;
    visibility: hidden
}

.numbered-badge-account-invites {
    top: 0;
    right: 0
}

.drawer {
    position: absolute;
    width: 270px;
    top: 0;
    left: -270px;
    height: 100%;
    margin-right: 0
}

.drawer.wide {
    width: 350px;
    left: -350px
}

.is-open .drawer:after {
    content: " ";
    display: block;
    box-shadow: 2px 0 1px rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 2;
    width: 1px;
    top: 0;
    right: 0;
    height: 100%;
    margin-right: 0;
    margin-left: -2px
}

.drawer-header {
    position: relative;
    height: 55px;
    border-bottom: 1px solid #e1e8ed
}

.drawer-header-title {
    display: block;
    padding-top: 16px
}

.drawer-content {
    top: 56px
}

.dataminr {
    background-color: #f5f8fa
}

.txt-dataminr {
    color: #8899a6
}

.dataminr-title {
    background-color: #ccd6dd;
    color: #657786
}

.dataminr-search-terms-detail {
    color: #657786
}

.dataminr-separator {
    border-bottom: 4px solid #e1e8ed
}

.is-dataminr-tweet {
    background-color: #fff;
    padding: 8px 10px;
    margin-left: -6px;
    margin-right: -6px;
    border-radius: 5px
}

.dataminr-large-preview {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden
}

.dataminr-header {
    height: 18px
}

.dataminr-header,
.dataminr-meta-link {
    color: #8899a6
}

.dataminr-category-pill {
    color: #fff;
    padding: 3px 4px;
    border-radius: 3px;
    background-color: #5585ad;
    font-size: 10px
}

.dataminr-category-bg,
.dataminr-category-ln,
.dataminr-category-mbg,
.dataminr-category-mn,
.dataminr-category-rpr {
    background-color: #1f90bf
}

.dataminr-category-er,
.dataminr-category-gov,
.dataminr-category-ngo {
    background-color: #cc412e
}

.dataminr-category-ent,
.dataminr-category-spo {
    background-color: #8a64ad
}

.dataminr-category-bsn,
.dataminr-category-uni {
    background-color: #cc412e
}

.dataminr-category-alt {
    background-color: #b26333
}

.dataminr-category-ctr {
    background-color: #cc7332
}

.dataminr-category-short {
    display: none
}

.dataminr-label {
    color: #e28409
}

.dataminr-label-momentum {
    color: #5caee1
}

.dataminr-map-img {
    width: 80px;
    height: 60px;
    border: 1px solid #ccd6dd
}

.dataminr-map-img-full {
    width: 100%;
    height: 124px
}

.dataminr-location {
    width: 80px
}

.dataminr-recent-img {
    width: 100px;
    height: 100px;
    background-size: 100%;
    border-radius: 100%
}

.is-narrow-columns .dataminr-recent-img {
    width: 80px;
    height: 80px
}

.dataminr-openin-link {
    position: absolute;
    bottom: 10px
}

.dataminr-term:after {
    content: "\A0\B7"
}

.dataminr-search-terms-detail .dataminr-term:nth-last-child(2):after,
.dataminr-term:last-child:after {
    content: ""
}

.dataminr-bio-count {
    color: #657786
}

.dataminr-user-profile {
    background-color: #fff
}

.is-narrow-columns .dataminr-category-short {
    display: block
}

.is-narrow-columns .dataminr-category-full {
    display: none
}

.info-caret,
.info-popover {
    position: absolute
}

.info-caret {
    left: -17px;
    top: 46px;
    margin-top: -10px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: #1da1f2
}

.info-popover-close {
    position: absolute;
    top: 18px;
    right: 14px;
    color: #fff
}

.info-popover-close:active,
.info-popover-close:hover {
    color: #fff
}

.info-popover-list {
    padding: 25px 25px 25px 50px
}

.info-popover-list-item:before {
    color: #71c9f8;
    left: -20px
}

.info-popover-content {
    border: 1px solid #fff;
    border-radius: 2px
}

.info-popover-teams {
    right: -280px;
    width: 280px;
    top: 10px;
    border-radius: 2px;
    z-index: 4
}

.info-popover-teams-icon {
    font-size: 75px;
    margin-top: -30px
}

.other-replies {
    color: #8899a6
}

.other-replies-link,
.other-replies-link:hover {
    color: #1da1f2
}

.compose .other-replies,
.inline-reply .other-replies {
    color: #8899a6
}

.compose .other-replies-link,
.compose .other-replies-link:hover,
.inline-reply .other-replies-link,
.inline-reply .other-replies-link:hover {
    color: #1da1f2
}

.search-tip-item-hover:hover {
    background: #eaf5fd;
    color: #000
}

.query:hover .try-query {
    visibility: visible !important
}

.ticker-outer {
    height: 2em;
    line-height: 2em;
    margin-top: -.4em;
    margin-bottom: -.4em;
    overflow: hidden;
    text-align: right;
    transition: width .15s ease
}

.ticker-inner {
    position: relative;
    top: 0
}

.ticker-inner.ticker-animate {
    transition: top .15s ease;
    top: -2em
}

.InputGroup {
    position: relative
}

.InputGroup input {
    height: 34px;
    border-radius: 45px;
    padding: 4px 38px 4px 12px;
    color: #14171a;
    background-color: #fff;
    border-color: #e1e8ed
}

.InputGroup button {
    border: none;
    background-color: #fff;
    position: absolute;
    top: 2px;
    right: 2px
}

.InputGroup button:hover {
    background-color: #eaf5fd
}

.InputGroup button:focus {
    box-shadow: 0 0 0 2px #1da1f2
}

.is-inverted-dark .InputGroup input {
    background-color: #fff;
    border-color: #e1e8ed
}

.is-inverted-dark .InputGroup button {
    background-color: transparent
}

.is-inverted-dark .InputGroup button:hover {
    background-color: #eaf5fd
}

.gryphon-beta-btn-container {
    bottom: 15px;
    position: absolute;
    z-index: 10
}

.gryphon-beta-btn {
    border-radius: 0 36px 36px 0;
    height: 42px;
    white-space: nowrap
}

.gryphon-beta-btn img {
    vertical-align: middle
}

.gryphon-mdl-header {
    align-items: center;
    border-bottom: 1px solid #ccd6dd;
    display: flex;
    justify-content: flex-end
}

.gryphon-mdl-cta-buttons {
    height: 85px
}

.deprecation-banner {
    padding-bottom: 4px
}

.deprecation-banner .banner-button {
    border-radius: 9999px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    padding: 4px 8px;
    text-decoration: none
}

.deprecation-banner .message-text {
    font-weight: 700;
    text-align: left
}

.deprecation-banner .message-subtext {
    text-align: left
}

.overlay,
.ovl,
.ovl-plain {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 300
}

.overlay,
.ovl {
    min-width: 320px;
    background: rgba(56, 68, 77, .9);
    text-align: center
}

.overlay:before,
.ovl-plain:before,
.ovl:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.is-dragging.overlay:before,
.ovl.is-dragging:before {
    display: none
}

.ovl-block {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.overlay {
    display: block;
    position: fixed;
    z-index: 10
}

.overlay-super {
    z-index: 300
}

.overlay-opaque {
    background-color: #3d5466
}

.modal-content,
.modal-feature-box {
    border-radius: 14px;
    background-clip: padding-box
}

.seamful .modal-content,
.seamful .modal-feature-box {
    border-radius: 6px;
    background: #fff
}

.modal-content-with-border,
.modal-feature-box {
    border: 1px solid #ccd6dd
}

.mdl {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 643px;
    height: 630px;
    margin: 0 auto;
    background-color: #fff;
    text-align: left;
    border-radius: 14px;
    box-shadow: 0 0 10px rgba(20, 23, 26, .5)
}

.mdl-lighter-on-dark {
    background-color: #fff !important
}

.mdl-fixed-top {
    vertical-align: top;
    top: 100px
}

.mdl-bottom-right {
    vertical-align: bottom;
    top: 0;
    left: 50%;
    margin-right: 460px
}

.seamful.mdl {
    background-color: transparent
}

.mdl-header {
    position: relative;
    padding: 15px;
    color: inherit
}

.mdl-header-centered {
    margin: 0 auto;
    width: 65%
}

.mdl-header-title {
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

.mdl-header-divider {
    border-bottom: 1px solid #ccd6dd
}

.mdl-accent {
    background: #f5f8fa
}

.mdl-inner {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 45px;
    padding: 15px
}

.mdl-content {
    height: 100%;
    border: 1px solid #ccd6dd;
    border-radius: 14px;
    background-clip: padding-box;
    overflow: hidden
}

.mdl-content.with-scroll {
    max-height: 450px;
    overflow-y: scroll;
    white-space: nowrap;
    font-size: 1rem
}

.mdl-buttonbar {
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    overflow: hidden
}

.mdl-placeholder {
    padding: 30px;
    text-align: center;
    line-height: 1.2;
    color: #8899a6;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .8)
}

.mdl-dismiss {
    z-index: 100;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: .7;
    color: inherit
}

.mdl-dismiss:hover {
    color: inherit;
    opacity: 1
}

.is-inverted-light .mdl-btn-media,
.mdl-btn-media {
    color: #fff;
    opacity: .7
}

.is-inverted-light .mdl-btn-media:active,
.is-inverted-light .mdl-btn-media:hover,
.mdl-btn-media:active,
.mdl-btn-media:focus,
.mdl-btn-media:hover {
    color: #fff;
    opacity: 1
}

.mdl-media-next,
.mdl-media-prev {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
    background: rgba(20, 23, 26, .3)
}

.mdl-media-prev {
    left: 0
}

.mdl-media-next {
    right: 0
}

.mdl-media-next .icon,
.mdl-media-next .Icon,
.mdl-media-prev .icon,
.mdl-media-prev .Icon {
    position: absolute;
    left: 50%;
    margin-left: -13px;
    margin-top: -13px;
    top: 50%;
    width: 26px;
    height: 26px
}

.mdl-column {
    display: inline-block;
    font-size: 1rem;
    white-space: normal;
    float: none;
    vertical-align: top
}

.mdl-column-sml {
    width: 200px
}

.mdl-column-lrg {
    width: 410px
}

.mdl-column-med {
    width: 260px;
    background: #f5f8fa;
    border-radius: 14px 0 0 14px
}

.mdl-column-rhs {
    border-left: 1px solid #ccd6dd;
    border-radius: 0 14px 14px 0;
    width: 350px;
    overflow: hidden;
    z-index: 1
}

.mdl.s-fluid {
    height: auto;
    width: auto
}

.mdl.s-fluid-height {
    height: auto
}

.mdl.s-fluid-height .mdl-inner,
.mdl.s-fluid .mdl-inner {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
}

.mdl.s-nonav .mdl-inner {
    bottom: 0
}

.mdl.s-nonav .mdl-inner .mdl-buttonbar {
    display: none
}

.mdl.s-static .mdl-inner {
    position: static
}

.mdl.s-narrow {
    width: 400px
}

.mdl.s-narrow-500 {
    width: 500px
}

.mdl.s-short {
    height: 430px
}

.mdl.s-wide {
    width: 643px
}

.mdl.s-full {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.s-profile {
    height: auto;
    width: auto
}

.s-profile h3 {
    display: none
}

.s-profile .mdl-content {
    overflow: visible;
    border: none;
    white-space: normal;
    font-size: 1rem
}

.s-profile .mdl-inner {
    position: relative;
    top: 0
}

.s-profile .mdl-buttonbar {
    display: none
}

.s-profile .mdl-header,
.s-profile .mdl-inner {
    padding: 0
}

.s-minimal .mdl-header {
    border-bottom: 1px solid #ccd6dd
}

.s-minimal .mdl-inner {
    top: 50px
}

.s-minimal .mdl-content {
    border: none;
    border-radius: 0;
    background: 0 0
}

.lst-launcher {
    padding: 0
}

.lst-launcher li {
    float: left;
    padding: 8px 0
}

.lst-launcher .top-row {
    border-bottom: 1px solid #ccd6dd;
    margin-bottom: 8px
}

.lst-launcher a {
    display: block;
    width: 120px;
    height: 90px;
    vertical-align: middle;
    text-align: center;
    color: transparent
}

.lst-launcher a,
.lst-launcher a>span,
.lst-launcher a i {
    transition: .15s linear
}

.lst-launcher a span {
    color: #657786
}

.lst-launcher .is-disabled a,
.lst-launcher .is-disabled a:active,
.lst-launcher .is-disabled a:focus,
.lst-launcher .is-disabled a:hover {
    opacity: .5;
    text-decoration: none;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.lst-launcher .is-disabled a:active i,
.lst-launcher .is-disabled a:focus i,
.lst-launcher .is-disabled a:hover i,
.lst-launcher .is-disabled a i {
    color: #1da1f2 !important
}

.lst-launcher .is-disabled a:active>span,
.lst-launcher .is-disabled a:focus>span,
.lst-launcher .is-disabled a:hover>span,
.lst-launcher .is-disabled a>span {
    color: #aab8c2 !important
}

.lst-launcher a:active,
.lst-launcher a:focus,
.lst-launcher a:hover {
    text-decoration: none;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.lst-launcher a:active i,
.lst-launcher a:focus i,
.lst-launcher a:hover i {
    color: #005fd1
}

.lst-launcher a:active>span,
.lst-launcher a:focus>span,
.lst-launcher a:hover>span {
    color: #aab8c2
}

.lst-launcher .btn .icon,
.lst-launcher .btn .Icon {
    font-size: 40px;
    line-height: 1;
    margin-top: 7px;
    display: block;
    width: auto;
    height: auto
}

.lst-profile {
    padding: 8px
}

.lst-profile li {
    float: left;
    margin: 16px;
    text-align: center;
    vertical-align: bottom
}

.lst-profile a,
.lst-profile a:active,
.lst-profile a:focus,
.lst-profile a:hover {
    display: block;
    width: 80px;
    height: 85px;
    border: 1px solid #ccd6dd;
    color: #8899a6
}

.lst-profile span {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    font-weight: 400
}

.mdl-col-settings {
    border-left: 1px solid #ccd6dd
}

.lst-profile.l-grouped {
    border-top: 1px solid #ccd6dd
}

.mdl-links {
    position: absolute;
    bottom: 5px;
    right: 15px;
    left: 15px;
    font-size: 12px;
    text-align: center
}

.mdl-links,
.mdl-links a {
    color: #8899a6
}

.mdl-account-shared-warning {
    transition: height .4s;
    height: 300px
}

.mdl-account-shared-warning .mdl-content {
    box-sizing: border-box;
    border: none;
    padding: 1rem;
    font-size: 1.2857rem
}

.is-touch-modal .mdl-header {
    padding: 19.5px
}

.is-touch-modal .mdl-header-title {
    font-size: 20.8px
}

.is-touch-modal .mdl-inner {
    top: 58.5px
}

.is-touch-modal .mdl-dismiss {
    right: 9.23077px;
    top: 6.15385px
}

.is-touch-modal .mdl-dismiss i {
    font-size: 31.2px;
    padding: 4px
}

.is-touch-modal .s-short {
    height: 500px
}

.is-touch-modal .s-profile .mdl-header {
    padding: 0
}

.is-touch-modal .s-profile .mdl-inner {
    top: 0
}

.settings-modal.is-touch-modal .mdl-column-sml {
    width: 175px
}

.settings-modal.is-touch-modal .mdl-column-lrg {
    width: 435px
}

.touch-device .overlay,
.touch-device .ovl {
    -webkit-overflow-scrolling: auto !important
}

.touch-device .mdl-header-title {
    padding-left: 0
}

.alert-modal {
    width: 450px
}

.report-flow {
    border: none;
    width: 400px;
    height: 450px;
    margin-bottom: -4px
}

.mdl-report-spam-options {
    background-color: transparent;
    padding: 0 !important
}

.mdl-report-spam-options li {
    cursor: pointer
}

.char-count:disabled {
    width: 50px;
    height: auto;
    border: 0;
    padding: 0;
    font-size: 16px;
    color: #657786;
    text-align: right;
    vertical-align: middle;
    background: 0 0
}

.over-char-count:disabled {
    color: #a01744
}

.cmp-replyto {
    display: none;
    padding: 15px;
    border-radius: 0 0 14px 14px
}

.s-inreply .cmp-replyto,
.s-link-added .cmp-info,
.s-photo-added .cmp-info {
    display: block
}

.s-link-added .cmp-input-container,
.s-photo-added .cmp-input-container {
    padding-bottom: 25px
}

.s-link-added textarea,
.s-photo-added textarea {
    height: 60px
}

.s-link-added.s-photo-added .cmp-input-container {
    padding-bottom: 50px
}

.s-link-added.s-photo-added p:last-child {
    border-top: 1px solid #e1e8ed
}

.s-link-added.s-photo-added textarea {
    height: 60px
}

.s-message-to .cmp-message {
    display: block
}

.s-sending .cmp-spinner {
    display: inline-block
}

.s-sending .char-count {
    display: none
}

.l-no-txtarea .mdl-buttonbar {
    margin-top: 0
}

.inline-reply {
    transition-property: max-height;
    transition-duration: .25s;
    transition-delay: 0;
    background-color: #2b7bb9;
    cursor: default;
    overflow: hidden;
    margin-top: 8px;
    color: #fff;
    box-sizing: border-box;
    max-height: 320px
}

.inline-reply .compose-text-container {
    display: inline-block;
    width: 100%
}

.inline-reply .btn-neutral,
.inline-reply .character-count {
    color: #fff
}

.reply-triangle {
    visibility: hidden;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #2b7bb9;
    bottom: -28px
}

.tweet-detail-action .reply-triangle {
    bottom: -12px
}

.inline-reply .compose-text {
    transition-property: height;
    transition-duration: .25s;
    transition-delay: 0;
    padding: 10px
}

.detail-view-inline {
    margin-top: 8px;
    background-color: #f5f8fa;
    border-top: 1px solid #e1e8ed;
    border-bottom: 1px solid #e1e8ed
}

.detail-view-inline-text {
    box-sizing: border-box;
    border: 1px solid #e1e8ed;
    background-color: #fff;
    color: #8899a6;
    line-height: 18px;
    cursor: text
}

.hide-detail-view-inline .detail-view-inline {
    display: none
}

.is-inline-inactive {
    max-height: 0
}

.tweet-detail-wrapper .is-inline-inactive {
    max-height: 74px
}

.tweet-detail-wrapper .is-inline-inactive .compose-text {
    height: 40px
}

.med-fullpanel {
    background-color: #14171a
}

.med-fullpanel:hover .btn-media {
    opacity: .5
}

.med-fullpanel .embed,
.med-fullpanel .embed a {
    margin: 0;
    padding: 0
}

.med-fullpanel iframe {
    display: inline-block;
    max-width: 700px;
    max-height: 500px
}

.med-tweet {
    position: absolute;
    right: 25%;
    left: 25%;
    bottom: 10px
}

.med-embeditem {
    position: absolute;
    bottom: 150px;
    top: 50px;
    width: 100%;
    text-align: center;
    overflow-y: hidden;
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_large_dark.c87be38d72.gif) no-repeat 50% 50%
}

.med-link {
    color: #1da1f2
}

.med-link,
.med-tray {
    display: inline-block
}

.med-tray {
    box-sizing: border-box;
    position: relative;
    height: auto;
    min-width: 200px;
    width: auto;
    padding-bottom: 20px;
    opacity: 0
}

.med-flaglink,
.med-origlink {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    color: #1da1f2;
    line-height: 1.4
}

.med-flaglink:hover,
.med-origlink:hover {
    color: #1da1f2;
    text-decoration: underline
}

.med-flaglink {
    left: auto;
    right: 0
}

.med-img {
    width: 100%
}

.s-shorter {
    bottom: 150px
}

.is-loaded {
    background: 0 0
}

.follow-from-accounts-button {
    width: 92px
}

.from-handle {
    line-height: 32px
}

.embed-modal {
    height: 350px;
    max-width: 518px;
    transition: height .4s
}

.embed-modal .mdl-inner {
    padding: 0
}

.embed-modal .mdl-content {
    height: auto;
    border: none;
    background: #fff
}

.embed-modal textarea {
    height: auto;
    width: 100%;
    resize: vertical
}

.embed-iframe {
    width: 100%;
    border: none
}

.embed-iframe-container {
    overflow-y: auto;
    height: 0
}

.embed-loading-container {
    height: 150px;
    position: relative;
    border: 1px solid #ccd6dd;
    border-radius: 14px
}

.embed-loading {
    position: absolute;
    top: 40%;
    left: 45%
}

.keyboard-shortcut-list-modal {
    height: 351px;
    max-width: 470px
}

.keyboard-shortcut-list-modal .mdl-inner {
    padding: 0
}

.keyboard-shortcut-list-modal .mdl-content {
    height: auto;
    border: none;
    background: #fff;
    padding-bottom: 15px
}

.keyboard-shortcut-list-modal .mdl-column {
    float: left
}

.text-like-keyboard-key {
    padding: 2px 5px;
    background-color: #e1e8ed;
    color: #10171e;
    border: 1px solid #e1e8ed;
    border-radius: 3px;
    box-shadow: 0 1px 2px #e1e8ed, inset 0 1px 2px #fff
}

.keyboard-shortcut-list {
    width: 50%;
    padding-left: 25px;
    padding-bottom: 10px;
    font-size: 13px;
    box-sizing: border-box
}

.keyboard-shortcut-definition {
    margin: 0 0 15px
}

.keyboard-shortcut-title {
    margin-bottom: 15px
}

.action-btn {
    display: none
}

.s-member .member,
.s-nonmember .nonmember,
.s-working .working {
    display: block
}

.s-checked .checked {
    display: block;
    color: #008951
}

.list-account,
.list-filter,
.list-link,
.list-listaccount,
.list-listmember,
.list-subtitle,
.list-twitter-list {
    position: relative;
    display: block;
    padding: 11px 12px;
    font-size: 13.9px;
    color: inherit
}

.list-account:active,
.list-filter:active,
.list-link:active,
.list-listaccount:active,
.list-listmember:active,
.list-subtitle:active,
.list-twitter-list:active {
    text-decoration: none
}

.list-account,
.list-filter,
.list-link,
.list-listmember,
.list-subtitle,
.list-twitter-list {
    padding: 11px 12px
}

.list-account:hover,
.list-link:hover,
.list-listaccount:hover,
.list-listmember:hover,
.list-subtitle:hover,
.list-twitter-list:hover {
    text-decoration: none;
    color: #14171a;
    background: #fff
}

.list-account:hover:active,
.list-account:hover:focus,
.list-account:hover:hover,
.list-link:hover:active,
.list-link:hover:focus,
.list-link:hover:hover,
.list-listaccount:hover:active,
.list-listaccount:hover:focus,
.list-listaccount:hover:hover,
.list-listmember:hover:active,
.list-listmember:hover:focus,
.list-listmember:hover:hover,
.list-subtitle:hover:active,
.list-subtitle:hover:focus,
.list-subtitle:hover:hover,
.list-twitter-list:hover:active,
.list-twitter-list:hover:focus,
.list-twitter-list:hover:hover {
    text-decoration: none;
    color: #14171a;
    background: #fff
}

.chev-right {
    display: none;
    float: right;
    vertical-align: middle
}

.list-filter {
    padding: 15px 14px;
    font-size: 13px
}

.list-filter input {
    position: absolute;
    right: 15px;
    top: 6px
}

.list-filter em {
    font-style: italic
}

.list-twitter-list .inner {
    word-break: break-word;
    word-wrap: break-word;
    display: inline-block;
    width: 195px
}

.list-twitter-list .inner strong {
    color: #38444d
}

.list-twitter-list .bytext,
.list-twitter-list .txt-ellipsis {
    font-size: 12px;
    color: #8899a6
}

.list-twitter-list .subtitle {
    display: block;
    font-size: 12px;
    color: #8899a6
}

.list-twitter-list .avatar {
    position: absolute;
    top: 15px;
    right: 15px
}

.list-twitter-list p {
    word-break: break-word;
    word-wrap: break-word;
    font-size: 12px;
    margin-right: 30px
}

.list-twitter-list .icon-protected {
    vertical-align: -2px
}

.list-subtitle span {
    display: block;
    font-size: 13px;
    color: #8899a6
}

.list-subtitle .chev-right {
    position: absolute;
    top: 21px;
    right: 14px;
    float: none
}

.list-account {
    padding: 6px 0;
    border: 0
}

.list-account.s-justify {
    padding-left: 12px
}

.list-account .avatar {
    height: 32px;
    width: 32px
}

.list-account .fullname {
    color: inherit
}

.list-account .username {
    display: block;
    color: #8899a6;
    font-size: 12px
}

.list-account .chev-right {
    position: absolute;
    top: 13px;
    right: 14px;
    float: none;
    display: none
}

.list-account i {
    margin-right: 3px;
    margin-top: 2px
}

.list-account-is-default {
    font-size: 11px;
    padding: 9px 14px
}

.list-listmember {
    position: relative;
    min-height: 50px
}

.list-listmember .avatar {
    position: absolute;
    left: 12px
}

.list-listmember .content {
    margin-left: 46px;
    margin-right: 35px
}

.list-listmember .username {
    display: inline-block;
    margin-top: 4px;
    color: #8899a6;
    font-size: 12px
}

.list-listmember .bio {
    color: #657786;
    font-size: 13px;
    line-height: 1.2em
}

.list-listmember .btn {
    position: absolute;
    right: 10px;
    top: 11px
}

.list-option-inner {
    position: relative;
    padding: 8px
}

.list-option-type h4 {
    display: inline-block;
    width: 195px;
    padding-right: 25px;
    font-weight: 700;
    text-align: right
}

.profile-card .url {
    padding: 12px 0
}

.profile-card .content {
    margin-left: 140px
}

.divider-bar {
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #ccd6dd
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScxOCcgaGVpZ2h0PSc4JyB2aWV3Qm94PScwIDAgMTggOCc+PHBhdGggZmlsbD0nI2FhYScgZD0nTTkuODI4NzUsMC44NDAxNjgwMjUgQzkuNTk4NzUsMC42MDgzMjgwMTggOS4yMjYyNSwwLjYwODMyODAxOCA4Ljk5NjI1LDAuODQwMTY4MDI1IEw1LjAwMTI1LDQuODY5NjQ4MTUgTDEuMDAzNzUsMC44NDAxNjgwMjUgQzAuNzczNzUsMC42MDgzMjgwMTggMC40MDEyNSwwLjYwODMyODAxOCAwLjE3MTI1LDAuODQwMTY4MDI1IEMtMC4wNTg3NSwxLjA3MjAwODAzIC0wLjA1NjI1LDEuNDQ3NDg4MDQgMC4xNzEyNSwxLjY3OTMyODA1IEw0LjU4Mzc1LDYuMTI3MTI4MTkgQzQuNjk4NzUsNi4yNDMwNDgxOSA0Ljg0ODc1LDYuMzAxMDA4MTkgNS4wMDEyNSw2LjMwMTAwODE5IEM1LjE1MTI1LDYuMzAxMDA4MTkgNS4zMDEyNSw2LjI0MzA0ODE5IDUuNDE2MjUsNi4xMjcxMjgxOSBMOS44Mjg3NSwxLjY3OTMyODA1IEMxMC4wNTg3NSwxLjQ0NzQ4ODA0IDEwLjA1ODc1LDEuMDcyMDA4MDMgOS44Mjg3NSwwLjg0MDE2ODAyNSc+PC9wYXRoPjwvc3ZnPg==);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-color: #fff
}

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

input,
select {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 100%;
    line-height: 1
}

input,
label,
select,
textarea {
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic
}

input,
select,
textarea {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 4px
}

input:focus,
select:focus,
textarea:focus {
    outline: 0
}

input.light-on-dark,
select.light-on-dark,
textarea.light-on-dark {
    color: #14171a;
    background: #fff;
    border-color: #e1e8ed
}

input:disabled {
    background-color: #f5f8fa;
    border-color: #e1e8ed;
    opacity: 1
}

select:disabled {
    background-color: #f5f8fa;
    opacity: 1
}

input[type=checkbox],
input[type=radio] {
    width: auto;
    height: auto;
    cursor: pointer;
    border: 0
}

input[type=button],
input[type=reset],
input[type=submit] {
    width: auto;
    height: auto
}

.focus,
input:focus,
select:focus,
textarea:focus {
    border-color: rgba(29, 161, 242, .8);
    box-shadow: inset 0 1px 3px rgba(20, 23, 26, .1), 0 0 8px rgba(29, 161, 242, .6)
}

input.on-blue:focus {
    box-shadow: 0 0 2px 3px #1da1f2
}

.frm {
    padding: 15px;
    color: inherit
}

.frm.l-tight {
    padding-bottom: 0
}

.frm-legend {
    display: none
}

.frm-input {
    margin-left: 150px
}

.frm-row {
    margin-bottom: 10px
}

.frm-row-tall {
    margin-top: 20px
}

.frm-center-row {
    margin: 10px 15px;
    text-align: center
}

.frm-input-left {
    float: left
}

.frm-input-right {
    float: right
}

.frm-inputs-list label {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
    text-align: left;
    font-weight: 400
}

input.l-fullwidth,
textarea {
    box-sizing: border-box;
    width: 100%
}

.frm-input-3-digit {
    width: 3em
}

.is-narrow-columns .frm-action-group input[type=button] {
    width: 100%;
    margin-bottom: 10px
}

.media-size-image {
    width: 61px
}

.is-narrow-columns .media-size-image {
    width: 50px
}

.s-fullform {
    padding-top: 30px
}

.with-emphasis {
    border: 1px solid #8899a6
}

.with-emphasis:disabled {
    border-color: #8899a6
}

::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #8899a6
}

::-webkit-input-placeholder,
::placeholder,
input::placeholder,
textarea::placeholder {
    color: #8899a6
}

::-webkit-validation-bubble-arrow,
::-webkit-validation-bubble-message {
    border: 1px solid #f6809a;
    background-color: #ffb8c2
}

.s-error input {
    border-color: rgba(246, 128, 154, .8)
}

.s-error label {
    color: #a01744
}

.s-error input:focus {
    border-color: #f6809a;
    box-shadow: 0 0 6px rgba(246, 128, 154, .5)
}

.frm-accounts .header {
    padding: 10px 0;
    text-align: center
}

.frm-accounts em {
    padding: 0 5px;
    font-style: italic
}

label {
    display: block;
    margin-bottom: 5px;
    line-height: inherit
}

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

legend {
    display: none
}

input,
select,
textarea {
    box-sizing: border-box;
    width: 100%;
    height: 28px;
    padding: 4px 8px;
    color: inherit
}

textarea {
    resize: none
}

input,
select {
    word-break: normal !important;
    word-wrap: normal !important
}

input[type=checkbox] {
    height: auto;
    margin-top: 1px;
    margin-right: 3px
}

.input-with-icon {
    padding-right: 25px
}

.control-group {
    padding-bottom: 10px
}

.controls {
    margin-left: 140px
}

.controls-space-58 {
    margin-left: 58px
}

.checkbox,
.radio {
    min-height: 18px;
    padding-left: 18px
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
    float: left;
    margin-top: 2px;
    margin-left: -18px
}

.checkbox-reversed input[type=checkbox] {
    float: none;
    margin-left: 5px;
    height: auto
}

.checkbox span {
    margin-right: 20px;
    display: block
}

.control-label {
    float: left;
    width: 120px;
    padding-top: 6px
}

.fixed-width-label {
    width: 90px
}

.control-s .control-label {
    width: 64px
}

.control-s .controls {
    margin-left: 70px
}

.control-m .control-label {
    width: 100px
}

.control-m .controls {
    margin-left: 110px
}

.frm-add-col {
    padding-top: 9px
}

.frm-stacked label {
    float: none;
    display: block;
    width: auto;
    padding-top: 4px;
    margin-bottom: 0;
    text-align: left;
    line-height: 20px
}

.sch.s-searching .sch-clear {
    display: none
}

.sch.s-searching .sch-spinner {
    display: block
}

.search-input-control {
    position: relative
}

.search-input-control.has-value .search-input-perform-search {
    display: none
}

.search-input-control.has-value .search-input-clear-search,
.search-input-control.is-waiting-for-response .search-input-spinner {
    display: block
}

.search-input-control.is-waiting-for-response .search-input-clear-search,
.search-input-control.is-waiting-for-response .search-input-perform-search {
    display: none
}

.search-input-control input {
    padding-right: 25px
}

.search-input-control .icon,
.search-input-control .Icon {
    position: relative;
    top: -2px
}

.app-header .search-input-control input {
    padding: 4px 30px 4px 12px;
    font-size: 14px
}

.app-header .search-input-clear-search,
.app-header .search-input-perform-search,
.app-header .search-input-spinner {
    right: 14px
}

.search-input-clear-search,
.search-input-perform-search,
.search-input-spinner {
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -8px;
    color: #aab8c2
}

.search-input-clear-search:hover,
.search-input-perform-search:hover,
.search-input-spinner:hover {
    color: #aab8c2
}

.search-input-spinner {
    right: 6px;
    top: 14px
}

.search-input-clear-search,
.search-input-spinner {
    display: none
}

.input-clear-control {
    display: none;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -8px;
    color: #aab8c2
}

.input-clear-control:hover {
    color: #aab8c2
}

.has-value .input-clear-control {
    display: block
}

.toggle-item.is-selected {
    color: #38444d;
    text-decoration: none;
    cursor: default
}

.toggle-item {
    color: #1da1f2;
    cursor: pointer
}

.toggle-item:hover {
    text-decoration: none
}

.input-prepend {
    vertical-align: middle;
    display: inline-block;
    font-size: 0
}

.add-on {
    vertical-align: top;
    display: inline-block;
    padding: 3px 1px 0 3px;
    height: 35px;
    color: #8899a6;
    font-size: 24px;
    border: 1px solid #e1e8ed;
    border-radius: 4px 0 0 4px;
    width: auto;
    min-width: 34px;
    text-align: center;
    font-weight: 300
}

.add-on.with-emphasis {
    border: 1px solid #8899a6
}

.input-prepend input {
    margin-left: -1px;
    margin-bottom: 0;
    vertical-align: top;
    border-radius: 0 4px 4px 0;
    position: relative;
    display: inline-block;
    border-left-color: #ccd6dd
}

.add-on .icon-mention {
    font-size: 25px
}

.is-touch-column-options .accordion input,
.is-touch-column-options .accordion select,
.is-touch-column-options .accordion textarea {
    height: 35px !important
}

.is-touch-column-options .control-s .controls {
    margin-left: 90px
}

.is-touch-column-options .search-input-control .icon,
.is-touch-column-options .search-input-control .Icon {
    top: -4px
}

.is-touch-column-options input[type=checkbox] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    position: relative;
    right: 6px;
    bottom: 3px;
    height: auto
}

.is-touch-column-options .accordion label {
    font-size: 16.25px;
    padding: 5px;
    white-space: nowrap
}

.is-medium-columns .is-touch-column-options .toggle-item-text {
    display: none
}

.is-medium-columns .is-touch-column-options .toggle-item-text-truncated {
    display: inherit
}

.is-touch-compose .compose-remember-state {
    font-size: 16px;
    padding: 5px 10px;
    margin-bottom: 0;
    box-sizing: border-box;
    width: 100%;
    text-align: right
}

.is-touch-compose .compose-remember-state input[type=checkbox] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: 10px;
    height: auto
}

.is-touch-modal input,
.is-touch-modal select,
.is-touch-modal textarea {
    height: 36.4px
}

.is-touch-modal input[type=checkbox] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    position: relative;
    right: 6px;
    top: 3px;
    height: auto !important
}

.is-touch-modal label.checkbox {
    font-size: 16.9px;
    padding: 5px;
    white-space: nowrap
}

.lists-modal.is-touch-modal .list_details input[type=radio],
.settings-modal.is-touch-modal input[type=radio] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    position: relative;
    right: 6px;
    top: 3px;
    height: auto
}

.lists-modal.is-touch-modal .list_details label.radio,
.settings-modal.is-touch-modal label.radio {
    margin-left: 12px;
    padding-top: 5px
}

.lists-modal.is-touch-modal .list_details .control-group,
.settings-modal.is-touch-modal .control-group {
    padding-top: 5px;
    padding-bottom: 15px
}

.settings-modal.is-touch-modal input[type=checkbox] {
    right: 6px;
    top: 3px
}

.settings-modal.is-touch-modal label.checkbox {
    padding-left: 28px
}

.settings-modal.is-touch-modal input[type=radio] {
    right: 6px;
    top: 0
}

.settings-modal.is-touch-modal label.radio {
    padding-top: 2px;
    padding-bottom: 4px
}

.settings-modal.is-touch-modal label.control-label,
.settings-modal.is-touch-modal label.fixed-width-label.touch-larger-label {
    font-size: 16.9px
}

.is-touch-modal .fixed-width-label {
    width: 90px;
    padding-left: 20px
}

.is-touch-modal .fixed-width-label.txt-uppercase {
    width: 105px;
    padding-left: 5px;
    padding-bottom: 10px
}

.is-touch-modal .search-input-control .icon,
.is-touch-modal .search-input-control .Icon {
    top: 1px
}

.is-touch-modal .search-input-spinner {
    margin-top: -4px
}

#datepicker {
    display: none
}

#calroot {
    width: 200px;
    padding: 0 3px 3px;
    font-size: 11px;
    margin: auto
}

#calhead {
    height: 22px;
    padding: 2px 0
}

#calbody {
    background: #fff
}

#calnext,
#calprev {
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer
}

#calnext {
    float: right
}

#calnext.caldisabled,
#calprev.caldisabled {
    visibility: hidden
}

#caltitle select {
    font-size: 10px
}

#caldays {
    height: 20px;
    border-bottom: 1px solid #e1e8ed
}

#caldays span {
    float: left;
    width: 28px;
    font-size: 11px;
    color: #38444d;
    text-align: center
}

#calweeks {
    background-color: #fff;
    margin-top: 4px
}

.calweek {
    clear: left;
    height: 17px
}

.calweek a {
    float: left;
    width: 27px;
    height: 15px;
    text-decoration: none;
    font-size: 11px;
    margin-left: 1px;
    text-align: center;
    line-height: 15px;
    color: #444;
    border-radius: 3px
}

.calfocus,
.calweek a:hover {
    background-color: #ccd6dd
}

a.calsun {
    color: red
}

a.caloff {
    color: #ccd6dd
}

a.caloff:hover {
    color: #fff;
    background-color: #e1e8ed
}

a.caldisabled {
    background-color: #f5f8fa !important;
    color: #e1e8ed !important;
    cursor: default
}

#calcurrent {
    background-color: #1da1f2;
    color: #38444d
}

#caltoday {
    background-color: #e1e8ed;
    color: #fff
}

.cal {
    color: #38444d
}

.cal header {
    border-bottom: 1px #e1e8ed;
    padding: 5px
}

.cal input {
    width: 34px;
    height: 30px;
    line-height: 14px
}

#calhead {
    padding: 12px 5px;
    text-align: left;
    font-size: 13px;
    font-weight: 700
}

.form-calendar {
    position: relative
}

.cal .nav-group {
    position: absolute;
    top: 6px;
    right: 5px;
    z-index: 100
}

.prf-actions {
    font-size: 15px;
    line-height: 30px
}

.prf-header {
    position: relative;
    border-radius: 14px 14px 0 0;
    min-height: 260px;
    width: 520px;
    background: #38444d;
    background-size: cover;
    text-align: center;
    text-shadow: 0 1px 1px rgba(20, 23, 26, .8);
    color: #fff
}

.prf-header .pretty-link,
.prf-header .prf-bio a,
.prf-header .prf-siteurl {
    color: #fff
}

.prf-header .pretty-link:hover,
.prf-header .prf-bio a:hover,
.prf-header .prf-siteurl:hover {
    color: #fff;
    text-decoration: underline
}

.prf-withheld .prf-header {
    border-radius: 14px
}

.prf-header-inner-overlay {
    position: absolute;
    width: 520px;
    height: 200px;
    bottom: 0;
    background-image: linear-gradient(transparent, rgba(20, 23, 26, .55))
}

.prf-withheld .prf-header-inner-overlay {
    border-radius: 0 0 14px 14px
}

.prf .account-group {
    text-decoration: none
}

.prf .fullname,
.prf .username {
    display: block;
    color: #fff
}

.prf .username {
    font-size: 18px;
    line-height: 24px;
    padding-top: 1px
}

.prf .location {
    position: relative;
    font-size: 14px
}

.prf-img {
    display: inline-block;
    border-radius: 100%;
    padding: 4px;
    margin: 20px 0 6px
}

.prf-img img {
    display: block
}

.prf-meta {
    line-height: 15px;
    border-top: 1px solid #e1e8ed;
    background: #fff
}

.prf-follow-state {
    float: right
}

.prf-header .icon,
.prf-header .Icon {
    font-size: 24px;
    text-shadow: none
}

.prf-header .icon-with-bg-round {
    width: 24px;
    height: 24px
}

.prf-header .icon-protected {
    font-size: 16px;
    margin-left: 3px
}

.prf .mdl-dismiss {
    opacity: 1;
    top: 3px;
    right: -28px
}

.prf .icon-twitter-bird,
.prf .icon-user-dd {
    line-height: .8em
}

.prf-bio {
    word-break: break-word;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 4px
}

.prf-siteurl {
    display: inline;
    max-width: 50%
}

.prf-stats {
    float: left;
    overflow: hidden;
    padding: 0 0 0 5px;
    text-transform: uppercase
}

.prf-stats li {
    display: inline-block
}

.prf-stats li+li a {
    border-left: 1px solid #e1e8ed
}

.prf-stats a {
    display: block;
    padding: 11px 12px;
    font-size: 10px;
    color: #8899a6
}

.prf-stats a strong {
    display: block;
    color: #38444d;
    font-size: 14px
}

.prf-stats a:hover,
.prf-stats a:hover strong {
    text-decoration: none;
    color: #005fd1
}

.prf-stats p {
    padding: 7px 12px
}

.prf .lst-profile {
    padding: 6px 0
}

.prf .lst-profile li {
    position: relative;
    width: 20%;
    display: inline-block;
    margin: 0
}

.prf .lst-profile span {
    bottom: 0;
    color: #8899a6;
    font-size: 11px;
    text-transform: uppercase
}

.prf .lst-profile i {
    color: #8899a6;
    margin-top: 4px;
    font-size: 34px
}

.prf .lst-profile a {
    height: 65px;
    width: auto;
    border: 0;
    border-right: 1px solid #fff
}

.prf .lst-profile a:hover span {
    color: #3d5466
}

.prf .lst-profile a:hover i {
    color: #3d5466
}

.prf .lst-profile li:last-child a {
    border-right: 0
}

.module {
    position: relative;
    line-height: 16px
}

.detail-group {
    overflow: hidden;
    padding: 12px 7px 12px 0;
    border-bottom: #e1e8ed
}

.prf-follow-status {
    display: none;
    margin-left: 5px;
    padding: 2px 5px;
    font-size: 10px;
    vertical-align: top;
    background-color: rgba(20, 23, 26, .25);
    color: #fff;
    text-transform: uppercase
}

.prf-follow-status.s-follows {
    display: inline
}

.profile-full-follow-status {
    background-color: #e1e8ed;
    color: inherit;
    border-radius: 3px;
    vertical-align: inherit
}

.prf-follow-state .btn-relation-group {
    margin-bottom: 2px
}

.social-proof-container {
    width: 500px;
    line-height: 18px
}

.social-proof-names {
    word-break: break-word;
    word-wrap: break-word;
    width: 85%
}

.social-proof-animating {
    height: 0;
    overflow-y: hidden;
    transition: height .2s
}

.profile-full {
    background-color: #fff;
    padding-top: 50px
}

.profile-full-header {
    position: absolute;
    top: 0;
    left: 12px;
    right: 16px
}

.profile-follow-button {
    position: absolute;
    right: 0;
    bottom: 8px
}

.profile-bg-strip {
    height: 35px
}

.profile-icon {
    color: #8899a6
}

.profile-full-avatar {
    position: relative;
    top: 1px;
    background-color: #fff
}

.profile-full-bio-count {
    color: #38444d
}

.is-touch-modal .prf .mdl-dismiss {
    top: -20px;
    right: -18px;
    padding: 10px
}

.is-touch-modal .prf .mdl-dismiss i {
    font-size: 24px;
    padding: 0
}

.is-touch-modal .social-proof-container {
    width: 495px
}

.lst li {
    position: relative;
    padding: 5px;
    border-bottom: 1px solid #e1e8ed
}

.lst .avatar {
    vertical-align: middle
}

.lst .inner {
    padding-left: 5px
}

.lst li:last-child {
    border-bottom: none
}

.lst-modal {
    display: none;
    position: absolute;
    z-index: 20;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e8ed
}

.lst-row {
    margin: 10px 15px;
    line-height: 16px
}

.lst-group {
    margin-bottom: 10px;
    line-height: 16px
}

.lst-group h3 {
    padding: 15px 12px 5px;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase
}

.lst.l-compose-box {
    width: 516px;
    margin-top: -2px
}

.lst .s-selected {
    background-color: #1da1f2;
    color: #fff
}

.lst .s-selected .fullname,
.lst .s-selected .username {
    color: #fff
}

.lst-group .selected {
    background: #1da1f2;
    color: #f5f8fa
}

.lst-group .selected a:hover {
    background: #1da1f2
}

.lst-group .selected .fullname,
.lst-group .selected .inner strong,
.lst-group .selected .list-account,
.lst-group .selected .list-link,
.lst-group .selected .list-listmember,
.lst-group .selected .list-subtitle,
.lst-group .selected .list-twitter-list,
.lst-group .selected .txt-ellipsis {
    color: #f5f8fa;
    text-shadow: none
}

.lst-group .selected .bytext,
.lst-group .selected .icon-protected,
.lst-group .selected .subtitle,
.lst-group .selected .username {
    color: #eef3f7;
    text-shadow: none
}

.itm-remove {
    position: relative;
    display: block;
    border-top: 1px solid #e1e8ed;
    padding: 10px 5px 10px 32px;
    cursor: pointer
}

.itm-remove .icon,
.itm-remove .Icon {
    position: absolute;
    top: 4px;
    left: 7px
}

.caret {
    position: absolute;
    top: -7px;
    left: 50%;
    width: 12px;
    height: 8px;
    margin-left: -6px;
    overflow: hidden
}

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

.caret-outer {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(20, 23, 26, .1)
}

.caret-inner {
    top: 1px;
    left: 1px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff
}

.bg-color-twitter-white .caret-outer {
    border-bottom: 7px solid rgba(20, 23, 26, .1)
}

.bg-color-twitter-white .caret-inner {
    border-bottom: 6px solid #fff
}

.drp-h-divider {
    padding-top: 1px;
    border-bottom: 1px solid #e1e8ed;
    margin: 5px 0
}

.drp-v-scroll {
    overflow-y: scroll
}

.dropdown-menu {
    background-color: #fff;
    color: #38444d;
    position: absolute;
    z-index: 1001;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    box-shadow: 0 1px 4px rgba(20, 23, 26, .35)
}

.dropdown-menu li {
    position: relative;
    display: block;
    float: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden
}

.dropdown-menu .release-notes-item,
.dropdown-menu .typeahead-item,
.dropdown-menu [data-action] {
    display: block;
    padding: 5px 20px;
    color: #38444d;
    text-shadow: none;
    cursor: pointer;
    text-decoration: none
}

.dropdown-menu .release-notes-item {
    color: #38444d
}

.dropdown-menu i {
    position: relative;
    left: auto;
    top: auto
}

.dropdown-menu .is-selected {
    background: #1da1f2;
    color: #fff
}

.dropdown-menu .is-selected .release-notes-item,
.dropdown-menu .is-selected [data-action] {
    color: #fff
}

.dropdown-menu .is-selected a:not(:hover):not(:focus) {
    color: #fff
}

.dropdown-menu a:not(:hover):not(:focus) {
    color: #38444d
}

.dropdown-text-large {
    font-size: 14px
}

.dropdown-menu-old li:hover {
    background: #1da1f2
}

.dropdown-menu-old li:hover a {
    color: #fff
}

.dropdown-menu-old li:hover .attribution {
    color: #fff
}

.non-selectable-item {
    display: block;
    padding: 3px 15px;
    color: #8899a6
}

.options-dropdown {
    top: 35px;
    right: 25px;
    width: 150px
}

.pos-l {
    right: 50%;
    margin-top: 5px;
    margin-right: -40px;
    text-indent: 0
}

.pos-l .caret {
    left: auto;
    right: 34px
}

.obj-right .pos-l {
    margin-right: -15px
}

.obj-right .pos-l .caret {
    right: 9px
}

.pos-r {
    right: auto;
    left: 50%;
    margin-top: 5px;
    margin-left: -15px;
    margin-right: 0
}

.pos-r .caret {
    left: 8px;
    right: auto;
    margin-left: 0
}

.pos-r-under-icon {
    right: auto;
    left: 0;
    margin-top: 2px;
    margin-left: -25px;
    margin-right: 0;
    max-width: 240px
}

.pos-r-under-icon .caret {
    left: 29px;
    right: auto;
    margin-left: 0
}

.pos-t {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 5px
}

.pos-t .caret {
    top: auto;
    bottom: -7px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pos-br {
    z-index: 10000;
    bottom: 0;
    top: auto;
    left: 215px;
    margin-bottom: 0;
    margin-left: -17px;
    margin-top: 0
}

.pos-br .caret {
    top: auto;
    left: -3px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    bottom: 12px
}

.is-condensed .pos-br {
    left: 67px
}

.ovl-trap {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.conversation-menu-position {
    margin-top: -15px;
    right: 50px
}

.conversation-menu-position .caret {
    right: 6px
}

.update-available-item:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    background-color: #ffad1f;
    content: ""
}

.is-selected .update-available-item:before {
    background-color: rgba(56, 68, 77, .2)
}

.popover {
    z-index: 100;
    position: absolute;
    background-color: #fff;
    border-radius: 14px;
    transition-property: max-height;
    transition-duration: 50ms;
    transition-timing-function: linear;
    box-shadow: 0 0 10px rgba(20, 23, 26, .7);
    max-height: calc(100vh - 72px)
}

.popover-content {
    overflow-x: hidden
}

.popover-position-rt {
    z-index: 1000;
    left: 190px;
    top: 0;
    margin-top: 0
}

.is-condensed .popover-position-rt {
    left: 45px
}

.popover-position-rt>.caret {
    bottom: auto;
    left: -3px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    top: 16px
}

.card-container iframe {
    border: 0;
    width: 100%
}

.hw-card-container a,
.hw-card-container a:hover {
    color: inherit;
    text-decoration: none
}

.release-notes {
    padding: 30px;
    font-size: 14px;
    line-height: 20px
}

.release-notes h2 {
    line-height: 1.5em;
    font-size: 20px;
    padding: 15px 0 0
}

.release-notes h2:first-child {
    padding-top: 0
}

.release-notes-header {
    padding: 20px 30px;
    font-size: 28px
}

.release-notes-header-title {
    font-size: 28px;
    margin-top: 16px
}

.release-notes-header-subtitle {
    color: #8899a6;
    font-size: 14px;
    overflow: hidden
}

.release-notes-section {
    margin-bottom: 30px
}

.release-notes-image,
.release-notes-image-bullet {
    margin-top: 5px;
    margin-right: 20px
}

.release-notes-image-bullet {
    border: 1px solid #e1e8ed
}

.release-notes-modal {
    height: 626px
}

.release-notes-modal .mdl-content {
    height: auto;
    border: none;
    background: 0 0
}

.release-notes-modal .mdl-inner {
    top: 0;
    padding: 0
}

.login-container {
    min-height: 100%;
    position: relative
}

.startflow-background {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/login_bg.691f441cab.jpg);
    background-size: cover;
    background-position: 50%
}

.startflow-background:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #38444d;
    opacity: .8;
    background-image: linear-gradient(36deg, #005fd1, transparent)
}

.app-masthead {
    height: 45px
}

.has-login body {
    overflow-y: auto
}

.startflow {
    margin-top: 125px;
    padding-bottom: 100px
}

.app-signin-wrap {
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    width: 80%;
    max-width: 850px
}

.startflow-link {
    color: #1da1f2;
    text-decoration: none
}

.startflow-link:active,
.startflow-link:focus,
.startflow-link:hover {
    color: #1da1f2;
    text-decoration: underline
}

.startflow-link-on-background {
    color: #1da1f2
}

.app-info {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

.app-info-panel {
    box-sizing: border-box;
    max-width: 400px;
    margin-right: 400px;
    padding-top: 30px;
    position: relative
}

.app-info-byline {
    font-weight: 300
}

.app-info-text {
    margin-top: -28px
}

.app-info-title {
    color: #fff;
    font-size: 40px;
    font-weight: 400
}

.app-info-text p {
    color: #ccd6dd;
    font-size: 16px;
    margin-top: 15px;
    line-height: 22px
}

.app-info-signup {
    position: absolute;
    bottom: 30px;
    right: 30px
}

.toggle-login-type {
    font-size: 18px
}

.app-signin-form {
    display: inline-block;
    width: 330px
}

.form-legend {
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccd6dd;
    color: #14171a
}

.form-new {
    margin-top: 28px
}

.startflow-panel,
.startflow-panel-rounded {
    background-color: #fff;
    color: #38444d;
    border: 1px solid #38444d
}

.startflow-panel-rounded {
    border-radius: 5px
}

.form-newto-txt {
    font-size: 18px;
    line-height: 30px
}

.form-login-email,
.form-login-pwd,
.form-login-username {
    height: 40px;
    font-size: 16px;
    padding: 10px 8px
}

.form-login .form-login-username {
    width: 256px
}

.form-login .form-login-pwd {
    margin-right: 5px;
    width: 208px
}

.add-account .form-login-pwd,
.add-account .form-login-username {
    font-size: 14px
}

.privacy-info {
    font-size: 13px;
    color: #aab8c2
}

.privacy-info li {
    display: inline
}

.privacy-info a,
.privacy-info a:active,
.privacy-info a:hover,
.privacy-info a:visited {
    color: #aab8c2
}

.form-login .btn-login {
    font-size: 16px;
    height: 39px;
    margin-top: 2px;
    width: 79px
}

.form-message {
    color: #fff;
    font-size: 13px;
    border-radius: 5px
}

.form-error-message {
    background-color: #a01744
}

.form-success-message,
.form-warning-message {
    background-color: #008951
}

.yellow-highlight {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/yellow-highlight.aa166c086c.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 100%
}

@media only screen and (max-width:880px) {
    .app-signin-form {
        margin: 0 auto 60px;
        display: block;
        position: static
    }
    .app-info-panel {
        margin: 0 auto
    }
    .signin-form {
        margin-top: 40px
    }
    .startflow {
        margin-top: 30px
    }
}

@media only screen and (max-width:350px) {
    .app-signin-form {
        width: 300px
    }
    .form-login-username {
        width: 229px
    }
    .form-login-pwd {
        width: 178px
    }
}

.startflow-wrap {
    max-width: 960px
}

.startflow-message-wrap,
.startflow-wrap {
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    width: 100%
}

.startflow-message-wrap {
    max-width: 670px
}

.startflow-msg-header {
    background-color: #ccd6dd;
    font-size: 20px
}

.startflow-msg-warning {
    background-color: #ffad1f;
    font-size: 20px
}

.startflow-message-wrap p {
    padding: 10px 0
}

.form-verification {
    width: 50%;
    height: 30px;
    padding: 5px 8px
}

.compose {
    background-color: #2b7bb9;
    color: #fff;
    height: 100vh
}

.compose .Icon--close,
.compose .icon-close {
    line-height: 14px
}

.compose-header {
    height: 55px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5);
    line-height: 38px
}

.compose-title {
    box-sizing: border-box;
    margin-top: 8px;
    max-width: 100%;
    transition: margin, .25s
}

.application:not(.is-condensed) .compose-title {
    margin-top: 10px
}

.compose-title-text {
    font-size: 16px;
    font-weight: 700
}

.compose-content {
    left: 0;
    right: 0
}

.compose-text-container {
    background-color: #fff
}

.compose-text {
    width: 100%;
    height: 130px;
    resize: none;
    border: none;
    color: #14171a
}

.compose-text:focus {
    box-shadow: none;
    outline: none
}

.compose-text-title {
    color: #71c9f8
}

.compose-send-button-success {
    color: #fff;
    left: 48%;
    top: 2px
}

.compose-reply-avatar {
    vertical-align: -7px
}

.compose-reply-tweet {
    position: relative;
    background-color: #e1e8ed;
    font-size: 12px;
    font-weight: 400;
    color: #38444d;
    word-wrap: break-word;
    word-break: break-word
}

.compose-reply-tweet-remove {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #38444d
}

.compose-reply-tweet-remove .Icon--close,
.compose-reply-tweet-remove .icon-close {
    font-size: 18px
}

.compose-reply-tweet .tweet-body a {
    color: #1da1f2
}

.compose-reply-tweet .tweet-truncation-more {
    display: none
}

.compose-reply-tweet .fullname {
    color: #38444d
}

.compose-reply-tweet .username {
    color: #8899a6;
    font-size: 12px
}

.replyto-caret {
    position: absolute;
    bottom: 0;
    left: 14px;
    z-index: 1;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #fff
}

.compose-message-account {
    height: 36px;
    border: none;
    color: #14171a;
    font-size: 1rem;
    border-radius: 4px
}

.compose-message-recipient-input-container {
    max-height: 130px
}

.compose-message-recipient {
    border: 1px solid #e1e8ed
}

.compose-message-account-hidden {
    position: absolute;
    left: -1000px
}

.compose-message-account:focus {
    box-shadow: none
}

.compose-message-recipient-input-container.is-focused {
    box-shadow: 0 0 2px 3px #1da1f2;
    outline: 0
}

.compose-message-recipient-container .typeahead-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
    max-width: none
}

.compose-media-grid-holder .media-grid-container {
    height: 108px
}

.compose-media-grid-remove {
    position: absolute;
    top: 2px;
    right: 3px
}

.compose-media-bar-holder {
    position: relative;
    text-align: center;
    line-height: 0;
    background-color: #fff
}

.compose-media-info-bar-holder {
    background-color: #fff;
    color: #8899a6
}

.compose-media-info-bar {
    background: #e1e8ed
}

.compose-media-info-bar .icon,
.compose-media-info-bar .Icon {
    line-height: 1em
}

.processing-video-spinner {
    padding-top: 75px;
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner-fff-on-292F33.1b552f315c.gif);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 75%;
    background-size: 32px
}

.compose-media-bar-remove {
    position: absolute;
    top: 14px;
    right: 14px
}

.compose-media-compressed .compose-media-bar-thumb {
    width: auto
}

.compose-accounts {
    margin-left: -8px;
    margin-right: -8px
}

.compose-accounts .compose-account {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px
}

.compose-accounts.is-minigrid {
    margin-left: -4px;
    margin-right: -5px
}

.compose-accounts.is-minigrid .compose-account {
    margin-left: 4px;
    margin-right: 5px;
    margin-bottom: 9px
}

.compose-account {
    position: relative;
    border-radius: 100%;
    color: #fff
}

.is-list .compose-account {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 14px;
    background-color: transparent
}

.compose-account-names {
    opacity: .47
}

.compose-account-img {
    display: block;
    opacity: .3;
    background-color: #1da1f2
}

.compose-account:hover {
    color: #fff
}

.compose-account:focus {
    color: #fff;
    outline: none
}

.compose-account:focus .compose-account-img {
    box-shadow: 0 0 2px 3px #1da1f2;
    outline: 0
}

.compose-account:not(.is-selected):focus .compose-account-img,
.compose-account:not(.is-selected):hover .compose-account-img {
    opacity: .5
}

.compose-account:not(.is-selected):focus .compose-account-names,
.compose-account:not(.is-selected):hover .compose-account-names {
    opacity: .67
}

.is-list .is-selected.compose-account,
.is-selected.compose-account .compose-account-img {
    box-shadow: none
}

.is-selected.compose-account:focus .compose-account-img {
    box-shadow: 0 0 2px 3px #1da1f2;
    outline: 0
}

.is-selected .compose-account-img {
    opacity: .9999
}

.is-selected .compose-account-names {
    opacity: 1
}

.compose-account-selected {
    display: none;
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%;
    background-color: #17bf63;
    box-shadow: none
}

.compose-account-selected .icon:before,
.compose-account-selected .Icon:before {
    font-weight: 700
}

.is-selected .compose-account-selected {
    display: block
}

.account-selector-grid-mode {
    opacity: .2
}

.is-selected.account-selector-grid-mode {
    opacity: .67
}

.compose-remember-state {
    color: #fff
}

.touch-device .compose-content .scroll-v {
    -webkit-overflow-scrolling: auto
}

.video-container .video-controls {
    background: rgba(0, 0, 0, .5);
    background: linear-gradient(transparent, rgba(0, 0, 0, .65))
}

.video-container .video-controls .icon-pause,
.video-container .video-controls .icon-play,
.video-container .video-controls .icon-sound,
.video-container .video-controls .icon-sound-off {
    line-height: .8em
}

.new-composer-bottom-button {
    background: #fff;
    border: 2px solid transparent
}

.new-composer-bottom-button:hover {
    background: #eaf5fd
}

.new-composer-bottom-button:hover:active,
.new-composer-bottom-button:hover:focus {
    background: #eaf5fd
}

.new-composer-bottom-button:active,
.new-composer-bottom-button:focus {
    background: #fff;
    box-shadow: none;
    border: 2px solid #1da1f2
}

.old-composer-footer {
    background-color: #2b7bb9
}

.old-composer-footer .new-composer-opt-in {
    background-color: #2b7bb9;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-right: none;
    border-left: none
}

.old-composer-footer .new-composer-opt-in:focus,
.old-composer-footer .new-composer-opt-in:hover {
    background-color: #1da1f2 !important
}

.column-navigator {
    counter-reset: column-nav;
    position: absolute;
    top: 112px;
    left: 0;
    right: 0;
    bottom: 199px
}

.column-navigator-overflow {
    bottom: 260px
}

.column-nav-link {
    position: relative;
    height: 100%;
    color: #aab8c2;
    cursor: pointer
}

.column-nav-link:active,
.column-nav-link:focus {
    outline: none;
    color: #aab8c2
}

.column-nav-link.is-selected,
.column-nav-link:hover {
    color: #fff
}

.column-nav-item {
    position: relative;
    height: 45px;
    box-sizing: border-box;
    counter-increment: column-nav;
    color: #aab8c2;
    background-color: #1c2938
}

.column-nav-link:after {
    content: counter(column-nav);
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 12px;
    color: #8899a6
}

.column-nav-link .icon,
.column-nav-link .Icon {
    padding-left: 4px
}

.column-nav-link .attribution {
    display: block;
    line-height: 1;
    font-size: 12px;
    color: #8899a6
}

.column-nav-link .column-heading {
    display: block;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 10px;
    color: #fff
}

.draggable-dragging {
    box-shadow: 0 4px 10px rgba(20, 23, 26, .8)
}

.column-nav-flyout {
    z-index: 1000;
    position: absolute;
    left: 60px;
    max-width: 280px;
    line-height: 41px
}

.is-condensed .column-nav-link:after {
    visibility: hidden
}

.is-condensed .column-nav-link:hover:after,
.is-condensed .draggable-dragging .column-nav-link:after {
    visibility: visible;
    right: 0;
    top: 15px
}

.nav-user-info {
    position: absolute;
    height: 36px;
    bottom: 65px;
    left: 0;
    right: 0
}

.nav-user-info .username {
    color: #8899a6;
    font-size: 12px
}

.nav-user-info .fullname {
    color: #fff;
    font-size: 16px
}

.account-bio {
    color: #8899a6
}

.media-img {
    max-width: 100%;
    vertical-align: middle
}

.DatePickerDropdown.Dropdown {
    padding: 0
}

.DatePickerDropdown.Dropdown,
.DatePickerDropdown.Dropdown .Dropdown-menuItemList {
    max-width: none
}

.DatePickerDropdown-menuItem {
    padding: 15px
}

.DatePickerDropdown-menuItem--footer {
    padding: 10px 15px;
    border-top: 1px solid #ccd6dd;
    background-color: #f5f8fa;
    text-align: right
}

.DatePickerDropdown-menuItem--footer .Button+.Button,
.DatePickerDropdown-menuItem--footer .Button+button,
.DatePickerDropdown-menuItem--footer .Button+input[type=button],
.DatePickerDropdown-menuItem--footer button+.Button,
.DatePickerDropdown-menuItem--footer button+button,
.DatePickerDropdown-menuItem--footer button+input[type=button],
.DatePickerDropdown-menuItem--footer input[type=button]+.Button,
.DatePickerDropdown-menuItem--footer input[type=button]+button,
.DatePickerDropdown-menuItem--footer input[type=button]+input[type=button] {
    margin-left: 10px
}

.DatePicker {
    font-size: 12px;
    line-height: 18px;
    width: 210px
}

.DatePicker-nav {
    height: 40px;
    line-height: 30px;
    text-align: center
}

.DatePicker-nav .FormSelect {
    width: 73px
}

.DatePicker-nav .FormSelect .Button,
.DatePicker-nav .FormSelect button,
.DatePicker-nav .FormSelect input[type=button] {
    text-align: center
}

.DatePicker-monthButton {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    color: #1da1f2;
    background: 0 0;
    line-height: 1
}

.DatePicker-monthButton:focus,
.DatePicker-monthButton:hover {
    color: #005fd1
}

.DatePicker-monthButton[disabled] {
    color: #ccd6dd
}

.DatePicker-monthButton--left {
    float: left
}

.DatePicker-monthButton--right {
    float: right
}

.DatePicker-calendar {
    font-size: 12px;
    line-height: 18px;
    display: table;
    border-collapse: separate;
    border-spacing: 0 4px
}

.DatePicker-calendarHeader {
    display: table-header-group
}

.DatePicker-calendarBody {
    display: table-row-group
}

.DatePicker-calendarWeek {
    display: table-row
}

.DatePicker-calendarDay,
.DatePicker-calendarDayHeader {
    display: table-cell;
    width: 30px;
    height: 30px;
    padding: 1px;
    line-height: 28px
}

.DatePicker-calendarDayHeader {
    text-align: center;
    font-weight: 700;
    color: #657786
}

.DatePicker-calendarDay {
    border-radius: 15px;
    text-align: center;
    color: #ccd6dd
}

.DatePicker-calendarDay.is-selectable {
    color: #14171a;
    cursor: pointer
}

.DatePicker-calendarDay.is-selectable.is-adjacentMonth {
    color: #657786
}

.DatePicker-calendarDay.is-selectable:hover {
    background-color: #005fd1;
    color: #fff
}

.DatePicker-calendarDay.is-withinRange {
    border-radius: 0;
    background-color: #1da1f2;
    color: #fff
}

.DatePicker-calendarDay.is-withinRange.is-adjacentMonth {
    color: #ccd6dd
}

.DatePicker-calendarDay.is-rangeEnd,
.DatePicker-calendarDay.is-rangeStart {
    background-color: #005fd1;
    color: #fff
}

.DatePicker-calendarDay.is-rangeEnd.is-adjacentMonth,
.DatePicker-calendarDay.is-rangeStart.is-adjacentMonth {
    color: #ccd6dd
}

.DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd,
.DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart,
.DatePicker--withPendingRange .DatePicker-calendarDay.is-withinRange {
    padding: 0 1px;
    border: 1px solid #1da1f2;
    border-width: 1px 0;
    background-color: #fff;
    color: #14171a
}

.DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd.is-adjacentMonth,
.DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart.is-adjacentMonth,
.DatePicker--withPendingRange .DatePicker-calendarDay.is-withinRange.is-adjacentMonth {
    color: #657786
}

.DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd,
.DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart {
    background-color: #eaf5fd
}

.DatePicker-time {
    padding-top: 10px;
    border-top: 1px solid #ccd6dd;
    margin-top: 10px;
    text-align: center
}

.DatePicker-time .TimePicker {
    width: 75px
}

.DatePicker-timeZone {
    margin-top: 10px;
    color: #657786;
    text-align: center
}

.DatePicker--fixedHeight {
    height: 282px
}

.DatePicker--withoutCalendarHeader .DatePicker-calendarDayHeader {
    display: none
}

.DatePicker--withoutCalendarHeader.DatePicker--fixedHeight {
    height: 248px
}

.DatePicker--withoutAdjacentMonthDays .DatePicker-calendarDay.is-adjacentMonth {
    visibility: hidden
}

.DatePicker:not([dir=rtl]) .DatePicker-yearFormSelect {
    margin-left: 4px
}

.DatePicker:not([dir=rtl]) .DatePicker-calendarDay.is-rangeStart {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.DatePicker:not([dir=rtl]) .DatePicker-calendarDay.is-rangeEnd {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.DatePicker:not([dir=rtl]).DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart {
    padding-left: 0;
    border-left-width: 1px
}

.DatePicker:not([dir=rtl]).DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd {
    padding-right: 0;
    border-right-width: 1px
}

.DatePicker[dir=rtl] .DatePicker-yearFormSelect {
    margin-right: 4px
}

.DatePicker[dir=rtl] .DatePicker-calendarDay.is-rangeStart {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.DatePicker[dir=rtl] .DatePicker-calendarDay.is-rangeEnd {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.DatePicker[dir=rtl].DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart {
    padding-right: 0;
    border-right-width: 1px
}

.DatePicker[dir=rtl].DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd {
    padding-left: 0;
    border-left-width: 1px
}

.Dropdown {
    position: absolute;
    display: none;
    margin: 3px 0;
    background-color: hsla(0, 0%, 100%, .98);
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    z-index: 9;
    outline: none
}

.Dropdown.is-open {
    display: block
}

.Dropdown.Dropdown--withScrollbarX {
    overflow-x: scroll
}

.Dropdown.Dropdown--withScrollbarY {
    overflow-y: scroll
}

.Dropdown.Dropdown--withMenuItemList {
    max-width: none
}

.Dropdown.Dropdown--withMenuItemList.is-open {
    display: flex
}

.Dropdown.Dropdown--withMenuItemList,
.Dropdown.Dropdown--withMenuItemList.Dropdown--withScrollbarX,
.Dropdown.Dropdown--withMenuItemList.Dropdown--withScrollbarY {
    overflow: hidden
}

.Dropdown,
.Dropdown-menuItemList {
    max-width: 274px;
    padding: 0;
    list-style: none
}

.Dropdown-menuItemList {
    max-height: 100%;
    margin: 0;
    overflow-x: auto
}

.Dropdown--bottom .Dropdown-menuItemList {
    align-self: flex-end
}

.Dropdown-menuItemList--withScrollbarY {
    overflow-y: scroll
}

.Dropdown-detailPanel {
    order: 1;
    width: 240px;
    padding: 9px 12px;
    border: solid #ccd6dd;
    border-width: 0 0 0 1px;
    overflow: auto;
    background-color: #f5f8fa
}

.Dropdown--right .Dropdown-detailPanel {
    order: -1;
    border-width: 0 1px 0 0
}

.Dropdown-divider {
    height: 1px;
    margin: 5px 1px 6px;
    overflow: hidden;
    background-color: #ccd6dd
}

.Dropdown-menuItem {
    font-size: 12px;
    line-height: 18px;
    display: block;
    overflow: hidden;
    cursor: pointer
}

.Dropdown-menuItem:first-child {
    margin-top: 5px
}

.Dropdown-menuItem:last-child {
    margin-bottom: 5px
}

.Dropdown-menuGroupLabel,
.Dropdown-menuItem .Dropdown-menuItemContent {
    display: block;
    width: 100%;
    padding: 3.5px 13px;
    background: 0 0;
    border: none;
    color: #14171a;
    text-align: left;
    text-decoration: none;
    font-weight: 400
}

.Dropdown-menuItem .Dropdown-menuItemContent input[type=checkbox] {
    margin-right: 5px
}

.Dropdown-menuItem .Dropdown-menuItemContent .Icon--check {
    display: inline-block;
    visibility: hidden;
    width: 10px;
    margin-right: 5px;
    margin-top: 0;
    margin-left: 2px;
    line-height: 1;
    color: #1da1f2
}

.Dropdown-menuItem .Dropdown-menuItemContent input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.Dropdown-menuItem .Dropdown-menuItemContent input[type=radio]:checked+.Icon.Icon--check {
    visibility: visible
}

.Dropdown-menuItem.is-focus {
    background-color: #1da1f2
}

.Dropdown-menuItem.is-focus .Dropdown-menuItemContent,
.Dropdown-menuItem.is-focus input[type=radio]:checked+.Icon.Icon--check {
    color: #fff
}

.Dropdown-menuItem.is-focus .User .Icon,
.Dropdown-menuItem.is-focus .User .User-screenName {
    color: #fff
}

.Dropdown-menuItem.is-focus .User .Icon--verified:before {
    color: #1da1f2
}

.Dropdown-menuItem .Dropdown-menuItemDetail {
    display: none
}

.Dropdown-menuGroupLabel {
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    color: #657786
}

.Dropdown-menuGroupLabel:first-child {
    margin-top: 5px
}

.Dropdown-menuGroupLabel:last-child {
    margin-bottom: 5px
}

.FormSelect {
    display: inline-block;
    position: relative;
    min-width: 0
}

.FormSelect.is-disabled select,
.FormSelect[disabled] select {
    display: none
}

.FormSelect select {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.FormSelect .Button,
.FormSelect .FormInput,
.FormSelect button,
.FormSelect input[type=button] {
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.FormSelect .Button-adornment {
    position: absolute
}

.FormSelect .Button,
.FormSelect button,
.FormSelect input[type=button] {
    padding-right: 36px
}

.FormSelect .Button .Button-adornment,
.FormSelect button .Button-adornment,
.FormSelect input[type=button] .Button-adornment {
    right: 15px
}

.FormSelect .Button--xsmall {
    padding-right: 31px
}

.FormSelect .Button--xsmall .Button-adornment {
    right: 13px
}

.FormSelect .Button--small {
    padding-right: 31px
}

.FormSelect .Button--small .Button-adornment {
    right: 13px
}

.app-header .search-input-control .FormSelect input,
.FormSelect .app-header .search-input-control input,
.FormSelect .Button--large {
    padding-right: 46px
}

.app-header .search-input-control .FormSelect input .Button-adornment,
.FormSelect .app-header .search-input-control input .Button-adornment,
.FormSelect .Button--large .Button-adornment {
    right: 19px
}

.ProgressBar {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    overflow: hidden;
    border-radius: 2px;
    background-color: #ccd6dd;
    height: 3px;
    color: #1da1f2
}

.ProgressBar::-ms-fill {
    border: none
}

.ProgressBar::-moz-progress-bar {
    background-color: #ccd6dd
}

.ProgressBar::-webkit-progress-bar {
    background-color: #ccd6dd
}

.ProgressBar.ProgressBar:indeterminate {
    border-top: 1.5px solid #ccd6dd;
    border-bottom: 1.5px solid #ccd6dd
}

.ProgressBar::-moz-progress-bar {
    background-color: #1da1f2
}

.ProgressBar::-webkit-progress-value {
    background-color: #1da1f2
}

.ProgressBar::-webkit-progress-bar {
    border-radius: 2px;
    overflow: hidden
}

.ProgressBar::-webkit-progress-value {
    border-radius: 2px 0 0 2px;
    transition: width .6s ease
}

.ProgressBar::-moz-progress-bar {
    border-radius: 2px 0 0 2px
}

.ProgressBar--red {
    color: #e0245e
}

.ProgressBar--red::-moz-progress-bar {
    background-color: #e0245e
}

.ProgressBar--red::-webkit-progress-value {
    background-color: #e0245e
}

.ProgressBar--yellow {
    color: #ffad1f
}

.ProgressBar--yellow::-moz-progress-bar {
    background-color: #ffad1f
}

.ProgressBar--yellow::-webkit-progress-value {
    background-color: #ffad1f
}

.ProgressBar--green {
    color: #17bf63
}

.ProgressBar--green::-moz-progress-bar {
    background-color: #17bf63
}

.ProgressBar--green::-webkit-progress-value {
    background-color: #17bf63
}

.ProgressBar--blue {
    color: #1da1f2
}

.ProgressBar--blue::-moz-progress-bar {
    background-color: #1da1f2
}

.ProgressBar--blue::-webkit-progress-value {
    background-color: #1da1f2
}

.ProgressBar--white {
    background-color: #657786;
    color: #fff
}

.ProgressBar--white::-moz-progress-bar {
    background-color: #657786
}

.ProgressBar--white::-webkit-progress-bar {
    background-color: #657786
}

.ProgressBar--white::-moz-progress-bar {
    background-color: #fff
}

.ProgressBar--white::-webkit-progress-value {
    background-color: #fff
}

.ProgressBar--large {
    height: 9px
}

.ProgressBar--large.ProgressBar:indeterminate {
    border-top: 4.5px solid #ccd6dd;
    border-bottom: 4.5px solid #ccd6dd
}

@-webkit-keyframes feather-notification-list-show {
    0% {
        display: none;
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    1% {
        display: block
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes feather-notification-list-show {
    0% {
        display: none;
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    1% {
        display: block
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes feather-notification-list-hide {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes feather-notification-list-hide {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

.Layer.NotificationListLayer {
    z-index: 5100
}

.NotificationList {
    position: absolute;
    right: 9px;
    top: 9px;
    width: 372px;
    padding: 0;
    margin: 0;
    list-style: none
}

.Notification {
    height: 0;
    -webkit-animation-name: feather-notification-list-show;
    animation-name: feather-notification-list-show;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transition: height .2s ease-in-out
}

.Notification:not(:last-child):not(.is-expired) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.Notification.is-expired {
    -webkit-animation-name: feather-notification-list-hide;
    animation-name: feather-notification-list-hide;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.Notification-inner {
    position: absolute;
    display: flex;
    width: 100%;
    margin-bottom: 9px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.Notification-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    min-height: 54px;
    border-radius: 4px 0 0 4px;
    background-color: #1da1f2;
    color: #fff
}

.Notification-icon .Icon {
    position: relative;
    top: -1px
}

.Notification-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    width: 0;
    padding: 8px 27px 8px 12px;
    border: 1px solid #ccd6dd;
    border-left-width: 0;
    border-radius: 0 4px 4px 0;
    background-color: #fff
}

.Notification-title {
    font-weight: 700
}

.Notification-title+.Notification-body {
    font-size: 12px;
    line-height: 18px;
    position: relative;
    top: 1px;
    color: #657786
}

.Notification-closeButton {
    position: absolute;
    right: 0;
    height: 27px;
    width: 27px;
    line-height: 0;
    color: #aab8c2;
    transition: color .15s ease;
    cursor: pointer
}

.Notification-closeButton:focus,
.Notification-closeButton:hover {
    color: #657786
}

.Notification--green .Notification-icon {
    background-color: #17bf63
}

.Notification--red .Notification-icon {
    background-color: #e0245e
}

@-webkit-keyframes feather-notification-list-show-rtl {
    0% {
        display: none;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    1% {
        display: block
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes feather-notification-list-show-rtl {
    0% {
        display: none;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    1% {
        display: block
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes feather-notification-list-hide-rtl {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes feather-notification-list-hide-rtl {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

[dir=rtl] .NotificationList {
    right: auto;
    left: 9px
}

[dir=rtl] .Notification {
    -webkit-animation-name: feather-notification-list-show-rtl;
    animation-name: feather-notification-list-show-rtl
}

[dir=rtl] .Notification.is-expired {
    -webkit-animation-name: feather-notification-list-hide-rtl;
    animation-name: feather-notification-list-hide-rtl
}

[dir=rtl] .Notification-icon {
    border-radius: 0 4px 4px 0
}

[dir=rtl] .Notification-content {
    padding-right: 12px;
    padding-left: 27px;
    border-right-width: 0;
    border-left-width: 1px;
    border-radius: 4px 0 0 4px
}

[dir=rtl] .Notification-closeButton {
    left: 0;
    right: auto
}

.Modal {
    display: none;
    bottom: 0;
    overflow: auto
}

.Modal.is-visible {
    display: block
}

.ModalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(20, 23, 26, .8);
    z-index: 5000;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.ModalOverlay.is-visible {
    pointer-events: auto;
    opacity: 1
}

.Modal.DrawerModal {
    overflow: hidden
}

.Drawer-container {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row
}

.Drawer-neighbor {
    order: 0;
    flex: 1
}

.Drawer {
    display: flex;
    flex-direction: column;
    width: 608px;
    background-color: #fff
}

.Drawer:not([dir=rtl]) {
    border-left: 1px solid #ccd6dd
}

.Drawer[dir=rtl] {
    border-right: 1px solid #ccd6dd
}

.Drawer.Drawer--withClose.Drawer--withTitle:not([dir=rtl]) .Panel-title {
    padding-right: 19px
}

.Drawer.Drawer--withClose.Drawer--withTitle[dir=rtl] .Panel-title {
    padding-left: 19px
}

.Drawer.Drawer--withClose:not(.Drawer--withTitle):not([dir=rtl]) .Panel-body {
    padding-right: 39px
}

.Drawer.Drawer--withClose:not(.Drawer--withTitle)[dir=rtl] .Panel-body {
    padding-left: 39px
}

.Drawer--modal {
    background-color: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    transition: opacity .2s ease-in-out, left .2s ease-in-out, right .2s ease-in-out
}

.Drawer--modal.is-open {
    opacity: 1
}

.Drawer--modal:not([dir=rtl]) {
    order: 1;
    right: -274px
}

.Drawer--modal:not([dir=rtl]).is-open {
    right: 0
}

.Drawer--modal[dir=rtl] {
    order: -1;
    left: -274px
}

.Drawer--modal[dir=rtl].is-open {
    left: 0
}

.Drawer--inline {
    width: 608px;
    position: relative;
    transition: left .4s ease-in-out, right .4s ease-in-out, margin-left .4s ease-in-out, margin-right .4s ease-in-out
}

.Drawer--inline:not([dir=rtl]) {
    right: -608px;
    margin-left: -608px;
    order: 1
}

.Drawer--inline:not([dir=rtl]).Drawer.is-open {
    right: 0
}

.Drawer--inline[dir=rtl] {
    left: -608px;
    margin-right: -608px;
    order: -1
}

.Drawer--inline[dir=rtl].Drawer.is-open {
    left: 0
}

.Drawer--inline.Drawer--resizesNeighbor.is-open:not([dir=rtl]) {
    margin-left: 0
}

.Drawer--inline.Drawer--resizesNeighbor.is-open[dir=rtl] {
    margin-right: 0
}

.Drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.Drawer-content .DialogContent-body,
.Drawer-content .Panel-body {
    flex: 1;
    overflow: auto
}

.Drawer-close {
    position: absolute;
    top: 0;
    margin-top: 11px;
    width: 26px;
    height: 26px;
    color: #aab8c2;
    transition: color .15s ease
}

.Drawer-close:hover {
    color: #657786
}

.Drawer-close .Icon--close {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -8px
}

.Drawer:not([dir=rtl]) .Drawer-close {
    right: 0;
    margin-right: 13px
}

.Drawer[dir=rtl] .Drawer-close {
    left: 0;
    margin-left: 13px
}

.Drawer--inline .Drawer-content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.Drawer--inline .Drawer-close {
    z-index: 1
}

.Drawer--inline.Drawer--large,
.Drawer--modal.Drawer--large {
    width: 844px
}

.Drawer--inline.Drawer--large:not([dir=rtl]) {
    right: -844px;
    margin-left: -844px
}

.Drawer--inline.Drawer--large[dir=rtl] {
    left: -844px;
    margin-right: -844px
}

.GridChart {
    position: relative;
    width: 600px;
    height: 480px
}

.GridChart canvas {
    position: absolute;
    top: 0;
    left: 0
}

.GridChartTooltip.Tooltip {
    width: 200px;
    margin: 0;
    pointer-events: none
}

.GridChartTooltip-legendTitle {
    font-weight: 700
}

.GridChartTooltip-legend {
    padding: 0;
    margin: 0;
    list-style: none
}

.GridChartTooltip-legend .LegendItem {
    display: flex;
    align-items: baseline
}

.GridChartTooltip-legend .LegendItem-label {
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.GridChartTooltip-legend .LegendItem .LegendItem-color {
    margin-right: 3px
}

.GridChartTooltip-legend .LegendItem-value {
    margin-left: 3px
}

.Layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5000
}

.Layer.Layer--local,
.Layer.TooltipLayer {
    position: absolute
}

.TooltipAnchor {
    position: relative
}

.Tooltip {
    margin: -13px 0 0 13px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ccd6dd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    min-width: 100px;
    max-width: 250px;
    opacity: 0;
    display: block;
    position: absolute;
    z-index: 5000;
    background-clip: padding-box;
    transition: opacity .2s ease-in-out
}

.Tooltip .Tooltip-inner {
    padding: 10px 15px
}

.Tooltip .Tooltip-close {
    margin: -5px -10px 0 5px
}

.Tooltip .Tooltip-triangle {
    left: -9px;
    top: 11px;
    width: 9px;
    height: 18px
}

.Tooltip .Tooltip-triangleOuter {
    border-width: 9px 9px 9px 0
}

.Tooltip .Tooltip-triangleInner {
    border-width: 8px 8px 8px 0
}

.Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter,
.Tooltip.Tooltip--left .Tooltip-triangleOuter,
.Tooltip.Tooltip--topLeft .Tooltip-triangleOuter {
    border-width: 9px 0 9px 9px
}

.Tooltip.Tooltip--bottomLeft .Tooltip-triangleInner,
.Tooltip.Tooltip--left .Tooltip-triangleInner,
.Tooltip.Tooltip--topLeft .Tooltip-triangleInner {
    border-width: 8px 0 8px 8px
}

.Tooltip.Tooltip--left {
    margin-left: -13px
}

.Tooltip.Tooltip--left .Tooltip-triangle {
    right: -9px
}

.Tooltip.Tooltip--bottomLeft,
.Tooltip.Tooltip--topLeft {
    margin-left: 9px
}

.Tooltip.Tooltip--bottomLeft .Tooltip-triangle,
.Tooltip.Tooltip--topLeft .Tooltip-triangle {
    right: 9px
}

.Tooltip.Tooltip--top,
.Tooltip.Tooltip--topLeft {
    margin-top: -13px
}

.Tooltip.Tooltip--top .Tooltip-triangle,
.Tooltip.Tooltip--topLeft .Tooltip-triangle {
    bottom: -9px;
    width: 18px;
    height: 9px
}

.Tooltip.Tooltip--top .Tooltip-triangleOuter,
.Tooltip.Tooltip--topLeft .Tooltip-triangleOuter {
    border-width: 9px 9px 0
}

.Tooltip.Tooltip--top .Tooltip-triangleInner,
.Tooltip.Tooltip--topLeft .Tooltip-triangleInner {
    border-width: 8px 8px 0
}

.Tooltip.Tooltip--bottom,
.Tooltip.Tooltip--bottomLeft {
    margin-top: 13px
}

.Tooltip.Tooltip--bottom .Tooltip-triangle,
.Tooltip.Tooltip--bottomLeft .Tooltip-triangle {
    top: -9px;
    width: 18px;
    height: 9px
}

.Tooltip.Tooltip--bottom .Tooltip-triangleOuter,
.Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter {
    border-width: 0 9px 9px
}

.Tooltip.Tooltip--bottom .Tooltip-triangleInner,
.Tooltip.Tooltip--bottomLeft .Tooltip-triangleInner {
    border-width: 0 8px 8px
}

.Tooltip.Tooltip--bottom .Tooltip-triangle,
.Tooltip.Tooltip--top .Tooltip-triangle {
    margin-left: -10px
}

.Tooltip.is-open {
    opacity: 1
}

.Tooltip .Tooltip-content {
    color: #14171a
}

.Tooltip .Tooltip-close {
    color: #aab8c2
}

.Tooltip .Tooltip-triangleOuter {
    border-color: transparent #ccd6dd transparent transparent
}

.Tooltip .Tooltip-triangleInner {
    border-color: transparent #fff transparent transparent
}

.Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter,
.Tooltip.Tooltip--left .Tooltip-triangleOuter,
.Tooltip.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: transparent transparent transparent #ccd6dd
}

.Tooltip.Tooltip--bottomLeft .Tooltip-triangleInner,
.Tooltip.Tooltip--left .Tooltip-triangleInner,
.Tooltip.Tooltip--topLeft .Tooltip-triangleInner {
    border-color: transparent transparent transparent #fff
}

.Tooltip.Tooltip--top .Tooltip-triangleOuter,
.Tooltip.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: #ccd6dd transparent transparent
}

.Tooltip.Tooltip--top .Tooltip-triangleInner,
.Tooltip.Tooltip--topLeft .Tooltip-triangleInner {
    border-color: #fff transparent transparent
}

.Tooltip.Tooltip--bottom .Tooltip-triangleOuter,
.Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter {
    border-color: transparent transparent #ccd6dd
}

.Tooltip.Tooltip--bottom .Tooltip-triangleInner,
.Tooltip.Tooltip--bottomLeft .Tooltip-triangleInner {
    border-color: transparent transparent #fff
}

.Tooltip--dark,
.Tooltip--intro {
    margin: -9px 0 0 9px;
    border-width: 0;
    border-style: solid;
    border-radius: 4px;
    min-width: 0
}

.Tooltip--dark .Tooltip-inner,
.Tooltip--intro .Tooltip-inner {
    padding: 6px 11px
}

.Tooltip--dark .Tooltip-close,
.Tooltip--intro .Tooltip-close {
    margin: -1px -6px 0 5px
}

.Tooltip--dark .Tooltip-triangle,
.Tooltip--intro .Tooltip-triangle {
    left: -5px;
    top: 10px;
    width: 5px;
    height: 10px
}

.Tooltip--dark .Tooltip-triangleOuter,
.Tooltip--intro .Tooltip-triangleOuter {
    border-width: 5px 5px 5px 0
}

.Tooltip--dark .Tooltip-triangleInner,
.Tooltip--intro .Tooltip-triangleInner {
    border-width: 4px 4px 4px 0
}

.Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter,
.Tooltip--dark.Tooltip--left .Tooltip-triangleOuter,
.Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--left .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter {
    border-width: 5px 0 5px 5px
}

.Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--left .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--left .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner {
    border-width: 4px 0 4px 4px
}

.Tooltip--dark.Tooltip--left,
.Tooltip--intro.Tooltip--left {
    margin-left: -9px
}

.Tooltip--dark.Tooltip--left .Tooltip-triangle,
.Tooltip--intro.Tooltip--left .Tooltip-triangle {
    right: -5px
}

.Tooltip--dark.Tooltip--bottomLeft,
.Tooltip--dark.Tooltip--topLeft,
.Tooltip--intro.Tooltip--bottomLeft,
.Tooltip--intro.Tooltip--topLeft {
    margin-left: 5px
}

.Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangle,
.Tooltip--dark.Tooltip--topLeft .Tooltip-triangle,
.Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangle,
.Tooltip--intro.Tooltip--topLeft .Tooltip-triangle {
    right: 5px
}

.Tooltip--dark.Tooltip--top,
.Tooltip--dark.Tooltip--topLeft,
.Tooltip--intro.Tooltip--top,
.Tooltip--intro.Tooltip--topLeft {
    margin-top: -9px
}

.Tooltip--dark.Tooltip--top .Tooltip-triangle,
.Tooltip--dark.Tooltip--topLeft .Tooltip-triangle,
.Tooltip--intro.Tooltip--top .Tooltip-triangle,
.Tooltip--intro.Tooltip--topLeft .Tooltip-triangle {
    bottom: -5px;
    width: 10px;
    height: 5px
}

.Tooltip--dark.Tooltip--top .Tooltip-triangleOuter,
.Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--top .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter {
    border-width: 5px 5px 0
}

.Tooltip--dark.Tooltip--top .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--top .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner {
    border-width: 4px 4px 0
}

.Tooltip--dark.Tooltip--bottom,
.Tooltip--dark.Tooltip--bottomLeft,
.Tooltip--intro.Tooltip--bottom,
.Tooltip--intro.Tooltip--bottomLeft {
    margin-top: 9px
}

.Tooltip--dark.Tooltip--bottom .Tooltip-triangle,
.Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangle,
.Tooltip--intro.Tooltip--bottom .Tooltip-triangle,
.Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangle {
    top: -5px;
    width: 10px;
    height: 5px
}

.Tooltip--dark.Tooltip--bottom .Tooltip-triangleOuter,
.Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--bottom .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter {
    border-width: 0 5px 5px
}

.Tooltip--dark.Tooltip--bottom .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--bottom .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner {
    border-width: 0 4px 4px
}

.Tooltip--dark.Tooltip--bottom .Tooltip-triangle,
.Tooltip--dark.Tooltip--top .Tooltip-triangle,
.Tooltip--intro.Tooltip--bottom .Tooltip-triangle,
.Tooltip--intro.Tooltip--top .Tooltip-triangle {
    margin-left: -6px
}

.Tooltip--dark {
    background: #14171a;
    border-color: #14171a;
    box-shadow: none
}

.Tooltip--dark.is-open {
    opacity: .95
}

.Tooltip--dark .Tooltip-close,
.Tooltip--dark .Tooltip-content {
    color: #fff
}

.Tooltip--dark .Tooltip-triangleInner,
.Tooltip--dark .Tooltip-triangleOuter {
    border-color: transparent #14171a transparent transparent
}

.Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter,
.Tooltip--dark.Tooltip--left .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--left .Tooltip-triangleOuter,
.Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: transparent transparent transparent #14171a
}

.Tooltip--dark.Tooltip--top .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--top .Tooltip-triangleOuter,
.Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: #14171a transparent transparent
}

.Tooltip--dark.Tooltip--bottom .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--bottom .Tooltip-triangleOuter,
.Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner,
.Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter {
    border-color: transparent transparent #14171a
}

.Tooltip--intro {
    background: #1da1f2;
    border-color: #1da1f2;
    box-shadow: none
}

.Tooltip--intro.is-open {
    opacity: .95
}

.Tooltip--intro .Tooltip-close,
.Tooltip--intro .Tooltip-content {
    color: #fff
}

.Tooltip--intro .Tooltip-triangleInner,
.Tooltip--intro .Tooltip-triangleOuter {
    border-color: transparent #1da1f2 transparent transparent
}

.Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--left .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--left .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: transparent transparent transparent #1da1f2
}

.Tooltip--intro.Tooltip--top .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--top .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: #1da1f2 transparent transparent
}

.Tooltip--intro.Tooltip--bottom .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--bottom .Tooltip-triangleOuter,
.Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner,
.Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter {
    border-color: transparent transparent #1da1f2
}

.Tooltip-triangle {
    position: absolute;
    overflow: hidden
}

.Tooltip-triangleOuter {
    top: 0;
    left: 0
}

.Tooltip-triangleInner,
.Tooltip-triangleOuter {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

.Tooltip-triangleInner {
    top: 1px;
    left: 1px
}

.Tooltip-content {
    font-size: 12px;
    line-height: 18px;
    text-align: left
}

.Tooltip-close {
    cursor: pointer;
    float: right;
    padding: 0 .5px 2px;
    transition: color .15s ease
}

.Tooltip-close:hover {
    color: #657786
}

.Tooltip--bottomLeft .Tooltip-triangle,
.Tooltip--left .Tooltip-triangle,
.Tooltip--topLeft .Tooltip-triangle {
    left: auto
}

.Tooltip--left .Tooltip-triangleOuter {
    left: auto;
    right: 0
}

.Tooltip--left .Tooltip-triangleInner {
    left: auto;
    right: 1px
}

.Tooltip--top .Tooltip-triangle,
.Tooltip--topLeft .Tooltip-triangle {
    top: auto
}

.Tooltip--top .Tooltip-triangleInner,
.Tooltip--topLeft .Tooltip-triangleInner {
    top: 0;
    left: 1px
}

.Tooltip--bottom,
.Tooltip--top {
    margin-left: 0
}

.Tooltip--bottom .Tooltip-triangle,
.Tooltip--top .Tooltip-triangle {
    left: 50%
}

.Tooltip--hover .Tooltip-close,
.Tooltip--static .Tooltip-close {
    display: none
}

.TooltipHoverTarget {
    background-image: linear-gradient(90deg, #1da1f2 50%, transparent 0);
    background-position: 0 100%;
    background-size: 4px 2px;
    background-repeat: repeat-x;
    padding-bottom: 2px
}

.LegendItem-color {
    height: 11px;
    margin-right: 2px;
    display: inline-block;
    width: 4px;
    border-radius: 4px
}

.LegendItem--gray .LegendItem-color,
.LegendItem-color {
    background-color: #aab8c2
}

.LegendItem--blue .LegendItem-color {
    background-color: #1da1f2
}

.LegendItem--green .LegendItem-color {
    background-color: #17bf63
}

.LegendItem--yellow .LegendItem-color {
    background-color: #ffad1f
}

.LegendItem--red .LegendItem-color {
    background-color: #e0245e
}

.LegendItem--purple .LegendItem-color {
    background-color: #794bc4
}

.LegendItem-value {
    font-weight: 600
}

.LegendItem--small {
    font-size: 12px;
    line-height: 18px
}

.LegendItem--small .LegendItem-color {
    height: 9px;
    margin-right: 1px
}

.Table:not(.Table--large) .LegendItem-color {
    height: 9px;
    margin-right: 1px
}

.DateRangeDropdown.Dropdown {
    padding: 0
}

.DateRangeDropdown.Dropdown,
.DateRangeDropdown.Dropdown .Dropdown-menuItemList {
    max-width: none;
    line-height: 0
}

.DateRangeDropdown-menuItem {
    padding: 15px
}

.DateRangeDropdown-menuItem--footer {
    padding: 10px 15px;
    border-top: 1px solid #ccd6dd;
    background-color: #f5f8fa;
    text-align: right
}

.DateRangeDropdown-menuItem--footer .Button+.Button,
.DateRangeDropdown-menuItem--footer .Button+button,
.DateRangeDropdown-menuItem--footer .Button+input[type=button],
.DateRangeDropdown-menuItem--footer button+.Button,
.DateRangeDropdown-menuItem--footer button+button,
.DateRangeDropdown-menuItem--footer button+input[type=button],
.DateRangeDropdown-menuItem--footer input[type=button]+.Button,
.DateRangeDropdown-menuItem--footer input[type=button]+button,
.DateRangeDropdown-menuItem--footer input[type=button]+input[type=button] {
    margin-left: 10px
}

.DateRange {
    display: flex
}

.DateRange-presets.PillGroup {
    text-align: center
}

.DateRange-presets.PillGroup .Pill {
    margin-bottom: 5px;
    white-space: nowrap
}

.DateRange-pickersRow {
    display: flex
}

.DateRange-pickersRow+.DateRange-pickersRow {
    padding-top: 15px
}

.DateRange-pickerWrapper {
    padding: 0 15px
}

.DateRange-pickerWrapper .TimePicker {
    width: 78px
}

.DateRange-timePickerLabel {
    font-size: 12px;
    line-height: 18px;
    width: 210px;
    font-weight: 700
}

.DateRange:not([dir=rtl]) .DateRange-presets {
    padding-right: 15px;
    border-right: 1px solid #ccd6dd
}

.DateRange:not([dir=rtl]) .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child {
    border-left: 1px solid #ccd6dd
}

.DateRange:not([dir=rtl]) .DateRange-pickerWrapper:last-child {
    padding-right: 0
}

.DateRange:not([dir=rtl]) .DateRange-pickers:only-child .DateRange-pickerWrapper:first-child {
    padding-left: 0
}

.DateRange[dir=rtl] .DateRange-presets {
    padding-left: 15px;
    border-left: 1px solid #ccd6dd
}

.DateRange[dir=rtl] .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child {
    border-right: 1px solid #ccd6dd
}

.DateRange[dir=rtl] .DateRange-pickerWrapper:last-child {
    padding-left: 0
}

.DateRange[dir=rtl] .DateRange-pickers:only-child .DateRange-pickerWrapper:first-child {
    padding-right: 0
}

.DateRange--withAdjacentMonths:not([dir=rtl]) .DateRange-pickerWrapper:first-child .DatePicker-monthButton--right,
.DateRange--withAdjacentMonths:not([dir=rtl]) .DateRange-pickerWrapper:last-child .DatePicker-monthButton--left {
    visibility: hidden
}

.DateRange--withAdjacentMonths:not([dir=rtl]) .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child {
    border-left-color: transparent
}

.DateRange--withAdjacentMonths[dir=rtl] .DateRange-pickerWrapper:first-child .DatePicker-monthButton--left,
.DateRange--withAdjacentMonths[dir=rtl] .DateRange-pickerWrapper:last-child .DatePicker-monthButton--right {
    visibility: hidden
}

.DateRange--withAdjacentMonths[dir=rtl] .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child {
    border-right-color: transparent
}

.PillGroup {
    padding: 0
}

.PillGroup .Pill {
    margin: 0;
    border-radius: 36px;
    display: inline-block
}

.PillGroup .Pill.is-selected {
    background: #005fd1
}

.PillGroup .Pill>a,
.PillGroup .Pill>button {
    transition: box-shadow .15s ease-in-out;
    display: inline-block;
    padding: 4.5px 12px;
    border-radius: 36px;
    border: 0;
    background: 0 0;
    color: #1b95e0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px
}

.PillGroup .Pill>a:focus,
.PillGroup .Pill>button:focus {
    outline: none
}

.PillGroup .Pill>a:-moz-focusring,
.PillGroup .Pill>a[type=button]:-moz-focusring,
.PillGroup .Pill>a[type=reset]:-moz-focusring,
.PillGroup .Pill>a[type=submit]:-moz-focusring,
.PillGroup .Pill>button:-moz-focusring,
.PillGroup .Pill>button[type=button]:-moz-focusring,
.PillGroup .Pill>button[type=reset]:-moz-focusring,
.PillGroup .Pill>button[type=submit]:-moz-focusring {
    outline: none
}

.PillGroup .Pill>a:hover,
.PillGroup .Pill>button:hover {
    background: #eaf5fd;
    text-decoration: none
}

.PillGroup .Pill>a:focus,
.PillGroup .Pill>button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #71c9f8;
    text-decoration: none
}

.PillGroup .Pill>a:active,
.PillGroup .Pill>button:active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1da1f2
}

.PillGroup .Pill.is-selected>a,
.PillGroup .Pill.is-selected>button {
    color: #fff
}

.PillGroup .Pill.is-selected>a:hover,
.PillGroup .Pill.is-selected>button:hover {
    background: 0 0
}

.FormField.is-success .FormField-validationMessage:before,
.FormField.is-valid .FormField-validationMessage:before {
    content: "\F043"
}

.FormField-validationMessage:before {
    display: block;
    font-family: edgeicons;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.FormField.is-error .FormField-validationMessage:before,
.FormField.is-invalid .FormField-validationMessage:before {
    content: "\F042"
}

.FormInput,
.FormTextarea {
    box-shadow: inset 0 0 0 1px transparent;
    padding: 6px 14px;
    border: 1px solid #ccd6dd;
    border-radius: 4px;
    color: #14171a;
    font-size: 14px;
    transition: border-color .25s, box-shadow .25s
}

.FormInput {
    height: 36px;
    line-height: 22px
}

button.FormInput {
    text-align: left
}

button.FormInput[dir=rtl] {
    text-align: right
}

.FormInput-characterCount {
    color: #ccd6dd;
    position: absolute;
    right: 0;
    top: -27px;
    direction: ltr
}

.FormInput-characterCount.is-negative {
    color: #e0245e
}

.FormTextarea {
    line-height: 22px
}

.FormOption {
    display: flex;
    align-items: baseline
}

.FormOption+.FormOption {
    margin-top: 9px
}

.FormOption>input {
    position: relative;
    top: 2px;
    flex-shrink: 0;
    margin-right: 9px
}

.FormField[dir=rtl] .FormOption>input,
.FormOption[dir=rtl]>input {
    margin-right: 0;
    margin-left: 9px
}

.FormInput::-webkit-input-placeholder,
.FormTextarea::-webkit-input-placeholder {
    color: #aab8c2;
    opacity: 1
}

.FormInput::-moz-placeholder,
.FormTextarea::-moz-placeholder {
    color: #aab8c2;
    opacity: 1
}

.FormInput:-ms-input-placeholder,
.FormTextarea:-ms-input-placeholder {
    color: #aab8c2
}

.FormInput.is-error,
.FormInput.is-invalid,
.FormInputWrapper.is-error .FormInput,
.FormInputWrapper.is-invalid .FormInput,
.FormTextarea.is-error,
.FormTextarea.is-invalid {
    position: relative;
    border-color: #e0245e
}

.FormInput.is-error.is-focus,
.FormInput.is-error:focus,
.FormInput.is-invalid.is-focus,
.FormInput.is-invalid:focus,
.FormInputWrapper.is-error .FormInput.is-focus,
.FormInputWrapper.is-error .FormInput:focus,
.FormInputWrapper.is-invalid .FormInput.is-focus,
.FormInputWrapper.is-invalid .FormInput:focus,
.FormTextarea.is-error.is-focus,
.FormTextarea.is-error:focus,
.FormTextarea.is-invalid.is-focus,
.FormTextarea.is-invalid:focus {
    border-color: #e0245e;
    box-shadow: inset 0 0 0 1px #e0245e
}

.FormInput.is-success,
.FormInput.is-valid,
.FormInputWrapper.is-success .FormInput,
.FormInputWrapper.valid .FormInput,
.FormTextarea.is-success,
.FormTextarea.is-valid {
    position: relative;
    border-color: #17bf63
}

.FormInput.is-success.is-focus,
.FormInput.is-success:focus,
.FormInput.is-valid.is-focus,
.FormInput.is-valid:focus,
.FormInputWrapper.is-success .FormInput.is-focus,
.FormInputWrapper.is-success .FormInput:focus,
.FormInputWrapper.valid .FormInput.is-focus,
.FormInputWrapper.valid .FormInput:focus,
.FormTextarea.is-success.is-focus,
.FormTextarea.is-success:focus,
.FormTextarea.is-valid.is-focus,
.FormTextarea.is-valid:focus {
    border-color: #17bf63;
    box-shadow: inset 0 0 0 1px #17bf63
}

.FormInput--small,
.FormInputWrapper.FormInputWrapper--small .FormInput,
.FormTextarea--small {
    padding: 3.5px 12px;
    border-radius: 4px;
    font-size: 12px
}

.FormInput--small,
.FormInputWrapper.FormInputWrapper--small .FormInput {
    height: 27px;
    line-height: 18px
}

.FormTextarea--small {
    line-height: 18px
}

.FormInput--large,
.FormInputWrapper.FormInputWrapper--large .FormInput,
.FormTextarea--large {
    padding: 9px 18px;
    border-radius: 4px;
    font-size: 18px
}

.FormInput--large,
.FormInputWrapper.FormInputWrapper--large .FormInput {
    height: 45px;
    line-height: 25px
}

.FormTextarea--large {
    line-height: 25px
}

.FormInput.is-disabled,
.FormInput[disabled],
.FormInputWrapper.is-disabled .FormInput,
.FormTextarea.is-disabled,
.FormTextarea[disabled],
fieldset[disabled] .FormInput,
fieldset[disabled] .FormTextarea {
    background: #f5f8fa;
    color: #657786
}

.FormInputWrapper.is-disabled button.FormInput,
button.FormInput.is-disabled,
button.FormInput[disabled],
fieldset[disabled] button.FormInput {
    cursor: default
}

.FormInput.is-focus,
.FormInput:focus,
.FormInputWrapper.is-focus .FormInput,
.FormTextarea.is-focus,
.FormTextarea:focus {
    border-color: #1da1f2;
    box-shadow: inset 0 0 0 1px #1da1f2;
    outline: none
}

.FormOption.is-disabled {
    color: #aab8c2
}

.FormInputWrapper .Icon {
    line-height: 1;
    vertical-align: -1px
}

.FormInputWrapper--large .Icon {
    vertical-align: -2px
}

.FormInputWrapper {
    position: relative;
    display: inline-block;
    font-size: 14px
}

.FormInputWrapper.FormInputWrapper--small {
    font-size: 12px
}

.FormInputWrapper.FormInputWrapper--large {
    font-size: 18px
}

.FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment:not([dir=rtl]) .FormInput,
.FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment[dir=rtl] .FormInput {
    padding-right: 35px
}

.FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment:not([dir=rtl]).FormInputWrapper--small .FormInput,
.FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment[dir=rtl].FormInputWrapper--small .FormInput {
    padding-right: 30px
}

.FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment:not([dir=rtl]).FormInputWrapper--large .FormInput,
.FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment[dir=rtl].FormInputWrapper--large .FormInput {
    padding-right: 45px
}

.FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment[dir=rtl] .FormInput,
.FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment:not([dir=rtl]) .FormInput {
    padding-left: 35px
}

.FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment[dir=rtl].FormInputWrapper--small .FormInput,
.FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment:not([dir=rtl]).FormInputWrapper--small .FormInput {
    padding-left: 30px
}

.FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment[dir=rtl].FormInputWrapper--large .FormInput,
.FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment:not([dir=rtl]).FormInputWrapper--large .FormInput {
    padding-left: 45px
}

.FormInputWrapper.FormInputWrapper--withEndAdornment,
.FormInputWrapper.FormInputWrapper--withStartAdornment {
    flex-direction: row;
    display: inline-flex
}

.FormInputWrapper.FormInputWrapper--withEndAdornment .FormInput,
.FormInputWrapper.FormInputWrapper--withStartAdornment .FormInput {
    order: 1;
    width: 0;
    flex-grow: 1
}

.FormInputWrapper.FormInputWrapper--withEndAdornment[dir=rtl] .FormInput,
.FormInputWrapper.FormInputWrapper--withStartAdornment:not([dir=rtl]) .FormInput {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.FormInputWrapper.FormInputWrapper--withEndAdornment:not([dir=rtl]) .FormInput,
.FormInputWrapper.FormInputWrapper--withStartAdornment[dir=rtl] .FormInput {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.FormInputWrapper-absoluteEndAdornment,
.FormInputWrapper-absoluteStartAdornment {
    position: absolute;
    top: 0;
    pointer-events: none;
    line-height: 36px;
    margin: 0 15px
}

.FormInputWrapper--small .FormInputWrapper-absoluteEndAdornment,
.FormInputWrapper--small .FormInputWrapper-absoluteStartAdornment {
    line-height: 27px;
    margin: 0 13px
}

.FormInputWrapper--large .FormInputWrapper-absoluteEndAdornment,
.FormInputWrapper--large .FormInputWrapper-absoluteStartAdornment {
    line-height: 45px;
    margin: 0 19px
}

.FormInputWrapper-absoluteEndAdornment .Icon,
.FormInputWrapper-absoluteStartAdornment .Icon {
    color: #aab8c2
}

.FormInputWrapper-absoluteEndAdornment .Icon--caretDown,
.FormInputWrapper-absoluteStartAdornment .Icon--caretDown {
    color: #14171a
}

.FormInputWrapper.is-disabled .FormInputWrapper-absoluteEndAdornment .Icon--caretDown,
.FormInputWrapper.is-disabled .FormInputWrapper-absoluteStartAdornment .Icon--caretDown,
fieldset[disabled] .FormInputWrapper-absoluteEndAdornment .Icon--caretDown,
fieldset[disabled] .FormInputWrapper-absoluteStartAdornment .Icon--caretDown {
    color: #657786
}

.FormInputWrapper-endAdornment,
.FormInputWrapper-startAdornment {
    display: inline-block;
    border: 1px solid #ccd6dd;
    white-space: nowrap;
    line-height: 22px;
    padding: 6px 14px;
    border-radius: 4px
}

.FormInputWrapper--small .FormInputWrapper-endAdornment,
.FormInputWrapper--small .FormInputWrapper-startAdornment {
    line-height: 18px;
    padding: 3.5px 12px;
    border-radius: 4px
}

.FormInputWrapper--large .FormInputWrapper-endAdornment,
.FormInputWrapper--large .FormInputWrapper-startAdornment {
    line-height: 25px;
    padding: 9px 18px;
    border-radius: 4px
}

.FormInputWrapper-endAdornment {
    order: 2
}

.FormInputWrapper:not([dir=rtl]) .FormInputWrapper-startAdornment,
.FormInputWrapper[dir=rtl] .FormInputWrapper-endAdornment {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.FormInputWrapper:not([dir=rtl]) .FormInputWrapper-endAdornment,
.FormInputWrapper[dir=rtl] .FormInputWrapper-startAdornment {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.FormInputWrapper:not([dir=rtl]) .FormInputWrapper-absoluteStartAdornment,
.FormInputWrapper[dir=rtl] .FormInputWrapper-absoluteEndAdornment {
    left: 0;
    margin-right: 0
}

.FormInputWrapper:not([dir=rtl]) .FormInputWrapper-absoluteEndAdornment,
.FormInputWrapper[dir=rtl] .FormInputWrapper-absoluteStartAdornment {
    right: 0;
    margin-left: 0
}

.Form--horizontal .FormInputWrapper {
    display: inline-flex
}

.Form--horizontal .FormField-label {
    margin-top: 9px;
    text-align: right
}

.Form--horizontal .FormOption:first-child {
    margin-top: 9px
}

.Form--horizontal .FormField[dir=rtl] .FormField-label {
    text-align: left
}

.Form--horizontal .FormField[dir=rtl] .FormInput-characterCount {
    margin: 9px 9px 9px 0
}

.Form--horizontal .FormInput-characterCount {
    margin: 9px 0 9px 9px;
    position: relative;
    top: 0
}

.CompoundFormField+.CompoundFormField,
.CompoundFormField+.FormField,
.FormField+.CompoundFormField,
.FormField+.FormField {
    margin-top: 27px
}

.FormField.is-error .FormField-validationMessage,
.FormField.is-invalid .FormField-validationMessage {
    color: #e0245e
}

.FormField.is-error .FormField-validationMessage:before,
.FormField.is-invalid .FormField-validationMessage:before {
    position: relative;
    top: -1px
}

.FormField.is-success .FormField-validationMessage,
.FormField.is-valid .FormField-validationMessage {
    color: #008951
}

.FormField.is-success .FormField-validationMessage:before,
.FormField.is-valid .FormField-validationMessage:before {
    position: relative;
    top: -1px
}

.FormField {
    display: block
}

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

.FormField .FormInput,
.FormField .FormInputWrapper,
.FormField .FormSelect,
.FormField .FormTextarea {
    width: 100%
}

.FormField>.FormField-label {
    padding: 0 40px 0 0
}

.FormField[dir=rtl]>.FormField-label {
    padding: 0 0 0 40px
}

.FormField[dir=rtl] .FormInput-characterCount {
    right: auto;
    left: 0
}

.CompoundFormField .FormField {
    margin-top: 0
}

.FormField-label {
    display: block;
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 700
}

.FormField-labelValidationTip {
    font-weight: 400
}

.FormField-description {
    font-size: 12px;
    line-height: 18px;
    display: block;
    margin: 9px 0;
    color: #657786
}

.FormField-label+.FormField-description {
    margin-top: -9px
}

.FormField-validationMessage {
    font-size: 12px;
    line-height: 18px;
    display: flex;
    margin: 9px 0;
    font-weight: 700
}

.FormField-validationMessage:before {
    flex-shrink: 0;
    margin-right: 6px;
    font-size: 18px
}

.FormField-validationMessage p:last-child {
    margin-bottom: 0
}

.FormField[dir=rtl] .FormField-validationMessage:before {
    margin-right: 0;
    margin-left: 6px
}

.Token-checkbox input[type=checkbox]+.Icon:before {
    content: "\F183"
}

.Token-checkbox input[type=checkbox]:checked+.Icon:before {
    content: "\F170"
}

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

.TokenGroup>.Token:not(:first-child):not(:last-child),
.TokenGroup>.TokenGroup:not(:first-child):not(:last-child)>.Token {
    border-radius: 0
}

.TokenGroup:not([dir=rtl])>.Token,
.TokenGroup:not([dir=rtl])>.TokenGroup {
    float: left
}

.TokenGroup:not([dir=rtl])>.Token:not(:first-child),
.TokenGroup:not([dir=rtl])>.TokenGroup:not(:first-child) {
    margin-left: -1px
}

.TokenGroup:not([dir=rtl])>.Token:first-child:not(:last-child),
.TokenGroup:not([dir=rtl])>.TokenGroup:first-child:not(:last-child)>.Token {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.TokenGroup:not([dir=rtl])>.Token:last-child:not(:first-child),
.TokenGroup:not([dir=rtl])>.TokenGroup:last-child:not(:first-child)>.Token:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.TokenGroup[dir=rtl]>.Token,
.TokenGroup[dir=rtl]>.TokenGroup {
    float: right
}

.TokenGroup[dir=rtl]>.Token:not(:last-child),
.TokenGroup[dir=rtl]>.TokenGroup:not(:last-child) {
    margin-left: -1px
}

.TokenGroup[dir=rtl]>.Token:first-child:not(:last-child),
.TokenGroup[dir=rtl]>.TokenGroup:first-child:not(:last-child)>.Token {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.TokenGroup[dir=rtl]>.Token:last-child:not(:first-child),
.TokenGroup[dir=rtl]>.TokenGroup:last-child:not(:first-child)>.Token:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.TokenGroup>.TokenGroup:last-child:not([dir=rtl])>.Token,
.TokenGroup>.TokenGroup:last-child[dir=rtl]>.Token {
    border-radius: 36px
}

.TokenGroup>.Token {
    position: relative;
    transition: box-shadow 0s
}

.TokenGroup>.Token:focus {
    z-index: 1
}

.Token {
    transition: box-shadow .15s ease-in-out;
    height: 36px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.Token:focus {
    outline: none
}

.Token:-moz-focusring,
.Token[type=button]:-moz-focusring,
.Token[type=reset]:-moz-focusring,
.Token[type=submit]:-moz-focusring {
    outline: none
}

.Token:not([dir=rtl])>:first-child:not(.Token-adornment) {
    margin-left: 14px
}

.Token:not([dir=rtl])>:last-child {
    margin-right: 14px
}

.Token:not([dir=rtl]) .Token-trigger {
    margin-left: 7px
}

.Token[dir=rtl]>:first-child:not(.Token-adornment) {
    margin-right: 14px
}

.Token[dir=rtl]>:last-child {
    margin-left: 14px
}

.Token[dir=rtl] .Token-trigger {
    margin-right: 7px
}

.Token .Icon {
    line-height: 1;
    vertical-align: -2px
}

.Token .Icon:before {
    position: relative;
    top: -1px
}

.Token:not([dir=rtl]) .Token-label:not(:first-child) {
    margin-left: 4px
}

.Token[dir=rtl] .Token-label:not(:first-child) {
    margin-right: 4px
}

.Token-trigger {
    background: 0 0;
    border: none;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    color: inherit
}

.Token-trigger,
.Token-trigger .Icon {
    transition: box-shadow .15s ease-in-out
}

.Token-trigger .Icon:focus,
.Token-trigger:focus {
    outline: none
}

.Token-trigger .Icon:-moz-focusring,
.Token-trigger .Icon[type=button]:-moz-focusring,
.Token-trigger .Icon[type=reset]:-moz-focusring,
.Token-trigger .Icon[type=submit]:-moz-focusring,
.Token-trigger:-moz-focusring,
.Token-trigger[type=button]:-moz-focusring,
.Token-trigger[type=reset]:-moz-focusring,
.Token-trigger[type=submit]:-moz-focusring {
    outline: none
}

.Token-trigger .Icon {
    border-radius: 3px
}

.Token-checkbox {
    position: relative
}

.Token-checkbox input[type=checkbox] {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.Token-checkbox input[type=checkbox]+.Icon {
    pointer-events: none
}

.Token-adornment {
    overflow: hidden;
    text-align: center
}

.Token-adornmentImage {
    vertical-align: top
}

.Token-adornment {
    border-radius: 13px;
    height: 26px;
    line-height: 26px;
    margin: 4px;
    min-width: 26px
}

.Token-adornmentImage {
    width: 26px;
    height: 26px
}

.Token-adornmentData {
    padding: 0 7px
}

.Token-label {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Token-label--category {
    font-weight: 700
}

.Token-label--category:after {
    content: ": "
}

.Token--small,
.TokenGroup--small>.Token,
.TokenGroup--small>.TokenGroup>.Token {
    height: 27px;
    font-size: 12px
}

.Token--small:not([dir=rtl])>:first-child:not(.Token-adornment),
.TokenGroup--small>.Token:not([dir=rtl])>:first-child:not(.Token-adornment),
.TokenGroup--small>.TokenGroup>.Token:not([dir=rtl])>:first-child:not(.Token-adornment) {
    margin-left: 12px
}

.Token--small:not([dir=rtl])>:last-child,
.TokenGroup--small>.Token:not([dir=rtl])>:last-child,
.TokenGroup--small>.TokenGroup>.Token:not([dir=rtl])>:last-child {
    margin-right: 12px
}

.Token--small:not([dir=rtl]) .Token-trigger,
.TokenGroup--small>.Token:not([dir=rtl]) .Token-trigger,
.TokenGroup--small>.TokenGroup>.Token:not([dir=rtl]) .Token-trigger {
    margin-left: 6px
}

.Token--small[dir=rtl]>:first-child:not(.Token-adornment),
.TokenGroup--small>.Token[dir=rtl]>:first-child:not(.Token-adornment),
.TokenGroup--small>.TokenGroup>.Token[dir=rtl]>:first-child:not(.Token-adornment) {
    margin-right: 12px
}

.Token--small[dir=rtl]>:last-child,
.TokenGroup--small>.Token[dir=rtl]>:last-child,
.TokenGroup--small>.TokenGroup>.Token[dir=rtl]>:last-child {
    margin-left: 12px
}

.Token--small[dir=rtl] .Token-trigger,
.TokenGroup--small>.Token[dir=rtl] .Token-trigger,
.TokenGroup--small>.TokenGroup>.Token[dir=rtl] .Token-trigger {
    margin-right: 6px
}

.Token--small .Token-adornment,
.TokenGroup--small>.Token .Token-adornment,
.TokenGroup--small>.TokenGroup>.Token .Token-adornment {
    border-radius: 9.5px;
    height: 19px;
    line-height: 19px;
    margin: 3px;
    min-width: 19px
}

.Token--small .Token-adornmentImage,
.TokenGroup--small>.Token .Token-adornmentImage,
.TokenGroup--small>.TokenGroup>.Token .Token-adornmentImage {
    width: 19px;
    height: 19px
}

.Token--small .Token-adornmentData,
.TokenGroup--small>.Token .Token-adornmentData,
.TokenGroup--small>.TokenGroup>.Token .Token-adornmentData {
    padding: 0 6px
}

.Token--xsmall,
.TokenGroup--xsmall>.Token,
.TokenGroup--xsmall>.TokenGroup>.Token {
    height: 18px;
    font-size: 12px
}

.Token--xsmall:not([dir=rtl])>:first-child:not(.Token-adornment),
.TokenGroup--xsmall>.Token:not([dir=rtl])>:first-child:not(.Token-adornment),
.TokenGroup--xsmall>.TokenGroup>.Token:not([dir=rtl])>:first-child:not(.Token-adornment) {
    margin-left: 12px
}

.Token--xsmall:not([dir=rtl])>:last-child,
.TokenGroup--xsmall>.Token:not([dir=rtl])>:last-child,
.TokenGroup--xsmall>.TokenGroup>.Token:not([dir=rtl])>:last-child {
    margin-right: 12px
}

.Token--xsmall:not([dir=rtl]) .Token-trigger,
.TokenGroup--xsmall>.Token:not([dir=rtl]) .Token-trigger,
.TokenGroup--xsmall>.TokenGroup>.Token:not([dir=rtl]) .Token-trigger {
    margin-left: 6px
}

.Token--xsmall[dir=rtl]>:first-child:not(.Token-adornment),
.TokenGroup--xsmall>.Token[dir=rtl]>:first-child:not(.Token-adornment),
.TokenGroup--xsmall>.TokenGroup>.Token[dir=rtl]>:first-child:not(.Token-adornment) {
    margin-right: 12px
}

.Token--xsmall[dir=rtl]>:last-child,
.TokenGroup--xsmall>.Token[dir=rtl]>:last-child,
.TokenGroup--xsmall>.TokenGroup>.Token[dir=rtl]>:last-child {
    margin-left: 12px
}

.Token--xsmall[dir=rtl] .Token-trigger,
.TokenGroup--xsmall>.Token[dir=rtl] .Token-trigger,
.TokenGroup--xsmall>.TokenGroup>.Token[dir=rtl] .Token-trigger {
    margin-right: 6px
}

.Token--xsmall .Token-adornment,
.TokenGroup--xsmall>.Token .Token-adornment,
.TokenGroup--xsmall>.TokenGroup>.Token .Token-adornment {
    border-radius: 6px;
    height: 12px;
    line-height: 12px;
    margin: 2px;
    min-width: 12px
}

.Token--xsmall .Token-adornmentImage,
.TokenGroup--xsmall>.Token .Token-adornmentImage,
.TokenGroup--xsmall>.TokenGroup>.Token .Token-adornmentImage {
    width: 12px;
    height: 12px
}

.Token--xsmall .Token-adornmentData,
.TokenGroup--xsmall>.Token .Token-adornmentData,
.TokenGroup--xsmall>.TokenGroup>.Token .Token-adornmentData {
    padding: 0 6px
}

.Token,
.Token--blue {
    background-color: #fff;
    border-color: #1da1f2;
    color: #1da1f2
}

.Token--blue .Token-adornment,
.Token .Token-adornment {
    background-color: #1da1f2;
    color: #fff
}

.Token--blue:hover,
.Token:hover {
    background-color: #97e3ff;
    color: #005fd1
}

.Token--blue.is-selected,
.Token.is-selected {
    background-color: #1da1f2;
    color: #fff;
    position: relative
}

.Token--blue.is-selected .Token-adornment,
.Token.is-selected .Token-adornment {
    background-color: #fff;
    color: #1da1f2
}

.Token--blue.is-selected:hover,
.Token.is-selected:hover {
    background-color: #005fd1;
    border-color: #005fd1
}

.Token--blue.is-focused,
.Token--blue .Token-checkbox input[type=checkbox]:focus+.Icon,
.Token--blue .Token-trigger:focus .Icon,
.Token--blue:focus,
.Token.is-focused,
.Token .Token-checkbox input[type=checkbox]:focus+.Icon,
.Token .Token-trigger:focus .Icon,
.Token:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #71c9f8
}

.Token--green {
    background-color: #fff;
    border-color: #17bf63;
    color: #17bf63
}

.Token--green .Token-adornment {
    background-color: #17bf63;
    color: #fff
}

.Token--green:hover {
    background-color: #a5f2aa;
    color: #008951
}

.Token--green.is-selected {
    background-color: #17bf63;
    color: #fff;
    position: relative
}

.Token--green.is-selected .Token-adornment {
    background-color: #fff;
    color: #17bf63
}

.Token--green.is-selected:hover {
    background-color: #008951;
    border-color: #008951
}

.Token--green.is-focused,
.Token--green .Token-checkbox input[type=checkbox]:focus+.Icon,
.Token--green .Token-trigger:focus .Icon,
.Token--green:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #68e090
}

.Token--red {
    background-color: #fff;
    border-color: #e0245e;
    color: #e0245e
}

.Token--red .Token-adornment {
    background-color: #e0245e;
    color: #fff
}

.Token--red:hover {
    background-color: #ffb8c2;
    color: #a01744
}

.Token--red.is-selected {
    background-color: #e0245e;
    color: #fff;
    position: relative
}

.Token--red.is-selected .Token-adornment {
    background-color: #fff;
    color: #e0245e
}

.Token--red.is-selected:hover {
    background-color: #a01744;
    border-color: #a01744
}

.Token--red.is-focused,
.Token--red .Token-checkbox input[type=checkbox]:focus+.Icon,
.Token--red .Token-trigger:focus .Icon,
.Token--red:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #f6809a
}

.Token--purple {
    background-color: #fff;
    border-color: #794bc4;
    color: #794bc4
}

.Token--purple .Token-adornment {
    background-color: #794bc4;
    color: #fff
}

.Token--purple:hover {
    background-color: #c7b4fa;
    color: #4f0299
}

.Token--purple.is-selected {
    background-color: #794bc4;
    color: #fff;
    position: relative
}

.Token--purple.is-selected .Token-adornment {
    background-color: #fff;
    color: #794bc4
}

.Token--purple.is-selected:hover {
    background-color: #4f0299;
    border-color: #4f0299
}

.Token--purple.is-focused,
.Token--purple .Token-checkbox input[type=checkbox]:focus+.Icon,
.Token--purple .Token-trigger:focus .Icon,
.Token--purple:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #a37ced
}

.Token--yellow {
    background-color: #fff;
    border-color: #ffad1f;
    color: #ffad1f
}

.Token--yellow .Token-adornment {
    background-color: #ffad1f;
    color: #fff
}

.Token--yellow:hover {
    background-color: #ffe76e;
    color: #f98e00
}

.Token--yellow.is-selected {
    background-color: #ffad1f;
    color: #fff;
    position: relative
}

.Token--yellow.is-selected .Token-adornment {
    background-color: #fff;
    color: #ffad1f
}

.Token--yellow.is-selected:hover {
    background-color: #f98e00;
    border-color: #f98e00
}

.Token--yellow.is-focused,
.Token--yellow .Token-checkbox input[type=checkbox]:focus+.Icon,
.Token--yellow .Token-trigger:focus .Icon,
.Token--yellow:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffd03f
}

.Token--gray {
    background-color: #fff;
    border-color: #657786;
    color: #657786
}

.Token--gray .Token-adornment {
    background-color: #657786;
    color: #fff
}

.Token--gray:hover {
    background-color: #e6ecf0;
    color: #657786
}

.Token--gray.is-selected {
    background-color: #657786;
    color: #fff;
    position: relative
}

.Token--gray.is-selected .Token-adornment {
    background-color: #fff;
    color: #657786
}

.Token--gray.is-selected:hover {
    background-color: #aab8c2;
    border-color: #aab8c2
}

.Token--gray.is-focused,
.Token--gray .Token-checkbox input[type=checkbox]:focus+.Icon,
.Token--gray .Token-trigger:focus .Icon,
.Token--gray:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #aab8c2
}

.FormTokenInput .Token {
    margin: 9px 9px 0 0
}

.FormTokenInput .Token:focus:not(.is-focused) {
    box-shadow: none
}

.FormTokenInput[dir=rtl] .Token {
    margin-right: 0;
    margin-left: 9px
}

.FormTokenInput.FormTextarea {
    padding: 8px 9px
}

.FormTokenInput-innerWrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: -9px
}

.FormTokenInput-input {
    flex-grow: 1;
    position: relative;
    height: auto;
    padding: 0;
    border: 0;
    margin-top: 9px;
    background: 0 0;
    outline: none
}

.FormTokenInput-input::-webkit-input-placeholder {
    color: #aab8c2;
    opacity: 1
}

.FormTokenInput-input::-moz-placeholder {
    color: #aab8c2;
    opacity: 1
}

.FormTokenInput-input:-ms-input-placeholder {
    color: #aab8c2
}

.FormTokenInput-zeroWidthSpace {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.FormTokenInput.FormTextarea {
    min-height: 45px
}

.FormTokenInput.FormTextarea .FormTokenInput-input {
    top: 0;
    height: 27px;
    font-size: 12px;
    line-height: 27px
}

.FormTokenInput--large.FormTextarea--large {
    min-height: 54px
}

.FormTokenInput--large.FormTextarea--large .FormTokenInput-input {
    top: 0;
    height: 36px;
    font-size: 14px;
    line-height: 36px
}

.FormTokenInput--small.FormTextarea--small {
    min-height: 36px
}

.FormTokenInput--small.FormTextarea--small .FormTokenInput-input {
    top: 0;
    height: 18px;
    font-size: 12px;
    line-height: 18px
}

.DataPoint .DataPoint-trend:before {
    display: block;
    font-family: edgeicons;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.DataPoint .DataPoint-trend--negative:before {
    content: "\F174"
}

.DataPoint .DataPoint-trend--positive:before {
    content: "\F188"
}

.DataPoint .DataPoint-label {
    font-size: 12px;
    line-height: 18px;
    color: #657786;
    font-weight: 700;
    position: relative;
    top: 3px
}

.DataPoint .DataPoint-info {
    font-size: 21px;
    line-height: 27px;
    color: #14171a;
    font-weight: 700
}

.DataPoint.DataPoint--large .DataPoint-info {
    font-size: 27px;
    line-height: 36px
}

.DataPoint.DataPoint--small .DataPoint-info {
    font-size: 18px;
    line-height: 27px
}

.DataPoint .DataPoint-trend {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-left: -4px;
    white-space: nowrap
}

.DataPoint .DataPoint-trend:before {
    font-size: 16px;
    line-height: 15px;
    display: inline-block;
    position: relative;
    top: 1px
}

.DataPoint .DataPoint-trend--negative {
    color: #e0245e
}

.DataPoint .DataPoint-trend--positive {
    color: #17bf63
}

.DataPoint--withBottomBorder {
    border-bottom: 1px solid #ccd6dd;
    margin-bottom: 9px;
    padding-bottom: 17px
}

.FormTokenInput.FormTextarea {
    min-height: auto
}

.FormTokenInput.FormTextarea .Icon--close {
    font-size: inherit;
    line-height: 22px
}

.FormTokenInput.FormTextarea .Icon--close:before {
    font-size: 14px
}

.FormTokenInput.FormTextarea ::-webkit-input-placeholder {
    color: #8899a6
}

.FormTokenInput.FormTextarea :-ms-input-placeholder {
    color: #8899a6
}

.FormTokenInput.FormTextarea ::-ms-input-placeholder {
    color: #8899a6
}

.FormTokenInput.FormTextarea ::placeholder {
    color: #8899a6
}

.FormTokenInput-input {
    width: auto
}

.FormTokenInput-input:focus {
    border: none;
    box-shadow: none
}

.FormTokenInput-innerWrapper .Token:first-of-type .Token-trigger {
    display: none
}

.FormTokenInput-innerWrapper .Token:first-of-type .Token-label {
    padding-right: 12px
}

.FormTokenInput-innerWrapper .Token-trigger:active,
.FormTokenInput-innerWrapper .Token-trigger:hover {
    background-color: inherit;
    color: inherit;
    text-decoration: none;
    box-shadow: none
}

.DatePicker {
    margin: auto
}

.DatePicker-calendar {
    width: 200px;
    margin: 0 auto
}

.DatePicker-nav {
    height: 35px
}

.DatePicker-calendarDay,
.DatePicker-calendarDayHeader {
    width: 25px;
    height: 25px;
    line-height: 26px
}

.DatePicker-monthButton {
    outline: 0
}

.DatePicker-monthButton .Icon {
    font-size: 10px
}

.DatePicker-monthButton--left {
    text-align: left
}

.DatePicker-monthButton--right {
    text-align: right
}

.DatePicker.date-unselected .is-rangeEnd,
.DatePicker.date-unselected .is-rangeStart {
    background-color: transparent;
    color: #14171a
}

.DatePicker.date-unselected .is-rangeEnd:hover,
.DatePicker.date-unselected .is-rangeStart:hover {
    background-color: #005091;
    color: #fff
}

.DatePickerDropdown-menuItem {
    padding: 10px
}

.DatePickerDropdown-menuItem--footer {
    border-radius: 0 0 4px 4px
}

.FormSelect .Icon--caretDown {
    font-size: 16px
}

.TimePickerDropdown.Dropdown {
    max-height: 200px;
    overflow-y: scroll;
    margin: 5px 0
}

.TimePicker.FormInput {
    padding-right: 0
}

.Dropdown-menuItem .Dropdown-menuItemContent input[type=radio]:checked:before {
    content: "\F021";
    font-family: tweetdeckregular;
    font-size: 14px
}

.NotificationList button {
    background: 0 0;
    border: 0;
    padding: 0
}

.DrawerModal,
.NotificationList .Notification-body {
    color: #14171a
}

.DrawerModal button.Drawer-close {
    background: 0 0;
    border: 0;
    padding: 0;
    margin-top: 6px
}

.DrawerModal .Panel-header {
    padding: 9px 20px 0
}

.DrawerModal .Panel-title {
    padding-bottom: 7px;
    border-bottom: 2px solid #ccd6dd
}

.DrawerModal .Panel-body {
    padding: 18px 20px
}

.DrawerModal .Panel-body:focus {
    outline: none
}

.DrawerModal .Panel-footer {
    padding: 18px 20px;
    background-color: #f5f8fa;
    border-top: 1px solid #ccd6dd
}

.Tooltip-inner {
    padding: 6px !important
}

@charset "UTF-8";
html.dark {
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.28578;
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: optimizeLegibility;
    overflow: hidden;
    color: #fff
}

html.dark .is-inverted-dark .stream-item {
    background-color: #fff
}

html.dark code,
html.dark kbd,
html.dark pre,
html.dark samp {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}

html.dark body {
    height: 100%;
    background-color: #1da1f2;
    overflow: hidden
}

html.dark body:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background-image: radial-gradient(circle, #1da1f2, #1c2938);
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

html.dark .application {
    min-width: 320px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

html.dark .is-application-animating {
    transition: top .2s
}

html.dark ::-moz-selection {
    background: #e1e8ed;
    color: #14171a;
    text-shadow: none
}

html.dark ::selection {
    background: #e1e8ed;
    color: #14171a;
    text-shadow: none
}

html.dark a {
    color: #1da1f2;
    text-decoration: none
}

html.dark a:active,
html.dark a:focus,
html.dark a:hover {
    color: #1da1f2;
    text-decoration: underline
}

html.dark p {
    margin: 0
}

html.dark dd,
html.dark dl,
html.dark li,
html.dark ol,
html.dark ul {
    padding: 0;
    margin: 0
}

html.dark ol,
html.dark ul {
    list-style: none
}

html.dark .dl,
html.dark .ol,
html.dark .ul {
    padding-left: 2em
}

html.dark .ul {
    list-style-type: disc
}

html.dark .ol {
    list-style-type: decimal
}

html.dark small {
    font-size: .8571rem
}

html.dark abbr[title] {
    border-bottom-width: 0
}

html.dark [hidden] {
    display: none !important;
    visibility: hidden
}

html.dark .touch-device .app-header,
html.dark .touch-device .column-header,
html.dark .touch-device .column-navigator,
html.dark .touch-device .drag-handle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

html.dark .emoji,
html.dark .hashflag {
    width: 1em;
    height: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -.1em
}

html.dark .txt-size--9 {
    font-size: 9px !important
}

html.dark .txt-line-height--9 {
    line-height: 9px
}

html.dark .txt-size--10 {
    font-size: 10px !important
}

html.dark .txt-line-height--10 {
    line-height: 10px
}

html.dark .txt-size--11 {
    font-size: 11px !important
}

html.dark .txt-line-height--11 {
    line-height: 11px
}

html.dark .txt-size--12 {
    font-size: 12px !important
}

html.dark .txt-line-height--12 {
    line-height: 12px
}

html.dark .txt-size--13 {
    font-size: 13px !important
}

html.dark .txt-line-height--13 {
    line-height: 13px
}

html.dark .txt-size--14 {
    font-size: 14px !important
}

html.dark .txt-line-height--14 {
    line-height: 14px
}

html.dark .txt-size--15 {
    font-size: 15px !important
}

html.dark .txt-line-height--15 {
    line-height: 15px
}

html.dark .txt-size--16 {
    font-size: 16px !important
}

html.dark .txt-line-height--16 {
    line-height: 16px
}

html.dark .txt-size--17 {
    font-size: 17px !important
}

html.dark .txt-line-height--17 {
    line-height: 17px
}

html.dark .txt-size--18 {
    font-size: 18px !important
}

html.dark .txt-line-height--18 {
    line-height: 18px
}

html.dark .txt-size--19 {
    font-size: 19px !important
}

html.dark .txt-line-height--19 {
    line-height: 19px
}

html.dark .txt-size--20 {
    font-size: 20px !important
}

html.dark .txt-line-height--20 {
    line-height: 20px
}

html.dark .txt-size--21 {
    font-size: 21px !important
}

html.dark .txt-line-height--21 {
    line-height: 21px
}

html.dark .txt-size--22 {
    font-size: 22px !important
}

html.dark .txt-line-height--22 {
    line-height: 22px
}

html.dark .txt-size--23 {
    font-size: 23px !important
}

html.dark .txt-line-height--23 {
    line-height: 23px
}

html.dark .txt-size--24 {
    font-size: 24px !important
}

html.dark .txt-line-height--24 {
    line-height: 24px
}

html.dark .txt-size--25 {
    font-size: 25px !important
}

html.dark .txt-line-height--25 {
    line-height: 25px
}

html.dark .txt-size--26 {
    font-size: 26px !important
}

html.dark .txt-line-height--26 {
    line-height: 26px
}

html.dark .txt-size--27 {
    font-size: 27px !important
}

html.dark .txt-line-height--27 {
    line-height: 27px
}

html.dark .txt-size--28 {
    font-size: 28px !important
}

html.dark .txt-line-height--28 {
    line-height: 28px
}

html.dark .txt-size--29 {
    font-size: 29px !important
}

html.dark .txt-line-height--29 {
    line-height: 29px
}

html.dark .txt-size--30 {
    font-size: 30px !important
}

html.dark .txt-line-height--30 {
    line-height: 30px
}

html.dark .txt-size--31 {
    font-size: 31px !important
}

html.dark .txt-line-height--31 {
    line-height: 31px
}

html.dark .txt-size--32 {
    font-size: 32px !important
}

html.dark .txt-line-height--32 {
    line-height: 32px
}

html.dark .txt-size--33 {
    font-size: 33px !important
}

html.dark .txt-line-height--33 {
    line-height: 33px
}

html.dark .txt-size--34 {
    font-size: 34px !important
}

html.dark .txt-line-height--34 {
    line-height: 34px
}

html.dark .txt-size--35 {
    font-size: 35px !important
}

html.dark .txt-line-height--35 {
    line-height: 35px
}

html.dark .txt-size--36 {
    font-size: 36px !important
}

html.dark .txt-line-height--36 {
    line-height: 36px
}

html.dark .txt-size--37 {
    font-size: 37px !important
}

html.dark .txt-line-height--37 {
    line-height: 37px
}

html.dark .txt-size--38 {
    font-size: 38px !important
}

html.dark .txt-line-height--38 {
    line-height: 38px
}

html.dark .txt-size--39 {
    font-size: 39px !important
}

html.dark .txt-line-height--39 {
    line-height: 39px
}

html.dark .txt-size--40 {
    font-size: 40px !important
}

html.dark .txt-line-height--40 {
    line-height: 40px
}

html.dark .txt-size--0 {
    font-size: 0
}

html.dark .txt-size-variable--9 {
    font-size: .64286rem !important
}

html.dark .txt-size-variable--10 {
    font-size: .71429rem !important
}

html.dark .txt-size-variable--11 {
    font-size: .78571rem !important
}

html.dark .txt-size-variable--12 {
    font-size: .85714rem !important
}

html.dark .txt-size-variable--13 {
    font-size: .92857rem !important
}

html.dark .txt-size-variable--14 {
    font-size: 1rem !important
}

html.dark .txt-size-variable--15 {
    font-size: 1.07143rem !important
}

html.dark .txt-size-variable--16 {
    font-size: 1.14286rem !important
}

html.dark .txt-size-variable--17 {
    font-size: 1.21429rem !important
}

html.dark .txt-size-variable--18 {
    font-size: 1.28571rem !important
}

html.dark .txt-size-variable--19 {
    font-size: 1.35714rem !important
}

html.dark .txt-size-variable--20 {
    font-size: 1.42857rem !important
}

html.dark .txt-size-variable--21 {
    font-size: 1.5rem !important
}

html.dark .txt-size-variable--22 {
    font-size: 1.57143rem !important
}

html.dark .txt-size-variable--23 {
    font-size: 1.64286rem !important
}

html.dark .txt-size-variable--24 {
    font-size: 1.71429rem !important
}

html.dark .txt-size-variable--25 {
    font-size: 1.78571rem !important
}

html.dark .txt-size-variable--26 {
    font-size: 1.85714rem !important
}

html.dark .txt-size-variable--27 {
    font-size: 1.92857rem !important
}

html.dark .txt-size-variable--28 {
    font-size: 2rem !important
}

html.dark .txt-size-variable--29 {
    font-size: 2.07143rem !important
}

html.dark .txt-size-variable--30 {
    font-size: 2.14286rem !important
}

html.dark .txt-size-variable--31 {
    font-size: 2.21429rem !important
}

html.dark .txt-size-variable--32 {
    font-size: 2.28571rem !important
}

html.dark .txt-size-variable--33 {
    font-size: 2.35714rem !important
}

html.dark .txt-size-variable--34 {
    font-size: 2.42857rem !important
}

html.dark .txt-size-variable--35 {
    font-size: 2.5rem !important
}

html.dark .txt-size-variable--36 {
    font-size: 2.57143rem !important
}

html.dark .txt-size-variable--37 {
    font-size: 2.64286rem !important
}

html.dark .txt-size-variable--38 {
    font-size: 2.71429rem !important
}

html.dark .txt-size-variable--39 {
    font-size: 2.78571rem !important
}

html.dark .txt-size-variable--40 {
    font-size: 2.85714rem !important
}

html.dark .letter-spacing--1 {
    letter-spacing: 1px
}

html.dark .letter-spacing--3 {
    letter-spacing: 3px
}

html.dark .txt-italic {
    font-style: italic
}

html.dark .txt-bold {
    font-weight: 700
}

html.dark .txt-weight-normal {
    font-weight: 400
}

html.dark .txt-weight--100 {
    font-weight: 100
}

html.dark .txt-weight--200 {
    font-weight: 200
}

html.dark .txt-weight--300 {
    font-weight: 300
}

html.dark .txt-weight--400 {
    font-weight: 400
}

html.dark .txt-weight--500 {
    font-weight: 500
}

html.dark .txt-weight--600 {
    font-weight: 600
}

html.dark .txt-weight--700 {
    font-weight: 700
}

html.dark .txt-weight--800 {
    font-weight: 800
}

html.dark .txt-weight--900 {
    font-weight: 900
}

html.dark .txt-center {
    text-align: center
}

html.dark .txt-left {
    text-align: left !important
}

html.dark .txt-right {
    text-align: right !important
}

html.dark .txt-bot {
    vertical-align: bottom !important
}

html.dark .txt-mute {
    color: #8899a6
}

html.dark .txt-mute a:not(:hover):not(:focus) {
    color: #8899a6
}

html.dark .txt-mute-text-only {
    color: #8899a6
}

html.dark .color-twitter-emphasis-gray {
    color: #aab8c2
}

html.dark .txt-ellipsis {
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

html.dark .txt-uppercase {
    text-transform: uppercase
}

html.dark .txt-capitalize {
    text-transform: capitalize
}

html.dark .txt-antialiased {
    -webkit-font-smoothing: antialiased
}

html.dark .txt-sub-antialiased {
    -webkit-font-smoothing: subpixel-antialiased
}

html.dark .with-linebreaks {
    white-space: pre-wrap
}

html.dark .txt-link:hover {
    text-decoration: underline;
    cursor: pointer
}

html.dark .with-touch-font-size.txt-base-smallest,
html.dark .with-touch-font-size .txt-base-smallest {
    font-size: 12px
}

html.dark .with-touch-font-size.txt-base-small,
html.dark .with-touch-font-size .txt-base-small {
    font-size: 14px
}

html.dark .with-touch-font-size.txt-base-medium,
html.dark .with-touch-font-size .txt-base-medium {
    font-size: 16px
}

html.dark .with-touch-font-size.txt-base-large,
html.dark .with-touch-font-size .txt-base-large {
    font-size: 18px
}

html.dark .with-touch-font-size.txt-base-largest,
html.dark .with-touch-font-size .txt-base-largest {
    font-size: 20px
}

html.dark .is-touch-column-options .txt-base-smallest,
html.dark .is-touch-search .txt-base-smallest,
html.dark .touch-device .with-touch-txt-base .txt-base-smallest {
    font-size: 15px
}

html.dark .is-touch-column-options .txt-base-small,
html.dark .is-touch-search .txt-base-small,
html.dark .touch-device .with-touch-txt-base .txt-base-small {
    font-size: 16.25px
}

html.dark .is-touch-column-options .txt-base-medium,
html.dark .is-touch-search .txt-base-medium,
html.dark .touch-device .with-touch-txt-base .txt-base-medium {
    font-size: 17.5px
}

html.dark .is-touch-column-options .txt-base-large,
html.dark .is-touch-search .txt-base-large,
html.dark .touch-device .with-touch-txt-base .txt-base-large {
    font-size: 18.75px
}

html.dark .is-touch-column-options .txt-base-largest,
html.dark .is-touch-search .txt-base-largest,
html.dark .touch-device .with-touch-txt-base .txt-base-largest {
    font-size: 20px
}

html.dark .link-complex:active,
html.dark .link-complex:focus,
html.dark .link-complex:hover,
html.dark .link-complex:visited {
    text-decoration: none;
    outline: none
}

html.dark .link-complex:active .link-complex-target,
html.dark .link-complex:focus .link-complex-target,
html.dark .link-complex:hover .link-complex-target,
html.dark .link-complex:visited .link-complex-target {
    text-decoration: underline
}

html.dark .link-clean,
html.dark .link-clean:active,
html.dark .link-clean:focus,
html.dark .link-clean:hover {
    text-decoration: none
}

html.dark .link-underline,
html.dark .link-underline:active,
html.dark .link-underline:focus,
html.dark .link-underline:hover {
    text-decoration: underline
}

html.dark .link-hover-override:hover .link-hover-target {
    color: #1da1f2
}

html.dark .link-no-focus {
    outline-style: none !important
}

html.dark .link-current-color {
    color: currentColor
}

html.dark .link-current-color:active,
html.dark .link-current-color:hover,
html.dark .link-current-color:visited {
    color: currentColor
}

html.dark .is-touch-tweet-container .txt-small[rel=viewDetails] {
    display: none
}

html.dark .scroll-none {
    overflow: hidden
}

html.dark .scroll-v {
    overflow-y: auto
}

html.dark .scroll-h {
    overflow-y: hidden;
    overflow-x: auto
}

html.dark .scroll-styled-h,
html.dark .scroll-styled-v {
    -ms-scrollbar-face-color: #3d5466;
    scrollbar-face-color: #3d5466;
    -ms-scrollbar-highlight-color: #3d5466;
    scrollbar-highlight-color: #3d5466;
    -ms-scrollbar-shadow-color: #3d5466;
    scrollbar-shadow-color: #3d5466;
    -ms-scrollbar-darkshadow-color: #3d5466;
    scrollbar-darkshadow-color: #3d5466;
    -ms-scrollbar-track-color: #38444d;
    scrollbar-track-color: #38444d;
    -ms-scrollbar-3dlight-color: #3d5466;
    scrollbar-3dlight-color: #3d5466;
    -ms-scrollbar-arrow-color: #8899a6;
    scrollbar-arrow-color: #8899a6;
    scrollbar-color: #657786 #15202b
}

html.dark .scroll-styled-v::-webkit-scrollbar {
    width: 10px
}

html.dark .scroll-styled-h::-webkit-scrollbar {
    height: 11px
}

html.dark .scroll-styled-h::-webkit-scrollbar-track,
html.dark .scroll-styled-v::-webkit-scrollbar-track {
    border-left: 1px solid #38444d
}

html.dark .scroll-styled-h::-webkit-scrollbar-thumb,
html.dark .scroll-styled-v::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #657786
}

html.dark .scroll-styled-h::-webkit-scrollbar-thumb:hover,
html.dark .scroll-styled-v::-webkit-scrollbar-thumb:hover {
    background-color: #8899a6
}

html.dark .scroll-styled-v::-webkit-scrollbar-thumb {
    min-height: 50px
}

html.dark .scroll-alt {
    -ms-scrollbar-face-color: #3d5466;
    scrollbar-face-color: #3d5466;
    -ms-scrollbar-highlight-color: #3d5466;
    scrollbar-highlight-color: #3d5466;
    -ms-scrollbar-shadow-color: #3d5466;
    scrollbar-shadow-color: #3d5466;
    -ms-scrollbar-darkshadow-color: #3d5466;
    scrollbar-darkshadow-color: #3d5466;
    -ms-scrollbar-track-color: #38444d;
    scrollbar-track-color: #38444d;
    -ms-scrollbar-3dlight-color: #3d5466;
    scrollbar-3dlight-color: #3d5466;
    -ms-scrollbar-arrow-color: #8899a6;
    scrollbar-arrow-color: #8899a6
}

html.dark .scroll-alt::-webkit-scrollbar-track {
    border-color: #e1e8ed
}

html.dark .scroll-alt::-webkit-scrollbar-thumb {
    background-color: #e1e8ed
}

html.dark .scroll-alt::-webkit-scrollbar-thumb:hover {
    background-color: #657786
}

html.dark .scroll-conversation {
    background: #10171e
}

html.dark .is-inverted-dark .column-scroller::-webkit-scrollbar-track {
    border-left-color: #e1e8ed
}

html.dark .is-inverted-dark .column-scroller::-webkit-scrollbar-thumb {
    background-color: #e1e8ed
}

html.dark .is-inverted-dark .column-scroller::-webkit-scrollbar-thumb:hover {
    background-color: #8899a6
}

html.dark .antiscroll-wrap {
    position: relative;
    overflow: hidden
}

html.dark .antiscroll-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll
}

html.dark .antiscroll-inner::-webkit-scrollbar {
    width: 0;
    height: 0
}

html.dark .antiscroll-inner::scrollbar {
    width: 0;
    height: 0
}

html.dark .antiscroll-scrollbar {
    z-index: 1000;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 7px;
    position: absolute;
    opacity: 0;
    transition: opacity .3s linear
}

html.dark .antiscroll-scrollbar-shown {
    opacity: 1
}

html.dark .antiscroll-scrollbar-horizontal {
    height: 7px;
    margin-left: 2px;
    bottom: 2px;
    left: 0
}

html.dark .antiscroll-scrollbar-vertical {
    width: 6px;
    margin-top: 2px;
    top: 0
}

html.dark .antiscroll-scrollbar-position-left {
    left: 1px
}

html.dark .antiscroll-scrollbar-position-right {
    right: 1px
}

html.dark .touch-device .scroll-h,
html.dark .touch-device .scroll-v {
    -webkit-overflow-scrolling: touch
}

html.dark .touch-device .antiscroll-inner {
    -webkit-overflow-scrolling: auto
}

html.dark .needs-scroll-bottom-offset.scroll-styled-h {
    bottom: 4px
}

html.dark .l-table {
    display: table;
    width: 100%;
    height: 100%
}

html.dark .l-row {
    display: table-row
}

html.dark .l-cell {
    display: table-cell;
    vertical-align: middle
}

html.dark .l-cell-modal {
    padding-top: 44px
}

html.dark .l-cell.s-padded {
    padding: 0 40px
}

html.dark .l-column {
    position: relative;
    float: left;
    width: 200px;
    height: 100%
}

html.dark .l-column-scrollv {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%
}

html.dark .l-quarterheight {
    height: 25%
}

html.dark .l-halfheight {
    height: 50%
}

html.dark .l-threequarterheight {
    height: 75%
}

html.dark .l-fullheight {
    height: 100%
}

html.dark .s-with-pinned {
    top: 46px
}

html.dark .s-with-pinned-bottom {
    top: 12px;
    bottom: 50px
}

html.dark .s-with-reply {
    top: 58px;
    transition: top .3s ease-in-out
}

html.dark .s-extended {
    margin-top: 37px;
    top: 98px
}

html.dark .row {
    margin: 11px 0
}

html.dark .inline {
    display: inline !important
}

html.dark .inline-block {
    display: inline-block !important
}

html.dark .no-wrap {
    overflow: visible;
    white-space: nowrap
}

html.dark .wrap {
    white-space: normal
}

html.dark .visible-overflow--important {
    overflow: visible !important
}

html.dark .horizontal-flow-container {
    overflow: visible;
    white-space: nowrap;
    font-size: 0
}

html.dark .block {
    display: block !important
}

html.dark .nbfc {
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word
}

html.dark .hyphenate {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

html.dark .nbfc-alt {
    display: table-cell;
    width: 10000px;
    word-break: break-word;
    word-wrap: break-word
}

html.dark .cf {
    display: block
}

html.dark .cf:after,
html.dark .cf:before {
    display: block;
    content: " "
}

html.dark .cf:after {
    clear: both
}

html.dark .pull-right {
    float: right
}

html.dark .pull-left {
    float: left
}

html.dark .obj-left {
    float: left;
    margin-right: 10px
}

html.dark .obj-right {
    float: right;
    margin-left: 10px
}

html.dark .obj-center {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important
}

html.dark .is-hidden {
    display: none !important
}

html.dark .position-abs {
    position: absolute
}

html.dark .position-rel {
    position: relative
}

html.dark .fade {
    opacity: 0;
    transition: opacity .15s linear
}

html.dark .fade.in {
    opacity: 1
}

html.dark .is-medium-columns .is-vishidden-medium,
html.dark .is-narrow-columns .is-vishidden-narrow,
html.dark .is-vishidden,
html.dark .is-wide-columns .is-vishidden-wide {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

html.dark .is-medium-columns .is-visshown-medium,
html.dark .is-narrow-columns .is-visshown-narrow,
html.dark .is-wide-columns .is-visshown-wide {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto
}

html.dark .is-invisible {
    visibility: hidden !important
}

html.dark .is-visible {
    visibility: visible !important
}

html.dark .is-loading {
    width: auto !important;
    height: auto !important;
    padding: 50px;
    background-color: #1c2938
}

html.dark .with-drop-shadow:after {
    z-index: 1000;
    content: " ";
    position: absolute;
    height: 10px;
    bottom: -10px;
    left: 0;
    width: 100%;
    box-shadow: inset 0 2px 1px rgba(20, 23, 26, .25);
    border-top: 1px solid rgba(20, 23, 26, .25)
}

html.dark .pin-top,
html.dark .pin-top-full-width {
    position: absolute;
    top: 0
}

html.dark .pin-top-full-width {
    left: 0;
    right: 0
}

html.dark .pin-bottom,
html.dark .pin-bottom-full-width {
    position: absolute;
    bottom: 0
}

html.dark .pin-bottom-full-width {
    left: 0;
    right: 0
}

html.dark .pin-bottom--17 {
    position: absolute;
    bottom: 17px
}

html.dark .pin-left {
    position: absolute;
    left: 0
}

html.dark .pin-left--15 {
    position: absolute;
    left: 15px
}

html.dark .pin-all,
html.dark .pin-right {
    position: absolute;
    right: 0
}

html.dark .pin-all {
    top: 0;
    bottom: 0;
    left: 0
}

html.dark .pin-v {
    position: absolute;
    top: 0;
    bottom: 0
}

html.dark .full-width {
    width: 100% !important
}

html.dark .max-full-width {
    max-width: 100% !important
}

html.dark .full-height {
    height: 100% !important
}

html.dark .half-width {
    width: 50%
}

html.dark .reset-height {
    min-height: 0 !important
}

html.dark .no-collapse {
    min-height: 1em
}

html.dark .align-middle {
    vertical-align: middle !important
}

html.dark .align-top {
    vertical-align: top !important
}

html.dark .vertical-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

html.dark .vertical-align--baseline {
    vertical-align: baseline
}

html.dark .border-box {
    box-sizing: border-box
}

html.dark .is-actionable {
    cursor: pointer
}

html.dark .is-default {
    cursor: default
}

html.dark .is-waiting {
    cursor: wait
}

html.dark .is-movable {
    cursor: move
}

html.dark .is-zoomable {
    cursor: zoom-in
}

html.dark .no-radius {
    border-radius: 0 !important
}

html.dark .no-border {
    border: none !important
}

html.dark .border-divider {
    border-bottom: 1px solid #e1e8ed;
    border-bottom: 1px solid #14171a
}

html.dark .border-separated li {
    border-bottom: 1px solid #ccd6dd
}

html.dark .border-separated li:last-child {
    border-bottom: none
}

html.dark .dark-border {
    border: 1px solid #10171e
}

html.dark .dark-border-top {
    border-top: 1px solid #14171a
}

html.dark .will-animate {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

html.dark .size-200 {
    width: 200px !important;
    height: 200px !important
}

html.dark .size-80 {
    width: 80px !important;
    height: 80px !important
}

html.dark .size-50 {
    width: 50px !important;
    height: 50px !important
}

html.dark .z-index--1 {
    z-index: 1
}

html.dark .z-index--2 {
    z-index: 2
}

html.dark .z-index--3 {
    z-index: 3
}

html.dark .z-index--4 {
    z-index: 4
}

html.dark .z-index--5 {
    z-index: 5
}

html.dark .rotate---90 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

html.dark .margin-v---58 {
    margin-top: -58px !important;
    margin-bottom: -58px !important
}

html.dark .margin-h---58 {
    margin-left: -58px !important;
    margin-right: -58px !important
}

html.dark .margin-t---58 {
    margin-top: -58px !important
}

html.dark .margin-b---58 {
    margin-bottom: -58px !important
}

html.dark .margin-l---58 {
    margin-left: -58px !important
}

html.dark .margin-r---58 {
    margin-right: -58px !important
}

html.dark .margin-a---58 {
    margin: -58px !important
}

html.dark .padding-v---58 {
    padding-top: -58px !important;
    padding-bottom: -58px !important
}

html.dark .padding-h---58 {
    padding-left: -58px !important;
    padding-right: -58px !important
}

html.dark .padding-t---58 {
    padding-top: -58px !important
}

html.dark .padding-b---58 {
    padding-bottom: -58px !important
}

html.dark .padding-l---58 {
    padding-left: -58px !important
}

html.dark .padding-r---58 {
    padding-right: -58px !important
}

html.dark .padding-a---58 {
    padding: -58px !important
}

html.dark .margin-v---57 {
    margin-top: -57px !important;
    margin-bottom: -57px !important
}

html.dark .margin-h---57 {
    margin-left: -57px !important;
    margin-right: -57px !important
}

html.dark .margin-t---57 {
    margin-top: -57px !important
}

html.dark .margin-b---57 {
    margin-bottom: -57px !important
}

html.dark .margin-l---57 {
    margin-left: -57px !important
}

html.dark .margin-r---57 {
    margin-right: -57px !important
}

html.dark .margin-a---57 {
    margin: -57px !important
}

html.dark .padding-v---57 {
    padding-top: -57px !important;
    padding-bottom: -57px !important
}

html.dark .padding-h---57 {
    padding-left: -57px !important;
    padding-right: -57px !important
}

html.dark .padding-t---57 {
    padding-top: -57px !important
}

html.dark .padding-b---57 {
    padding-bottom: -57px !important
}

html.dark .padding-l---57 {
    padding-left: -57px !important
}

html.dark .padding-r---57 {
    padding-right: -57px !important
}

html.dark .padding-a---57 {
    padding: -57px !important
}

html.dark .margin-v---56 {
    margin-top: -56px !important;
    margin-bottom: -56px !important
}

html.dark .margin-h---56 {
    margin-left: -56px !important;
    margin-right: -56px !important
}

html.dark .margin-t---56 {
    margin-top: -56px !important
}

html.dark .margin-b---56 {
    margin-bottom: -56px !important
}

html.dark .margin-l---56 {
    margin-left: -56px !important
}

html.dark .margin-r---56 {
    margin-right: -56px !important
}

html.dark .margin-a---56 {
    margin: -56px !important
}

html.dark .padding-v---56 {
    padding-top: -56px !important;
    padding-bottom: -56px !important
}

html.dark .padding-h---56 {
    padding-left: -56px !important;
    padding-right: -56px !important
}

html.dark .padding-t---56 {
    padding-top: -56px !important
}

html.dark .padding-b---56 {
    padding-bottom: -56px !important
}

html.dark .padding-l---56 {
    padding-left: -56px !important
}

html.dark .padding-r---56 {
    padding-right: -56px !important
}

html.dark .padding-a---56 {
    padding: -56px !important
}

html.dark .margin-v---55 {
    margin-top: -55px !important;
    margin-bottom: -55px !important
}

html.dark .margin-h---55 {
    margin-left: -55px !important;
    margin-right: -55px !important
}

html.dark .margin-t---55 {
    margin-top: -55px !important
}

html.dark .margin-b---55 {
    margin-bottom: -55px !important
}

html.dark .margin-l---55 {
    margin-left: -55px !important
}

html.dark .margin-r---55 {
    margin-right: -55px !important
}

html.dark .margin-a---55 {
    margin: -55px !important
}

html.dark .padding-v---55 {
    padding-top: -55px !important;
    padding-bottom: -55px !important
}

html.dark .padding-h---55 {
    padding-left: -55px !important;
    padding-right: -55px !important
}

html.dark .padding-t---55 {
    padding-top: -55px !important
}

html.dark .padding-b---55 {
    padding-bottom: -55px !important
}

html.dark .padding-l---55 {
    padding-left: -55px !important
}

html.dark .padding-r---55 {
    padding-right: -55px !important
}

html.dark .padding-a---55 {
    padding: -55px !important
}

html.dark .margin-v---54 {
    margin-top: -54px !important;
    margin-bottom: -54px !important
}

html.dark .margin-h---54 {
    margin-left: -54px !important;
    margin-right: -54px !important
}

html.dark .margin-t---54 {
    margin-top: -54px !important
}

html.dark .margin-b---54 {
    margin-bottom: -54px !important
}

html.dark .margin-l---54 {
    margin-left: -54px !important
}

html.dark .margin-r---54 {
    margin-right: -54px !important
}

html.dark .margin-a---54 {
    margin: -54px !important
}

html.dark .padding-v---54 {
    padding-top: -54px !important;
    padding-bottom: -54px !important
}

html.dark .padding-h---54 {
    padding-left: -54px !important;
    padding-right: -54px !important
}

html.dark .padding-t---54 {
    padding-top: -54px !important
}

html.dark .padding-b---54 {
    padding-bottom: -54px !important
}

html.dark .padding-l---54 {
    padding-left: -54px !important
}

html.dark .padding-r---54 {
    padding-right: -54px !important
}

html.dark .padding-a---54 {
    padding: -54px !important
}

html.dark .margin-v---53 {
    margin-top: -53px !important;
    margin-bottom: -53px !important
}

html.dark .margin-h---53 {
    margin-left: -53px !important;
    margin-right: -53px !important
}

html.dark .margin-t---53 {
    margin-top: -53px !important
}

html.dark .margin-b---53 {
    margin-bottom: -53px !important
}

html.dark .margin-l---53 {
    margin-left: -53px !important
}

html.dark .margin-r---53 {
    margin-right: -53px !important
}

html.dark .margin-a---53 {
    margin: -53px !important
}

html.dark .padding-v---53 {
    padding-top: -53px !important;
    padding-bottom: -53px !important
}

html.dark .padding-h---53 {
    padding-left: -53px !important;
    padding-right: -53px !important
}

html.dark .padding-t---53 {
    padding-top: -53px !important
}

html.dark .padding-b---53 {
    padding-bottom: -53px !important
}

html.dark .padding-l---53 {
    padding-left: -53px !important
}

html.dark .padding-r---53 {
    padding-right: -53px !important
}

html.dark .padding-a---53 {
    padding: -53px !important
}

html.dark .margin-v---52 {
    margin-top: -52px !important;
    margin-bottom: -52px !important
}

html.dark .margin-h---52 {
    margin-left: -52px !important;
    margin-right: -52px !important
}

html.dark .margin-t---52 {
    margin-top: -52px !important
}

html.dark .margin-b---52 {
    margin-bottom: -52px !important
}

html.dark .margin-l---52 {
    margin-left: -52px !important
}

html.dark .margin-r---52 {
    margin-right: -52px !important
}

html.dark .margin-a---52 {
    margin: -52px !important
}

html.dark .padding-v---52 {
    padding-top: -52px !important;
    padding-bottom: -52px !important
}

html.dark .padding-h---52 {
    padding-left: -52px !important;
    padding-right: -52px !important
}

html.dark .padding-t---52 {
    padding-top: -52px !important
}

html.dark .padding-b---52 {
    padding-bottom: -52px !important
}

html.dark .padding-l---52 {
    padding-left: -52px !important
}

html.dark .padding-r---52 {
    padding-right: -52px !important
}

html.dark .padding-a---52 {
    padding: -52px !important
}

html.dark .margin-v---51 {
    margin-top: -51px !important;
    margin-bottom: -51px !important
}

html.dark .margin-h---51 {
    margin-left: -51px !important;
    margin-right: -51px !important
}

html.dark .margin-t---51 {
    margin-top: -51px !important
}

html.dark .margin-b---51 {
    margin-bottom: -51px !important
}

html.dark .margin-l---51 {
    margin-left: -51px !important
}

html.dark .margin-r---51 {
    margin-right: -51px !important
}

html.dark .margin-a---51 {
    margin: -51px !important
}

html.dark .padding-v---51 {
    padding-top: -51px !important;
    padding-bottom: -51px !important
}

html.dark .padding-h---51 {
    padding-left: -51px !important;
    padding-right: -51px !important
}

html.dark .padding-t---51 {
    padding-top: -51px !important
}

html.dark .padding-b---51 {
    padding-bottom: -51px !important
}

html.dark .padding-l---51 {
    padding-left: -51px !important
}

html.dark .padding-r---51 {
    padding-right: -51px !important
}

html.dark .padding-a---51 {
    padding: -51px !important
}

html.dark .margin-v---50 {
    margin-top: -50px !important;
    margin-bottom: -50px !important
}

html.dark .margin-h---50 {
    margin-left: -50px !important;
    margin-right: -50px !important
}

html.dark .margin-t---50 {
    margin-top: -50px !important
}

html.dark .margin-b---50 {
    margin-bottom: -50px !important
}

html.dark .margin-l---50 {
    margin-left: -50px !important
}

html.dark .margin-r---50 {
    margin-right: -50px !important
}

html.dark .margin-a---50 {
    margin: -50px !important
}

html.dark .padding-v---50 {
    padding-top: -50px !important;
    padding-bottom: -50px !important
}

html.dark .padding-h---50 {
    padding-left: -50px !important;
    padding-right: -50px !important
}

html.dark .padding-t---50 {
    padding-top: -50px !important
}

html.dark .padding-b---50 {
    padding-bottom: -50px !important
}

html.dark .padding-l---50 {
    padding-left: -50px !important
}

html.dark .padding-r---50 {
    padding-right: -50px !important
}

html.dark .padding-a---50 {
    padding: -50px !important
}

html.dark .margin-v---49 {
    margin-top: -49px !important;
    margin-bottom: -49px !important
}

html.dark .margin-h---49 {
    margin-left: -49px !important;
    margin-right: -49px !important
}

html.dark .margin-t---49 {
    margin-top: -49px !important
}

html.dark .margin-b---49 {
    margin-bottom: -49px !important
}

html.dark .margin-l---49 {
    margin-left: -49px !important
}

html.dark .margin-r---49 {
    margin-right: -49px !important
}

html.dark .margin-a---49 {
    margin: -49px !important
}

html.dark .padding-v---49 {
    padding-top: -49px !important;
    padding-bottom: -49px !important
}

html.dark .padding-h---49 {
    padding-left: -49px !important;
    padding-right: -49px !important
}

html.dark .padding-t---49 {
    padding-top: -49px !important
}

html.dark .padding-b---49 {
    padding-bottom: -49px !important
}

html.dark .padding-l---49 {
    padding-left: -49px !important
}

html.dark .padding-r---49 {
    padding-right: -49px !important
}

html.dark .padding-a---49 {
    padding: -49px !important
}

html.dark .margin-v---48 {
    margin-top: -48px !important;
    margin-bottom: -48px !important
}

html.dark .margin-h---48 {
    margin-left: -48px !important;
    margin-right: -48px !important
}

html.dark .margin-t---48 {
    margin-top: -48px !important
}

html.dark .margin-b---48 {
    margin-bottom: -48px !important
}

html.dark .margin-l---48 {
    margin-left: -48px !important
}

html.dark .margin-r---48 {
    margin-right: -48px !important
}

html.dark .margin-a---48 {
    margin: -48px !important
}

html.dark .padding-v---48 {
    padding-top: -48px !important;
    padding-bottom: -48px !important
}

html.dark .padding-h---48 {
    padding-left: -48px !important;
    padding-right: -48px !important
}

html.dark .padding-t---48 {
    padding-top: -48px !important
}

html.dark .padding-b---48 {
    padding-bottom: -48px !important
}

html.dark .padding-l---48 {
    padding-left: -48px !important
}

html.dark .padding-r---48 {
    padding-right: -48px !important
}

html.dark .padding-a---48 {
    padding: -48px !important
}

html.dark .margin-v---47 {
    margin-top: -47px !important;
    margin-bottom: -47px !important
}

html.dark .margin-h---47 {
    margin-left: -47px !important;
    margin-right: -47px !important
}

html.dark .margin-t---47 {
    margin-top: -47px !important
}

html.dark .margin-b---47 {
    margin-bottom: -47px !important
}

html.dark .margin-l---47 {
    margin-left: -47px !important
}

html.dark .margin-r---47 {
    margin-right: -47px !important
}

html.dark .margin-a---47 {
    margin: -47px !important
}

html.dark .padding-v---47 {
    padding-top: -47px !important;
    padding-bottom: -47px !important
}

html.dark .padding-h---47 {
    padding-left: -47px !important;
    padding-right: -47px !important
}

html.dark .padding-t---47 {
    padding-top: -47px !important
}

html.dark .padding-b---47 {
    padding-bottom: -47px !important
}

html.dark .padding-l---47 {
    padding-left: -47px !important
}

html.dark .padding-r---47 {
    padding-right: -47px !important
}

html.dark .padding-a---47 {
    padding: -47px !important
}

html.dark .margin-v---46 {
    margin-top: -46px !important;
    margin-bottom: -46px !important
}

html.dark .margin-h---46 {
    margin-left: -46px !important;
    margin-right: -46px !important
}

html.dark .margin-t---46 {
    margin-top: -46px !important
}

html.dark .margin-b---46 {
    margin-bottom: -46px !important
}

html.dark .margin-l---46 {
    margin-left: -46px !important
}

html.dark .margin-r---46 {
    margin-right: -46px !important
}

html.dark .margin-a---46 {
    margin: -46px !important
}

html.dark .padding-v---46 {
    padding-top: -46px !important;
    padding-bottom: -46px !important
}

html.dark .padding-h---46 {
    padding-left: -46px !important;
    padding-right: -46px !important
}

html.dark .padding-t---46 {
    padding-top: -46px !important
}

html.dark .padding-b---46 {
    padding-bottom: -46px !important
}

html.dark .padding-l---46 {
    padding-left: -46px !important
}

html.dark .padding-r---46 {
    padding-right: -46px !important
}

html.dark .padding-a---46 {
    padding: -46px !important
}

html.dark .margin-v---45 {
    margin-top: -45px !important;
    margin-bottom: -45px !important
}

html.dark .margin-h---45 {
    margin-left: -45px !important;
    margin-right: -45px !important
}

html.dark .margin-t---45 {
    margin-top: -45px !important
}

html.dark .margin-b---45 {
    margin-bottom: -45px !important
}

html.dark .margin-l---45 {
    margin-left: -45px !important
}

html.dark .margin-r---45 {
    margin-right: -45px !important
}

html.dark .margin-a---45 {
    margin: -45px !important
}

html.dark .padding-v---45 {
    padding-top: -45px !important;
    padding-bottom: -45px !important
}

html.dark .padding-h---45 {
    padding-left: -45px !important;
    padding-right: -45px !important
}

html.dark .padding-t---45 {
    padding-top: -45px !important
}

html.dark .padding-b---45 {
    padding-bottom: -45px !important
}

html.dark .padding-l---45 {
    padding-left: -45px !important
}

html.dark .padding-r---45 {
    padding-right: -45px !important
}

html.dark .padding-a---45 {
    padding: -45px !important
}

html.dark .margin-v---44 {
    margin-top: -44px !important;
    margin-bottom: -44px !important
}

html.dark .margin-h---44 {
    margin-left: -44px !important;
    margin-right: -44px !important
}

html.dark .margin-t---44 {
    margin-top: -44px !important
}

html.dark .margin-b---44 {
    margin-bottom: -44px !important
}

html.dark .margin-l---44 {
    margin-left: -44px !important
}

html.dark .margin-r---44 {
    margin-right: -44px !important
}

html.dark .margin-a---44 {
    margin: -44px !important
}

html.dark .padding-v---44 {
    padding-top: -44px !important;
    padding-bottom: -44px !important
}

html.dark .padding-h---44 {
    padding-left: -44px !important;
    padding-right: -44px !important
}

html.dark .padding-t---44 {
    padding-top: -44px !important
}

html.dark .padding-b---44 {
    padding-bottom: -44px !important
}

html.dark .padding-l---44 {
    padding-left: -44px !important
}

html.dark .padding-r---44 {
    padding-right: -44px !important
}

html.dark .padding-a---44 {
    padding: -44px !important
}

html.dark .margin-v---43 {
    margin-top: -43px !important;
    margin-bottom: -43px !important
}

html.dark .margin-h---43 {
    margin-left: -43px !important;
    margin-right: -43px !important
}

html.dark .margin-t---43 {
    margin-top: -43px !important
}

html.dark .margin-b---43 {
    margin-bottom: -43px !important
}

html.dark .margin-l---43 {
    margin-left: -43px !important
}

html.dark .margin-r---43 {
    margin-right: -43px !important
}

html.dark .margin-a---43 {
    margin: -43px !important
}

html.dark .padding-v---43 {
    padding-top: -43px !important;
    padding-bottom: -43px !important
}

html.dark .padding-h---43 {
    padding-left: -43px !important;
    padding-right: -43px !important
}

html.dark .padding-t---43 {
    padding-top: -43px !important
}

html.dark .padding-b---43 {
    padding-bottom: -43px !important
}

html.dark .padding-l---43 {
    padding-left: -43px !important
}

html.dark .padding-r---43 {
    padding-right: -43px !important
}

html.dark .padding-a---43 {
    padding: -43px !important
}

html.dark .margin-v---42 {
    margin-top: -42px !important;
    margin-bottom: -42px !important
}

html.dark .margin-h---42 {
    margin-left: -42px !important;
    margin-right: -42px !important
}

html.dark .margin-t---42 {
    margin-top: -42px !important
}

html.dark .margin-b---42 {
    margin-bottom: -42px !important
}

html.dark .margin-l---42 {
    margin-left: -42px !important
}

html.dark .margin-r---42 {
    margin-right: -42px !important
}

html.dark .margin-a---42 {
    margin: -42px !important
}

html.dark .padding-v---42 {
    padding-top: -42px !important;
    padding-bottom: -42px !important
}

html.dark .padding-h---42 {
    padding-left: -42px !important;
    padding-right: -42px !important
}

html.dark .padding-t---42 {
    padding-top: -42px !important
}

html.dark .padding-b---42 {
    padding-bottom: -42px !important
}

html.dark .padding-l---42 {
    padding-left: -42px !important
}

html.dark .padding-r---42 {
    padding-right: -42px !important
}

html.dark .padding-a---42 {
    padding: -42px !important
}

html.dark .margin-v---41 {
    margin-top: -41px !important;
    margin-bottom: -41px !important
}

html.dark .margin-h---41 {
    margin-left: -41px !important;
    margin-right: -41px !important
}

html.dark .margin-t---41 {
    margin-top: -41px !important
}

html.dark .margin-b---41 {
    margin-bottom: -41px !important
}

html.dark .margin-l---41 {
    margin-left: -41px !important
}

html.dark .margin-r---41 {
    margin-right: -41px !important
}

html.dark .margin-a---41 {
    margin: -41px !important
}

html.dark .padding-v---41 {
    padding-top: -41px !important;
    padding-bottom: -41px !important
}

html.dark .padding-h---41 {
    padding-left: -41px !important;
    padding-right: -41px !important
}

html.dark .padding-t---41 {
    padding-top: -41px !important
}

html.dark .padding-b---41 {
    padding-bottom: -41px !important
}

html.dark .padding-l---41 {
    padding-left: -41px !important
}

html.dark .padding-r---41 {
    padding-right: -41px !important
}

html.dark .padding-a---41 {
    padding: -41px !important
}

html.dark .margin-v---40 {
    margin-top: -40px !important;
    margin-bottom: -40px !important
}

html.dark .margin-h---40 {
    margin-left: -40px !important;
    margin-right: -40px !important
}

html.dark .margin-t---40 {
    margin-top: -40px !important
}

html.dark .margin-b---40 {
    margin-bottom: -40px !important
}

html.dark .margin-l---40 {
    margin-left: -40px !important
}

html.dark .margin-r---40 {
    margin-right: -40px !important
}

html.dark .margin-a---40 {
    margin: -40px !important
}

html.dark .padding-v---40 {
    padding-top: -40px !important;
    padding-bottom: -40px !important
}

html.dark .padding-h---40 {
    padding-left: -40px !important;
    padding-right: -40px !important
}

html.dark .padding-t---40 {
    padding-top: -40px !important
}

html.dark .padding-b---40 {
    padding-bottom: -40px !important
}

html.dark .padding-l---40 {
    padding-left: -40px !important
}

html.dark .padding-r---40 {
    padding-right: -40px !important
}

html.dark .padding-a---40 {
    padding: -40px !important
}

html.dark .margin-v---39 {
    margin-top: -39px !important;
    margin-bottom: -39px !important
}

html.dark .margin-h---39 {
    margin-left: -39px !important;
    margin-right: -39px !important
}

html.dark .margin-t---39 {
    margin-top: -39px !important
}

html.dark .margin-b---39 {
    margin-bottom: -39px !important
}

html.dark .margin-l---39 {
    margin-left: -39px !important
}

html.dark .margin-r---39 {
    margin-right: -39px !important
}

html.dark .margin-a---39 {
    margin: -39px !important
}

html.dark .padding-v---39 {
    padding-top: -39px !important;
    padding-bottom: -39px !important
}

html.dark .padding-h---39 {
    padding-left: -39px !important;
    padding-right: -39px !important
}

html.dark .padding-t---39 {
    padding-top: -39px !important
}

html.dark .padding-b---39 {
    padding-bottom: -39px !important
}

html.dark .padding-l---39 {
    padding-left: -39px !important
}

html.dark .padding-r---39 {
    padding-right: -39px !important
}

html.dark .padding-a---39 {
    padding: -39px !important
}

html.dark .margin-v---38 {
    margin-top: -38px !important;
    margin-bottom: -38px !important
}

html.dark .margin-h---38 {
    margin-left: -38px !important;
    margin-right: -38px !important
}

html.dark .margin-t---38 {
    margin-top: -38px !important
}

html.dark .margin-b---38 {
    margin-bottom: -38px !important
}

html.dark .margin-l---38 {
    margin-left: -38px !important
}

html.dark .margin-r---38 {
    margin-right: -38px !important
}

html.dark .margin-a---38 {
    margin: -38px !important
}

html.dark .padding-v---38 {
    padding-top: -38px !important;
    padding-bottom: -38px !important
}

html.dark .padding-h---38 {
    padding-left: -38px !important;
    padding-right: -38px !important
}

html.dark .padding-t---38 {
    padding-top: -38px !important
}

html.dark .padding-b---38 {
    padding-bottom: -38px !important
}

html.dark .padding-l---38 {
    padding-left: -38px !important
}

html.dark .padding-r---38 {
    padding-right: -38px !important
}

html.dark .padding-a---38 {
    padding: -38px !important
}

html.dark .margin-v---37 {
    margin-top: -37px !important;
    margin-bottom: -37px !important
}

html.dark .margin-h---37 {
    margin-left: -37px !important;
    margin-right: -37px !important
}

html.dark .margin-t---37 {
    margin-top: -37px !important
}

html.dark .margin-b---37 {
    margin-bottom: -37px !important
}

html.dark .margin-l---37 {
    margin-left: -37px !important
}

html.dark .margin-r---37 {
    margin-right: -37px !important
}

html.dark .margin-a---37 {
    margin: -37px !important
}

html.dark .padding-v---37 {
    padding-top: -37px !important;
    padding-bottom: -37px !important
}

html.dark .padding-h---37 {
    padding-left: -37px !important;
    padding-right: -37px !important
}

html.dark .padding-t---37 {
    padding-top: -37px !important
}

html.dark .padding-b---37 {
    padding-bottom: -37px !important
}

html.dark .padding-l---37 {
    padding-left: -37px !important
}

html.dark .padding-r---37 {
    padding-right: -37px !important
}

html.dark .padding-a---37 {
    padding: -37px !important
}

html.dark .margin-v---36 {
    margin-top: -36px !important;
    margin-bottom: -36px !important
}

html.dark .margin-h---36 {
    margin-left: -36px !important;
    margin-right: -36px !important
}

html.dark .margin-t---36 {
    margin-top: -36px !important
}

html.dark .margin-b---36 {
    margin-bottom: -36px !important
}

html.dark .margin-l---36 {
    margin-left: -36px !important
}

html.dark .margin-r---36 {
    margin-right: -36px !important
}

html.dark .margin-a---36 {
    margin: -36px !important
}

html.dark .padding-v---36 {
    padding-top: -36px !important;
    padding-bottom: -36px !important
}

html.dark .padding-h---36 {
    padding-left: -36px !important;
    padding-right: -36px !important
}

html.dark .padding-t---36 {
    padding-top: -36px !important
}

html.dark .padding-b---36 {
    padding-bottom: -36px !important
}

html.dark .padding-l---36 {
    padding-left: -36px !important
}

html.dark .padding-r---36 {
    padding-right: -36px !important
}

html.dark .padding-a---36 {
    padding: -36px !important
}

html.dark .margin-v---35 {
    margin-top: -35px !important;
    margin-bottom: -35px !important
}

html.dark .margin-h---35 {
    margin-left: -35px !important;
    margin-right: -35px !important
}

html.dark .margin-t---35 {
    margin-top: -35px !important
}

html.dark .margin-b---35 {
    margin-bottom: -35px !important
}

html.dark .margin-l---35 {
    margin-left: -35px !important
}

html.dark .margin-r---35 {
    margin-right: -35px !important
}

html.dark .margin-a---35 {
    margin: -35px !important
}

html.dark .padding-v---35 {
    padding-top: -35px !important;
    padding-bottom: -35px !important
}

html.dark .padding-h---35 {
    padding-left: -35px !important;
    padding-right: -35px !important
}

html.dark .padding-t---35 {
    padding-top: -35px !important
}

html.dark .padding-b---35 {
    padding-bottom: -35px !important
}

html.dark .padding-l---35 {
    padding-left: -35px !important
}

html.dark .padding-r---35 {
    padding-right: -35px !important
}

html.dark .padding-a---35 {
    padding: -35px !important
}

html.dark .margin-v---34 {
    margin-top: -34px !important;
    margin-bottom: -34px !important
}

html.dark .margin-h---34 {
    margin-left: -34px !important;
    margin-right: -34px !important
}

html.dark .margin-t---34 {
    margin-top: -34px !important
}

html.dark .margin-b---34 {
    margin-bottom: -34px !important
}

html.dark .margin-l---34 {
    margin-left: -34px !important
}

html.dark .margin-r---34 {
    margin-right: -34px !important
}

html.dark .margin-a---34 {
    margin: -34px !important
}

html.dark .padding-v---34 {
    padding-top: -34px !important;
    padding-bottom: -34px !important
}

html.dark .padding-h---34 {
    padding-left: -34px !important;
    padding-right: -34px !important
}

html.dark .padding-t---34 {
    padding-top: -34px !important
}

html.dark .padding-b---34 {
    padding-bottom: -34px !important
}

html.dark .padding-l---34 {
    padding-left: -34px !important
}

html.dark .padding-r---34 {
    padding-right: -34px !important
}

html.dark .padding-a---34 {
    padding: -34px !important
}

html.dark .margin-v---33 {
    margin-top: -33px !important;
    margin-bottom: -33px !important
}

html.dark .margin-h---33 {
    margin-left: -33px !important;
    margin-right: -33px !important
}

html.dark .margin-t---33 {
    margin-top: -33px !important
}

html.dark .margin-b---33 {
    margin-bottom: -33px !important
}

html.dark .margin-l---33 {
    margin-left: -33px !important
}

html.dark .margin-r---33 {
    margin-right: -33px !important
}

html.dark .margin-a---33 {
    margin: -33px !important
}

html.dark .padding-v---33 {
    padding-top: -33px !important;
    padding-bottom: -33px !important
}

html.dark .padding-h---33 {
    padding-left: -33px !important;
    padding-right: -33px !important
}

html.dark .padding-t---33 {
    padding-top: -33px !important
}

html.dark .padding-b---33 {
    padding-bottom: -33px !important
}

html.dark .padding-l---33 {
    padding-left: -33px !important
}

html.dark .padding-r---33 {
    padding-right: -33px !important
}

html.dark .padding-a---33 {
    padding: -33px !important
}

html.dark .margin-v---32 {
    margin-top: -32px !important;
    margin-bottom: -32px !important
}

html.dark .margin-h---32 {
    margin-left: -32px !important;
    margin-right: -32px !important
}

html.dark .margin-t---32 {
    margin-top: -32px !important
}

html.dark .margin-b---32 {
    margin-bottom: -32px !important
}

html.dark .margin-l---32 {
    margin-left: -32px !important
}

html.dark .margin-r---32 {
    margin-right: -32px !important
}

html.dark .margin-a---32 {
    margin: -32px !important
}

html.dark .padding-v---32 {
    padding-top: -32px !important;
    padding-bottom: -32px !important
}

html.dark .padding-h---32 {
    padding-left: -32px !important;
    padding-right: -32px !important
}

html.dark .padding-t---32 {
    padding-top: -32px !important
}

html.dark .padding-b---32 {
    padding-bottom: -32px !important
}

html.dark .padding-l---32 {
    padding-left: -32px !important
}

html.dark .padding-r---32 {
    padding-right: -32px !important
}

html.dark .padding-a---32 {
    padding: -32px !important
}

html.dark .margin-v---31 {
    margin-top: -31px !important;
    margin-bottom: -31px !important
}

html.dark .margin-h---31 {
    margin-left: -31px !important;
    margin-right: -31px !important
}

html.dark .margin-t---31 {
    margin-top: -31px !important
}

html.dark .margin-b---31 {
    margin-bottom: -31px !important
}

html.dark .margin-l---31 {
    margin-left: -31px !important
}

html.dark .margin-r---31 {
    margin-right: -31px !important
}

html.dark .margin-a---31 {
    margin: -31px !important
}

html.dark .padding-v---31 {
    padding-top: -31px !important;
    padding-bottom: -31px !important
}

html.dark .padding-h---31 {
    padding-left: -31px !important;
    padding-right: -31px !important
}

html.dark .padding-t---31 {
    padding-top: -31px !important
}

html.dark .padding-b---31 {
    padding-bottom: -31px !important
}

html.dark .padding-l---31 {
    padding-left: -31px !important
}

html.dark .padding-r---31 {
    padding-right: -31px !important
}

html.dark .padding-a---31 {
    padding: -31px !important
}

html.dark .margin-v---30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important
}

html.dark .margin-h---30 {
    margin-left: -30px !important;
    margin-right: -30px !important
}

html.dark .margin-t---30 {
    margin-top: -30px !important
}

html.dark .margin-b---30 {
    margin-bottom: -30px !important
}

html.dark .margin-l---30 {
    margin-left: -30px !important
}

html.dark .margin-r---30 {
    margin-right: -30px !important
}

html.dark .margin-a---30 {
    margin: -30px !important
}

html.dark .padding-v---30 {
    padding-top: -30px !important;
    padding-bottom: -30px !important
}

html.dark .padding-h---30 {
    padding-left: -30px !important;
    padding-right: -30px !important
}

html.dark .padding-t---30 {
    padding-top: -30px !important
}

html.dark .padding-b---30 {
    padding-bottom: -30px !important
}

html.dark .padding-l---30 {
    padding-left: -30px !important
}

html.dark .padding-r---30 {
    padding-right: -30px !important
}

html.dark .padding-a---30 {
    padding: -30px !important
}

html.dark .margin-v---29 {
    margin-top: -29px !important;
    margin-bottom: -29px !important
}

html.dark .margin-h---29 {
    margin-left: -29px !important;
    margin-right: -29px !important
}

html.dark .margin-t---29 {
    margin-top: -29px !important
}

html.dark .margin-b---29 {
    margin-bottom: -29px !important
}

html.dark .margin-l---29 {
    margin-left: -29px !important
}

html.dark .margin-r---29 {
    margin-right: -29px !important
}

html.dark .margin-a---29 {
    margin: -29px !important
}

html.dark .padding-v---29 {
    padding-top: -29px !important;
    padding-bottom: -29px !important
}

html.dark .padding-h---29 {
    padding-left: -29px !important;
    padding-right: -29px !important
}

html.dark .padding-t---29 {
    padding-top: -29px !important
}

html.dark .padding-b---29 {
    padding-bottom: -29px !important
}

html.dark .padding-l---29 {
    padding-left: -29px !important
}

html.dark .padding-r---29 {
    padding-right: -29px !important
}

html.dark .padding-a---29 {
    padding: -29px !important
}

html.dark .margin-v---28 {
    margin-top: -28px !important;
    margin-bottom: -28px !important
}

html.dark .margin-h---28 {
    margin-left: -28px !important;
    margin-right: -28px !important
}

html.dark .margin-t---28 {
    margin-top: -28px !important
}

html.dark .margin-b---28 {
    margin-bottom: -28px !important
}

html.dark .margin-l---28 {
    margin-left: -28px !important
}

html.dark .margin-r---28 {
    margin-right: -28px !important
}

html.dark .margin-a---28 {
    margin: -28px !important
}

html.dark .padding-v---28 {
    padding-top: -28px !important;
    padding-bottom: -28px !important
}

html.dark .padding-h---28 {
    padding-left: -28px !important;
    padding-right: -28px !important
}

html.dark .padding-t---28 {
    padding-top: -28px !important
}

html.dark .padding-b---28 {
    padding-bottom: -28px !important
}

html.dark .padding-l---28 {
    padding-left: -28px !important
}

html.dark .padding-r---28 {
    padding-right: -28px !important
}

html.dark .padding-a---28 {
    padding: -28px !important
}

html.dark .margin-v---27 {
    margin-top: -27px !important;
    margin-bottom: -27px !important
}

html.dark .margin-h---27 {
    margin-left: -27px !important;
    margin-right: -27px !important
}

html.dark .margin-t---27 {
    margin-top: -27px !important
}

html.dark .margin-b---27 {
    margin-bottom: -27px !important
}

html.dark .margin-l---27 {
    margin-left: -27px !important
}

html.dark .margin-r---27 {
    margin-right: -27px !important
}

html.dark .margin-a---27 {
    margin: -27px !important
}

html.dark .padding-v---27 {
    padding-top: -27px !important;
    padding-bottom: -27px !important
}

html.dark .padding-h---27 {
    padding-left: -27px !important;
    padding-right: -27px !important
}

html.dark .padding-t---27 {
    padding-top: -27px !important
}

html.dark .padding-b---27 {
    padding-bottom: -27px !important
}

html.dark .padding-l---27 {
    padding-left: -27px !important
}

html.dark .padding-r---27 {
    padding-right: -27px !important
}

html.dark .padding-a---27 {
    padding: -27px !important
}

html.dark .margin-v---26 {
    margin-top: -26px !important;
    margin-bottom: -26px !important
}

html.dark .margin-h---26 {
    margin-left: -26px !important;
    margin-right: -26px !important
}

html.dark .margin-t---26 {
    margin-top: -26px !important
}

html.dark .margin-b---26 {
    margin-bottom: -26px !important
}

html.dark .margin-l---26 {
    margin-left: -26px !important
}

html.dark .margin-r---26 {
    margin-right: -26px !important
}

html.dark .margin-a---26 {
    margin: -26px !important
}

html.dark .padding-v---26 {
    padding-top: -26px !important;
    padding-bottom: -26px !important
}

html.dark .padding-h---26 {
    padding-left: -26px !important;
    padding-right: -26px !important
}

html.dark .padding-t---26 {
    padding-top: -26px !important
}

html.dark .padding-b---26 {
    padding-bottom: -26px !important
}

html.dark .padding-l---26 {
    padding-left: -26px !important
}

html.dark .padding-r---26 {
    padding-right: -26px !important
}

html.dark .padding-a---26 {
    padding: -26px !important
}

html.dark .margin-v---25 {
    margin-top: -25px !important;
    margin-bottom: -25px !important
}

html.dark .margin-h---25 {
    margin-left: -25px !important;
    margin-right: -25px !important
}

html.dark .margin-t---25 {
    margin-top: -25px !important
}

html.dark .margin-b---25 {
    margin-bottom: -25px !important
}

html.dark .margin-l---25 {
    margin-left: -25px !important
}

html.dark .margin-r---25 {
    margin-right: -25px !important
}

html.dark .margin-a---25 {
    margin: -25px !important
}

html.dark .padding-v---25 {
    padding-top: -25px !important;
    padding-bottom: -25px !important
}

html.dark .padding-h---25 {
    padding-left: -25px !important;
    padding-right: -25px !important
}

html.dark .padding-t---25 {
    padding-top: -25px !important
}

html.dark .padding-b---25 {
    padding-bottom: -25px !important
}

html.dark .padding-l---25 {
    padding-left: -25px !important
}

html.dark .padding-r---25 {
    padding-right: -25px !important
}

html.dark .padding-a---25 {
    padding: -25px !important
}

html.dark .margin-v---24 {
    margin-top: -24px !important;
    margin-bottom: -24px !important
}

html.dark .margin-h---24 {
    margin-left: -24px !important;
    margin-right: -24px !important
}

html.dark .margin-t---24 {
    margin-top: -24px !important
}

html.dark .margin-b---24 {
    margin-bottom: -24px !important
}

html.dark .margin-l---24 {
    margin-left: -24px !important
}

html.dark .margin-r---24 {
    margin-right: -24px !important
}

html.dark .margin-a---24 {
    margin: -24px !important
}

html.dark .padding-v---24 {
    padding-top: -24px !important;
    padding-bottom: -24px !important
}

html.dark .padding-h---24 {
    padding-left: -24px !important;
    padding-right: -24px !important
}

html.dark .padding-t---24 {
    padding-top: -24px !important
}

html.dark .padding-b---24 {
    padding-bottom: -24px !important
}

html.dark .padding-l---24 {
    padding-left: -24px !important
}

html.dark .padding-r---24 {
    padding-right: -24px !important
}

html.dark .padding-a---24 {
    padding: -24px !important
}

html.dark .margin-v---23 {
    margin-top: -23px !important;
    margin-bottom: -23px !important
}

html.dark .margin-h---23 {
    margin-left: -23px !important;
    margin-right: -23px !important
}

html.dark .margin-t---23 {
    margin-top: -23px !important
}

html.dark .margin-b---23 {
    margin-bottom: -23px !important
}

html.dark .margin-l---23 {
    margin-left: -23px !important
}

html.dark .margin-r---23 {
    margin-right: -23px !important
}

html.dark .margin-a---23 {
    margin: -23px !important
}

html.dark .padding-v---23 {
    padding-top: -23px !important;
    padding-bottom: -23px !important
}

html.dark .padding-h---23 {
    padding-left: -23px !important;
    padding-right: -23px !important
}

html.dark .padding-t---23 {
    padding-top: -23px !important
}

html.dark .padding-b---23 {
    padding-bottom: -23px !important
}

html.dark .padding-l---23 {
    padding-left: -23px !important
}

html.dark .padding-r---23 {
    padding-right: -23px !important
}

html.dark .padding-a---23 {
    padding: -23px !important
}

html.dark .margin-v---22 {
    margin-top: -22px !important;
    margin-bottom: -22px !important
}

html.dark .margin-h---22 {
    margin-left: -22px !important;
    margin-right: -22px !important
}

html.dark .margin-t---22 {
    margin-top: -22px !important
}

html.dark .margin-b---22 {
    margin-bottom: -22px !important
}

html.dark .margin-l---22 {
    margin-left: -22px !important
}

html.dark .margin-r---22 {
    margin-right: -22px !important
}

html.dark .margin-a---22 {
    margin: -22px !important
}

html.dark .padding-v---22 {
    padding-top: -22px !important;
    padding-bottom: -22px !important
}

html.dark .padding-h---22 {
    padding-left: -22px !important;
    padding-right: -22px !important
}

html.dark .padding-t---22 {
    padding-top: -22px !important
}

html.dark .padding-b---22 {
    padding-bottom: -22px !important
}

html.dark .padding-l---22 {
    padding-left: -22px !important
}

html.dark .padding-r---22 {
    padding-right: -22px !important
}

html.dark .padding-a---22 {
    padding: -22px !important
}

html.dark .margin-v---21 {
    margin-top: -21px !important;
    margin-bottom: -21px !important
}

html.dark .margin-h---21 {
    margin-left: -21px !important;
    margin-right: -21px !important
}

html.dark .margin-t---21 {
    margin-top: -21px !important
}

html.dark .margin-b---21 {
    margin-bottom: -21px !important
}

html.dark .margin-l---21 {
    margin-left: -21px !important
}

html.dark .margin-r---21 {
    margin-right: -21px !important
}

html.dark .margin-a---21 {
    margin: -21px !important
}

html.dark .padding-v---21 {
    padding-top: -21px !important;
    padding-bottom: -21px !important
}

html.dark .padding-h---21 {
    padding-left: -21px !important;
    padding-right: -21px !important
}

html.dark .padding-t---21 {
    padding-top: -21px !important
}

html.dark .padding-b---21 {
    padding-bottom: -21px !important
}

html.dark .padding-l---21 {
    padding-left: -21px !important
}

html.dark .padding-r---21 {
    padding-right: -21px !important
}

html.dark .padding-a---21 {
    padding: -21px !important
}

html.dark .margin-v---20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important
}

html.dark .margin-h---20 {
    margin-left: -20px !important;
    margin-right: -20px !important
}

html.dark .margin-t---20 {
    margin-top: -20px !important
}

html.dark .margin-b---20 {
    margin-bottom: -20px !important
}

html.dark .margin-l---20 {
    margin-left: -20px !important
}

html.dark .margin-r---20 {
    margin-right: -20px !important
}

html.dark .margin-a---20 {
    margin: -20px !important
}

html.dark .padding-v---20 {
    padding-top: -20px !important;
    padding-bottom: -20px !important
}

html.dark .padding-h---20 {
    padding-left: -20px !important;
    padding-right: -20px !important
}

html.dark .padding-t---20 {
    padding-top: -20px !important
}

html.dark .padding-b---20 {
    padding-bottom: -20px !important
}

html.dark .padding-l---20 {
    padding-left: -20px !important
}

html.dark .padding-r---20 {
    padding-right: -20px !important
}

html.dark .padding-a---20 {
    padding: -20px !important
}

html.dark .margin-v---19 {
    margin-top: -19px !important;
    margin-bottom: -19px !important
}

html.dark .margin-h---19 {
    margin-left: -19px !important;
    margin-right: -19px !important
}

html.dark .margin-t---19 {
    margin-top: -19px !important
}

html.dark .margin-b---19 {
    margin-bottom: -19px !important
}

html.dark .margin-l---19 {
    margin-left: -19px !important
}

html.dark .margin-r---19 {
    margin-right: -19px !important
}

html.dark .margin-a---19 {
    margin: -19px !important
}

html.dark .padding-v---19 {
    padding-top: -19px !important;
    padding-bottom: -19px !important
}

html.dark .padding-h---19 {
    padding-left: -19px !important;
    padding-right: -19px !important
}

html.dark .padding-t---19 {
    padding-top: -19px !important
}

html.dark .padding-b---19 {
    padding-bottom: -19px !important
}

html.dark .padding-l---19 {
    padding-left: -19px !important
}

html.dark .padding-r---19 {
    padding-right: -19px !important
}

html.dark .padding-a---19 {
    padding: -19px !important
}

html.dark .margin-v---18 {
    margin-top: -18px !important;
    margin-bottom: -18px !important
}

html.dark .margin-h---18 {
    margin-left: -18px !important;
    margin-right: -18px !important
}

html.dark .margin-t---18 {
    margin-top: -18px !important
}

html.dark .margin-b---18 {
    margin-bottom: -18px !important
}

html.dark .margin-l---18 {
    margin-left: -18px !important
}

html.dark .margin-r---18 {
    margin-right: -18px !important
}

html.dark .margin-a---18 {
    margin: -18px !important
}

html.dark .padding-v---18 {
    padding-top: -18px !important;
    padding-bottom: -18px !important
}

html.dark .padding-h---18 {
    padding-left: -18px !important;
    padding-right: -18px !important
}

html.dark .padding-t---18 {
    padding-top: -18px !important
}

html.dark .padding-b---18 {
    padding-bottom: -18px !important
}

html.dark .padding-l---18 {
    padding-left: -18px !important
}

html.dark .padding-r---18 {
    padding-right: -18px !important
}

html.dark .padding-a---18 {
    padding: -18px !important
}

html.dark .margin-v---17 {
    margin-top: -17px !important;
    margin-bottom: -17px !important
}

html.dark .margin-h---17 {
    margin-left: -17px !important;
    margin-right: -17px !important
}

html.dark .margin-t---17 {
    margin-top: -17px !important
}

html.dark .margin-b---17 {
    margin-bottom: -17px !important
}

html.dark .margin-l---17 {
    margin-left: -17px !important
}

html.dark .margin-r---17 {
    margin-right: -17px !important
}

html.dark .margin-a---17 {
    margin: -17px !important
}

html.dark .padding-v---17 {
    padding-top: -17px !important;
    padding-bottom: -17px !important
}

html.dark .padding-h---17 {
    padding-left: -17px !important;
    padding-right: -17px !important
}

html.dark .padding-t---17 {
    padding-top: -17px !important
}

html.dark .padding-b---17 {
    padding-bottom: -17px !important
}

html.dark .padding-l---17 {
    padding-left: -17px !important
}

html.dark .padding-r---17 {
    padding-right: -17px !important
}

html.dark .padding-a---17 {
    padding: -17px !important
}

html.dark .margin-v---16 {
    margin-top: -16px !important;
    margin-bottom: -16px !important
}

html.dark .margin-h---16 {
    margin-left: -16px !important;
    margin-right: -16px !important
}

html.dark .margin-t---16 {
    margin-top: -16px !important
}

html.dark .margin-b---16 {
    margin-bottom: -16px !important
}

html.dark .margin-l---16 {
    margin-left: -16px !important
}

html.dark .margin-r---16 {
    margin-right: -16px !important
}

html.dark .margin-a---16 {
    margin: -16px !important
}

html.dark .padding-v---16 {
    padding-top: -16px !important;
    padding-bottom: -16px !important
}

html.dark .padding-h---16 {
    padding-left: -16px !important;
    padding-right: -16px !important
}

html.dark .padding-t---16 {
    padding-top: -16px !important
}

html.dark .padding-b---16 {
    padding-bottom: -16px !important
}

html.dark .padding-l---16 {
    padding-left: -16px !important
}

html.dark .padding-r---16 {
    padding-right: -16px !important
}

html.dark .padding-a---16 {
    padding: -16px !important
}

html.dark .margin-v---15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important
}

html.dark .margin-h---15 {
    margin-left: -15px !important;
    margin-right: -15px !important
}

html.dark .margin-t---15 {
    margin-top: -15px !important
}

html.dark .margin-b---15 {
    margin-bottom: -15px !important
}

html.dark .margin-l---15 {
    margin-left: -15px !important
}

html.dark .margin-r---15 {
    margin-right: -15px !important
}

html.dark .margin-a---15 {
    margin: -15px !important
}

html.dark .padding-v---15 {
    padding-top: -15px !important;
    padding-bottom: -15px !important
}

html.dark .padding-h---15 {
    padding-left: -15px !important;
    padding-right: -15px !important
}

html.dark .padding-t---15 {
    padding-top: -15px !important
}

html.dark .padding-b---15 {
    padding-bottom: -15px !important
}

html.dark .padding-l---15 {
    padding-left: -15px !important
}

html.dark .padding-r---15 {
    padding-right: -15px !important
}

html.dark .padding-a---15 {
    padding: -15px !important
}

html.dark .margin-v---14 {
    margin-top: -14px !important;
    margin-bottom: -14px !important
}

html.dark .margin-h---14 {
    margin-left: -14px !important;
    margin-right: -14px !important
}

html.dark .margin-t---14 {
    margin-top: -14px !important
}

html.dark .margin-b---14 {
    margin-bottom: -14px !important
}

html.dark .margin-l---14 {
    margin-left: -14px !important
}

html.dark .margin-r---14 {
    margin-right: -14px !important
}

html.dark .margin-a---14 {
    margin: -14px !important
}

html.dark .padding-v---14 {
    padding-top: -14px !important;
    padding-bottom: -14px !important
}

html.dark .padding-h---14 {
    padding-left: -14px !important;
    padding-right: -14px !important
}

html.dark .padding-t---14 {
    padding-top: -14px !important
}

html.dark .padding-b---14 {
    padding-bottom: -14px !important
}

html.dark .padding-l---14 {
    padding-left: -14px !important
}

html.dark .padding-r---14 {
    padding-right: -14px !important
}

html.dark .padding-a---14 {
    padding: -14px !important
}

html.dark .margin-v---13 {
    margin-top: -13px !important;
    margin-bottom: -13px !important
}

html.dark .margin-h---13 {
    margin-left: -13px !important;
    margin-right: -13px !important
}

html.dark .margin-t---13 {
    margin-top: -13px !important
}

html.dark .margin-b---13 {
    margin-bottom: -13px !important
}

html.dark .margin-l---13 {
    margin-left: -13px !important
}

html.dark .margin-r---13 {
    margin-right: -13px !important
}

html.dark .margin-a---13 {
    margin: -13px !important
}

html.dark .padding-v---13 {
    padding-top: -13px !important;
    padding-bottom: -13px !important
}

html.dark .padding-h---13 {
    padding-left: -13px !important;
    padding-right: -13px !important
}

html.dark .padding-t---13 {
    padding-top: -13px !important
}

html.dark .padding-b---13 {
    padding-bottom: -13px !important
}

html.dark .padding-l---13 {
    padding-left: -13px !important
}

html.dark .padding-r---13 {
    padding-right: -13px !important
}

html.dark .padding-a---13 {
    padding: -13px !important
}

html.dark .margin-v---12 {
    margin-top: -12px !important;
    margin-bottom: -12px !important
}

html.dark .margin-h---12 {
    margin-left: -12px !important;
    margin-right: -12px !important
}

html.dark .margin-t---12 {
    margin-top: -12px !important
}

html.dark .margin-b---12 {
    margin-bottom: -12px !important
}

html.dark .margin-l---12 {
    margin-left: -12px !important
}

html.dark .margin-r---12 {
    margin-right: -12px !important
}

html.dark .margin-a---12 {
    margin: -12px !important
}

html.dark .padding-v---12 {
    padding-top: -12px !important;
    padding-bottom: -12px !important
}

html.dark .padding-h---12 {
    padding-left: -12px !important;
    padding-right: -12px !important
}

html.dark .padding-t---12 {
    padding-top: -12px !important
}

html.dark .padding-b---12 {
    padding-bottom: -12px !important
}

html.dark .padding-l---12 {
    padding-left: -12px !important
}

html.dark .padding-r---12 {
    padding-right: -12px !important
}

html.dark .padding-a---12 {
    padding: -12px !important
}

html.dark .margin-v---11 {
    margin-top: -11px !important;
    margin-bottom: -11px !important
}

html.dark .margin-h---11 {
    margin-left: -11px !important;
    margin-right: -11px !important
}

html.dark .margin-t---11 {
    margin-top: -11px !important
}

html.dark .margin-b---11 {
    margin-bottom: -11px !important
}

html.dark .margin-l---11 {
    margin-left: -11px !important
}

html.dark .margin-r---11 {
    margin-right: -11px !important
}

html.dark .margin-a---11 {
    margin: -11px !important
}

html.dark .padding-v---11 {
    padding-top: -11px !important;
    padding-bottom: -11px !important
}

html.dark .padding-h---11 {
    padding-left: -11px !important;
    padding-right: -11px !important
}

html.dark .padding-t---11 {
    padding-top: -11px !important
}

html.dark .padding-b---11 {
    padding-bottom: -11px !important
}

html.dark .padding-l---11 {
    padding-left: -11px !important
}

html.dark .padding-r---11 {
    padding-right: -11px !important
}

html.dark .padding-a---11 {
    padding: -11px !important
}

html.dark .margin-v---10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important
}

html.dark .margin-h---10 {
    margin-left: -10px !important;
    margin-right: -10px !important
}

html.dark .margin-t---10 {
    margin-top: -10px !important
}

html.dark .margin-b---10 {
    margin-bottom: -10px !important
}

html.dark .margin-l---10 {
    margin-left: -10px !important
}

html.dark .margin-r---10 {
    margin-right: -10px !important
}

html.dark .margin-a---10 {
    margin: -10px !important
}

html.dark .padding-v---10 {
    padding-top: -10px !important;
    padding-bottom: -10px !important
}

html.dark .padding-h---10 {
    padding-left: -10px !important;
    padding-right: -10px !important
}

html.dark .padding-t---10 {
    padding-top: -10px !important
}

html.dark .padding-b---10 {
    padding-bottom: -10px !important
}

html.dark .padding-l---10 {
    padding-left: -10px !important
}

html.dark .padding-r---10 {
    padding-right: -10px !important
}

html.dark .padding-a---10 {
    padding: -10px !important
}

html.dark .margin-v---9 {
    margin-top: -9px !important;
    margin-bottom: -9px !important
}

html.dark .margin-h---9 {
    margin-left: -9px !important;
    margin-right: -9px !important
}

html.dark .margin-t---9 {
    margin-top: -9px !important
}

html.dark .margin-b---9 {
    margin-bottom: -9px !important
}

html.dark .margin-l---9 {
    margin-left: -9px !important
}

html.dark .margin-r---9 {
    margin-right: -9px !important
}

html.dark .margin-a---9 {
    margin: -9px !important
}

html.dark .padding-v---9 {
    padding-top: -9px !important;
    padding-bottom: -9px !important
}

html.dark .padding-h---9 {
    padding-left: -9px !important;
    padding-right: -9px !important
}

html.dark .padding-t---9 {
    padding-top: -9px !important
}

html.dark .padding-b---9 {
    padding-bottom: -9px !important
}

html.dark .padding-l---9 {
    padding-left: -9px !important
}

html.dark .padding-r---9 {
    padding-right: -9px !important
}

html.dark .padding-a---9 {
    padding: -9px !important
}

html.dark .margin-v---8 {
    margin-top: -8px !important;
    margin-bottom: -8px !important
}

html.dark .margin-h---8 {
    margin-left: -8px !important;
    margin-right: -8px !important
}

html.dark .margin-t---8 {
    margin-top: -8px !important
}

html.dark .margin-b---8 {
    margin-bottom: -8px !important
}

html.dark .margin-l---8 {
    margin-left: -8px !important
}

html.dark .margin-r---8 {
    margin-right: -8px !important
}

html.dark .margin-a---8 {
    margin: -8px !important
}

html.dark .padding-v---8 {
    padding-top: -8px !important;
    padding-bottom: -8px !important
}

html.dark .padding-h---8 {
    padding-left: -8px !important;
    padding-right: -8px !important
}

html.dark .padding-t---8 {
    padding-top: -8px !important
}

html.dark .padding-b---8 {
    padding-bottom: -8px !important
}

html.dark .padding-l---8 {
    padding-left: -8px !important
}

html.dark .padding-r---8 {
    padding-right: -8px !important
}

html.dark .padding-a---8 {
    padding: -8px !important
}

html.dark .margin-v---7 {
    margin-top: -7px !important;
    margin-bottom: -7px !important
}

html.dark .margin-h---7 {
    margin-left: -7px !important;
    margin-right: -7px !important
}

html.dark .margin-t---7 {
    margin-top: -7px !important
}

html.dark .margin-b---7 {
    margin-bottom: -7px !important
}

html.dark .margin-l---7 {
    margin-left: -7px !important
}

html.dark .margin-r---7 {
    margin-right: -7px !important
}

html.dark .margin-a---7 {
    margin: -7px !important
}

html.dark .padding-v---7 {
    padding-top: -7px !important;
    padding-bottom: -7px !important
}

html.dark .padding-h---7 {
    padding-left: -7px !important;
    padding-right: -7px !important
}

html.dark .padding-t---7 {
    padding-top: -7px !important
}

html.dark .padding-b---7 {
    padding-bottom: -7px !important
}

html.dark .padding-l---7 {
    padding-left: -7px !important
}

html.dark .padding-r---7 {
    padding-right: -7px !important
}

html.dark .padding-a---7 {
    padding: -7px !important
}

html.dark .margin-v---6 {
    margin-top: -6px !important;
    margin-bottom: -6px !important
}

html.dark .margin-h---6 {
    margin-left: -6px !important;
    margin-right: -6px !important
}

html.dark .margin-t---6 {
    margin-top: -6px !important
}

html.dark .margin-b---6 {
    margin-bottom: -6px !important
}

html.dark .margin-l---6 {
    margin-left: -6px !important
}

html.dark .margin-r---6 {
    margin-right: -6px !important
}

html.dark .margin-a---6 {
    margin: -6px !important
}

html.dark .padding-v---6 {
    padding-top: -6px !important;
    padding-bottom: -6px !important
}

html.dark .padding-h---6 {
    padding-left: -6px !important;
    padding-right: -6px !important
}

html.dark .padding-t---6 {
    padding-top: -6px !important
}

html.dark .padding-b---6 {
    padding-bottom: -6px !important
}

html.dark .padding-l---6 {
    padding-left: -6px !important
}

html.dark .padding-r---6 {
    padding-right: -6px !important
}

html.dark .padding-a---6 {
    padding: -6px !important
}

html.dark .margin-v---5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important
}

html.dark .margin-h---5 {
    margin-left: -5px !important;
    margin-right: -5px !important
}

html.dark .margin-t---5 {
    margin-top: -5px !important
}

html.dark .margin-b---5 {
    margin-bottom: -5px !important
}

html.dark .margin-l---5 {
    margin-left: -5px !important
}

html.dark .margin-r---5 {
    margin-right: -5px !important
}

html.dark .margin-a---5 {
    margin: -5px !important
}

html.dark .padding-v---5 {
    padding-top: -5px !important;
    padding-bottom: -5px !important
}

html.dark .padding-h---5 {
    padding-left: -5px !important;
    padding-right: -5px !important
}

html.dark .padding-t---5 {
    padding-top: -5px !important
}

html.dark .padding-b---5 {
    padding-bottom: -5px !important
}

html.dark .padding-l---5 {
    padding-left: -5px !important
}

html.dark .padding-r---5 {
    padding-right: -5px !important
}

html.dark .padding-a---5 {
    padding: -5px !important
}

html.dark .margin-v---4 {
    margin-top: -4px !important;
    margin-bottom: -4px !important
}

html.dark .margin-h---4 {
    margin-left: -4px !important;
    margin-right: -4px !important
}

html.dark .margin-t---4 {
    margin-top: -4px !important
}

html.dark .margin-b---4 {
    margin-bottom: -4px !important
}

html.dark .margin-l---4 {
    margin-left: -4px !important
}

html.dark .margin-r---4 {
    margin-right: -4px !important
}

html.dark .margin-a---4 {
    margin: -4px !important
}

html.dark .padding-v---4 {
    padding-top: -4px !important;
    padding-bottom: -4px !important
}

html.dark .padding-h---4 {
    padding-left: -4px !important;
    padding-right: -4px !important
}

html.dark .padding-t---4 {
    padding-top: -4px !important
}

html.dark .padding-b---4 {
    padding-bottom: -4px !important
}

html.dark .padding-l---4 {
    padding-left: -4px !important
}

html.dark .padding-r---4 {
    padding-right: -4px !important
}

html.dark .padding-a---4 {
    padding: -4px !important
}

html.dark .margin-v---3 {
    margin-top: -3px !important;
    margin-bottom: -3px !important
}

html.dark .margin-h---3 {
    margin-left: -3px !important;
    margin-right: -3px !important
}

html.dark .margin-t---3 {
    margin-top: -3px !important
}

html.dark .margin-b---3 {
    margin-bottom: -3px !important
}

html.dark .margin-l---3 {
    margin-left: -3px !important
}

html.dark .margin-r---3 {
    margin-right: -3px !important
}

html.dark .margin-a---3 {
    margin: -3px !important
}

html.dark .padding-v---3 {
    padding-top: -3px !important;
    padding-bottom: -3px !important
}

html.dark .padding-h---3 {
    padding-left: -3px !important;
    padding-right: -3px !important
}

html.dark .padding-t---3 {
    padding-top: -3px !important
}

html.dark .padding-b---3 {
    padding-bottom: -3px !important
}

html.dark .padding-l---3 {
    padding-left: -3px !important
}

html.dark .padding-r---3 {
    padding-right: -3px !important
}

html.dark .padding-a---3 {
    padding: -3px !important
}

html.dark .margin-v---2 {
    margin-top: -2px !important;
    margin-bottom: -2px !important
}

html.dark .margin-h---2 {
    margin-left: -2px !important;
    margin-right: -2px !important
}

html.dark .margin-t---2 {
    margin-top: -2px !important
}

html.dark .margin-b---2 {
    margin-bottom: -2px !important
}

html.dark .margin-l---2 {
    margin-left: -2px !important
}

html.dark .margin-r---2 {
    margin-right: -2px !important
}

html.dark .margin-a---2 {
    margin: -2px !important
}

html.dark .padding-v---2 {
    padding-top: -2px !important;
    padding-bottom: -2px !important
}

html.dark .padding-h---2 {
    padding-left: -2px !important;
    padding-right: -2px !important
}

html.dark .padding-t---2 {
    padding-top: -2px !important
}

html.dark .padding-b---2 {
    padding-bottom: -2px !important
}

html.dark .padding-l---2 {
    padding-left: -2px !important
}

html.dark .padding-r---2 {
    padding-right: -2px !important
}

html.dark .padding-a---2 {
    padding: -2px !important
}

html.dark .margin-v---1 {
    margin-top: -1px !important;
    margin-bottom: -1px !important
}

html.dark .margin-h---1 {
    margin-left: -1px !important;
    margin-right: -1px !important
}

html.dark .margin-t---1 {
    margin-top: -1px !important
}

html.dark .margin-b---1 {
    margin-bottom: -1px !important
}

html.dark .margin-l---1 {
    margin-left: -1px !important
}

html.dark .margin-r---1 {
    margin-right: -1px !important
}

html.dark .margin-a---1 {
    margin: -1px !important
}

html.dark .padding-v---1 {
    padding-top: -1px !important;
    padding-bottom: -1px !important
}

html.dark .padding-h---1 {
    padding-left: -1px !important;
    padding-right: -1px !important
}

html.dark .padding-t---1 {
    padding-top: -1px !important
}

html.dark .padding-b---1 {
    padding-bottom: -1px !important
}

html.dark .padding-l---1 {
    padding-left: -1px !important
}

html.dark .padding-r---1 {
    padding-right: -1px !important
}

html.dark .padding-a---1 {
    padding: -1px !important
}

html.dark .margin-v--0,
html.dark .margin-vn {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

html.dark .margin-h--0,
html.dark .margin-hn {
    margin-left: 0 !important;
    margin-right: 0 !important
}

html.dark .margin-t--0,
html.dark .margin-tn {
    margin-top: 0 !important
}

html.dark .margin-b--0,
html.dark .margin-bn {
    margin-bottom: 0 !important
}

html.dark .margin-l--0,
html.dark .margin-ln {
    margin-left: 0 !important
}

html.dark .margin-r--0,
html.dark .margin-rn {
    margin-right: 0 !important
}

html.dark .margin-a--0,
html.dark .margin-an {
    margin: 0 !important
}

html.dark .padding-v--0,
html.dark .padding-vn {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

html.dark .padding-h--0,
html.dark .padding-hn {
    padding-left: 0 !important;
    padding-right: 0 !important
}

html.dark .padding-t--0,
html.dark .padding-tn {
    padding-top: 0 !important
}

html.dark .padding-b--0,
html.dark .padding-bn {
    padding-bottom: 0 !important
}

html.dark .padding-l--0,
html.dark .padding-ln {
    padding-left: 0 !important
}

html.dark .padding-r--0,
html.dark .padding-rn {
    padding-right: 0 !important
}

html.dark .padding-a--0,
html.dark .padding-an {
    padding: 0 !important
}

html.dark .margin-v--1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important
}

html.dark .margin-h--1 {
    margin-left: 1px !important;
    margin-right: 1px !important
}

html.dark .margin-t--1 {
    margin-top: 1px !important
}

html.dark .margin-b--1 {
    margin-bottom: 1px !important
}

html.dark .margin-l--1 {
    margin-left: 1px !important
}

html.dark .margin-r--1 {
    margin-right: 1px !important
}

html.dark .margin-a--1 {
    margin: 1px !important
}

html.dark .padding-v--1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

html.dark .padding-h--1 {
    padding-left: 1px !important;
    padding-right: 1px !important
}

html.dark .padding-t--1 {
    padding-top: 1px !important
}

html.dark .padding-b--1 {
    padding-bottom: 1px !important
}

html.dark .padding-l--1 {
    padding-left: 1px !important
}

html.dark .padding-r--1 {
    padding-right: 1px !important
}

html.dark .padding-a--1 {
    padding: 1px !important
}

html.dark .margin-v--2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important
}

html.dark .margin-h--2 {
    margin-left: 2px !important;
    margin-right: 2px !important
}

html.dark .margin-t--2,
html.dark .margin-txs {
    margin-top: 2px !important
}

html.dark .margin-b--2 {
    margin-bottom: 2px !important
}

html.dark .margin-l--2 {
    margin-left: 2px !important
}

html.dark .margin-r--2 {
    margin-right: 2px !important
}

html.dark .margin-a--2,
html.dark .margin-axs {
    margin: 2px !important
}

html.dark .padding-v--2,
html.dark .padding-vxs {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

html.dark .padding-h--2 {
    padding-left: 2px !important;
    padding-right: 2px !important
}

html.dark .padding-t--2,
html.dark .padding-txs {
    padding-top: 2px !important
}

html.dark .padding-b--2 {
    padding-bottom: 2px !important
}

html.dark .padding-l--2 {
    padding-left: 2px !important
}

html.dark .padding-r--2,
html.dark .padding-rxs {
    padding-right: 2px !important
}

html.dark .padding-a--2,
html.dark .padding-axs {
    padding: 2px !important
}

html.dark .margin-v--3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

html.dark .margin-h--3 {
    margin-left: 3px !important;
    margin-right: 3px !important
}

html.dark .margin-t--3 {
    margin-top: 3px !important
}

html.dark .margin-b--3 {
    margin-bottom: 3px !important
}

html.dark .margin-l--3 {
    margin-left: 3px !important
}

html.dark .margin-r--3 {
    margin-right: 3px !important
}

html.dark .margin-a--3 {
    margin: 3px !important
}

html.dark .padding-v--3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

html.dark .padding-h--3 {
    padding-left: 3px !important;
    padding-right: 3px !important
}

html.dark .padding-t--3 {
    padding-top: 3px !important
}

html.dark .padding-b--3 {
    padding-bottom: 3px !important
}

html.dark .padding-l--3 {
    padding-left: 3px !important
}

html.dark .padding-r--3 {
    padding-right: 3px !important
}

html.dark .padding-a--3 {
    padding: 3px !important
}

html.dark .margin-v--4,
html.dark .margin-vs {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

html.dark .margin-h--4,
html.dark .margin-hs {
    margin-left: 4px !important;
    margin-right: 4px !important
}

html.dark .margin-t--4,
html.dark .margin-ts {
    margin-top: 4px !important
}

html.dark .margin-b--4,
html.dark .margin-bs {
    margin-bottom: 4px !important
}

html.dark .margin-l--4,
html.dark .margin-ls {
    margin-left: 4px !important
}

html.dark .margin-r--4,
html.dark .margin-rs {
    margin-right: 4px !important
}

html.dark .margin-a--4,
html.dark .margin-as {
    margin: 4px !important
}

html.dark .padding-v--4,
html.dark .padding-vs {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

html.dark .padding-h--4,
html.dark .padding-hs {
    padding-left: 4px !important;
    padding-right: 4px !important
}

html.dark .padding-t--4,
html.dark .padding-ts {
    padding-top: 4px !important
}

html.dark .padding-b--4,
html.dark .padding-bs {
    padding-bottom: 4px !important
}

html.dark .padding-l--4,
html.dark .padding-ls {
    padding-left: 4px !important
}

html.dark .padding-r--4,
html.dark .padding-rs {
    padding-right: 4px !important
}

html.dark .padding-a--4,
html.dark .padding-as {
    padding: 4px !important
}

html.dark .margin-v--5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

html.dark .margin-h--5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

html.dark .margin-t--5 {
    margin-top: 5px !important
}

html.dark .margin-b--5 {
    margin-bottom: 5px !important
}

html.dark .margin-l--5 {
    margin-left: 5px !important
}

html.dark .margin-r--5 {
    margin-right: 5px !important
}

html.dark .margin-a--5 {
    margin: 5px !important
}

html.dark .padding-v--5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

html.dark .padding-h--5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

html.dark .padding-t--5 {
    padding-top: 5px !important
}

html.dark .padding-b--5 {
    padding-bottom: 5px !important
}

html.dark .padding-l--5 {
    padding-left: 5px !important
}

html.dark .padding-r--5 {
    padding-right: 5px !important
}

html.dark .padding-a--5 {
    padding: 5px !important
}

html.dark .margin-v--6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important
}

html.dark .margin-h--6 {
    margin-left: 6px !important;
    margin-right: 6px !important
}

html.dark .margin-t--6 {
    margin-top: 6px !important
}

html.dark .margin-b--6 {
    margin-bottom: 6px !important
}

html.dark .margin-l--6 {
    margin-left: 6px !important
}

html.dark .margin-r--6 {
    margin-right: 6px !important
}

html.dark .margin-a--6 {
    margin: 6px !important
}

html.dark .padding-v--6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

html.dark .padding-h--6 {
    padding-left: 6px !important;
    padding-right: 6px !important
}

html.dark .padding-t--6 {
    padding-top: 6px !important
}

html.dark .padding-b--6 {
    padding-bottom: 6px !important
}

html.dark .padding-l--6 {
    padding-left: 6px !important
}

html.dark .padding-r--6 {
    padding-right: 6px !important
}

html.dark .padding-a--6 {
    padding: 6px !important
}

html.dark .margin-v--7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important
}

html.dark .margin-h--7 {
    margin-left: 7px !important;
    margin-right: 7px !important
}

html.dark .margin-t--7 {
    margin-top: 7px !important
}

html.dark .margin-b--7 {
    margin-bottom: 7px !important
}

html.dark .margin-l--7 {
    margin-left: 7px !important
}

html.dark .margin-r--7 {
    margin-right: 7px !important
}

html.dark .margin-a--7 {
    margin: 7px !important
}

html.dark .padding-v--7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}

html.dark .padding-h--7 {
    padding-left: 7px !important;
    padding-right: 7px !important
}

html.dark .padding-t--7 {
    padding-top: 7px !important
}

html.dark .padding-b--7 {
    padding-bottom: 7px !important
}

html.dark .padding-l--7 {
    padding-left: 7px !important
}

html.dark .padding-r--7 {
    padding-right: 7px !important
}

html.dark .padding-a--7 {
    padding: 7px !important
}

html.dark .margin-v--8,
html.dark .margin-vm {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

html.dark .margin-h--8,
html.dark .margin-hm {
    margin-left: 8px !important;
    margin-right: 8px !important
}

html.dark .margin-t--8,
html.dark .margin-tm {
    margin-top: 8px !important
}

html.dark .margin-b--8,
html.dark .margin-bm {
    margin-bottom: 8px !important
}

html.dark .margin-l--8,
html.dark .margin-lm {
    margin-left: 8px !important
}

html.dark .margin-r--8,
html.dark .margin-rm {
    margin-right: 8px !important
}

html.dark .margin-a--8,
html.dark .margin-am {
    margin: 8px !important
}

html.dark .padding-v--8,
html.dark .padding-vm {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

html.dark .padding-h--8,
html.dark .padding-hm {
    padding-left: 8px !important;
    padding-right: 8px !important
}

html.dark .padding-t--8,
html.dark .padding-tm {
    padding-top: 8px !important
}

html.dark .padding-b--8,
html.dark .padding-bm {
    padding-bottom: 8px !important
}

html.dark .padding-l--8,
html.dark .padding-lm {
    padding-left: 8px !important
}

html.dark .padding-r--8,
html.dark .padding-rm {
    padding-right: 8px !important
}

html.dark .padding-a--8,
html.dark .padding-am {
    padding: 8px !important
}

html.dark .margin-v--9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important
}

html.dark .margin-h--9 {
    margin-left: 9px !important;
    margin-right: 9px !important
}

html.dark .margin-t--9 {
    margin-top: 9px !important
}

html.dark .margin-b--9 {
    margin-bottom: 9px !important
}

html.dark .margin-l--9 {
    margin-left: 9px !important
}

html.dark .margin-r--9 {
    margin-right: 9px !important
}

html.dark .margin-a--9 {
    margin: 9px !important
}

html.dark .padding-v--9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important
}

html.dark .padding-h--9 {
    padding-left: 9px !important;
    padding-right: 9px !important
}

html.dark .padding-t--9 {
    padding-top: 9px !important
}

html.dark .padding-b--9 {
    padding-bottom: 9px !important
}

html.dark .padding-l--9 {
    padding-left: 9px !important
}

html.dark .padding-r--9 {
    padding-right: 9px !important
}

html.dark .padding-a--9 {
    padding: 9px !important
}

html.dark .margin-v--10,
html.dark .margin-vl {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

html.dark .margin-h--10,
html.dark .margin-hl {
    margin-left: 10px !important;
    margin-right: 10px !important
}

html.dark .margin-t--10,
html.dark .margin-tl {
    margin-top: 10px !important
}

html.dark .margin-b--10,
html.dark .margin-bl {
    margin-bottom: 10px !important
}

html.dark .margin-l--10,
html.dark .margin-ll {
    margin-left: 10px !important
}

html.dark .margin-r--10,
html.dark .margin-rl {
    margin-right: 10px !important
}

html.dark .margin-a--10,
html.dark .margin-al {
    margin: 10px !important
}

html.dark .padding-v--10,
html.dark .padding-vl {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

html.dark .padding-h--10,
html.dark .padding-hl {
    padding-left: 10px !important;
    padding-right: 10px !important
}

html.dark .padding-t--10,
html.dark .padding-tl {
    padding-top: 10px !important
}

html.dark .padding-b--10,
html.dark .padding-bl {
    padding-bottom: 10px !important
}

html.dark .padding-l--10,
html.dark .padding-ll {
    padding-left: 10px !important
}

html.dark .padding-r--10,
html.dark .padding-rl {
    padding-right: 10px !important
}

html.dark .padding-a--10,
html.dark .padding-al {
    padding: 10px !important
}

html.dark .margin-v--11 {
    margin-top: 11px !important;
    margin-bottom: 11px !important
}

html.dark .margin-h--11 {
    margin-left: 11px !important;
    margin-right: 11px !important
}

html.dark .margin-t--11 {
    margin-top: 11px !important
}

html.dark .margin-b--11 {
    margin-bottom: 11px !important
}

html.dark .margin-l--11 {
    margin-left: 11px !important
}

html.dark .margin-r--11 {
    margin-right: 11px !important
}

html.dark .margin-a--11 {
    margin: 11px !important
}

html.dark .padding-v--11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important
}

html.dark .padding-h--11 {
    padding-left: 11px !important;
    padding-right: 11px !important
}

html.dark .padding-t--11 {
    padding-top: 11px !important
}

html.dark .padding-b--11 {
    padding-bottom: 11px !important
}

html.dark .padding-l--11 {
    padding-left: 11px !important
}

html.dark .padding-r--11 {
    padding-right: 11px !important
}

html.dark .padding-a--11 {
    padding: 11px !important
}

html.dark .margin-v--12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

html.dark .margin-h--12 {
    margin-left: 12px !important;
    margin-right: 12px !important
}

html.dark .margin-t--12 {
    margin-top: 12px !important
}

html.dark .margin-b--12 {
    margin-bottom: 12px !important
}

html.dark .margin-l--12 {
    margin-left: 12px !important
}

html.dark .margin-r--12 {
    margin-right: 12px !important
}

html.dark .margin-a--12 {
    margin: 12px !important
}

html.dark .padding-v--12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

html.dark .padding-h--12 {
    padding-left: 12px !important;
    padding-right: 12px !important
}

html.dark .padding-t--12 {
    padding-top: 12px !important
}

html.dark .padding-b--12 {
    padding-bottom: 12px !important
}

html.dark .padding-l--12 {
    padding-left: 12px !important
}

html.dark .padding-r--12 {
    padding-right: 12px !important
}

html.dark .padding-a--12 {
    padding: 12px !important
}

html.dark .margin-v--13 {
    margin-top: 13px !important;
    margin-bottom: 13px !important
}

html.dark .margin-h--13 {
    margin-left: 13px !important;
    margin-right: 13px !important
}

html.dark .margin-t--13 {
    margin-top: 13px !important
}

html.dark .margin-b--13 {
    margin-bottom: 13px !important
}

html.dark .margin-l--13 {
    margin-left: 13px !important
}

html.dark .margin-r--13 {
    margin-right: 13px !important
}

html.dark .margin-a--13 {
    margin: 13px !important
}

html.dark .padding-v--13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important
}

html.dark .padding-h--13 {
    padding-left: 13px !important;
    padding-right: 13px !important
}

html.dark .padding-t--13 {
    padding-top: 13px !important
}

html.dark .padding-b--13 {
    padding-bottom: 13px !important
}

html.dark .padding-l--13 {
    padding-left: 13px !important
}

html.dark .padding-r--13 {
    padding-right: 13px !important
}

html.dark .padding-a--13 {
    padding: 13px !important
}

html.dark .margin-v--14 {
    margin-top: 14px !important;
    margin-bottom: 14px !important
}

html.dark .margin-h--14 {
    margin-left: 14px !important;
    margin-right: 14px !important
}

html.dark .margin-t--14 {
    margin-top: 14px !important
}

html.dark .margin-b--14 {
    margin-bottom: 14px !important
}

html.dark .margin-l--14 {
    margin-left: 14px !important
}

html.dark .margin-r--14 {
    margin-right: 14px !important
}

html.dark .margin-a--14 {
    margin: 14px !important
}

html.dark .padding-v--14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important
}

html.dark .padding-h--14 {
    padding-left: 14px !important;
    padding-right: 14px !important
}

html.dark .padding-t--14 {
    padding-top: 14px !important
}

html.dark .padding-b--14 {
    padding-bottom: 14px !important
}

html.dark .padding-l--14 {
    padding-left: 14px !important
}

html.dark .padding-r--14 {
    padding-right: 14px !important
}

html.dark .padding-a--14 {
    padding: 14px !important
}

html.dark .margin-v--15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

html.dark .margin-h--15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

html.dark .margin-t--15 {
    margin-top: 15px !important
}

html.dark .margin-b--15 {
    margin-bottom: 15px !important
}

html.dark .margin-l--15 {
    margin-left: 15px !important
}

html.dark .margin-r--15 {
    margin-right: 15px !important
}

html.dark .margin-a--15 {
    margin: 15px !important
}

html.dark .padding-v--15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

html.dark .padding-h--15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

html.dark .padding-t--15 {
    padding-top: 15px !important
}

html.dark .padding-b--15 {
    padding-bottom: 15px !important
}

html.dark .padding-l--15 {
    padding-left: 15px !important
}

html.dark .padding-r--15 {
    padding-right: 15px !important
}

html.dark .padding-a--15 {
    padding: 15px !important
}

html.dark .margin-v--16,
html.dark .margin-vxl {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

html.dark .margin-h--16,
html.dark .margin-hxl {
    margin-left: 16px !important;
    margin-right: 16px !important
}

html.dark .margin-t--16,
html.dark .margin-txl {
    margin-top: 16px !important
}

html.dark .margin-b--16,
html.dark .margin-bxl {
    margin-bottom: 16px !important
}

html.dark .margin-l--16,
html.dark .margin-lxl {
    margin-left: 16px !important
}

html.dark .margin-r--16,
html.dark .margin-rxl {
    margin-right: 16px !important
}

html.dark .margin-a--16,
html.dark .margin-axl {
    margin: 16px !important
}

html.dark .padding-v--16,
html.dark .padding-vxl {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

html.dark .padding-h--16,
html.dark .padding-hxl {
    padding-left: 16px !important;
    padding-right: 16px !important
}

html.dark .padding-t--16,
html.dark .padding-txl {
    padding-top: 16px !important
}

html.dark .padding-b--16,
html.dark .padding-bxl {
    padding-bottom: 16px !important
}

html.dark .padding-l--16,
html.dark .padding-lxl {
    padding-left: 16px !important
}

html.dark .padding-r--16,
html.dark .padding-rxl {
    padding-right: 16px !important
}

html.dark .padding-a--16,
html.dark .padding-axl {
    padding: 16px !important
}

html.dark .margin-v--17 {
    margin-top: 17px !important;
    margin-bottom: 17px !important
}

html.dark .margin-h--17 {
    margin-left: 17px !important;
    margin-right: 17px !important
}

html.dark .margin-t--17 {
    margin-top: 17px !important
}

html.dark .margin-b--17 {
    margin-bottom: 17px !important
}

html.dark .margin-l--17 {
    margin-left: 17px !important
}

html.dark .margin-r--17 {
    margin-right: 17px !important
}

html.dark .margin-a--17 {
    margin: 17px !important
}

html.dark .padding-v--17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important
}

html.dark .padding-h--17 {
    padding-left: 17px !important;
    padding-right: 17px !important
}

html.dark .padding-t--17 {
    padding-top: 17px !important
}

html.dark .padding-b--17 {
    padding-bottom: 17px !important
}

html.dark .padding-l--17 {
    padding-left: 17px !important
}

html.dark .padding-r--17 {
    padding-right: 17px !important
}

html.dark .padding-a--17 {
    padding: 17px !important
}

html.dark .margin-v--18 {
    margin-top: 18px !important;
    margin-bottom: 18px !important
}

html.dark .margin-h--18 {
    margin-left: 18px !important;
    margin-right: 18px !important
}

html.dark .margin-t--18 {
    margin-top: 18px !important
}

html.dark .margin-b--18 {
    margin-bottom: 18px !important
}

html.dark .margin-l--18 {
    margin-left: 18px !important
}

html.dark .margin-r--18 {
    margin-right: 18px !important
}

html.dark .margin-a--18 {
    margin: 18px !important
}

html.dark .padding-v--18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important
}

html.dark .padding-h--18 {
    padding-left: 18px !important;
    padding-right: 18px !important
}

html.dark .padding-t--18 {
    padding-top: 18px !important
}

html.dark .padding-b--18 {
    padding-bottom: 18px !important
}

html.dark .padding-l--18 {
    padding-left: 18px !important
}

html.dark .padding-r--18 {
    padding-right: 18px !important
}

html.dark .padding-a--18 {
    padding: 18px !important
}

html.dark .margin-v--19 {
    margin-top: 19px !important;
    margin-bottom: 19px !important
}

html.dark .margin-h--19 {
    margin-left: 19px !important;
    margin-right: 19px !important
}

html.dark .margin-t--19 {
    margin-top: 19px !important
}

html.dark .margin-b--19 {
    margin-bottom: 19px !important
}

html.dark .margin-l--19 {
    margin-left: 19px !important
}

html.dark .margin-r--19 {
    margin-right: 19px !important
}

html.dark .margin-a--19 {
    margin: 19px !important
}

html.dark .padding-v--19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important
}

html.dark .padding-h--19 {
    padding-left: 19px !important;
    padding-right: 19px !important
}

html.dark .padding-t--19 {
    padding-top: 19px !important
}

html.dark .padding-b--19 {
    padding-bottom: 19px !important
}

html.dark .padding-l--19 {
    padding-left: 19px !important
}

html.dark .padding-r--19 {
    padding-right: 19px !important
}

html.dark .padding-a--19 {
    padding: 19px !important
}

html.dark .margin-v--20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

html.dark .margin-h--20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

html.dark .margin-t--20 {
    margin-top: 20px !important
}

html.dark .margin-b--20 {
    margin-bottom: 20px !important
}

html.dark .margin-l--20 {
    margin-left: 20px !important
}

html.dark .margin-r--20 {
    margin-right: 20px !important
}

html.dark .margin-a--20 {
    margin: 20px !important
}

html.dark .padding-v--20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

html.dark .padding-h--20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

html.dark .padding-t--20 {
    padding-top: 20px !important
}

html.dark .padding-b--20 {
    padding-bottom: 20px !important
}

html.dark .padding-l--20 {
    padding-left: 20px !important
}

html.dark .padding-r--20 {
    padding-right: 20px !important
}

html.dark .padding-a--20 {
    padding: 20px !important
}

html.dark .margin-v--21 {
    margin-top: 21px !important;
    margin-bottom: 21px !important
}

html.dark .margin-h--21 {
    margin-left: 21px !important;
    margin-right: 21px !important
}

html.dark .margin-t--21 {
    margin-top: 21px !important
}

html.dark .margin-b--21 {
    margin-bottom: 21px !important
}

html.dark .margin-l--21 {
    margin-left: 21px !important
}

html.dark .margin-r--21 {
    margin-right: 21px !important
}

html.dark .margin-a--21 {
    margin: 21px !important
}

html.dark .padding-v--21 {
    padding-top: 21px !important;
    padding-bottom: 21px !important
}

html.dark .padding-h--21 {
    padding-left: 21px !important;
    padding-right: 21px !important
}

html.dark .padding-t--21 {
    padding-top: 21px !important
}

html.dark .padding-b--21 {
    padding-bottom: 21px !important
}

html.dark .padding-l--21 {
    padding-left: 21px !important
}

html.dark .padding-r--21 {
    padding-right: 21px !important
}

html.dark .padding-a--21 {
    padding: 21px !important
}

html.dark .margin-v--22 {
    margin-top: 22px !important;
    margin-bottom: 22px !important
}

html.dark .margin-h--22 {
    margin-left: 22px !important;
    margin-right: 22px !important
}

html.dark .margin-t--22 {
    margin-top: 22px !important
}

html.dark .margin-b--22 {
    margin-bottom: 22px !important
}

html.dark .margin-l--22 {
    margin-left: 22px !important
}

html.dark .margin-r--22 {
    margin-right: 22px !important
}

html.dark .margin-a--22 {
    margin: 22px !important
}

html.dark .padding-v--22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important
}

html.dark .padding-h--22 {
    padding-left: 22px !important;
    padding-right: 22px !important
}

html.dark .padding-t--22 {
    padding-top: 22px !important
}

html.dark .padding-b--22 {
    padding-bottom: 22px !important
}

html.dark .padding-l--22 {
    padding-left: 22px !important
}

html.dark .padding-r--22 {
    padding-right: 22px !important
}

html.dark .padding-a--22 {
    padding: 22px !important
}

html.dark .margin-v--23 {
    margin-top: 23px !important;
    margin-bottom: 23px !important
}

html.dark .margin-h--23 {
    margin-left: 23px !important;
    margin-right: 23px !important
}

html.dark .margin-t--23 {
    margin-top: 23px !important
}

html.dark .margin-b--23 {
    margin-bottom: 23px !important
}

html.dark .margin-l--23 {
    margin-left: 23px !important
}

html.dark .margin-r--23 {
    margin-right: 23px !important
}

html.dark .margin-a--23 {
    margin: 23px !important
}

html.dark .padding-v--23 {
    padding-top: 23px !important;
    padding-bottom: 23px !important
}

html.dark .padding-h--23 {
    padding-left: 23px !important;
    padding-right: 23px !important
}

html.dark .padding-t--23 {
    padding-top: 23px !important
}

html.dark .padding-b--23 {
    padding-bottom: 23px !important
}

html.dark .padding-l--23 {
    padding-left: 23px !important
}

html.dark .padding-r--23 {
    padding-right: 23px !important
}

html.dark .padding-a--23 {
    padding: 23px !important
}

html.dark .margin-v--24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

html.dark .margin-h--24 {
    margin-left: 24px !important;
    margin-right: 24px !important
}

html.dark .margin-t--24 {
    margin-top: 24px !important
}

html.dark .margin-b--24 {
    margin-bottom: 24px !important
}

html.dark .margin-l--24 {
    margin-left: 24px !important
}

html.dark .margin-r--24 {
    margin-right: 24px !important
}

html.dark .margin-a--24 {
    margin: 24px !important
}

html.dark .padding-v--24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

html.dark .padding-h--24 {
    padding-left: 24px !important;
    padding-right: 24px !important
}

html.dark .padding-t--24 {
    padding-top: 24px !important
}

html.dark .padding-b--24 {
    padding-bottom: 24px !important
}

html.dark .padding-l--24 {
    padding-left: 24px !important
}

html.dark .padding-r--24 {
    padding-right: 24px !important
}

html.dark .padding-a--24 {
    padding: 24px !important
}

html.dark .margin-v--25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

html.dark .margin-h--25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

html.dark .margin-t--25,
html.dark .margin-txxl {
    margin-top: 25px !important
}

html.dark .margin-b--25,
html.dark .margin-bxxl {
    margin-bottom: 25px !important
}

html.dark .margin-l--25 {
    margin-left: 25px !important
}

html.dark .margin-r--25,
html.dark .margin-rxxl {
    margin-right: 25px !important
}

html.dark .margin-a--25 {
    margin: 25px !important
}

html.dark .padding-v--25,
html.dark .padding-vxxl {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

html.dark .padding-h--25,
html.dark .padding-hxxl {
    padding-left: 25px !important;
    padding-right: 25px !important
}

html.dark .padding-t--25,
html.dark .padding-txxl {
    padding-top: 25px !important
}

html.dark .padding-b--25,
html.dark .padding-bxxl {
    padding-bottom: 25px !important
}

html.dark .padding-l--25 {
    padding-left: 25px !important
}

html.dark .padding-r--25 {
    padding-right: 25px !important
}

html.dark .padding-a--25,
html.dark .padding-axxl {
    padding: 25px !important
}

html.dark .margin-v--26 {
    margin-top: 26px !important;
    margin-bottom: 26px !important
}

html.dark .margin-h--26 {
    margin-left: 26px !important;
    margin-right: 26px !important
}

html.dark .margin-t--26 {
    margin-top: 26px !important
}

html.dark .margin-b--26 {
    margin-bottom: 26px !important
}

html.dark .margin-l--26 {
    margin-left: 26px !important
}

html.dark .margin-r--26 {
    margin-right: 26px !important
}

html.dark .margin-a--26 {
    margin: 26px !important
}

html.dark .padding-v--26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important
}

html.dark .padding-h--26 {
    padding-left: 26px !important;
    padding-right: 26px !important
}

html.dark .padding-t--26 {
    padding-top: 26px !important
}

html.dark .padding-b--26 {
    padding-bottom: 26px !important
}

html.dark .padding-l--26 {
    padding-left: 26px !important
}

html.dark .padding-r--26 {
    padding-right: 26px !important
}

html.dark .padding-a--26 {
    padding: 26px !important
}

html.dark .margin-v--27 {
    margin-top: 27px !important;
    margin-bottom: 27px !important
}

html.dark .margin-h--27 {
    margin-left: 27px !important;
    margin-right: 27px !important
}

html.dark .margin-t--27 {
    margin-top: 27px !important
}

html.dark .margin-b--27 {
    margin-bottom: 27px !important
}

html.dark .margin-l--27 {
    margin-left: 27px !important
}

html.dark .margin-r--27 {
    margin-right: 27px !important
}

html.dark .margin-a--27 {
    margin: 27px !important
}

html.dark .padding-v--27 {
    padding-top: 27px !important;
    padding-bottom: 27px !important
}

html.dark .padding-h--27 {
    padding-left: 27px !important;
    padding-right: 27px !important
}

html.dark .padding-t--27 {
    padding-top: 27px !important
}

html.dark .padding-b--27 {
    padding-bottom: 27px !important
}

html.dark .padding-l--27 {
    padding-left: 27px !important
}

html.dark .padding-r--27 {
    padding-right: 27px !important
}

html.dark .padding-a--27 {
    padding: 27px !important
}

html.dark .margin-v--28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important
}

html.dark .margin-h--28 {
    margin-left: 28px !important;
    margin-right: 28px !important
}

html.dark .margin-t--28 {
    margin-top: 28px !important
}

html.dark .margin-b--28 {
    margin-bottom: 28px !important
}

html.dark .margin-l--28 {
    margin-left: 28px !important
}

html.dark .margin-r--28 {
    margin-right: 28px !important
}

html.dark .margin-a--28 {
    margin: 28px !important
}

html.dark .padding-v--28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important
}

html.dark .padding-h--28 {
    padding-left: 28px !important;
    padding-right: 28px !important
}

html.dark .padding-t--28 {
    padding-top: 28px !important
}

html.dark .padding-b--28 {
    padding-bottom: 28px !important
}

html.dark .padding-l--28 {
    padding-left: 28px !important
}

html.dark .padding-r--28 {
    padding-right: 28px !important
}

html.dark .padding-a--28 {
    padding: 28px !important
}

html.dark .margin-v--29 {
    margin-top: 29px !important;
    margin-bottom: 29px !important
}

html.dark .margin-h--29 {
    margin-left: 29px !important;
    margin-right: 29px !important
}

html.dark .margin-t--29 {
    margin-top: 29px !important
}

html.dark .margin-b--29 {
    margin-bottom: 29px !important
}

html.dark .margin-l--29 {
    margin-left: 29px !important
}

html.dark .margin-r--29 {
    margin-right: 29px !important
}

html.dark .margin-a--29 {
    margin: 29px !important
}

html.dark .padding-v--29 {
    padding-top: 29px !important;
    padding-bottom: 29px !important
}

html.dark .padding-h--29 {
    padding-left: 29px !important;
    padding-right: 29px !important
}

html.dark .padding-t--29 {
    padding-top: 29px !important
}

html.dark .padding-b--29 {
    padding-bottom: 29px !important
}

html.dark .padding-l--29 {
    padding-left: 29px !important
}

html.dark .padding-r--29 {
    padding-right: 29px !important
}

html.dark .padding-a--29 {
    padding: 29px !important
}

html.dark .margin-v--30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

html.dark .margin-h--30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

html.dark .margin-t--30 {
    margin-top: 30px !important
}

html.dark .margin-b--30 {
    margin-bottom: 30px !important
}

html.dark .margin-l--30 {
    margin-left: 30px !important
}

html.dark .margin-r--30 {
    margin-right: 30px !important
}

html.dark .margin-a--30 {
    margin: 30px !important
}

html.dark .padding-v--30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

html.dark .padding-h--30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

html.dark .padding-t--30 {
    padding-top: 30px !important
}

html.dark .padding-b--30 {
    padding-bottom: 30px !important
}

html.dark .padding-l--30 {
    padding-left: 30px !important
}

html.dark .padding-r--30 {
    padding-right: 30px !important
}

html.dark .padding-a--30 {
    padding: 30px !important
}

html.dark .margin-v--31 {
    margin-top: 31px !important;
    margin-bottom: 31px !important
}

html.dark .margin-h--31 {
    margin-left: 31px !important;
    margin-right: 31px !important
}

html.dark .margin-t--31 {
    margin-top: 31px !important
}

html.dark .margin-b--31 {
    margin-bottom: 31px !important
}

html.dark .margin-l--31 {
    margin-left: 31px !important
}

html.dark .margin-r--31 {
    margin-right: 31px !important
}

html.dark .margin-a--31 {
    margin: 31px !important
}

html.dark .padding-v--31 {
    padding-top: 31px !important;
    padding-bottom: 31px !important
}

html.dark .padding-h--31 {
    padding-left: 31px !important;
    padding-right: 31px !important
}

html.dark .padding-t--31 {
    padding-top: 31px !important
}

html.dark .padding-b--31 {
    padding-bottom: 31px !important
}

html.dark .padding-l--31 {
    padding-left: 31px !important
}

html.dark .padding-r--31 {
    padding-right: 31px !important
}

html.dark .padding-a--31 {
    padding: 31px !important
}

html.dark .margin-v--32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

html.dark .margin-h--32 {
    margin-left: 32px !important;
    margin-right: 32px !important
}

html.dark .margin-t--32 {
    margin-top: 32px !important
}

html.dark .margin-b--32 {
    margin-bottom: 32px !important
}

html.dark .margin-l--32 {
    margin-left: 32px !important
}

html.dark .margin-r--32 {
    margin-right: 32px !important
}

html.dark .margin-a--32 {
    margin: 32px !important
}

html.dark .padding-v--32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

html.dark .padding-h--32 {
    padding-left: 32px !important;
    padding-right: 32px !important
}

html.dark .padding-t--32 {
    padding-top: 32px !important
}

html.dark .padding-b--32 {
    padding-bottom: 32px !important
}

html.dark .padding-l--32 {
    padding-left: 32px !important
}

html.dark .padding-r--32 {
    padding-right: 32px !important
}

html.dark .padding-a--32 {
    padding: 32px !important
}

html.dark .margin-v--33 {
    margin-top: 33px !important;
    margin-bottom: 33px !important
}

html.dark .margin-h--33 {
    margin-left: 33px !important;
    margin-right: 33px !important
}

html.dark .margin-t--33 {
    margin-top: 33px !important
}

html.dark .margin-b--33 {
    margin-bottom: 33px !important
}

html.dark .margin-l--33 {
    margin-left: 33px !important
}

html.dark .margin-r--33 {
    margin-right: 33px !important
}

html.dark .margin-a--33 {
    margin: 33px !important
}

html.dark .padding-v--33 {
    padding-top: 33px !important;
    padding-bottom: 33px !important
}

html.dark .padding-h--33 {
    padding-left: 33px !important;
    padding-right: 33px !important
}

html.dark .padding-t--33 {
    padding-top: 33px !important
}

html.dark .padding-b--33 {
    padding-bottom: 33px !important
}

html.dark .padding-l--33 {
    padding-left: 33px !important
}

html.dark .padding-r--33 {
    padding-right: 33px !important
}

html.dark .padding-a--33 {
    padding: 33px !important
}

html.dark .margin-v--34 {
    margin-top: 34px !important;
    margin-bottom: 34px !important
}

html.dark .margin-h--34 {
    margin-left: 34px !important;
    margin-right: 34px !important
}

html.dark .margin-t--34 {
    margin-top: 34px !important
}

html.dark .margin-b--34 {
    margin-bottom: 34px !important
}

html.dark .margin-l--34 {
    margin-left: 34px !important
}

html.dark .margin-r--34 {
    margin-right: 34px !important
}

html.dark .margin-a--34 {
    margin: 34px !important
}

html.dark .padding-v--34 {
    padding-top: 34px !important;
    padding-bottom: 34px !important
}

html.dark .padding-h--34 {
    padding-left: 34px !important;
    padding-right: 34px !important
}

html.dark .padding-t--34 {
    padding-top: 34px !important
}

html.dark .padding-b--34 {
    padding-bottom: 34px !important
}

html.dark .padding-l--34 {
    padding-left: 34px !important
}

html.dark .padding-r--34 {
    padding-right: 34px !important
}

html.dark .padding-a--34 {
    padding: 34px !important
}

html.dark .margin-v--35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

html.dark .margin-h--35 {
    margin-left: 35px !important;
    margin-right: 35px !important
}

html.dark .margin-t--35 {
    margin-top: 35px !important
}

html.dark .margin-b--35 {
    margin-bottom: 35px !important
}

html.dark .margin-l--35 {
    margin-left: 35px !important
}

html.dark .margin-r--35 {
    margin-right: 35px !important
}

html.dark .margin-a--35 {
    margin: 35px !important
}

html.dark .padding-v--35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

html.dark .padding-h--35 {
    padding-left: 35px !important;
    padding-right: 35px !important
}

html.dark .padding-t--35 {
    padding-top: 35px !important
}

html.dark .padding-b--35 {
    padding-bottom: 35px !important
}

html.dark .padding-l--35 {
    padding-left: 35px !important
}

html.dark .padding-r--35 {
    padding-right: 35px !important
}

html.dark .padding-a--35 {
    padding: 35px !important
}

html.dark .margin-v--36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important
}

html.dark .margin-h--36 {
    margin-left: 36px !important;
    margin-right: 36px !important
}

html.dark .margin-t--36 {
    margin-top: 36px !important
}

html.dark .margin-b--36 {
    margin-bottom: 36px !important
}

html.dark .margin-l--36 {
    margin-left: 36px !important
}

html.dark .margin-r--36 {
    margin-right: 36px !important
}

html.dark .margin-a--36 {
    margin: 36px !important
}

html.dark .padding-v--36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important
}

html.dark .padding-h--36 {
    padding-left: 36px !important;
    padding-right: 36px !important
}

html.dark .padding-t--36 {
    padding-top: 36px !important
}

html.dark .padding-b--36 {
    padding-bottom: 36px !important
}

html.dark .padding-l--36 {
    padding-left: 36px !important
}

html.dark .padding-r--36 {
    padding-right: 36px !important
}

html.dark .padding-a--36 {
    padding: 36px !important
}

html.dark .margin-v--37 {
    margin-top: 37px !important;
    margin-bottom: 37px !important
}

html.dark .margin-h--37 {
    margin-left: 37px !important;
    margin-right: 37px !important
}

html.dark .margin-t--37 {
    margin-top: 37px !important
}

html.dark .margin-b--37 {
    margin-bottom: 37px !important
}

html.dark .margin-l--37 {
    margin-left: 37px !important
}

html.dark .margin-r--37 {
    margin-right: 37px !important
}

html.dark .margin-a--37 {
    margin: 37px !important
}

html.dark .padding-v--37 {
    padding-top: 37px !important;
    padding-bottom: 37px !important
}

html.dark .padding-h--37 {
    padding-left: 37px !important;
    padding-right: 37px !important
}

html.dark .padding-t--37 {
    padding-top: 37px !important
}

html.dark .padding-b--37 {
    padding-bottom: 37px !important
}

html.dark .padding-l--37 {
    padding-left: 37px !important
}

html.dark .padding-r--37 {
    padding-right: 37px !important
}

html.dark .padding-a--37 {
    padding: 37px !important
}

html.dark .margin-v--38 {
    margin-top: 38px !important;
    margin-bottom: 38px !important
}

html.dark .margin-h--38 {
    margin-left: 38px !important;
    margin-right: 38px !important
}

html.dark .margin-t--38 {
    margin-top: 38px !important
}

html.dark .margin-b--38 {
    margin-bottom: 38px !important
}

html.dark .margin-l--38 {
    margin-left: 38px !important
}

html.dark .margin-r--38 {
    margin-right: 38px !important
}

html.dark .margin-a--38 {
    margin: 38px !important
}

html.dark .padding-v--38 {
    padding-top: 38px !important;
    padding-bottom: 38px !important
}

html.dark .padding-h--38 {
    padding-left: 38px !important;
    padding-right: 38px !important
}

html.dark .padding-t--38 {
    padding-top: 38px !important
}

html.dark .padding-b--38 {
    padding-bottom: 38px !important
}

html.dark .padding-l--38 {
    padding-left: 38px !important
}

html.dark .padding-r--38 {
    padding-right: 38px !important
}

html.dark .padding-a--38 {
    padding: 38px !important
}

html.dark .margin-v--39 {
    margin-top: 39px !important;
    margin-bottom: 39px !important
}

html.dark .margin-h--39 {
    margin-left: 39px !important;
    margin-right: 39px !important
}

html.dark .margin-t--39 {
    margin-top: 39px !important
}

html.dark .margin-b--39 {
    margin-bottom: 39px !important
}

html.dark .margin-l--39 {
    margin-left: 39px !important
}

html.dark .margin-r--39 {
    margin-right: 39px !important
}

html.dark .margin-a--39 {
    margin: 39px !important
}

html.dark .padding-v--39 {
    padding-top: 39px !important;
    padding-bottom: 39px !important
}

html.dark .padding-h--39 {
    padding-left: 39px !important;
    padding-right: 39px !important
}

html.dark .padding-t--39 {
    padding-top: 39px !important
}

html.dark .padding-b--39 {
    padding-bottom: 39px !important
}

html.dark .padding-l--39 {
    padding-left: 39px !important
}

html.dark .padding-r--39 {
    padding-right: 39px !important
}

html.dark .padding-a--39 {
    padding: 39px !important
}

html.dark .margin-v--40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

html.dark .margin-h--40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

html.dark .margin-t--40 {
    margin-top: 40px !important
}

html.dark .margin-b--40 {
    margin-bottom: 40px !important
}

html.dark .margin-l--40 {
    margin-left: 40px !important
}

html.dark .margin-r--40 {
    margin-right: 40px !important
}

html.dark .margin-a--40 {
    margin: 40px !important
}

html.dark .padding-v--40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

html.dark .padding-h--40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

html.dark .padding-t--40 {
    padding-top: 40px !important
}

html.dark .padding-b--40 {
    padding-bottom: 40px !important
}

html.dark .padding-l--40 {
    padding-left: 40px !important
}

html.dark .padding-r--40 {
    padding-right: 40px !important
}

html.dark .padding-a--40 {
    padding: 40px !important
}

html.dark .margin-v--41 {
    margin-top: 41px !important;
    margin-bottom: 41px !important
}

html.dark .margin-h--41 {
    margin-left: 41px !important;
    margin-right: 41px !important
}

html.dark .margin-t--41 {
    margin-top: 41px !important
}

html.dark .margin-b--41 {
    margin-bottom: 41px !important
}

html.dark .margin-l--41 {
    margin-left: 41px !important
}

html.dark .margin-r--41 {
    margin-right: 41px !important
}

html.dark .margin-a--41 {
    margin: 41px !important
}

html.dark .padding-v--41 {
    padding-top: 41px !important;
    padding-bottom: 41px !important
}

html.dark .padding-h--41 {
    padding-left: 41px !important;
    padding-right: 41px !important
}

html.dark .padding-t--41 {
    padding-top: 41px !important
}

html.dark .padding-b--41 {
    padding-bottom: 41px !important
}

html.dark .padding-l--41 {
    padding-left: 41px !important
}

html.dark .padding-r--41 {
    padding-right: 41px !important
}

html.dark .padding-a--41 {
    padding: 41px !important
}

html.dark .margin-v--42 {
    margin-top: 42px !important;
    margin-bottom: 42px !important
}

html.dark .margin-h--42 {
    margin-left: 42px !important;
    margin-right: 42px !important
}

html.dark .margin-t--42 {
    margin-top: 42px !important
}

html.dark .margin-b--42 {
    margin-bottom: 42px !important
}

html.dark .margin-l--42 {
    margin-left: 42px !important
}

html.dark .margin-r--42 {
    margin-right: 42px !important
}

html.dark .margin-a--42 {
    margin: 42px !important
}

html.dark .padding-v--42 {
    padding-top: 42px !important;
    padding-bottom: 42px !important
}

html.dark .padding-h--42 {
    padding-left: 42px !important;
    padding-right: 42px !important
}

html.dark .padding-t--42 {
    padding-top: 42px !important
}

html.dark .padding-b--42 {
    padding-bottom: 42px !important
}

html.dark .padding-l--42 {
    padding-left: 42px !important
}

html.dark .padding-r--42 {
    padding-right: 42px !important
}

html.dark .padding-a--42 {
    padding: 42px !important
}

html.dark .margin-v--43 {
    margin-top: 43px !important;
    margin-bottom: 43px !important
}

html.dark .margin-h--43 {
    margin-left: 43px !important;
    margin-right: 43px !important
}

html.dark .margin-t--43 {
    margin-top: 43px !important
}

html.dark .margin-b--43 {
    margin-bottom: 43px !important
}

html.dark .margin-l--43 {
    margin-left: 43px !important
}

html.dark .margin-r--43 {
    margin-right: 43px !important
}

html.dark .margin-a--43 {
    margin: 43px !important
}

html.dark .padding-v--43 {
    padding-top: 43px !important;
    padding-bottom: 43px !important
}

html.dark .padding-h--43 {
    padding-left: 43px !important;
    padding-right: 43px !important
}

html.dark .padding-t--43 {
    padding-top: 43px !important
}

html.dark .padding-b--43 {
    padding-bottom: 43px !important
}

html.dark .padding-l--43 {
    padding-left: 43px !important
}

html.dark .padding-r--43 {
    padding-right: 43px !important
}

html.dark .padding-a--43 {
    padding: 43px !important
}

html.dark .margin-v--44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important
}

html.dark .margin-h--44 {
    margin-left: 44px !important;
    margin-right: 44px !important
}

html.dark .margin-t--44 {
    margin-top: 44px !important
}

html.dark .margin-b--44 {
    margin-bottom: 44px !important
}

html.dark .margin-l--44 {
    margin-left: 44px !important
}

html.dark .margin-r--44 {
    margin-right: 44px !important
}

html.dark .margin-a--44 {
    margin: 44px !important
}

html.dark .padding-v--44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important
}

html.dark .padding-h--44 {
    padding-left: 44px !important;
    padding-right: 44px !important
}

html.dark .padding-t--44 {
    padding-top: 44px !important
}

html.dark .padding-b--44 {
    padding-bottom: 44px !important
}

html.dark .padding-l--44 {
    padding-left: 44px !important
}

html.dark .padding-r--44 {
    padding-right: 44px !important
}

html.dark .padding-a--44 {
    padding: 44px !important
}

html.dark .margin-v--45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

html.dark .margin-h--45 {
    margin-left: 45px !important;
    margin-right: 45px !important
}

html.dark .margin-t--45 {
    margin-top: 45px !important
}

html.dark .margin-b--45 {
    margin-bottom: 45px !important
}

html.dark .margin-l--45 {
    margin-left: 45px !important
}

html.dark .margin-r--45 {
    margin-right: 45px !important
}

html.dark .margin-a--45 {
    margin: 45px !important
}

html.dark .padding-v--45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

html.dark .padding-h--45 {
    padding-left: 45px !important;
    padding-right: 45px !important
}

html.dark .padding-t--45 {
    padding-top: 45px !important
}

html.dark .padding-b--45 {
    padding-bottom: 45px !important
}

html.dark .padding-l--45 {
    padding-left: 45px !important
}

html.dark .padding-r--45 {
    padding-right: 45px !important
}

html.dark .padding-a--45 {
    padding: 45px !important
}

html.dark .margin-v--46 {
    margin-top: 46px !important;
    margin-bottom: 46px !important
}

html.dark .margin-h--46 {
    margin-left: 46px !important;
    margin-right: 46px !important
}

html.dark .margin-t--46 {
    margin-top: 46px !important
}

html.dark .margin-b--46 {
    margin-bottom: 46px !important
}

html.dark .margin-l--46 {
    margin-left: 46px !important
}

html.dark .margin-r--46 {
    margin-right: 46px !important
}

html.dark .margin-a--46 {
    margin: 46px !important
}

html.dark .padding-v--46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important
}

html.dark .padding-h--46 {
    padding-left: 46px !important;
    padding-right: 46px !important
}

html.dark .padding-t--46 {
    padding-top: 46px !important
}

html.dark .padding-b--46 {
    padding-bottom: 46px !important
}

html.dark .padding-l--46 {
    padding-left: 46px !important
}

html.dark .padding-r--46 {
    padding-right: 46px !important
}

html.dark .padding-a--46 {
    padding: 46px !important
}

html.dark .margin-v--47 {
    margin-top: 47px !important;
    margin-bottom: 47px !important
}

html.dark .margin-h--47 {
    margin-left: 47px !important;
    margin-right: 47px !important
}

html.dark .margin-t--47 {
    margin-top: 47px !important
}

html.dark .margin-b--47 {
    margin-bottom: 47px !important
}

html.dark .margin-l--47 {
    margin-left: 47px !important
}

html.dark .margin-r--47 {
    margin-right: 47px !important
}

html.dark .margin-a--47 {
    margin: 47px !important
}

html.dark .padding-v--47 {
    padding-top: 47px !important;
    padding-bottom: 47px !important
}

html.dark .padding-h--47 {
    padding-left: 47px !important;
    padding-right: 47px !important
}

html.dark .padding-t--47 {
    padding-top: 47px !important
}

html.dark .padding-b--47 {
    padding-bottom: 47px !important
}

html.dark .padding-l--47 {
    padding-left: 47px !important
}

html.dark .padding-r--47 {
    padding-right: 47px !important
}

html.dark .padding-a--47 {
    padding: 47px !important
}

html.dark .margin-v--48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

html.dark .margin-h--48 {
    margin-left: 48px !important;
    margin-right: 48px !important
}

html.dark .margin-t--48 {
    margin-top: 48px !important
}

html.dark .margin-b--48 {
    margin-bottom: 48px !important
}

html.dark .margin-l--48 {
    margin-left: 48px !important
}

html.dark .margin-r--48 {
    margin-right: 48px !important
}

html.dark .margin-a--48 {
    margin: 48px !important
}

html.dark .padding-v--48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

html.dark .padding-h--48 {
    padding-left: 48px !important;
    padding-right: 48px !important
}

html.dark .padding-t--48 {
    padding-top: 48px !important
}

html.dark .padding-b--48 {
    padding-bottom: 48px !important
}

html.dark .padding-l--48 {
    padding-left: 48px !important
}

html.dark .padding-r--48 {
    padding-right: 48px !important
}

html.dark .padding-a--48 {
    padding: 48px !important
}

html.dark .margin-v--49 {
    margin-top: 49px !important;
    margin-bottom: 49px !important
}

html.dark .margin-h--49 {
    margin-left: 49px !important;
    margin-right: 49px !important
}

html.dark .margin-t--49 {
    margin-top: 49px !important
}

html.dark .margin-b--49 {
    margin-bottom: 49px !important
}

html.dark .margin-l--49 {
    margin-left: 49px !important
}

html.dark .margin-r--49 {
    margin-right: 49px !important
}

html.dark .margin-a--49 {
    margin: 49px !important
}

html.dark .padding-v--49 {
    padding-top: 49px !important;
    padding-bottom: 49px !important
}

html.dark .padding-h--49 {
    padding-left: 49px !important;
    padding-right: 49px !important
}

html.dark .padding-t--49 {
    padding-top: 49px !important
}

html.dark .padding-b--49 {
    padding-bottom: 49px !important
}

html.dark .padding-l--49 {
    padding-left: 49px !important
}

html.dark .padding-r--49 {
    padding-right: 49px !important
}

html.dark .padding-a--49 {
    padding: 49px !important
}

html.dark .margin-v--50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

html.dark .margin-h--50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

html.dark .margin-t--50 {
    margin-top: 50px !important
}

html.dark .margin-b--50 {
    margin-bottom: 50px !important
}

html.dark .margin-l--50 {
    margin-left: 50px !important
}

html.dark .margin-r--50 {
    margin-right: 50px !important
}

html.dark .margin-a--50 {
    margin: 50px !important
}

html.dark .padding-v--50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

html.dark .padding-h--50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

html.dark .padding-t--50 {
    padding-top: 50px !important
}

html.dark .padding-b--50 {
    padding-bottom: 50px !important
}

html.dark .padding-l--50 {
    padding-left: 50px !important
}

html.dark .padding-r--50 {
    padding-right: 50px !important
}

html.dark .padding-a--50 {
    padding: 50px !important
}

html.dark .margin-v--51 {
    margin-top: 51px !important;
    margin-bottom: 51px !important
}

html.dark .margin-h--51 {
    margin-left: 51px !important;
    margin-right: 51px !important
}

html.dark .margin-t--51 {
    margin-top: 51px !important
}

html.dark .margin-b--51 {
    margin-bottom: 51px !important
}

html.dark .margin-l--51 {
    margin-left: 51px !important
}

html.dark .margin-r--51 {
    margin-right: 51px !important
}

html.dark .margin-a--51 {
    margin: 51px !important
}

html.dark .padding-v--51 {
    padding-top: 51px !important;
    padding-bottom: 51px !important
}

html.dark .padding-h--51 {
    padding-left: 51px !important;
    padding-right: 51px !important
}

html.dark .padding-t--51 {
    padding-top: 51px !important
}

html.dark .padding-b--51 {
    padding-bottom: 51px !important
}

html.dark .padding-l--51 {
    padding-left: 51px !important
}

html.dark .padding-r--51 {
    padding-right: 51px !important
}

html.dark .padding-a--51 {
    padding: 51px !important
}

html.dark .margin-v--52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important
}

html.dark .margin-h--52 {
    margin-left: 52px !important;
    margin-right: 52px !important
}

html.dark .margin-t--52 {
    margin-top: 52px !important
}

html.dark .margin-b--52 {
    margin-bottom: 52px !important
}

html.dark .margin-l--52 {
    margin-left: 52px !important
}

html.dark .margin-r--52 {
    margin-right: 52px !important
}

html.dark .margin-a--52 {
    margin: 52px !important
}

html.dark .padding-v--52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important
}

html.dark .padding-h--52 {
    padding-left: 52px !important;
    padding-right: 52px !important
}

html.dark .padding-t--52 {
    padding-top: 52px !important
}

html.dark .padding-b--52 {
    padding-bottom: 52px !important
}

html.dark .padding-l--52 {
    padding-left: 52px !important
}

html.dark .padding-r--52 {
    padding-right: 52px !important
}

html.dark .padding-a--52 {
    padding: 52px !important
}

html.dark .margin-v--53 {
    margin-top: 53px !important;
    margin-bottom: 53px !important
}

html.dark .margin-h--53 {
    margin-left: 53px !important;
    margin-right: 53px !important
}

html.dark .margin-t--53 {
    margin-top: 53px !important
}

html.dark .margin-b--53 {
    margin-bottom: 53px !important
}

html.dark .margin-l--53 {
    margin-left: 53px !important
}

html.dark .margin-r--53 {
    margin-right: 53px !important
}

html.dark .margin-a--53 {
    margin: 53px !important
}

html.dark .padding-v--53 {
    padding-top: 53px !important;
    padding-bottom: 53px !important
}

html.dark .padding-h--53 {
    padding-left: 53px !important;
    padding-right: 53px !important
}

html.dark .padding-t--53 {
    padding-top: 53px !important
}

html.dark .padding-b--53 {
    padding-bottom: 53px !important
}

html.dark .padding-l--53 {
    padding-left: 53px !important
}

html.dark .padding-r--53 {
    padding-right: 53px !important
}

html.dark .padding-a--53 {
    padding: 53px !important
}

html.dark .margin-v--54 {
    margin-top: 54px !important;
    margin-bottom: 54px !important
}

html.dark .margin-h--54 {
    margin-left: 54px !important;
    margin-right: 54px !important
}

html.dark .margin-t--54 {
    margin-top: 54px !important
}

html.dark .margin-b--54 {
    margin-bottom: 54px !important
}

html.dark .margin-l--54 {
    margin-left: 54px !important
}

html.dark .margin-r--54 {
    margin-right: 54px !important
}

html.dark .margin-a--54 {
    margin: 54px !important
}

html.dark .padding-v--54 {
    padding-top: 54px !important;
    padding-bottom: 54px !important
}

html.dark .padding-h--54 {
    padding-left: 54px !important;
    padding-right: 54px !important
}

html.dark .padding-t--54 {
    padding-top: 54px !important
}

html.dark .padding-b--54 {
    padding-bottom: 54px !important
}

html.dark .padding-l--54 {
    padding-left: 54px !important
}

html.dark .padding-r--54 {
    padding-right: 54px !important
}

html.dark .padding-a--54 {
    padding: 54px !important
}

html.dark .margin-v--55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important
}

html.dark .margin-h--55 {
    margin-left: 55px !important;
    margin-right: 55px !important
}

html.dark .margin-t--55 {
    margin-top: 55px !important
}

html.dark .margin-b--55 {
    margin-bottom: 55px !important
}

html.dark .margin-l--55 {
    margin-left: 55px !important
}

html.dark .margin-r--55 {
    margin-right: 55px !important
}

html.dark .margin-a--55 {
    margin: 55px !important
}

html.dark .padding-v--55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important
}

html.dark .padding-h--55 {
    padding-left: 55px !important;
    padding-right: 55px !important
}

html.dark .padding-t--55 {
    padding-top: 55px !important
}

html.dark .padding-b--55 {
    padding-bottom: 55px !important
}

html.dark .padding-l--55 {
    padding-left: 55px !important
}

html.dark .padding-r--55 {
    padding-right: 55px !important
}

html.dark .padding-a--55 {
    padding: 55px !important
}

html.dark .margin-v--56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important
}

html.dark .margin-h--56 {
    margin-left: 56px !important;
    margin-right: 56px !important
}

html.dark .margin-t--56 {
    margin-top: 56px !important
}

html.dark .margin-b--56 {
    margin-bottom: 56px !important
}

html.dark .margin-l--56 {
    margin-left: 56px !important
}

html.dark .margin-r--56 {
    margin-right: 56px !important
}

html.dark .margin-a--56 {
    margin: 56px !important
}

html.dark .padding-v--56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
}

html.dark .padding-h--56 {
    padding-left: 56px !important;
    padding-right: 56px !important
}

html.dark .padding-t--56 {
    padding-top: 56px !important
}

html.dark .padding-b--56 {
    padding-bottom: 56px !important
}

html.dark .padding-l--56 {
    padding-left: 56px !important
}

html.dark .padding-r--56 {
    padding-right: 56px !important
}

html.dark .padding-a--56 {
    padding: 56px !important
}

html.dark .margin-v--57 {
    margin-top: 57px !important;
    margin-bottom: 57px !important
}

html.dark .margin-h--57 {
    margin-left: 57px !important;
    margin-right: 57px !important
}

html.dark .margin-t--57 {
    margin-top: 57px !important
}

html.dark .margin-b--57 {
    margin-bottom: 57px !important
}

html.dark .margin-l--57 {
    margin-left: 57px !important
}

html.dark .margin-r--57 {
    margin-right: 57px !important
}

html.dark .margin-a--57 {
    margin: 57px !important
}

html.dark .padding-v--57 {
    padding-top: 57px !important;
    padding-bottom: 57px !important
}

html.dark .padding-h--57 {
    padding-left: 57px !important;
    padding-right: 57px !important
}

html.dark .padding-t--57 {
    padding-top: 57px !important
}

html.dark .padding-b--57 {
    padding-bottom: 57px !important
}

html.dark .padding-l--57 {
    padding-left: 57px !important
}

html.dark .padding-r--57 {
    padding-right: 57px !important
}

html.dark .padding-a--57 {
    padding: 57px !important
}

html.dark .margin-v--58 {
    margin-top: 58px !important;
    margin-bottom: 58px !important
}

html.dark .margin-h--58 {
    margin-left: 58px !important;
    margin-right: 58px !important
}

html.dark .margin-t--58 {
    margin-top: 58px !important
}

html.dark .margin-b--58 {
    margin-bottom: 58px !important
}

html.dark .margin-l--58 {
    margin-left: 58px !important
}

html.dark .margin-r--58 {
    margin-right: 58px !important
}

html.dark .margin-a--58 {
    margin: 58px !important
}

html.dark .padding-v--58 {
    padding-top: 58px !important;
    padding-bottom: 58px !important
}

html.dark .padding-h--58 {
    padding-left: 58px !important;
    padding-right: 58px !important
}

html.dark .padding-t--58 {
    padding-top: 58px !important
}

html.dark .padding-b--58 {
    padding-bottom: 58px !important
}

html.dark .padding-l--58 {
    padding-left: 58px !important
}

html.dark .padding-r--58 {
    padding-right: 58px !important
}

html.dark .padding-a--58 {
    padding: 58px !important
}

html.dark .margin-a-auto {
    margin: auto
}

html.dark .neg-margin-bxs {
    margin-bottom: -2px !important
}

html.dark .neg-margin-lm {
    margin-left: -8px !important
}

html.dark .neg-margin-bl {
    margin-bottom: -10px !important
}

html.dark .touch-device .padding-axs {
    padding: 2.5px !important
}

html.dark .touch-device .padding-as {
    padding: 5px !important
}

html.dark .touch-device .padding-am {
    padding: 10px !important
}

html.dark .touch-device .padding-al {
    padding: 12.5px !important
}

html.dark .touch-device .margin-axs {
    margin: 2.5px !important
}

html.dark .touch-device .margin-as {
    margin: 5px !important
}

html.dark .touch-device .margin-am {
    margin: 10px !important
}

html.dark .touch-device .margin-al {
    margin: 12.5px !important
}

html.dark .touch-device .padding-vxs {
    padding-top: 2.5px !important;
    padding-bottom: 2.5px !important
}

html.dark .touch-device .padding-vs {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

html.dark .touch-device .padding-vm {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

html.dark .touch-device .padding-vl {
    padding-top: 12.5px !important;
    padding-bottom: 12.5px !important
}

html.dark .touch-device .margin-vs {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

html.dark .touch-device .margin-vm {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

html.dark .touch-device .margin-vl {
    margin-top: 12.5px !important;
    margin-bottom: 12.5px !important
}

html.dark .touch-device .padding-hs {
    padding-left: 5px !important;
    padding-right: 5px !important
}

html.dark .touch-device .padding-hm {
    padding-left: 10px !important;
    padding-right: 10px !important
}

html.dark .touch-device .padding-hl {
    padding-left: 12.5px !important;
    padding-right: 12.5px !important
}

html.dark .touch-device .margin-hs {
    margin-left: 5px !important;
    margin-right: 5px !important
}

html.dark .touch-device .margin-hm {
    margin-left: 10px !important;
    margin-right: 10px !important
}

html.dark .touch-device .margin-hl {
    margin-left: 12.5px !important;
    margin-right: 12.5px !important
}

html.dark .touch-device .padding-txs {
    padding-top: 2.5px !important
}

html.dark .touch-device .padding-ts {
    padding-top: 5px !important
}

html.dark .touch-device .padding-tm {
    padding-top: 10px !important
}

html.dark .touch-device .padding-tl {
    padding-top: 12.5px !important
}

html.dark .touch-device .margin-txs {
    margin-top: 2.5px !important
}

html.dark .touch-device .margin-ts {
    margin-top: 5px !important
}

html.dark .touch-device .margin-tm {
    margin-top: 10px !important
}

html.dark .touch-device .margin-tl {
    margin-top: 12.5px !important
}

html.dark .touch-device .padding-bs {
    padding-bottom: 5px !important
}

html.dark .touch-device .padding-bm {
    padding-bottom: 10px !important
}

html.dark .touch-device .padding-bl {
    padding-bottom: 12.5px !important
}

html.dark .touch-device .margin-bs {
    margin-bottom: 5px !important
}

html.dark .touch-device .margin-bm {
    margin-bottom: 10px !important
}

html.dark .touch-device .margin-bl {
    margin-bottom: 12.5px !important
}

html.dark .touch-device .padding-ls {
    padding-left: 5px !important
}

html.dark .touch-device .padding-lm {
    padding-left: 10px !important
}

html.dark .touch-device .padding-ll {
    padding-left: 12.5px !important
}

html.dark .touch-device .margin-ls {
    margin-left: 5px !important
}

html.dark .touch-device .margin-lm {
    margin-left: 10px !important
}

html.dark .touch-device .margin-ll {
    margin-left: 12.5px !important
}

html.dark .touch-device .padding-rxs {
    padding-right: 2.5px !important
}

html.dark .touch-device .padding-rs {
    padding-right: 5px !important
}

html.dark .touch-device .padding-rm {
    padding-right: 10px !important
}

html.dark .touch-device .padding-rl {
    padding-right: 12.5px !important
}

html.dark .touch-device .margin-rs {
    margin-right: 5px !important
}

html.dark .touch-device .margin-rm {
    margin-right: 10px !important
}

html.dark .touch-device .margin-rl {
    margin-right: 12.5px !important
}

html.dark .width-1 {
    width: 1.25rem
}

html.dark .height-1 {
    height: 1.25rem
}

html.dark .width-2 {
    width: 1.5625rem
}

html.dark .height-2 {
    height: 1.5625rem
}

html.dark .width-3 {
    width: 1.95312rem
}

html.dark .height-3 {
    height: 1.95312rem
}

html.dark .width-4 {
    width: 2.44141rem
}

html.dark .height-4 {
    height: 2.44141rem
}

html.dark .width-5 {
    width: 3.05176rem
}

html.dark .height-5 {
    height: 3.05176rem
}

html.dark .width-6 {
    width: 3.8147rem
}

html.dark .height-6 {
    height: 3.8147rem
}

html.dark .width-7 {
    width: 4.76837rem
}

html.dark .height-7 {
    height: 4.76837rem
}

html.dark .width-8 {
    width: 5.96046rem
}

html.dark .height-8 {
    height: 5.96046rem
}

html.dark .width-9 {
    width: 7.45058rem
}

html.dark .height-9 {
    height: 7.45058rem
}

html.dark .width-10 {
    width: 9.31323rem
}

html.dark .height-10 {
    height: 9.31323rem
}

html.dark .height-0 {
    height: 1rem
}

html.dark .width-p--0 {
    width: 0 !important
}

html.dark .height-p--0 {
    height: 0% !important
}

html.dark .width-p--1 {
    width: 1% !important
}

html.dark .height-p--1 {
    height: 1% !important
}

html.dark .width-p--2 {
    width: 2% !important
}

html.dark .height-p--2 {
    height: 2% !important
}

html.dark .width-p--3 {
    width: 3% !important
}

html.dark .height-p--3 {
    height: 3% !important
}

html.dark .width-p--4 {
    width: 4% !important
}

html.dark .height-p--4 {
    height: 4% !important
}

html.dark .width-p--5 {
    width: 5% !important
}

html.dark .height-p--5 {
    height: 5% !important
}

html.dark .width-p--6 {
    width: 6% !important
}

html.dark .height-p--6 {
    height: 6% !important
}

html.dark .width-p--7 {
    width: 7% !important
}

html.dark .height-p--7 {
    height: 7% !important
}

html.dark .width-p--8 {
    width: 8% !important
}

html.dark .height-p--8 {
    height: 8% !important
}

html.dark .width-p--9 {
    width: 9% !important
}

html.dark .height-p--9 {
    height: 9% !important
}

html.dark .width-p--10 {
    width: 10% !important
}

html.dark .height-p--10 {
    height: 10% !important
}

html.dark .width-p--11 {
    width: 11% !important
}

html.dark .height-p--11 {
    height: 11% !important
}

html.dark .width-p--12 {
    width: 12% !important
}

html.dark .height-p--12 {
    height: 12% !important
}

html.dark .width-p--13 {
    width: 13% !important
}

html.dark .height-p--13 {
    height: 13% !important
}

html.dark .width-p--14 {
    width: 14% !important
}

html.dark .height-p--14 {
    height: 14% !important
}

html.dark .width-p--15 {
    width: 15% !important
}

html.dark .height-p--15 {
    height: 15% !important
}

html.dark .width-p--16 {
    width: 16% !important
}

html.dark .height-p--16 {
    height: 16% !important
}

html.dark .width-p--17 {
    width: 17% !important
}

html.dark .height-p--17 {
    height: 17% !important
}

html.dark .width-p--18 {
    width: 18% !important
}

html.dark .height-p--18 {
    height: 18% !important
}

html.dark .width-p--19 {
    width: 19% !important
}

html.dark .height-p--19 {
    height: 19% !important
}

html.dark .width-p--20 {
    width: 20% !important
}

html.dark .height-p--20 {
    height: 20% !important
}

html.dark .width-p--21 {
    width: 21% !important
}

html.dark .height-p--21 {
    height: 21% !important
}

html.dark .width-p--22 {
    width: 22% !important
}

html.dark .height-p--22 {
    height: 22% !important
}

html.dark .width-p--23 {
    width: 23% !important
}

html.dark .height-p--23 {
    height: 23% !important
}

html.dark .width-p--24 {
    width: 24% !important
}

html.dark .height-p--24 {
    height: 24% !important
}

html.dark .width-p--25 {
    width: 25% !important
}

html.dark .height-p--25 {
    height: 25% !important
}

html.dark .width-p--26 {
    width: 26% !important
}

html.dark .height-p--26 {
    height: 26% !important
}

html.dark .width-p--27 {
    width: 27% !important
}

html.dark .height-p--27 {
    height: 27% !important
}

html.dark .width-p--28 {
    width: 28% !important
}

html.dark .height-p--28 {
    height: 28% !important
}

html.dark .width-p--29 {
    width: 29% !important
}

html.dark .height-p--29 {
    height: 29% !important
}

html.dark .width-p--30 {
    width: 30% !important
}

html.dark .height-p--30 {
    height: 30% !important
}

html.dark .width-p--31 {
    width: 31% !important
}

html.dark .height-p--31 {
    height: 31% !important
}

html.dark .width-p--32 {
    width: 32% !important
}

html.dark .height-p--32 {
    height: 32% !important
}

html.dark .width-p--33 {
    width: 33% !important
}

html.dark .height-p--33 {
    height: 33% !important
}

html.dark .width-p--34 {
    width: 34% !important
}

html.dark .height-p--34 {
    height: 34% !important
}

html.dark .width-p--35 {
    width: 35% !important
}

html.dark .height-p--35 {
    height: 35% !important
}

html.dark .width-p--36 {
    width: 36% !important
}

html.dark .height-p--36 {
    height: 36% !important
}

html.dark .width-p--37 {
    width: 37% !important
}

html.dark .height-p--37 {
    height: 37% !important
}

html.dark .width-p--38 {
    width: 38% !important
}

html.dark .height-p--38 {
    height: 38% !important
}

html.dark .width-p--39 {
    width: 39% !important
}

html.dark .height-p--39 {
    height: 39% !important
}

html.dark .width-p--40 {
    width: 40% !important
}

html.dark .height-p--40 {
    height: 40% !important
}

html.dark .width-p--41 {
    width: 41% !important
}

html.dark .height-p--41 {
    height: 41% !important
}

html.dark .width-p--42 {
    width: 42% !important
}

html.dark .height-p--42 {
    height: 42% !important
}

html.dark .width-p--43 {
    width: 43% !important
}

html.dark .height-p--43 {
    height: 43% !important
}

html.dark .width-p--44 {
    width: 44% !important
}

html.dark .height-p--44 {
    height: 44% !important
}

html.dark .width-p--45 {
    width: 45% !important
}

html.dark .height-p--45 {
    height: 45% !important
}

html.dark .width-p--46 {
    width: 46% !important
}

html.dark .height-p--46 {
    height: 46% !important
}

html.dark .width-p--47 {
    width: 47% !important
}

html.dark .height-p--47 {
    height: 47% !important
}

html.dark .width-p--48 {
    width: 48% !important
}

html.dark .height-p--48 {
    height: 48% !important
}

html.dark .width-p--49 {
    width: 49% !important
}

html.dark .height-p--49 {
    height: 49% !important
}

html.dark .width-p--50 {
    width: 50% !important
}

html.dark .height-p--50 {
    height: 50% !important
}

html.dark .width-p--51 {
    width: 51% !important
}

html.dark .height-p--51 {
    height: 51% !important
}

html.dark .width-p--52 {
    width: 52% !important
}

html.dark .height-p--52 {
    height: 52% !important
}

html.dark .width-p--53 {
    width: 53% !important
}

html.dark .height-p--53 {
    height: 53% !important
}

html.dark .width-p--54 {
    width: 54% !important
}

html.dark .height-p--54 {
    height: 54% !important
}

html.dark .width-p--55 {
    width: 55% !important
}

html.dark .height-p--55 {
    height: 55% !important
}

html.dark .width-p--56 {
    width: 56% !important
}

html.dark .height-p--56 {
    height: 56% !important
}

html.dark .width-p--57 {
    width: 57% !important
}

html.dark .height-p--57 {
    height: 57% !important
}

html.dark .width-p--58 {
    width: 58% !important
}

html.dark .height-p--58 {
    height: 58% !important
}

html.dark .width-p--59 {
    width: 59% !important
}

html.dark .height-p--59 {
    height: 59% !important
}

html.dark .width-p--60 {
    width: 60% !important
}

html.dark .height-p--60 {
    height: 60% !important
}

html.dark .width-p--61 {
    width: 61% !important
}

html.dark .height-p--61 {
    height: 61% !important
}

html.dark .width-p--62 {
    width: 62% !important
}

html.dark .height-p--62 {
    height: 62% !important
}

html.dark .width-p--63 {
    width: 63% !important
}

html.dark .height-p--63 {
    height: 63% !important
}

html.dark .width-p--64 {
    width: 64% !important
}

html.dark .height-p--64 {
    height: 64% !important
}

html.dark .width-p--65 {
    width: 65% !important
}

html.dark .height-p--65 {
    height: 65% !important
}

html.dark .width-p--66 {
    width: 66% !important
}

html.dark .height-p--66 {
    height: 66% !important
}

html.dark .width-p--67 {
    width: 67% !important
}

html.dark .height-p--67 {
    height: 67% !important
}

html.dark .width-p--68 {
    width: 68% !important
}

html.dark .height-p--68 {
    height: 68% !important
}

html.dark .width-p--69 {
    width: 69% !important
}

html.dark .height-p--69 {
    height: 69% !important
}

html.dark .width-p--70 {
    width: 70% !important
}

html.dark .height-p--70 {
    height: 70% !important
}

html.dark .width-p--71 {
    width: 71% !important
}

html.dark .height-p--71 {
    height: 71% !important
}

html.dark .width-p--72 {
    width: 72% !important
}

html.dark .height-p--72 {
    height: 72% !important
}

html.dark .width-p--73 {
    width: 73% !important
}

html.dark .height-p--73 {
    height: 73% !important
}

html.dark .width-p--74 {
    width: 74% !important
}

html.dark .height-p--74 {
    height: 74% !important
}

html.dark .width-p--75 {
    width: 75% !important
}

html.dark .height-p--75 {
    height: 75% !important
}

html.dark .width-p--76 {
    width: 76% !important
}

html.dark .height-p--76 {
    height: 76% !important
}

html.dark .width-p--77 {
    width: 77% !important
}

html.dark .height-p--77 {
    height: 77% !important
}

html.dark .width-p--78 {
    width: 78% !important
}

html.dark .height-p--78 {
    height: 78% !important
}

html.dark .width-p--79 {
    width: 79% !important
}

html.dark .height-p--79 {
    height: 79% !important
}

html.dark .width-p--80 {
    width: 80% !important
}

html.dark .height-p--80 {
    height: 80% !important
}

html.dark .width-p--81 {
    width: 81% !important
}

html.dark .height-p--81 {
    height: 81% !important
}

html.dark .width-p--82 {
    width: 82% !important
}

html.dark .height-p--82 {
    height: 82% !important
}

html.dark .width-p--83 {
    width: 83% !important
}

html.dark .height-p--83 {
    height: 83% !important
}

html.dark .width-p--84 {
    width: 84% !important
}

html.dark .height-p--84 {
    height: 84% !important
}

html.dark .width-p--85 {
    width: 85% !important
}

html.dark .height-p--85 {
    height: 85% !important
}

html.dark .width-p--86 {
    width: 86% !important
}

html.dark .height-p--86 {
    height: 86% !important
}

html.dark .width-p--87 {
    width: 87% !important
}

html.dark .height-p--87 {
    height: 87% !important
}

html.dark .width-p--88 {
    width: 88% !important
}

html.dark .height-p--88 {
    height: 88% !important
}

html.dark .width-p--89 {
    width: 89% !important
}

html.dark .height-p--89 {
    height: 89% !important
}

html.dark .width-p--90 {
    width: 90% !important
}

html.dark .height-p--90 {
    height: 90% !important
}

html.dark .width-p--91 {
    width: 91% !important
}

html.dark .height-p--91 {
    height: 91% !important
}

html.dark .width-p--92 {
    width: 92% !important
}

html.dark .height-p--92 {
    height: 92% !important
}

html.dark .width-p--93 {
    width: 93% !important
}

html.dark .height-p--93 {
    height: 93% !important
}

html.dark .width-p--94 {
    width: 94% !important
}

html.dark .height-p--94 {
    height: 94% !important
}

html.dark .width-p--95 {
    width: 95% !important
}

html.dark .height-p--95 {
    height: 95% !important
}

html.dark .width-p--96 {
    width: 96% !important
}

html.dark .height-p--96 {
    height: 96% !important
}

html.dark .width-p--97 {
    width: 97% !important
}

html.dark .height-p--97 {
    height: 97% !important
}

html.dark .width-p--98 {
    width: 98% !important
}

html.dark .height-p--98 {
    height: 98% !important
}

html.dark .width-p--99 {
    width: 99% !important
}

html.dark .height-p--99 {
    height: 99% !important
}

html.dark .width-p--100 {
    width: 100% !important
}

html.dark .height-p--100 {
    height: 100% !important
}

html.dark .max-width-p--0 {
    max-width: 0
}

html.dark .max-height-p--0 {
    max-height: 0%
}

html.dark .max-width-p--1 {
    max-width: 1%
}

html.dark .max-height-p--1 {
    max-height: 1%
}

html.dark .max-width-p--2 {
    max-width: 2%
}

html.dark .max-height-p--2 {
    max-height: 2%
}

html.dark .max-width-p--3 {
    max-width: 3%
}

html.dark .max-height-p--3 {
    max-height: 3%
}

html.dark .max-width-p--4 {
    max-width: 4%
}

html.dark .max-height-p--4 {
    max-height: 4%
}

html.dark .max-width-p--5 {
    max-width: 5%
}

html.dark .max-height-p--5 {
    max-height: 5%
}

html.dark .max-width-p--6 {
    max-width: 6%
}

html.dark .max-height-p--6 {
    max-height: 6%
}

html.dark .max-width-p--7 {
    max-width: 7%
}

html.dark .max-height-p--7 {
    max-height: 7%
}

html.dark .max-width-p--8 {
    max-width: 8%
}

html.dark .max-height-p--8 {
    max-height: 8%
}

html.dark .max-width-p--9 {
    max-width: 9%
}

html.dark .max-height-p--9 {
    max-height: 9%
}

html.dark .max-width-p--10 {
    max-width: 10%
}

html.dark .max-height-p--10 {
    max-height: 10%
}

html.dark .max-width-p--11 {
    max-width: 11%
}

html.dark .max-height-p--11 {
    max-height: 11%
}

html.dark .max-width-p--12 {
    max-width: 12%
}

html.dark .max-height-p--12 {
    max-height: 12%
}

html.dark .max-width-p--13 {
    max-width: 13%
}

html.dark .max-height-p--13 {
    max-height: 13%
}

html.dark .max-width-p--14 {
    max-width: 14%
}

html.dark .max-height-p--14 {
    max-height: 14%
}

html.dark .max-width-p--15 {
    max-width: 15%
}

html.dark .max-height-p--15 {
    max-height: 15%
}

html.dark .max-width-p--16 {
    max-width: 16%
}

html.dark .max-height-p--16 {
    max-height: 16%
}

html.dark .max-width-p--17 {
    max-width: 17%
}

html.dark .max-height-p--17 {
    max-height: 17%
}

html.dark .max-width-p--18 {
    max-width: 18%
}

html.dark .max-height-p--18 {
    max-height: 18%
}

html.dark .max-width-p--19 {
    max-width: 19%
}

html.dark .max-height-p--19 {
    max-height: 19%
}

html.dark .max-width-p--20 {
    max-width: 20%
}

html.dark .max-height-p--20 {
    max-height: 20%
}

html.dark .max-width-p--21 {
    max-width: 21%
}

html.dark .max-height-p--21 {
    max-height: 21%
}

html.dark .max-width-p--22 {
    max-width: 22%
}

html.dark .max-height-p--22 {
    max-height: 22%
}

html.dark .max-width-p--23 {
    max-width: 23%
}

html.dark .max-height-p--23 {
    max-height: 23%
}

html.dark .max-width-p--24 {
    max-width: 24%
}

html.dark .max-height-p--24 {
    max-height: 24%
}

html.dark .max-width-p--25 {
    max-width: 25%
}

html.dark .max-height-p--25 {
    max-height: 25%
}

html.dark .max-width-p--26 {
    max-width: 26%
}

html.dark .max-height-p--26 {
    max-height: 26%
}

html.dark .max-width-p--27 {
    max-width: 27%
}

html.dark .max-height-p--27 {
    max-height: 27%
}

html.dark .max-width-p--28 {
    max-width: 28%
}

html.dark .max-height-p--28 {
    max-height: 28%
}

html.dark .max-width-p--29 {
    max-width: 29%
}

html.dark .max-height-p--29 {
    max-height: 29%
}

html.dark .max-width-p--30 {
    max-width: 30%
}

html.dark .max-height-p--30 {
    max-height: 30%
}

html.dark .max-width-p--31 {
    max-width: 31%
}

html.dark .max-height-p--31 {
    max-height: 31%
}

html.dark .max-width-p--32 {
    max-width: 32%
}

html.dark .max-height-p--32 {
    max-height: 32%
}

html.dark .max-width-p--33 {
    max-width: 33%
}

html.dark .max-height-p--33 {
    max-height: 33%
}

html.dark .max-width-p--34 {
    max-width: 34%
}

html.dark .max-height-p--34 {
    max-height: 34%
}

html.dark .max-width-p--35 {
    max-width: 35%
}

html.dark .max-height-p--35 {
    max-height: 35%
}

html.dark .max-width-p--36 {
    max-width: 36%
}

html.dark .max-height-p--36 {
    max-height: 36%
}

html.dark .max-width-p--37 {
    max-width: 37%
}

html.dark .max-height-p--37 {
    max-height: 37%
}

html.dark .max-width-p--38 {
    max-width: 38%
}

html.dark .max-height-p--38 {
    max-height: 38%
}

html.dark .max-width-p--39 {
    max-width: 39%
}

html.dark .max-height-p--39 {
    max-height: 39%
}

html.dark .max-width-p--40 {
    max-width: 40%
}

html.dark .max-height-p--40 {
    max-height: 40%
}

html.dark .max-width-p--41 {
    max-width: 41%
}

html.dark .max-height-p--41 {
    max-height: 41%
}

html.dark .max-width-p--42 {
    max-width: 42%
}

html.dark .max-height-p--42 {
    max-height: 42%
}

html.dark .max-width-p--43 {
    max-width: 43%
}

html.dark .max-height-p--43 {
    max-height: 43%
}

html.dark .max-width-p--44 {
    max-width: 44%
}

html.dark .max-height-p--44 {
    max-height: 44%
}

html.dark .max-width-p--45 {
    max-width: 45%
}

html.dark .max-height-p--45 {
    max-height: 45%
}

html.dark .max-width-p--46 {
    max-width: 46%
}

html.dark .max-height-p--46 {
    max-height: 46%
}

html.dark .max-width-p--47 {
    max-width: 47%
}

html.dark .max-height-p--47 {
    max-height: 47%
}

html.dark .max-width-p--48 {
    max-width: 48%
}

html.dark .max-height-p--48 {
    max-height: 48%
}

html.dark .max-width-p--49 {
    max-width: 49%
}

html.dark .max-height-p--49 {
    max-height: 49%
}

html.dark .max-width-p--50 {
    max-width: 50%
}

html.dark .max-height-p--50 {
    max-height: 50%
}

html.dark .max-width-p--51 {
    max-width: 51%
}

html.dark .max-height-p--51 {
    max-height: 51%
}

html.dark .max-width-p--52 {
    max-width: 52%
}

html.dark .max-height-p--52 {
    max-height: 52%
}

html.dark .max-width-p--53 {
    max-width: 53%
}

html.dark .max-height-p--53 {
    max-height: 53%
}

html.dark .max-width-p--54 {
    max-width: 54%
}

html.dark .max-height-p--54 {
    max-height: 54%
}

html.dark .max-width-p--55 {
    max-width: 55%
}

html.dark .max-height-p--55 {
    max-height: 55%
}

html.dark .max-width-p--56 {
    max-width: 56%
}

html.dark .max-height-p--56 {
    max-height: 56%
}

html.dark .max-width-p--57 {
    max-width: 57%
}

html.dark .max-height-p--57 {
    max-height: 57%
}

html.dark .max-width-p--58 {
    max-width: 58%
}

html.dark .max-height-p--58 {
    max-height: 58%
}

html.dark .max-width-p--59 {
    max-width: 59%
}

html.dark .max-height-p--59 {
    max-height: 59%
}

html.dark .max-width-p--60 {
    max-width: 60%
}

html.dark .max-height-p--60 {
    max-height: 60%
}

html.dark .max-width-p--61 {
    max-width: 61%
}

html.dark .max-height-p--61 {
    max-height: 61%
}

html.dark .max-width-p--62 {
    max-width: 62%
}

html.dark .max-height-p--62 {
    max-height: 62%
}

html.dark .max-width-p--63 {
    max-width: 63%
}

html.dark .max-height-p--63 {
    max-height: 63%
}

html.dark .max-width-p--64 {
    max-width: 64%
}

html.dark .max-height-p--64 {
    max-height: 64%
}

html.dark .max-width-p--65 {
    max-width: 65%
}

html.dark .max-height-p--65 {
    max-height: 65%
}

html.dark .max-width-p--66 {
    max-width: 66%
}

html.dark .max-height-p--66 {
    max-height: 66%
}

html.dark .max-width-p--67 {
    max-width: 67%
}

html.dark .max-height-p--67 {
    max-height: 67%
}

html.dark .max-width-p--68 {
    max-width: 68%
}

html.dark .max-height-p--68 {
    max-height: 68%
}

html.dark .max-width-p--69 {
    max-width: 69%
}

html.dark .max-height-p--69 {
    max-height: 69%
}

html.dark .max-width-p--70 {
    max-width: 70%
}

html.dark .max-height-p--70 {
    max-height: 70%
}

html.dark .max-width-p--71 {
    max-width: 71%
}

html.dark .max-height-p--71 {
    max-height: 71%
}

html.dark .max-width-p--72 {
    max-width: 72%
}

html.dark .max-height-p--72 {
    max-height: 72%
}

html.dark .max-width-p--73 {
    max-width: 73%
}

html.dark .max-height-p--73 {
    max-height: 73%
}

html.dark .max-width-p--74 {
    max-width: 74%
}

html.dark .max-height-p--74 {
    max-height: 74%
}

html.dark .max-width-p--75 {
    max-width: 75%
}

html.dark .max-height-p--75 {
    max-height: 75%
}

html.dark .max-width-p--76 {
    max-width: 76%
}

html.dark .max-height-p--76 {
    max-height: 76%
}

html.dark .max-width-p--77 {
    max-width: 77%
}

html.dark .max-height-p--77 {
    max-height: 77%
}

html.dark .max-width-p--78 {
    max-width: 78%
}

html.dark .max-height-p--78 {
    max-height: 78%
}

html.dark .max-width-p--79 {
    max-width: 79%
}

html.dark .max-height-p--79 {
    max-height: 79%
}

html.dark .max-width-p--80 {
    max-width: 80%
}

html.dark .max-height-p--80 {
    max-height: 80%
}

html.dark .max-width-p--81 {
    max-width: 81%
}

html.dark .max-height-p--81 {
    max-height: 81%
}

html.dark .max-width-p--82 {
    max-width: 82%
}

html.dark .max-height-p--82 {
    max-height: 82%
}

html.dark .max-width-p--83 {
    max-width: 83%
}

html.dark .max-height-p--83 {
    max-height: 83%
}

html.dark .max-width-p--84 {
    max-width: 84%
}

html.dark .max-height-p--84 {
    max-height: 84%
}

html.dark .max-width-p--85 {
    max-width: 85%
}

html.dark .max-height-p--85 {
    max-height: 85%
}

html.dark .max-width-p--86 {
    max-width: 86%
}

html.dark .max-height-p--86 {
    max-height: 86%
}

html.dark .max-width-p--87 {
    max-width: 87%
}

html.dark .max-height-p--87 {
    max-height: 87%
}

html.dark .max-width-p--88 {
    max-width: 88%
}

html.dark .max-height-p--88 {
    max-height: 88%
}

html.dark .max-width-p--89 {
    max-width: 89%
}

html.dark .max-height-p--89 {
    max-height: 89%
}

html.dark .max-width-p--90 {
    max-width: 90%
}

html.dark .max-height-p--90 {
    max-height: 90%
}

html.dark .max-width-p--91 {
    max-width: 91%
}

html.dark .max-height-p--91 {
    max-height: 91%
}

html.dark .max-width-p--92 {
    max-width: 92%
}

html.dark .max-height-p--92 {
    max-height: 92%
}

html.dark .max-width-p--93 {
    max-width: 93%
}

html.dark .max-height-p--93 {
    max-height: 93%
}

html.dark .max-width-p--94 {
    max-width: 94%
}

html.dark .max-height-p--94 {
    max-height: 94%
}

html.dark .max-width-p--95 {
    max-width: 95%
}

html.dark .max-height-p--95 {
    max-height: 95%
}

html.dark .max-width-p--96 {
    max-width: 96%
}

html.dark .max-height-p--96 {
    max-height: 96%
}

html.dark .max-width-p--97 {
    max-width: 97%
}

html.dark .max-height-p--97 {
    max-height: 97%
}

html.dark .max-width-p--98 {
    max-width: 98%
}

html.dark .max-height-p--98 {
    max-height: 98%
}

html.dark .max-width-p--99 {
    max-width: 99%
}

html.dark .max-height-p--99 {
    max-height: 99%
}

html.dark .max-width-p--100 {
    max-width: 100%
}

html.dark .max-height-p--100 {
    max-height: 100%
}

html.dark .width-auto {
    width: auto
}

html.dark .height-auto {
    height: auto
}

html.dark .height-vh--100 {
    height: 100vh
}

html.dark .width--20 {
    width: 20px
}

html.dark .width--26 {
    width: 26px
}

html.dark .width--30 {
    width: 30px
}

html.dark .width--88 {
    width: 88px
}

html.dark .width--100 {
    width: 100px
}

html.dark .width--250 {
    width: 250px
}

html.dark .width--300 {
    width: 300px
}

html.dark .width--380 {
    width: 380px
}

html.dark .width--430 {
    width: 430px
}

html.dark .width--490 {
    width: 490px
}

html.dark .width--523 {
    width: 523px !important
}

html.dark .width--600 {
    width: 600px
}

html.dark .height--0 {
    height: 0
}

html.dark .height--6 {
    height: 6px
}

html.dark .height--10 {
    height: 10px
}

html.dark .height--16 {
    height: 16px
}

html.dark .height--20 {
    height: 20px
}

html.dark .height--24 {
    height: 24px
}

html.dark .height--30 {
    height: 30px
}

html.dark .height--36 {
    height: 36px
}

html.dark .height--40 {
    height: 40px
}

html.dark .height--53 {
    height: 53px
}

html.dark .height--55 {
    height: 55px
}

html.dark .height--60 {
    height: 60px
}

html.dark .height--125 {
    height: 125px
}

html.dark .height--180 {
    height: 180px
}

html.dark .height--225 {
    height: 225px
}

html.dark .height--270 {
    height: 270px
}

html.dark .height--415 {
    height: 415px
}

html.dark .min-width--10 {
    min-width: 10px
}

html.dark .min-width--45 {
    min-width: 45px
}

html.dark .min-height--30 {
    min-height: 30px
}

html.dark .min-height--90 {
    min-height: 90px
}

html.dark .max-height--400 {
    max-height: 400px
}

html.dark .max-height--600 {
    max-height: 600px
}

html.dark .border-a--2 {
    border: 2px solid
}

html.dark .br-1 {
    border-radius: .25rem
}

html.dark .br-2 {
    border-radius: .5rem
}

html.dark .br-3 {
    border-radius: .75rem
}

html.dark .br-4 {
    border-radius: 1rem
}

html.dark .br--3 {
    border-radius: 3px
}

html.dark .br--4 {
    border-radius: 4px
}

html.dark .br--6 {
    border-radius: 6px
}

html.dark .br--14 {
    border-radius: 14px
}

html.dark .br--20 {
    border-radius: 20px
}

html.dark .br-bottom--4 {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

html.dark .br-top--4 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

html.dark .br-100 {
    border-radius: 100% !important;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

html.dark .br-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

html.dark .br-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

html.dark .br-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html.dark .br-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@-webkit-keyframes bounce-in {
    40% {
        -webkit-transform: scale(1.35);
        transform: scale(1.35)
    }
}

@keyframes bounce-in {
    40% {
        -webkit-transform: scale(1.35);
        transform: scale(1.35)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: .01
    }
    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: .01
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

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

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

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

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

@-webkit-keyframes rotate-in {
    0% {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 1
    }
}

@keyframes rotate-in {
    0% {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 1
    }
}

@-webkit-keyframes rotate-out {
    0% {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotate-out {
    0% {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: -5px 0;
        transform-origin: -5px 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes slide-fade-in-left {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-fade-in-left {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

@keyframes slide-fade-out-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

html.dark .anim {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

html.dark .anim-delayed {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

html.dark .anim-really-fast {
    -webkit-animation-duration: 50ms;
    animation-duration: 50ms
}

html.dark .anim-slower {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

html.dark .anim-slow {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

html.dark .anim-coggy {
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite
}

html.dark .anim-coggy,
html.dark .coggy {
    -webkit-transform-origin: 13px 15.6px;
    transform-origin: 13px 15.6px
}

html.dark .coggy {
    transition: 1s;
    -webkit-animation: despin 1s ease-out;
    animation: despin 1s ease-out
}

html.dark .anim-bounce-in {
    -webkit-animation-name: bounce-in;
    animation-name: bounce-in
}

html.dark .anim-fade-in {
    -webkit-animation-name: fade-in;
    animation-name: fade-in
}

html.dark .anim-rotate-in {
    -webkit-animation-name: rotate-in;
    animation-name: rotate-in
}

html.dark .anim-rotate-out {
    -webkit-animation-name: rotate-out;
    animation-name: rotate-out
}

html.dark .anim-fade-in-left {
    -webkit-animation-name: slide-fade-in-left;
    animation-name: slide-fade-in-left
}

html.dark .anim-fade-out-right {
    -webkit-animation-name: slide-fade-out-right;
    animation-name: slide-fade-out-right
}

html.dark .anim-pulse {
    -webkit-animation: pulse 3s linear infinite;
    animation: pulse 3s linear infinite
}

html.dark .opacity--0 {
    opacity: 0 !important
}

html.dark .opacity-hover--0:hover {
    opacity: 0 !important
}

html.dark .opacity--1 {
    opacity: .01 !important
}

html.dark .opacity-hover--1:hover {
    opacity: .01 !important
}

html.dark .opacity--2 {
    opacity: .02 !important
}

html.dark .opacity-hover--2:hover {
    opacity: .02 !important
}

html.dark .opacity--3 {
    opacity: .03 !important
}

html.dark .opacity-hover--3:hover {
    opacity: .03 !important
}

html.dark .opacity--4 {
    opacity: .04 !important
}

html.dark .opacity-hover--4:hover {
    opacity: .04 !important
}

html.dark .opacity--5 {
    opacity: .05 !important
}

html.dark .opacity-hover--5:hover {
    opacity: .05 !important
}

html.dark .opacity--6 {
    opacity: .06 !important
}

html.dark .opacity-hover--6:hover {
    opacity: .06 !important
}

html.dark .opacity--7 {
    opacity: .07 !important
}

html.dark .opacity-hover--7:hover {
    opacity: .07 !important
}

html.dark .opacity--8 {
    opacity: .08 !important
}

html.dark .opacity-hover--8:hover {
    opacity: .08 !important
}

html.dark .opacity--9 {
    opacity: .09 !important
}

html.dark .opacity-hover--9:hover {
    opacity: .09 !important
}

html.dark .opacity--10 {
    opacity: .1 !important
}

html.dark .opacity-hover--10:hover {
    opacity: .1 !important
}

html.dark .opacity--11 {
    opacity: .11 !important
}

html.dark .opacity-hover--11:hover {
    opacity: .11 !important
}

html.dark .opacity--12 {
    opacity: .12 !important
}

html.dark .opacity-hover--12:hover {
    opacity: .12 !important
}

html.dark .opacity--13 {
    opacity: .13 !important
}

html.dark .opacity-hover--13:hover {
    opacity: .13 !important
}

html.dark .opacity--14 {
    opacity: .14 !important
}

html.dark .opacity-hover--14:hover {
    opacity: .14 !important
}

html.dark .opacity--15 {
    opacity: .15 !important
}

html.dark .opacity-hover--15:hover {
    opacity: .15 !important
}

html.dark .opacity--16 {
    opacity: .16 !important
}

html.dark .opacity-hover--16:hover {
    opacity: .16 !important
}

html.dark .opacity--17 {
    opacity: .17 !important
}

html.dark .opacity-hover--17:hover {
    opacity: .17 !important
}

html.dark .opacity--18 {
    opacity: .18 !important
}

html.dark .opacity-hover--18:hover {
    opacity: .18 !important
}

html.dark .opacity--19 {
    opacity: .19 !important
}

html.dark .opacity-hover--19:hover {
    opacity: .19 !important
}

html.dark .opacity--20 {
    opacity: .2 !important
}

html.dark .opacity-hover--20:hover {
    opacity: .2 !important
}

html.dark .opacity--21 {
    opacity: .21 !important
}

html.dark .opacity-hover--21:hover {
    opacity: .21 !important
}

html.dark .opacity--22 {
    opacity: .22 !important
}

html.dark .opacity-hover--22:hover {
    opacity: .22 !important
}

html.dark .opacity--23 {
    opacity: .23 !important
}

html.dark .opacity-hover--23:hover {
    opacity: .23 !important
}

html.dark .opacity--24 {
    opacity: .24 !important
}

html.dark .opacity-hover--24:hover {
    opacity: .24 !important
}

html.dark .opacity--25 {
    opacity: .25 !important
}

html.dark .opacity-hover--25:hover {
    opacity: .25 !important
}

html.dark .opacity--26 {
    opacity: .26 !important
}

html.dark .opacity-hover--26:hover {
    opacity: .26 !important
}

html.dark .opacity--27 {
    opacity: .27 !important
}

html.dark .opacity-hover--27:hover {
    opacity: .27 !important
}

html.dark .opacity--28 {
    opacity: .28 !important
}

html.dark .opacity-hover--28:hover {
    opacity: .28 !important
}

html.dark .opacity--29 {
    opacity: .29 !important
}

html.dark .opacity-hover--29:hover {
    opacity: .29 !important
}

html.dark .opacity--30 {
    opacity: .3 !important
}

html.dark .opacity-hover--30:hover {
    opacity: .3 !important
}

html.dark .opacity--31 {
    opacity: .31 !important
}

html.dark .opacity-hover--31:hover {
    opacity: .31 !important
}

html.dark .opacity--32 {
    opacity: .32 !important
}

html.dark .opacity-hover--32:hover {
    opacity: .32 !important
}

html.dark .opacity--33 {
    opacity: .33 !important
}

html.dark .opacity-hover--33:hover {
    opacity: .33 !important
}

html.dark .opacity--34 {
    opacity: .34 !important
}

html.dark .opacity-hover--34:hover {
    opacity: .34 !important
}

html.dark .opacity--35 {
    opacity: .35 !important
}

html.dark .opacity-hover--35:hover {
    opacity: .35 !important
}

html.dark .opacity--36 {
    opacity: .36 !important
}

html.dark .opacity-hover--36:hover {
    opacity: .36 !important
}

html.dark .opacity--37 {
    opacity: .37 !important
}

html.dark .opacity-hover--37:hover {
    opacity: .37 !important
}

html.dark .opacity--38 {
    opacity: .38 !important
}

html.dark .opacity-hover--38:hover {
    opacity: .38 !important
}

html.dark .opacity--39 {
    opacity: .39 !important
}

html.dark .opacity-hover--39:hover {
    opacity: .39 !important
}

html.dark .opacity--40 {
    opacity: .4 !important
}

html.dark .opacity-hover--40:hover {
    opacity: .4 !important
}

html.dark .opacity--41 {
    opacity: .41 !important
}

html.dark .opacity-hover--41:hover {
    opacity: .41 !important
}

html.dark .opacity--42 {
    opacity: .42 !important
}

html.dark .opacity-hover--42:hover {
    opacity: .42 !important
}

html.dark .opacity--43 {
    opacity: .43 !important
}

html.dark .opacity-hover--43:hover {
    opacity: .43 !important
}

html.dark .opacity--44 {
    opacity: .44 !important
}

html.dark .opacity-hover--44:hover {
    opacity: .44 !important
}

html.dark .opacity--45 {
    opacity: .45 !important
}

html.dark .opacity-hover--45:hover {
    opacity: .45 !important
}

html.dark .opacity--46 {
    opacity: .46 !important
}

html.dark .opacity-hover--46:hover {
    opacity: .46 !important
}

html.dark .opacity--47 {
    opacity: .47 !important
}

html.dark .opacity-hover--47:hover {
    opacity: .47 !important
}

html.dark .opacity--48 {
    opacity: .48 !important
}

html.dark .opacity-hover--48:hover {
    opacity: .48 !important
}

html.dark .opacity--49 {
    opacity: .49 !important
}

html.dark .opacity-hover--49:hover {
    opacity: .49 !important
}

html.dark .opacity--50 {
    opacity: .5 !important
}

html.dark .opacity-hover--50:hover {
    opacity: .5 !important
}

html.dark .opacity--51 {
    opacity: .51 !important
}

html.dark .opacity-hover--51:hover {
    opacity: .51 !important
}

html.dark .opacity--52 {
    opacity: .52 !important
}

html.dark .opacity-hover--52:hover {
    opacity: .52 !important
}

html.dark .opacity--53 {
    opacity: .53 !important
}

html.dark .opacity-hover--53:hover {
    opacity: .53 !important
}

html.dark .opacity--54 {
    opacity: .54 !important
}

html.dark .opacity-hover--54:hover {
    opacity: .54 !important
}

html.dark .opacity--55 {
    opacity: .55 !important
}

html.dark .opacity-hover--55:hover {
    opacity: .55 !important
}

html.dark .opacity--56 {
    opacity: .56 !important
}

html.dark .opacity-hover--56:hover {
    opacity: .56 !important
}

html.dark .opacity--57 {
    opacity: .57 !important
}

html.dark .opacity-hover--57:hover {
    opacity: .57 !important
}

html.dark .opacity--58 {
    opacity: .58 !important
}

html.dark .opacity-hover--58:hover {
    opacity: .58 !important
}

html.dark .opacity--59 {
    opacity: .59 !important
}

html.dark .opacity-hover--59:hover {
    opacity: .59 !important
}

html.dark .opacity--60 {
    opacity: .6 !important
}

html.dark .opacity-hover--60:hover {
    opacity: .6 !important
}

html.dark .opacity--61 {
    opacity: .61 !important
}

html.dark .opacity-hover--61:hover {
    opacity: .61 !important
}

html.dark .opacity--62 {
    opacity: .62 !important
}

html.dark .opacity-hover--62:hover {
    opacity: .62 !important
}

html.dark .opacity--63 {
    opacity: .63 !important
}

html.dark .opacity-hover--63:hover {
    opacity: .63 !important
}

html.dark .opacity--64 {
    opacity: .64 !important
}

html.dark .opacity-hover--64:hover {
    opacity: .64 !important
}

html.dark .opacity--65 {
    opacity: .65 !important
}

html.dark .opacity-hover--65:hover {
    opacity: .65 !important
}

html.dark .opacity--66 {
    opacity: .66 !important
}

html.dark .opacity-hover--66:hover {
    opacity: .66 !important
}

html.dark .opacity--67 {
    opacity: .67 !important
}

html.dark .opacity-hover--67:hover {
    opacity: .67 !important
}

html.dark .opacity--68 {
    opacity: .68 !important
}

html.dark .opacity-hover--68:hover {
    opacity: .68 !important
}

html.dark .opacity--69 {
    opacity: .69 !important
}

html.dark .opacity-hover--69:hover {
    opacity: .69 !important
}

html.dark .opacity--70 {
    opacity: .7 !important
}

html.dark .opacity-hover--70:hover {
    opacity: .7 !important
}

html.dark .opacity--71 {
    opacity: .71 !important
}

html.dark .opacity-hover--71:hover {
    opacity: .71 !important
}

html.dark .opacity--72 {
    opacity: .72 !important
}

html.dark .opacity-hover--72:hover {
    opacity: .72 !important
}

html.dark .opacity--73 {
    opacity: .73 !important
}

html.dark .opacity-hover--73:hover {
    opacity: .73 !important
}

html.dark .opacity--74 {
    opacity: .74 !important
}

html.dark .opacity-hover--74:hover {
    opacity: .74 !important
}

html.dark .opacity--75 {
    opacity: .75 !important
}

html.dark .opacity-hover--75:hover {
    opacity: .75 !important
}

html.dark .opacity--76 {
    opacity: .76 !important
}

html.dark .opacity-hover--76:hover {
    opacity: .76 !important
}

html.dark .opacity--77 {
    opacity: .77 !important
}

html.dark .opacity-hover--77:hover {
    opacity: .77 !important
}

html.dark .opacity--78 {
    opacity: .78 !important
}

html.dark .opacity-hover--78:hover {
    opacity: .78 !important
}

html.dark .opacity--79 {
    opacity: .79 !important
}

html.dark .opacity-hover--79:hover {
    opacity: .79 !important
}

html.dark .opacity--80 {
    opacity: .8 !important
}

html.dark .opacity-hover--80:hover {
    opacity: .8 !important
}

html.dark .opacity--81 {
    opacity: .81 !important
}

html.dark .opacity-hover--81:hover {
    opacity: .81 !important
}

html.dark .opacity--82 {
    opacity: .82 !important
}

html.dark .opacity-hover--82:hover {
    opacity: .82 !important
}

html.dark .opacity--83 {
    opacity: .83 !important
}

html.dark .opacity-hover--83:hover {
    opacity: .83 !important
}

html.dark .opacity--84 {
    opacity: .84 !important
}

html.dark .opacity-hover--84:hover {
    opacity: .84 !important
}

html.dark .opacity--85 {
    opacity: .85 !important
}

html.dark .opacity-hover--85:hover {
    opacity: .85 !important
}

html.dark .opacity--86 {
    opacity: .86 !important
}

html.dark .opacity-hover--86:hover {
    opacity: .86 !important
}

html.dark .opacity--87 {
    opacity: .87 !important
}

html.dark .opacity-hover--87:hover {
    opacity: .87 !important
}

html.dark .opacity--88 {
    opacity: .88 !important
}

html.dark .opacity-hover--88:hover {
    opacity: .88 !important
}

html.dark .opacity--89 {
    opacity: .89 !important
}

html.dark .opacity-hover--89:hover {
    opacity: .89 !important
}

html.dark .opacity--90 {
    opacity: .9 !important
}

html.dark .opacity-hover--90:hover {
    opacity: .9 !important
}

html.dark .opacity--91 {
    opacity: .91 !important
}

html.dark .opacity-hover--91:hover {
    opacity: .91 !important
}

html.dark .opacity--92 {
    opacity: .92 !important
}

html.dark .opacity-hover--92:hover {
    opacity: .92 !important
}

html.dark .opacity--93 {
    opacity: .93 !important
}

html.dark .opacity-hover--93:hover {
    opacity: .93 !important
}

html.dark .opacity--94 {
    opacity: .94 !important
}

html.dark .opacity-hover--94:hover {
    opacity: .94 !important
}

html.dark .opacity--95 {
    opacity: .95 !important
}

html.dark .opacity-hover--95:hover {
    opacity: .95 !important
}

html.dark .opacity--96 {
    opacity: .96 !important
}

html.dark .opacity-hover--96:hover {
    opacity: .96 !important
}

html.dark .opacity--97 {
    opacity: .97 !important
}

html.dark .opacity-hover--97:hover {
    opacity: .97 !important
}

html.dark .opacity--98 {
    opacity: .98 !important
}

html.dark .opacity-hover--98:hover {
    opacity: .98 !important
}

html.dark .opacity--99 {
    opacity: .99 !important
}

html.dark .opacity-hover--99:hover {
    opacity: .99 !important
}

html.dark .opacity--100 {
    opacity: 1 !important
}

html.dark .opacity-hover--100:hover {
    opacity: 1 !important
}

html.dark .bs-1 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25)
}

html.dark .flex {
    display: flex
}

html.dark .inline-flex {
    display: inline-flex
}

html.dark .flex-auto {
    flex: 1 1 auto;
    min-width: 1px;
    min-height: 1px
}

html.dark .flex-none {
    flex: none
}

html.dark .flex-column {
    flex-direction: column
}

html.dark .flex-row {
    flex-direction: row
}

html.dark .flex-wrap--wrap {
    flex-wrap: wrap
}

html.dark .flex-align--center {
    align-items: center
}

html.dark .flex-align--baseline {
    align-items: baseline
}

html.dark .flex-align-self--flex-end {
    align-self: flex-end
}

html.dark .flex-align-self--center {
    align-self: center
}

html.dark .flex-justify-content--center {
    justify-content: center
}

html.dark .flex-justify-content--space-between {
    justify-content: space-between
}

html.dark .flex-justify-content--flex-end {
    justify-content: flex-end
}

html.dark .flex-justify-content--flex-center {
    justify-content: center
}

html.dark .flex-shrink--0 {
    flex-shrink: 0
}

html.dark .flex-grow--0 {
    flex-grow: 0
}

html.dark .flex-shrink--1 {
    flex-shrink: 1
}

html.dark .flex-grow--1 {
    flex-grow: 1
}

html.dark .flex-shrink--2 {
    flex-shrink: 2
}

html.dark .flex-grow--2 {
    flex-grow: 2
}

html.dark .flex-shrink--3 {
    flex-shrink: 3
}

html.dark .flex-grow--3 {
    flex-grow: 3
}

html.dark .flex-shrink--4 {
    flex-shrink: 4
}

html.dark .flex-grow--4 {
    flex-grow: 4
}

html.dark .flex-shrink--5 {
    flex-shrink: 5
}

html.dark .flex-grow--5 {
    flex-grow: 5
}

html.dark .flex-shrink--6 {
    flex-shrink: 6
}

html.dark .flex-grow--6 {
    flex-grow: 6
}

html.dark .flex-shrink--7 {
    flex-shrink: 7
}

html.dark .flex-grow--7 {
    flex-grow: 7
}

html.dark .flex-shrink--8 {
    flex-shrink: 8
}

html.dark .flex-grow--8 {
    flex-grow: 8
}

html.dark .flex-shrink--9 {
    flex-shrink: 9
}

html.dark .flex-grow--9 {
    flex-grow: 9
}

html.dark .flex-shrink--10 {
    flex-shrink: 10
}

html.dark .flex-grow--10 {
    flex-grow: 10
}

html.dark .color-twitter-darker-gray {
    color: #657786
}

html.dark .color-twitter-white {
    color: #fff !important
}

html.dark .color-twitter-gray {
    color: #aab8c2
}

html.dark .color-twitter-blue {
    color: #1da1f2
}

html.dark .color-twitter-red {
    color: #e0245e
}

html.dark .color-twitter-deep-red {
    color: #a01744
}

html.dark .color-twitter-green {
    color: #17bf63
}

html.dark .color-twitter-deep-black {
    color: #14171a
}

html.dark .color-twitter-dark-black {
    color: #38444d
}

html.dark .color-twitter-dark-gray {
    color: #8899a6
}

html.dark .color-twitter-black {
    color: #000
}

html.dark .color-twitter-yellow {
    color: #ffad1f
}

html.dark .color-transparent {
    color: transparent !important
}

html.dark .bg-color-twitter-white {
    background-color: #fff !important
}

html.dark .bg-color-twitter-blue {
    background-color: #1da1f2
}

html.dark .bg-color-twitter-deep-blue {
    background-color: #005fd1
}

html.dark .bg-color-twitter-medium-blue {
    background-color: #1da1f2
}

html.dark .bg-color-twitter-deep-black {
    background-color: #38444d
}

html.dark .bg-color-twitter-red {
    background-color: #e0245e
}

html.dark .bg-color-twitter-light-gray {
    background-color: #ccd6dd
}

html.dark .bg-color-twitter-lightest-gray {
    background-color: #f5f8fa
}

html.dark .bg-color-twitter-midnight-dark-gray {
    background-color: #15202b
}

html.dark .bg-color-twitter-midnight-darkest-gray {
    background-color: #10171e
}

html.dark .bg-color-twitter-yellow {
    background-color: #ffad1f
}

html.dark .bg-color-transparent {
    background-color: transparent !important
}

html.dark .hover-bg-color-twitter-white:focus,
html.dark .hover-bg-color-twitter-white:hover {
    background-color: #fff
}

html.dark .hover-bg-color-twitter-lightest-gray:focus,
html.dark .hover-bg-color-twitter-lightest-gray:hover {
    background-color: #f5f8fa
}

html.dark .hover-bg-color-twitter-faint-blue:focus,
html.dark .hover-bg-color-twitter-faint-blue:hover {
    background-color: #eaf5fd
}

html.dark .border-color-twitter-blue {
    border-color: #1da1f2
}

html.dark .border-color-twitter-white {
    border-color: #fff
}

html.dark .dark-only--color-twitter-gray {
    color: #aab8c2
}

html.dark [lang=ar],
html.dark [lang=fa],
html.dark [lang=ha],
html.dark [lang=he],
html.dark [lang=iw],
html.dark [lang=ks],
html.dark [lang=ku],
html.dark [lang=ps],
html.dark [lang=ur],
html.dark [lang=yi] {
    direction: rtl
}

html.dark [lang=ar] a[rel=hashtag],
html.dark [lang=ar] a[rel=user],
html.dark [lang=fa] a[rel=hashtag],
html.dark [lang=fa] a[rel=user],
html.dark [lang=ha] a[rel=hashtag],
html.dark [lang=ha] a[rel=user],
html.dark [lang=he] a[rel=hashtag],
html.dark [lang=he] a[rel=user],
html.dark [lang=iw] a[rel=hashtag],
html.dark [lang=iw] a[rel=user],
html.dark [lang=ks] a[rel=hashtag],
html.dark [lang=ks] a[rel=user],
html.dark [lang=ku] a[rel=hashtag],
html.dark [lang=ku] a[rel=user],
html.dark [lang=ps] a[rel=hashtag],
html.dark [lang=ps] a[rel=user],
html.dark [lang=ur] a[rel=hashtag],
html.dark [lang=ur] a[rel=user],
html.dark [lang=yi] a[rel=hashtag],
html.dark [lang=yi] a[rel=user] {
    direction: ltr;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: isolate
}

html.dark .is-inverted-dark {
    color: #38444d;
    -webkit-font-smoothing: subpixel-antialiased
}

html.dark .is-inverted-dark a,
html.dark .is-inverted-dark a:active,
html.dark .is-inverted-dark a:focus,
html.dark .is-inverted-dark a:hover {
    color: #1da1f2
}

html.dark .is-inverted-dark .link-normal-dark,
html.dark .is-inverted-dark .link-normal-dark:active,
html.dark .is-inverted-dark .link-normal-dark:focus,
html.dark .is-inverted-dark .link-normal-dark:hover {
    color: #14171a
}

html.dark .is-inverted-dark .list-account,
html.dark .is-inverted-dark .list-link,
html.dark .is-inverted-dark .list-listmember,
html.dark .is-inverted-dark .list-subtitle,
html.dark .is-inverted-dark .list-twitter-list {
    color: #fff
}

html.dark .is-inverted-dark .txt-mute {
    color: #8899a6
}

html.dark .is-inverted-dark .txt-mute a:not(:hover):not(:focus) {
    color: #8899a6
}

html.dark .is-inverted-dark .conversation-event+.stream-item:not(.conversation-event),
html.dark .is-inverted-dark .stream-item:not(.conversation-event) {
    border-color: #e1e8ed
}

html.dark .is-inverted-dark .account-link {
    color: #38444d
}

html.dark .is-inverted-dark .account-bio {
    color: #8899a6
}

html.dark .is-inverted-dark .with-drop-shadow:after {
    box-shadow: inset 0 2px 4px #ccd6dd;
    border-top: 1px solid rgba(20, 23, 26, .25)
}

html.dark .is-inverted-dark .column-close-link {
    color: #657786
}

html.dark .is-inverted-dark .accordion,
html.dark .is-inverted-dark .accordion-header {
    color: #14171a
}

html.dark .is-inverted-dark .accordion-divider-t {
    border-top: 1px solid #e1e8ed
}

html.dark .is-inverted-dark .accordion-header:hover {
    color: #14171a
}

html.dark .is-inverted-dark .facet-type-content.is-active {
    background-color: rgba(246, 128, 154, .2)
}

html.dark .is-inverted-dark .facet-type-user.is-active {
    background-color: rgba(255, 231, 110, .2)
}

html.dark .is-inverted-dark .facet-type-location.is-active {
    background-color: rgba(118, 194, 158, .2)
}

html.dark .is-inverted-dark .facet-type-preferences.is-active {
    background-color: rgba(136, 153, 166, .2)
}

html.dark .is-inverted-dark .facet-type-engagement.is-active {
    background-color: #e1e8ed
}

html.dark .is-inverted-dark .facet-type {
    border-bottom: 1px solid #e1e8ed
}

html.dark .is-inverted-dark .accordion .is-active {
    color: #14171a
}

html.dark .is-inverted-dark .accordion .is-active .accordion-header,
html.dark .is-inverted-dark .accordion .is-active .accordion-header:hover {
    color: #14171a
}

html.dark .is-inverted-dark .tweet-detail-wrapper {
    background: #f5f8fa
}

html.dark .is-inverted-dark .scroll-conversation {
    background: #e1e8ed
}

html.dark .is-inverted-dark .card-holder,
html.dark .is-inverted-dark .tweet-detail-actions,
html.dark .is-inverted-dark .tweet-stats {
    border-top-color: #e1e8ed
}

html.dark .is-inverted-dark .tweet-detail-action {
    color: #8899a6
}

html.dark .is-inverted-dark .tweet-detail-action.is-selected,
html.dark .is-inverted-dark .tweet-detail-action:active,
html.dark .is-inverted-dark .tweet-detail-action:focus,
html.dark .is-inverted-dark .tweet-detail-action:hover {
    color: #38444d
}

html.dark .is-inverted-dark .social-proof-for-tweet-title {
    background-color: #e1e8ed;
    color: #657786;
    border-bottom: #e1e8ed
}

html.dark .is-inverted-dark .rpl textarea {
    border: 1px solid #e1e8ed;
    background: #fff;
    box-shadow: inset 0 1px 0 #8899a6
}

html.dark .is-inverted-dark .media-badge {
    border-color: #e1e8ed
}

html.dark .hidden-in-dark {
    display: none !important
}

html.dark .is-inverted-dark .hidden-in-dark {
    display: inherit !important
}

html.dark .is-inverted-dark .hidden-in-light {
    display: none !important
}

html.dark .icon,
html.dark .Icon {
    display: inline-block;
    vertical-align: baseline;
    font-size: 20px;
    height: 1em;
    width: 1em
}

html.dark .Icon {
    font-size: 1em
}

html.dark .Icon:before,
html.dark .icon:before {
    font-family: tweetdeckregular;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html.dark .icon-toggle-on:before {
    content: "\F722"
}

html.dark .icon-toggle-off:before {
    content: "\F723"
}

html.dark .icon-twitter-bird:before {
    content: "\F014"
}

html.dark .icon-mention:before {
    content: "\F064"
}

html.dark .icon-following:before {
    content: "\F176"
}

html.dark .icon-message:before {
    content: "\F054"
}

html.dark .icon-home:before {
    content: "\F053"
}

html.dark .icon-hashtag:before {
    content: "\F052"
}

html.dark .icon-reply:before {
    content: "\F151"
}

html.dark .icon-favorite:before {
    content: "\F148"
}

html.dark .icon-retweet:before {
    content: "\F152"
}

html.dark .icon-retweet-filled:before {
    content: "\F006"
}

html.dark .icon-drafts:before {
    content: "\F710"
}

html.dark .icon-search:before {
    content: "\F058"
}

html.dark .icon-magic-search:before {
    content: "\F725"
}

html.dark .icon-trash:before {
    content: "\F154"
}

html.dark .Icon--close:before,
html.dark .icon-close:before {
    content: "\F045"
}

html.dark .Icon--caretRight:before,
html.dark .icon-arrow-r:before {
    content: "\F194"
}

html.dark .Icon--caretLeft:before,
html.dark .icon-arrow-l:before {
    content: "\F193"
}

html.dark .icon-protected:before {
    content: "\F096"
}

html.dark .icon-list:before {
    content: "\F094"
}

html.dark .icon-list-filled:before {
    content: "\F012"
}

html.dark .icon-camera:before {
    content: "\F027"
}

html.dark .icon-more:before {
    content: "\F150"
}

html.dark .icon-settings:before {
    content: "\F059"
}

html.dark .Icon--notifications:before,
html.dark .icon-notifications:before {
    content: "\F055"
}

html.dark .icon-user-dd:before {
    content: "\F107"
}

html.dark .icon-activity:before {
    content: "\F063"
}

html.dark .icon-trending:before {
    content: "\F718"
}

html.dark .icon-minus:before {
    content: "\F184"
}

html.dark .icon-plus:before {
    content: "\F183"
}

html.dark .icon-geo:before {
    content: "\F031"
}

html.dark .icon-check:before {
    content: "\F170"
}

html.dark .icon-schedule:before {
    content: "\F177"
}

html.dark .icon-dot:before {
    content: "\F032"
}

html.dark .icon-user:before {
    content: "\F056"
}

html.dark .icon-user-filled:before {
    content: "\F002"
}

html.dark .icon-content:before {
    content: "\F113"
}

html.dark .Icon--caretDown:before,
html.dark .icon-arrow-d:before {
    content: "\F196"
}

html.dark .icon-arrow-u:before {
    content: "\F195"
}

html.dark .icon-share:before {
    content: "\F708"
}

html.dark .icon-info:before {
    content: "\F217"
}

html.dark .icon-verified:before {
    content: "\F099"
}

html.dark .icon-translator:before {
    content: "\F089"
}

html.dark .icon-blocked:before {
    content: "\E609"
}

html.dark .Icon--circleError:before,
html.dark .icon-circle-error:before {
    content: "\F042"
}

html.dark .icon-constrain:before {
    content: "\F190"
}

html.dark .icon-play-video:before {
    content: "\F040"
}

html.dark .icon-empty:before {
    content: "\F02F"
}

html.dark .icon-clear-input:before {
    content: "\F044"
}

html.dark .icon-compose:before {
    content: "\F029"
}

html.dark .icon-mark-read:before {
    content: "\F036"
}

html.dark .icon-arrow-r-double:before {
    content: "\F192"
}

html.dark .icon-arrow-l-double:before {
    content: "\F191"
}

html.dark .icon-follow:before {
    content: "\F175"
}

html.dark .icon-image:before {
    content: "\F109"
}

html.dark .icon-popout:before {
    content: "\F711"
}

html.dark .icon-move:before {
    content: "\F338"
}

html.dark .icon-compose-grid:before {
    content: "\F719"
}

html.dark .icon-compose-minigrid:before {
    content: "\F720"
}

html.dark .icon-compose-list:before {
    content: "\F721"
}

html.dark .icon-edit:before {
    content: "\F112"
}

html.dark .icon-clear-timeline:before {
    content: "\F713"
}

html.dark .icon-sliders:before {
    content: "\F138"
}

html.dark .icon-custom-timeline:before {
    content: "\F120"
}

html.dark .icon-compose-dm:before {
    content: "\F035"
}

html.dark .icon-bg-dot:before {
    content: "\F032"
}

html.dark .icon-user-add-account:before {
    content: "\F724"
}

html.dark .icon-user-team-mgr:before {
    content: "\F178"
}

html.dark .icon-user-switch:before {
    content: "\F178"
}

html.dark .icon-conversation:before {
    content: "\F005"
}

html.dark .icon-dataminr:before {
    content: "\F702"
}

html.dark .icon-link:before {
    content: "\F098"
}

html.dark .icon-flash:before {
    content: "\F017"
}

html.dark .icon-pointer-u:before {
    content: "\F188"
}

html.dark .icon-pointer-d:before {
    content: "\F174"
}

html.dark .icon-analytics:before {
    content: "\F200"
}

html.dark .icon-heart:before {
    content: "\F148"
}

html.dark .Icon--calendar:before,
html.dark .icon-calendar:before {
    content: "\F203"
}

html.dark .icon-attachment:before {
    content: "\F088"
}

html.dark .icon-play:before {
    content: "\F022"
}

html.dark .icon-pause:before {
    content: "\F302"
}

html.dark .icon-bookmark:before {
    content: "\F716"
}

html.dark .icon-play-badge:before {
    content: "\F715"
}

html.dark .icon-gif-badge:before {
    content: "\F528"
}

html.dark .icon-poll:before {
    content: "\F199"
}

html.dark .icon-lightning:before {
    content: "\F160"
}

html.dark .icon-heart-filled:before {
    content: "\F015"
}

html.dark .icon-toggle-off:before {
    content: "\F722"
}

html.dark .icon-toggle-on:before {
    content: "\F723"
}

html.dark .icon-speaker:before {
    content: "\F304"
}

html.dark .icon-sound:before {
    content: "\F305"
}

html.dark .icon-sound-off:before {
    content: "\F306"
}

html.dark .icon-favorite-color {
    color: #e0245e
}

html.dark .icon-follow-color {
    color: #1da1f2
}

html.dark .icon-image-color,
html.dark .icon-list-color,
html.dark .icon-mention-color {
    color: #657786
}

html.dark .icon-unread-color {
    color: #1da1f2
}

html.dark .icon-remove-color {
    color: #e0245e
}

html.dark .icon-retweet-color,
html.dark .icon-submit-color {
    color: #17bf63
}

html.dark .icon-twitter-blue-color {
    color: #1da1f2
}

html.dark .icon-xsmall {
    font-size: 8px
}

html.dark .DateRangeDropdownTarget .Icon,
html.dark .icon-small {
    font-size: 14px
}

html.dark .icon-medium {
    font-size: 24px
}

html.dark .icon-large {
    font-size: 26px;
    height: 26px;
    width: 26px
}

html.dark .icon-xlarge {
    font-size: 48px;
    height: 48px;
    width: 48px;
    line-height: 48px
}

html.dark .icon-small-context {
    font-size: 14px;
    height: 14px;
    vertical-align: top
}

html.dark .icon-dropdown-context {
    font-size: 16px;
    height: 16px;
    vertical-align: top
}

html.dark .icon-match-context {
    font-size: 1em;
    height: 1em
}

html.dark .icon-tt {
    vertical-align: text-top
}

html.dark .icon-tb {
    vertical-align: text-bottom
}

html.dark .icon-bot {
    vertical-align: bottom
}

html.dark .icon-middle {
    line-height: 1em;
    vertical-align: middle
}

html.dark .icon-small-valigned {
    font-size: 16px !important;
    height: 16px;
    width: 16px;
    vertical-align: -3px !important
}

html.dark .icon-base-valigned {
    height: 1rem;
    width: 1rem;
    vertical-align: -.15rem;
    font-size: 1rem
}

html.dark .is-touch-column-options .icon-small-valigned {
    font-size: 20px;
    vertical-align: 0
}

html.dark .icon-center-16 {
    position: absolute;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    top: 50%;
    width: 16px;
    height: 16px
}

html.dark .icon-center-24 {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    top: 50%;
    width: 24px;
    height: 24px
}

html.dark .icon-with-bg-round .icon,
html.dark .icon-with-bg-round .Icon {
    position: absolute;
    left: 0
}

html.dark .icon-verified-bg {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

html.dark .image-icon {
    width: 36px;
    margin: 9px auto
}

html.dark .image-icon-small {
    width: 26px
}

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

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

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

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

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

html.dark .sprite {
    display: inline-block;
    vertical-align: text-top;
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/sprite_sheet_@1x.948c9b4228.png);
    background-repeat: no-repeat
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx),
(min-resolution:144dpi) {
    html.dark .sprite {
        background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/sprite_sheet_@2x.fe37b69f3d.png);
        background-size: 240px 176px;
        background-repeat: no-repeat
    }
}

html.dark .heartsprite {
    -webkit-transform: scale(.475);
    transform: scale(.475);
    -webkit-transform-origin: center;
    transform-origin: center;
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/web_heart_animation.339ba7969e.png) no-repeat;
    position: absolute;
    left: -226%
}

html.dark .tweet-action-item .heartsprite {
    top: -214%
}

html.dark .tweet-detail-action-item .heartsprite {
    top: -206%
}

html.dark .heart-anim {
    -webkit-animation: heart-burst 1.2s steps(28);
    animation: heart-burst 1.2s steps(28);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes heart-burst {
    to {
        background-position: -2800px
    }
}

@keyframes heart-burst {
    to {
        background-position: -2800px
    }
}

html.dark .sprite-drag {
    background-position: -70px -10px;
    width: 18px;
    height: 22px
}

html.dark .sprite-verified {
    width: 20px;
    height: 20px;
    background-position: -10px -10px
}

html.dark .sprite-verified-mini {
    width: 16px;
    height: 16px;
    background-position: -161px -47px;
    margin-left: -1px
}

.txt-base-smallest html.dark .sprite-verified-mini,
.txt-base-small html.dark .sprite-verified-mini {
    width: 12px;
    height: 12px;
    background-position: -224px -99px
}

html.dark .sprite-translator {
    width: 20px;
    height: 20px;
    background-position: -40px -10px
}

html.dark .sprite-drag-vertical {
    width: 5px;
    height: 30px;
    background-position: -120px -10px
}

html.dark .sprite-gif {
    width: 28px;
    height: 17px;
    background-position: -119px -90px
}

html.dark .sprite-gif-pause {
    width: 58px;
    height: 17px;
    background-position: -119px -116px
}

html.dark .microsoft-logo {
    width: 80px;
    height: 22px;
    background-position: -8px -87px
}

html.dark .sprite-drag-vertical {
    background-position: -130px -10px
}

html.dark .is-inverted-dark .sprite-drag-vertical {
    background-position: -120px -10px
}

html.dark .microsoft-logo {
    background-position: -8px -108px
}

html.dark .sprite-logo {
    width: 124px;
    height: 34px;
    background-position: -5px -45px
}

html.dark .sprite-logo-badge {
    width: 34px;
    height: 34px;
    background-position: -5px -45px
}

html.dark .sprite-logo-badge-large {
    background-position: -187px -39px
}

html.dark .sprite-column-update {
    width: 158px;
    height: 3px;
    background-position: -10px -80px
}

html.dark .sprite-flash {
    width: 8px;
    height: 18px;
    background-position: -166px -80px
}

html.dark .sprite-dataminr-dot {
    width: 8px;
    height: 18px;
    background-position: -176px -80px
}

html.dark .sprite-dataminr-plus {
    width: 8px;
    height: 18px;
    background-position: -186px -80px
}

html.dark .sprite-dataminr-momentum-dot {
    width: 8px;
    height: 18px
}

html.dark .sprite-flash {
    background-position: -196px -80px
}

html.dark .sprite-dataminr-dot {
    background-position: -206px -80px
}

html.dark .sprite-dataminr-plus {
    background-position: -216px -80px
}

html.dark .sprite-dataminr-momentum-dot {
    background-position: -226px -80px
}

html.dark .is-inverted-dark .sprite-flash {
    width: 8px;
    height: 18px;
    background-position: -166px -80px
}

html.dark .is-inverted-dark .sprite-dataminr-dot {
    width: 8px;
    height: 18px;
    background-position: -176px -80px
}

html.dark .is-inverted-dark .sprite-dataminr-plus {
    width: 8px;
    height: 18px;
    background-position: -186px -80px
}

html.dark .is-inverted-dark .sprite-dataminr-momentum-dot {
    width: 8px;
    height: 18px;
    background-position: -226px -80px
}

html.dark .fullname-badged:before {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/sprite_sheet_@1x.948c9b4228.png);
    background-repeat: no-repeat
}

@media(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx),
(min-resolution:144dpi) {
    html.dark .fullname-badged:before {
        background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/sprite_sheet_@2x.fe37b69f3d.png);
        background-size: 240px 160px
    }
}

html.dark .badge-translator:before {
    width: 14px;
    height: 14px;
    background-position: -143px -48px
}

html.dark .badge-verified:before {
    width: 14px;
    height: 14px;
    background-position: -163px -43px
}

html.dark .txt-base-smallest .badge-translator:before {
    width: 12px;
    height: 12px;
    background-position: -204px -98px
}

html.dark .badge-translator.badge-size--12:before {
    width: 12px !important;
    height: 12px !important;
    background-position: -204px -98px !important
}

html.dark .badge-translator.badge-size--14:before {
    width: 14px !important;
    height: 14px !important;
    background-position: -143px -48px !important
}

html.dark .txt-base-small .badge-verified:before,
html.dark .txt-base-smallest .badge-verified:before {
    width: 12px;
    height: 12px;
    background-position: -224px -99px
}

html.dark .badge-verified.badge-size--12:before {
    width: 12px !important;
    height: 12px !important;
    background-position: -224px -99px !important
}

html.dark .badge-verified.badge-size--14:before {
    width: 14px !important;
    height: 14px !important;
    background-position: -163px -48px !important
}

html.dark .svg-warning {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/warning-icon.557d0b2546.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

html.dark .ButtonGroup {
    display: inline-block;
    vertical-align: middle
}

html.dark .ButtonGroup>.Button,
html.dark .ButtonGroup>button,
html.dark .ButtonGroup>input[type=button] {
    position: relative;
    float: left;
    text-align: center
}

html.dark .ButtonGroup>.Button:focus,
html.dark .ButtonGroup>button:focus,
html.dark .ButtonGroup>input:focus[type=button] {
    outline: none
}

html.dark .ButtonGroup>.ButtonGroup {
    float: left
}

html.dark .ButtonGroup>.Button,
html.dark .ButtonGroup>button,
html.dark .ButtonGroup>input[type=button] {
    z-index: 1;
    transition: box-shadow 0s
}

html.dark .ButtonGroup>.Button:hover,
html.dark .ButtonGroup>button:hover,
html.dark .ButtonGroup>input:hover[type=button] {
    z-index: 2
}

html.dark .ButtonGroup>.Button.is-selected,
html.dark .ButtonGroup>button.is-selected,
html.dark .ButtonGroup>input.is-selected[type=button] {
    z-index: 3
}

html.dark .ButtonGroup>.Button.is-selected,
html.dark .ButtonGroup>.Button.is-selected:visited,
html.dark .ButtonGroup>button.is-selected,
html.dark .ButtonGroup>button.is-selected:visited,
html.dark .ButtonGroup>input.is-selected:visited[type=button],
html.dark .ButtonGroup>input.is-selected[type=button] {
    background-color: #1da1f2;
    border: 1px solid #1da1f2;
    color: #fff
}

html.dark .ButtonGroup>.Button.is-selected.is-focus,
html.dark .ButtonGroup>.Button.is-selected:focus,
html.dark .ButtonGroup>button.is-selected.is-focus,
html.dark .ButtonGroup>button.is-selected:focus,
html.dark .ButtonGroup>input.is-selected.is-focus[type=button],
html.dark .ButtonGroup>input.is-selected:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #71c9f8;
    background: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

html.dark .ButtonGroup>.Button.is-selected.is-hover,
html.dark .ButtonGroup>.Button.is-selected:hover,
html.dark .ButtonGroup>button.is-selected.is-hover,
html.dark .ButtonGroup>button.is-selected:hover,
html.dark .ButtonGroup>input.is-selected.is-hover[type=button],
html.dark .ButtonGroup>input.is-selected:hover[type=button] {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

html.dark .ButtonGroup>.Button.is-selected.is-active,
html.dark .ButtonGroup>.Button.is-selected:active,
html.dark .ButtonGroup>button.is-selected.is-active,
html.dark .ButtonGroup>button.is-selected:active,
html.dark .ButtonGroup>input.is-selected.is-active[type=button],
html.dark .ButtonGroup>input.is-selected:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1da1f2;
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

html.dark .ButtonGroup>.Button.is-selected.is-disabled,
html.dark .ButtonGroup>.Button.is-selected[disabled],
html.dark .ButtonGroup>button.is-selected.is-disabled,
html.dark .ButtonGroup>button.is-selected.is-disabled:focus,
html.dark .ButtonGroup>button.is-selected[disabled],
html.dark .ButtonGroup>input.is-selected.is-disabled[type=button],
html.dark .ButtonGroup>input.is-selected.is-disabled[type=button]:focus,
html.dark .ButtonGroup>input.is-selected[disabled][type=button],
html.dark .follow-btn.is-disabled .ButtonGroup>button.is-selected,
html.dark fieldset[disabled] .ButtonGroup>.Button.is-selected,
html.dark fieldset[disabled] .ButtonGroup>button.is-selected,
html.dark fieldset[disabled] .ButtonGroup>input.is-selected[type=button] {
    background-color: #1da1f2;
    border-color: #1da1f2;
    box-shadow: none
}

html.dark .ButtonGroup>.Button:active,
html.dark .ButtonGroup>.Button:focus,
html.dark .ButtonGroup>button:active,
html.dark .ButtonGroup>button:focus,
html.dark .ButtonGroup>input:active[type=button],
html.dark .ButtonGroup>input:focus[type=button] {
    z-index: 4
}

html.dark .ButtonGroup>.Button+.Button,
html.dark .ButtonGroup>.Button+.ButtonGroup,
html.dark .ButtonGroup>.Button+button,
html.dark .ButtonGroup>.Button+input[type=button],
html.dark .ButtonGroup>.ButtonGroup+.Button,
html.dark .ButtonGroup>.ButtonGroup+.ButtonGroup,
html.dark .ButtonGroup>.ButtonGroup+button,
html.dark .ButtonGroup>.ButtonGroup+input[type=button],
html.dark .ButtonGroup>button+.Button,
html.dark .ButtonGroup>button+.ButtonGroup,
html.dark .ButtonGroup>button+button,
html.dark .ButtonGroup>button+input[type=button],
html.dark .ButtonGroup>input[type=button]+.Button,
html.dark .ButtonGroup>input[type=button]+.ButtonGroup,
html.dark .ButtonGroup>input[type=button]+button,
html.dark .ButtonGroup>input[type=button]+input[type=button] {
    margin-left: -1px
}

html.dark .ButtonGroup>.Button:not(:first-child):not(:last-child),
html.dark .ButtonGroup>.ButtonGroup:not(:first-child):not(:last-child)>.Button,
html.dark .ButtonGroup>.ButtonGroup:not(:first-child):not(:last-child)>button,
html.dark .ButtonGroup>.ButtonGroup:not(:first-child):not(:last-child)>input[type=button],
html.dark .ButtonGroup>button:not(:first-child):not(:last-child),
html.dark .ButtonGroup>input:not(:first-child):not(:last-child)[type=button] {
    border-radius: 0
}

html.dark .ButtonGroup>.Button:first-child:not(:last-child),
html.dark .ButtonGroup>.ButtonGroup:first-child:not(:last-child)>.Button,
html.dark .ButtonGroup>.ButtonGroup:first-child:not(:last-child)>button,
html.dark .ButtonGroup>.ButtonGroup:first-child:not(:last-child)>input[type=button],
html.dark .ButtonGroup>button:first-child:not(:last-child),
html.dark .ButtonGroup>input:first-child:not(:last-child)[type=button] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

html.dark .ButtonGroup>.Button:last-child:not(:first-child),
html.dark .ButtonGroup>.ButtonGroup:last-child:not(:first-child)>.Button:first-child,
html.dark .ButtonGroup>.ButtonGroup:last-child:not(:first-child)>button:first-child,
html.dark .ButtonGroup>.ButtonGroup:last-child:not(:first-child)>input:first-child[type=button],
html.dark .ButtonGroup>button:last-child:not(:first-child),
html.dark .ButtonGroup>input:last-child:not(:first-child)[type=button] {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

html.dark .ButtonGroup>.ButtonGroup:last-child>.Button,
html.dark .ButtonGroup>.ButtonGroup:last-child>button,
html.dark .ButtonGroup>.ButtonGroup:last-child>input[type=button] {
    border-radius: 4px
}

html.dark .ButtonGroup--xsmall>.ButtonGroup:last-child>.Button,
html.dark .ButtonGroup--xsmall>.ButtonGroup:last-child>button,
html.dark .ButtonGroup--xsmall>.ButtonGroup:last-child>input[type=button] {
    border-radius: 4px
}

html.dark .ButtonGroup--small>.ButtonGroup:last-child>.Button,
html.dark .ButtonGroup--small>.ButtonGroup:last-child>button,
html.dark .ButtonGroup--small>.ButtonGroup:last-child>input[type=button] {
    border-radius: 4px
}

html.dark .ButtonGroup--large>.ButtonGroup:last-child>.Button,
html.dark .ButtonGroup--large>.ButtonGroup:last-child>button,
html.dark .ButtonGroup--large>.ButtonGroup:last-child>input[type=button] {
    border-radius: 4px
}

html.dark .ButtonGroup--primary>.Button+.Button,
html.dark .ButtonGroup--primary>.Button+.ButtonGroup,
html.dark .ButtonGroup--primary>.Button+button,
html.dark .ButtonGroup--primary>.Button+input[type=button],
html.dark .ButtonGroup--primary>.ButtonGroup+.Button,
html.dark .ButtonGroup--primary>.ButtonGroup+.ButtonGroup,
html.dark .ButtonGroup--primary>.ButtonGroup+button,
html.dark .ButtonGroup--primary>.ButtonGroup+input[type=button],
html.dark .ButtonGroup--primary>button+.Button,
html.dark .ButtonGroup--primary>button+.ButtonGroup,
html.dark .ButtonGroup--primary>button+button,
html.dark .ButtonGroup--primary>button+input[type=button],
html.dark .ButtonGroup--primary>input[type=button]+.Button,
html.dark .ButtonGroup--primary>input[type=button]+.ButtonGroup,
html.dark .ButtonGroup--primary>input[type=button]+button,
html.dark .ButtonGroup--primary>input[type=button]+input[type=button] {
    margin-left: 1px
}

html.dark .ButtonGroup--tertiary>.Button.is-selected,
html.dark .ButtonGroup--tertiary>.Button.is-selected:visited,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:visited,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:visited,
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected:visited[type=button],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type=button],
html.dark .ButtonGroup--tertiary>button.is-selected,
html.dark .ButtonGroup--tertiary>button.is-selected:visited,
html.dark .ButtonGroup--tertiary>input.is-selected:visited[type=button],
html.dark .ButtonGroup--tertiary>input.is-selected[type=button] {
    background-color: #657786;
    border: 1px solid #657786;
    color: #fff
}

html.dark .ButtonGroup--tertiary>.Button.is-selected.is-focus,
html.dark .ButtonGroup--tertiary>.Button.is-selected:focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-focus[type=button],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected:focus[type=button],
html.dark .ButtonGroup--tertiary>button.is-selected.is-focus,
html.dark .ButtonGroup--tertiary>button.is-selected:focus,
html.dark .ButtonGroup--tertiary>input.is-selected.is-focus[type=button],
html.dark .ButtonGroup--tertiary>input.is-selected:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ccd6dd;
    background: #657786;
    border-color: #657786;
    color: #fff
}

html.dark .ButtonGroup--tertiary>.Button.is-selected.is-hover,
html.dark .ButtonGroup--tertiary>.Button.is-selected:hover,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-hover,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:hover,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-hover,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:hover,
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-hover[type=button],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected:hover[type=button],
html.dark .ButtonGroup--tertiary>button.is-selected.is-hover,
html.dark .ButtonGroup--tertiary>button.is-selected:hover,
html.dark .ButtonGroup--tertiary>input.is-selected.is-hover[type=button],
html.dark .ButtonGroup--tertiary>input.is-selected:hover[type=button] {
    background-color: #657786;
    border-color: #657786;
    color: #fff
}

html.dark .ButtonGroup--tertiary>.Button.is-selected.is-active,
html.dark .ButtonGroup--tertiary>.Button.is-selected:active,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-active,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:active,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-active,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:active,
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-active[type=button],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected:active[type=button],
html.dark .ButtonGroup--tertiary>button.is-selected.is-active,
html.dark .ButtonGroup--tertiary>button.is-selected:active,
html.dark .ButtonGroup--tertiary>input.is-selected.is-active[type=button],
html.dark .ButtonGroup--tertiary>input.is-selected:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #aab8c2;
    background-color: #657786;
    border-color: #657786;
    color: #fff
}

html.dark .ButtonGroup--tertiary>.Button.is-selected.is-disabled,
html.dark .ButtonGroup--tertiary>.Button.is-selected[disabled],
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-disabled,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected[disabled],
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-disabled,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-disabled:focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected[disabled],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-disabled[type=button],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-disabled[type=button]:focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[disabled][type=button],
html.dark .ButtonGroup--tertiary>button.is-selected.is-disabled,
html.dark .ButtonGroup--tertiary>button.is-selected.is-disabled:focus,
html.dark .ButtonGroup--tertiary>button.is-selected[disabled],
html.dark .ButtonGroup--tertiary>input.is-selected.is-disabled[type=button],
html.dark .ButtonGroup--tertiary>input.is-selected.is-disabled[type=button]:focus,
html.dark .ButtonGroup--tertiary>input.is-selected[disabled][type=button],
html.dark .follow-btn.is-disabled .ButtonGroup--tertiary>.ButtonGroup>button.is-selected,
html.dark .follow-btn.is-disabled .ButtonGroup--tertiary>button.is-selected,
html.dark fieldset[disabled] .ButtonGroup--tertiary>.Button.is-selected,
html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected,
html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>button.is-selected,
html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type=button],
html.dark fieldset[disabled] .ButtonGroup--tertiary>button.is-selected,
html.dark fieldset[disabled] .ButtonGroup--tertiary>input.is-selected[type=button] {
    background-color: #657786;
    border-color: #657786;
    box-shadow: none
}

html.dark .ButtonGroup--justified {
    display: flex;
    width: 100%
}

html.dark .ButtonGroup--justified>.Button,
html.dark .ButtonGroup--justified>button,
html.dark .ButtonGroup--justified>input[type=button] {
    flex: 1
}

html.dark .Button .Icon,
html.dark button .Icon,
html.dark input[type=button] .Icon {
    line-height: 1;
    vertical-align: -1px
}

html.dark .app-header .search-input-control input .Icon,
html.dark .Button--large .Icon {
    vertical-align: -2px
}

html.dark .ButtonGroup .Icon {
    line-height: 1;
    vertical-align: -1px
}

html.dark .ButtonGroup--large .Icon {
    vertical-align: -2px
}

html.dark .Button>.Icon--caretDown,
html.dark button>.Icon--caretDown,
html.dark input[type=button]>.Icon--caretDown {
    line-height: 22px;
    margin: 0 7px
}

html.dark .Button--xsmall>.Icon--caretDown {
    line-height: 18px;
    margin: 0 6px
}

html.dark .Button--small>.Icon--caretDown {
    line-height: 18px;
    margin: 0 6px
}

html.dark .app-header .search-input-control input>.Icon--caretDown,
html.dark .Button--large>.Icon--caretDown {
    line-height: 25px;
    margin: 0 9px
}

html.dark .Button>.Icon--caretDown,
html.dark button>.Icon--caretDown,
html.dark input[type=button]>.Icon--caretDown {
    float: right;
    margin-right: 0
}

html.dark .Button-adornment {
    line-height: 22px;
    margin: 0 7px
}

html.dark .Button--small .Button-adornment,
html.dark .Button--xsmall .Button-adornment,
html.dark .ButtonGroup--small .Button-adornment,
html.dark .ButtonGroup--xsmall .Button-adornment {
    line-height: 18px;
    margin: 0 6px
}

html.dark .app-header .search-input-control input .Button-adornment,
html.dark .Button--large .Button-adornment,
html.dark .ButtonGroup--large .Button-adornment {
    line-height: 25px;
    margin: 0 9px
}

html.dark .Button-adornment:only-child {
    margin-right: 0;
    margin-left: 0
}

html.dark .Button:not([dir=rtl]) .Button-adornment.Button-adornment--start,
html.dark .Button:not([dir=rtl]) .Button-adornment:first-child:not(.Button-adornment--end),
html.dark button:not([dir=rtl]) .Button-adornment.Button-adornment--start,
html.dark button:not([dir=rtl]) .Button-adornment:first-child:not(.Button-adornment--end),
html.dark input:not([dir=rtl])[type=button] .Button-adornment.Button-adornment--start,
html.dark input:not([dir=rtl])[type=button] .Button-adornment:first-child:not(.Button-adornment--end) {
    float: left;
    margin-left: 0
}

html.dark .Button:not([dir=rtl]) .Button-adornment.Button-adornment--end,
html.dark .Button:not([dir=rtl]) .Button-adornment:last-child:not(.Button-adornment--start),
html.dark button:not([dir=rtl]) .Button-adornment.Button-adornment--end,
html.dark button:not([dir=rtl]) .Button-adornment:last-child:not(.Button-adornment--start),
html.dark input:not([dir=rtl])[type=button] .Button-adornment.Button-adornment--end,
html.dark input:not([dir=rtl])[type=button] .Button-adornment:last-child:not(.Button-adornment--start) {
    float: right;
    margin-right: 0
}

html.dark .Button[dir=rtl] .Button-adornment.Button-adornment--start,
html.dark .Button[dir=rtl] .Button-adornment:first-child:not(.Button-adornment--end),
html.dark button[dir=rtl] .Button-adornment.Button-adornment--start,
html.dark button[dir=rtl] .Button-adornment:first-child:not(.Button-adornment--end),
html.dark input[dir=rtl][type=button] .Button-adornment.Button-adornment--start,
html.dark input[dir=rtl][type=button] .Button-adornment:first-child:not(.Button-adornment--end) {
    float: right;
    margin-right: 0
}

html.dark .Button[dir=rtl] .Button-adornment.Button-adornment--end,
html.dark .Button[dir=rtl] .Button-adornment:last-child:not(.Button-adornment--start),
html.dark button[dir=rtl] .Button-adornment.Button-adornment--end,
html.dark button[dir=rtl] .Button-adornment:last-child:not(.Button-adornment--start),
html.dark input[dir=rtl][type=button] .Button-adornment.Button-adornment--end,
html.dark input[dir=rtl][type=button] .Button-adornment:last-child:not(.Button-adornment--start) {
    float: left;
    margin-left: 0
}

html.dark .Button,
html.dark button,
html.dark input[type=button] {
    transition: box-shadow .15s ease-in-out
}

html.dark .Button:focus,
html.dark button:focus,
html.dark input:focus[type=button] {
    outline: none
}

html.dark .Button:-moz-focusring,
html.dark .Button[type=button]:-moz-focusring,
html.dark .Button[type=reset]:-moz-focusring,
html.dark .Button[type=submit]:-moz-focusring,
html.dark button:-moz-focusring,
html.dark button[type=button]:-moz-focusring,
html.dark button[type=reset]:-moz-focusring,
html.dark button[type=submit]:-moz-focusring,
html.dark input:-moz-focusring[type=button],
html.dark input[type=button]:-moz-focusring,
html.dark input[type=reset]:-moz-focusring[type=button],
html.dark input[type=submit]:-moz-focusring[type=button] {
    outline: none
}

html.dark .Button,
html.dark .Button.is-visited,
html.dark .Button:visited,
html.dark button,
html.dark button.is-visited,
html.dark button:visited,
html.dark input.is-visited[type=button],
html.dark input:visited[type=button],
html.dark input[type=button] {
    display: inline-block;
    position: relative;
    padding: 6px 14px;
    background-color: #fff;
    border: 1px solid #1da1f2;
    border-radius: 36px;
    color: #1da1f2;
    cursor: pointer;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px
}

html.dark .Button.is-focus,
html.dark .Button:focus,
html.dark button.is-focus,
html.dark button:focus,
html.dark input.is-focus[type=button],
html.dark input:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #71c9f8;
    background: #fff;
    border-color: #1da1f2;
    color: #1da1f2;
    text-decoration: none
}

html.dark .Button.is-hover,
html.dark .Button:hover,
html.dark button.is-hover,
html.dark button:hover,
html.dark input.is-hover[type=button],
html.dark input:hover[type=button] {
    background-color: #eaf5fd;
    color: #1da1f2;
    text-decoration: none
}

html.dark .Button.is-active,
html.dark .Button:active,
html.dark button.is-active,
html.dark button:active,
html.dark input.is-active[type=button],
html.dark input:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1da1f2;
    background: #eaf5fd;
    border-color: #1da1f2;
    color: #1da1f2
}

html.dark .Button.is-disabled,
html.dark .Button[disabled],
html.dark .follow-btn.is-disabled button,
html.dark button.is-disabled,
html.dark button.is-disabled:focus,
html.dark button[disabled],
html.dark fieldset[disabled] .Button,
html.dark fieldset[disabled] button,
html.dark fieldset[disabled] input[type=button],
html.dark input.is-disabled[type=button],
html.dark input.is-disabled[type=button]:focus,
html.dark input[disabled][type=button] {
    opacity: .5;
    background-color: #fff;
    box-shadow: none;
    cursor: default
}

html.dark a.Button.is-disabled,
html.dark fieldset[disabled] a.Button {
    pointer-events: none
}

html.dark .Button[type=button],
html.dark button[type=button],
html.dark input[type=button][type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

html.dark .Button.btn-fav.s-favorited,
html.dark .Button.btn-fav.s-favorited:visited,
html.dark .Button.Button--primary,
html.dark .Button.Button--primary:visited,
html.dark .ButtonGroup--primary>.Button,
html.dark .ButtonGroup--primary>.Button:visited,
html.dark .ButtonGroup--primary>.ButtonGroup>.Button,
html.dark .ButtonGroup--primary>.ButtonGroup>.Button:visited,
html.dark .ButtonGroup--primary>.ButtonGroup>button,
html.dark .ButtonGroup--primary>.ButtonGroup>button:visited,
html.dark .ButtonGroup--primary>.ButtonGroup>input:visited[type=button],
html.dark .ButtonGroup--primary>.ButtonGroup>input[type=button],
html.dark .ButtonGroup--primary>button,
html.dark .ButtonGroup--primary>button:visited,
html.dark .ButtonGroup--primary>input:visited[type=button],
html.dark .ButtonGroup--primary>input[type=button],
html.dark .s-following .follow-btn:hover .Button.following-text,
html.dark .s-following .follow-btn:hover .Button.following-text:visited,
html.dark .s-following .follow-btn:hover button.following-text,
html.dark .s-following .follow-btn:hover button.following-text:visited,
html.dark .s-following .follow-btn:hover input.following-text:visited[type=button],
html.dark .s-following .follow-btn:hover input.following-text[type=button],
html.dark button.btn-fav.s-favorited,
html.dark button.btn-fav.s-favorited:visited,
html.dark button.Button--primary,
html.dark button.Button--primary:visited,
html.dark input.btn-fav.s-favorited:visited[type=button],
html.dark input.btn-fav.s-favorited[type=button],
html.dark input.Button--primary:visited[type=button],
html.dark input.Button--primary[type=button] {
    background-color: #1da1f2;
    border: 1px solid #1da1f2;
    color: #fff
}

html.dark .Button.btn-fav.s-favorited:focus,
html.dark .Button.Button--primary.is-focus,
html.dark .Button.Button--primary:focus,
html.dark .Button.is-focus.btn-fav.s-favorited,
html.dark .ButtonGroup--primary>.Button.is-focus,
html.dark .ButtonGroup--primary>.Button:focus,
html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-focus,
html.dark .ButtonGroup--primary>.ButtonGroup>.Button:focus,
html.dark .ButtonGroup--primary>.ButtonGroup>button.is-focus,
html.dark .ButtonGroup--primary>.ButtonGroup>button:focus,
html.dark .ButtonGroup--primary>.ButtonGroup>input.is-focus[type=button],
html.dark .ButtonGroup--primary>.ButtonGroup>input:focus[type=button],
html.dark .ButtonGroup--primary>button.is-focus,
html.dark .ButtonGroup--primary>button:focus,
html.dark .ButtonGroup--primary>input.is-focus[type=button],
html.dark .ButtonGroup--primary>input:focus[type=button],
html.dark .s-following .follow-btn:hover .Button.following-text:focus,
html.dark .s-following .follow-btn:hover .Button.is-focus.following-text,
html.dark .s-following .follow-btn:hover button.following-text:focus,
html.dark .s-following .follow-btn:hover button.is-focus.following-text,
html.dark .s-following .follow-btn:hover input.following-text:focus[type=button],
html.dark .s-following .follow-btn:hover input.is-focus.following-text[type=button],
html.dark button.btn-fav.s-favorited:focus,
html.dark button.Button--primary.is-focus,
html.dark button.Button--primary:focus,
html.dark button.is-focus.btn-fav.s-favorited,
html.dark input.btn-fav.s-favorited:focus[type=button],
html.dark input.Button--primary.is-focus[type=button],
html.dark input.Button--primary:focus[type=button],
html.dark input.is-focus.btn-fav.s-favorited[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #71c9f8;
    background: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

html.dark .Button.btn-fav.s-favorited:hover,
html.dark .Button.Button--primary.is-hover,
html.dark .Button.Button--primary:hover,
html.dark .Button.is-hover.btn-fav.s-favorited,
html.dark .ButtonGroup--primary>.Button.is-hover,
html.dark .ButtonGroup--primary>.Button:hover,
html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-hover,
html.dark .ButtonGroup--primary>.ButtonGroup>.Button:hover,
html.dark .ButtonGroup--primary>.ButtonGroup>button.is-hover,
html.dark .ButtonGroup--primary>.ButtonGroup>button:hover,
html.dark .ButtonGroup--primary>.ButtonGroup>input.is-hover[type=button],
html.dark .ButtonGroup--primary>.ButtonGroup>input:hover[type=button],
html.dark .ButtonGroup--primary>button.is-hover,
html.dark .ButtonGroup--primary>button:hover,
html.dark .ButtonGroup--primary>input.is-hover[type=button],
html.dark .ButtonGroup--primary>input:hover[type=button],
html.dark .s-following .follow-btn:hover .Button.following-text:hover,
html.dark .s-following .follow-btn:hover .Button.is-hover.following-text,
html.dark .s-following .follow-btn:hover button.following-text:hover,
html.dark .s-following .follow-btn:hover button.is-hover.following-text,
html.dark .s-following .follow-btn:hover input.following-text:hover[type=button],
html.dark .s-following .follow-btn:hover input.is-hover.following-text[type=button],
html.dark button.btn-fav.s-favorited:hover,
html.dark button.Button--primary.is-hover,
html.dark button.Button--primary:hover,
html.dark button.is-hover.btn-fav.s-favorited,
html.dark input.btn-fav.s-favorited:hover[type=button],
html.dark input.Button--primary.is-hover[type=button],
html.dark input.Button--primary:hover[type=button],
html.dark input.is-hover.btn-fav.s-favorited[type=button] {
    background-color: #005fd1;
    border-color: #005fd1;
    color: #fff
}

html.dark .Button.btn-fav.s-favorited:active,
html.dark .Button.Button--primary.is-active,
html.dark .Button.Button--primary:active,
html.dark .Button.is-active.btn-fav.s-favorited,
html.dark .ButtonGroup--primary>.Button.is-active,
html.dark .ButtonGroup--primary>.Button:active,
html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-active,
html.dark .ButtonGroup--primary>.ButtonGroup>.Button:active,
html.dark .ButtonGroup--primary>.ButtonGroup>button.is-active,
html.dark .ButtonGroup--primary>.ButtonGroup>button:active,
html.dark .ButtonGroup--primary>.ButtonGroup>input.is-active[type=button],
html.dark .ButtonGroup--primary>.ButtonGroup>input:active[type=button],
html.dark .ButtonGroup--primary>button.is-active,
html.dark .ButtonGroup--primary>button:active,
html.dark .ButtonGroup--primary>input.is-active[type=button],
html.dark .ButtonGroup--primary>input:active[type=button],
html.dark .s-following .follow-btn:hover .Button.following-text:active,
html.dark .s-following .follow-btn:hover .Button.is-active.following-text,
html.dark .s-following .follow-btn:hover button.following-text:active,
html.dark .s-following .follow-btn:hover button.is-active.following-text,
html.dark .s-following .follow-btn:hover input.following-text:active[type=button],
html.dark .s-following .follow-btn:hover input.is-active.following-text[type=button],
html.dark button.btn-fav.s-favorited:active,
html.dark button.Button--primary.is-active,
html.dark button.Button--primary:active,
html.dark button.is-active.btn-fav.s-favorited,
html.dark input.btn-fav.s-favorited:active[type=button],
html.dark input.Button--primary.is-active[type=button],
html.dark input.Button--primary:active[type=button],
html.dark input.is-active.btn-fav.s-favorited[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1da1f2;
    background-color: #005fd1;
    border-color: #005fd1;
    color: #fff
}

html.dark .Button.btn-fav.s-favorited[disabled],
html.dark .Button.Button--primary.is-disabled,
html.dark .Button.Button--primary[disabled],
html.dark .Button.is-disabled.btn-fav.s-favorited,
html.dark .ButtonGroup--primary>.Button.is-disabled,
html.dark .ButtonGroup--primary>.Button[disabled],
html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-disabled,
html.dark .ButtonGroup--primary>.ButtonGroup>.Button[disabled],
html.dark .ButtonGroup--primary>.ButtonGroup>button.is-disabled,
html.dark .ButtonGroup--primary>.ButtonGroup>button.is-disabled:focus,
html.dark .ButtonGroup--primary>.ButtonGroup>button[disabled],
html.dark .ButtonGroup--primary>.ButtonGroup>input.is-disabled[type=button],
html.dark .ButtonGroup--primary>.ButtonGroup>input.is-disabled[type=button]:focus,
html.dark .ButtonGroup--primary>.ButtonGroup>input[disabled][type=button],
html.dark .ButtonGroup--primary>button.is-disabled,
html.dark .ButtonGroup--primary>button.is-disabled:focus,
html.dark .ButtonGroup--primary>button[disabled],
html.dark .ButtonGroup--primary>input.is-disabled[type=button],
html.dark .ButtonGroup--primary>input.is-disabled[type=button]:focus,
html.dark .ButtonGroup--primary>input[disabled][type=button],
html.dark .follow-btn.is-disabled .ButtonGroup--primary>.ButtonGroup>button,
html.dark .follow-btn.is-disabled .ButtonGroup--primary>button,
html.dark .follow-btn.is-disabled .s-following .follow-btn:hover button.following-text,
html.dark .follow-btn.is-disabled button.btn-fav.s-favorited,
html.dark .follow-btn.is-disabled button.Button--primary,
html.dark .s-following .follow-btn:hover .Button.following-text[disabled],
html.dark .s-following .follow-btn:hover .Button.is-disabled.following-text,
html.dark .s-following .follow-btn:hover .follow-btn.is-disabled button.following-text,
html.dark .s-following .follow-btn:hover button.following-text[disabled],
html.dark .s-following .follow-btn:hover button.is-disabled.following-text,
html.dark .s-following .follow-btn:hover button.is-disabled.following-text:focus,
html.dark .s-following .follow-btn:hover fieldset[disabled] .Button.following-text,
html.dark .s-following .follow-btn:hover fieldset[disabled] button.following-text,
html.dark .s-following .follow-btn:hover fieldset[disabled] input.following-text[type=button],
html.dark .s-following .follow-btn:hover input.following-text[disabled][type=button],
html.dark .s-following .follow-btn:hover input.is-disabled.following-text[type=button],
html.dark .s-following .follow-btn:hover input.is-disabled.following-text[type=button]:focus,
html.dark button.btn-fav.s-favorited[disabled],
html.dark button.Button--primary.is-disabled,
html.dark button.Button--primary.is-disabled:focus,
html.dark button.Button--primary[disabled],
html.dark button.is-disabled.btn-fav.s-favorited,
html.dark button.is-disabled.btn-fav.s-favorited:focus,
html.dark fieldset[disabled] .Button.btn-fav.s-favorited,
html.dark fieldset[disabled] .Button.Button--primary,
html.dark fieldset[disabled] .ButtonGroup--primary>.Button,
html.dark fieldset[disabled] .ButtonGroup--primary>.ButtonGroup>.Button,
html.dark fieldset[disabled] .ButtonGroup--primary>.ButtonGroup>button,
html.dark fieldset[disabled] .ButtonGroup--primary>.ButtonGroup>input[type=button],
html.dark fieldset[disabled] .ButtonGroup--primary>button,
html.dark fieldset[disabled] .ButtonGroup--primary>input[type=button],
html.dark fieldset[disabled] .s-following .follow-btn:hover .Button.following-text,
html.dark fieldset[disabled] .s-following .follow-btn:hover button.following-text,
html.dark fieldset[disabled] .s-following .follow-btn:hover input.following-text[type=button],
html.dark fieldset[disabled] button.btn-fav.s-favorited,
html.dark fieldset[disabled] button.Button--primary,
html.dark fieldset[disabled] input.btn-fav.s-favorited[type=button],
html.dark fieldset[disabled] input.Button--primary[type=button],
html.dark input.btn-fav.s-favorited[disabled][type=button],
html.dark input.Button--primary.is-disabled[type=button],
html.dark input.Button--primary.is-disabled[type=button]:focus,
html.dark input.Button--primary[disabled][type=button],
html.dark input.is-disabled.btn-fav.s-favorited[type=button],
html.dark input.is-disabled.btn-fav.s-favorited[type=button]:focus {
    background-color: #1da1f2;
    border-color: #1da1f2;
    box-shadow: none
}

html.dark .Button.Button--tertiary,
html.dark .Button.Button--tertiary:visited,
html.dark .ButtonGroup--tertiary>.Button,
html.dark .ButtonGroup--tertiary>.Button:visited,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:visited,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button:visited,
html.dark .ButtonGroup--tertiary>.ButtonGroup>input:visited[type=button],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type=button],
html.dark .ButtonGroup--tertiary>button,
html.dark .ButtonGroup--tertiary>button:visited,
html.dark .ButtonGroup--tertiary>input:visited[type=button],
html.dark .ButtonGroup--tertiary>input[type=button],
html.dark button.Button--tertiary,
html.dark button.Button--tertiary:visited,
html.dark input.Button--tertiary:visited[type=button],
html.dark input.Button--tertiary[type=button] {
    background-color: #fff;
    border: 1px solid #657786;
    color: #657786
}

html.dark .Button.Button--tertiary.is-focus,
html.dark .Button.Button--tertiary:focus,
html.dark .ButtonGroup--tertiary>.Button.is-focus,
html.dark .ButtonGroup--tertiary>.Button:focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button:focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-focus[type=button],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input:focus[type=button],
html.dark .ButtonGroup--tertiary>button.is-focus,
html.dark .ButtonGroup--tertiary>button:focus,
html.dark .ButtonGroup--tertiary>input.is-focus[type=button],
html.dark .ButtonGroup--tertiary>input:focus[type=button],
html.dark button.Button--tertiary.is-focus,
html.dark button.Button--tertiary:focus,
html.dark input.Button--tertiary.is-focus[type=button],
html.dark input.Button--tertiary:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ccd6dd;
    background: #fff;
    border-color: #657786;
    color: #657786
}

html.dark .Button.Button--tertiary.is-hover,
html.dark .Button.Button--tertiary:hover,
html.dark .ButtonGroup--tertiary>.Button.is-hover,
html.dark .ButtonGroup--tertiary>.Button:hover,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-hover,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:hover,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-hover,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button:hover,
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-hover[type=button],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input:hover[type=button],
html.dark .ButtonGroup--tertiary>button.is-hover,
html.dark .ButtonGroup--tertiary>button:hover,
html.dark .ButtonGroup--tertiary>input.is-hover[type=button],
html.dark .ButtonGroup--tertiary>input:hover[type=button],
html.dark button.Button--tertiary.is-hover,
html.dark button.Button--tertiary:hover,
html.dark input.Button--tertiary.is-hover[type=button],
html.dark input.Button--tertiary:hover[type=button] {
    background-color: #f5f8fa;
    border-color: #657786;
    color: #657786
}

html.dark .Button.Button--tertiary.is-active,
html.dark .Button.Button--tertiary:active,
html.dark .ButtonGroup--tertiary>.Button.is-active,
html.dark .ButtonGroup--tertiary>.Button:active,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-active,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:active,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-active,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button:active,
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-active[type=button],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input:active[type=button],
html.dark .ButtonGroup--tertiary>button.is-active,
html.dark .ButtonGroup--tertiary>button:active,
html.dark .ButtonGroup--tertiary>input.is-active[type=button],
html.dark .ButtonGroup--tertiary>input:active[type=button],
html.dark button.Button--tertiary.is-active,
html.dark button.Button--tertiary:active,
html.dark input.Button--tertiary.is-active[type=button],
html.dark input.Button--tertiary:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #657786;
    background-color: #f5f8fa;
    border-color: #657786;
    color: #657786
}

html.dark .Button.Button--tertiary.is-disabled,
html.dark .Button.Button--tertiary[disabled],
html.dark .ButtonGroup--tertiary>.Button.is-disabled,
html.dark .ButtonGroup--tertiary>.Button[disabled],
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-disabled,
html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button[disabled],
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-disabled,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-disabled:focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>button[disabled],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-disabled[type=button],
html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-disabled[type=button]:focus,
html.dark .ButtonGroup--tertiary>.ButtonGroup>input[disabled][type=button],
html.dark .ButtonGroup--tertiary>button.is-disabled,
html.dark .ButtonGroup--tertiary>button.is-disabled:focus,
html.dark .ButtonGroup--tertiary>button[disabled],
html.dark .ButtonGroup--tertiary>input.is-disabled[type=button],
html.dark .ButtonGroup--tertiary>input.is-disabled[type=button]:focus,
html.dark .ButtonGroup--tertiary>input[disabled][type=button],
html.dark .follow-btn.is-disabled .ButtonGroup--tertiary>.ButtonGroup>button,
html.dark .follow-btn.is-disabled .ButtonGroup--tertiary>button,
html.dark .follow-btn.is-disabled button.Button--tertiary,
html.dark button.Button--tertiary.is-disabled,
html.dark button.Button--tertiary.is-disabled:focus,
html.dark button.Button--tertiary[disabled],
html.dark fieldset[disabled] .Button.Button--tertiary,
html.dark fieldset[disabled] .ButtonGroup--tertiary>.Button,
html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>.Button,
html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>button,
html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>input[type=button],
html.dark fieldset[disabled] .ButtonGroup--tertiary>button,
html.dark fieldset[disabled] .ButtonGroup--tertiary>input[type=button],
html.dark fieldset[disabled] button.Button--tertiary,
html.dark fieldset[disabled] input.Button--tertiary[type=button],
html.dark input.Button--tertiary.is-disabled[type=button],
html.dark input.Button--tertiary.is-disabled[type=button]:focus,
html.dark input.Button--tertiary[disabled][type=button] {
    background-color: #fff;
    border-color: #657786;
    box-shadow: none
}

html.dark .Button.Button--success,
html.dark .Button.Button--success:visited,
html.dark button.Button--success,
html.dark button.Button--success:visited,
html.dark input.Button--success:visited[type=button],
html.dark input.Button--success[type=button] {
    background-color: #17bf63;
    border: 1px solid #17bf63;
    color: #fff
}

html.dark .Button.Button--success.is-focus,
html.dark .Button.Button--success:focus,
html.dark button.Button--success.is-focus,
html.dark button.Button--success:focus,
html.dark input.Button--success.is-focus[type=button],
html.dark input.Button--success:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #68e090;
    background: #17bf63;
    border-color: #17bf63;
    color: #fff
}

html.dark .Button.Button--success.is-hover,
html.dark .Button.Button--success:hover,
html.dark button.Button--success.is-hover,
html.dark button.Button--success:hover,
html.dark input.Button--success.is-hover[type=button],
html.dark input.Button--success:hover[type=button] {
    background-color: #008951;
    border-color: #008951;
    color: #fff
}

html.dark .Button.Button--success.is-active,
html.dark .Button.Button--success:active,
html.dark button.Button--success.is-active,
html.dark button.Button--success:active,
html.dark input.Button--success.is-active[type=button],
html.dark input.Button--success:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #17bf63;
    background-color: #008951;
    border-color: #008951;
    color: #fff
}

html.dark .Button.Button--success.is-disabled,
html.dark .Button.Button--success[disabled],
html.dark .follow-btn.is-disabled button.Button--success,
html.dark button.Button--success.is-disabled,
html.dark button.Button--success.is-disabled:focus,
html.dark button.Button--success[disabled],
html.dark fieldset[disabled] .Button.Button--success,
html.dark fieldset[disabled] button.Button--success,
html.dark fieldset[disabled] input.Button--success[type=button],
html.dark input.Button--success.is-disabled[type=button],
html.dark input.Button--success.is-disabled[type=button]:focus,
html.dark input.Button--success[disabled][type=button] {
    background-color: #17bf63;
    border-color: #17bf63;
    box-shadow: none
}

html.dark .Button.Button--warning,
html.dark .Button.Button--warning:visited,
html.dark button.Button--warning,
html.dark button.Button--warning:visited,
html.dark input.Button--warning:visited[type=button],
html.dark input.Button--warning[type=button] {
    background-color: #ffad1f;
    border: 1px solid #ffad1f;
    color: #fff
}

html.dark .Button.Button--warning.is-focus,
html.dark .Button.Button--warning:focus,
html.dark button.Button--warning.is-focus,
html.dark button.Button--warning:focus,
html.dark input.Button--warning.is-focus[type=button],
html.dark input.Button--warning:focus[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffd03f;
    background: #ffad1f;
    border-color: #ffad1f;
    color: #fff
}

html.dark .Button.Button--warning.is-hover,
html.dark .Button.Button--warning:hover,
html.dark button.Button--warning.is-hover,
html.dark button.Button--warning:hover,
html.dark input.Button--warning.is-hover[type=button],
html.dark input.Button--warning:hover[type=button] {
    background-color: #f98e00;
    border-color: #f98e00;
    color: #fff
}

html.dark .Button.Button--warning.is-active,
html.dark .Button.Button--warning:active,
html.dark button.Button--warning.is-active,
html.dark button.Button--warning:active,
html.dark input.Button--warning.is-active[type=button],
html.dark input.Button--warning:active[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffad1f;
    background-color: #f98e00;
    border-color: #f98e00;
    color: #fff
}

html.dark .Button.Button--warning.is-disabled,
html.dark .Button.Button--warning[disabled],
html.dark .follow-btn.is-disabled button.Button--warning,
html.dark button.Button--warning.is-disabled,
html.dark button.Button--warning.is-disabled:focus,
html.dark button.Button--warning[disabled],
html.dark fieldset[disabled] .Button.Button--warning,
html.dark fieldset[disabled] button.Button--warning,
html.dark fieldset[disabled] input.Button--warning[type=button],
html.dark input.Button--warning.is-disabled[type=button],
html.dark input.Button--warning.is-disabled[type=button]:focus,
html.dark input.Button--warning[disabled][type=button] {
    background-color: #ffad1f;
    border-color: #ffad1f;
    box-shadow: none
}

html.dark .Button.btn-fav-unfav-text,
html.dark .Button.btn-fav-unfav-text:visited,
html.dark .Button.Button--danger,
html.dark .Button.Button--danger:visited,
html.dark .s-following .follow-btn:hover .unfollow-text,
html.dark .s-following .follow-btn:hover .unfollow-text:visited,
html.dark button.btn-fav-unfav-text,
html.dark button.btn-fav-unfav-text:visited,
html.dark button.Button--danger,
html.dark button.Button--danger:visited,
html.dark input.btn-fav-unfav-text:visited[type=button],
html.dark input.btn-fav-unfav-text[type=button],
html.dark input.Button--danger:visited[type=button],
html.dark input.Button--danger[type=button] {
    background-color: #e0245e;
    border: 1px solid #e0245e;
    color: #fff
}

html.dark .Button.btn-fav-unfav-text:focus,
html.dark .Button.Button--danger.is-focus,
html.dark .Button.Button--danger:focus,
html.dark .Button.is-focus.btn-fav-unfav-text,
html.dark .s-following .follow-btn:hover .is-focus.unfollow-text,
html.dark .s-following .follow-btn:hover .unfollow-text:focus,
html.dark button.btn-fav-unfav-text:focus,
html.dark button.Button--danger.is-focus,
html.dark button.Button--danger:focus,
html.dark button.is-focus.btn-fav-unfav-text,
html.dark input.btn-fav-unfav-text:focus[type=button],
html.dark input.Button--danger.is-focus[type=button],
html.dark input.Button--danger:focus[type=button],
html.dark input.is-focus.btn-fav-unfav-text[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #f6809a;
    background: #e0245e;
    border-color: #e0245e;
    color: #fff
}

html.dark .Button.btn-fav-unfav-text:hover,
html.dark .Button.Button--danger.is-hover,
html.dark .Button.Button--danger:hover,
html.dark .Button.is-hover.btn-fav-unfav-text,
html.dark .s-following .follow-btn:hover .is-hover.unfollow-text,
html.dark .s-following .follow-btn:hover .unfollow-text:hover,
html.dark button.btn-fav-unfav-text:hover,
html.dark button.Button--danger.is-hover,
html.dark button.Button--danger:hover,
html.dark button.is-hover.btn-fav-unfav-text,
html.dark input.btn-fav-unfav-text:hover[type=button],
html.dark input.Button--danger.is-hover[type=button],
html.dark input.Button--danger:hover[type=button],
html.dark input.is-hover.btn-fav-unfav-text[type=button] {
    background-color: #a01744;
    border-color: #a01744;
    color: #fff
}

html.dark .Button.btn-fav-unfav-text:active,
html.dark .Button.Button--danger.is-active,
html.dark .Button.Button--danger:active,
html.dark .Button.is-active.btn-fav-unfav-text,
html.dark .s-following .follow-btn:hover .is-active.unfollow-text,
html.dark .s-following .follow-btn:hover .unfollow-text:active,
html.dark button.btn-fav-unfav-text:active,
html.dark button.Button--danger.is-active,
html.dark button.Button--danger:active,
html.dark button.is-active.btn-fav-unfav-text,
html.dark input.btn-fav-unfav-text:active[type=button],
html.dark input.Button--danger.is-active[type=button],
html.dark input.Button--danger:active[type=button],
html.dark input.is-active.btn-fav-unfav-text[type=button] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e0245e;
    background-color: #a01744;
    border-color: #a01744;
    color: #fff
}

html.dark .Button.btn-fav-unfav-text[disabled],
html.dark .Button.Button--danger.is-disabled,
html.dark .Button.Button--danger[disabled],
html.dark .Button.is-disabled.btn-fav-unfav-text,
html.dark .follow-btn.is-disabled button.btn-fav-unfav-text,
html.dark .follow-btn.is-disabled button.Button--danger,
html.dark .s-following .follow-btn:hover .is-disabled.unfollow-text,
html.dark .s-following .follow-btn:hover .unfollow-text[disabled],
html.dark .s-following .follow-btn:hover fieldset[disabled] .unfollow-text,
html.dark button.btn-fav-unfav-text[disabled],
html.dark button.Button--danger.is-disabled,
html.dark button.Button--danger.is-disabled:focus,
html.dark button.Button--danger[disabled],
html.dark button.is-disabled.btn-fav-unfav-text,
html.dark button.is-disabled.btn-fav-unfav-text:focus,
html.dark fieldset[disabled] .Button.btn-fav-unfav-text,
html.dark fieldset[disabled] .Button.Button--danger,
html.dark fieldset[disabled] .s-following .follow-btn:hover .unfollow-text,
html.dark fieldset[disabled] button.btn-fav-unfav-text,
html.dark fieldset[disabled] button.Button--danger,
html.dark fieldset[disabled] input.btn-fav-unfav-text[type=button],
html.dark fieldset[disabled] input.Button--danger[type=button],
html.dark input.btn-fav-unfav-text[disabled][type=button],
html.dark input.Button--danger.is-disabled[type=button],
html.dark input.Button--danger.is-disabled[type=button]:focus,
html.dark input.Button--danger[disabled][type=button],
html.dark input.is-disabled.btn-fav-unfav-text[type=button],
html.dark input.is-disabled.btn-fav-unfav-text[type=button]:focus {
    background-color: #e0245e;
    border-color: #e0245e;
    box-shadow: none
}

html.dark .Button.Button--link,
html.dark button.Button--link,
html.dark input.Button--link[type=button] {
    background: 0 0;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    color: #1b95e0;
    cursor: pointer;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

html.dark .Button.Button--link.is-active,
html.dark .Button.Button--link.is-focus,
html.dark .Button.Button--link.is-hover,
html.dark .Button.Button--link:active,
html.dark .Button.Button--link:focus,
html.dark .Button.Button--link:hover,
html.dark button.Button--link.is-active,
html.dark button.Button--link.is-focus,
html.dark button.Button--link.is-hover,
html.dark button.Button--link:active,
html.dark button.Button--link:focus,
html.dark button.Button--link:hover,
html.dark input.Button--link.is-active[type=button],
html.dark input.Button--link.is-focus[type=button],
html.dark input.Button--link.is-hover[type=button],
html.dark input.Button--link:active[type=button],
html.dark input.Button--link:focus[type=button],
html.dark input.Button--link:hover[type=button] {
    background: 0 0;
    border-color: transparent;
    box-shadow: none;
    text-decoration: underline
}

html.dark .Button.Button--link.is-disabled,
html.dark .Button.Button--link[disabled],
html.dark .follow-btn.is-disabled button.Button--link,
html.dark button.Button--link.is-disabled,
html.dark button.Button--link.is-disabled:focus,
html.dark button.Button--link[disabled],
html.dark fieldset[disabled] .Button.Button--link,
html.dark fieldset[disabled] button.Button--link,
html.dark fieldset[disabled] input.Button--link[type=button],
html.dark input.Button--link.is-disabled[type=button],
html.dark input.Button--link.is-disabled[type=button]:focus,
html.dark input.Button--link[disabled][type=button] {
    opacity: .5;
    text-decoration: none;
    cursor: default
}

html.dark .Button.Button--dangerLink,
html.dark button.Button--dangerLink,
html.dark input.Button--dangerLink[type=button] {
    background: 0 0;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
    color: #e0245e;
    cursor: pointer;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400
}

html.dark .Button.Button--dangerLink.is-active,
html.dark .Button.Button--dangerLink.is-focus,
html.dark .Button.Button--dangerLink.is-hover,
html.dark .Button.Button--dangerLink:active,
html.dark .Button.Button--dangerLink:focus,
html.dark .Button.Button--dangerLink:hover,
html.dark button.Button--dangerLink.is-active,
html.dark button.Button--dangerLink.is-focus,
html.dark button.Button--dangerLink.is-hover,
html.dark button.Button--dangerLink:active,
html.dark button.Button--dangerLink:focus,
html.dark button.Button--dangerLink:hover,
html.dark input.Button--dangerLink.is-active[type=button],
html.dark input.Button--dangerLink.is-focus[type=button],
html.dark input.Button--dangerLink.is-hover[type=button],
html.dark input.Button--dangerLink:active[type=button],
html.dark input.Button--dangerLink:focus[type=button],
html.dark input.Button--dangerLink:hover[type=button] {
    background: 0 0;
    border-color: transparent;
    box-shadow: none;
    text-decoration: underline
}

html.dark .Button.Button--dangerLink.is-disabled,
html.dark .Button.Button--dangerLink[disabled],
html.dark .follow-btn.is-disabled button.Button--dangerLink,
html.dark button.Button--dangerLink.is-disabled,
html.dark button.Button--dangerLink.is-disabled:focus,
html.dark button.Button--dangerLink[disabled],
html.dark fieldset[disabled] .Button.Button--dangerLink,
html.dark fieldset[disabled] button.Button--dangerLink,
html.dark fieldset[disabled] input.Button--dangerLink[type=button],
html.dark input.Button--dangerLink.is-disabled[type=button],
html.dark input.Button--dangerLink.is-disabled[type=button]:focus,
html.dark input.Button--dangerLink[disabled][type=button] {
    opacity: .5;
    text-decoration: none;
    cursor: default
}

html.dark .Button--xsmall,
html.dark .ButtonGroup--xsmall>.Button,
html.dark .ButtonGroup--xsmall>.ButtonGroup>.Button,
html.dark .ButtonGroup--xsmall>.ButtonGroup>button,
html.dark .ButtonGroup--xsmall>.ButtonGroup>input[type=button],
html.dark .ButtonGroup--xsmall>button,
html.dark .ButtonGroup--xsmall>input[type=button] {
    height: 18px;
    padding: 0 12px;
    border-radius: 18px;
    font-size: 12px;
    line-height: 18px
}

html.dark .Button--small,
html.dark .ButtonGroup--small>.Button,
html.dark .ButtonGroup--small>.ButtonGroup>.Button,
html.dark .ButtonGroup--small>.ButtonGroup>button,
html.dark .ButtonGroup--small>.ButtonGroup>input[type=button],
html.dark .ButtonGroup--small>button,
html.dark .ButtonGroup--small>input[type=button] {
    padding: 3.5px 12px;
    border-radius: 27px;
    font-size: 12px;
    line-height: 18px
}

html.dark .app-header .search-input-control input,
html.dark .Button--large,
html.dark .ButtonGroup--large>.Button,
html.dark .ButtonGroup--large>.ButtonGroup>.Button,
html.dark .ButtonGroup--large>.ButtonGroup>button,
html.dark .ButtonGroup--large>.ButtonGroup>input[type=button],
html.dark .ButtonGroup--large>button,
html.dark .ButtonGroup--large>input[type=button] {
    padding: 9px 18px;
    border-radius: 45px;
    font-size: 18px;
    line-height: 25px
}

html.dark button,
html.dark input[type=button] {
    padding: 3px 12px
}

html.dark button .Icon,
html.dark button .icon,
html.dark input[type=button] .Icon,
html.dark input[type=button] .icon {
    vertical-align: -3px
}

html.dark button.btn-options-tray,
html.dark input[type=button].btn-options-tray {
    font-size: 13px;
    color: #e1e8ed !important
}

html.dark button.btn-options-tray .icon,
html.dark button.btn-options-tray .Icon,
html.dark input[type=button].btn-options-tray .icon,
html.dark input[type=button].btn-options-tray .Icon {
    font-size: 18px
}

html.dark button.btn-options-tray:focus,
html.dark button.btn-options-tray:hover,
html.dark input[type=button].btn-options-tray:focus,
html.dark input[type=button].btn-options-tray:hover {
    color: #1da1f2 !important
}

html.dark button.btn-bg-positive,
html.dark input[type=button].btn-bg-positive {
    background-color: #3d5466
}

html.dark button.btn-bg-positive:focus,
html.dark button.btn-bg-positive:hover,
html.dark input[type=button].btn-bg-positive:focus,
html.dark input[type=button].btn-bg-positive:hover {
    background-color: #3d5466
}

html.dark button.btn-bg-positive.is-disabled,
html.dark button.btn-bg-positive.is-disabled:active,
html.dark button.btn-bg-positive.is-disabled:focus,
html.dark button.btn-bg-positive.is-disabled:hover,
html.dark button.btn-bg-positive[disabled],
html.dark button.btn-bg-positive[disabled]:active,
html.dark button.btn-bg-positive[disabled]:hover,
html.dark input[type=button].btn-bg-positive.is-disabled,
html.dark input[type=button].btn-bg-positive.is-disabled:active,
html.dark input[type=button].btn-bg-positive.is-disabled:focus,
html.dark input[type=button].btn-bg-positive.is-disabled:hover,
html.dark input[type=button].btn-bg-positive[disabled],
html.dark input[type=button].btn-bg-positive[disabled]:active,
html.dark input[type=button].btn-bg-positive[disabled]:hover {
    background-color: #3d5466
}

html.dark button.text-hidden,
html.dark button.text-hidden:active,
html.dark button.text-hidden:focus,
html.dark button.text-hidden:hover,
html.dark button.text-hidden:link,
html.dark button.text-hidden:visited,
html.dark input[type=button].text-hidden,
html.dark input[type=button].text-hidden:active,
html.dark input[type=button].text-hidden:focus,
html.dark input[type=button].text-hidden:hover,
html.dark input[type=button].text-hidden:link,
html.dark input[type=button].text-hidden:visited {
    color: transparent
}

html.dark button.btn-on-dark.btn-fav-unfav-text,
html.dark button.Button--danger.btn-on-dark,
html.dark input.btn-fav-unfav-text[type=button].btn-on-dark,
html.dark input[type=button].Button--danger.btn-on-dark {
    background-color: #e0245e
}

html.dark button.btn-on-dark,
html.dark input[type=button].btn-on-dark {
    background-color: transparent
}

html.dark button.btn-on-dark.is-selected,
html.dark button.btn-on-dark:active,
html.dark button.btn-on-dark:focus,
html.dark button.btn-on-dark:hover,
html.dark input[type=button].btn-on-dark.is-selected,
html.dark input[type=button].btn-on-dark:active,
html.dark input[type=button].btn-on-dark:focus,
html.dark input[type=button].btn-on-dark:hover {
    background-color: #10171e
}

html.dark button.btn-on-dark:focus,
html.dark input[type=button].btn-on-dark:focus {
    box-shadow: 0 0 0 2px #10171e, 0 0 0 4px #1da1f2
}

html.dark .app-header .search-input-control input .Icon,
html.dark .Button--large .Icon,
html.dark button .Icon--large {
    vertical-align: -4px
}

html.dark .btn-round {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 0
}

html.dark .btn-round i {
    font-size: 18px
}

html.dark .is-inverted-dark .inline-reply .Button.is-selected,
html.dark .is-inverted-dark .inline-reply .Button:active,
html.dark .is-inverted-dark .inline-reply .Button:focus,
html.dark .is-inverted-dark .inline-reply .Button:hover,
html.dark .is-inverted-dark .inline-reply button.is-selected,
html.dark .is-inverted-dark .inline-reply button:active,
html.dark .is-inverted-dark .inline-reply button:focus,
html.dark .is-inverted-dark .inline-reply button:hover,
html.dark .is-inverted-dark .inline-reply input.is-selected[type=button],
html.dark .is-inverted-dark .inline-reply input:active[type=button],
html.dark .is-inverted-dark .inline-reply input:focus[type=button],
html.dark .is-inverted-dark .inline-reply input:hover[type=button] {
    background-color: transparent
}

html.dark .btn-on-blue {
    color: #fff;
    border-color: transparent;
    background-color: #6b7d8c
}

html.dark .btn-on-blue:hover {
    color: #fff;
    border-color: transparent;
    background-color: #8899a6
}

html.dark .btn-on-blue:focus {
    color: #fff;
    border-color: transparent;
    background-color: #8899a6;
    box-shadow: 0 0 2px 3px #1da1f2;
    outline: 0
}

html.dark .btn-on-blue.is-selected,
html.dark .btn-on-blue:active {
    color: #fff;
    border-color: transparent;
    background-color: #8899a6
}

html.dark .btn-on-blue.is-disabled,
html.dark .btn-on-blue.is-disabled:active,
html.dark .btn-on-blue.is-disabled:focus,
html.dark .btn-on-blue.is-disabled:hover,
html.dark .btn-on-blue[disabled],
html.dark .btn-on-blue[disabled]:active,
html.dark .btn-on-blue[disabled]:hover {
    color: #fff;
    background-color: #657786;
    border-color: transparent
}

html.dark .pill.Button,
html.dark button.pill,
html.dark input.pill[type=button] {
    line-height: 12px;
    color: #e1e8ed;
    border-color: #e1e8ed;
    background-color: transparent
}

html.dark .btn-fav button {
    min-width: 82px
}

html.dark .btn-fav button .icon,
html.dark .btn-fav button .Icon {
    font-size: 18px
}

html.dark .btn-fav-fav-text {
    display: none
}

html.dark .s-not-favorited .btn-fav-fav-text {
    display: block
}

html.dark .btn-fav-faved-text,
html.dark .s-not-favorited .btn-loader {
    display: none
}

html.dark .s-favorited .btn-fav-faved-text {
    display: block
}

html.dark .btn-fav-protected-text,
html.dark .s-favorited .btn-loader {
    display: none
}

html.dark .s-protected .btn-fav-protected-text {
    display: block
}

html.dark .btn-fav-unfav-text,
html.dark .s-protected .btn-loader {
    display: none
}

html.dark .btn-fav.s-favorited:hover .btn-fav-unfav-text {
    display: block
}

html.dark .btn-fav.s-favorited:hover .btn-fav-faved-text {
    display: none
}

html.dark .follow-btn button {
    width: 92px;
    padding: 3px
}

html.dark .follow-btn .icon,
html.dark .follow-btn .Icon {
    color: #1da1f2
}

html.dark .action-text,
html.dark .s-not-following .btn-loader {
    display: none
}

html.dark .s-not-following .follow-text {
    display: block;
    min-width: auto
}

html.dark .s-following .btn-loader {
    display: none
}

html.dark .s-following .following-text {
    display: block
}

html.dark .s-following .follow-btn:hover .following-text {
    display: none
}

html.dark .s-following .follow-btn:hover .unfollow-text {
    display: block
}

html.dark .s-blocking .btn-loader {
    display: none
}

html.dark .s-blocking .block-text {
    display: block
}

html.dark .s-blocking .follow-btn:hover .block-text {
    display: none
}

html.dark .s-blocking .follow-btn:hover .unblock-text {
    display: block
}

html.dark .s-pending .btn-loader {
    display: none
}

html.dark .s-pending .pending-text {
    display: block
}

html.dark .s-thats-you .btn-loader {
    display: none
}

html.dark .s-thats-you .thats-you-text {
    display: block
}

html.dark .button-group {
    display: inline-block;
    vertical-align: middle
}

html.dark .button-group .btn {
    float: left;
    margin-left: -1px;
    border-radius: 0
}

html.dark .button-group .btn:first-child {
    margin-left: 1px;
    border-radius: 4px 0 0 4px
}

html.dark .button-group .btn:last-child {
    border-radius: 0 4px 4px 0
}

html.dark .button-group-toggle {
    width: 100%
}

html.dark .button-group-toggle .btn {
    width: 50%
}

html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6 {
    margin: 0
}

html.dark h1 {
    font-size: 20px
}

html.dark h2 {
    font-size: 14px
}

html.dark .h3,
html.dark h3 {
    font-size: 1.1429rem
}

html.dark h4 {
    font-size: 14px;
    font-weight: 400
}

html.dark h6 {
    font-size: 11px
}

html.dark .accounts-drawer {
    background: #15202b !important
}

html.dark .account-profile-header {
    width: 100%;
    height: 90px;
    background-color: #1da1f2;
    background-size: cover
}

html.dark .account-settings-row {
    background: #1c2938
}

html.dark .account-remove-check {
    display: none;
    background: #15202b
}

html.dark .account-remove-check-open .account-remove {
    display: none !important
}

html.dark .account-remove-check-open .account-remove-check {
    display: block
}

html.dark .account-settings-bt {
    border-top: 1px solid #14171a
}

html.dark .account-settings-bb {
    border-bottom: 1px solid #14171a
}

html.dark .js-account-invited-accounts {
    position: relative;
    top: -1px
}

html.dark .account-stats a {
    color: #657786;
    text-decoration: none
}

html.dark .account-stats a:hover {
    color: #1da1f2
}

html.dark .account-invitation-badge-container {
    position: relative;
    width: 18px;
    height: 18px
}

html.dark .manage-team-summary {
    background: #1c2938
}

html.dark .app-columns {
    box-sizing: border-box;
    height: 100%;
    padding: 0 0 0 6px;
    counter-reset: column-number
}

html.dark .column {
    transition: box-shadow .25s ease-in-out 0;
    border-radius: 0;
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    width: 310px;
    height: 100%;
    margin: 0 6px 0 0;
    background-color: #15202b;
    font-size: 1rem;
    white-space: normal
}

html.dark .column.is-focused {
    box-shadow: 0 0 0 6px #8899a6
}

html.dark .is-narrow-columns .app-columns {
    padding-left: 6px
}

html.dark .is-narrow-columns .column {
    width: 270px;
    margin-right: 6px
}

html.dark .is-narrow-columns .live-video-container {
    height: 152px
}

html.dark .is-wide-columns .app-columns {
    padding-left: 6px
}

html.dark .is-wide-columns .column {
    width: 350px;
    margin-right: 6px
}

html.dark .is-wide-columns .live-video-container {
    height: 196px
}

html.dark .is-medium-columns .live-video-container {
    height: 174px
}

html.dark .column-temp {
    word-break: break-word;
    word-wrap: break-word;
    position: relative;
    height: 100%
}

html.dark .column-temp .live-video-container {
    height: 196px
}

html.dark .column-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

html.dark .add-by-url {
    height: 48px
}

html.dark .is-shifted-1 .column-holder {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

html.dark .is-shifted-2 .column-holder {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}

html.dark .column-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #15202b
}

html.dark .column-nav:after {
    content: "";
    display: block;
    margin-top: -2px;
    height: 1px;
    border-top: 1px solid #e1e8ed
}

html.dark .column-nav .nav-item button {
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    color: #657786;
    transition: border-color .2s, background-color .2s, color .2s;
    outline: none;
    border: none;
    border-bottom: 3px solid transparent
}

html.dark .column-nav .nav-item button.active,
html.dark .column-nav .nav-item button:hover {
    outline: none;
    text-decoration: none;
    color: #1da1f2
}

html.dark .column-nav .nav-item button:hover {
    border-color: transparent;
    background-color: #f5f8fa
}

html.dark .column-nav .nav-item button.active {
    border-bottom: 3px solid #1da1f2
}

html.dark .column-nav .nav-item button:active {
    background-color: #e1e8ed
}

html.dark .column-nav {
    background-color: #1c2938
}

html.dark .column-nav:after {
    background-color: #15202b;
    border-color: #14171a
}

html.dark .column-nav .nav-item button {
    color: #8899a6
}

html.dark .column-nav .nav-item button:hover {
    background-color: #10171e
}

html.dark .column-scroller {
    overflow-x: hidden;
    word-break: break-word;
    word-wrap: break-word;
    will-change: transform
}

html.dark .column-background-fill {
    background-color: #15202b
}

html.dark .is-column-scroller-animating {
    transition: top .2s
}

html.dark .column-opacity-transition {
    transition: opacity .35s
}

html.dark .column-loading-placeholder .spinner-small {
    display: inline-block;
    vertical-align: -2px;
    padding-right: 3px
}

html.dark .chirp-container {
    transition: padding-top .3s ease-in-out
}

html.dark .column-holder .column-panel:nth-child(2) {
    left: 100%
}

html.dark .column-holder .column-panel:nth-child(3) {
    left: 200%
}

html.dark .column-drag-drop-overlay {
    padding: 20px;
    visibility: hidden;
    z-index: 300
}

html.dark .column-drag-drop-overlay-inner {
    text-align: center;
    box-sizing: border-box
}

html.dark .with-drop-target .column-drag-drop-overlay {
    visibility: visible
}

html.dark .more-tweets-btn-container {
    text-align: center;
    z-index: 1000;
    pointer-events: none
}

html.dark .more-tweets-btn-container--hidden {
    visibility: hidden;
    pointer-events: none
}

html.dark .more-tweets-glow {
    width: 0;
    max-width: 100%;
    height: 4px;
    margin-top: -4px;
    transition: width .2s ease-in-out;
    background-color: #1da1f2;
    background: radial-gradient(ellipse farthest-corner at 50% 100%, #1da1f2 0, #1da1f2 25%, hsla(0, 0%, 100%, 0) 75%)
}

html.dark .more-tweets-btn {
    border-radius: 999px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .2);
    position: relative;
    top: -1em;
    opacity: 0;
    transition: opacity .4s ease-out, top .4s ease-out, background-color .2s linear;
    pointer-events: auto;
    padding: 5px 8px;
    min-height: 0
}

html.dark .more-tweets-btn:active {
    margin-top: 1px
}

html.dark .more-tweets-btn:active,
html.dark .more-tweets-btn:focus {
    outline: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3)
}

html.dark .more-tweets-btn .icon,
html.dark .more-tweets-btn .Icon {
    font-size: 1.1em;
    line-height: .9
}

html.dark .more-tweets-btn-container--hidden .more-tweets-btn {
    transition: none
}

html.dark .more-tweets-btn-container--loading .more-tweets-btn,
html.dark .more-tweets-btn-container--mouse-release .more-tweets-btn,
html.dark .more-tweets-btn-container--visible .more-tweets-btn {
    opacity: 1;
    top: 1em
}

html.dark .more-tweets-btn-container--out .more-tweets-btn {
    opacity: 0;
    top: 5em
}

html.dark .more-tweets-btn-container--loading .more-tweets-btn,
html.dark .more-tweets-btn-container--mouse-release .more-tweets-btn {
    background-color: #657786
}

html.dark .more-tweets-btn-inner-loading,
html.dark .more-tweets-btn-inner-mouse-release {
    display: none
}

html.dark .more-tweets-btn-container--mouse-release .more-tweets-btn-inner-mouse-release {
    display: block
}

html.dark .more-tweets-btn-container--mouse-release .more-tweets-btn-inner-default {
    display: none
}

html.dark .more-tweets-btn-container--loading .more-tweets-btn-inner-loading {
    display: block
}

html.dark .more-tweets-btn-container--loading .more-tweets-btn-inner-default {
    display: none
}

html.dark .touch-device .app-columns {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

html.dark .drag-drop-indicator {
    background-color: #1da1f2;
    color: #fff
}

html.dark .location-form .typeahead-dropdown {
    background: #15202b;
    width: calc(100% - 28px)
}

html.dark .location-form .Icon--close,
html.dark .location-form .icon-close {
    background-color: hsla(0, 0%, 100%, .35)
}

html.dark .location-form .icon-translator {
    top: 25px;
    left: 25px;
    position: absolute
}

html.dark .location-form .Icon--close,
html.dark .location-form .icon-close {
    top: 25px;
    right: 18px;
    position: absolute;
    background-color: #10171e;
    cursor: pointer;
    padding-bottom: 5px
}

html.dark .location-form .leaflet-control-attribution.leaflet-compact-attribution {
    margin: 5px !important
}

html.dark .search-filter-callout-triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #1da1f2
}

html.dark .live-video-container iframe {
    border: 0
}

html.dark .live-video-timelines button {
    border: none;
    height: 100%
}

html.dark .live-video-timelines button:active,
html.dark .live-video-timelines button:focus,
html.dark .live-video-timelines button:hover {
    box-shadow: none
}

html.dark .live-video-timelines {
    background-color: #38444d;
    border-bottom: 1px solid #38444d
}

html.dark .live-video-timelines button {
    color: #1da1f2;
    background-color: #38444d
}

html.dark .live-video-timelines button:active,
html.dark .live-video-timelines button:focus,
html.dark .live-video-timelines button:hover {
    background-color: #38444d;
    color: #1da1f2
}

html.dark .column-type-scheduled {
    background-color: #15202b
}

html.dark .column-header,
html.dark .column-header-temp {
    box-sizing: border-box;
    position: relative;
    height: 50px;
    color: inherit;
    background-color: #15202b;
    line-height: 50px
}

html.dark .is-inverted-dark .column-header {
    border-bottom: 1px solid #e1e8ed
}

html.dark .is-inverted-dark .column-title-edit-box {
    color: #14171a;
    background-color: #fff;
    border-color: #e1e8ed
}

html.dark .column-header {
    border-bottom: 1px solid #14171a
}

html.dark .column-header-temp {
    border-bottom: 1px solid #000
}

html.dark .column-header-temp,
html.dark .column-temp .column-header {
    width: 100%;
    color: inherit
}

html.dark .column-title {
    font-size: 16px;
    font-weight: 700
}

html.dark .column-title .attribution {
    font-weight: 400;
    font-size: 13px;
    padding: 3px 0 0 4px
}

html.dark .column-type-message .column-title {
    margin-right: 90px
}

html.dark .column-title-container {
    color: inherit
}

html.dark .column-title-container:hover .column-title-items {
    border-style: solid;
    border-bottom-color: inherit;
    border-width: 0 0 1px
}

html.dark .column-title-edit-box {
    position: relative;
    height: 34px;
    padding: 4px 12px;
    margin: 0 3px;
    color: #fff;
    background-color: #10171e;
    border-color: #14171a
}

html.dark .column-title-editable.with-image-attribution {
    padding-right: 30px
}

html.dark .column-title-editable .image-attribution {
    position: relative;
    right: 0;
    top: 5px
}

html.dark .column-number {
    counter-increment: column-number;
    position: absolute;
    top: 1px;
    left: 3px;
    line-height: 1;
    font-size: 10px;
    color: #657786;
    padding: 1px
}

html.dark .column-number:before {
    content: counter(column-number)
}

html.dark .column-drag-handle {
    margin: 15px 0 0 4px
}

html.dark .column-title-back {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    padding-left: 23px;
    position: relative
}

html.dark .column-title-back .attribution {
    display: none
}

html.dark .column-title-back .icon,
html.dark .column-title-back .Icon {
    position: absolute;
    top: 25px;
    left: 0;
    line-height: 0;
    vertical-align: middle
}

html.dark .column-title-back .conversation-title {
    padding-top: 5px
}

html.dark .column-temp .column-title-back {
    color: inherit
}

html.dark .column-close-link {
    position: absolute;
    top: 45%;
    right: 23px
}

html.dark .conversation-title {
    line-height: 17px;
    width: 100%;
    overflow: hidden
}

html.dark .conversation-title .title-content {
    display: inline-block;
    overflow: hidden;
    margin: 0 12px;
    font-size: 14px;
    max-height: 36px
}

html.dark .column-type-icon {
    position: relative;
    font-size: 20px;
    width: 24px;
    height: 24px
}

html.dark .column-header .column-type-icon {
    color: #aab8c2
}

html.dark .column-header-temp .column-type-icon,
html.dark .column-header .column-type-icon {
    margin-top: -2px
}

html.dark .column-header-title {
    height: 50px;
    overflow: hidden;
    line-height: 3.2em
}

html.dark .column-header {
    max-height: 50px;
    overflow: hidden
}

html.dark .column-header .column-heading {
    max-height: 50px
}

html.dark .column-header.is-options-open .column-settings-link {
    background-color: transparent;
    color: #1da1f2;
    border-color: #14171a;
    border-bottom: none
}

html.dark .column-header.is-options-open .column-settings-link:hover {
    color: #1da1f2
}

html.dark .column-header.is-options-open .column-settings-link .icon-arrow-u {
    display: inline-block
}

html.dark .column-header.is-options-open .column-settings-link .Icon--caretDown,
html.dark .column-header.is-options-open .column-settings-link .icon-arrow-d {
    display: none
}

html.dark .is-new .column-type-icon {
    color: #1da1f2
}

html.dark .column-header-links {
    max-width: 40%;
    padding: 3px 5px 0
}

html.dark .column-header-link {
    padding: 1px 3px;
    color: #1da1f2;
    font-size: 13px;
    display: inline-block
}

html.dark .column-header-link .icon,
html.dark .column-header-link .Icon {
    line-height: 1
}

html.dark .column-header-link .icon-sliders {
    font-size: 20px
}

html.dark .column-header-link .icon-arrow-u {
    display: none
}

html.dark .column-header-link:active,
html.dark .column-header-link:focus,
html.dark .column-header-link:hover {
    color: #fff;
    text-decoration: none;
    outline: none;
    background-color: transparent
}

html.dark .column-header-link:first-child {
    padding-left: 0
}

html.dark .column-header-link:last-child {
    padding-right: 5px
}

html.dark .column-header:hover .column-settings-link {
    visibility: visible
}

html.dark .column-message {
    background-color: #15202b
}

html.dark .filter-error {
    color: #fff;
    background-color: #a01744;
    line-height: 1
}

html.dark .facet-content {
    color: #f6809a
}

html.dark .facet-user {
    color: #ffe76e
}

html.dark .facet-action {
    color: #97e3ff
}

html.dark .facet-engagement {
    color: #8899a6
}

html.dark .touch-device .column-drag-handle {
    display: none
}

html.dark .is-touch-column-options .column-title {
    margin-right: 32.5px
}

html.dark .is-touch-column-options .column-title-messages {
    margin-right: 50px
}

html.dark .is-touch-column-options .column-header-link {
    padding: 0 10px
}

html.dark .is-touch-column-options .column-settings-link {
    right: 5px
}

html.dark .is-touch-column-options .mark-all-read-link {
    right: 36.25px
}

html.dark .is-touch-column-options .is-options-open .mark-all-read-link {
    right: 44.25px
}

html.dark .edit-conversation-name {
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    box-sizing: border-box;
    height: 50px;
    padding: 0 10px;
    color: inherit;
    line-height: 50px;
    border-bottom: 1px solid #14171a;
    transition: top .2s ease-out;
    background-color: #15202b
}

html.dark .edit-conversation-name input {
    color: #fff;
    background-color: #10171e;
    border-color: #14171a
}

html.dark .edit-conversation-name.is-visible {
    top: 0
}

html.dark .column-options {
    background-color: #15202b
}

html.dark .with-column-divider-bottom {
    border-bottom: 1px solid #14171a
}

html.dark .is-column-options-animating {
    transition: height .2s
}

html.dark .column-options .button-tray {
    background-color: #15202b;
    text-align: justify;
    font-size: 0
}

html.dark .button-tray:before {
    content: "";
    display: block;
    width: 100%
}

html.dark .button-tray:after {
    content: "";
    display: inline-block;
    width: 100%
}

html.dark .notifications-info-icon {
    position: relative;
    top: 2px;
    font-size: 14px
}

html.dark .is-touch-column-options .column-action-link {
    padding: 8px;
    margin-top: -5px;
    display: inline-block
}

html.dark .is-narrow-columns .is-touch-column-options .column-action-link {
    padding: 8px 6px
}

html.dark .btn-options-unique {
    color: #e1e8ed;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 13px
}

html.dark .btn-options-unique .icon,
html.dark .btn-options-unique .Icon {
    font-size: 18px
}

html.dark .is-inverted-dark .column-options {
    background-color: #fff
}

html.dark .is-inverted-dark .with-column-divider-bottom {
    border-bottom: 1px solid #e1e8ed
}

html.dark .column-nav-updates {
    position: absolute;
    top: 3px;
    right: 6px;
    color: #1da1f2;
    visibility: hidden;
    opacity: 0;
    transition: opacity .1s linear
}

html.dark .is-new .column-nav-updates {
    visibility: visible;
    opacity: 1
}

html.dark .contributor-manager .account-summary {
    margin-right: 0
}

html.dark .contributor-manager .link-complex {
    border: 1px solid #14171a
}

html.dark .contributor-row {
    overflow: hidden;
    opacity: 1;
    transition: opacity .2s, background-color .2s, height .2s
}

html.dark .contributor-row .item-img {
    width: 36px
}

html.dark .contributor-row .tweet-avatar {
    width: 36px;
    height: 36px
}

html.dark .contributor-settings-role {
    border-bottom: 1px solid #14171a
}

html.dark .contributor-sep {
    border: none;
    height: 1px
}

html.dark .contributor-adder-block {
    z-index: 1;
    position: absolute;
    top: 188px;
    width: 100%;
    box-shadow: 0 0 10px transparent;
    border-bottom: 1px solid transparent;
    transition: box-shadow .1s linear, border-color .1s linear
}

html.dark .contributor-adder input {
    padding-top: 5px !important;
    padding-bottom: 6px !important;
    padding-left: 10px !important;
    border: none;
    font-size: 14px;
    height: 32px
}

html.dark .contributor-row[data-state=initial] {
    opacity: 0
}

html.dark [data-show-when-state-error],
html.dark [data-show-when-state] {
    display: none
}

html.dark .contributor-row[data-state=closed] [data-show-when-state~=closed] {
    display: inherit
}

html.dark .contributor-row[data-state=closed] [data-hide-when-state~=closed] {
    display: none
}

html.dark .contributor-row[data-state=settings] {
    background-color: #1c2938
}

html.dark .contributor-row[data-state=settings] [data-show-when-state~=settings] {
    display: inherit
}

html.dark .contributor-row[data-state=settings] [data-hide-when-state~=settings] {
    display: none
}

html.dark .contributor-row[data-state=confirmAdd] {
    background-color: #1c2938
}

html.dark .contributor-row[data-state=confirmAdd] [data-show-when-state~=confirmAdd] {
    display: inherit
}

html.dark .contributor-row[data-state=confirmAdd] [data-hide-when-state~=confirmAdd] {
    display: none
}

html.dark .contributor-row[data-state=confirmAdd-added] {
    background-color: #1c2938
}

html.dark .contributor-row[data-state=confirmAdd-added] [data-show-when-state~=confirmAdd-added] {
    display: inherit
}

html.dark .contributor-row[data-state=confirmAdd-added] [data-hide-when-state~=confirmAdd-added] {
    display: none
}

html.dark .contributor-row[data-state=confirmDeadmin] {
    background-color: #1c2938
}

html.dark .contributor-row[data-state=confirmDeadmin] [data-show-when-state~=confirmDeadmin] {
    display: inherit
}

html.dark .contributor-row[data-state=confirmDeadmin] [data-hide-when-state~=confirmDeadmin] {
    display: none
}

html.dark .contributor-row[data-state=confirmRemove-removing],
html.dark .contributor-row[data-state=confirmRemove] {
    background-color: #1c2938
}

html.dark .contributor-row[data-state=confirmRemove-removing] [data-show-when-state~=confirmRemove],
html.dark .contributor-row[data-state=confirmRemove] [data-show-when-state~=confirmRemove] {
    display: inherit
}

html.dark .contributor-row[data-state=confirmRemove-removing] [data-hide-when-state~=confirmRemove],
html.dark .contributor-row[data-state=confirmRemove] [data-hide-when-state~=confirmRemove] {
    display: none
}

html.dark .contributor-row[data-state=confirmRemove-removing] {
    background-color: #1c2938
}

html.dark .contributor-row[data-state=confirmRemove-removing] [data-show-when-state~=confirmRemove-removing] {
    display: inherit
}

html.dark .contributor-row[data-state=confirmRemove-removing] [data-hide-when-state~=confirmRemove-removing] {
    display: none
}

html.dark [data-state-error*=error] [data-show-when-state-error] {
    display: inherit
}

html.dark .contributor-row[data-state=confirmRemove-removing] {
    opacity: 0;
    height: 0
}

html.dark .contributor-row[data-contributor-role=admin] [data-show-when-contributor-role=contributor] {
    display: none
}

html.dark .contributor-row[data-contributor-role=contributor] [data-show-when-contributor-role=admin] {
    display: none
}

html.dark .is-expanding {
    overflow: hidden
}

html.dark .stream-item {
    border-bottom: 1px solid #000;
    background-color: #15202b
}

html.dark .search-results-container .stream-item {
    background-color: #1c2938
}

html.dark .is-streamed {
    background-color: #4f0299
}

html.dark .is-contented {
    background-color: #d82e18
}

html.dark .conversation-event .item-box {
    padding: 0 0 14px
}

html.dark .conversation-event:first-child,
html.dark .stream-item:not(.conversation-event)+.conversation-event {
    padding-top: 14px
}

html.dark .item-box {
    position: relative;
    padding: 8px 10px
}

html.dark .item-img {
    width: 36px
}

html.dark .item-box-full-bleed {
    margin: 0 -10px -8px
}

html.dark .activity-header .avatar {
    margin-right: 6px;
    margin-bottom: -6px
}

html.dark .activity-header.has-source-avatar {
    margin-top: 4px
}

html.dark .gap-chirp {
    background-color: #10171e;
    color: #8899a6;
    text-align: center;
    position: relative;
    top: -2px;
    border-bottom: none !important
}

html.dark .gap-chirp:after,
html.dark .gap-chirp:before {
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    background-repeat: repeat-x;
    background-size: contain;
    content: ""
}

html.dark .gap-chirp:before {
    top: 0;
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/triangle-15202b.ec7c018bf6.svg)
}

html.dark .gap-chirp:after {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/triangle-15202b.ec7c018bf6.svg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: 0
}

html.dark .gap-chirp:active .gap-chirp-text--with-size,
html.dark .gap-chirp:hover .gap-chirp-text--with-size {
    background: #19242f
}

html.dark .gap-chirp-text {
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 999px
}

html.dark .gap-chirp-text--with-size {
    border-color: #4b5964
}

html.dark .gap-chirp-spinner {
    display: none;
    height: 1.3em;
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_light.ac8adb62d1.gif);
    background-repeat: no-repeat;
    background-position: top;
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_dark.330c2ed8c1.gif)
}

html.dark .is-inverted-dark .thread {
    background-color: #e1e8ed
}

html.dark .gap-chirp--loading .gap-chirp-spinner {
    display: block
}

html.dark .gap-chirp--loading .gap-chirp-text {
    display: none
}

html.dark .thread {
    content: "";
    position: absolute;
    width: 3px;
    background-color: #3d5466;
    left: 27px;
    border-radius: 3px/7px;
    margin-top: 22px;
    height: calc(100% - 44px)
}

html.dark .show-more-thread {
    margin-top: -2px;
    height: 13px
}

html.dark .cursor-top-thread {
    margin-top: -11px;
    height: 17px
}

html.dark .dot-thread {
    height: 3px;
    border-radius: 50%
}

html.dark .dot-thread-top {
    margin-top: -16px
}

html.dark .dot-thread-top.middle {
    margin-top: -21px
}

html.dark .dot-thread-top.top {
    margin-top: -26px
}

html.dark .dot-thread-more {
    margin-top: 13px
}

html.dark .dot-thread-more.middle {
    margin-top: 18px
}

html.dark .dot-thread-more.top {
    margin-top: 23px
}

html.dark .list-item {
    color: #fff
}

html.dark .list-item.is-selected,
html.dark .list-item:active,
html.dark .list-item:hover {
    background-color: #1da1f2;
    color: #fff
}

html.dark .list-item:hover:not(.is-selected) {
    background-color: transparent;
    color: #fff
}

html.dark .list-item.is-selected .txt-mute,
html.dark .list-item:active .txt-mute,
html.dark .list-item:hover .txt-mute {
    color: #e1e8ed
}

html.dark .list-item.is-selected .list-icon,
html.dark .list-item:active .list-icon,
html.dark .list-item:hover .list-icon {
    color: #fff
}

html.dark .list-item:hover:not(.is-selected) .list-icon {
    background-color: transparent;
    color: #8899a6
}

html.dark .item-img-24 {
    width: 24px
}

html.dark .item-img-32 {
    width: 32px
}

html.dark .list-icon {
    margin-top: -4px;
    color: #8899a6
}

html.dark .list-divider {
    border-top: 1px solid rgba(20, 23, 26, .25)
}

html.dark .list-item-button {
    padding: 5px 10px;
    color: #aab8c2;
    background-color: #f5f8fa;
    font-size: 12px
}

html.dark .list-item-last {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

html.dark .list-placeholder {
    padding-top: 30px;
    text-align: center;
    font-size: 15px;
    color: #8899a6;
    text-shadow: 0 1px 0 rgba(170, 184, 194, .8);
    text-shadow: none
}

html.dark .is-inverted .list-placeholder {
    text-shadow: 0 1px 0 rgba(170, 184, 194, .8)
}

html.dark .ordered-list {
    counter-reset: list
}

html.dark .ordered-list-item {
    position: relative
}

html.dark .ordered-list-item:before {
    position: absolute;
    left: -15px;
    counter-increment: list;
    content: counters(list, ".") " "
}

html.dark .list-style-none {
    list-style: none
}

html.dark .is-touch-search .list-item.is-selected,
html.dark .is-touch-search .list-item:active,
html.dark .is-touch-search .list-item:hover {
    background-color: #1da1f2;
    color: #fff
}

html.dark .is-touch-search .list-item.is-selected .list-icon,
html.dark .is-touch-search .list-item:active .list-icon,
html.dark .is-touch-search .list-item:hover .list-icon {
    color: #fff
}

html.dark .is-touch-search .list-item {
    padding-top: 12.15px;
    padding-bottom: 12.15px
}

html.dark .add-multiple {
    position: absolute;
    right: 10px;
    top: 9px
}

html.dark .avatar {
    width: 36px;
    height: 36px;
    border-radius: 100%
}

html.dark .avatar.size14 {
    width: 14px;
    height: 14px
}

html.dark .avatar.size16 {
    width: 16px;
    height: 16px
}

html.dark .avatar.size18 {
    width: 18px;
    height: 18px
}

html.dark .avatar.size24 {
    width: 24px;
    height: 24px
}

html.dark .avatar.size30 {
    width: 30px;
    height: 30px
}

html.dark .avatar.size32 {
    width: 32px;
    height: 32px
}

html.dark .avatar.size36 {
    width: 36px;
    height: 36px
}

html.dark .avatar.size48 {
    width: 48px;
    height: 48px
}

html.dark .avatar.size64 {
    width: 64px;
    height: 64px
}

html.dark .avatar.size73 {
    width: 73px;
    height: 73px
}

html.dark .avatar-border--2 {
    margin: -2px;
    border: 2px solid #fff;
    background-color: #fff
}

html.dark .multiple-avatar-grid {
    height: 36px
}

html.dark .multiple-avatar-grid-mini {
    height: 24px;
    width: 24px
}

html.dark .media-grid-container.multiple-avatar-grid,
html.dark .media-grid-container.multiple-avatar-grid-mini {
    border-radius: 100%
}

html.dark .multiple-avatar-grid-mini .media-image,
html.dark .multiple-avatar-grid .media-image {
    height: 100%
}

html.dark .account-link {
    max-width: 100%;
    color: #fff
}

.on-blue html.dark .account-link {
    color: #fff
}

.compose .quoted-tweet html.dark .account-link {
    color: #657786
}

html.dark .account-link .username {
    direction: ltr;
    font-size: .8571rem;
    unicode-bidi: embed
}

html.dark .account-link .fullname {
    line-height: 1.2
}

html.dark .account-inline {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    max-width: 100%
}

html.dark .account-inline .fullname,
html.dark .account-inline .username {
    line-height: 1
}

html.dark .account-inline.is-protected {
    padding-right: 18px
}

html.dark .account-inline .icon-protected {
    position: absolute;
    right: 0;
    font-size: 16px
}

html.dark .fullname-badged {
    max-width: calc(100% - 20px);
    position: relative;
    padding-right: 20px
}

html.dark .fullname-badged:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0
}

html.dark .media-item {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

html.dark .media-badge {
    border: 1px solid #10171e;
    color: #8899a6;
    display: inline-block;
    padding: 2px 10px 2px 6px;
    border-radius: 14px;
    margin: 7px 0 2px
}

html.dark .media-badge:hover {
    background-color: #14171a
}

html.dark .media-item.media-size-large:after,
html.dark .media-size-large-height:after {
    content: " ";
    position: absolute;
    top: 0;
    width: 100%;
    height: 10px;
    background-image: linear-gradient(rgba(20, 23, 26, .25), rgba(20, 23, 26, 0))
}

html.dark .media-sensitive {
    width: 100%;
    height: 100%;
    background: #38444d;
    font-size: 13px;
    line-height: 1.2em;
    z-index: 11
}

html.dark .media-sensitive-title {
    color: #e1e8ed
}

html.dark .media-sensitive-detail {
    min-height: 130px
}

html.dark .is-narrow-columns .media-sensitive {
    font-size: 12px
}

html.dark .is-narrow-columns .media-sensitive .media-sensitive-title {
    display: none
}

html.dark .is-narrow-columns .media-sensitive.is-large .media-sensitive-title {
    display: initial
}

html.dark .media-size-medium {
    width: 100%;
    height: 130px;
    border-radius: 14px;
    z-index: 1
}

html.dark .media-size-small {
    width: 50%;
    height: 77px;
    border-radius: 14px;
    z-index: 1
}

html.dark .media-size-large {
    margin-top: 0;
    width: 100%
}

html.dark .media-size-large,
html.dark .media-size-large-height {
    height: 350px
}

html.dark .quoted-tweet .media-size-medium,
html.dark .quoted-tweet .media-size-small {
    border-radius: 7px
}

html.dark .is-narrow-columns .media-sensitive-detail {
    min-height: 108px
}

html.dark .is-narrow-columns .media-size-large {
    height: 270px
}

html.dark .is-narrow-columns .media-size-medium {
    height: 108px
}

html.dark .is-narrow-columns .media-size-small {
    height: 64px
}

html.dark .is-wide-columns .media-sensitive-detail {
    min-height: 153px
}

html.dark .is-wide-columns .media-size-large {
    height: 350px
}

html.dark .is-wide-columns .media-size-medium {
    height: 153px
}

html.dark .is-wide-columns .media-size-small {
    height: 91px
}

html.dark .media-item:first-child {
    margin-top: 0
}

html.dark .media-caret {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #38444d
}

html.dark .video-overlay {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    top: 50%;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 1
}

html.dark .video-overlay .icon,
html.dark .video-overlay .Icon {
    font-size: 40px
}

html.dark .gif-badge,
html.dark .gif-pause {
    position: absolute;
    padding: 10px;
    bottom: 0;
    left: 0
}

html.dark .is-gif:hover .gif-pause,
html.dark .is-paused .gif-badge,
html.dark .is-paused .gif-play {
    visibility: visible
}

html.dark .gif-badge,
html.dark .gif-pause,
html.dark .gif-play,
html.dark .is-gif.is-paused .gif-pause {
    visibility: hidden
}

html.dark .media-item-gif {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    object-fit: cover;
    height: 100%;
    width: 100%
}

html.dark .tweet-detail-media .media-item-gif {
    -webkit-transform: none;
    transform: none
}

html.dark .tweet-detail-media .media-item,
html.dark .tweet-detail-media .media-preview {
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

html.dark .media-thumb-container {
    overflow: hidden;
    max-width: 90px;
    max-height: 65px;
    width: 90px;
    height: 65px
}

html.dark .media-thumb-container .media-thumb-img {
    width: auto;
    height: 100%;
    display: block;
    margin: auto
}

html.dark .is-inverted-dark .media-sensitive {
    background: #e1e8ed;
    color: #8899a6
}

html.dark .is-inverted-dark .media-sensitive-title {
    color: #38444d
}

html.dark .is-inverted-dark .triangle {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 3.5px solid transparent;
    border-top-color: #fff
}

html.dark .is-inverted-dark .media-badge {
    border: 1px solid #e1e8ed;
    color: #8899a6
}

html.dark .is-inverted-dark .media-badge:hover {
    background-color: #f5f8fa
}

html.dark .media-grid-container {
    position: relative;
    overflow: hidden;
    border-radius: 14px
}

html.dark .media-grid-2,
html.dark .media-grid-2-mirror,
html.dark .media-grid-3,
html.dark .media-grid-3-mirror,
html.dark .media-grid-4 {
    height: 100%;
    padding: 0
}

html.dark .media-image {
    background: no-repeat 50%;
    background-size: cover
}

html.dark .media-grid-2-mirror>.media-image-container,
html.dark .media-grid-2>.media-image-container,
html.dark .media-grid-3-mirror>.media-image-container,
html.dark .media-grid-3>.media-image-container,
html.dark .media-grid-4>.media-image-container {
    padding: 0;
    width: 50%;
    height: 50%;
    float: left
}

html.dark .media-grid-2-mirror>.media-image-container,
html.dark .media-grid-3-mirror>.media-image-container {
    float: right
}

html.dark .media-grid-2-mirror>.media-image-container,
html.dark .media-grid-2>.media-image-container,
html.dark .media-grid-3-mirror>.media-image-container:first-child,
html.dark .media-grid-3>.media-image-container:first-child {
    height: 100%
}

html.dark .media-grid-3-mirror>.media-image-container:nth-child(n+3)>.media-image,
html.dark .media-grid-3>.media-image-container:nth-child(n+3)>.media-image,
html.dark .media-grid-4>.media-image-container:nth-child(n+3)>.media-image {
    top: 2px
}

html.dark .media-grid-2-mirror>.media-image-container:first-child>.media-image,
html.dark .media-grid-2>.media-image-container:first-child>.media-image,
html.dark .media-grid-3-mirror>.media-image-container:nth-child(n+2)>.media-image,
html.dark .media-grid-3>.media-image-container:first-child>.media-image,
html.dark .media-grid-4>.media-image-container:nth-child(odd)>.media-image {
    right: 2px
}

html.dark .media-grid-3-mirror>.media-image-container:nth-child(2)>.media-image,
html.dark .media-grid-3>.media-image-container:nth-child(2)>.media-image,
html.dark .media-grid-4>.media-image-container:nth-child(-n+2)>.media-image {
    bottom: 2px
}

html.dark .media-grid-2-mirror>.media-image-container:first-child>.media-image,
html.dark .media-grid-2>.media-image-container:nth-child(2)>.media-image,
html.dark .media-grid-3-mirror>.media-image-container:first-child>.media-image,
html.dark .media-grid-3>.media-image-container:nth-child(n+2)>.media-image,
html.dark .media-grid-4>.media-image-container:nth-child(2n+2)>.media-image {
    left: 2px
}

html.dark .media-grid-3-mirror>.media-image-container-compact:nth-child(n+3)>.media-image,
html.dark .media-grid-3>.media-image-container-compact:nth-child(n+3)>.media-image,
html.dark .media-grid-4>.media-image-container-compact:nth-child(n+3)>.media-image {
    top: 1px
}

html.dark .media-grid-2>.media-image-container-compact:first-child>.media-image,
html.dark .media-grid-3-mirror>.media-image-container-compact:nth-child(n+2)>.media-image,
html.dark .media-grid-3>.media-image-container-compact:first-child>.media-image,
html.dark .media-grid-4>.media-image-container-compact:nth-child(odd)>.media-image {
    right: 1px
}

html.dark .media-grid-3-mirror>.media-image-container-compact:nth-child(2)>.media-image,
html.dark .media-grid-3>.media-image-container-compact:nth-child(2)>.media-image,
html.dark .media-grid-4>.media-image-container-compact:nth-child(-n+2)>.media-image {
    bottom: 1px
}

html.dark .media-grid-2>.media-image-container-compact:nth-child(2)>.media-image,
html.dark .media-grid-3-mirror>.media-image-container-compact:first-child>.media-image,
html.dark .media-grid-3>.media-image-container-compact:nth-child(n+2)>.media-image,
html.dark .media-grid-4>.media-image-container-compact:nth-child(2n+2)>.media-image {
    left: 1px
}

html.dark .media-grid-3-mirror>.media-image-container-mini:nth-child(n+3)>.media-image,
html.dark .media-grid-3>.media-image-container-mini:nth-child(n+3)>.media-image,
html.dark .media-grid-4>.media-image-container-mini:nth-child(n+3)>.media-image {
    top: 0
}

html.dark .media-grid-2>.media-image-container-mini:first-child>.media-image,
html.dark .media-grid-3-mirror>.media-image-container-mini:nth-child(n+2)>.media-image,
html.dark .media-grid-3>.media-image-container-mini:first-child>.media-image,
html.dark .media-grid-4>.media-image-container-mini:nth-child(odd)>.media-image {
    right: 0
}

html.dark .media-grid-3-mirror>.media-image-container-mini:nth-child(2)>.media-image,
html.dark .media-grid-3>.media-image-container-mini:nth-child(2)>.media-image,
html.dark .media-grid-4>.media-image-container-mini:nth-child(-n+2)>.media-image {
    bottom: 1px
}

html.dark .media-grid-2>.media-image-container-mini:nth-child(2)>.media-image,
html.dark .media-grid-3-mirror>.media-image-container-mini:first-child>.media-image,
html.dark .media-grid-3>.media-image-container-mini:nth-child(n+2)>.media-image,
html.dark .media-grid-4>.media-image-container-mini:nth-child(2n+2)>.media-image {
    left: 1px
}

html.dark .img-strip {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 -5px
}

html.dark .img-strip-media {
    float: left;
    padding: 0;
    margin: 0 0 5px 5px
}

html.dark .img-strip-media img {
    display: block
}

html.dark .tweet {
    padding-left: 46px;
    line-height: 1.28578em;
    word-break: break-word;
    word-wrap: break-word;
    display: block
}

html.dark .tweet:after,
html.dark .tweet:before {
    display: block;
    content: " "
}

html.dark .tweet:after {
    clear: both
}

html.dark .tweet-text {
    overflow: hidden
}

html.dark .without-tweet-drag-handles .tweet-drag-handle {
    display: none
}

html.dark .tweet-timestamp {
    padding-left: 5px;
    margin-bottom: 2px;
    line-height: 1
}

html.dark .tweet-context,
html.dark .tweet-img {
    margin-left: -46px
}

html.dark .tweet-avatar {
    z-index: 1
}

html.dark .tweet-actions {
    float: left
}

html.dark .tweet-actions li a {
    outline: 0
}

html.dark .message-stream-item .tweet-actions {
    float: right
}

html.dark .stream-item:hover .tweet-actions {
    visibility: visible
}

html.dark .is-protected-action {
    opacity: .5;
    cursor: default
}

html.dark .no-pointer-events {
    pointer-events: none
}

html.dark .dm-action,
html.dark .tweet-action,
html.dark .tweet-detail-action {
    display: block
}

html.dark .dm-action .icon,
html.dark .dm-action .Icon,
html.dark .tweet-action .icon,
html.dark .tweet-action .Icon,
html.dark .tweet-detail-action .icon,
html.dark .tweet-detail-action .Icon {
    display: block;
    font-size: 18px
}

html.dark .dm-action,
html.dark .tweet-action,
html.dark .tweet-detail-action {
    color: #8899a6
}

html.dark .dm-action:active,
html.dark .dm-action:focus,
html.dark .dm-action:hover,
html.dark .is-selected.dm-action,
html.dark .is-selected.tweet-detail-action,
html.dark .tweet-action.is-selected,
html.dark .tweet-action:active,
html.dark .tweet-action:focus,
html.dark .tweet-action:hover,
html.dark .tweet-detail-action:active,
html.dark .tweet-detail-action:focus,
html.dark .tweet-detail-action:hover {
    text-decoration: none !important
}

html.dark .dm-action:active .icon-reply,
html.dark .dm-action:active .reply-count,
html.dark .dm-action:focus .icon-reply,
html.dark .dm-action:focus .reply-count,
html.dark .dm-action:hover .icon-reply,
html.dark .dm-action:hover .reply-count,
html.dark .is-selected.dm-action .icon-reply,
html.dark .is-selected.dm-action .reply-count,
html.dark .is-selected.tweet-detail-action .icon-reply,
html.dark .is-selected.tweet-detail-action .reply-count,
html.dark .tweet-action.is-selected .icon-reply,
html.dark .tweet-action.is-selected .reply-count,
html.dark .tweet-action:active .icon-reply,
html.dark .tweet-action:active .reply-count,
html.dark .tweet-action:focus .icon-reply,
html.dark .tweet-action:focus .reply-count,
html.dark .tweet-action:hover .icon-reply,
html.dark .tweet-action:hover .reply-count,
html.dark .tweet-detail-action:active .icon-reply,
html.dark .tweet-detail-action:active .reply-count,
html.dark .tweet-detail-action:focus .icon-reply,
html.dark .tweet-detail-action:focus .reply-count,
html.dark .tweet-detail-action:hover .icon-reply,
html.dark .tweet-detail-action:hover .reply-count {
    color: #1da1f2
}

html.dark .dm-action:active .icon-retweet,
html.dark .dm-action:active .retweet-count,
html.dark .dm-action:focus .icon-retweet,
html.dark .dm-action:focus .retweet-count,
html.dark .dm-action:hover .icon-retweet,
html.dark .dm-action:hover .retweet-count,
html.dark .is-selected.dm-action .icon-retweet,
html.dark .is-selected.dm-action .retweet-count,
html.dark .is-selected.tweet-detail-action .icon-retweet,
html.dark .is-selected.tweet-detail-action .retweet-count,
html.dark .tweet-action.is-selected .icon-retweet,
html.dark .tweet-action.is-selected .retweet-count,
html.dark .tweet-action:active .icon-retweet,
html.dark .tweet-action:active .retweet-count,
html.dark .tweet-action:focus .icon-retweet,
html.dark .tweet-action:focus .retweet-count,
html.dark .tweet-action:hover .icon-retweet,
html.dark .tweet-action:hover .retweet-count,
html.dark .tweet-detail-action:active .icon-retweet,
html.dark .tweet-detail-action:active .retweet-count,
html.dark .tweet-detail-action:focus .icon-retweet,
html.dark .tweet-detail-action:focus .retweet-count,
html.dark .tweet-detail-action:hover .icon-retweet,
html.dark .tweet-detail-action:hover .retweet-count {
    color: #17bf63
}

html.dark .dm-action:active .icon-favorite,
html.dark .dm-action:active .like-count,
html.dark .dm-action:focus .icon-favorite,
html.dark .dm-action:focus .like-count,
html.dark .dm-action:hover .icon-favorite,
html.dark .dm-action:hover .like-count,
html.dark .is-selected.dm-action .icon-favorite,
html.dark .is-selected.dm-action .like-count,
html.dark .is-selected.tweet-detail-action .icon-favorite,
html.dark .is-selected.tweet-detail-action .like-count,
html.dark .tweet-action.is-selected .icon-favorite,
html.dark .tweet-action.is-selected .like-count,
html.dark .tweet-action:active .icon-favorite,
html.dark .tweet-action:active .like-count,
html.dark .tweet-action:focus .icon-favorite,
html.dark .tweet-action:focus .like-count,
html.dark .tweet-action:hover .icon-favorite,
html.dark .tweet-action:hover .like-count,
html.dark .tweet-detail-action:active .icon-favorite,
html.dark .tweet-detail-action:active .like-count,
html.dark .tweet-detail-action:focus .icon-favorite,
html.dark .tweet-detail-action:focus .like-count,
html.dark .tweet-detail-action:hover .icon-favorite,
html.dark .tweet-detail-action:hover .like-count {
    color: #e0245e
}

html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action {
    color: #8899a6
}

html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:active,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:focus,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:hover,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.dm-action,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.tweet-detail-action,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action.is-selected,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:active,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:focus,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:hover,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:active,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:focus,
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:hover {
    color: #8899a6;
    text-decoration: none
}

html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action,
html.dark .is-inverted-dark .dm-action,
html.dark .is-inverted-dark .tweet-action,
html.dark .is-inverted-dark .tweet-detail-action {
    color: #8899a6
}

html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:active,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:focus,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:hover,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.dm-action,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.tweet-detail-action,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action.is-selected,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:active,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:focus,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:hover,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:active,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:focus,
html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:hover,
html.dark .is-inverted-dark .dm-action:active,
html.dark .is-inverted-dark .dm-action:focus,
html.dark .is-inverted-dark .dm-action:hover,
html.dark .is-inverted-dark .is-selected.dm-action,
html.dark .is-inverted-dark .is-selected.tweet-detail-action,
html.dark .is-inverted-dark .tweet-action.is-selected,
html.dark .is-inverted-dark .tweet-action:active,
html.dark .is-inverted-dark .tweet-action:focus,
html.dark .is-inverted-dark .tweet-action:hover,
html.dark .is-inverted-dark .tweet-detail-action:active,
html.dark .is-inverted-dark .tweet-detail-action:focus,
html.dark .is-inverted-dark .tweet-detail-action:hover {
    color: #14171a
}

html.dark .is-retweet .icon-retweet-toggle {
    color: #17bf63
}

html.dark .is-favorite .icon-favorite-toggle {
    color: #e0245e
}

html.dark .tweet-footer {
    margin-top: 3px
}

html.dark .is-minimalist .tweet-img {
    background: #38444d;
    border-radius: 100%
}

html.dark .is-selected-tweet {
    background: #1c2938
}

html.dark .in-tweet-divider {
    position: relative;
    padding-top: 14px
}

html.dark .in-tweet-divider:before {
    content: "";
    height: 1px;
    position: absolute;
    left: -58px;
    right: 0;
    background: #000
}

html.dark .tweet-translation-original-text {
    min-height: 35px;
    color: #8899a6
}

html.dark .tweet-translation-attribution-text {
    font-size: 10px;
    line-height: 12px
}

html.dark .tweet-detail .tweet-translation-text {
    font-size: 1.2857rem
}

html.dark .tweet-detail .in-tweet-divider:before {
    left: 0
}

html.dark .quoted-tweet {
    border: 1px solid #e1e8ed;
    color: #657786;
    font-size: .9em;
    border-color: #38444d;
    color: #8899a6
}

html.dark .is-inverted-dark .quoted-tweet {
    border-color: #e1e8ed;
    color: #657786
}

html.dark .txt-base-smallest .quoted-tweet {
    font-size: 1em
}

html.dark .scheduled-tweet {
    border: 1px solid #14171a;
    color: #8899a6
}

html.dark .stream-item .icon-edit,
html.dark .stream-item .icon-trash {
    color: #657786
}

html.dark .stream-item .icon-edit:hover,
html.dark .stream-item .icon-trash:hover {
    color: #8899a6
}

html.dark .tweet-detail-wrapper {
    margin-top: -1px;
    background: #15202b
}

html.dark .tweet-detail-wrapper .stream-item {
    border: 0
}

html.dark .tweet-stats {
    border-top: 1px solid #000;
    margin-bottom: -5px;
    margin-top: 15px
}

html.dark .tweet-stat {
    color: #aab8c2;
    margin-right: 7px;
    margin-top: 10px
}

html.dark .stat-word {
    color: #8899a6
}

.is-actionable:hover html.dark .stat-word {
    color: #1da1f2
}

html.dark .tweet-location {
    margin-left: -.15rem
}

html.dark .tweet-detail-actions {
    display: block;
    font-size: 0;
    width: 100%;
    border-top: 1px solid #000;
    margin-top: 15px
}

html.dark .tweet-detail-action-item {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    margin-top: 4px;
    text-align: center
}

html.dark .tweet-detail-action-item .icon,
html.dark .tweet-detail-action-item .Icon,
html.dark .tweet-detail-action-item a {
    outline: 0
}

html.dark .conversation-more {
    padding-left: 68px;
    color: #1da1f2
}

html.dark .without-tweet-drag-handles .tweet-detail-action-item {
    width: 25%
}

html.dark .tweet-detail-action {
    display: inline-block
}

html.dark .is-selected .reply-triangle {
    visibility: visible
}

html.dark .column-detail .is-selected-tweet {
    background: #1c2938
}

html.dark .social-proof-for-tweet-title {
    background-color: #1c2938;
    color: #8899a6;
    border-bottom: 1px solid #38444d
}

html.dark .is-inverted-dark .tweet-detail-reply .is-selected {
    color: #14171a
}

html.dark .is-unread {
    background: #163043
}

html.dark .is-unread .conversation-indicator,
html.dark .is-unread .txt-mute {
    color: #fff
}

html.dark .is-unread.is-selected-tweet {
    background: #657786
}

html.dark .is-inverted-dark .is-unread {
    background: #eaf5fd
}

html.dark .is-inverted-dark .is-unread .conversation-indicator,
html.dark .is-inverted-dark .is-unread .txt-mute {
    color: #38444d
}

html.dark .dm-action {
    display: inline-block
}

html.dark .tweet-message .tweet-body {
    padding-right: 8px
}

html.dark .conversation-indicator {
    width: 20px;
    color: #8899a6;
    padding-top: 7px
}

html.dark .tweet-message-attachment {
    width: 30px;
    height: 30px;
    overflow: hidden
}

html.dark .conversation-title,
html.dark .conversation-title-container {
    padding-right: 32px
}

html.dark .conversation-title-container .counter {
    position: absolute;
    right: 0;
    width: 29px
}

html.dark .conversation-event {
    border-bottom: none;
    text-align: center;
    background-color: #15202b
}

html.dark .conversation-event+.stream-item:not(.conversation-event),
html.dark .conversation-event:first-child {
    border-top: 1px solid #000
}

html.dark .conversation-participants-name-list:not(:last-child):after {
    content: ", "
}

html.dark .add-participant {
    color: inherit;
    background-color: #15202b
}

html.dark .rpl {
    padding: 10px;
    border-bottom: #000
}

html.dark .rpl textarea {
    resize: none;
    width: 100%;
    height: 70px;
    padding: 6px 8px;
    overflow-y: scroll;
    box-shadow: 0 1px 1px none rgba(20, 23, 26, .5);
    transition: height .3s ease-in-out
}

html.dark .rpl textarea.rpl-textarea--expanded {
    height: 120px
}

html.dark .rpl input {
    width: 60px;
    padding-top: 8px;
    border: none;
    text-align: right;
    color: inherit;
    background: 0 0;
    vertical-align: top
}

html.dark .rpl input:focus {
    border: none;
    box-shadow: none
}

html.dark .rpl input.over-char-count {
    color: #f6809a
}

html.dark .rpl .rpl-account {
    padding-top: 6px
}

html.dark .rpl .rpl-actions {
    padding-top: 10px
}

html.dark .spinner-large {
    height: 50px;
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_large_grey.51ac632933.gif) no-repeat 50% 50%
}

html.dark .spinner-small {
    height: 16px;
    width: 16px;
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_small_dark.cace27b168.gif) no-repeat 50% 50%
}

html.dark .spinner-small-blue-bg {
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_small_blue_light_bg.3cb87aa201.gif) no-repeat 50% 50%
}

html.dark .is-inverted-dark .spinner-small,
html.dark .spinner-small-trans {
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_small_trans.e0c5a65bc6.gif) no-repeat 50% 50%
}

html.dark .is-inverted-dark .spinner-large {
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_large_white.2381f5091a.gif) no-repeat 50% 50%
}

html.dark .spinner-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px
}

html.dark .spinner-centered-auto {
    margin: 0 auto
}

html.dark .spinner-button-container {
    position: relative;
    display: inline
}

html.dark .spinner-button-is-active {
    color: transparent !important
}

html.dark .spinner-button-icon-spinner {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner-fff-on-2f7bad.9730298bd3.gif)
}

html.dark .spinner-button-with-progress {
    color: #fff;
    text-align: left;
    padding-right: 37px;
    min-width: 125px
}

html.dark .spinner-button-icon-with-progress {
    left: 80%
}

html.dark .app-header {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 200px;
    background-color: #1c2938;
    z-index: 200
}

html.dark .app-header-inner {
    box-sizing: border-box;
    width: 200px;
    min-width: 60px;
    padding: 10px 10px 0
}

html.dark .app-title {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1c2938
}

html.dark .sprite-logo,
html.dark .sprite-logo-badge,
html.dark .sprite-logo-badge-large {
    position: absolute;
    top: 6px;
    left: -5px
}

html.dark .app-title .sprite-logo {
    left: 35px
}

html.dark .app-title .sprite-logo-badge {
    opacity: 0;
    top: 4px;
    left: 7px
}

html.dark .app-content {
    left: 200px;
    margin-left: 0;
    overflow: visible;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .2s
}

html.dark .app-columns-container,
html.dark .app-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #10171e
}

html.dark .app-columns-container {
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

html.dark .app-navigator {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    background-color: #1c2938
}

html.dark .app-nav-link {
    font-size: 18px;
    color: #1da1f2;
    cursor: pointer
}

html.dark .app-nav-link-text {
    color: #fff
}

html.dark .app-nav-link:active,
html.dark .app-nav-link:focus {
    outline: none;
    color: #1da1f2
}

html.dark .app-nav-link.is-selected,
html.dark .app-nav-link:hover {
    color: #97e3ff
}

html.dark .app-nav-link .icon-arrow-r-double {
    display: none
}

html.dark .app-nav-link .icon,
html.dark .app-nav-link .Icon {
    padding-left: 1px
}

html.dark .app-nav-tab {
    font-size: 18px;
    color: #1da1f2;
    cursor: pointer;
    padding-left: 4px;
    padding-right: 10px;
    margin-left: 6px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

html.dark .app-nav-tab:hover {
    color: #97e3ff
}

html.dark .app-nav-tab-text {
    color: #fff
}

html.dark .app-nav-tab.is-selected {
    background: #10171e
}

html.dark .app-nav-tab.is-selected:hover {
    color: #1da1f2
}

html.dark .app-nav-tab.is-selected .app-nav-tab-text {
    color: #fff
}

html.dark .app-nav-tab .icon,
html.dark .app-nav-tab .Icon {
    padding-left: 1px
}

html.dark .tweet-button {
    width: 100%;
    height: 36px;
    font-size: 16px;
    line-height: 16px
}

html.dark .tweet-button .icon-compose,
html.dark .tweet-button .icon-compose-dm {
    display: none;
    font-size: 24px;
    margin-top: -3px;
    margin-left: -6px;
    vertical-align: -6px
}

html.dark .is-condensed .tweet-button {
    line-height: 1em;
    text-align: center;
    width: 36px;
    padding: 0
}

html.dark .is-condensed .tweet-button .icon-compose,
html.dark .is-condensed .tweet-button .icon-compose-dm {
    display: inline-block;
    font-size: 20px;
    margin-top: 0;
    margin-left: 2px
}

html.dark .is-condensed .attach-compose-buttons {
    text-align: left
}

html.dark .is-condensed .attach-compose-buttons .tweet-button {
    width: 48px
}

html.dark .is-condensed .attach-compose-buttons .tweet-button .icon-compose,
html.dark .is-condensed .attach-compose-buttons .tweet-button .icon-compose-dm {
    margin: 0 0 0 9px
}

html.dark .attach-compose-buttons {
    margin-right: -15px
}

html.dark .attach-compose-buttons .tweet-button {
    box-shadow: none;
    border: none !important;
    border-radius: 45px 0 0 45px
}

html.dark .attach-compose-buttons .tweet-button:active,
html.dark .attach-compose-buttons .tweet-button:focus,
html.dark .attach-compose-buttons .tweet-button:hover {
    border: none !important;
    box-shadow: none !important
}

html.dark .attach-compose-buttons .tweet-button .icon-compose,
html.dark .attach-compose-buttons .tweet-button .icon-compose-dm {
    display: inline-block;
    margin-top: -5px;
    margin-left: -5px
}

html.dark .attach-compose-buttons .Button.tweet-button,
html.dark .attach-compose-buttons button.tweet-button,
html.dark .attach-compose-buttons input.tweet-button[type=button] {
    background-color: #3d5466
}

html.dark .is-condensed .attach-compose-buttons svg {
    right: auto;
    top: auto;
    margin-bottom: auto
}

html.dark .with-nav-border-t:before {
    position: relative;
    top: -10px;
    border-top: 1px solid #8899a6
}

html.dark .is-condensed .app-header {
    width: 60px
}

html.dark .is-condensed .app-content {
    left: 60px
}

html.dark .tweetdeck-logo {
    background: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/tweetdeck.a58ac4ebe4.svg);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat
}

html.dark .beta-ribbon {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    right: -12px;
    bottom: 16px
}

html.dark .app-header.is-condensed .app-header-inner {
    width: 60px;
    padding: 10px 12px
}

html.dark .app-header.is-condensed .app-nav-logo-text,
html.dark .app-header.is-condensed .hide-condensed {
    display: none
}

html.dark .app-header.is-condensed .app-nav-link .icon-arrow-r-double {
    display: inline-block
}

html.dark .app-header.is-condensed .app-nav-link .icon-arrow-l-double,
html.dark .app-header.is-condensed .sprite-logo,
html.dark .app-header.is-condensed .tweet-button .label {
    display: none
}

html.dark .app-header.is-condensed .sprite-logo-badge {
    display: inline-block;
    opacity: 1
}

html.dark .app-header.is-condensed .invisible-in-contracted-header {
    display: none
}

html.dark .app-header.is-condensed .visible-in-contracted-header {
    display: flex !important
}

html.dark .app-search {
    position: relative
}

html.dark .app-search.has-overlay {
    z-index: 10
}

html.dark .app-search .app-search-fake,
html.dark .app-search .app-search-form {
    position: absolute
}

html.dark .is-condensed .app-search-input {
    width: 36px
}

html.dark .app-search-fake,
html.dark .app-search-input {
    height: 36px;
    background-color: #10171e;
    color: #fff;
    outline: none;
    word-break: normal
}

html.dark .app-search-input {
    border: 1px solid #000
}

html.dark .app-search-fake {
    width: 100%;
    color: #1da1f2;
    border: 1px solid #1da1f2;
    background-color: transparent
}

html.dark .app-search-fake .icon,
html.dark .app-search-fake .Icon {
    margin: -6px -2px;
    font-size: 20px;
    vertical-align: 1px
}

html.dark .app-search-fake:hover {
    background-color: transparent
}

html.dark .app-search-button {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 16px;
    height: 16px;
    color: #fff
}

html.dark .app-search-button:hover {
    color: #fff
}

html.dark .app-search-button .icon-search {
    font-size: 17px;
    padding-top: 4px
}

html.dark .app-header.is-condensed .app-search-form,
html.dark .app-search-in-popover {
    display: none
}

html.dark .app-header.is-condensed .app-search-fake,
html.dark .is-condensed .app-search-in-popover {
    display: block
}

html.dark .app-search-tweet-results {
    overflow: hidden
}

html.dark .app-search-tweet-results .column-header-temp {
    height: 0
}

html.dark .is-touch-search .search-results .button-group .btn {
    padding-top: 10.8px;
    padding-bottom: 10.8px
}

html.dark .is-condensed .user-results {
    height: calc(100% - 124px)
}

html.dark .user-results {
    height: calc(100% - 76px)
}

html.dark .message-banner {
    clear: both;
    padding: 8px 10px;
    position: relative;
    text-align: center
}

html.dark .message-banner .dismiss {
    bottom: 0;
    color: #38444d;
    font-size: 16px;
    height: 30px;
    margin: auto;
    position: absolute;
    right: .65em;
    top: 0
}

html.dark .message-content {
    display: table;
    width: 100%;
    text-align: center;
    box-sizing: border-box
}

html.dark .message-row {
    display: table-row
}

html.dark .message-subtext,
html.dark .message-text {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    word-break: break-word;
    word-wrap: break-word
}

html.dark .message-subtext {
    font-size: .8571rem;
    padding-top: 4px
}

html.dark .typeahead {
    z-index: 100;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #38444d;
    border-radius: 0;
    width: auto
}

html.dark .typeahead .fullname {
    color: #38444d;
    font-size: 13px
}

html.dark .typeahead .username {
    color: #8899a6;
    font-size: 12px
}

html.dark .recent-searches-fixed-list {
    height: 340px;
    font-size: 14px
}

html.dark .is-touch-search .recent-search-clear {
    font-size: 13.5px;
    padding-top: 12.15px;
    padding-bottom: 12.15px
}

html.dark .is-touch-search .recent-searches-fixed-list {
    height: 435px
}

html.dark .accordion,
html.dark .accordion-popover {
    color: #e1e8ed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html.dark .accordion-divider-t {
    border-top: 1px solid #15202b
}

html.dark .accordion-header {
    padding: 9px 5px 9px 8px;
    color: #e1e8ed
}

html.dark .accordion-header:hover {
    color: #e1e8ed
}

html.dark .accordion-panel {
    position: relative;
    display: none;
    padding-left: 8px;
    overflow-y: hidden
}

html.dark .accordion .Icon--caretDown,
html.dark .accordion .icon-arrow-d,
html.dark .accordion .icon-arrow-u {
    position: absolute;
    top: 12px;
    right: 12px
}

html.dark .accordion .icon-arrow-u {
    display: none
}

html.dark .is-accordion-panel-animating {
    transition: height .2s
}

html.dark .facet-type {
    position: relative;
    border-bottom: 1px solid #15202b
}

html.dark .facet-type:last-child {
    border-bottom: none
}

html.dark .facet-type-thumb-size {
    border-top: 1px solid #15202b;
    border-bottom: none
}

html.dark .facet-type.is-active {
    background-color: #15202b
}

html.dark .facet-type-icon {
    position: absolute;
    top: 8px;
    left: 18px;
    font-size: 16px
}

html.dark .facet-title {
    width: 115px
}

html.dark .facet-subtitle {
    font-size: 12px;
    display: block;
    color: #1da1f2
}

html.dark .facet-subtitle:first-letter {
    text-transform: uppercase
}

html.dark .is-expanded .accordion-panel {
    display: block;
    overflow-y: visible
}

html.dark .accordion .is-active {
    color: #e1e8ed
}

html.dark .accordion .is-active .accordion-header,
html.dark .accordion .is-active .accordion-header:hover {
    color: #e1e8ed
}

html.dark .accordion .is-active .accordion-panel {
    display: block
}

html.dark .accordion .is-active .Icon--caretDown,
html.dark .accordion .is-active .icon-arrow-d {
    display: none
}

html.dark .accordion .is-active .icon-arrow-u {
    display: inline-block
}

html.dark .accordion .is-active .facet-subtitle {
    display: none
}

html.dark .control-label-checkbox {
    text-align: right;
    width: 80px
}

html.dark .control-label-checkbox .checkbox {
    position: absolute;
    left: 115px
}

html.dark .account-settings-row .Icon--caretDown,
html.dark .account-settings-row .icon-arrow-d,
html.dark .account-settings-row .icon-arrow-u {
    position: inherit
}

html.dark .account-settings-row.is-highlighted {
    background-color: #f5f8fa;
    border-top: 1px solid #ccd6dd
}

html.dark .account-settings-row.is-highlighted:last-child {
    border-bottom: 1px solid #ccd6dd
}

html.dark .join-team {
    background: #1c2938;
    border-top: 1px solid #14171a;
    border-bottom: 1px solid #14171a
}

html.dark .account-row-separator-b:after {
    content: " ";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #14171a
}

html.dark .separator-a:before {
    content: " ";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #14171a
}

html.dark .is-touch-column-options .accordion-header {
    padding: 12.5px 5px 12.5px 8px
}

html.dark .is-touch-column-options .accordion .Icon--caretDown,
html.dark .is-touch-column-options .accordion .icon-arrow-d,
html.dark .is-touch-column-options .accordion .icon-arrow-u {
    top: 18.75px;
    right: 11.25px
}

html.dark .is-touch-column-options .facet-type-thumb-size .toggle-item {
    padding: 4px 2px;
    font-size: 13.75px
}

html.dark .is-touch-column-options .facet-type-icon {
    top: 12.5px
}

html.dark .is-touch-column-options .facet-title {
    width: 115px
}

html.dark .is-touch-column-options .facet-subtitle {
    font-size: 15px
}

html.dark .is-narrow-columns .is-touch-column-options .facet-type-thumb-size .toggle-item {
    padding: 6px 4px;
    font-size: 13.75px
}

html.dark .is-medium-columns .is-touch-column-options .facet-type-thumb-size .toggle-item {
    padding: 6px;
    font-size: 13.75px
}

html.dark .tooltip {
    position: absolute;
    z-index: 100000;
    padding: 5px;
    font-size: 12px
}

html.dark .tooltip-inner {
    max-width: 200px;
    padding: 5px 8px 4px;
    background-color: #14171a;
    color: #e1e8ed;
    text-align: center;
    line-height: 1.28578;
    border-radius: 3px
}

html.dark .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #14171a
}

html.dark .bottom {
    border-bottom-color: #14171a
}

html.dark .top {
    border-top-color: #14171a
}

html.dark .left {
    border-left-color: #14171a
}

html.dark .right {
    border-right-color: #14171a
}

html.dark .bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

html.dark .top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

html.dark .left .tooltip-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

html.dark .right .tooltip-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

html.dark .conversation-tooltip-title {
    line-height: 18px
}

html.dark .stroke-twitter-light-gray {
    stroke: #ccd6dd
}

html.dark .stroke-twitter-blue {
    stroke: #1da1f2
}

html.dark .stroke-twitter-yellow {
    stroke: #ffad1f
}

html.dark .stroke-twitter-red {
    stroke: #e0245e
}

html.dark .numbered-badge {
    position: absolute;
    top: 9px;
    right: -7px;
    font-style: normal;
    font-size: 10px;
    padding: 4px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    border-radius: 14px;
    text-align: center;
    min-width: 10px;
    height: 10px
}

html.dark .numbered-badge-onheader {
    border: 2px solid #15202b;
    visibility: hidden
}

html.dark .numbered-badge-onnav {
    top: 1px;
    right: -5px;
    border: 2px solid #1c2938;
    visibility: hidden
}

html.dark .numbered-badge-account-invites {
    top: 0;
    right: 0
}

html.dark .drawer {
    position: absolute;
    width: 270px;
    top: 0;
    left: -270px;
    height: 100%;
    margin-right: 0
}

html.dark .drawer.wide {
    width: 350px;
    left: -350px
}

html.dark .is-open .drawer:after {
    content: " ";
    display: block;
    box-shadow: 2px 0 1px rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 2;
    width: 1px;
    top: 0;
    right: 0;
    height: 100%;
    margin-right: 0;
    margin-left: -2px
}

html.dark .drawer-header {
    position: relative;
    height: 55px;
    border-bottom: 1px solid #14171a
}

html.dark .drawer-header-title {
    display: block;
    padding-top: 16px
}

html.dark .drawer-content {
    top: 56px
}

html.dark .dataminr {
    background-color: #f5f8fa
}

html.dark .txt-dataminr {
    color: #8899a6
}

html.dark .dataminr-title {
    background-color: #ccd6dd;
    color: #657786
}

html.dark .dataminr-search-terms-detail {
    color: #657786
}

html.dark .dataminr-separator {
    border-bottom: 4px solid #e1e8ed
}

html.dark .is-dataminr-tweet {
    background-color: #fff;
    padding: 8px 10px;
    margin-left: -6px;
    margin-right: -6px;
    border-radius: 5px
}

html.dark .dataminr-large-preview {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden
}

html.dark .dataminr-header {
    height: 18px
}

html.dark .dataminr-header,
html.dark .dataminr-meta-link {
    color: #8899a6
}

html.dark .dataminr-category-pill {
    color: #fff;
    padding: 3px 4px;
    border-radius: 3px;
    background-color: #5585ad;
    font-size: 10px
}

html.dark .dataminr-category-bg,
html.dark .dataminr-category-ln,
html.dark .dataminr-category-mbg,
html.dark .dataminr-category-mn,
html.dark .dataminr-category-rpr {
    background-color: #1f90bf
}

html.dark .dataminr-category-er,
html.dark .dataminr-category-gov,
html.dark .dataminr-category-ngo {
    background-color: #cc412e
}

html.dark .dataminr-category-ent,
html.dark .dataminr-category-spo {
    background-color: #8a64ad
}

html.dark .dataminr-category-bsn,
html.dark .dataminr-category-uni {
    background-color: #cc412e
}

html.dark .dataminr-category-alt {
    background-color: #b26333
}

html.dark .dataminr-category-ctr {
    background-color: #cc7332
}

html.dark .dataminr-category-short {
    display: none
}

html.dark .dataminr-label {
    color: #e28409
}

html.dark .dataminr-label-momentum {
    color: #5caee1
}

html.dark .dataminr-map-img {
    width: 80px;
    height: 60px;
    border: 1px solid #ccd6dd
}

html.dark .dataminr-map-img-full {
    width: 100%;
    height: 124px
}

html.dark .dataminr-location {
    width: 80px
}

html.dark .dataminr-recent-img {
    width: 100px;
    height: 100px;
    background-size: 100%;
    border-radius: 100%
}

html.dark .is-narrow-columns .dataminr-recent-img {
    width: 80px;
    height: 80px
}

html.dark .dataminr-openin-link {
    position: absolute;
    bottom: 10px
}

html.dark .dataminr-term:after {
    content: "\A0\B7"
}

html.dark .dataminr-search-terms-detail .dataminr-term:nth-last-child(2):after,
html.dark .dataminr-term:last-child:after {
    content: ""
}

html.dark .dataminr-bio-count {
    color: #657786
}

html.dark .dataminr-user-profile {
    background-color: #fff
}

html.dark .dataminr {
    background-color: #15202b
}

html.dark .txt-dataminr {
    color: #aab8c2
}

html.dark .dataminr-title {
    background-color: #657786;
    color: #fff
}

html.dark .dataminr-search-terms-detail {
    color: #fff
}

html.dark .is-dataminr-tweet {
    background-color: #1c2938
}

html.dark .dataminr-separator {
    border-bottom: 2px solid #10171e
}

html.dark .dataminr-header,
html.dark .dataminr-meta-link {
    color: #ccd6dd
}

html.dark .dataminr-map-img {
    border: 1px solid #38444d
}

html.dark .dataminr-label {
    color: #ffad1f
}

html.dark .dataminr-label-momentum {
    color: #1da1f2
}

html.dark .dataminr-bio-count {
    color: #aab8c2
}

html.dark .dataminr-user-profile {
    background-color: #14171a
}

html.dark .dataminr-external-link {
    background-color: #10171e
}

html.dark .is-inverted-dark .dataminr {
    background-color: #f5f8fa
}

html.dark .is-inverted-dark .txt-dataminr {
    color: #8899a6
}

html.dark .is-inverted-dark .dataminr-title {
    background-color: #ccd6dd;
    color: #657786
}

html.dark .is-inverted-dark .dataminr-search-terms-detail {
    color: #657786
}

html.dark .is-inverted-dark .dataminr-separator {
    border-bottom: 4px solid #e1e8ed
}

html.dark .is-inverted-dark .is-dataminr-tweet {
    background-color: #fff;
    padding: 8px 10px;
    margin-left: -6px;
    margin-right: -6px;
    border-radius: 5px
}

html.dark .is-inverted-dark .dataminr-large-preview {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden
}

html.dark .is-inverted-dark .dataminr-header {
    height: 18px
}

html.dark .is-inverted-dark .dataminr-header,
html.dark .is-inverted-dark .dataminr-meta-link {
    color: #8899a6
}

html.dark .is-inverted-dark .dataminr-category-pill {
    color: #fff;
    padding: 3px 4px;
    border-radius: 3px;
    background-color: #5585ad;
    font-size: 10px
}

html.dark .is-inverted-dark .dataminr-category-bg,
html.dark .is-inverted-dark .dataminr-category-ln,
html.dark .is-inverted-dark .dataminr-category-mbg,
html.dark .is-inverted-dark .dataminr-category-mn,
html.dark .is-inverted-dark .dataminr-category-rpr {
    background-color: #1f90bf
}

html.dark .is-inverted-dark .dataminr-category-er,
html.dark .is-inverted-dark .dataminr-category-gov,
html.dark .is-inverted-dark .dataminr-category-ngo {
    background-color: #cc412e
}

html.dark .is-inverted-dark .dataminr-category-ent,
html.dark .is-inverted-dark .dataminr-category-spo {
    background-color: #8a64ad
}

html.dark .is-inverted-dark .dataminr-category-bsn,
html.dark .is-inverted-dark .dataminr-category-uni {
    background-color: #cc412e
}

html.dark .is-inverted-dark .dataminr-category-alt {
    background-color: #b26333
}

html.dark .is-inverted-dark .dataminr-category-ctr {
    background-color: #cc7332
}

html.dark .is-inverted-dark .dataminr-category-short {
    display: none
}

html.dark .is-inverted-dark .dataminr-label {
    color: #e28409
}

html.dark .is-inverted-dark .dataminr-label-momentum {
    color: #5caee1
}

html.dark .is-inverted-dark .dataminr-map-img {
    width: 80px;
    height: 60px;
    border: 1px solid #ccd6dd
}

html.dark .is-inverted-dark .dataminr-map-img-full {
    width: 100%;
    height: 124px
}

html.dark .is-inverted-dark .dataminr-location {
    width: 80px
}

html.dark .is-inverted-dark .dataminr-recent-img {
    width: 100px;
    height: 100px;
    background-size: 100%;
    border-radius: 100%
}

html.dark .is-inverted-dark .is-narrow-columns .dataminr-recent-img {
    width: 80px;
    height: 80px
}

html.dark .is-inverted-dark .dataminr-openin-link {
    position: absolute;
    bottom: 10px
}

html.dark .is-inverted-dark .dataminr-term:after {
    content: "\A0\B7"
}

html.dark .is-inverted-dark .dataminr-search-terms-detail .dataminr-term:nth-last-child(2):after,
html.dark .is-inverted-dark .dataminr-term:last-child:after {
    content: ""
}

html.dark .is-inverted-dark .dataminr-bio-count {
    color: #657786
}

html.dark .is-inverted-dark .dataminr-user-profile {
    background-color: #fff
}

html.dark .is-narrow-columns .dataminr-category-short {
    display: block
}

html.dark .is-narrow-columns .dataminr-category-full {
    display: none
}

html.dark .info-popover {
    position: absolute
}

html.dark .info-caret {
    position: absolute;
    left: -17px;
    top: 46px;
    margin-top: -10px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right-color: #1da1f2
}

html.dark .info-popover-close {
    position: absolute;
    top: 18px;
    right: 14px;
    color: #fff
}

html.dark .info-popover-close:active,
html.dark .info-popover-close:hover {
    color: #fff
}

html.dark .info-popover-list {
    padding: 25px 25px 25px 50px
}

html.dark .info-popover-list-item:before {
    color: #71c9f8;
    left: -20px
}

html.dark .info-popover-content {
    border: 1px solid #fff;
    border-radius: 2px
}

html.dark .info-popover-teams {
    right: -280px;
    width: 280px;
    top: 10px;
    border-radius: 2px;
    z-index: 4
}

html.dark .info-popover-teams-icon {
    font-size: 75px;
    margin-top: -30px
}

html.dark .other-replies {
    color: #8899a6
}

html.dark .other-replies-link,
html.dark .other-replies-link:hover {
    color: #1da1f2
}

html.dark .compose .other-replies,
html.dark .inline-reply .other-replies {
    color: #8899a6
}

html.dark .compose .other-replies-link,
html.dark .compose .other-replies-link:hover,
html.dark .inline-reply .other-replies-link,
html.dark .inline-reply .other-replies-link:hover {
    color: #1da1f2
}

html.dark .search-tip-item-hover:hover {
    background: #10171e;
    color: #fff
}

html.dark .query:hover .try-query {
    visibility: visible !important
}

html.dark .ticker-outer {
    height: 2em;
    line-height: 2em;
    margin-top: -.4em;
    margin-bottom: -.4em;
    overflow: hidden;
    text-align: right;
    transition: width .15s ease
}

html.dark .ticker-inner {
    position: relative;
    top: 0
}

html.dark .ticker-inner.ticker-animate {
    transition: top .15s ease;
    top: -2em
}

html.dark .InputGroup {
    position: relative
}

html.dark .InputGroup input {
    height: 34px;
    border-radius: 45px;
    padding: 4px 38px 4px 12px;
    color: #fff;
    background-color: #10171e;
    border-color: #14171a
}

html.dark .InputGroup button {
    border: none;
    background-color: #10171e;
    position: absolute;
    top: 2px;
    right: 2px
}

html.dark .InputGroup button:hover {
    background-color: #10171e
}

html.dark .InputGroup button:focus {
    box-shadow: 0 0 0 2px #1da1f2
}

html.dark .is-inverted-dark .InputGroup input {
    background-color: #fff;
    border-color: #e1e8ed
}

html.dark .is-inverted-dark .InputGroup button {
    background-color: transparent
}

html.dark .is-inverted-dark .InputGroup button:hover {
    background-color: #eaf5fd
}

html.dark .gryphon-beta-btn-container {
    bottom: 15px;
    position: absolute;
    z-index: 10
}

html.dark .gryphon-beta-btn {
    border-radius: 0 36px 36px 0;
    height: 42px;
    white-space: nowrap
}

html.dark .gryphon-beta-btn img {
    vertical-align: middle
}

html.dark .gryphon-mdl-header {
    align-items: center;
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: flex-end
}

html.dark .gryphon-mdl-cta-buttons {
    height: 85px
}

html.dark .deprecation-banner {
    padding-bottom: 4px
}

html.dark .deprecation-banner .banner-button {
    border-radius: 9999px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    padding: 4px 8px;
    text-decoration: none
}

html.dark .deprecation-banner .message-text {
    font-weight: 700;
    text-align: left
}

html.dark .deprecation-banner .message-subtext {
    text-align: left
}

html.dark .overlay,
html.dark .ovl,
html.dark .ovl-plain {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 300
}

html.dark .overlay,
html.dark .ovl {
    min-width: 320px;
    background: rgba(56, 68, 77, .9);
    text-align: center
}

html.dark .overlay:before,
html.dark .ovl-plain:before,
html.dark .ovl:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

html.dark .is-dragging.overlay:before,
html.dark .ovl.is-dragging:before {
    display: none
}

html.dark .ovl-block {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

html.dark .overlay {
    display: block;
    position: fixed;
    z-index: 10
}

html.dark .overlay-super {
    z-index: 300
}

html.dark .overlay-opaque {
    background-color: #3d5466
}

html.dark .modal-content,
html.dark .modal-feature-box {
    border-radius: 14px;
    background-clip: padding-box
}

html.dark .seamful .modal-content,
html.dark .seamful .modal-feature-box {
    border-radius: 6px;
    background: #fff
}

html.dark .modal-content-with-border {
    border: 1px solid #000
}

html.dark .modal-feature-box {
    border: 1px solid #657786
}

html.dark .mdl {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 643px;
    height: 630px;
    margin: 0 auto;
    background-color: #15202b;
    text-align: left;
    border-radius: 14px;
    box-shadow: 0 0 10px rgba(20, 23, 26, .5)
}

html.dark .mdl-lighter-on-dark {
    background-color: #1c2938 !important
}

html.dark .mdl-fixed-top {
    vertical-align: top;
    top: 100px
}

html.dark .mdl-bottom-right {
    vertical-align: bottom;
    top: 0;
    left: 50%;
    margin-right: 460px
}

html.dark .seamful.mdl {
    background-color: transparent
}

html.dark .mdl-header {
    position: relative;
    padding: 15px;
    color: #fff
}

html.dark .mdl-header-centered {
    margin: 0 auto;
    width: 65%
}

html.dark .mdl-header-title {
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

html.dark .mdl-header-divider {
    border-bottom: 1px solid #000
}

html.dark .mdl-accent {
    background: #10171e
}

html.dark .mdl-inner {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 45px;
    padding: 15px
}

html.dark .mdl-content {
    height: 100%;
    border: 1px solid #000;
    border-radius: 14px;
    background-clip: padding-box;
    overflow: hidden
}

html.dark .mdl-content.with-scroll {
    max-height: 450px;
    overflow-y: scroll;
    white-space: nowrap;
    font-size: 1rem
}

html.dark .mdl-buttonbar {
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    overflow: hidden
}

html.dark .mdl-placeholder {
    padding: 30px;
    text-align: center;
    line-height: 1.2;
    color: #8899a6;
    text-shadow: 0 1px 0 rgba(170, 184, 194, .8)
}

html.dark .mdl-dismiss {
    z-index: 100;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: .7;
    color: #fff
}

html.dark .mdl-dismiss:hover {
    color: #fff;
    opacity: 1
}

html.dark .is-inverted-light .mdl-btn-media,
html.dark .mdl-btn-media {
    color: #fff;
    opacity: .7
}

html.dark .is-inverted-light .mdl-btn-media:active,
html.dark .is-inverted-light .mdl-btn-media:hover,
html.dark .mdl-btn-media:active,
html.dark .mdl-btn-media:focus,
html.dark .mdl-btn-media:hover {
    color: #fff;
    opacity: 1
}

html.dark .mdl-media-next,
html.dark .mdl-media-prev {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0;
    background: rgba(20, 23, 26, .3)
}

html.dark .mdl-media-prev {
    left: 0
}

html.dark .mdl-media-next {
    right: 0
}

html.dark .mdl-media-next .icon,
html.dark .mdl-media-next .Icon,
html.dark .mdl-media-prev .icon,
html.dark .mdl-media-prev .Icon {
    position: absolute;
    left: 50%;
    margin-left: -13px;
    margin-top: -13px;
    top: 50%;
    width: 26px;
    height: 26px
}

html.dark .mdl-column {
    display: inline-block;
    font-size: 1rem;
    white-space: normal;
    float: none;
    vertical-align: top
}

html.dark .mdl-column-sml {
    width: 200px
}

html.dark .mdl-column-lrg {
    width: 410px
}

html.dark .mdl-column-med {
    width: 260px;
    background: #1c2938;
    border-radius: 14px 0 0 14px
}

html.dark .mdl-column-rhs {
    border-left: 1px solid #000;
    border-radius: 0 14px 14px 0;
    width: 350px;
    overflow: hidden;
    z-index: 1
}

html.dark .mdl.s-fluid {
    height: auto;
    width: auto
}

html.dark .mdl.s-fluid-height {
    height: auto
}

html.dark .mdl.s-fluid-height .mdl-inner,
html.dark .mdl.s-fluid .mdl-inner {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
}

html.dark .mdl.s-nonav .mdl-inner {
    bottom: 0
}

html.dark .mdl.s-nonav .mdl-inner .mdl-buttonbar {
    display: none
}

html.dark .mdl.s-static .mdl-inner {
    position: static
}

html.dark .mdl.s-narrow {
    width: 400px
}

html.dark .mdl.s-narrow-500 {
    width: 500px
}

html.dark .mdl.s-short {
    height: 430px
}

html.dark .mdl.s-wide {
    width: 643px
}

html.dark .mdl.s-full {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

html.dark .s-profile {
    height: auto;
    width: auto
}

html.dark .s-profile h3 {
    display: none
}

html.dark .s-profile .mdl-content {
    overflow: visible;
    border: none;
    white-space: normal;
    font-size: 1rem
}

html.dark .s-profile .mdl-inner {
    position: relative;
    top: 0
}

html.dark .s-profile .mdl-buttonbar {
    display: none
}

html.dark .s-profile .mdl-header,
html.dark .s-profile .mdl-inner {
    padding: 0
}

html.dark .s-minimal .mdl-header {
    border-bottom: 1px solid #000
}

html.dark .s-minimal .mdl-inner {
    top: 50px
}

html.dark .s-minimal .mdl-content {
    border: none;
    border-radius: 0;
    background: 0 0
}

html.dark .lst-launcher {
    padding: 0
}

html.dark .lst-launcher li {
    float: left;
    padding: 8px 0
}

html.dark .lst-launcher .top-row {
    border-bottom: 1px solid #000;
    margin-bottom: 8px
}

html.dark .lst-launcher a {
    display: block;
    width: 120px;
    height: 90px;
    vertical-align: middle;
    text-align: center;
    color: transparent
}

html.dark .lst-launcher a,
html.dark .lst-launcher a>span,
html.dark .lst-launcher a i {
    transition: .15s linear
}

html.dark .lst-launcher a span {
    color: #f5f8fa
}

html.dark .lst-launcher .is-disabled a,
html.dark .lst-launcher .is-disabled a:active,
html.dark .lst-launcher .is-disabled a:focus,
html.dark .lst-launcher .is-disabled a:hover {
    opacity: .5;
    text-decoration: none;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

html.dark .lst-launcher .is-disabled a:active i,
html.dark .lst-launcher .is-disabled a:focus i,
html.dark .lst-launcher .is-disabled a:hover i,
html.dark .lst-launcher .is-disabled a i {
    color: #1da1f2 !important
}

html.dark .lst-launcher .is-disabled a:active>span,
html.dark .lst-launcher .is-disabled a:focus>span,
html.dark .lst-launcher .is-disabled a:hover>span,
html.dark .lst-launcher .is-disabled a>span {
    color: #aab8c2 !important
}

html.dark .lst-launcher a:active,
html.dark .lst-launcher a:focus,
html.dark .lst-launcher a:hover {
    text-decoration: none;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

html.dark .lst-launcher a:active i,
html.dark .lst-launcher a:focus i,
html.dark .lst-launcher a:hover i {
    color: #71c9f8
}

html.dark .lst-launcher a:active>span,
html.dark .lst-launcher a:focus>span,
html.dark .lst-launcher a:hover>span {
    color: #fff
}

html.dark .lst-launcher .btn .icon,
html.dark .lst-launcher .btn .Icon {
    font-size: 40px;
    line-height: 1;
    margin-top: 7px;
    display: block;
    width: auto;
    height: auto
}

html.dark .lst-profile {
    padding: 8px
}

html.dark .lst-profile li {
    float: left;
    margin: 16px;
    text-align: center;
    vertical-align: bottom
}

html.dark .lst-profile a,
html.dark .lst-profile a:active,
html.dark .lst-profile a:focus,
html.dark .lst-profile a:hover {
    display: block;
    width: 80px;
    height: 85px;
    border: 1px solid #ccd6dd;
    color: #657786
}

html.dark .lst-profile span {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    font-weight: 400
}

html.dark .mdl-col-settings {
    border-left: 1px solid #000
}

html.dark .lst-profile.l-grouped {
    border-top: 1px solid #ccd6dd
}

html.dark .mdl-links {
    position: absolute;
    bottom: 5px;
    right: 15px;
    left: 15px;
    color: #8899a6;
    font-size: 12px;
    text-align: center
}

html.dark .mdl-links a {
    color: #8899a6
}

html.dark .mdl-account-shared-warning {
    transition: height .4s;
    height: 300px
}

html.dark .mdl-account-shared-warning .mdl-content {
    box-sizing: border-box;
    border: none;
    padding: 1rem;
    font-size: 1.2857rem
}

html.dark .is-touch-modal .mdl-header {
    padding: 19.5px
}

html.dark .is-touch-modal .mdl-header-title {
    font-size: 20.8px
}

html.dark .is-touch-modal .mdl-inner {
    top: 58.5px
}

html.dark .is-touch-modal .mdl-dismiss {
    right: 9.23077px;
    top: 6.15385px
}

html.dark .is-touch-modal .mdl-dismiss i {
    font-size: 31.2px;
    padding: 4px
}

html.dark .is-touch-modal .s-short {
    height: 500px
}

html.dark .is-touch-modal .s-profile .mdl-header {
    padding: 0
}

html.dark .is-touch-modal .s-profile .mdl-inner {
    top: 0
}

html.dark .settings-modal.is-touch-modal .mdl-column-sml {
    width: 175px
}

html.dark .settings-modal.is-touch-modal .mdl-column-lrg {
    width: 435px
}

html.dark .touch-device .overlay,
html.dark .touch-device .ovl {
    -webkit-overflow-scrolling: auto !important
}

html.dark .touch-device .mdl-header-title {
    padding-left: 0
}

html.dark .alert-modal {
    width: 450px
}

html.dark .report-flow {
    border: none;
    width: 400px;
    height: 450px;
    margin-bottom: -4px
}

html.dark .mdl-report-spam-options {
    background-color: transparent;
    padding: 0 !important
}

html.dark .mdl-report-spam-options li {
    cursor: pointer
}

html.dark .char-count:disabled {
    width: 50px;
    height: auto;
    border: 0;
    padding: 0;
    font-size: 16px;
    color: #657786;
    text-align: right;
    vertical-align: middle;
    background: 0 0
}

html.dark .over-char-count:disabled {
    color: #a01744
}

html.dark .cmp-replyto {
    display: none;
    padding: 15px;
    border-radius: 0 0 14px 14px
}

html.dark .s-inreply .cmp-replyto,
html.dark .s-link-added .cmp-info,
html.dark .s-photo-added .cmp-info {
    display: block
}

html.dark .s-link-added .cmp-input-container,
html.dark .s-photo-added .cmp-input-container {
    padding-bottom: 25px
}

html.dark .s-link-added textarea,
html.dark .s-photo-added textarea {
    height: 60px
}

html.dark .s-link-added.s-photo-added .cmp-input-container {
    padding-bottom: 50px
}

html.dark .s-link-added.s-photo-added p:last-child {
    border-top: 1px solid #e1e8ed
}

html.dark .s-link-added.s-photo-added textarea {
    height: 60px
}

html.dark .s-message-to .cmp-message {
    display: block
}

html.dark .s-sending .cmp-spinner {
    display: inline-block
}

html.dark .s-sending .char-count {
    display: none
}

html.dark .l-no-txtarea .mdl-buttonbar {
    margin-top: 0
}

html.dark .inline-reply {
    transition-property: max-height;
    transition-duration: .25s;
    transition-delay: 0;
    background-color: #3d5466;
    cursor: default;
    overflow: hidden;
    margin-top: 8px;
    color: #fff;
    box-sizing: border-box;
    max-height: 320px
}

html.dark .inline-reply .compose-text-container {
    display: inline-block;
    width: 100%
}

html.dark .inline-reply .btn-neutral,
html.dark .inline-reply .character-count {
    color: #fff
}

html.dark .reply-triangle {
    visibility: hidden;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #3d5466;
    bottom: -28px
}

html.dark .tweet-detail-action .reply-triangle {
    bottom: -12px
}

html.dark .inline-reply .compose-text {
    transition-property: height;
    transition-duration: .25s;
    transition-delay: 0;
    padding: 10px
}

html.dark .detail-view-inline {
    margin-top: 8px;
    background-color: #15202b;
    border-top: 1px solid #14171a;
    border-bottom: 1px solid #14171a
}

html.dark .detail-view-inline-text {
    box-sizing: border-box;
    border: 1px solid #000;
    background-color: #10171e;
    color: #e1e8ed;
    line-height: 18px;
    cursor: text
}

html.dark .hide-detail-view-inline .detail-view-inline {
    display: none
}

html.dark .is-inline-inactive {
    max-height: 0
}

html.dark .tweet-detail-wrapper .is-inline-inactive {
    max-height: 74px
}

html.dark .tweet-detail-wrapper .is-inline-inactive .compose-text {
    height: 40px
}

html.dark .is-inverted-dark .detail-view-inline {
    border-color: #ccd6dd
}

html.dark .is-inverted-dark .detail-view-inline-text {
    border-color: #e1e8ed;
    background-color: #fff;
    color: #8899a6
}

html.dark .med-fullpanel {
    background-color: #14171a
}

html.dark .med-fullpanel:hover .btn-media {
    opacity: .5
}

html.dark .med-fullpanel .embed,
html.dark .med-fullpanel .embed a {
    margin: 0;
    padding: 0
}

html.dark .med-fullpanel iframe {
    display: inline-block;
    max-width: 700px;
    max-height: 500px
}

html.dark .med-tweet {
    position: absolute;
    right: 25%;
    left: 25%;
    bottom: 10px
}

html.dark .med-embeditem {
    position: absolute;
    bottom: 150px;
    top: 50px;
    width: 100%;
    text-align: center;
    overflow-y: hidden;
    background: transparent url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner_large_dark.c87be38d72.gif) no-repeat 50% 50%
}

html.dark .med-link {
    display: inline-block;
    color: #1da1f2
}

html.dark .med-tray {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    height: auto;
    min-width: 200px;
    width: auto;
    padding-bottom: 20px;
    opacity: 0
}

html.dark .med-flaglink,
html.dark .med-origlink {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    color: #1da1f2;
    line-height: 1.4
}

html.dark .med-flaglink:hover,
html.dark .med-origlink:hover {
    color: #1da1f2;
    text-decoration: underline
}

html.dark .med-flaglink {
    left: auto;
    right: 0
}

html.dark .med-img {
    width: 100%
}

html.dark .s-shorter {
    bottom: 150px
}

html.dark .is-loaded {
    background: 0 0
}

html.dark .follow-from-accounts-button {
    width: 92px
}

html.dark .from-handle {
    line-height: 32px
}

html.dark .embed-modal {
    height: 350px;
    max-width: 518px;
    transition: height .4s
}

html.dark .embed-modal .mdl-inner {
    padding: 0
}

html.dark .embed-modal .mdl-content {
    height: auto;
    border: none;
    background: #15202b
}

html.dark .embed-modal textarea {
    height: auto;
    width: 100%;
    resize: vertical
}

html.dark .embed-iframe {
    width: 100%;
    border: none
}

html.dark .embed-iframe-container {
    overflow-y: auto;
    height: 0
}

html.dark .embed-loading-container {
    height: 150px;
    position: relative;
    border: 1px solid #000;
    border-radius: 14px
}

html.dark .embed-loading {
    position: absolute;
    top: 40%;
    left: 45%
}

html.dark .keyboard-shortcut-list-modal {
    height: 351px;
    max-width: 470px
}

html.dark .keyboard-shortcut-list-modal .mdl-inner {
    padding: 0
}

html.dark .keyboard-shortcut-list-modal .mdl-content {
    height: auto;
    border: none;
    background: #15202b;
    padding-bottom: 15px
}

html.dark .keyboard-shortcut-list-modal .mdl-column {
    float: left
}

html.dark .text-like-keyboard-key {
    padding: 2px 5px;
    background-color: #e1e8ed;
    color: #10171e;
    border: 1px solid #e1e8ed;
    border-radius: 3px;
    box-shadow: 0 1px 2px #e1e8ed, inset 0 1px 2px #fff
}

html.dark .keyboard-shortcut-list {
    width: 50%;
    padding-left: 25px;
    padding-bottom: 10px;
    font-size: 13px;
    box-sizing: border-box
}

html.dark .keyboard-shortcut-definition {
    margin: 0 0 15px
}

html.dark .keyboard-shortcut-title {
    margin-bottom: 15px
}

html.dark .action-btn {
    display: none
}

html.dark .s-member .member,
html.dark .s-nonmember .nonmember,
html.dark .s-working .working {
    display: block
}

html.dark .s-checked .checked {
    display: block;
    color: #008951
}

html.dark .list-account,
html.dark .list-filter,
html.dark .list-link,
html.dark .list-listaccount,
html.dark .list-listmember,
html.dark .list-subtitle,
html.dark .list-twitter-list {
    position: relative;
    display: block;
    padding: 11px 12px;
    font-size: 13.9px;
    color: #fff
}

html.dark .list-account:active,
html.dark .list-filter:active,
html.dark .list-link:active,
html.dark .list-listaccount:active,
html.dark .list-listmember:active,
html.dark .list-subtitle:active,
html.dark .list-twitter-list:active {
    text-decoration: none
}

html.dark .list-account,
html.dark .list-filter,
html.dark .list-link,
html.dark .list-listmember,
html.dark .list-subtitle,
html.dark .list-twitter-list {
    padding: 11px 12px
}

html.dark .list-account:hover,
html.dark .list-link:hover,
html.dark .list-listaccount:hover,
html.dark .list-listmember:hover,
html.dark .list-subtitle:hover,
html.dark .list-twitter-list:hover {
    text-decoration: none;
    color: #fff;
    background: #10171e
}

html.dark .list-account:hover:active,
html.dark .list-account:hover:focus,
html.dark .list-account:hover:hover,
html.dark .list-link:hover:active,
html.dark .list-link:hover:focus,
html.dark .list-link:hover:hover,
html.dark .list-listaccount:hover:active,
html.dark .list-listaccount:hover:focus,
html.dark .list-listaccount:hover:hover,
html.dark .list-listmember:hover:active,
html.dark .list-listmember:hover:focus,
html.dark .list-listmember:hover:hover,
html.dark .list-subtitle:hover:active,
html.dark .list-subtitle:hover:focus,
html.dark .list-subtitle:hover:hover,
html.dark .list-twitter-list:hover:active,
html.dark .list-twitter-list:hover:focus,
html.dark .list-twitter-list:hover:hover {
    text-decoration: none;
    color: #fff;
    background: #10171e
}

html.dark .chev-right {
    display: none;
    float: right;
    vertical-align: middle
}

html.dark .list-filter {
    padding: 15px 14px;
    font-size: 13px
}

html.dark .list-filter input {
    position: absolute;
    right: 15px;
    top: 6px
}

html.dark .list-filter em {
    font-style: italic
}

html.dark .list-twitter-list .inner {
    word-break: break-word;
    word-wrap: break-word;
    display: inline-block;
    width: 195px
}

html.dark .list-twitter-list .inner strong {
    color: #8899a6
}

html.dark .list-twitter-list .bytext,
html.dark .list-twitter-list .txt-ellipsis {
    font-size: 12px;
    color: #8899a6
}

html.dark .list-twitter-list .subtitle {
    display: block;
    font-size: 12px;
    color: #8899a6
}

html.dark .list-twitter-list .avatar {
    position: absolute;
    top: 15px;
    right: 15px
}

html.dark .list-twitter-list p {
    word-break: break-word;
    word-wrap: break-word;
    font-size: 12px;
    margin-right: 30px
}

html.dark .list-twitter-list .icon-protected {
    vertical-align: -2px
}

html.dark .list-subtitle span {
    display: block;
    font-size: 13px;
    color: #8899a6
}

html.dark .list-subtitle .chev-right {
    position: absolute;
    top: 21px;
    right: 14px;
    float: none
}

html.dark .list-account {
    padding: 6px 0;
    border: 0
}

html.dark .list-account.s-justify {
    padding-left: 12px
}

html.dark .list-account .avatar {
    height: 32px;
    width: 32px
}

html.dark .list-account .fullname {
    color: #fff
}

html.dark .list-account .username {
    display: block;
    color: #8899a6;
    font-size: 12px
}

html.dark .list-account .chev-right {
    position: absolute;
    top: 13px;
    right: 14px;
    float: none;
    display: none
}

html.dark .list-account i {
    margin-right: 3px;
    margin-top: 2px
}

html.dark .list-account-is-default {
    font-size: 11px;
    padding: 9px 14px
}

html.dark .list-listmember {
    position: relative;
    min-height: 50px
}

html.dark .list-listmember .avatar {
    position: absolute;
    left: 12px
}

html.dark .list-listmember .content {
    margin-left: 46px;
    margin-right: 35px
}

html.dark .list-listmember .username {
    display: inline-block;
    margin-top: 4px;
    color: #8899a6;
    font-size: 12px
}

html.dark .list-listmember .bio {
    color: #657786;
    font-size: 13px;
    line-height: 1.2em
}

html.dark .list-listmember .btn {
    position: absolute;
    right: 10px;
    top: 11px
}

html.dark .list-option-inner {
    position: relative;
    padding: 8px
}

html.dark .list-option-type h4 {
    display: inline-block;
    width: 195px;
    padding-right: 25px;
    font-weight: 700;
    text-align: right
}

html.dark .profile-card .url {
    padding: 12px 0
}

html.dark .profile-card .content {
    margin-left: 140px
}

html.dark .divider-bar {
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #000
}

html.dark select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScxOCcgaGVpZ2h0PSc4JyB2aWV3Qm94PScwIDAgMTggOCc+PHBhdGggZmlsbD0nI2FhYScgZD0nTTkuODI4NzUsMC44NDAxNjgwMjUgQzkuNTk4NzUsMC42MDgzMjgwMTggOS4yMjYyNSwwLjYwODMyODAxOCA4Ljk5NjI1LDAuODQwMTY4MDI1IEw1LjAwMTI1LDQuODY5NjQ4MTUgTDEuMDAzNzUsMC44NDAxNjgwMjUgQzAuNzczNzUsMC42MDgzMjgwMTggMC40MDEyNSwwLjYwODMyODAxOCAwLjE3MTI1LDAuODQwMTY4MDI1IEMtMC4wNTg3NSwxLjA3MjAwODAzIC0wLjA1NjI1LDEuNDQ3NDg4MDQgMC4xNzEyNSwxLjY3OTMyODA1IEw0LjU4Mzc1LDYuMTI3MTI4MTkgQzQuNjk4NzUsNi4yNDMwNDgxOSA0Ljg0ODc1LDYuMzAxMDA4MTkgNS4wMDEyNSw2LjMwMTAwODE5IEM1LjE1MTI1LDYuMzAxMDA4MTkgNS4zMDEyNSw2LjI0MzA0ODE5IDUuNDE2MjUsNi4xMjcxMjgxOSBMOS44Mjg3NSwxLjY3OTMyODA1IEMxMC4wNTg3NSwxLjQ0NzQ4ODA0IDEwLjA1ODc1LDEuMDcyMDA4MDMgOS44Mjg3NSwwLjg0MDE2ODAyNSc+PC9wYXRoPjwvc3ZnPg==);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-color: #fff
}

html.dark select::-ms-expand {
    display: none
}

html.dark input,
html.dark select {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 100%;
    line-height: 1
}

html.dark input,
html.dark label,
html.dark select,
html.dark textarea {
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic
}

html.dark input,
html.dark select,
html.dark textarea {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    background: #10171e;
    border: 1px solid #14171a;
    border-radius: 4px
}

html.dark input:focus,
html.dark select:focus,
html.dark textarea:focus {
    outline: 0
}

html.dark input.light-on-dark,
html.dark select.light-on-dark,
html.dark textarea.light-on-dark {
    color: #14171a;
    background: #fff;
    border-color: #e1e8ed
}

html.dark input:disabled {
    background-color: #10171e;
    border-color: #e1e8ed;
    opacity: .5
}

html.dark select:disabled {
    background-color: #10171e;
    opacity: .5
}

html.dark input[type=checkbox],
html.dark input[type=radio] {
    width: auto;
    height: auto;
    cursor: pointer;
    border: 0
}

html.dark input[type=button],
html.dark input[type=reset],
html.dark input[type=submit] {
    width: auto;
    height: auto
}

html.dark .focus,
html.dark input:focus,
html.dark select:focus,
html.dark textarea:focus {
    border-color: rgba(29, 161, 242, .8);
    box-shadow: inset 0 1px 3px rgba(20, 23, 26, .1), 0 0 8px rgba(29, 161, 242, .6)
}

html.dark input.on-blue:focus {
    box-shadow: 0 0 2px 3px #1da1f2
}

html.dark .frm {
    padding: 15px;
    color: #fff
}

html.dark .frm.l-tight {
    padding-bottom: 0
}

html.dark .frm-legend {
    display: none
}

html.dark .frm-input {
    margin-left: 150px
}

html.dark .frm-row {
    margin-bottom: 10px
}

html.dark .frm-row-tall {
    margin-top: 20px
}

html.dark .frm-center-row {
    margin: 10px 15px;
    text-align: center
}

html.dark .frm-input-left {
    float: left
}

html.dark .frm-input-right {
    float: right
}

html.dark .frm-inputs-list label {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
    text-align: left;
    font-weight: 400
}

html.dark input.l-fullwidth,
html.dark textarea {
    box-sizing: border-box;
    width: 100%
}

html.dark .frm-input-3-digit {
    width: 3em
}

html.dark .is-narrow-columns .frm-action-group input[type=button] {
    width: 100%;
    margin-bottom: 10px
}

html.dark .media-size-image {
    width: 61px
}

html.dark .is-narrow-columns .media-size-image {
    width: 50px
}

html.dark .s-fullform {
    padding-top: 30px
}

html.dark .with-emphasis {
    border: 1px solid #8899a6
}

html.dark .with-emphasis:disabled {
    border-color: #8899a6
}

html.dark ::-webkit-input-placeholder,
html.dark input::-webkit-input-placeholder,
html.dark textarea::-webkit-input-placeholder {
    color: #8899a6
}

html.dark ::-webkit-input-placeholder,
html.dark ::placeholder,
html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #8899a6
}

html.dark ::-webkit-validation-bubble-arrow,
html.dark ::-webkit-validation-bubble-message {
    border: 1px solid #f6809a;
    background-color: #ffb8c2
}

html.dark .s-error input {
    border-color: rgba(246, 128, 154, .8)
}

html.dark .s-error label {
    color: #a01744
}

html.dark .s-error input:focus {
    border-color: #f6809a;
    box-shadow: 0 0 6px rgba(246, 128, 154, .5)
}

html.dark .frm-accounts .header {
    padding: 10px 0;
    text-align: center
}

html.dark .frm-accounts em {
    padding: 0 5px;
    font-style: italic
}

html.dark label {
    display: block;
    margin-bottom: 5px;
    line-height: inherit
}

html.dark fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

html.dark legend {
    display: none
}

html.dark input,
html.dark select,
html.dark textarea {
    box-sizing: border-box;
    width: 100%;
    height: 28px;
    padding: 4px 8px;
    color: #fff
}

html.dark textarea {
    resize: none
}

html.dark input,
html.dark select {
    word-break: normal !important;
    word-wrap: normal !important
}

html.dark input[type=checkbox] {
    height: auto;
    margin-top: 1px;
    margin-right: 3px
}

html.dark .input-with-icon {
    padding-right: 25px
}

html.dark .control-group {
    padding-bottom: 10px
}

html.dark .controls {
    margin-left: 140px
}

html.dark .controls-space-58 {
    margin-left: 58px
}

html.dark .checkbox,
html.dark .radio {
    min-height: 18px;
    padding-left: 18px
}

html.dark .checkbox input[type=checkbox],
html.dark .radio input[type=radio] {
    float: left;
    margin-top: 2px;
    margin-left: -18px
}

html.dark .checkbox-reversed input[type=checkbox] {
    float: none;
    margin-left: 5px;
    height: auto
}

html.dark .checkbox span {
    margin-right: 20px;
    display: block
}

html.dark .control-label {
    float: left;
    width: 120px;
    padding-top: 6px
}

html.dark .fixed-width-label {
    width: 90px
}

html.dark .control-s .control-label {
    width: 64px
}

html.dark .control-s .controls {
    margin-left: 70px
}

html.dark .control-m .control-label {
    width: 100px
}

html.dark .control-m .controls {
    margin-left: 110px
}

html.dark .frm-add-col {
    padding-top: 9px
}

html.dark .frm-stacked label {
    float: none;
    display: block;
    width: auto;
    padding-top: 4px;
    margin-bottom: 0;
    text-align: left;
    line-height: 20px
}

html.dark .sch.s-searching .sch-clear {
    display: none
}

html.dark .sch.s-searching .sch-spinner {
    display: block
}

html.dark .search-input-control {
    position: relative
}

html.dark .search-input-control.has-value .search-input-perform-search {
    display: none
}

html.dark .search-input-control.has-value .search-input-clear-search,
html.dark .search-input-control.is-waiting-for-response .search-input-spinner {
    display: block
}

html.dark .search-input-control.is-waiting-for-response .search-input-clear-search,
html.dark .search-input-control.is-waiting-for-response .search-input-perform-search {
    display: none
}

html.dark .search-input-control input {
    padding-right: 25px
}

html.dark .search-input-control .icon,
html.dark .search-input-control .Icon {
    position: relative;
    top: -2px
}

html.dark .app-header .search-input-control input {
    padding: 4px 30px 4px 12px;
    font-size: 14px
}

html.dark .app-header .search-input-clear-search,
html.dark .app-header .search-input-perform-search,
html.dark .app-header .search-input-spinner {
    right: 14px
}

html.dark .search-input-clear-search,
html.dark .search-input-perform-search,
html.dark .search-input-spinner {
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -8px;
    color: #aab8c2
}

html.dark .search-input-clear-search:hover,
html.dark .search-input-perform-search:hover,
html.dark .search-input-spinner:hover {
    color: #aab8c2
}

html.dark .search-input-spinner {
    right: 6px;
    top: 14px
}

html.dark .search-input-clear-search,
html.dark .search-input-spinner {
    display: none
}

html.dark .input-clear-control {
    display: none;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -8px;
    color: #aab8c2
}

html.dark .input-clear-control:hover {
    color: #aab8c2
}

html.dark .has-value .input-clear-control {
    display: block
}

html.dark .toggle-item.is-selected {
    color: #fff;
    text-decoration: none;
    cursor: default
}

html.dark .toggle-item {
    color: #1da1f2;
    cursor: pointer
}

html.dark .toggle-item:hover {
    text-decoration: none
}

html.dark .input-prepend {
    vertical-align: middle;
    display: inline-block;
    font-size: 0
}

html.dark .add-on {
    vertical-align: top;
    display: inline-block;
    padding: 3px 1px 0 3px;
    height: 35px;
    color: #8899a6;
    font-size: 24px;
    border: 1px solid #38444d;
    border-radius: 4px 0 0 4px;
    width: auto;
    min-width: 34px;
    text-align: center;
    font-weight: 300
}

html.dark .add-on.with-emphasis {
    border: 1px solid #8899a6
}

html.dark .input-prepend input {
    margin-left: -1px;
    margin-bottom: 0;
    vertical-align: top;
    border-radius: 0 4px 4px 0;
    position: relative;
    display: inline-block;
    border-left-color: #ccd6dd
}

html.dark .add-on .icon-mention {
    font-size: 25px
}

html.dark .is-touch-column-options .accordion input,
html.dark .is-touch-column-options .accordion select,
html.dark .is-touch-column-options .accordion textarea {
    height: 35px !important
}

html.dark .is-touch-column-options .control-s .controls {
    margin-left: 90px
}

html.dark .is-touch-column-options .search-input-control .icon,
html.dark .is-touch-column-options .search-input-control .Icon {
    top: -4px
}

html.dark .is-touch-column-options input[type=checkbox] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    position: relative;
    right: 6px;
    bottom: 3px;
    height: auto
}

html.dark .is-touch-column-options .accordion label {
    font-size: 16.25px;
    padding: 5px;
    white-space: nowrap
}

html.dark .is-medium-columns .is-touch-column-options .toggle-item-text {
    display: none
}

html.dark .is-medium-columns .is-touch-column-options .toggle-item-text-truncated {
    display: inherit
}

html.dark .is-touch-compose .compose-remember-state {
    font-size: 16px;
    padding: 5px 10px;
    margin-bottom: 0;
    box-sizing: border-box;
    width: 100%;
    text-align: right
}

html.dark .is-touch-compose .compose-remember-state input[type=checkbox] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: 10px;
    height: auto
}

html.dark .is-touch-modal input,
html.dark .is-touch-modal select,
html.dark .is-touch-modal textarea {
    height: 36.4px
}

html.dark .is-touch-modal input[type=checkbox] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    position: relative;
    right: 6px;
    top: 3px;
    height: auto !important
}

html.dark .is-touch-modal label.checkbox {
    font-size: 16.9px;
    padding: 5px;
    white-space: nowrap
}

html.dark .lists-modal.is-touch-modal .list_details input[type=radio],
html.dark .settings-modal.is-touch-modal input[type=radio] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    position: relative;
    right: 6px;
    top: 3px;
    height: auto
}

html.dark .lists-modal.is-touch-modal .list_details label.radio,
html.dark .settings-modal.is-touch-modal label.radio {
    margin-left: 12px;
    padding-top: 5px
}

html.dark .lists-modal.is-touch-modal .list_details .control-group,
html.dark .settings-modal.is-touch-modal .control-group {
    padding-top: 5px;
    padding-bottom: 15px
}

html.dark .settings-modal.is-touch-modal input[type=checkbox] {
    right: 6px;
    top: 3px
}

html.dark .settings-modal.is-touch-modal label.checkbox {
    padding-left: 28px
}

html.dark .settings-modal.is-touch-modal input[type=radio] {
    right: 6px;
    top: 0
}

html.dark .settings-modal.is-touch-modal label.radio {
    padding-top: 2px;
    padding-bottom: 4px
}

html.dark .settings-modal.is-touch-modal label.control-label,
html.dark .settings-modal.is-touch-modal label.fixed-width-label.touch-larger-label {
    font-size: 16.9px
}

html.dark .is-touch-modal .fixed-width-label {
    width: 90px;
    padding-left: 20px
}

html.dark .is-touch-modal .fixed-width-label.txt-uppercase {
    width: 105px;
    padding-left: 5px;
    padding-bottom: 10px
}

html.dark .is-touch-modal .search-input-control .icon,
html.dark .is-touch-modal .search-input-control .Icon {
    top: 1px
}

html.dark .is-touch-modal .search-input-spinner {
    margin-top: -4px
}

html.dark #datepicker {
    display: none
}

html.dark #calroot {
    width: 200px;
    padding: 0 3px 3px;
    font-size: 11px;
    margin: auto
}

html.dark #calhead {
    height: 22px;
    padding: 2px 0
}

html.dark #calbody {
    background: #fff
}

html.dark #calnext,
html.dark #calprev {
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer
}

html.dark #calnext {
    float: right
}

html.dark #calnext.caldisabled,
html.dark #calprev.caldisabled {
    visibility: hidden
}

html.dark #caltitle select {
    font-size: 10px
}

html.dark #caldays {
    height: 20px;
    border-bottom: 1px solid #e1e8ed
}

html.dark #caldays span {
    float: left;
    width: 28px;
    font-size: 11px;
    color: #14171a;
    text-align: center
}

html.dark #calweeks {
    background-color: #fff;
    margin-top: 4px
}

html.dark .calweek {
    clear: left;
    height: 17px
}

html.dark .calweek a {
    float: left;
    width: 27px;
    height: 15px;
    text-decoration: none;
    font-size: 11px;
    margin-left: 1px;
    text-align: center;
    line-height: 15px;
    color: #444;
    border-radius: 3px
}

html.dark .calfocus,
html.dark .calweek a:hover {
    background-color: #ccd6dd
}

html.dark a.calsun {
    color: red
}

html.dark a.caloff {
    color: #ccd6dd
}

html.dark a.caloff:hover {
    color: #fff;
    background-color: #e1e8ed
}

html.dark a.caldisabled {
    background-color: #f5f8fa !important;
    color: #e1e8ed !important;
    cursor: default
}

html.dark #calcurrent {
    background-color: #1da1f2;
    color: #14171a
}

html.dark #caltoday {
    background-color: #e1e8ed;
    color: #fff
}

html.dark .cal {
    color: #14171a
}

html.dark .cal header {
    border-bottom: 1px #e1e8ed;
    padding: 5px
}

html.dark .cal input {
    width: 34px;
    height: 30px;
    line-height: 14px
}

html.dark #calhead {
    padding: 12px 5px;
    text-align: left;
    font-size: 13px;
    font-weight: 700
}

html.dark .form-calendar {
    position: relative
}

html.dark .cal .nav-group {
    position: absolute;
    top: 6px;
    right: 5px;
    z-index: 100
}

html.dark .prf-actions {
    font-size: 15px;
    line-height: 30px
}

html.dark .prf-header {
    position: relative;
    border-radius: 14px 14px 0 0;
    min-height: 260px;
    width: 520px;
    background: #38444d;
    background-size: cover;
    text-align: center;
    text-shadow: 0 1px 1px rgba(20, 23, 26, .8);
    color: #fff
}

html.dark .prf-header .pretty-link,
html.dark .prf-header .prf-bio a,
html.dark .prf-header .prf-siteurl {
    color: #fff
}

html.dark .prf-header .pretty-link:hover,
html.dark .prf-header .prf-bio a:hover,
html.dark .prf-header .prf-siteurl:hover {
    color: #fff;
    text-decoration: underline
}

html.dark .prf-withheld .prf-header {
    border-radius: 14px
}

html.dark .prf-header-inner-overlay {
    position: absolute;
    width: 520px;
    height: 200px;
    bottom: 0;
    background-image: linear-gradient(transparent, rgba(20, 23, 26, .55))
}

html.dark .prf-withheld .prf-header-inner-overlay {
    border-radius: 0 0 14px 14px
}

html.dark .prf .account-group {
    text-decoration: none
}

html.dark .prf .fullname {
    display: block;
    color: #fff
}

html.dark .prf .username {
    font-size: 18px;
    line-height: 24px;
    padding-top: 1px;
    display: block;
    color: #fff
}

html.dark .prf .location {
    position: relative;
    font-size: 14px
}

html.dark .prf-img {
    display: inline-block;
    border-radius: 100%;
    padding: 4px;
    margin: 20px 0 6px
}

html.dark .prf-img img {
    display: block
}

html.dark .prf-meta {
    line-height: 15px;
    border-top: 1px solid #000;
    background: #15202b
}

html.dark .prf-follow-state {
    float: right
}

html.dark .prf-header .icon,
html.dark .prf-header .Icon {
    font-size: 24px;
    text-shadow: none
}

html.dark .prf-header .icon-with-bg-round {
    width: 24px;
    height: 24px
}

html.dark .prf-header .icon-protected {
    font-size: 16px;
    margin-left: 3px
}

html.dark .prf .mdl-dismiss {
    opacity: 1;
    top: 3px;
    right: -28px
}

html.dark .prf .icon-twitter-bird,
html.dark .prf .icon-user-dd {
    line-height: .8em
}

html.dark .prf-bio {
    word-break: break-word;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    padding-bottom: 4px
}

html.dark .prf-siteurl {
    display: inline;
    max-width: 50%
}

html.dark .prf-stats {
    float: left;
    overflow: hidden;
    padding: 0 0 0 5px;
    text-transform: uppercase
}

html.dark .prf-stats li {
    display: inline-block
}

html.dark .prf-stats li+li a {
    border-left: 1px solid #000
}

html.dark .prf-stats a {
    display: block;
    padding: 11px 12px;
    font-size: 10px;
    color: #8899a6
}

html.dark .prf-stats a strong {
    display: block;
    color: #657786;
    font-size: 14px
}

html.dark .prf-stats a:hover,
html.dark .prf-stats a:hover strong {
    text-decoration: none;
    color: #005fd1
}

html.dark .prf-stats p {
    padding: 7px 12px
}

html.dark .prf .lst-profile {
    padding: 6px 0
}

html.dark .prf .lst-profile li {
    position: relative;
    width: 20%;
    display: inline-block;
    margin: 0
}

html.dark .prf .lst-profile span {
    bottom: 0;
    color: #aab8c2;
    font-size: 11px;
    text-transform: uppercase
}

html.dark .prf .lst-profile i {
    color: #aab8c2;
    margin-top: 4px;
    font-size: 34px
}

html.dark .prf .lst-profile a {
    height: 65px;
    width: auto;
    border: 0;
    border-right: 1px solid #000
}

html.dark .prf .lst-profile a:hover span {
    color: #3d5466
}

html.dark .prf .lst-profile a:hover i {
    color: #3d5466
}

html.dark .prf .lst-profile li:last-child a {
    border-right: 0
}

html.dark .module {
    position: relative;
    line-height: 16px
}

html.dark .detail-group {
    overflow: hidden;
    padding: 12px 7px 12px 0;
    border-bottom: #000
}

html.dark .prf-follow-status {
    display: none;
    margin-left: 5px;
    padding: 2px 5px;
    font-size: 10px;
    vertical-align: top;
    background-color: rgba(20, 23, 26, .25);
    color: #fff;
    text-transform: uppercase
}

html.dark .prf-follow-status.s-follows {
    display: inline
}

html.dark .profile-full-follow-status {
    background-color: #e1e8ed;
    color: inherit;
    border-radius: 3px;
    vertical-align: inherit
}

html.dark .prf-follow-state .btn-relation-group {
    margin-bottom: 2px
}

html.dark .social-proof-container {
    width: 500px;
    line-height: 18px
}

html.dark .social-proof-names {
    word-break: break-word;
    word-wrap: break-word;
    width: 85%
}

html.dark .social-proof-animating {
    height: 0;
    overflow-y: hidden;
    transition: height .2s
}

html.dark .profile-full {
    background-color: #fff;
    padding-top: 50px
}

html.dark .profile-full-header {
    position: absolute;
    top: 0;
    left: 12px;
    right: 16px
}

html.dark .profile-follow-button {
    position: absolute;
    right: 0;
    bottom: 8px
}

html.dark .profile-bg-strip {
    height: 35px
}

html.dark .profile-icon {
    color: #8899a6
}

html.dark .profile-full-avatar {
    position: relative;
    top: 1px;
    background-color: #fff
}

html.dark .profile-full-bio-count {
    color: #38444d
}

html.dark .profile-full {
    background-color: #14171a
}

html.dark .profile-icon {
    color: #ccd6dd
}

html.dark .profile-full-avatar {
    background-color: #14171a
}

html.dark .profile-full-bio-count {
    color: #ccd6dd
}

html.dark .is-inverted-dark .profile-full {
    background-color: #fff;
    padding-top: 50px
}

html.dark .is-inverted-dark .profile-full-header {
    position: absolute;
    top: 0;
    left: 12px;
    right: 16px
}

html.dark .is-inverted-dark .profile-follow-button {
    position: absolute;
    right: 0;
    bottom: 8px
}

html.dark .is-inverted-dark .profile-bg-strip {
    height: 35px
}

html.dark .is-inverted-dark .profile-icon {
    color: #8899a6
}

html.dark .is-inverted-dark .profile-full-avatar {
    position: relative;
    top: 1px;
    background-color: #fff
}

html.dark .is-inverted-dark .profile-full-bio-count {
    color: #38444d
}

html.dark .is-touch-modal .prf .mdl-dismiss {
    top: -20px;
    right: -18px;
    padding: 10px
}

html.dark .is-touch-modal .prf .mdl-dismiss i {
    font-size: 24px;
    padding: 0
}

html.dark .is-touch-modal .social-proof-container {
    width: 495px
}

html.dark .lst li {
    position: relative;
    padding: 5px;
    border-bottom: 1px solid #38444d
}

html.dark .lst .avatar {
    vertical-align: middle
}

html.dark .lst .inner {
    padding-left: 5px
}

html.dark .lst li:last-child {
    border-bottom: none
}

html.dark .lst-modal {
    display: none;
    position: absolute;
    z-index: 20;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1e8ed
}

html.dark .lst-row {
    margin: 10px 15px;
    line-height: 16px
}

html.dark .lst-group {
    margin-bottom: 10px;
    line-height: 16px
}

html.dark .lst-group h3 {
    padding: 15px 12px 5px;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase
}

html.dark .lst.l-compose-box {
    width: 516px;
    margin-top: -2px
}

html.dark .lst .s-selected {
    background-color: #1da1f2;
    color: #fff
}

html.dark .lst .s-selected .fullname,
html.dark .lst .s-selected .username {
    color: #fff
}

html.dark .lst-group .selected {
    background: #3d5466;
    color: #f5f8fa
}

html.dark .lst-group .selected a:hover {
    background: #3d5466
}

html.dark .lst-group .selected .fullname,
html.dark .lst-group .selected .inner strong,
html.dark .lst-group .selected .list-account,
html.dark .lst-group .selected .list-link,
html.dark .lst-group .selected .list-listmember,
html.dark .lst-group .selected .list-subtitle,
html.dark .lst-group .selected .list-twitter-list,
html.dark .lst-group .selected .txt-ellipsis {
    color: #f5f8fa;
    text-shadow: none
}

html.dark .lst-group .selected .bytext,
html.dark .lst-group .selected .icon-protected,
html.dark .lst-group .selected .subtitle,
html.dark .lst-group .selected .username {
    color: #eef3f7;
    text-shadow: none
}

html.dark .itm-remove {
    position: relative;
    display: block;
    border-top: 1px solid #e1e8ed;
    padding: 10px 5px 10px 32px;
    cursor: pointer
}

html.dark .itm-remove .icon,
html.dark .itm-remove .Icon {
    position: absolute;
    top: 4px;
    left: 7px
}

html.dark .caret {
    position: absolute;
    top: -7px;
    left: 50%;
    width: 12px;
    height: 8px;
    margin-left: -6px;
    overflow: hidden
}

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

html.dark .caret-outer {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #10171e
}

html.dark .caret-inner {
    top: 1px;
    left: 1px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #1c2938
}

html.dark .bg-color-twitter-white .caret-outer {
    border-bottom: 7px solid rgba(20, 23, 26, .1)
}

html.dark .bg-color-twitter-white .caret-inner {
    border-bottom: 6px solid #fff
}

html.dark .drp-h-divider {
    padding-top: 1px;
    border-bottom: 1px solid #38444d;
    margin: 5px 0
}

html.dark .drp-v-scroll {
    overflow-y: scroll
}

html.dark .dropdown-menu {
    background-color: #1c2938;
    color: #fff;
    position: absolute;
    z-index: 1001;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .7)
}

html.dark .dropdown-menu li {
    position: relative;
    display: block;
    float: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden
}

html.dark .dropdown-menu .release-notes-item,
html.dark .dropdown-menu .typeahead-item,
html.dark .dropdown-menu [data-action] {
    display: block;
    padding: 5px 20px;
    color: #fff;
    text-shadow: none;
    cursor: pointer;
    text-decoration: none
}

html.dark .dropdown-menu .release-notes-item {
    color: #fff
}

html.dark .dropdown-menu i {
    position: relative;
    left: auto;
    top: auto
}

html.dark .dropdown-menu .is-selected {
    background: #1da1f2;
    color: #fff
}

html.dark .dropdown-menu .is-selected .release-notes-item,
html.dark .dropdown-menu .is-selected [data-action] {
    color: #fff
}

html.dark .dropdown-menu .is-selected a:not(:hover):not(:focus) {
    color: #fff
}

html.dark .dropdown-menu a:not(:hover):not(:focus) {
    color: #fff
}

html.dark .dropdown-text-large {
    font-size: 14px
}

html.dark .dropdown-menu-old li:hover {
    background: #1da1f2
}

html.dark .dropdown-menu-old li:hover a {
    color: #fff
}

html.dark .dropdown-menu-old li:hover .attribution {
    color: #fff
}

html.dark .non-selectable-item {
    display: block;
    padding: 3px 15px;
    color: #8899a6
}

html.dark .options-dropdown {
    top: 35px;
    right: 25px;
    width: 150px
}

html.dark .pos-l {
    right: 50%;
    margin-top: 5px;
    margin-right: -40px;
    text-indent: 0
}

html.dark .pos-l .caret {
    left: auto;
    right: 34px
}

html.dark .obj-right .pos-l {
    margin-right: -15px
}

html.dark .obj-right .pos-l .caret {
    right: 9px
}

html.dark .pos-r {
    right: auto;
    left: 50%;
    margin-top: 5px;
    margin-left: -15px;
    margin-right: 0
}

html.dark .pos-r .caret {
    left: 8px;
    right: auto;
    margin-left: 0
}

html.dark .pos-r-under-icon {
    right: auto;
    left: 0;
    margin-top: 2px;
    margin-left: -25px;
    margin-right: 0;
    max-width: 240px
}

html.dark .pos-r-under-icon .caret {
    left: 29px;
    right: auto;
    margin-left: 0
}

html.dark .pos-t {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 5px
}

html.dark .pos-t .caret {
    top: auto;
    bottom: -7px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html.dark .pos-br {
    z-index: 10000;
    bottom: 0;
    top: auto;
    left: 215px;
    margin-bottom: 0;
    margin-left: -17px;
    margin-top: 0
}

html.dark .pos-br .caret {
    top: auto;
    left: -3px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    bottom: 12px
}

html.dark .is-condensed .pos-br {
    left: 67px
}

html.dark .ovl-trap {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

html.dark .conversation-menu-position {
    margin-top: -15px;
    right: 50px
}

html.dark .conversation-menu-position .caret {
    right: 6px
}

html.dark .update-available-item:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    background-color: #ffad1f;
    content: ""
}

html.dark .is-selected .update-available-item:before {
    background-color: rgba(56, 68, 77, .2)
}

html.dark .popover {
    z-index: 100;
    position: absolute;
    background-color: #1c2938;
    border-radius: 14px;
    transition-property: max-height;
    transition-duration: 50ms;
    transition-timing-function: linear;
    box-shadow: 0 0 10px #10171e;
    max-height: calc(100vh - 72px)
}

html.dark .popover-content {
    overflow-x: hidden
}

html.dark .popover-position-rt {
    z-index: 1000;
    left: 190px;
    top: 0;
    margin-top: 0
}

html.dark .is-condensed .popover-position-rt {
    left: 45px
}

html.dark .popover-position-rt>.caret {
    bottom: auto;
    left: -3px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    top: 16px
}

html.dark .card-container iframe {
    border: 0;
    width: 100%
}

html.dark .hw-card-container a,
html.dark .hw-card-container a:hover {
    color: inherit;
    text-decoration: none
}

html.dark .release-notes {
    padding: 30px;
    font-size: 14px;
    line-height: 20px
}

html.dark .release-notes h2 {
    line-height: 1.5em;
    font-size: 20px;
    padding: 15px 0 0
}

html.dark .release-notes h2:first-child {
    padding-top: 0
}

html.dark .release-notes-header {
    padding: 20px 30px;
    font-size: 28px
}

html.dark .release-notes-header-title {
    font-size: 28px;
    margin-top: 16px
}

html.dark .release-notes-header-subtitle {
    color: #8899a6;
    font-size: 14px;
    overflow: hidden
}

html.dark .release-notes-section {
    margin-bottom: 30px
}

html.dark .release-notes-image,
html.dark .release-notes-image-bullet {
    margin-top: 5px;
    margin-right: 20px
}

html.dark .release-notes-image-bullet {
    border: 1px solid #e1e8ed
}

html.dark .release-notes-modal {
    height: 626px
}

html.dark .release-notes-modal .mdl-content {
    height: auto;
    border: none;
    background: 0 0
}

html.dark .release-notes-modal .mdl-inner {
    top: 0;
    padding: 0
}

html.dark .login-container {
    min-height: 100%;
    position: relative
}

html.dark .startflow-background {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/login_bg.691f441cab.jpg);
    background-size: cover;
    background-position: 50%
}

html.dark .startflow-background:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #38444d;
    opacity: .8;
    background-image: linear-gradient(36deg, #005fd1, transparent)
}

html.dark .app-masthead {
    height: 45px
}

html.dark .has-login body {
    overflow-y: auto
}

html.dark .startflow {
    margin-top: 125px;
    padding-bottom: 100px
}

html.dark .app-signin-wrap {
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    width: 80%;
    max-width: 850px
}

html.dark .startflow-link {
    color: #1da1f2;
    text-decoration: none
}

html.dark .startflow-link:active,
html.dark .startflow-link:focus,
html.dark .startflow-link:hover {
    color: #1da1f2;
    text-decoration: underline
}

html.dark .startflow-link-on-background {
    color: #1da1f2
}

html.dark .app-info {
    box-sizing: border-box;
    height: 100%;
    width: 100%
}

html.dark .app-info-panel {
    box-sizing: border-box;
    max-width: 400px;
    margin-right: 400px;
    padding-top: 30px;
    position: relative
}

html.dark .app-info-byline {
    font-weight: 300
}

html.dark .app-info-text {
    margin-top: -28px
}

html.dark .app-info-title {
    color: #fff;
    font-size: 40px;
    font-weight: 400
}

html.dark .app-info-text p {
    color: #ccd6dd;
    font-size: 16px;
    margin-top: 15px;
    line-height: 22px
}

html.dark .app-info-signup {
    position: absolute;
    bottom: 30px;
    right: 30px
}

html.dark .toggle-login-type {
    font-size: 18px
}

html.dark .app-signin-form {
    display: inline-block;
    width: 330px
}

html.dark .form-legend {
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccd6dd;
    color: #14171a
}

html.dark .form-new {
    margin-top: 28px
}

html.dark .startflow-panel,
html.dark .startflow-panel-rounded {
    background-color: #fff;
    color: #38444d;
    border: 1px solid #38444d
}

html.dark .startflow-panel-rounded {
    border-radius: 5px
}

html.dark .form-newto-txt {
    font-size: 18px;
    line-height: 30px
}

html.dark .form-login-email,
html.dark .form-login-pwd,
html.dark .form-login-username {
    height: 40px;
    font-size: 16px;
    padding: 10px 8px
}

html.dark .form-login .form-login-username {
    width: 256px
}

html.dark .form-login .form-login-pwd {
    margin-right: 5px;
    width: 208px
}

html.dark .add-account .form-login-pwd,
html.dark .add-account .form-login-username {
    font-size: 14px
}

html.dark .privacy-info {
    font-size: 13px;
    color: #aab8c2
}

html.dark .privacy-info li {
    display: inline
}

html.dark .privacy-info a,
html.dark .privacy-info a:active,
html.dark .privacy-info a:hover,
html.dark .privacy-info a:visited {
    color: #aab8c2
}

html.dark .form-login .btn-login {
    font-size: 16px;
    height: 39px;
    margin-top: 2px;
    width: 79px
}

html.dark .form-message {
    color: #fff;
    font-size: 13px;
    border-radius: 5px
}

html.dark .form-error-message {
    background-color: #a01744
}

html.dark .form-success-message,
html.dark .form-warning-message {
    background-color: #008951
}

html.dark .yellow-highlight {
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/yellow-highlight.aa166c086c.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 100%
}

@media only screen and (max-width:880px) {
    html.dark .app-signin-form {
        margin: 0 auto 60px;
        display: block;
        position: static
    }
    html.dark .app-info-panel {
        margin: 0 auto
    }
    html.dark .signin-form {
        margin-top: 40px
    }
    html.dark .startflow {
        margin-top: 30px
    }
}

@media only screen and (max-width:350px) {
    html.dark .app-signin-form {
        width: 300px
    }
    html.dark .form-login-username {
        width: 229px
    }
    html.dark .form-login-pwd {
        width: 178px
    }
}

html.dark .startflow-wrap {
    max-width: 960px
}

html.dark .startflow-message-wrap,
html.dark .startflow-wrap {
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    width: 100%
}

html.dark .startflow-message-wrap {
    max-width: 670px
}

html.dark .startflow-msg-header {
    background-color: #ccd6dd;
    font-size: 20px
}

html.dark .startflow-msg-warning {
    background-color: #ffad1f;
    font-size: 20px
}

html.dark .startflow-message-wrap p {
    padding: 10px 0
}

html.dark .form-verification {
    width: 50%;
    height: 30px;
    padding: 5px 8px
}

html.dark .compose {
    background-color: #3d5466;
    color: #fff;
    height: 100vh
}

html.dark .compose .Icon--close,
html.dark .compose .icon-close {
    line-height: 14px
}

html.dark .compose-header {
    height: 55px;
    border-bottom: 1px solid #657786;
    line-height: 38px
}

html.dark .compose-title {
    box-sizing: border-box;
    margin-top: 8px;
    max-width: 100%;
    transition: margin, .25s
}

html.dark .application:not(.is-condensed) .compose-title {
    margin-top: 10px
}

html.dark .compose-title-text {
    font-size: 16px;
    font-weight: 700
}

html.dark .compose-content {
    left: 0;
    right: 0
}

html.dark .compose-text-container {
    background-color: #fff
}

html.dark .compose-text {
    width: 100%;
    height: 130px;
    resize: none;
    border: none;
    color: #14171a
}

html.dark .compose-text:focus {
    box-shadow: none;
    outline: none
}

html.dark .compose-text-title {
    color: #71c9f8;
    color: #fff
}

html.dark .compose-send-button-success {
    color: #fff;
    left: 48%;
    top: 2px
}

html.dark .compose-reply-avatar {
    vertical-align: -7px
}

html.dark .compose-reply-tweet {
    position: relative;
    background-color: #e1e8ed;
    font-size: 12px;
    font-weight: 400;
    color: #38444d;
    word-wrap: break-word;
    word-break: break-word
}

html.dark .compose-reply-tweet-remove {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #38444d
}

html.dark .compose-reply-tweet-remove .Icon--close,
html.dark .compose-reply-tweet-remove .icon-close {
    font-size: 18px
}

html.dark .compose-reply-tweet .tweet-body a {
    color: #1da1f2
}

html.dark .compose-reply-tweet .tweet-truncation-more {
    display: none
}

html.dark .compose-reply-tweet .fullname {
    color: #38444d
}

html.dark .compose-reply-tweet .username {
    color: #8899a6;
    font-size: 12px
}

html.dark .replyto-caret {
    position: absolute;
    bottom: 0;
    left: 14px;
    z-index: 1;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #fff
}

html.dark .compose-message-account {
    height: 36px;
    border: none;
    color: #14171a;
    font-size: 1rem;
    border-radius: 4px
}

html.dark .compose-message-recipient-input-container {
    max-height: 130px
}

html.dark .compose-message-recipient {
    border: 1px solid #e1e8ed
}

html.dark .compose-message-account-hidden {
    position: absolute;
    left: -1000px
}

html.dark .compose-message-account:focus {
    box-shadow: none
}

html.dark .compose-message-recipient-input-container.is-focused {
    box-shadow: 0 0 2px 3px #1da1f2;
    outline: 0
}

html.dark .compose-message-recipient-container .typeahead-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
    max-width: none
}

html.dark .compose-media-grid-holder .media-grid-container {
    height: 108px
}

html.dark .compose-media-grid-remove {
    position: absolute;
    top: 2px;
    right: 3px
}

html.dark .compose-media-bar-holder {
    position: relative;
    text-align: center;
    line-height: 0;
    background-color: #fff
}

html.dark .compose-media-info-bar-holder {
    background-color: #fff;
    color: #8899a6
}

html.dark .compose-media-info-bar {
    background: #e1e8ed
}

html.dark .compose-media-info-bar .icon,
html.dark .compose-media-info-bar .Icon {
    line-height: 1em
}

html.dark .processing-video-spinner {
    padding-top: 75px;
    background-image: url(https://ton.twimg.com/tweetdeck-web/web/assets/global/backgrounds/spinner-fff-on-292F33.1b552f315c.gif);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 75%;
    background-size: 32px
}

html.dark .compose-media-bar-remove {
    position: absolute;
    top: 14px;
    right: 14px
}

html.dark .compose-media-compressed .compose-media-bar-thumb {
    width: auto
}

html.dark .compose-accounts {
    margin-left: -8px;
    margin-right: -8px
}

html.dark .compose-accounts .compose-account {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px
}

html.dark .compose-accounts.is-minigrid {
    margin-left: -4px;
    margin-right: -5px
}

html.dark .compose-accounts.is-minigrid .compose-account {
    margin-left: 4px;
    margin-right: 5px;
    margin-bottom: 9px
}

html.dark .compose-account {
    position: relative;
    border-radius: 100%;
    color: #fff
}

html.dark .is-list .compose-account {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 14px;
    background-color: transparent
}

html.dark .compose-account-names {
    opacity: .47
}

html.dark .compose-account-img {
    display: block;
    opacity: .3;
    background-color: #657786
}

html.dark .compose-account:hover {
    color: #fff
}

html.dark .compose-account:focus {
    color: #fff;
    outline: none
}

html.dark .compose-account:focus .compose-account-img {
    box-shadow: 0 0 2px 3px #1da1f2;
    outline: 0
}

html.dark .compose-account:not(.is-selected):focus .compose-account-img,
html.dark .compose-account:not(.is-selected):hover .compose-account-img {
    opacity: .5
}

html.dark .compose-account:not(.is-selected):focus .compose-account-names,
html.dark .compose-account:not(.is-selected):hover .compose-account-names {
    opacity: .67
}

html.dark .is-list .is-selected.compose-account,
html.dark .is-selected.compose-account .compose-account-img {
    box-shadow: none
}

html.dark .is-selected.compose-account:focus .compose-account-img {
    box-shadow: 0 0 2px 3px #1da1f2;
    outline: 0
}

html.dark .is-selected .compose-account-img {
    opacity: .9999
}

html.dark .is-selected .compose-account-names {
    opacity: 1
}

html.dark .compose-account-selected {
    display: none;
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%;
    background-color: #17bf63;
    box-shadow: none
}

html.dark .compose-account-selected .icon:before,
html.dark .compose-account-selected .Icon:before {
    font-weight: 700
}

html.dark .is-selected .compose-account-selected {
    display: block
}

html.dark .account-selector-grid-mode {
    opacity: .2
}

html.dark .is-selected.account-selector-grid-mode {
    opacity: .67
}

html.dark .compose-remember-state {
    color: #fff
}

html.dark .touch-device .compose-content .scroll-v {
    -webkit-overflow-scrolling: auto
}

html.dark .video-container .video-controls {
    background: rgba(0, 0, 0, .5);
    background: linear-gradient(transparent, rgba(0, 0, 0, .65))
}

html.dark .video-container .video-controls .icon-pause,
html.dark .video-container .video-controls .icon-play,
html.dark .video-container .video-controls .icon-sound,
html.dark .video-container .video-controls .icon-sound-off {
    line-height: .8em
}

html.dark .new-composer-bottom-button {
    background: #15202b;
    border: 2px solid transparent
}

html.dark .new-composer-bottom-button:hover {
    background: #10171e
}

html.dark .new-composer-bottom-button:hover:active,
html.dark .new-composer-bottom-button:hover:focus {
    background: #10171e
}

html.dark .new-composer-bottom-button:active,
html.dark .new-composer-bottom-button:focus {
    background: #15202b;
    box-shadow: none;
    border: 2px solid #1da1f2
}

html.dark .old-composer-footer {
    background-color: #3d5466
}

html.dark .old-composer-footer .new-composer-opt-in {
    background-color: #3d5466;
    border: 1px solid #657786;
    border-right: none;
    border-left: none
}

html.dark .old-composer-footer .new-composer-opt-in:focus,
html.dark .old-composer-footer .new-composer-opt-in:hover {
    background-color: #6b7d8c !important
}

html.dark .column-navigator {
    counter-reset: column-nav;
    position: absolute;
    top: 112px;
    left: 0;
    right: 0;
    bottom: 199px
}

html.dark .column-navigator-overflow {
    bottom: 260px
}

html.dark .column-nav-link {
    position: relative;
    height: 100%;
    color: #aab8c2;
    cursor: pointer
}

html.dark .column-nav-link:active,
html.dark .column-nav-link:focus {
    outline: none;
    color: #aab8c2
}

html.dark .column-nav-link.is-selected,
html.dark .column-nav-link:hover {
    color: #fff
}

html.dark .column-nav-item {
    position: relative;
    height: 45px;
    box-sizing: border-box;
    counter-increment: column-nav;
    color: #aab8c2;
    background-color: #1c2938
}

html.dark .column-nav-link:after {
    content: counter(column-nav);
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 12px;
    color: #8899a6
}

html.dark .column-nav-link .icon,
html.dark .column-nav-link .Icon {
    padding-left: 4px
}

html.dark .column-nav-link .attribution {
    display: block;
    line-height: 1;
    font-size: 12px;
    color: #8899a6
}

html.dark .column-nav-link .column-heading {
    display: block;
    vertical-align: bottom;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-right: 10px;
    color: #fff
}

html.dark .draggable-dragging {
    box-shadow: 0 4px 10px rgba(20, 23, 26, .8)
}

html.dark .column-nav-flyout {
    z-index: 1000;
    position: absolute;
    left: 60px;
    max-width: 280px;
    line-height: 41px
}

html.dark .is-condensed .column-nav-link:after {
    visibility: hidden
}

html.dark .is-condensed .column-nav-link:hover:after,
html.dark .is-condensed .draggable-dragging .column-nav-link:after {
    visibility: visible;
    right: 0;
    top: 15px
}

html.dark .nav-user-info {
    position: absolute;
    height: 36px;
    bottom: 65px;
    left: 0;
    right: 0
}

html.dark .nav-user-info .username {
    color: #8899a6;
    font-size: 12px
}

html.dark .nav-user-info .fullname {
    color: #fff;
    font-size: 16px
}

html.dark .account-bio {
    color: #8899a6
}

html.dark .media-img {
    max-width: 100%;
    vertical-align: middle
}

html.dark .DatePickerDropdown.Dropdown {
    padding: 0
}

html.dark .DatePickerDropdown.Dropdown,
html.dark .DatePickerDropdown.Dropdown .Dropdown-menuItemList {
    max-width: none
}

html.dark .DatePickerDropdown-menuItem {
    padding: 15px
}

html.dark .DatePickerDropdown-menuItem--footer {
    padding: 10px 15px;
    border-top: 1px solid #ccd6dd;
    background-color: #f5f8fa;
    text-align: right
}

html.dark .DatePickerDropdown-menuItem--footer .Button+.Button,
html.dark .DatePickerDropdown-menuItem--footer .Button+button,
html.dark .DatePickerDropdown-menuItem--footer .Button+input[type=button],
html.dark .DatePickerDropdown-menuItem--footer button+.Button,
html.dark .DatePickerDropdown-menuItem--footer button+button,
html.dark .DatePickerDropdown-menuItem--footer button+input[type=button],
html.dark .DatePickerDropdown-menuItem--footer input[type=button]+.Button,
html.dark .DatePickerDropdown-menuItem--footer input[type=button]+button,
html.dark .DatePickerDropdown-menuItem--footer input[type=button]+input[type=button] {
    margin-left: 10px
}

html.dark .DatePicker {
    font-size: 12px;
    line-height: 18px;
    width: 210px
}

html.dark .DatePicker-nav {
    height: 40px;
    line-height: 30px;
    text-align: center
}

html.dark .DatePicker-nav .FormSelect {
    width: 73px
}

html.dark .DatePicker-nav .FormSelect .Button,
html.dark .DatePicker-nav .FormSelect button,
html.dark .DatePicker-nav .FormSelect input[type=button] {
    text-align: center
}

html.dark .DatePicker-monthButton {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    color: #1da1f2;
    background: 0 0;
    line-height: 1
}

html.dark .DatePicker-monthButton:focus,
html.dark .DatePicker-monthButton:hover {
    color: #005fd1
}

html.dark .DatePicker-monthButton[disabled] {
    color: #ccd6dd
}

html.dark .DatePicker-monthButton--left {
    float: left
}

html.dark .DatePicker-monthButton--right {
    float: right
}

html.dark .DatePicker-calendar {
    font-size: 12px;
    line-height: 18px;
    display: table;
    border-collapse: separate;
    border-spacing: 0 4px
}

html.dark .DatePicker-calendarHeader {
    display: table-header-group
}

html.dark .DatePicker-calendarBody {
    display: table-row-group
}

html.dark .DatePicker-calendarWeek {
    display: table-row
}

html.dark .DatePicker-calendarDay,
html.dark .DatePicker-calendarDayHeader {
    display: table-cell;
    width: 30px;
    height: 30px;
    padding: 1px;
    line-height: 28px
}

html.dark .DatePicker-calendarDayHeader {
    text-align: center;
    font-weight: 700;
    color: #657786
}

html.dark .DatePicker-calendarDay {
    border-radius: 15px;
    text-align: center;
    color: #ccd6dd
}

html.dark .DatePicker-calendarDay.is-selectable {
    color: #14171a;
    cursor: pointer
}

html.dark .DatePicker-calendarDay.is-selectable.is-adjacentMonth {
    color: #657786
}

html.dark .DatePicker-calendarDay.is-selectable:hover {
    background-color: #005fd1;
    color: #fff
}

html.dark .DatePicker-calendarDay.is-withinRange {
    border-radius: 0;
    background-color: #1da1f2;
    color: #fff
}

html.dark .DatePicker-calendarDay.is-withinRange.is-adjacentMonth {
    color: #ccd6dd
}

html.dark .DatePicker-calendarDay.is-rangeEnd,
html.dark .DatePicker-calendarDay.is-rangeStart {
    background-color: #005fd1;
    color: #fff
}

html.dark .DatePicker-calendarDay.is-rangeEnd.is-adjacentMonth,
html.dark .DatePicker-calendarDay.is-rangeStart.is-adjacentMonth {
    color: #ccd6dd
}

html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd,
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart,
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-withinRange {
    padding: 0 1px;
    border: 1px solid #1da1f2;
    border-width: 1px 0;
    background-color: #fff;
    color: #14171a
}

html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd.is-adjacentMonth,
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart.is-adjacentMonth,
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-withinRange.is-adjacentMonth {
    color: #657786
}

html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd,
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart {
    background-color: #eaf5fd
}

html.dark .DatePicker-time {
    padding-top: 10px;
    border-top: 1px solid #ccd6dd;
    margin-top: 10px;
    text-align: center
}

html.dark .DatePicker-time .TimePicker {
    width: 75px
}

html.dark .DatePicker-timeZone {
    margin-top: 10px;
    color: #657786;
    text-align: center
}

html.dark .DatePicker--fixedHeight {
    height: 282px
}

html.dark .DatePicker--withoutCalendarHeader .DatePicker-calendarDayHeader {
    display: none
}

html.dark .DatePicker--withoutCalendarHeader.DatePicker--fixedHeight {
    height: 248px
}

html.dark .DatePicker--withoutAdjacentMonthDays .DatePicker-calendarDay.is-adjacentMonth {
    visibility: hidden
}

html.dark .DatePicker:not([dir=rtl]) .DatePicker-yearFormSelect {
    margin-left: 4px
}

html.dark .DatePicker:not([dir=rtl]) .DatePicker-calendarDay.is-rangeStart {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

html.dark .DatePicker:not([dir=rtl]) .DatePicker-calendarDay.is-rangeEnd {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

html.dark .DatePicker:not([dir=rtl]).DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart {
    padding-left: 0;
    border-left-width: 1px
}

html.dark .DatePicker:not([dir=rtl]).DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd {
    padding-right: 0;
    border-right-width: 1px
}

html.dark .DatePicker[dir=rtl] .DatePicker-yearFormSelect {
    margin-right: 4px
}

html.dark .DatePicker[dir=rtl] .DatePicker-calendarDay.is-rangeStart {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

html.dark .DatePicker[dir=rtl] .DatePicker-calendarDay.is-rangeEnd {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

html.dark .DatePicker[dir=rtl].DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart {
    padding-right: 0;
    border-right-width: 1px
}

html.dark .DatePicker[dir=rtl].DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd {
    padding-left: 0;
    border-left-width: 1px
}

html.dark .Dropdown {
    position: absolute;
    display: none;
    margin: 3px 0;
    background-color: hsla(0, 0%, 100%, .98);
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    z-index: 9;
    outline: none
}

html.dark .Dropdown.is-open {
    display: block
}

html.dark .Dropdown.Dropdown--withScrollbarX {
    overflow-x: scroll
}

html.dark .Dropdown.Dropdown--withScrollbarY {
    overflow-y: scroll
}

html.dark .Dropdown.Dropdown--withMenuItemList {
    max-width: none
}

html.dark .Dropdown.Dropdown--withMenuItemList.is-open {
    display: flex
}

html.dark .Dropdown.Dropdown--withMenuItemList,
html.dark .Dropdown.Dropdown--withMenuItemList.Dropdown--withScrollbarX,
html.dark .Dropdown.Dropdown--withMenuItemList.Dropdown--withScrollbarY {
    overflow: hidden
}

html.dark .Dropdown,
html.dark .Dropdown-menuItemList {
    max-width: 274px;
    padding: 0;
    list-style: none
}

html.dark .Dropdown-menuItemList {
    max-height: 100%;
    margin: 0;
    overflow-x: auto
}

html.dark .Dropdown--bottom .Dropdown-menuItemList {
    align-self: flex-end
}

html.dark .Dropdown-menuItemList--withScrollbarY {
    overflow-y: scroll
}

html.dark .Dropdown-detailPanel {
    order: 1;
    width: 240px;
    padding: 9px 12px;
    border: solid #ccd6dd;
    border-width: 0 0 0 1px;
    overflow: auto;
    background-color: #f5f8fa
}

html.dark .Dropdown--right .Dropdown-detailPanel {
    order: -1;
    border-width: 0 1px 0 0
}

html.dark .Dropdown-divider {
    height: 1px;
    margin: 5px 1px 6px;
    overflow: hidden;
    background-color: #ccd6dd
}

html.dark .Dropdown-menuItem {
    font-size: 12px;
    line-height: 18px;
    display: block;
    overflow: hidden;
    cursor: pointer
}

html.dark .Dropdown-menuItem:first-child {
    margin-top: 5px
}

html.dark .Dropdown-menuItem:last-child {
    margin-bottom: 5px
}

html.dark .Dropdown-menuGroupLabel,
html.dark .Dropdown-menuItem .Dropdown-menuItemContent {
    display: block;
    width: 100%;
    padding: 3.5px 13px;
    background: 0 0;
    border: none;
    color: #14171a;
    text-align: left;
    text-decoration: none;
    font-weight: 400
}

html.dark .Dropdown-menuItem .Dropdown-menuItemContent input[type=checkbox] {
    margin-right: 5px
}

html.dark .Dropdown-menuItem .Dropdown-menuItemContent .Icon--check {
    display: inline-block;
    visibility: hidden;
    width: 10px;
    margin-right: 5px;
    margin-top: 0;
    margin-left: 2px;
    line-height: 1;
    color: #1da1f2
}

html.dark .Dropdown-menuItem .Dropdown-menuItemContent input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0
}

html.dark .Dropdown-menuItem .Dropdown-menuItemContent input[type=radio]:checked+.Icon.Icon--check {
    visibility: visible
}

html.dark .Dropdown-menuItem.is-focus {
    background-color: #1da1f2
}

html.dark .Dropdown-menuItem.is-focus .Dropdown-menuItemContent,
html.dark .Dropdown-menuItem.is-focus input[type=radio]:checked+.Icon.Icon--check {
    color: #fff
}

html.dark .Dropdown-menuItem.is-focus .User .Icon,
html.dark .Dropdown-menuItem.is-focus .User .User-screenName {
    color: #fff
}

html.dark .Dropdown-menuItem.is-focus .User .Icon--verified:before {
    color: #1da1f2
}

html.dark .Dropdown-menuItem .Dropdown-menuItemDetail {
    display: none
}

html.dark .Dropdown-menuGroupLabel {
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    color: #657786
}

html.dark .Dropdown-menuGroupLabel:first-child {
    margin-top: 5px
}

html.dark .Dropdown-menuGroupLabel:last-child {
    margin-bottom: 5px
}

html.dark .FormSelect {
    display: inline-block;
    position: relative;
    min-width: 0
}

html.dark .FormSelect.is-disabled select,
html.dark .FormSelect[disabled] select {
    display: none
}

html.dark .FormSelect select {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

html.dark .FormSelect .Button,
html.dark .FormSelect .FormInput,
html.dark .FormSelect button,
html.dark .FormSelect input[type=button] {
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

html.dark .FormSelect .Button-adornment {
    position: absolute
}

html.dark .FormSelect .Button,
html.dark .FormSelect button,
html.dark .FormSelect input[type=button] {
    padding-right: 36px
}

html.dark .FormSelect .Button .Button-adornment,
html.dark .FormSelect button .Button-adornment,
html.dark .FormSelect input[type=button] .Button-adornment {
    right: 15px
}

html.dark .FormSelect .Button--xsmall {
    padding-right: 31px
}

html.dark .FormSelect .Button--xsmall .Button-adornment {
    right: 13px
}

html.dark .FormSelect .Button--small {
    padding-right: 31px
}

html.dark .FormSelect .Button--small .Button-adornment {
    right: 13px
}

html.dark .app-header .search-input-control .FormSelect input,
html.dark .FormSelect .app-header .search-input-control input,
html.dark .FormSelect .Button--large {
    padding-right: 46px
}

html.dark .app-header .search-input-control .FormSelect input .Button-adornment,
html.dark .FormSelect .app-header .search-input-control input .Button-adornment,
html.dark .FormSelect .Button--large .Button-adornment {
    right: 19px
}

html.dark .ProgressBar {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    overflow: hidden;
    border-radius: 2px;
    background-color: #ccd6dd;
    height: 3px;
    color: #1da1f2
}

html.dark .ProgressBar::-ms-fill {
    border: none
}

html.dark .ProgressBar::-moz-progress-bar {
    background-color: #ccd6dd
}

html.dark .ProgressBar::-webkit-progress-bar {
    background-color: #ccd6dd
}

html.dark .ProgressBar.ProgressBar:indeterminate {
    border-top: 1.5px solid #ccd6dd;
    border-bottom: 1.5px solid #ccd6dd
}

html.dark .ProgressBar::-moz-progress-bar {
    background-color: #1da1f2
}

html.dark .ProgressBar::-webkit-progress-value {
    background-color: #1da1f2
}

html.dark .ProgressBar::-webkit-progress-bar {
    border-radius: 2px;
    overflow: hidden
}

html.dark .ProgressBar::-webkit-progress-value {
    border-radius: 2px 0 0 2px;
    transition: width .6s ease
}

html.dark .ProgressBar::-moz-progress-bar {
    border-radius: 2px 0 0 2px
}

html.dark .ProgressBar--red {
    color: #e0245e
}

html.dark .ProgressBar--red::-moz-progress-bar {
    background-color: #e0245e
}

html.dark .ProgressBar--red::-webkit-progress-value {
    background-color: #e0245e
}

html.dark .ProgressBar--yellow {
    color: #ffad1f
}

html.dark .ProgressBar--yellow::-moz-progress-bar {
    background-color: #ffad1f
}

html.dark .ProgressBar--yellow::-webkit-progress-value {
    background-color: #ffad1f
}

html.dark .ProgressBar--green {
    color: #17bf63
}

html.dark .ProgressBar--green::-moz-progress-bar {
    background-color: #17bf63
}

html.dark .ProgressBar--green::-webkit-progress-value {
    background-color: #17bf63
}

html.dark .ProgressBar--blue {
    color: #1da1f2
}

html.dark .ProgressBar--blue::-moz-progress-bar {
    background-color: #1da1f2
}

html.dark .ProgressBar--blue::-webkit-progress-value {
    background-color: #1da1f2
}

html.dark .ProgressBar--white {
    background-color: #657786;
    color: #fff
}

html.dark .ProgressBar--white::-moz-progress-bar {
    background-color: #657786
}

html.dark .ProgressBar--white::-webkit-progress-bar {
    background-color: #657786
}

html.dark .ProgressBar--white::-moz-progress-bar {
    background-color: #fff
}

html.dark .ProgressBar--white::-webkit-progress-value {
    background-color: #fff
}

html.dark .ProgressBar--large {
    height: 9px
}

html.dark .ProgressBar--large.ProgressBar:indeterminate {
    border-top: 4.5px solid #ccd6dd;
    border-bottom: 4.5px solid #ccd6dd
}

@-webkit-keyframes feather-notification-list-show {
    0% {
        display: none;
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    1% {
        display: block
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes feather-notification-list-show {
    0% {
        display: none;
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    1% {
        display: block
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes feather-notification-list-hide {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes feather-notification-list-hide {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

html.dark .Layer.NotificationListLayer {
    z-index: 5100
}

html.dark .NotificationList {
    position: absolute;
    right: 9px;
    top: 9px;
    width: 372px;
    padding: 0;
    margin: 0;
    list-style: none
}

html.dark .Notification {
    height: 0;
    -webkit-animation-name: feather-notification-list-show;
    animation-name: feather-notification-list-show;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transition: height .2s ease-in-out
}

html.dark .Notification:not(:last-child):not(.is-expired) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

html.dark .Notification.is-expired {
    -webkit-animation-name: feather-notification-list-hide;
    animation-name: feather-notification-list-hide;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}

html.dark .Notification-inner {
    position: absolute;
    display: flex;
    width: 100%;
    margin-bottom: 9px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

html.dark .Notification-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    min-height: 54px;
    border-radius: 4px 0 0 4px;
    background-color: #1da1f2;
    color: #fff
}

html.dark .Notification-icon .Icon {
    position: relative;
    top: -1px
}

html.dark .Notification-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    width: 0;
    padding: 8px 27px 8px 12px;
    border: 1px solid #ccd6dd;
    border-left-width: 0;
    border-radius: 0 4px 4px 0;
    background-color: #fff
}

html.dark .Notification-title {
    font-weight: 700
}

html.dark .Notification-title+.Notification-body {
    font-size: 12px;
    line-height: 18px;
    position: relative;
    top: 1px;
    color: #657786
}

html.dark .Notification-closeButton {
    position: absolute;
    right: 0;
    height: 27px;
    width: 27px;
    line-height: 0;
    color: #aab8c2;
    transition: color .15s ease;
    cursor: pointer
}

html.dark .Notification-closeButton:focus,
html.dark .Notification-closeButton:hover {
    color: #657786
}

html.dark .Notification--green .Notification-icon {
    background-color: #17bf63
}

html.dark .Notification--red .Notification-icon {
    background-color: #e0245e
}

@-webkit-keyframes feather-notification-list-show-rtl {
    0% {
        display: none;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    1% {
        display: block
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes feather-notification-list-show-rtl {
    0% {
        display: none;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    1% {
        display: block
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes feather-notification-list-hide-rtl {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes feather-notification-list-hide-rtl {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

html.dark [dir=rtl] .NotificationList {
    right: auto;
    left: 9px
}

html.dark [dir=rtl] .Notification {
    -webkit-animation-name: feather-notification-list-show-rtl;
    animation-name: feather-notification-list-show-rtl
}

html.dark [dir=rtl] .Notification.is-expired {
    -webkit-animation-name: feather-notification-list-hide-rtl;
    animation-name: feather-notification-list-hide-rtl
}

html.dark [dir=rtl] .Notification-icon {
    border-radius: 0 4px 4px 0
}

html.dark [dir=rtl] .Notification-content {
    padding-right: 12px;
    padding-left: 27px;
    border-right-width: 0;
    border-left-width: 1px;
    border-radius: 4px 0 0 4px
}

html.dark [dir=rtl] .Notification-closeButton {
    left: 0;
    right: auto
}

html.dark .Modal {
    display: none;
    bottom: 0;
    overflow: auto
}

html.dark .Modal.is-visible {
    display: block
}

html.dark .ModalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(20, 23, 26, .8);
    z-index: 5000;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

html.dark .ModalOverlay.is-visible {
    pointer-events: auto;
    opacity: 1
}

html.dark .Modal.DrawerModal {
    overflow: hidden
}

html.dark .Drawer-container {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row
}

html.dark .Drawer-neighbor {
    order: 0;
    flex: 1
}

html.dark .Drawer {
    display: flex;
    flex-direction: column;
    width: 608px;
    background-color: #fff
}

html.dark .Drawer:not([dir=rtl]) {
    border-left: 1px solid #ccd6dd
}

html.dark .Drawer[dir=rtl] {
    border-right: 1px solid #ccd6dd
}

html.dark .Drawer.Drawer--withClose.Drawer--withTitle:not([dir=rtl]) .Panel-title {
    padding-right: 19px
}

html.dark .Drawer.Drawer--withClose.Drawer--withTitle[dir=rtl] .Panel-title {
    padding-left: 19px
}

html.dark .Drawer.Drawer--withClose:not(.Drawer--withTitle):not([dir=rtl]) .Panel-body {
    padding-right: 39px
}

html.dark .Drawer.Drawer--withClose:not(.Drawer--withTitle)[dir=rtl] .Panel-body {
    padding-left: 39px
}

html.dark .Drawer--modal {
    background-color: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    transition: opacity .2s ease-in-out, left .2s ease-in-out, right .2s ease-in-out
}

html.dark .Drawer--modal.is-open {
    opacity: 1
}

html.dark .Drawer--modal:not([dir=rtl]) {
    order: 1;
    right: -274px
}

html.dark .Drawer--modal:not([dir=rtl]).is-open {
    right: 0
}

html.dark .Drawer--modal[dir=rtl] {
    order: -1;
    left: -274px
}

html.dark .Drawer--modal[dir=rtl].is-open {
    left: 0
}

html.dark .Drawer--inline {
    width: 608px;
    position: relative;
    transition: left .4s ease-in-out, right .4s ease-in-out, margin-left .4s ease-in-out, margin-right .4s ease-in-out
}

html.dark .Drawer--inline:not([dir=rtl]) {
    right: -608px;
    margin-left: -608px;
    order: 1
}

html.dark .Drawer--inline:not([dir=rtl]).Drawer.is-open {
    right: 0
}

html.dark .Drawer--inline[dir=rtl] {
    left: -608px;
    margin-right: -608px;
    order: -1
}

html.dark .Drawer--inline[dir=rtl].Drawer.is-open {
    left: 0
}

html.dark .Drawer--inline.Drawer--resizesNeighbor.is-open:not([dir=rtl]) {
    margin-left: 0
}

html.dark .Drawer--inline.Drawer--resizesNeighbor.is-open[dir=rtl] {
    margin-right: 0
}

html.dark .Drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%
}

html.dark .Drawer-content .DialogContent-body,
html.dark .Drawer-content .Panel-body {
    flex: 1;
    overflow: auto
}

html.dark .Drawer-close {
    position: absolute;
    top: 0;
    margin-top: 11px;
    width: 26px;
    height: 26px;
    color: #aab8c2;
    transition: color .15s ease
}

html.dark .Drawer-close:hover {
    color: #657786
}

html.dark .Drawer-close .Icon--close {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -8px
}

html.dark .Drawer:not([dir=rtl]) .Drawer-close {
    right: 0;
    margin-right: 13px
}

html.dark .Drawer[dir=rtl] .Drawer-close {
    left: 0;
    margin-left: 13px
}

html.dark .Drawer--inline .Drawer-content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

html.dark .Drawer--inline .Drawer-close {
    z-index: 1
}

html.dark .Drawer--inline.Drawer--large,
html.dark .Drawer--modal.Drawer--large {
    width: 844px
}

html.dark .Drawer--inline.Drawer--large:not([dir=rtl]) {
    right: -844px;
    margin-left: -844px
}

html.dark .Drawer--inline.Drawer--large[dir=rtl] {
    left: -844px;
    margin-right: -844px
}

html.dark .GridChart {
    position: relative;
    width: 600px;
    height: 480px
}

html.dark .GridChart canvas {
    position: absolute;
    top: 0;
    left: 0
}

html.dark .GridChartTooltip.Tooltip {
    width: 200px;
    margin: 0;
    pointer-events: none
}

html.dark .GridChartTooltip-legendTitle {
    font-weight: 700
}

html.dark .GridChartTooltip-legend {
    padding: 0;
    margin: 0;
    list-style: none
}

html.dark .GridChartTooltip-legend .LegendItem {
    display: flex;
    align-items: baseline
}

html.dark .GridChartTooltip-legend .LegendItem-label {
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html.dark .GridChartTooltip-legend .LegendItem .LegendItem-color {
    margin-right: 3px
}

html.dark .GridChartTooltip-legend .LegendItem-value {
    margin-left: 3px
}

html.dark .Layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5000
}

html.dark .Layer.Layer--local,
html.dark .Layer.TooltipLayer {
    position: absolute
}

html.dark .TooltipAnchor {
    position: relative
}

html.dark .Tooltip {
    margin: -13px 0 0 13px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ccd6dd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    min-width: 100px;
    max-width: 250px;
    opacity: 0;
    display: block;
    position: absolute;
    z-index: 5000;
    background-clip: padding-box;
    transition: opacity .2s ease-in-out
}

html.dark .Tooltip .Tooltip-inner {
    padding: 10px 15px
}

html.dark .Tooltip .Tooltip-close {
    margin: -5px -10px 0 5px
}

html.dark .Tooltip .Tooltip-triangle {
    left: -9px;
    top: 11px;
    width: 9px;
    height: 18px
}

html.dark .Tooltip .Tooltip-triangleOuter {
    border-width: 9px 9px 9px 0
}

html.dark .Tooltip .Tooltip-triangleInner {
    border-width: 8px 8px 8px 0
}

html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter,
html.dark .Tooltip.Tooltip--left .Tooltip-triangleOuter,
html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleOuter {
    border-width: 9px 0 9px 9px
}

html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleInner,
html.dark .Tooltip.Tooltip--left .Tooltip-triangleInner,
html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleInner {
    border-width: 8px 0 8px 8px
}

html.dark .Tooltip.Tooltip--left {
    margin-left: -13px
}

html.dark .Tooltip.Tooltip--left .Tooltip-triangle {
    right: -9px
}

html.dark .Tooltip.Tooltip--bottomLeft,
html.dark .Tooltip.Tooltip--topLeft {
    margin-left: 9px
}

html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangle,
html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangle {
    right: 9px
}

html.dark .Tooltip.Tooltip--top,
html.dark .Tooltip.Tooltip--topLeft {
    margin-top: -13px
}

html.dark .Tooltip.Tooltip--top .Tooltip-triangle,
html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangle {
    bottom: -9px;
    width: 18px;
    height: 9px
}

html.dark .Tooltip.Tooltip--top .Tooltip-triangleOuter,
html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleOuter {
    border-width: 9px 9px 0
}

html.dark .Tooltip.Tooltip--top .Tooltip-triangleInner,
html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleInner {
    border-width: 8px 8px 0
}

html.dark .Tooltip.Tooltip--bottom,
html.dark .Tooltip.Tooltip--bottomLeft {
    margin-top: 13px
}

html.dark .Tooltip.Tooltip--bottom .Tooltip-triangle,
html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangle {
    top: -9px;
    width: 18px;
    height: 9px
}

html.dark .Tooltip.Tooltip--bottom .Tooltip-triangleOuter,
html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter {
    border-width: 0 9px 9px
}

html.dark .Tooltip.Tooltip--bottom .Tooltip-triangleInner,
html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleInner {
    border-width: 0 8px 8px
}

html.dark .Tooltip.Tooltip--bottom .Tooltip-triangle,
html.dark .Tooltip.Tooltip--top .Tooltip-triangle {
    margin-left: -10px
}

html.dark .Tooltip.is-open {
    opacity: 1
}

html.dark .Tooltip .Tooltip-content {
    color: #14171a
}

html.dark .Tooltip .Tooltip-close {
    color: #aab8c2
}

html.dark .Tooltip .Tooltip-triangleOuter {
    border-color: transparent #ccd6dd transparent transparent
}

html.dark .Tooltip .Tooltip-triangleInner {
    border-color: transparent #fff transparent transparent
}

html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter,
html.dark .Tooltip.Tooltip--left .Tooltip-triangleOuter,
html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: transparent transparent transparent #ccd6dd
}

html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleInner,
html.dark .Tooltip.Tooltip--left .Tooltip-triangleInner,
html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleInner {
    border-color: transparent transparent transparent #fff
}

html.dark .Tooltip.Tooltip--top .Tooltip-triangleOuter,
html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: #ccd6dd transparent transparent
}

html.dark .Tooltip.Tooltip--top .Tooltip-triangleInner,
html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleInner {
    border-color: #fff transparent transparent
}

html.dark .Tooltip.Tooltip--bottom .Tooltip-triangleOuter,
html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter {
    border-color: transparent transparent #ccd6dd
}

html.dark .Tooltip.Tooltip--bottom .Tooltip-triangleInner,
html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleInner {
    border-color: transparent transparent #fff
}

html.dark .Tooltip--dark,
html.dark .Tooltip--intro {
    margin: -9px 0 0 9px;
    border-width: 0;
    border-style: solid;
    border-radius: 4px;
    min-width: 0
}

html.dark .Tooltip--dark .Tooltip-inner,
html.dark .Tooltip--intro .Tooltip-inner {
    padding: 6px 11px
}

html.dark .Tooltip--dark .Tooltip-close,
html.dark .Tooltip--intro .Tooltip-close {
    margin: -1px -6px 0 5px
}

html.dark .Tooltip--dark .Tooltip-triangle,
html.dark .Tooltip--intro .Tooltip-triangle {
    left: -5px;
    top: 10px;
    width: 5px;
    height: 10px
}

html.dark .Tooltip--dark .Tooltip-triangleOuter,
html.dark .Tooltip--intro .Tooltip-triangleOuter {
    border-width: 5px 5px 5px 0
}

html.dark .Tooltip--dark .Tooltip-triangleInner,
html.dark .Tooltip--intro .Tooltip-triangleInner {
    border-width: 4px 4px 4px 0
}

html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter,
html.dark .Tooltip--dark.Tooltip--left .Tooltip-triangleOuter,
html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--left .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter {
    border-width: 5px 0 5px 5px
}

html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--left .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--left .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner {
    border-width: 4px 0 4px 4px
}

html.dark .Tooltip--dark.Tooltip--left,
html.dark .Tooltip--intro.Tooltip--left {
    margin-left: -9px
}

html.dark .Tooltip--dark.Tooltip--left .Tooltip-triangle,
html.dark .Tooltip--intro.Tooltip--left .Tooltip-triangle {
    right: -5px
}

html.dark .Tooltip--dark.Tooltip--bottomLeft,
html.dark .Tooltip--dark.Tooltip--topLeft,
html.dark .Tooltip--intro.Tooltip--bottomLeft,
html.dark .Tooltip--intro.Tooltip--topLeft {
    margin-left: 5px
}

html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangle,
html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangle,
html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangle,
html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangle {
    right: 5px
}

html.dark .Tooltip--dark.Tooltip--top,
html.dark .Tooltip--dark.Tooltip--topLeft,
html.dark .Tooltip--intro.Tooltip--top,
html.dark .Tooltip--intro.Tooltip--topLeft {
    margin-top: -9px
}

html.dark .Tooltip--dark.Tooltip--top .Tooltip-triangle,
html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangle,
html.dark .Tooltip--intro.Tooltip--top .Tooltip-triangle,
html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangle {
    bottom: -5px;
    width: 10px;
    height: 5px
}

html.dark .Tooltip--dark.Tooltip--top .Tooltip-triangleOuter,
html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--top .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter {
    border-width: 5px 5px 0
}

html.dark .Tooltip--dark.Tooltip--top .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--top .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner {
    border-width: 4px 4px 0
}

html.dark .Tooltip--dark.Tooltip--bottom,
html.dark .Tooltip--dark.Tooltip--bottomLeft,
html.dark .Tooltip--intro.Tooltip--bottom,
html.dark .Tooltip--intro.Tooltip--bottomLeft {
    margin-top: 9px
}

html.dark .Tooltip--dark.Tooltip--bottom .Tooltip-triangle,
html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangle,
html.dark .Tooltip--intro.Tooltip--bottom .Tooltip-triangle,
html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangle {
    top: -5px;
    width: 10px;
    height: 5px
}

html.dark .Tooltip--dark.Tooltip--bottom .Tooltip-triangleOuter,
html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--bottom .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter {
    border-width: 0 5px 5px
}

html.dark .Tooltip--dark.Tooltip--bottom .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--bottom .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner {
    border-width: 0 4px 4px
}

html.dark .Tooltip--dark.Tooltip--bottom .Tooltip-triangle,
html.dark .Tooltip--dark.Tooltip--top .Tooltip-triangle,
html.dark .Tooltip--intro.Tooltip--bottom .Tooltip-triangle,
html.dark .Tooltip--intro.Tooltip--top .Tooltip-triangle {
    margin-left: -6px
}

html.dark .Tooltip--dark {
    background: #14171a;
    border-color: #14171a;
    box-shadow: none
}

html.dark .Tooltip--dark.is-open {
    opacity: .95
}

html.dark .Tooltip--dark .Tooltip-close,
html.dark .Tooltip--dark .Tooltip-content {
    color: #fff
}

html.dark .Tooltip--dark .Tooltip-triangleInner,
html.dark .Tooltip--dark .Tooltip-triangleOuter {
    border-color: transparent #14171a transparent transparent
}

html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter,
html.dark .Tooltip--dark.Tooltip--left .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--left .Tooltip-triangleOuter,
html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: transparent transparent transparent #14171a
}

html.dark .Tooltip--dark.Tooltip--top .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--top .Tooltip-triangleOuter,
html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: #14171a transparent transparent
}

html.dark .Tooltip--dark.Tooltip--bottom .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--bottom .Tooltip-triangleOuter,
html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner,
html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter {
    border-color: transparent transparent #14171a
}

html.dark .Tooltip--intro {
    background: #1da1f2;
    border-color: #1da1f2;
    box-shadow: none
}

html.dark .Tooltip--intro.is-open {
    opacity: .95
}

html.dark .Tooltip--intro .Tooltip-close,
html.dark .Tooltip--intro .Tooltip-content {
    color: #fff
}

html.dark .Tooltip--intro .Tooltip-triangleInner,
html.dark .Tooltip--intro .Tooltip-triangleOuter {
    border-color: transparent #1da1f2 transparent transparent
}

html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--left .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--left .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: transparent transparent transparent #1da1f2
}

html.dark .Tooltip--intro.Tooltip--top .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--top .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter {
    border-color: #1da1f2 transparent transparent
}

html.dark .Tooltip--intro.Tooltip--bottom .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--bottom .Tooltip-triangleOuter,
html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner,
html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter {
    border-color: transparent transparent #1da1f2
}

html.dark .Tooltip-triangle {
    position: absolute;
    overflow: hidden
}

html.dark .Tooltip-triangleOuter {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid
}

html.dark .Tooltip-triangleInner {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 0;
    height: 0;
    border-style: solid
}

html.dark .Tooltip-content {
    font-size: 12px;
    line-height: 18px;
    text-align: left
}

html.dark .Tooltip-close {
    cursor: pointer;
    float: right;
    padding: 0 .5px 2px;
    transition: color .15s ease
}

html.dark .Tooltip-close:hover {
    color: #657786
}

html.dark .Tooltip--bottomLeft .Tooltip-triangle,
html.dark .Tooltip--left .Tooltip-triangle,
html.dark .Tooltip--topLeft .Tooltip-triangle {
    left: auto
}

html.dark .Tooltip--left .Tooltip-triangleOuter {
    left: auto;
    right: 0
}

html.dark .Tooltip--left .Tooltip-triangleInner {
    left: auto;
    right: 1px
}

html.dark .Tooltip--top .Tooltip-triangle,
html.dark .Tooltip--topLeft .Tooltip-triangle {
    top: auto
}

html.dark .Tooltip--top .Tooltip-triangleInner,
html.dark .Tooltip--topLeft .Tooltip-triangleInner {
    top: 0;
    left: 1px
}

html.dark .Tooltip--bottom,
html.dark .Tooltip--top {
    margin-left: 0
}

html.dark .Tooltip--bottom .Tooltip-triangle,
html.dark .Tooltip--top .Tooltip-triangle {
    left: 50%
}

html.dark .Tooltip--hover .Tooltip-close,
html.dark .Tooltip--static .Tooltip-close {
    display: none
}

html.dark .TooltipHoverTarget {
    background-image: linear-gradient(90deg, #1da1f2 50%, transparent 0);
    background-position: 0 100%;
    background-size: 4px 2px;
    background-repeat: repeat-x;
    padding-bottom: 2px
}

html.dark .LegendItem-color {
    height: 11px;
    margin-right: 2px;
    display: inline-block;
    width: 4px;
    border-radius: 4px;
    background-color: #aab8c2
}

html.dark .LegendItem--gray .LegendItem-color {
    background-color: #aab8c2
}

html.dark .LegendItem--blue .LegendItem-color {
    background-color: #1da1f2
}

html.dark .LegendItem--green .LegendItem-color {
    background-color: #17bf63
}

html.dark .LegendItem--yellow .LegendItem-color {
    background-color: #ffad1f
}

html.dark .LegendItem--red .LegendItem-color {
    background-color: #e0245e
}

html.dark .LegendItem--purple .LegendItem-color {
    background-color: #794bc4
}

html.dark .LegendItem-value {
    font-weight: 600
}

html.dark .LegendItem--small {
    font-size: 12px;
    line-height: 18px
}

html.dark .LegendItem--small .LegendItem-color {
    height: 9px;
    margin-right: 1px
}

html.dark .Table:not(.Table--large) .LegendItem-color {
    height: 9px;
    margin-right: 1px
}

html.dark .DateRangeDropdown.Dropdown {
    padding: 0
}

html.dark .DateRangeDropdown.Dropdown,
html.dark .DateRangeDropdown.Dropdown .Dropdown-menuItemList {
    max-width: none;
    line-height: 0
}

html.dark .DateRangeDropdown-menuItem {
    padding: 15px
}

html.dark .DateRangeDropdown-menuItem--footer {
    padding: 10px 15px;
    border-top: 1px solid #ccd6dd;
    background-color: #f5f8fa;
    text-align: right
}

html.dark .DateRangeDropdown-menuItem--footer .Button+.Button,
html.dark .DateRangeDropdown-menuItem--footer .Button+button,
html.dark .DateRangeDropdown-menuItem--footer .Button+input[type=button],
html.dark .DateRangeDropdown-menuItem--footer button+.Button,
html.dark .DateRangeDropdown-menuItem--footer button+button,
html.dark .DateRangeDropdown-menuItem--footer button+input[type=button],
html.dark .DateRangeDropdown-menuItem--footer input[type=button]+.Button,
html.dark .DateRangeDropdown-menuItem--footer input[type=button]+button,
html.dark .DateRangeDropdown-menuItem--footer input[type=button]+input[type=button] {
    margin-left: 10px
}

html.dark .DateRange {
    display: flex
}

html.dark .DateRange-presets.PillGroup {
    text-align: center
}

html.dark .DateRange-presets.PillGroup .Pill {
    margin-bottom: 5px;
    white-space: nowrap
}

html.dark .DateRange-pickersRow {
    display: flex
}

html.dark .DateRange-pickersRow+.DateRange-pickersRow {
    padding-top: 15px
}

html.dark .DateRange-pickerWrapper {
    padding: 0 15px
}

html.dark .DateRange-pickerWrapper .TimePicker {
    width: 78px
}

html.dark .DateRange-timePickerLabel {
    font-size: 12px;
    line-height: 18px;
    width: 210px;
    font-weight: 700
}

html.dark .DateRange:not([dir=rtl]) .DateRange-presets {
    padding-right: 15px;
    border-right: 1px solid #ccd6dd
}

html.dark .DateRange:not([dir=rtl]) .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child {
    border-left: 1px solid #ccd6dd
}

html.dark .DateRange:not([dir=rtl]) .DateRange-pickerWrapper:last-child {
    padding-right: 0
}

html.dark .DateRange:not([dir=rtl]) .DateRange-pickers:only-child .DateRange-pickerWrapper:first-child {
    padding-left: 0
}

html.dark .DateRange[dir=rtl] .DateRange-presets {
    padding-left: 15px;
    border-left: 1px solid #ccd6dd
}

html.dark .DateRange[dir=rtl] .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child {
    border-right: 1px solid #ccd6dd
}

html.dark .DateRange[dir=rtl] .DateRange-pickerWrapper:last-child {
    padding-left: 0
}

html.dark .DateRange[dir=rtl] .DateRange-pickers:only-child .DateRange-pickerWrapper:first-child {
    padding-right: 0
}

html.dark .DateRange--withAdjacentMonths:not([dir=rtl]) .DateRange-pickerWrapper:first-child .DatePicker-monthButton--right,
html.dark .DateRange--withAdjacentMonths:not([dir=rtl]) .DateRange-pickerWrapper:last-child .DatePicker-monthButton--left {
    visibility: hidden
}

html.dark .DateRange--withAdjacentMonths:not([dir=rtl]) .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child {
    border-left-color: transparent
}

html.dark .DateRange--withAdjacentMonths[dir=rtl] .DateRange-pickerWrapper:first-child .DatePicker-monthButton--left,
html.dark .DateRange--withAdjacentMonths[dir=rtl] .DateRange-pickerWrapper:last-child .DatePicker-monthButton--right {
    visibility: hidden
}

html.dark .DateRange--withAdjacentMonths[dir=rtl] .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child {
    border-right-color: transparent
}

html.dark .PillGroup {
    padding: 0
}

html.dark .PillGroup .Pill {
    margin: 0;
    border-radius: 36px;
    display: inline-block
}

html.dark .PillGroup .Pill.is-selected {
    background: #005fd1
}

html.dark .PillGroup .Pill>a,
html.dark .PillGroup .Pill>button {
    transition: box-shadow .15s ease-in-out;
    display: inline-block;
    padding: 4.5px 12px;
    border-radius: 36px;
    border: 0;
    background: 0 0;
    color: #1b95e0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px
}

html.dark .PillGroup .Pill>a:focus,
html.dark .PillGroup .Pill>button:focus {
    outline: none
}

html.dark .PillGroup .Pill>a:-moz-focusring,
html.dark .PillGroup .Pill>a[type=button]:-moz-focusring,
html.dark .PillGroup .Pill>a[type=reset]:-moz-focusring,
html.dark .PillGroup .Pill>a[type=submit]:-moz-focusring,
html.dark .PillGroup .Pill>button:-moz-focusring,
html.dark .PillGroup .Pill>button[type=button]:-moz-focusring,
html.dark .PillGroup .Pill>button[type=reset]:-moz-focusring,
html.dark .PillGroup .Pill>button[type=submit]:-moz-focusring {
    outline: none
}

html.dark .PillGroup .Pill>a:hover,
html.dark .PillGroup .Pill>button:hover {
    background: #eaf5fd;
    text-decoration: none
}

html.dark .PillGroup .Pill>a:focus,
html.dark .PillGroup .Pill>button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #71c9f8;
    text-decoration: none
}

html.dark .PillGroup .Pill>a:active,
html.dark .PillGroup .Pill>button:active {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1da1f2
}

html.dark .PillGroup .Pill.is-selected>a,
html.dark .PillGroup .Pill.is-selected>button {
    color: #fff
}

html.dark .PillGroup .Pill.is-selected>a:hover,
html.dark .PillGroup .Pill.is-selected>button:hover {
    background: 0 0
}

html.dark .FormField.is-success .FormField-validationMessage:before,
html.dark .FormField.is-valid .FormField-validationMessage:before {
    content: "\F043"
}

html.dark .FormField-validationMessage:before {
    display: block;
    font-family: edgeicons;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html.dark .FormField.is-error .FormField-validationMessage:before,
html.dark .FormField.is-invalid .FormField-validationMessage:before {
    content: "\F042"
}

html.dark .FormInput,
html.dark .FormTextarea {
    box-shadow: inset 0 0 0 1px transparent;
    padding: 6px 14px;
    border: 1px solid #ccd6dd;
    border-radius: 4px;
    color: #14171a;
    font-size: 14px;
    transition: border-color .25s, box-shadow .25s
}

html.dark .FormInput {
    height: 36px;
    line-height: 22px
}

html.dark button.FormInput {
    text-align: left
}

html.dark button.FormInput[dir=rtl] {
    text-align: right
}

html.dark .FormInput-characterCount {
    color: #ccd6dd;
    position: absolute;
    right: 0;
    top: -27px;
    direction: ltr
}

html.dark .FormInput-characterCount.is-negative {
    color: #e0245e
}

html.dark .FormTextarea {
    line-height: 22px
}

html.dark .FormOption {
    display: flex;
    align-items: baseline
}

html.dark .FormOption+.FormOption {
    margin-top: 9px
}

html.dark .FormOption>input {
    position: relative;
    top: 2px;
    flex-shrink: 0;
    margin-right: 9px
}

html.dark .FormField[dir=rtl] .FormOption>input,
html.dark .FormOption[dir=rtl]>input {
    margin-right: 0;
    margin-left: 9px
}

html.dark .FormInput::-webkit-input-placeholder,
html.dark .FormTextarea::-webkit-input-placeholder {
    color: #aab8c2;
    opacity: 1
}

html.dark .FormInput::-moz-placeholder,
html.dark .FormTextarea::-moz-placeholder {
    color: #aab8c2;
    opacity: 1
}

html.dark .FormInput:-ms-input-placeholder,
html.dark .FormTextarea:-ms-input-placeholder {
    color: #aab8c2
}

html.dark .FormInput.is-error,
html.dark .FormInput.is-invalid,
html.dark .FormInputWrapper.is-error .FormInput,
html.dark .FormInputWrapper.is-invalid .FormInput,
html.dark .FormTextarea.is-error,
html.dark .FormTextarea.is-invalid {
    position: relative;
    border-color: #e0245e
}

html.dark .FormInput.is-error.is-focus,
html.dark .FormInput.is-error:focus,
html.dark .FormInput.is-invalid.is-focus,
html.dark .FormInput.is-invalid:focus,
html.dark .FormInputWrapper.is-error .FormInput.is-focus,
html.dark .FormInputWrapper.is-error .FormInput:focus,
html.dark .FormInputWrapper.is-invalid .FormInput.is-focus,
html.dark .FormInputWrapper.is-invalid .FormInput:focus,
html.dark .FormTextarea.is-error.is-focus,
html.dark .FormTextarea.is-error:focus,
html.dark .FormTextarea.is-invalid.is-focus,
html.dark .FormTextarea.is-invalid:focus {
    border-color: #e0245e;
    box-shadow: inset 0 0 0 1px #e0245e
}

html.dark .FormInput.is-success,
html.dark .FormInput.is-valid,
html.dark .FormInputWrapper.is-success .FormInput,
html.dark .FormInputWrapper.valid .FormInput,
html.dark .FormTextarea.is-success,
html.dark .FormTextarea.is-valid {
    position: relative;
    border-color: #17bf63
}

html.dark .FormInput.is-success.is-focus,
html.dark .FormInput.is-success:focus,
html.dark .FormInput.is-valid.is-focus,
html.dark .FormInput.is-valid:focus,
html.dark .FormInputWrapper.is-success .FormInput.is-focus,
html.dark .FormInputWrapper.is-success .FormInput:focus,
html.dark .FormInputWrapper.valid .FormInput.is-focus,
html.dark .FormInputWrapper.valid .FormInput:focus,
html.dark .FormTextarea.is-success.is-focus,
html.dark .FormTextarea.is-success:focus,
html.dark .FormTextarea.is-valid.is-focus,
html.dark .FormTextarea.is-valid:focus {
    border-color: #17bf63;
    box-shadow: inset 0 0 0 1px #17bf63
}

html.dark .FormInput--small,
html.dark .FormInputWrapper.FormInputWrapper--small .FormInput,
html.dark .FormTextarea--small {
    padding: 3.5px 12px;
    border-radius: 4px;
    font-size: 12px
}

html.dark .FormInput--small,
html.dark .FormInputWrapper.FormInputWrapper--small .FormInput {
    height: 27px;
    line-height: 18px
}

html.dark .FormTextarea--small {
    line-height: 18px
}

html.dark .FormInput--large,
html.dark .FormInputWrapper.FormInputWrapper--large .FormInput,
html.dark .FormTextarea--large {
    padding: 9px 18px;
    border-radius: 4px;
    font-size: 18px
}

html.dark .FormInput--large,
html.dark .FormInputWrapper.FormInputWrapper--large .FormInput {
    height: 45px;
    line-height: 25px
}

html.dark .FormTextarea--large {
    line-height: 25px
}

html.dark .FormInput.is-disabled,
html.dark .FormInput[disabled],
html.dark .FormInputWrapper.is-disabled .FormInput,
html.dark .FormTextarea.is-disabled,
html.dark .FormTextarea[disabled],
html.dark fieldset[disabled] .FormInput,
html.dark fieldset[disabled] .FormTextarea {
    background: #f5f8fa;
    color: #657786
}

html.dark .FormInputWrapper.is-disabled button.FormInput,
html.dark button.FormInput.is-disabled,
html.dark button.FormInput[disabled],
html.dark fieldset[disabled] button.FormInput {
    cursor: default
}

html.dark .FormInput.is-focus,
html.dark .FormInput:focus,
html.dark .FormInputWrapper.is-focus .FormInput,
html.dark .FormTextarea.is-focus,
html.dark .FormTextarea:focus {
    border-color: #1da1f2;
    box-shadow: inset 0 0 0 1px #1da1f2;
    outline: none
}

html.dark .FormOption.is-disabled {
    color: #aab8c2
}

html.dark .FormInputWrapper .Icon {
    line-height: 1;
    vertical-align: -1px
}

html.dark .FormInputWrapper--large .Icon {
    vertical-align: -2px
}

html.dark .FormInputWrapper {
    position: relative;
    display: inline-block;
    font-size: 14px
}

html.dark .FormInputWrapper.FormInputWrapper--small {
    font-size: 12px
}

html.dark .FormInputWrapper.FormInputWrapper--large {
    font-size: 18px
}

html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment:not([dir=rtl]) .FormInput,
html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment[dir=rtl] .FormInput {
    padding-right: 35px
}

html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment:not([dir=rtl]).FormInputWrapper--small .FormInput,
html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment[dir=rtl].FormInputWrapper--small .FormInput {
    padding-right: 30px
}

html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment:not([dir=rtl]).FormInputWrapper--large .FormInput,
html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment[dir=rtl].FormInputWrapper--large .FormInput {
    padding-right: 45px
}

html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment[dir=rtl] .FormInput,
html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment:not([dir=rtl]) .FormInput {
    padding-left: 35px
}

html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment[dir=rtl].FormInputWrapper--small .FormInput,
html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment:not([dir=rtl]).FormInputWrapper--small .FormInput {
    padding-left: 30px
}

html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteEndAdornment[dir=rtl].FormInputWrapper--large .FormInput,
html.dark .FormInputWrapper.FormInputWrapper--withAbsoluteStartAdornment:not([dir=rtl]).FormInputWrapper--large .FormInput {
    padding-left: 45px
}

html.dark .FormInputWrapper.FormInputWrapper--withEndAdornment,
html.dark .FormInputWrapper.FormInputWrapper--withStartAdornment {
    flex-direction: row;
    display: inline-flex
}

html.dark .FormInputWrapper.FormInputWrapper--withEndAdornment .FormInput,
html.dark .FormInputWrapper.FormInputWrapper--withStartAdornment .FormInput {
    order: 1;
    width: 0;
    flex-grow: 1
}

html.dark .FormInputWrapper.FormInputWrapper--withEndAdornment[dir=rtl] .FormInput,
html.dark .FormInputWrapper.FormInputWrapper--withStartAdornment:not([dir=rtl]) .FormInput {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html.dark .FormInputWrapper.FormInputWrapper--withEndAdornment:not([dir=rtl]) .FormInput,
html.dark .FormInputWrapper.FormInputWrapper--withStartAdornment[dir=rtl] .FormInput {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html.dark .FormInputWrapper-absoluteEndAdornment,
html.dark .FormInputWrapper-absoluteStartAdornment {
    position: absolute;
    top: 0;
    pointer-events: none;
    line-height: 36px;
    margin: 0 15px
}

html.dark .FormInputWrapper--small .FormInputWrapper-absoluteEndAdornment,
html.dark .FormInputWrapper--small .FormInputWrapper-absoluteStartAdornment {
    line-height: 27px;
    margin: 0 13px
}

html.dark .FormInputWrapper--large .FormInputWrapper-absoluteEndAdornment,
html.dark .FormInputWrapper--large .FormInputWrapper-absoluteStartAdornment {
    line-height: 45px;
    margin: 0 19px
}

html.dark .FormInputWrapper-absoluteEndAdornment .Icon,
html.dark .FormInputWrapper-absoluteStartAdornment .Icon {
    color: #aab8c2
}

html.dark .FormInputWrapper-absoluteEndAdornment .Icon--caretDown,
html.dark .FormInputWrapper-absoluteStartAdornment .Icon--caretDown {
    color: #14171a
}

html.dark .FormInputWrapper.is-disabled .FormInputWrapper-absoluteEndAdornment .Icon--caretDown,
html.dark .FormInputWrapper.is-disabled .FormInputWrapper-absoluteStartAdornment .Icon--caretDown,
html.dark fieldset[disabled] .FormInputWrapper-absoluteEndAdornment .Icon--caretDown,
html.dark fieldset[disabled] .FormInputWrapper-absoluteStartAdornment .Icon--caretDown {
    color: #657786
}

html.dark .FormInputWrapper-endAdornment,
html.dark .FormInputWrapper-startAdornment {
    display: inline-block;
    border: 1px solid #ccd6dd;
    white-space: nowrap;
    line-height: 22px;
    padding: 6px 14px;
    border-radius: 4px
}

html.dark .FormInputWrapper--small .FormInputWrapper-endAdornment,
html.dark .FormInputWrapper--small .FormInputWrapper-startAdornment {
    line-height: 18px;
    padding: 3.5px 12px;
    border-radius: 4px
}

html.dark .FormInputWrapper--large .FormInputWrapper-endAdornment,
html.dark .FormInputWrapper--large .FormInputWrapper-startAdornment {
    line-height: 25px;
    padding: 9px 18px;
    border-radius: 4px
}

html.dark .FormInputWrapper-endAdornment {
    order: 2
}

html.dark .FormInputWrapper:not([dir=rtl]) .FormInputWrapper-startAdornment,
html.dark .FormInputWrapper[dir=rtl] .FormInputWrapper-endAdornment {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

html.dark .FormInputWrapper:not([dir=rtl]) .FormInputWrapper-endAdornment,
html.dark .FormInputWrapper[dir=rtl] .FormInputWrapper-startAdornment {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

html.dark .FormInputWrapper:not([dir=rtl]) .FormInputWrapper-absoluteStartAdornment,
html.dark .FormInputWrapper[dir=rtl] .FormInputWrapper-absoluteEndAdornment {
    left: 0;
    margin-right: 0
}

html.dark .FormInputWrapper:not([dir=rtl]) .FormInputWrapper-absoluteEndAdornment,
html.dark .FormInputWrapper[dir=rtl] .FormInputWrapper-absoluteStartAdornment {
    right: 0;
    margin-left: 0
}

html.dark .Form--horizontal .FormInputWrapper {
    display: inline-flex
}

html.dark .Form--horizontal .FormField-label {
    margin-top: 9px;
    text-align: right
}

html.dark .Form--horizontal .FormOption:first-child {
    margin-top: 9px
}

html.dark .Form--horizontal .FormField[dir=rtl] .FormField-label {
    text-align: left
}

html.dark .Form--horizontal .FormField[dir=rtl] .FormInput-characterCount {
    margin: 9px 9px 9px 0
}

html.dark .Form--horizontal .FormInput-characterCount {
    margin: 9px 0 9px 9px;
    position: relative;
    top: 0
}

html.dark .CompoundFormField+.CompoundFormField,
html.dark .CompoundFormField+.FormField,
html.dark .FormField+.CompoundFormField,
html.dark .FormField+.FormField {
    margin-top: 27px
}

html.dark .FormField.is-error .FormField-validationMessage,
html.dark .FormField.is-invalid .FormField-validationMessage {
    color: #e0245e
}

html.dark .FormField.is-error .FormField-validationMessage:before,
html.dark .FormField.is-invalid .FormField-validationMessage:before {
    position: relative;
    top: -1px
}

html.dark .FormField.is-success .FormField-validationMessage,
html.dark .FormField.is-valid .FormField-validationMessage {
    color: #008951
}

html.dark .FormField.is-success .FormField-validationMessage:before,
html.dark .FormField.is-valid .FormField-validationMessage:before {
    position: relative;
    top: -1px
}

html.dark .FormField {
    display: block
}

html.dark .FormField>:last-child {
    margin-bottom: 0
}

html.dark .FormField .FormInput,
html.dark .FormField .FormInputWrapper,
html.dark .FormField .FormSelect,
html.dark .FormField .FormTextarea {
    width: 100%
}

html.dark .FormField>.FormField-label {
    padding: 0 40px 0 0
}

html.dark .FormField[dir=rtl]>.FormField-label {
    padding: 0 0 0 40px
}

html.dark .FormField[dir=rtl] .FormInput-characterCount {
    right: auto;
    left: 0
}

html.dark .CompoundFormField .FormField {
    margin-top: 0
}

html.dark .FormField-label {
    display: block;
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 700
}

html.dark .FormField-labelValidationTip {
    font-weight: 400
}

html.dark .FormField-description {
    font-size: 12px;
    line-height: 18px;
    display: block;
    margin: 9px 0;
    color: #657786
}

html.dark .FormField-label+.FormField-description {
    margin-top: -9px
}

html.dark .FormField-validationMessage {
    font-size: 12px;
    line-height: 18px;
    display: flex;
    margin: 9px 0;
    font-weight: 700
}

html.dark .FormField-validationMessage:before {
    flex-shrink: 0;
    margin-right: 6px;
    font-size: 18px
}

html.dark .FormField-validationMessage p:last-child {
    margin-bottom: 0
}

html.dark .FormField[dir=rtl] .FormField-validationMessage:before {
    margin-right: 0;
    margin-left: 6px
}

html.dark .Token-checkbox input[type=checkbox]+.Icon:before {
    content: "\F183"
}

html.dark .Token-checkbox input[type=checkbox]:checked+.Icon:before {
    content: "\F170"
}

html.dark .TokenGroup {
    display: inline-block;
    vertical-align: middle
}

html.dark .TokenGroup>.Token:not(:first-child):not(:last-child),
html.dark .TokenGroup>.TokenGroup:not(:first-child):not(:last-child)>.Token {
    border-radius: 0
}

html.dark .TokenGroup:not([dir=rtl])>.Token,
html.dark .TokenGroup:not([dir=rtl])>.TokenGroup {
    float: left
}

html.dark .TokenGroup:not([dir=rtl])>.Token:not(:first-child),
html.dark .TokenGroup:not([dir=rtl])>.TokenGroup:not(:first-child) {
    margin-left: -1px
}

html.dark .TokenGroup:not([dir=rtl])>.Token:first-child:not(:last-child),
html.dark .TokenGroup:not([dir=rtl])>.TokenGroup:first-child:not(:last-child)>.Token {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

html.dark .TokenGroup:not([dir=rtl])>.Token:last-child:not(:first-child),
html.dark .TokenGroup:not([dir=rtl])>.TokenGroup:last-child:not(:first-child)>.Token:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

html.dark .TokenGroup[dir=rtl]>.Token,
html.dark .TokenGroup[dir=rtl]>.TokenGroup {
    float: right
}

html.dark .TokenGroup[dir=rtl]>.Token:not(:last-child),
html.dark .TokenGroup[dir=rtl]>.TokenGroup:not(:last-child) {
    margin-left: -1px
}

html.dark .TokenGroup[dir=rtl]>.Token:first-child:not(:last-child),
html.dark .TokenGroup[dir=rtl]>.TokenGroup:first-child:not(:last-child)>.Token {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

html.dark .TokenGroup[dir=rtl]>.Token:last-child:not(:first-child),
html.dark .TokenGroup[dir=rtl]>.TokenGroup:last-child:not(:first-child)>.Token:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

html.dark .TokenGroup>.TokenGroup:last-child:not([dir=rtl])>.Token,
html.dark .TokenGroup>.TokenGroup:last-child[dir=rtl]>.Token {
    border-radius: 36px
}

html.dark .TokenGroup>.Token {
    position: relative;
    transition: box-shadow 0s
}

html.dark .TokenGroup>.Token:focus {
    z-index: 1
}

html.dark .Token {
    transition: box-shadow .15s ease-in-out;
    height: 36px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

html.dark .Token:focus {
    outline: none
}

html.dark .Token:-moz-focusring,
html.dark .Token[type=button]:-moz-focusring,
html.dark .Token[type=reset]:-moz-focusring,
html.dark .Token[type=submit]:-moz-focusring {
    outline: none
}

html.dark .Token:not([dir=rtl])>:first-child:not(.Token-adornment) {
    margin-left: 14px
}

html.dark .Token:not([dir=rtl])>:last-child {
    margin-right: 14px
}

html.dark .Token:not([dir=rtl]) .Token-trigger {
    margin-left: 7px
}

html.dark .Token[dir=rtl]>:first-child:not(.Token-adornment) {
    margin-right: 14px
}

html.dark .Token[dir=rtl]>:last-child {
    margin-left: 14px
}

html.dark .Token[dir=rtl] .Token-trigger {
    margin-right: 7px
}

html.dark .Token .Icon {
    line-height: 1;
    vertical-align: -2px
}

html.dark .Token .Icon:before {
    position: relative;
    top: -1px
}

html.dark .Token:not([dir=rtl]) .Token-label:not(:first-child) {
    margin-left: 4px
}

html.dark .Token[dir=rtl] .Token-label:not(:first-child) {
    margin-right: 4px
}

html.dark .Token-trigger {
    background: 0 0;
    border: none;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    color: inherit
}

html.dark .Token-trigger,
html.dark .Token-trigger .Icon {
    transition: box-shadow .15s ease-in-out
}

html.dark .Token-trigger .Icon:focus,
html.dark .Token-trigger:focus {
    outline: none
}

html.dark .Token-trigger .Icon:-moz-focusring,
html.dark .Token-trigger .Icon[type=button]:-moz-focusring,
html.dark .Token-trigger .Icon[type=reset]:-moz-focusring,
html.dark .Token-trigger .Icon[type=submit]:-moz-focusring,
html.dark .Token-trigger:-moz-focusring,
html.dark .Token-trigger[type=button]:-moz-focusring,
html.dark .Token-trigger[type=reset]:-moz-focusring,
html.dark .Token-trigger[type=submit]:-moz-focusring {
    outline: none
}

html.dark .Token-trigger .Icon {
    border-radius: 3px
}

html.dark .Token-checkbox {
    position: relative
}

html.dark .Token-checkbox input[type=checkbox] {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

html.dark .Token-checkbox input[type=checkbox]+.Icon {
    pointer-events: none
}

html.dark .Token-adornment {
    overflow: hidden;
    text-align: center
}

html.dark .Token-adornmentImage {
    vertical-align: top
}

html.dark .Token-adornment {
    border-radius: 13px;
    height: 26px;
    line-height: 26px;
    margin: 4px;
    min-width: 26px
}

html.dark .Token-adornmentImage {
    width: 26px;
    height: 26px
}

html.dark .Token-adornmentData {
    padding: 0 7px
}

html.dark .Token-label {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html.dark .Token-label--category {
    font-weight: 700
}

html.dark .Token-label--category:after {
    content: ": "
}

html.dark .Token--small,
html.dark .TokenGroup--small>.Token,
html.dark .TokenGroup--small>.TokenGroup>.Token {
    height: 27px;
    font-size: 12px
}

html.dark .Token--small:not([dir=rtl])>:first-child:not(.Token-adornment),
html.dark .TokenGroup--small>.Token:not([dir=rtl])>:first-child:not(.Token-adornment),
html.dark .TokenGroup--small>.TokenGroup>.Token:not([dir=rtl])>:first-child:not(.Token-adornment) {
    margin-left: 12px
}

html.dark .Token--small:not([dir=rtl])>:last-child,
html.dark .TokenGroup--small>.Token:not([dir=rtl])>:last-child,
html.dark .TokenGroup--small>.TokenGroup>.Token:not([dir=rtl])>:last-child {
    margin-right: 12px
}

html.dark .Token--small:not([dir=rtl]) .Token-trigger,
html.dark .TokenGroup--small>.Token:not([dir=rtl]) .Token-trigger,
html.dark .TokenGroup--small>.TokenGroup>.Token:not([dir=rtl]) .Token-trigger {
    margin-left: 6px
}

html.dark .Token--small[dir=rtl]>:first-child:not(.Token-adornment),
html.dark .TokenGroup--small>.Token[dir=rtl]>:first-child:not(.Token-adornment),
html.dark .TokenGroup--small>.TokenGroup>.Token[dir=rtl]>:first-child:not(.Token-adornment) {
    margin-right: 12px
}

html.dark .Token--small[dir=rtl]>:last-child,
html.dark .TokenGroup--small>.Token[dir=rtl]>:last-child,
html.dark .TokenGroup--small>.TokenGroup>.Token[dir=rtl]>:last-child {
    margin-left: 12px
}

html.dark .Token--small[dir=rtl] .Token-trigger,
html.dark .TokenGroup--small>.Token[dir=rtl] .Token-trigger,
html.dark .TokenGroup--small>.TokenGroup>.Token[dir=rtl] .Token-trigger {
    margin-right: 6px
}

html.dark .Token--small .Token-adornment,
html.dark .TokenGroup--small>.Token .Token-adornment,
html.dark .TokenGroup--small>.TokenGroup>.Token .Token-adornment {
    border-radius: 9.5px;
    height: 19px;
    line-height: 19px;
    margin: 3px;
    min-width: 19px
}

html.dark .Token--small .Token-adornmentImage,
html.dark .TokenGroup--small>.Token .Token-adornmentImage,
html.dark .TokenGroup--small>.TokenGroup>.Token .Token-adornmentImage {
    width: 19px;
    height: 19px
}

html.dark .Token--small .Token-adornmentData,
html.dark .TokenGroup--small>.Token .Token-adornmentData,
html.dark .TokenGroup--small>.TokenGroup>.Token .Token-adornmentData {
    padding: 0 6px
}

html.dark .Token--xsmall,
html.dark .TokenGroup--xsmall>.Token,
html.dark .TokenGroup--xsmall>.TokenGroup>.Token {
    height: 18px;
    font-size: 12px
}

html.dark .Token--xsmall:not([dir=rtl])>:first-child:not(.Token-adornment),
html.dark .TokenGroup--xsmall>.Token:not([dir=rtl])>:first-child:not(.Token-adornment),
html.dark .TokenGroup--xsmall>.TokenGroup>.Token:not([dir=rtl])>:first-child:not(.Token-adornment) {
    margin-left: 12px
}

html.dark .Token--xsmall:not([dir=rtl])>:last-child,
html.dark .TokenGroup--xsmall>.Token:not([dir=rtl])>:last-child,
html.dark .TokenGroup--xsmall>.TokenGroup>.Token:not([dir=rtl])>:last-child {
    margin-right: 12px
}

html.dark .Token--xsmall:not([dir=rtl]) .Token-trigger,
html.dark .TokenGroup--xsmall>.Token:not([dir=rtl]) .Token-trigger,
html.dark .TokenGroup--xsmall>.TokenGroup>.Token:not([dir=rtl]) .Token-trigger {
    margin-left: 6px
}

html.dark .Token--xsmall[dir=rtl]>:first-child:not(.Token-adornment),
html.dark .TokenGroup--xsmall>.Token[dir=rtl]>:first-child:not(.Token-adornment),
html.dark .TokenGroup--xsmall>.TokenGroup>.Token[dir=rtl]>:first-child:not(.Token-adornment) {
    margin-right: 12px
}

html.dark .Token--xsmall[dir=rtl]>:last-child,
html.dark .TokenGroup--xsmall>.Token[dir=rtl]>:last-child,
html.dark .TokenGroup--xsmall>.TokenGroup>.Token[dir=rtl]>:last-child {
    margin-left: 12px
}

html.dark .Token--xsmall[dir=rtl] .Token-trigger,
html.dark .TokenGroup--xsmall>.Token[dir=rtl] .Token-trigger,
html.dark .TokenGroup--xsmall>.TokenGroup>.Token[dir=rtl] .Token-trigger {
    margin-right: 6px
}

html.dark .Token--xsmall .Token-adornment,
html.dark .TokenGroup--xsmall>.Token .Token-adornment,
html.dark .TokenGroup--xsmall>.TokenGroup>.Token .Token-adornment {
    border-radius: 6px;
    height: 12px;
    line-height: 12px;
    margin: 2px;
    min-width: 12px
}

html.dark .Token--xsmall .Token-adornmentImage,
html.dark .TokenGroup--xsmall>.Token .Token-adornmentImage,
html.dark .TokenGroup--xsmall>.TokenGroup>.Token .Token-adornmentImage {
    width: 12px;
    height: 12px
}

html.dark .Token--xsmall .Token-adornmentData,
html.dark .TokenGroup--xsmall>.Token .Token-adornmentData,
html.dark .TokenGroup--xsmall>.TokenGroup>.Token .Token-adornmentData {
    padding: 0 6px
}

html.dark .Token,
html.dark .Token--blue {
    background-color: #fff;
    border-color: #1da1f2;
    color: #1da1f2
}

html.dark .Token--blue .Token-adornment,
html.dark .Token .Token-adornment {
    background-color: #1da1f2;
    color: #fff
}

html.dark .Token--blue:hover,
html.dark .Token:hover {
    background-color: #97e3ff;
    color: #005fd1
}

html.dark .Token--blue.is-selected,
html.dark .Token.is-selected {
    background-color: #1da1f2;
    color: #fff;
    position: relative
}

html.dark .Token--blue.is-selected .Token-adornment,
html.dark .Token.is-selected .Token-adornment {
    background-color: #fff;
    color: #1da1f2
}

html.dark .Token--blue.is-selected:hover,
html.dark .Token.is-selected:hover {
    background-color: #005fd1;
    border-color: #005fd1
}

html.dark .Token--blue.is-focused,
html.dark .Token--blue .Token-checkbox input[type=checkbox]:focus+.Icon,
html.dark .Token--blue .Token-trigger:focus .Icon,
html.dark .Token--blue:focus,
html.dark .Token.is-focused,
html.dark .Token .Token-checkbox input[type=checkbox]:focus+.Icon,
html.dark .Token .Token-trigger:focus .Icon,
html.dark .Token:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #71c9f8
}

html.dark .Token--green {
    background-color: #fff;
    border-color: #17bf63;
    color: #17bf63
}

html.dark .Token--green .Token-adornment {
    background-color: #17bf63;
    color: #fff
}

html.dark .Token--green:hover {
    background-color: #a5f2aa;
    color: #008951
}

html.dark .Token--green.is-selected {
    background-color: #17bf63;
    color: #fff;
    position: relative
}

html.dark .Token--green.is-selected .Token-adornment {
    background-color: #fff;
    color: #17bf63
}

html.dark .Token--green.is-selected:hover {
    background-color: #008951;
    border-color: #008951
}

html.dark .Token--green.is-focused,
html.dark .Token--green .Token-checkbox input[type=checkbox]:focus+.Icon,
html.dark .Token--green .Token-trigger:focus .Icon,
html.dark .Token--green:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #68e090
}

html.dark .Token--red {
    background-color: #fff;
    border-color: #e0245e;
    color: #e0245e
}

html.dark .Token--red .Token-adornment {
    background-color: #e0245e;
    color: #fff
}

html.dark .Token--red:hover {
    background-color: #ffb8c2;
    color: #a01744
}

html.dark .Token--red.is-selected {
    background-color: #e0245e;
    color: #fff;
    position: relative
}

html.dark .Token--red.is-selected .Token-adornment {
    background-color: #fff;
    color: #e0245e
}

html.dark .Token--red.is-selected:hover {
    background-color: #a01744;
    border-color: #a01744
}

html.dark .Token--red.is-focused,
html.dark .Token--red .Token-checkbox input[type=checkbox]:focus+.Icon,
html.dark .Token--red .Token-trigger:focus .Icon,
html.dark .Token--red:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #f6809a
}

html.dark .Token--purple {
    background-color: #fff;
    border-color: #794bc4;
    color: #794bc4
}

html.dark .Token--purple .Token-adornment {
    background-color: #794bc4;
    color: #fff
}

html.dark .Token--purple:hover {
    background-color: #c7b4fa;
    color: #4f0299
}

html.dark .Token--purple.is-selected {
    background-color: #794bc4;
    color: #fff;
    position: relative
}

html.dark .Token--purple.is-selected .Token-adornment {
    background-color: #fff;
    color: #794bc4
}

html.dark .Token--purple.is-selected:hover {
    background-color: #4f0299;
    border-color: #4f0299
}

html.dark .Token--purple.is-focused,
html.dark .Token--purple .Token-checkbox input[type=checkbox]:focus+.Icon,
html.dark .Token--purple .Token-trigger:focus .Icon,
html.dark .Token--purple:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #a37ced
}

html.dark .Token--yellow {
    background-color: #fff;
    border-color: #ffad1f;
    color: #ffad1f
}

html.dark .Token--yellow .Token-adornment {
    background-color: #ffad1f;
    color: #fff
}

html.dark .Token--yellow:hover {
    background-color: #ffe76e;
    color: #f98e00
}

html.dark .Token--yellow.is-selected {
    background-color: #ffad1f;
    color: #fff;
    position: relative
}

html.dark .Token--yellow.is-selected .Token-adornment {
    background-color: #fff;
    color: #ffad1f
}

html.dark .Token--yellow.is-selected:hover {
    background-color: #f98e00;
    border-color: #f98e00
}

html.dark .Token--yellow.is-focused,
html.dark .Token--yellow .Token-checkbox input[type=checkbox]:focus+.Icon,
html.dark .Token--yellow .Token-trigger:focus .Icon,
html.dark .Token--yellow:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ffd03f
}

html.dark .Token--gray {
    background-color: #fff;
    border-color: #657786;
    color: #657786
}

html.dark .Token--gray .Token-adornment {
    background-color: #657786;
    color: #fff
}

html.dark .Token--gray:hover {
    background-color: #e6ecf0;
    color: #657786
}

html.dark .Token--gray.is-selected {
    background-color: #657786;
    color: #fff;
    position: relative
}

html.dark .Token--gray.is-selected .Token-adornment {
    background-color: #fff;
    color: #657786
}

html.dark .Token--gray.is-selected:hover {
    background-color: #aab8c2;
    border-color: #aab8c2
}

html.dark .Token--gray.is-focused,
html.dark .Token--gray .Token-checkbox input[type=checkbox]:focus+.Icon,
html.dark .Token--gray .Token-trigger:focus .Icon,
html.dark .Token--gray:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #aab8c2
}

html.dark .FormTokenInput .Token {
    margin: 9px 9px 0 0
}

html.dark .FormTokenInput .Token:focus:not(.is-focused) {
    box-shadow: none
}

html.dark .FormTokenInput[dir=rtl] .Token {
    margin-right: 0;
    margin-left: 9px
}

html.dark .FormTokenInput.FormTextarea {
    padding: 8px 9px
}

html.dark .FormTokenInput-innerWrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: -9px
}

html.dark .FormTokenInput-input {
    flex-grow: 1;
    position: relative;
    height: auto;
    padding: 0;
    border: 0;
    margin-top: 9px;
    background: 0 0;
    outline: none
}

html.dark .FormTokenInput-input::-webkit-input-placeholder {
    color: #aab8c2;
    opacity: 1
}

html.dark .FormTokenInput-input::-moz-placeholder {
    color: #aab8c2;
    opacity: 1
}

html.dark .FormTokenInput-input:-ms-input-placeholder {
    color: #aab8c2
}

html.dark .FormTokenInput-zeroWidthSpace {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

html.dark .FormTokenInput.FormTextarea {
    min-height: 45px
}

html.dark .FormTokenInput.FormTextarea .FormTokenInput-input {
    top: 0;
    height: 27px;
    font-size: 12px;
    line-height: 27px
}

html.dark .FormTokenInput--large.FormTextarea--large {
    min-height: 54px
}

html.dark .FormTokenInput--large.FormTextarea--large .FormTokenInput-input {
    top: 0;
    height: 36px;
    font-size: 14px;
    line-height: 36px
}

html.dark .FormTokenInput--small.FormTextarea--small {
    min-height: 36px
}

html.dark .FormTokenInput--small.FormTextarea--small .FormTokenInput-input {
    top: 0;
    height: 18px;
    font-size: 12px;
    line-height: 18px
}

html.dark .DataPoint .DataPoint-trend:before {
    display: block;
    font-family: edgeicons;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html.dark .DataPoint .DataPoint-trend--negative:before {
    content: "\F174"
}

html.dark .DataPoint .DataPoint-trend--positive:before {
    content: "\F188"
}

html.dark .DataPoint .DataPoint-label {
    font-size: 12px;
    line-height: 18px;
    color: #657786;
    font-weight: 700;
    position: relative;
    top: 3px
}

html.dark .DataPoint .DataPoint-info {
    font-size: 21px;
    line-height: 27px;
    color: #14171a;
    font-weight: 700
}

html.dark .DataPoint.DataPoint--large .DataPoint-info {
    font-size: 27px;
    line-height: 36px
}

html.dark .DataPoint.DataPoint--small .DataPoint-info {
    font-size: 18px;
    line-height: 27px
}

html.dark .DataPoint .DataPoint-trend {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-left: -4px;
    white-space: nowrap
}

html.dark .DataPoint .DataPoint-trend:before {
    font-size: 16px;
    line-height: 15px;
    display: inline-block;
    position: relative;
    top: 1px
}

html.dark .DataPoint .DataPoint-trend--negative {
    color: #e0245e
}

html.dark .DataPoint .DataPoint-trend--positive {
    color: #17bf63
}

html.dark .DataPoint--withBottomBorder {
    border-bottom: 1px solid #ccd6dd;
    margin-bottom: 9px;
    padding-bottom: 17px
}

html.dark .FormTokenInput.FormTextarea {
    min-height: auto
}

html.dark .FormTokenInput.FormTextarea .Icon--close {
    font-size: inherit;
    line-height: 22px
}

html.dark .FormTokenInput.FormTextarea .Icon--close:before {
    font-size: 14px
}

html.dark .FormTokenInput.FormTextarea ::-webkit-input-placeholder {
    color: #8899a6
}

html.dark .FormTokenInput.FormTextarea :-ms-input-placeholder {
    color: #8899a6
}

html.dark .FormTokenInput.FormTextarea ::-ms-input-placeholder {
    color: #8899a6
}

html.dark .FormTokenInput.FormTextarea ::placeholder {
    color: #8899a6
}

html.dark .FormTokenInput-input {
    width: auto
}

html.dark .FormTokenInput-input:focus {
    border: none;
    box-shadow: none
}

html.dark .FormTokenInput-innerWrapper .Token:first-of-type .Token-trigger {
    display: none
}

html.dark .FormTokenInput-innerWrapper .Token:first-of-type .Token-label {
    padding-right: 12px
}

html.dark .FormTokenInput-innerWrapper .Token-trigger:active,
html.dark .FormTokenInput-innerWrapper .Token-trigger:hover {
    background-color: inherit;
    color: inherit;
    text-decoration: none;
    box-shadow: none
}

html.dark .DatePicker {
    margin: auto
}

html.dark .DatePicker-calendar {
    width: 200px;
    margin: 0 auto
}

html.dark .DatePicker-nav {
    height: 35px
}

html.dark .DatePicker-calendarDay,
html.dark .DatePicker-calendarDayHeader {
    width: 25px;
    height: 25px;
    line-height: 26px
}

html.dark .DatePicker-monthButton {
    outline: 0
}

html.dark .DatePicker-monthButton .Icon {
    font-size: 10px
}

html.dark .DatePicker-monthButton--left {
    text-align: left
}

html.dark .DatePicker-monthButton--right {
    text-align: right
}

html.dark .DatePicker.date-unselected .is-rangeEnd,
html.dark .DatePicker.date-unselected .is-rangeStart {
    background-color: transparent;
    color: #14171a
}

html.dark .DatePicker.date-unselected .is-rangeEnd:hover,
html.dark .DatePicker.date-unselected .is-rangeStart:hover {
    background-color: #005091;
    color: #fff
}

html.dark .DatePickerDropdown-menuItem {
    padding: 10px
}

html.dark .DatePickerDropdown-menuItem--footer {
    border-radius: 0 0 4px 4px
}

html.dark .FormSelect .Icon--caretDown {
    font-size: 16px
}

html.dark .TimePickerDropdown.Dropdown {
    max-height: 200px;
    overflow-y: scroll;
    margin: 5px 0
}

html.dark .TimePicker.FormInput {
    padding-right: 0
}

html.dark .Dropdown-menuItem .Dropdown-menuItemContent input[type=radio]:checked:before {
    content: "\F021";
    font-family: tweetdeckregular;
    font-size: 14px
}

html.dark .NotificationList button {
    background: 0 0;
    border: 0;
    padding: 0
}

html.dark .DrawerModal,
html.dark .NotificationList .Notification-body {
    color: #14171a
}

html.dark .DrawerModal button.Drawer-close {
    background: 0 0;
    border: 0;
    padding: 0;
    margin-top: 6px
}

html.dark .DrawerModal .Panel-header {
    padding: 9px 20px 0
}

html.dark .DrawerModal .Panel-title {
    padding-bottom: 7px;
    border-bottom: 2px solid #ccd6dd
}

html.dark .DrawerModal .Panel-body {
    padding: 18px 20px
}

html.dark .DrawerModal .Panel-body:focus {
    outline: none
}

html.dark .DrawerModal .Panel-footer {
    padding: 18px 20px;
    background-color: #f5f8fa;
    border-top: 1px solid #ccd6dd
}

html.dark .Tooltip-inner {
    padding: 6px !important
}