Skip to content

Instantly share code, notes, and snippets.

@45deg
Last active February 24, 2018 14:18
Show Gist options
  • Save 45deg/da2b04bbc065fa1447649b3579559e5c to your computer and use it in GitHub Desktop.
Save 45deg/da2b04bbc065fa1447649b3579559e5c to your computer and use it in GitHub Desktop.
.dark-border {
border: 1px solid rgb(228, 232, 234);
}
.dark-border-top {
border-top: 1px solid rgb(228, 232, 234);
}
html.dark {
color: rgb(228, 232, 234);
}
html.dark .is-inverted-dark .stream-item {
background-color: rgb(255, 255, 255);
}
html.dark body {
background-color: rgb(82, 148, 189);
}
html.dark body:before {
background-image: radial-gradient(circle, rgb(82, 148, 189), rgb(45, 53, 62));
}
html.dark ::-moz-selection {
background: rgb(228, 232, 234);
color: rgb(22, 23, 25);
}
html.dark ::selection {
background: rgb(228, 232, 234);
color: rgb(22, 23, 25);
}
html.dark a {
color: rgb(82, 148, 189);
}
html.dark a:hover, html.dark a:focus, html.dark a:active {
color: rgb(82, 148, 189);
}
html.dark .txt-mute {
color: rgb(144, 152, 159);
}
html.dark .txt-mute a:not(:hover):not(:focus) {
color: rgb(144, 152, 159);
}
html.dark .txt-mute-text-only {
color: rgb(144, 152, 159);
}
html.dark .color-twitter-emphasis-gray {
color: rgb(176, 183, 188);
}
html.dark .link-hover-override:hover .link-hover-target {
color: rgb(82, 148, 189);
}
html.dark .scroll-styled-v, html.dark .scroll-styled-h {
-ms-scrollbar-face-color: rgb(71, 83, 92);
scrollbar-face-color: rgb(71, 83, 92);
-ms-scrollbar-highlight-color: rgb(71, 83, 92);
scrollbar-highlight-color: rgb(71, 83, 92);
-ms-scrollbar-shadow-color: rgb(71, 83, 92);
scrollbar-shadow-color: rgb(71, 83, 92);
-ms-scrollbar-darkshadow-color: rgb(71, 83, 92);
scrollbar-darkshadow-color: rgb(71, 83, 92);
-ms-scrollbar-track-color: rgb(44, 47, 49);
scrollbar-track-color: rgb(44, 47, 49);
-ms-scrollbar-3dlight-color: rgb(71, 83, 92);
scrollbar-3dlight-color: rgb(71, 83, 92);
-ms-scrollbar-arrow-color: rgb(144, 152, 159);
scrollbar-arrow-color: rgb(144, 152, 159);
}
html.dark .scroll-styled-v::-webkit-scrollbar-track, html.dark .scroll-styled-h::-webkit-scrollbar-track {
border-left: 1px solid rgb(44, 47, 49);
}
html.dark .scroll-styled-v::-webkit-scrollbar-thumb, html.dark .scroll-styled-h::-webkit-scrollbar-thumb {
background-color: rgb(109, 118, 126);
}
html.dark .scroll-styled-v::-webkit-scrollbar-thumb:hover, html.dark .scroll-styled-h::-webkit-scrollbar-thumb:hover {
background-color: rgb(144, 152, 159);
}
html.dark .scroll-alt {
-ms-scrollbar-face-color: rgb(71, 83, 92);
scrollbar-face-color: rgb(71, 83, 92);
-ms-scrollbar-highlight-color: rgb(71, 83, 92);
scrollbar-highlight-color: rgb(71, 83, 92);
-ms-scrollbar-shadow-color: rgb(71, 83, 92);
scrollbar-shadow-color: rgb(71, 83, 92);
-ms-scrollbar-darkshadow-color: rgb(71, 83, 92);
scrollbar-darkshadow-color: rgb(71, 83, 92);
-ms-scrollbar-track-color: rgb(44, 47, 49);
scrollbar-track-color: rgb(44, 47, 49);
-ms-scrollbar-3dlight-color: rgb(71, 83, 92);
scrollbar-3dlight-color: rgb(71, 83, 92);
-ms-scrollbar-arrow-color: rgb(144, 152, 159);
scrollbar-arrow-color: rgb(144, 152, 159);
}
html.dark .scroll-alt::-webkit-scrollbar-track {
border-color: rgb(228, 232, 234);
}
html.dark .scroll-alt::-webkit-scrollbar-thumb {
background-color: rgb(228, 232, 234);
}
html.dark .scroll-alt::-webkit-scrollbar-thumb:hover {
background-color: rgb(109, 118, 126);
}
html.dark .scroll-conversation {
background: rgb(30, 36, 42);
}
html.dark .is-inverted-dark .column-scroller::-webkit-scrollbar-track {
border-left-color: rgb(228, 232, 234);
}
html.dark .is-inverted-dark .column-scroller::-webkit-scrollbar-thumb {
background-color: rgb(228, 232, 234);
}
html.dark .is-inverted-dark .column-scroller::-webkit-scrollbar-thumb:hover {
background-color: rgb(144, 152, 159);
}
html.dark .antiscroll-scrollbar {
background: rgba(255, 255, 255, 0.2);
}
html.dark .is-loading {
background-color: rgb(255, 255, 255);
}
html.dark .with-drop-shadow:after {
box-shadow: inset 0 2px 1px rgba(22, 23, 25, 0.25);
border-top: 1px solid rgba(22, 23, 25, 0.25);
}
html.dark .border-separated li {
border-bottom: 1px solid rgb(208, 213, 217);
}
html.dark .dark-border {
border: 1px solid rgb(26, 31, 37);
}
html.dark .dark-border-top {
border-top: 1px solid rgb(22, 23, 25);
}
html.dark .bs-1 {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
html.dark .color-twitter-darker-gray {
color: rgb(109, 118, 126);
}
html.dark .color-twitter-white {
color: rgb(255, 255, 255);
}
html.dark .color-twitter-gray {
color: rgb(176, 183, 188);
}
html.dark .color-twitter-blue {
color: rgb(82, 148, 189);
}
html.dark .color-twitter-red {
color: rgb(177, 83, 112);
}
html.dark .color-twitter-deep-red {
color: rgb(126, 57, 80);
}
html.dark .color-twitter-green {
color: rgb(65, 149, 103);
}
html.dark .color-twitter-deep-black {
color: rgb(22, 23, 25);
}
html.dark .color-twitter-dark-black {
color: rgb(44, 47, 49);
}
html.dark .color-twitter-dark-gray {
color: rgb(144, 152, 159);
}
html.dark .color-twitter-black {
color: rgb(0, 0, 0);
}
html.dark .color-twitter-yellow {
color: rgb(199, 158, 87);
}
html.dark .bg-color-twitter-white {
background-color: rgb(255, 255, 255);
}
html.dark .bg-color-twitter-blue {
background-color: rgb(82, 148, 189);
}
html.dark .bg-color-twitter-medium-blue {
background-color: rgb(82, 148, 189);
}
html.dark .bg-color-twitter-deep-black {
background-color: rgb(44, 47, 49);
}
html.dark .bg-color-twitter-lightest-gray {
background-color: rgb(246, 248, 249);
}
html.dark .hover-bg-color-twitter-white:hover, html.dark .hover-bg-color-twitter-white:focus {
background-color: rgb(255, 255, 255);
}
html.dark .hover-bg-color-twitter-lightest-gray:hover, html.dark .hover-bg-color-twitter-lightest-gray:focus {
background-color: rgb(246, 248, 249);
}
html.dark .hover-bg-color-twitter-faint-blue:hover, html.dark .hover-bg-color-twitter-faint-blue:focus {
background-color: rgb(239, 244, 248);
}
html.dark .is-inverted-dark {
color: rgb(44, 47, 49);
}
html.dark .is-inverted-dark a, html.dark .is-inverted-dark a:hover, html.dark .is-inverted-dark a:focus, html.dark .is-inverted-dark a:active {
color: rgb(82, 148, 189);
}
html.dark .is-inverted-dark .link-normal-dark, html.dark .is-inverted-dark .link-normal-dark:hover, html.dark .is-inverted-dark .link-normal-dark:focus, html.dark .is-inverted-dark .link-normal-dark:active {
color: rgb(22, 23, 25);
}
html.dark .is-inverted-dark .list-link, html.dark .is-inverted-dark .list-twitter-list, html.dark .is-inverted-dark .list-subtitle, html.dark .is-inverted-dark .list-account, html.dark .is-inverted-dark .list-listmember {
color: rgb(44, 47, 49);
}
html.dark .is-inverted-dark .txt-mute {
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .txt-mute a:not(:hover):not(:focus) {
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .stream-item:not(.conversation-event), html.dark .is-inverted-dark .conversation-event+.stream-item:not(.conversation-event) {
border-color: rgb(228, 232, 234);
}
html.dark .is-inverted-dark .account-link {
color: rgb(44, 47, 49);
}
html.dark .is-inverted-dark .account-bio {
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .with-drop-shadow:after {
box-shadow: inset 0 2px 4px rgb(208, 213, 217);
border-top: 1px solid rgba(22, 23, 25, 0.25);
}
html.dark .is-inverted-dark .column-close-link {
color: rgb(109, 118, 126);
}
html.dark .is-inverted-dark .accordion {
color: rgb(22, 23, 25);
}
html.dark .is-inverted-dark .accordion-header {
color: rgb(22, 23, 25);
}
html.dark .is-inverted-dark .accordion-divider-t {
border-top: 1px solid rgb(228, 232, 234);
}
html.dark .is-inverted-dark .accordion-header:hover {
color: rgb(22, 23, 25);
}
html.dark .is-inverted-dark .facet-type-content.is-active {
background-color: rgba(217, 158, 171, 0.2);
}
html.dark .is-inverted-dark .facet-type-user.is-active {
background-color: rgba(219, 207, 146, 0.2);
}
html.dark .is-inverted-dark .facet-type-location.is-active {
background-color: rgba(137, 175, 157, 0.2);
}
html.dark .is-inverted-dark .facet-type-preferences.is-active {
background-color: rgba(144, 152, 159, 0.2);
}
html.dark .is-inverted-dark .facet-type-engagement.is-active {
background-color: rgb(228, 232, 234);
}
html.dark .is-inverted-dark .facet-type {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .is-inverted-dark .accordion .is-active {
color: rgb(22, 23, 25);
}
html.dark .is-inverted-dark .accordion .is-active .accordion-header, html.dark .is-inverted-dark .accordion .is-active .accordion-header:hover {
color: rgb(22, 23, 25);
}
html.dark .is-inverted-dark .tweet-detail-wrapper {
background: rgb(246, 248, 249);
}
html.dark .is-inverted-dark .scroll-conversation {
background: rgb(228, 232, 234);
}
html.dark .is-inverted-dark .tweet-detail-actions, html.dark .is-inverted-dark .tweet-stats, html.dark .is-inverted-dark .card-holder {
border-top-color: rgb(228, 232, 234);
}
html.dark .is-inverted-dark .tweet-detail-action {
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .tweet-detail-action:hover, html.dark .is-inverted-dark .tweet-detail-action:focus, html.dark .is-inverted-dark .tweet-detail-action:active, html.dark .is-inverted-dark .tweet-detail-action.is-selected {
color: rgb(44, 47, 49);
}
html.dark .is-inverted-dark .social-proof-for-tweet-title {
background-color: rgb(228, 232, 234);
color: rgb(109, 118, 126);
border-bottom: rgb(228, 232, 234);
}
html.dark .is-inverted-dark .rpl textarea {
border: 1px solid rgb(228, 232, 234);
background: rgb(255, 255, 255);
box-shadow: rgb(144, 152, 159) 0 1px 0 inset;
}
html.dark .is-inverted-dark .media-badge {
border-color: rgb(228, 232, 234);
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .media-badge:hover {
background-color: rgb(246, 248, 249);
}
html.dark .icon-favorite-color {
color: rgb(177, 83, 112);
}
html.dark .icon-follow-color {
color: rgb(82, 148, 189);
}
html.dark .icon-list-color {
color: rgb(109, 118, 126);
}
html.dark .icon-image-color {
color: rgb(109, 118, 126);
}
html.dark .icon-mention-color {
color: rgb(109, 118, 126);
}
html.dark .icon-unread-color {
color: rgb(82, 148, 189);
}
html.dark .icon-remove-color {
color: rgb(177, 83, 112);
}
html.dark .icon-submit-color {
color: rgb(65, 149, 103);
}
html.dark .icon-retweet-color {
color: rgb(65, 149, 103);
}
html.dark .icon-twitter-blue-color {
color: rgb(82, 148, 189);
}
html.dark .ButtonGroup>.Button.is-selected, html.dark .ButtonGroup>button.is-selected, html.dark .ButtonGroup>input.is-selected[type="button"], html.dark .ButtonGroup>.Button.is-selected:visited, html.dark .ButtonGroup>button.is-selected:visited, html.dark .ButtonGroup>input.is-selected[type="button"]:visited {
background-color: rgb(82, 148, 189);
border: 1px solid rgb(82, 148, 189);
}
html.dark .ButtonGroup>.Button.is-selected:focus, html.dark .ButtonGroup>button.is-selected:focus, html.dark .ButtonGroup>input.is-selected[type="button"]:focus, html.dark .ButtonGroup>.Button.is-selected.is-focus, html.dark .ButtonGroup>button.is-selected.is-focus, html.dark .ButtonGroup>input.is-selected.is-focus[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(147, 191, 214);
background: rgb(82, 148, 189);
border-color: rgb(82, 148, 189);
}
html.dark .ButtonGroup>.Button.is-selected:hover, html.dark .ButtonGroup>button.is-selected:hover, html.dark .ButtonGroup>input.is-selected[type="button"]:hover, html.dark .ButtonGroup>.Button.is-selected.is-hover, html.dark .ButtonGroup>button.is-selected.is-hover, html.dark .ButtonGroup>input.is-selected.is-hover[type="button"] {
background-color: rgb(82, 148, 189);
border-color: rgb(82, 148, 189);
}
html.dark .ButtonGroup>.Button.is-selected:active, html.dark .ButtonGroup>button.is-selected:active, html.dark .ButtonGroup>input.is-selected[type="button"]:active, html.dark .ButtonGroup>.Button.is-selected.is-active, html.dark .ButtonGroup>button.is-selected.is-active, html.dark .ButtonGroup>input.is-selected.is-active[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(82, 148, 189);
background-color: rgb(82, 148, 189);
border-color: rgb(82, 148, 189);
}
html.dark .ButtonGroup>.Button.is-selected[disabled], html.dark .ButtonGroup>button.is-selected[disabled], html.dark .ButtonGroup>input.is-selected[disabled][type="button"], html.dark .ButtonGroup>button.is-selected.is-disabled:focus, html.dark .ButtonGroup>input.is-selected[type="button"].is-disabled:focus, html.dark .ButtonGroup>.Button.is-selected.is-disabled, html.dark .ButtonGroup>button.is-selected.is-disabled, html.dark .ButtonGroup>input.is-selected.is-disabled[type="button"], 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: rgb(82, 148, 189);
border-color: rgb(82, 148, 189);
}
html.dark .ButtonGroup--tertiary>.Button.is-selected, html.dark .ButtonGroup--tertiary>button.is-selected, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"], html.dark .ButtonGroup--tertiary>.Button.is-selected:visited, html.dark .ButtonGroup--tertiary>button.is-selected:visited, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"]:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"]:visited {
background-color: rgb(109, 118, 126);
border: 1px solid rgb(109, 118, 126);
}
html.dark .ButtonGroup--tertiary>.Button.is-selected:focus, html.dark .ButtonGroup--tertiary>button.is-selected:focus, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"]:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"]:focus, html.dark .ButtonGroup--tertiary>.Button.is-selected.is-focus, html.dark .ButtonGroup--tertiary>button.is-selected.is-focus, html.dark .ButtonGroup--tertiary>input.is-selected.is-focus[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-focus[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(208, 213, 217);
background: rgb(109, 118, 126);
border-color: rgb(109, 118, 126);
}
html.dark .ButtonGroup--tertiary>.Button.is-selected:hover, html.dark .ButtonGroup--tertiary>button.is-selected:hover, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"]:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"]:hover, html.dark .ButtonGroup--tertiary>.Button.is-selected.is-hover, html.dark .ButtonGroup--tertiary>button.is-selected.is-hover, html.dark .ButtonGroup--tertiary>input.is-selected.is-hover[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-hover[type="button"] {
background-color: rgb(109, 118, 126);
border-color: rgb(109, 118, 126);
}
html.dark .ButtonGroup--tertiary>.Button.is-selected:active, html.dark .ButtonGroup--tertiary>button.is-selected:active, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"]:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"]:active, html.dark .ButtonGroup--tertiary>.Button.is-selected.is-active, html.dark .ButtonGroup--tertiary>button.is-selected.is-active, html.dark .ButtonGroup--tertiary>input.is-selected.is-active[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-active, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-active, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-active[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(176, 183, 188);
background-color: rgb(109, 118, 126);
border-color: rgb(109, 118, 126);
}
html.dark .ButtonGroup--tertiary>.Button.is-selected[disabled], html.dark .ButtonGroup--tertiary>button.is-selected[disabled], html.dark .ButtonGroup--tertiary>input.is-selected[disabled][type="button"], html.dark .ButtonGroup--tertiary>button.is-selected.is-disabled:focus, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"].is-disabled:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected[disabled], html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected[disabled], html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[disabled][type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-disabled:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"].is-disabled:focus, html.dark .ButtonGroup--tertiary>.Button.is-selected.is-disabled, html.dark .ButtonGroup--tertiary>button.is-selected.is-disabled, html.dark .ButtonGroup--tertiary>input.is-selected.is-disabled[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-disabled, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-disabled, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-disabled[type="button"], html.dark fieldset[disabled] .ButtonGroup--tertiary>.Button.is-selected, html.dark fieldset[disabled] .ButtonGroup--tertiary>button.is-selected, html.dark fieldset[disabled] .ButtonGroup--tertiary>input.is-selected[type="button"], 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"] {
background-color: rgb(109, 118, 126);
border-color: rgb(109, 118, 126);
}
html.dark .Button, html.dark button, html.dark input[type="button"], html.dark .Button:visited, html.dark button:visited, html.dark input[type="button"]:visited, html.dark .Button.is-visited, html.dark button.is-visited, html.dark input.is-visited[type="button"] {
border: 1px solid rgb(82, 148, 189);
color: rgb(82, 148, 189);
}
html.dark .Button:focus, html.dark button:focus, html.dark input[type="button"]:focus, html.dark .Button.is-focus, html.dark button.is-focus, html.dark input.is-focus[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(147, 191, 214);
border-color: rgb(82, 148, 189);
color: rgb(82, 148, 189);
}
html.dark .Button:hover, html.dark button:hover, html.dark input[type="button"]:hover, html.dark .Button.is-hover, html.dark button.is-hover, html.dark input.is-hover[type="button"] {
background-color: rgb(239, 244, 248);
color: rgb(82, 148, 189);
}
html.dark .Button:active, html.dark button:active, html.dark input[type="button"]:active, html.dark .Button.is-active, html.dark button.is-active, html.dark input.is-active[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(82, 148, 189);
background: rgb(239, 244, 248);
border-color: rgb(82, 148, 189);
color: rgb(82, 148, 189);
}
html.dark .Button.Button--primary, html.dark button.Button--primary, html.dark button.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button.following-text, html.dark input.Button--primary[type="button"], html.dark input[type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input[type="button"].following-text, html.dark .Button.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button.following-text, html.dark .Button.Button--primary:visited, html.dark button.Button--primary:visited, html.dark button.btn-fav.s-favorited:visited, html.dark .s-following .follow-btn:hover button.following-text:visited, html.dark input.Button--primary[type="button"]:visited, html.dark input[type="button"].btn-fav.s-favorited:visited, html.dark .s-following .follow-btn:hover input[type="button"].following-text:visited, html.dark .Button.btn-fav.s-favorited:visited, html.dark .s-following .follow-btn:hover .Button.following-text:visited, html.dark .ButtonGroup--primary>.Button, html.dark .ButtonGroup--primary>button, html.dark .ButtonGroup--primary>input[type="button"], html.dark .ButtonGroup--primary>.Button:visited, html.dark .ButtonGroup--primary>button:visited, html.dark .ButtonGroup--primary>input[type="button"]:visited, html.dark .ButtonGroup--primary>.ButtonGroup>.Button, html.dark .ButtonGroup--primary>.ButtonGroup>button, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>.Button:visited, html.dark .ButtonGroup--primary>.ButtonGroup>button:visited, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"]:visited {
background-color: rgb(82, 148, 189);
border: 1px solid rgb(82, 148, 189);
}
html.dark .Button.Button--primary:focus, html.dark button.Button--primary:focus, html.dark button.btn-fav.s-favorited:focus, html.dark .s-following .follow-btn:hover button.following-text:focus, html.dark input.Button--primary[type="button"]:focus, html.dark input[type="button"].btn-fav.s-favorited:focus, html.dark .s-following .follow-btn:hover input[type="button"].following-text:focus, html.dark .Button.btn-fav.s-favorited:focus, html.dark .s-following .follow-btn:hover .Button.following-text:focus, html.dark .Button.Button--primary.is-focus, html.dark button.Button--primary.is-focus, html.dark button.is-focus.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button.is-focus.following-text, html.dark input.Button--primary.is-focus[type="button"], html.dark input.is-focus[type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input.is-focus[type="button"].following-text, html.dark .Button.is-focus.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button.is-focus.following-text, html.dark .ButtonGroup--primary>.Button:focus, html.dark .ButtonGroup--primary>button:focus, html.dark .ButtonGroup--primary>input[type="button"]:focus, html.dark .ButtonGroup--primary>.Button.is-focus, html.dark .ButtonGroup--primary>button.is-focus, html.dark .ButtonGroup--primary>input.is-focus[type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>.Button:focus, html.dark .ButtonGroup--primary>.ButtonGroup>button:focus, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"]:focus, html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-focus, html.dark .ButtonGroup--primary>.ButtonGroup>button.is-focus, html.dark .ButtonGroup--primary>.ButtonGroup>input.is-focus[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(147, 191, 214);
background: rgb(82, 148, 189);
border-color: rgb(82, 148, 189);
}
html.dark .Button.Button--primary:hover, html.dark button.Button--primary:hover, html.dark button.btn-fav.s-favorited:hover, html.dark .s-following .follow-btn:hover button.following-text:hover, html.dark input.Button--primary[type="button"]:hover, html.dark input[type="button"].btn-fav.s-favorited:hover, html.dark .s-following .follow-btn:hover input[type="button"].following-text:hover, html.dark .Button.btn-fav.s-favorited:hover, html.dark .s-following .follow-btn:hover .Button.following-text:hover, html.dark .Button.Button--primary.is-hover, html.dark button.Button--primary.is-hover, html.dark button.is-hover.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button.is-hover.following-text, html.dark input.Button--primary.is-hover[type="button"], html.dark input.is-hover[type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input.is-hover[type="button"].following-text, html.dark .Button.is-hover.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button.is-hover.following-text, html.dark .ButtonGroup--primary>.Button:hover, html.dark .ButtonGroup--primary>button:hover, html.dark .ButtonGroup--primary>input[type="button"]:hover, html.dark .ButtonGroup--primary>.Button.is-hover, html.dark .ButtonGroup--primary>button.is-hover, html.dark .ButtonGroup--primary>input.is-hover[type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>.Button:hover, html.dark .ButtonGroup--primary>.ButtonGroup>button:hover, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"]:hover, html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-hover, html.dark .ButtonGroup--primary>.ButtonGroup>button.is-hover, html.dark .ButtonGroup--primary>.ButtonGroup>input.is-hover[type="button"] {
background-color: rgb(52, 100, 157);
border-color: rgb(52, 100, 157);
}
html.dark .Button.Button--primary:active, html.dark button.Button--primary:active, html.dark button.btn-fav.s-favorited:active, html.dark .s-following .follow-btn:hover button.following-text:active, html.dark input.Button--primary[type="button"]:active, html.dark input[type="button"].btn-fav.s-favorited:active, html.dark .s-following .follow-btn:hover input[type="button"].following-text:active, html.dark .Button.btn-fav.s-favorited:active, html.dark .s-following .follow-btn:hover .Button.following-text:active, html.dark .Button.Button--primary.is-active, html.dark button.Button--primary.is-active, html.dark button.is-active.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button.is-active.following-text, html.dark input.Button--primary.is-active[type="button"], html.dark input.is-active[type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input.is-active[type="button"].following-text, html.dark .Button.is-active.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button.is-active.following-text, html.dark .ButtonGroup--primary>.Button:active, html.dark .ButtonGroup--primary>button:active, html.dark .ButtonGroup--primary>input[type="button"]:active, html.dark .ButtonGroup--primary>.Button.is-active, html.dark .ButtonGroup--primary>button.is-active, html.dark .ButtonGroup--primary>input.is-active[type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>.Button:active, html.dark .ButtonGroup--primary>.ButtonGroup>button:active, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"]:active, html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-active, html.dark .ButtonGroup--primary>.ButtonGroup>button.is-active, html.dark .ButtonGroup--primary>.ButtonGroup>input.is-active[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(82, 148, 189);
background-color: rgb(52, 100, 157);
border-color: rgb(52, 100, 157);
}
html.dark .Button.Button--primary[disabled], html.dark button.Button--primary[disabled], html.dark button[disabled].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button[disabled].following-text, html.dark input.Button--primary[disabled][type="button"], html.dark input[disabled][type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input[disabled][type="button"].following-text, html.dark button.Button--primary.is-disabled:focus, html.dark button.is-disabled.btn-fav.s-favorited:focus, html.dark .s-following .follow-btn:hover button.is-disabled.following-text:focus, html.dark input.Button--primary[type="button"].is-disabled:focus, html.dark input[type="button"].is-disabled.btn-fav.s-favorited:focus, html.dark .s-following .follow-btn:hover input[type="button"].is-disabled.following-text:focus, html.dark .Button[disabled].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button[disabled].following-text, html.dark .Button.Button--primary.is-disabled, html.dark button.Button--primary.is-disabled, html.dark button.is-disabled.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button.is-disabled.following-text, html.dark input.Button--primary.is-disabled[type="button"], html.dark input.is-disabled[type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input.is-disabled[type="button"].following-text, html.dark .Button.is-disabled.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button.is-disabled.following-text, html.dark fieldset[disabled] .Button.Button--primary, html.dark fieldset[disabled] button.Button--primary, html.dark fieldset[disabled] button.btn-fav.s-favorited, html.dark fieldset[disabled] .s-following .follow-btn:hover button.following-text, html.dark .s-following .follow-btn:hover fieldset[disabled] button.following-text, html.dark fieldset[disabled] input.Button--primary[type="button"], html.dark fieldset[disabled] input[type="button"].btn-fav.s-favorited, html.dark fieldset[disabled] .s-following .follow-btn:hover input[type="button"].following-text, html.dark .s-following .follow-btn:hover fieldset[disabled] input[type="button"].following-text, html.dark fieldset[disabled] .Button.btn-fav.s-favorited, html.dark fieldset[disabled] .s-following .follow-btn:hover .Button.following-text, html.dark .s-following .follow-btn:hover fieldset[disabled] .Button.following-text, html.dark .ButtonGroup--primary>.Button[disabled], html.dark .ButtonGroup--primary>button[disabled], html.dark .ButtonGroup--primary>input[disabled][type="button"], html.dark .ButtonGroup--primary>button.is-disabled:focus, html.dark .ButtonGroup--primary>input[type="button"].is-disabled:focus, html.dark .ButtonGroup--primary>.Button.is-disabled, html.dark .ButtonGroup--primary>button.is-disabled, html.dark .ButtonGroup--primary>input.is-disabled[type="button"], html.dark fieldset[disabled] .ButtonGroup--primary>.Button, html.dark fieldset[disabled] .ButtonGroup--primary>button, html.dark fieldset[disabled] .ButtonGroup--primary>input[type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>.Button[disabled], html.dark .ButtonGroup--primary>.ButtonGroup>button[disabled], html.dark .ButtonGroup--primary>.ButtonGroup>input[disabled][type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>button.is-disabled:focus, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"].is-disabled:focus, html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-disabled, html.dark .ButtonGroup--primary>.ButtonGroup>button.is-disabled, html.dark .ButtonGroup--primary>.ButtonGroup>input.is-disabled[type="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"] {
background-color: rgb(82, 148, 189);
border-color: rgb(82, 148, 189);
}
html.dark .Button.Button--tertiary, html.dark button.Button--tertiary, html.dark input.Button--tertiary[type="button"], html.dark .Button.Button--tertiary:visited, html.dark button.Button--tertiary:visited, html.dark input.Button--tertiary[type="button"]:visited, html.dark .ButtonGroup--tertiary>.Button, html.dark .ButtonGroup--tertiary>button, html.dark .ButtonGroup--tertiary>input[type="button"], html.dark .ButtonGroup--tertiary>.Button:visited, html.dark .ButtonGroup--tertiary>button:visited, html.dark .ButtonGroup--tertiary>input[type="button"]:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button, html.dark .ButtonGroup--tertiary>.ButtonGroup>button, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>button:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"]:visited {
border: 1px solid rgb(109, 118, 126);
color: rgb(109, 118, 126);
}
html.dark .Button.Button--tertiary:focus, html.dark button.Button--tertiary:focus, html.dark input.Button--tertiary[type="button"]:focus, html.dark .Button.Button--tertiary.is-focus, html.dark button.Button--tertiary.is-focus, html.dark input.Button--tertiary.is-focus[type="button"], html.dark .ButtonGroup--tertiary>.Button:focus, html.dark .ButtonGroup--tertiary>button:focus, html.dark .ButtonGroup--tertiary>input[type="button"]:focus, html.dark .ButtonGroup--tertiary>.Button.is-focus, html.dark .ButtonGroup--tertiary>button.is-focus, html.dark .ButtonGroup--tertiary>input.is-focus[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>button:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"]:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-focus[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(208, 213, 217);
border-color: rgb(109, 118, 126);
color: rgb(109, 118, 126);
}
html.dark .Button.Button--tertiary:hover, html.dark button.Button--tertiary:hover, html.dark input.Button--tertiary[type="button"]:hover, html.dark .Button.Button--tertiary.is-hover, html.dark button.Button--tertiary.is-hover, html.dark input.Button--tertiary.is-hover[type="button"], html.dark .ButtonGroup--tertiary>.Button:hover, html.dark .ButtonGroup--tertiary>button:hover, html.dark .ButtonGroup--tertiary>input[type="button"]:hover, html.dark .ButtonGroup--tertiary>.Button.is-hover, html.dark .ButtonGroup--tertiary>button.is-hover, html.dark .ButtonGroup--tertiary>input.is-hover[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>button:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"]:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-hover[type="button"] {
background-color: rgb(246, 248, 249);
border-color: rgb(109, 118, 126);
color: rgb(109, 118, 126);
}
html.dark .Button.Button--tertiary:active, html.dark button.Button--tertiary:active, html.dark input.Button--tertiary[type="button"]:active, html.dark .Button.Button--tertiary.is-active, html.dark button.Button--tertiary.is-active, html.dark input.Button--tertiary.is-active[type="button"], html.dark .ButtonGroup--tertiary>.Button:active, html.dark .ButtonGroup--tertiary>button:active, html.dark .ButtonGroup--tertiary>input[type="button"]:active, html.dark .ButtonGroup--tertiary>.Button.is-active, html.dark .ButtonGroup--tertiary>button.is-active, html.dark .ButtonGroup--tertiary>input.is-active[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>button:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"]:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-active, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-active, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-active[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(109, 118, 126);
background-color: rgb(246, 248, 249);
border-color: rgb(109, 118, 126);
color: rgb(109, 118, 126);
}
html.dark .Button.Button--tertiary[disabled], html.dark button.Button--tertiary[disabled], html.dark input.Button--tertiary[disabled][type="button"], html.dark button.Button--tertiary.is-disabled:focus, html.dark input.Button--tertiary[type="button"].is-disabled:focus, html.dark .Button.Button--tertiary.is-disabled, html.dark button.Button--tertiary.is-disabled, html.dark input.Button--tertiary.is-disabled[type="button"], html.dark fieldset[disabled] .Button.Button--tertiary, html.dark fieldset[disabled] button.Button--tertiary, html.dark fieldset[disabled] input.Button--tertiary[type="button"], html.dark .ButtonGroup--tertiary>.Button[disabled], html.dark .ButtonGroup--tertiary>button[disabled], html.dark .ButtonGroup--tertiary>input[disabled][type="button"], html.dark .ButtonGroup--tertiary>button.is-disabled:focus, html.dark .ButtonGroup--tertiary>input[type="button"].is-disabled:focus, html.dark .ButtonGroup--tertiary>.Button.is-disabled, html.dark .ButtonGroup--tertiary>button.is-disabled, html.dark .ButtonGroup--tertiary>input.is-disabled[type="button"], html.dark fieldset[disabled] .ButtonGroup--tertiary>.Button, html.dark fieldset[disabled] .ButtonGroup--tertiary>button, html.dark fieldset[disabled] .ButtonGroup--tertiary>input[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button[disabled], html.dark .ButtonGroup--tertiary>.ButtonGroup>button[disabled], html.dark .ButtonGroup--tertiary>.ButtonGroup>input[disabled][type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-disabled:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"].is-disabled:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-disabled, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-disabled, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-disabled[type="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"] {
border-color: rgb(109, 118, 126);
}
html.dark .Button.Button--success, html.dark button.Button--success, html.dark input.Button--success[type="button"], html.dark .Button.Button--success:visited, html.dark button.Button--success:visited, html.dark input.Button--success[type="button"]:visited {
background-color: rgb(65, 149, 103);
border: 1px solid rgb(65, 149, 103);
}
html.dark .Button.Button--success:focus, html.dark button.Button--success:focus, html.dark input.Button--success[type="button"]:focus, html.dark .Button.Button--success.is-focus, html.dark button.Button--success.is-focus, html.dark input.Button--success.is-focus[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(134, 194, 154);
background: rgb(65, 149, 103);
border-color: rgb(65, 149, 103);
}
html.dark .Button.Button--success:hover, html.dark button.Button--success:hover, html.dark input.Button--success[type="button"]:hover, html.dark .Button.Button--success.is-hover, html.dark button.Button--success.is-hover, html.dark input.Button--success.is-hover[type="button"] {
background-color: rgb(34, 103, 75);
border-color: rgb(34, 103, 75);
}
html.dark .Button.Button--success:active, html.dark button.Button--success:active, html.dark input.Button--success[type="button"]:active, html.dark .Button.Button--success.is-active, html.dark button.Button--success.is-active, html.dark input.Button--success.is-active[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(65, 149, 103);
background-color: rgb(34, 103, 75);
border-color: rgb(34, 103, 75);
}
html.dark .Button.Button--success[disabled], html.dark button.Button--success[disabled], html.dark input.Button--success[disabled][type="button"], html.dark button.Button--success.is-disabled:focus, html.dark input.Button--success[type="button"].is-disabled:focus, html.dark .Button.Button--success.is-disabled, html.dark button.Button--success.is-disabled, html.dark input.Button--success.is-disabled[type="button"], html.dark fieldset[disabled] .Button.Button--success, html.dark fieldset[disabled] button.Button--success, html.dark fieldset[disabled] input.Button--success[type="button"] {
background-color: rgb(65, 149, 103);
border-color: rgb(65, 149, 103);
}
html.dark .Button.Button--warning, html.dark button.Button--warning, html.dark input.Button--warning[type="button"], html.dark .Button.Button--warning:visited, html.dark button.Button--warning:visited, html.dark input.Button--warning[type="button"]:visited {
background-color: rgb(199, 158, 87);
border: 1px solid rgb(199, 158, 87);
}
html.dark .Button.Button--warning:focus, html.dark button.Button--warning:focus, html.dark input.Button--warning[type="button"]:focus, html.dark .Button.Button--warning.is-focus, html.dark button.Button--warning.is-focus, html.dark input.Button--warning.is-focus[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(207, 184, 111);
background: rgb(199, 158, 87);
border-color: rgb(199, 158, 87);
}
html.dark .Button.Button--warning:hover, html.dark button.Button--warning:hover, html.dark input.Button--warning[type="button"]:hover, html.dark .Button.Button--warning.is-hover, html.dark button.Button--warning.is-hover, html.dark input.Button--warning.is-hover[type="button"] {
background-color: rgb(187, 133, 62);
border-color: rgb(187, 133, 62);
}
html.dark .Button.Button--warning:active, html.dark button.Button--warning:active, html.dark input.Button--warning[type="button"]:active, html.dark .Button.Button--warning.is-active, html.dark button.Button--warning.is-active, html.dark input.Button--warning.is-active[type="button"] {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(199, 158, 87);
background-color: rgb(187, 133, 62);
border-color: rgb(187, 133, 62);
}
html.dark .Button.Button--warning[disabled], html.dark button.Button--warning[disabled], html.dark input.Button--warning[disabled][type="button"], html.dark button.Button--warning.is-disabled:focus, html.dark input.Button--warning[type="button"].is-disabled:focus, html.dark .Button.Button--warning.is-disabled, html.dark button.Button--warning.is-disabled, html.dark input.Button--warning.is-disabled[type="button"], html.dark fieldset[disabled] .Button.Button--warning, html.dark fieldset[disabled] button.Button--warning, html.dark fieldset[disabled] input.Button--warning[type="button"] {
background-color: rgb(199, 158, 87);
border-color: rgb(199, 158, 87);
}
html.dark .Button.Button--danger, html.dark button.Button--danger, html.dark button.btn-fav-unfav-text, html.dark input.Button--danger[type="button"], html.dark input[type="button"].btn-fav-unfav-text, html.dark .Button.btn-fav-unfav-text, html.dark .s-following .follow-btn:hover .unfollow-text, html.dark .Button.Button--danger:visited, html.dark button.Button--danger:visited, html.dark button.btn-fav-unfav-text:visited, html.dark input.Button--danger[type="button"]:visited, html.dark input[type="button"].btn-fav-unfav-text:visited, html.dark .Button.btn-fav-unfav-text:visited, html.dark .s-following .follow-btn:hover .unfollow-text:visited {
background-color: rgb(177, 83, 112);
border: 1px solid rgb(177, 83, 112);
}
html.dark .Button.Button--danger:focus, html.dark button.Button--danger:focus, html.dark button.btn-fav-unfav-text:focus, html.dark input.Button--danger[type="button"]:focus, html.dark input[type="button"].btn-fav-unfav-text:focus, html.dark .Button.btn-fav-unfav-text:focus, html.dark .s-following .follow-btn:hover .unfollow-text:focus, html.dark .Button.Button--danger.is-focus, html.dark button.Button--danger.is-focus, html.dark button.is-focus.btn-fav-unfav-text, html.dark input.Button--danger.is-focus[type="button"], html.dark input.is-focus[type="button"].btn-fav-unfav-text, html.dark .Button.is-focus.btn-fav-unfav-text, html.dark .s-following .follow-btn:hover .is-focus.unfollow-text {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(217, 158, 171);
background: rgb(177, 83, 112);
border-color: rgb(177, 83, 112);
}
html.dark .Button.Button--danger:hover, html.dark button.Button--danger:hover, html.dark button.btn-fav-unfav-text:hover, html.dark input.Button--danger[type="button"]:hover, html.dark input[type="button"].btn-fav-unfav-text:hover, html.dark .Button.btn-fav-unfav-text:hover, html.dark .s-following .follow-btn:hover .unfollow-text:hover, html.dark .Button.Button--danger.is-hover, html.dark button.Button--danger.is-hover, html.dark button.is-hover.btn-fav-unfav-text, html.dark input.Button--danger.is-hover[type="button"], html.dark input.is-hover[type="button"].btn-fav-unfav-text, html.dark .Button.is-hover.btn-fav-unfav-text, html.dark .s-following .follow-btn:hover .is-hover.unfollow-text {
background-color: rgb(126, 57, 80);
border-color: rgb(126, 57, 80);
}
html.dark .Button.Button--danger:active, html.dark button.Button--danger:active, html.dark button.btn-fav-unfav-text:active, html.dark input.Button--danger[type="button"]:active, html.dark input[type="button"].btn-fav-unfav-text:active, html.dark .Button.btn-fav-unfav-text:active, html.dark .s-following .follow-btn:hover .unfollow-text:active, html.dark .Button.Button--danger.is-active, html.dark button.Button--danger.is-active, html.dark button.is-active.btn-fav-unfav-text, html.dark input.Button--danger.is-active[type="button"], html.dark input.is-active[type="button"].btn-fav-unfav-text, html.dark .Button.is-active.btn-fav-unfav-text, html.dark .s-following .follow-btn:hover .is-active.unfollow-text {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(177, 83, 112);
background-color: rgb(126, 57, 80);
border-color: rgb(126, 57, 80);
}
html.dark .Button.Button--danger[disabled], html.dark button.Button--danger[disabled], html.dark button[disabled].btn-fav-unfav-text, html.dark input.Button--danger[disabled][type="button"], html.dark input[disabled][type="button"].btn-fav-unfav-text, html.dark button.Button--danger.is-disabled:focus, html.dark button.is-disabled.btn-fav-unfav-text:focus, html.dark input.Button--danger[type="button"].is-disabled:focus, html.dark input[type="button"].is-disabled.btn-fav-unfav-text:focus, html.dark .Button[disabled].btn-fav-unfav-text, html.dark .s-following .follow-btn:hover [disabled].unfollow-text, html.dark .Button.Button--danger.is-disabled, html.dark button.Button--danger.is-disabled, html.dark button.is-disabled.btn-fav-unfav-text, html.dark input.Button--danger.is-disabled[type="button"], html.dark input.is-disabled[type="button"].btn-fav-unfav-text, html.dark .Button.is-disabled.btn-fav-unfav-text, html.dark .s-following .follow-btn:hover .is-disabled.unfollow-text, html.dark fieldset[disabled] .Button.Button--danger, html.dark fieldset[disabled] button.Button--danger, html.dark fieldset[disabled] button.btn-fav-unfav-text, html.dark fieldset[disabled] input.Button--danger[type="button"], html.dark fieldset[disabled] input[type="button"].btn-fav-unfav-text, html.dark fieldset[disabled] .Button.btn-fav-unfav-text, html.dark fieldset[disabled] .s-following .follow-btn:hover .unfollow-text, html.dark .s-following .follow-btn:hover fieldset[disabled] .unfollow-text {
background-color: rgb(177, 83, 112);
border-color: rgb(177, 83, 112);
}
html.dark .Button.Button--link, html.dark button.Button--link, html.dark input.Button--link[type="button"] {
color: rgb(76, 137, 175);
}
html.dark .Button.Button--dangerLink, html.dark button.Button--dangerLink, html.dark input.Button--dangerLink[type="button"] {
color: rgb(177, 83, 112);
}
html.dark button.btn-options-tray, html.dark input[type="button"].btn-options-tray {
color: rgb(228, 232, 234) !important;
}
html.dark button.btn-options-tray:hover, html.dark button.btn-options-tray:focus, html.dark input[type="button"].btn-options-tray:hover, html.dark input[type="button"].btn-options-tray:focus {
color: rgb(82, 148, 189) !important;
}
html.dark button.btn-bg-positive, html.dark input[type="button"].btn-bg-positive {
background-color: rgb(71, 83, 92);
}
html.dark button.btn-bg-positive:hover, html.dark button.btn-bg-positive:focus, html.dark input[type="button"].btn-bg-positive:hover, html.dark input[type="button"].btn-bg-positive:focus {
background-color: rgb(71, 83, 92);
}
html.dark button.btn-bg-positive[disabled], html.dark button.btn-bg-positive[disabled]:hover, html.dark button.btn-bg-positive[disabled]:active, html.dark button.btn-bg-positive.is-disabled, html.dark button.btn-bg-positive.is-disabled:hover, html.dark button.btn-bg-positive.is-disabled:focus, html.dark button.btn-bg-positive.is-disabled:active, html.dark input[type="button"].btn-bg-positive[disabled], html.dark input[type="button"].btn-bg-positive[disabled]:hover, html.dark input[type="button"].btn-bg-positive[disabled]:active, html.dark input[type="button"].btn-bg-positive.is-disabled, html.dark input[type="button"].btn-bg-positive.is-disabled:hover, html.dark input[type="button"].btn-bg-positive.is-disabled:focus, html.dark input[type="button"].btn-bg-positive.is-disabled:active {
background-color: rgb(71, 83, 92);
}
html.dark button.btn-on-dark:hover, html.dark button.btn-on-dark:focus, html.dark button.btn-on-dark:active, html.dark button.btn-on-dark.is-selected, html.dark input[type="button"].btn-on-dark:hover, html.dark input[type="button"].btn-on-dark:focus, html.dark input[type="button"].btn-on-dark:active, html.dark input[type="button"].btn-on-dark.is-selected {
background-color: rgb(44, 47, 49);
}
html.dark button.btn-on-dark:focus, html.dark input[type="button"].btn-on-dark:focus {
box-shadow: 0 0 0 2px rgb(44, 47, 49),0 0 0 4px rgb(82, 148, 189);
}
html.dark .btn-on-blue {
color: rgb(255, 255, 255);
background-color: rgb(115, 124, 132);
}
html.dark .btn-on-blue:hover {
color: rgb(255, 255, 255);
background-color: rgb(144, 152, 159);
}
html.dark .btn-on-blue:focus {
color: rgb(255, 255, 255);
background-color: rgb(144, 152, 159);
box-shadow: 0 0 2px 3px rgb(82, 148, 189);
}
html.dark .btn-on-blue:active, html.dark .btn-on-blue.is-selected {
color: rgb(255, 255, 255);
background-color: rgb(144, 152, 159);
}
html.dark .btn-on-blue[disabled], html.dark .btn-on-blue[disabled]:hover, html.dark .btn-on-blue[disabled]:active, html.dark .btn-on-blue.is-disabled, html.dark .btn-on-blue.is-disabled:hover, html.dark .btn-on-blue.is-disabled:focus, html.dark .btn-on-blue.is-disabled:active {
color: rgb(255, 255, 255);
background-color: rgb(109, 118, 126);
}
html.dark .follow-btn .icon, html.dark .follow-btn .Icon {
color: rgb(82, 148, 189);
}
html.dark .input-group-button {
border: 1px solid rgb(228, 232, 234);
}
html.dark .account-profile-header {
background-color: rgb(82, 148, 189);
}
html.dark .account-settings-bt {
border-top: 1px solid rgb(228, 232, 234);
}
html.dark .account-settings-bb {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .account-stats a {
color: rgb(109, 118, 126);
}
html.dark .account-stats a:hover {
color: rgb(82, 148, 189);
}
html.dark .column {
background-color: rgb(34, 40, 47);
}
html.dark .column.is-focused {
box-shadow: 0 0 0 6px rgb(144, 152, 159);
}
html.dark .add-by-url .input-group-button {
border: 1px solid rgb(0, 0, 0);
}
html.dark .add-by-url input {
background-color: rgb(26, 31, 37);
color: rgb(228, 232, 234);
}
html.dark .add-by-url input::-webkit-input-placeholder {
color: rgb(228, 232, 234);
}
html.dark .add-by-url input::-moz-placeholder {
color: rgb(228, 232, 234);
}
html.dark .add-by-url input:-ms-input-placeholder {
color: rgb(228, 232, 234);
}
html.dark .add-by-url input::placeholder {
color: rgb(228, 232, 234);
}
html.dark .add-by-url button {
background-color: rgb(26, 31, 37);
}
html.dark .is-inverted-dark .add-by-url .input-group-button {
border: 1px solid rgb(228, 232, 234);
}
html.dark .is-inverted-dark .add-by-url input {
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
}
html.dark .is-inverted-dark .add-by-url input::-webkit-input-placeholder {
color: rgb(109, 118, 126);
}
html.dark .is-inverted-dark .add-by-url input::-moz-placeholder {
color: rgb(109, 118, 126);
}
html.dark .is-inverted-dark .add-by-url input:-ms-input-placeholder {
color: rgb(109, 118, 126);
}
html.dark .is-inverted-dark .add-by-url input::placeholder {
color: rgb(109, 118, 126);
}
html.dark .is-inverted-dark .add-by-url button {
background-color: rgb(255, 255, 255);
}
html.dark .column-background-fill {
background-color: rgb(246, 248, 249);
}
html.dark .more-tweets-glow {
background-color: rgb(82, 148, 189);
background: radial-gradient(ellipse farthest-corner at 50% 100%, rgb(82, 148, 189) 0%, rgb(82, 148, 189) 25%, rgba(255, 255, 255, 0) 75%);
}
html.dark .more-tweets-btn {
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}
html.dark .more-tweets-btn:active, html.dark .more-tweets-btn:focus {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
html.dark .more-tweets-btn-container--mouse-release .more-tweets-btn, html.dark .more-tweets-btn-container--loading .more-tweets-btn {
background-color: rgb(109, 118, 126);
}
html.dark .drag-drop-indicator {
background-color: rgb(82, 148, 189);
color: rgb(255, 255, 255);
}
html.dark .location-form .icon-close, html.dark .location-form .Icon--close {
background-color: rgba(255, 255, 255, 0.35);
}
html.dark .search-filter-callout-triangle {
border-color: transparent transparent rgb(82, 148, 189) transparent;
}
html.dark .live-video-timelines {
background-color: rgb(44, 47, 49);
border-bottom: 1px solid rgb(44, 47, 49);
}
html.dark .live-video-timelines button {
color: rgb(82, 148, 189);
background-color: rgb(44, 47, 49);
}
html.dark .live-video-timelines button:active, html.dark .live-video-timelines button:focus, html.dark .live-video-timelines button:hover {
background-color: rgb(44, 47, 49);
color: rgb(82, 148, 189);
}
html.dark .column-type-scheduled {
background-color: rgb(34, 40, 47);
}
html.dark .column-header, html.dark .column-header-temp {
background-color: rgb(45, 53, 62);
}
html.dark .is-inverted-dark .column-header {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .is-inverted-dark .column-title-edit-box {
color: rgb(22, 23, 25);
background-color: rgb(255, 255, 255);
border-color: rgb(228, 232, 234);
}
html.dark .column-header {
border-bottom: 1px solid rgb(22, 23, 25);
}
html.dark .column-header-temp {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .column-title-edit-box {
color: rgb(228, 232, 234);
background-color: rgb(26, 31, 37);
border-color: rgb(22, 23, 25);
}
html.dark .column-number {
color: rgb(109, 118, 126);
}
html.dark .column-header .column-type-icon {
color: rgb(176, 183, 188);
}
html.dark .is-new .column-type-icon {
color: rgb(82, 148, 189);
}
html.dark .column-header-link {
color: rgb(208, 213, 217);
}
html.dark .column-header-link:hover, html.dark .column-header-link:focus, html.dark .column-header-link:active {
color: rgb(255, 255, 255);
}
html.dark .is-options-open .column-settings-link {
background-color: rgb(45, 53, 62);
color: rgb(82, 148, 189);
border-color: rgb(22, 23, 25);
}
html.dark .is-options-open .column-settings-link:hover {
color: rgb(82, 148, 189);
}
html.dark .column-message {
background-color: rgb(45, 53, 62);
}
html.dark .filter-error {
color: rgb(255, 255, 255);
background-color: rgb(126, 57, 80);
}
html.dark .facet-content {
color: rgb(217, 158, 171);
}
html.dark .facet-user {
color: rgb(219, 207, 146);
}
html.dark .facet-action {
color: rgb(177, 215, 229);
}
html.dark .facet-engagement {
color: rgb(144, 152, 159);
}
html.dark .edit-conversation-name {
border-bottom: 1px solid rgb(22, 23, 25);
background-color: rgb(45, 53, 62);
}
html.dark .edit-conversation-name input {
color: rgb(228, 232, 234);
background-color: rgb(26, 31, 37);
border-color: rgb(22, 23, 25);
}
html.dark .column-options {
background-color: rgb(45, 53, 62);
}
html.dark .with-column-divider-bottom {
border-bottom: 1px solid rgb(22, 23, 25);
}
html.dark .column-options .button-tray {
background-color: rgb(45, 53, 62);
}
html.dark .btn-options-unique {
color: rgb(228, 232, 234);
}
html.dark .is-inverted-dark .column-options {
background-color: rgb(255, 255, 255);
}
html.dark .is-inverted-dark .with-column-divider-bottom {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .column-nav-updates {
color: rgb(82, 148, 189);
}
html.dark .contributor-manager .link-complex {
border: 1px solid rgb(228, 232, 234);
}
html.dark .contributor-settings-role {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .contributor-row[data-state='settings'] {
background-color: rgb(255, 255, 255);
}
html.dark .contributor-row[data-state='confirmAdd'] {
background-color: rgb(255, 255, 255);
}
html.dark .contributor-row[data-state='confirmAdd-added'] {
background-color: rgb(255, 255, 255);
}
html.dark .contributor-row[data-state='confirmDeadmin'] {
background-color: rgb(255, 255, 255);
}
html.dark .contributor-row[data-state='confirmRemove'], html.dark .contributor-row[data-state='confirmRemove-removing'] {
background-color: rgb(255, 255, 255);
}
html.dark .contributor-row[data-state='confirmRemove-removing'] {
background-color: rgb(255, 255, 255);
}
html.dark .stream-item {
border-bottom: 1px solid rgb(22, 23, 25);
background-color: rgb(34, 40, 47);
}
html.dark .is-streamed {
background-color: rgb(78, 40, 115);
}
html.dark .gap-chirp {
background-color: rgb(26, 31, 37);
color: rgb(144, 152, 159);
}
html.dark .gap-chirp:hover .gap-chirp-text--with-size, html.dark .gap-chirp:active .gap-chirp-text--with-size {
background: rgb(37, 44, 52);
}
html.dark .gap-chirp-text--with-size {
border-color: rgb(81, 88, 94);
}
html.dark .is-inverted-dark .thread {
background-color: rgb(228, 232, 234);
}
html.dark .thread {
background-color: rgb(71, 83, 92);
}
html.dark .list-item {
color: rgb(109, 118, 126);
}
html.dark .list-item:hover, html.dark .list-item:active, html.dark .list-item.is-selected {
background-color: rgb(82, 148, 189);
color: rgb(255, 255, 255);
}
html.dark .list-item:hover:not(.is-selected) {
color: rgb(109, 118, 126);
}
html.dark .list-item:hover .txt-mute, html.dark .list-item:active .txt-mute, html.dark .list-item.is-selected .txt-mute {
color: rgb(228, 232, 234);
}
html.dark .list-item:hover .list-icon, html.dark .list-item:active .list-icon, html.dark .list-item.is-selected .list-icon {
color: rgb(255, 255, 255);
}
html.dark .list-item:hover:not(.is-selected) .list-icon {
color: rgb(144, 152, 159);
}
html.dark .list-icon {
color: rgb(144, 152, 159);
}
html.dark .list-divider {
border-top: 1px solid rgba(22, 23, 25, 0.25);
}
html.dark .list-item-button {
color: rgb(176, 183, 188);
background-color: rgb(246, 248, 249);
}
html.dark .list-placeholder {
color: rgb(176, 183, 188);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
html.dark .is-inverted .list-placeholder {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
html.dark .is-touch-search .list-item:hover, html.dark .is-touch-search .list-item:active, html.dark .is-touch-search .list-item.is-selected {
background-color: rgb(82, 148, 189);
color: rgb(255, 255, 255);
}
html.dark .is-touch-search .list-item:hover .list-icon, html.dark .is-touch-search .list-item:active .list-icon, html.dark .is-touch-search .list-item.is-selected .list-icon {
color: rgb(255, 255, 255);
}
html.dark .avatar-border--2 {
border: 2px solid rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
}
html.dark .account-link {
color: rgb(246, 248, 249);
}
.on-blue html.dark .account-link {
color: rgb(255, 255, 255);
}
.compose .quoted-tweet html.dark .account-link {
color: rgb(109, 118, 126);
}
html.dark .media-badge {
border: 1px solid rgb(26, 31, 37);
color: rgb(144, 152, 159);
}
html.dark .media-badge:hover {
background-color: rgb(22, 23, 25);
}
html.dark .media-size-large-height::after, html.dark .media-item.media-size-large::after {
background-image: linear-gradient(rgba(22, 23, 25, 0.25), rgba(22, 23, 25, 0));
}
html.dark .media-sensitive {
background: rgb(44, 47, 49);
color: rgb(144, 152, 159);
}
html.dark .media-sensitive-title {
color: rgb(228, 232, 234);
}
html.dark .media-caret {
border-color: rgb(44, 47, 49) transparent transparent transparent;
}
html.dark .video-overlay {
color: rgb(255, 255, 255);
}
html.dark .is-inverted-dark .media-sensitive {
background: rgb(228, 232, 234);
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .media-sensitive-title {
color: rgb(44, 47, 49);
}
html.dark .is-inverted-dark .triangle {
border-color: rgb(255, 255, 255) transparent transparent transparent;
}
html.dark .is-inverted-dark .media-badge {
border: 1px solid rgb(228, 232, 234);
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .media-badge:hover {
background-color: rgb(246, 248, 249);
}
html.dark .tweet-action, html.dark .tweet-detail-action, html.dark .dm-action {
color: rgb(144, 152, 159);
}
html.dark .tweet-action:hover .icon-reply, html.dark .tweet-detail-action:hover .icon-reply, html.dark .dm-action:hover .icon-reply, html.dark .tweet-action:focus .icon-reply, html.dark .tweet-detail-action:focus .icon-reply, html.dark .dm-action:focus .icon-reply, html.dark .tweet-action:active .icon-reply, html.dark .tweet-detail-action:active .icon-reply, html.dark .dm-action:active .icon-reply, html.dark .tweet-action.is-selected .icon-reply, html.dark .is-selected.tweet-detail-action .icon-reply, html.dark .is-selected.dm-action .icon-reply {
color: rgb(82, 148, 189);
}
html.dark .tweet-action:hover .icon-retweet, html.dark .tweet-detail-action:hover .icon-retweet, html.dark .dm-action:hover .icon-retweet, html.dark .tweet-action:focus .icon-retweet, html.dark .tweet-detail-action:focus .icon-retweet, html.dark .dm-action:focus .icon-retweet, html.dark .tweet-action:active .icon-retweet, html.dark .tweet-detail-action:active .icon-retweet, html.dark .dm-action:active .icon-retweet, html.dark .tweet-action.is-selected .icon-retweet, html.dark .is-selected.tweet-detail-action .icon-retweet, html.dark .is-selected.dm-action .icon-retweet {
color: rgb(65, 149, 103);
}
html.dark .tweet-action:hover .icon-favorite, html.dark .tweet-detail-action:hover .icon-favorite, html.dark .dm-action:hover .icon-favorite, html.dark .tweet-action:focus .icon-favorite, html.dark .tweet-detail-action:focus .icon-favorite, html.dark .dm-action:focus .icon-favorite, html.dark .tweet-action:active .icon-favorite, html.dark .tweet-detail-action:active .icon-favorite, html.dark .dm-action:active .icon-favorite, html.dark .tweet-action.is-selected .icon-favorite, html.dark .is-selected.tweet-detail-action .icon-favorite, html.dark .is-selected.dm-action .icon-favorite {
color: rgb(177, 83, 112);
}
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, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action {
color: rgb(115, 124, 132);
}
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:hover, 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) .tweet-action:focus, 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) .dm-action:focus, 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-detail-action:active, 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) .tweet-action.is-selected, 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) .is-selected.dm-action {
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .tweet-action, html.dark .is-inverted-dark .tweet-detail-action, html.dark .is-inverted-dark .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 .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action {
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .tweet-action:hover, html.dark .is-inverted-dark .tweet-detail-action:hover, html.dark .is-inverted-dark .dm-action:hover, html.dark .is-inverted-dark .tweet-action:focus, html.dark .is-inverted-dark .tweet-detail-action:focus, html.dark .is-inverted-dark .dm-action:focus, html.dark .is-inverted-dark .tweet-action:active, html.dark .is-inverted-dark .tweet-detail-action:active, html.dark .is-inverted-dark .dm-action:active, html.dark .is-inverted-dark .tweet-action.is-selected, html.dark .is-inverted-dark .is-selected.tweet-detail-action, html.dark .is-inverted-dark .is-selected.dm-action, 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:hover, 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) .tweet-action:focus, 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) .dm-action:focus, 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-detail-action:active, 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) .tweet-action.is-selected, 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) .is-selected.dm-action {
color: rgb(22, 23, 25);
}
html.dark .is-retweet .icon-retweet-toggle {
color: rgb(65, 149, 103);
}
html.dark .is-favorite .icon-favorite-toggle {
color: rgb(177, 83, 112);
}
html.dark .is-minimalist .tweet-img {
background: rgb(44, 47, 49);
}
html.dark .is-selected-tweet {
background: rgb(45, 53, 62);
}
html.dark .in-tweet-divider:before {
background: rgb(22, 23, 25);
}
html.dark .tweet-translation-original-text {
color: rgb(144, 152, 159);
}
html.dark .quoted-tweet {
border: 1px solid rgb(228, 232, 234);
color: rgb(109, 118, 126);
}
html.dark .quoted-tweet {
border-color: rgb(22, 23, 25);
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .quoted-tweet {
border-color: rgb(228, 232, 234);
color: rgb(109, 118, 126);
}
html.dark .scheduled-tweet {
border: 1px solid rgb(44, 47, 49);
color: rgb(144, 152, 159);
}
html.dark .stream-item .icon-edit, html.dark .stream-item .icon-trash {
color: rgb(109, 118, 126);
}
html.dark .stream-item .icon-edit:hover, html.dark .stream-item .icon-trash:hover {
color: rgb(144, 152, 159);
}
html.dark .tweet-detail-wrapper {
background: rgb(34, 40, 47);
}
html.dark .tweet-stats {
border-top: 1px solid rgb(22, 23, 25);
}
html.dark .tweet-stat {
color: rgb(144, 152, 159);
}
html.dark .stat-word {
color: rgb(109, 118, 126);
}
.is-actionable:hover html.dark .stat-word {
color: rgb(82, 148, 189);
}
html.dark .tweet-detail-actions {
border-top: 1px solid rgb(22, 23, 25);
}
html.dark .conversation-more {
color: rgb(82, 148, 189);
}
html.dark .column-detail .is-selected-tweet {
background: rgb(45, 53, 62);
}
html.dark .social-proof-for-tweet-title {
background-color: rgb(45, 53, 62);
color: rgb(144, 152, 159);
border-bottom: 1px solid rgb(44, 47, 49);
}
html.dark .is-inverted-dark .tweet-detail-reply .is-selected {
color: rgb(22, 23, 25);
}
html.dark .is-unread {
background: rgb(45, 53, 62);
}
html.dark .is-unread .txt-mute, html.dark .is-unread .conversation-indicator {
color: rgb(246, 248, 249);
}
html.dark .is-unread.is-selected-tweet {
background: rgb(109, 118, 126);
}
html.dark .is-inverted-dark .is-unread {
background: rgb(239, 244, 248);
}
html.dark .is-inverted-dark .is-unread .txt-mute, html.dark .is-inverted-dark .is-unread .conversation-indicator {
color: rgb(44, 47, 49);
}
html.dark .conversation-indicator {
color: rgb(144, 152, 159);
}
html.dark .conversation-event {
background-color: rgb(45, 53, 62);
}
html.dark .conversation-event+.stream-item:not(.conversation-event), html.dark .conversation-event:first-child {
border-top: 1px solid rgb(22, 23, 25);
}
html.dark .add-participant {
background-color: rgb(45, 53, 62);
}
html.dark .rpl {
border-bottom: rgb(22, 23, 25);
}
html.dark .rpl textarea {
border: 1px solid rgb(44, 47, 49);
background: rgb(255, 255, 255);
box-shadow: none 0px 1px 1px rgba(22, 23, 25, 0.5);
}
html.dark .rpl input.over-char-count {
color: rgb(217, 158, 171);
}
html.dark .spinner-button-with-progress {
color: rgb(255, 255, 255);
}
html.dark .app-header {
background-color: rgb(45, 53, 62);
}
html.dark .app-title {
background-color: rgb(45, 53, 62);
}
html.dark .app-content {
background-color: rgb(26, 31, 37);
}
html.dark .app-columns-container {
background-color: rgb(26, 31, 37);
}
html.dark .app-navigator {
background-color: rgb(45, 53, 62);
}
html.dark .app-nav-link {
color: rgb(82, 148, 189);
}
html.dark .app-nav-link-text {
color: rgb(255, 255, 255);
}
html.dark .app-nav-link:focus, html.dark .app-nav-link:active {
color: rgb(82, 148, 189);
}
html.dark .app-nav-link.is-selected, html.dark .app-nav-link:hover {
color: rgb(177, 215, 229);
}
html.dark .app-nav-tab {
color: rgb(82, 148, 189);
}
html.dark .app-nav-tab:hover {
color: rgb(177, 215, 229);
}
html.dark .app-nav-tab-text {
color: rgb(255, 255, 255);
}
html.dark .app-nav-tab.is-selected:hover {
color: rgb(82, 148, 189);
}
html.dark .app-nav-tab.is-selected .app-nav-tab-text {
color: rgb(44, 47, 49);
}
html.dark .attach-compose-buttons .tweet-button {
background-color: rgb(71, 83, 92) !important;
}
html.dark .with-nav-border-t:before {
border-top: 1px solid rgb(144, 152, 159);
}
html.dark .app-search-input, html.dark .app-search-fake {
background-color: rgb(26, 31, 37);
color: rgb(228, 232, 234);
}
html.dark .app-search-input {
border: 1px solid rgb(0, 0, 0);
}
html.dark .app-search-input::-webkit-input-placeholder {
color: rgb(228, 232, 234);
}
html.dark .app-search-input::-moz-placeholder {
color: rgb(228, 232, 234);
}
html.dark .app-search-input:-ms-input-placeholder {
color: rgb(228, 232, 234);
}
html.dark .app-search-input::placeholder {
color: rgb(228, 232, 234);
}
html.dark .app-search-fake {
color: rgb(82, 148, 189);
border: 1px solid rgb(82, 148, 189);
}
html.dark .app-search-button {
color: rgb(228, 232, 234);
}
html.dark .app-search-button:hover {
color: rgb(228, 232, 234);
}
html.dark .message-banner .dismiss {
color: rgb(44, 47, 49);
}
html.dark .typeahead {
background-color: rgb(255, 255, 255);
color: rgb(44, 47, 49);
}
html.dark .typeahead .fullname {
color: rgb(44, 47, 49);
}
html.dark .typeahead .username {
color: rgb(144, 152, 159);
}
html.dark .accordion, html.dark .accordion-popover {
color: rgb(228, 232, 234);
}
html.dark .accordion-divider-t {
border-top: 1px solid rgb(34, 40, 47);
}
html.dark .accordion-header {
color: rgb(228, 232, 234);
}
html.dark .accordion-header:hover {
color: rgb(228, 232, 234);
}
html.dark .facet-type {
border-bottom: 1px solid rgb(34, 40, 47);
}
html.dark .facet-type-thumb-size {
border-top: 1px solid rgb(34, 40, 47);
}
html.dark .facet-type.is-active {
background-color: rgb(34, 40, 47);
}
html.dark .facet-subtitle {
color: rgb(82, 148, 189);
}
html.dark .accordion .is-active {
color: rgb(228, 232, 234);
}
html.dark .accordion .is-active .accordion-header, html.dark .accordion .is-active .accordion-header:hover {
color: rgb(228, 232, 234);
}
html.dark .account-settings-row.is-highlighted {
background-color: rgb(246, 248, 249);
border-top: 1px solid rgb(208, 213, 217);
}
html.dark .account-settings-row.is-highlighted:last-child {
border-bottom: 1px solid rgb(208, 213, 217);
}
html.dark .join-team {
border-top: 1px solid rgb(228, 232, 234);
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .account-row-separator-b:after {
background-color: rgb(228, 232, 234);
}
html.dark .separator-a:before {
background-color: rgb(228, 232, 234);
}
html.dark .tooltip-inner {
background-color: rgb(22, 23, 25);
color: rgb(228, 232, 234);
}
html.dark .tooltip-arrow {
border: 5px dashed rgb(22, 23, 25);
}
html.dark .bottom {
border-bottom-color: rgb(22, 23, 25);
}
html.dark .top {
border-top-color: rgb(22, 23, 25);
}
html.dark .left {
border-left-color: rgb(22, 23, 25);
}
html.dark .right {
border-right-color: rgb(22, 23, 25);
}
html.dark .stroke-twitter-light-gray {
stroke: rgb(208, 213, 217);
}
html.dark .stroke-twitter-blue {
stroke: rgb(82, 148, 189);
}
html.dark .stroke-twitter-yellow {
stroke: rgb(199, 158, 87);
}
html.dark .stroke-twitter-red {
stroke: rgb(177, 83, 112);
}
html.dark .numbered-badge {
background-color: rgb(82, 148, 189);
color: rgb(255, 255, 255);
}
html.dark .numbered-badge-onheader {
border: 2px solid rgb(45, 53, 62);
}
html.dark .numbered-badge-onnav {
border: 2px solid rgb(45, 53, 62);
}
html.dark .is-open .drawer:after {
box-shadow: 2px 0px 1px rgba(0, 0, 0, 0.2);
}
html.dark .drawer-header {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .dataminr {
background-color: rgb(246, 248, 249);
}
html.dark .txt-dataminr {
color: rgb(144, 152, 159);
}
html.dark .dataminr-title {
background-color: rgb(208, 213, 217);
color: rgb(109, 118, 126);
}
html.dark .dataminr-search-terms-detail {
color: rgb(109, 118, 126);
}
html.dark .dataminr-separator {
border-bottom: 4px solid rgb(228, 232, 234);
}
html.dark .is-dataminr-tweet {
background-color: rgb(255, 255, 255);
}
html.dark .dataminr-header, html.dark .dataminr-meta-link {
color: rgb(144, 152, 159);
}
html.dark .dataminr-category-pill {
color: rgb(255, 255, 255);
background-color: rgb(107, 131, 151);
}
html.dark .dataminr-category-mn {
background-color: rgb(71, 128, 151);
}
html.dark .dataminr-category-mbg {
background-color: rgb(71, 128, 151);
}
html.dark .dataminr-category-ln {
background-color: rgb(71, 128, 151);
}
html.dark .dataminr-category-bg {
background-color: rgb(71, 128, 151);
}
html.dark .dataminr-category-rpr {
background-color: rgb(71, 128, 151);
}
html.dark .dataminr-category-er {
background-color: rgb(165, 95, 86);
}
html.dark .dataminr-category-gov {
background-color: rgb(165, 95, 86);
}
html.dark .dataminr-category-ngo {
background-color: rgb(165, 95, 86);
}
html.dark .dataminr-category-spo {
background-color: rgb(137, 118, 155);
}
html.dark .dataminr-category-ent {
background-color: rgb(137, 118, 155);
}
html.dark .dataminr-category-uni {
background-color: rgb(165, 95, 86);
}
html.dark .dataminr-category-bsn {
background-color: rgb(165, 95, 86);
}
html.dark .dataminr-category-alt {
background-color: rgb(146, 107, 83);
}
html.dark .dataminr-category-ctr {
background-color: rgb(166, 121, 89);
}
html.dark .dataminr-label {
color: rgb(172, 125, 63);
}
html.dark .dataminr-label-momentum {
color: rgb(125, 166, 192);
}
html.dark .dataminr-map-img {
border: 1px solid rgb(208, 213, 217);
}
html.dark .dataminr-bio-count {
color: rgb(109, 118, 126);
}
html.dark .dataminr-user-profile {
background-color: rgb(255, 255, 255);
}
html.dark .dataminr {
background-color: rgb(34, 40, 47);
}
html.dark .txt-dataminr {
color: rgb(176, 183, 188);
}
html.dark .dataminr-title {
background-color: rgb(109, 118, 126);
color: rgb(228, 232, 234);
}
html.dark .dataminr-search-terms-detail {
color: rgb(228, 232, 234);
}
html.dark .is-dataminr-tweet {
background-color: rgb(45, 53, 62);
}
html.dark .dataminr-separator {
border-bottom: 2px solid rgb(26, 31, 37);
}
html.dark .dataminr-header, html.dark .dataminr-meta-link {
color: rgb(208, 213, 217);
}
html.dark .dataminr-map-img {
border: 1px solid rgb(44, 47, 49);
}
html.dark .dataminr-label {
color: rgb(199, 158, 87);
}
html.dark .dataminr-label-momentum {
color: rgb(82, 148, 189);
}
html.dark .dataminr-bio-count {
color: rgb(176, 183, 188);
}
html.dark .dataminr-user-profile {
background-color: rgb(22, 23, 25);
}
html.dark .dataminr-external-link {
background-color: rgb(30, 36, 42);
}
html.dark .is-inverted-dark .dataminr {
background-color: rgb(246, 248, 249);
}
html.dark .is-inverted-dark .txt-dataminr {
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .dataminr-title {
background-color: rgb(208, 213, 217);
color: rgb(109, 118, 126);
}
html.dark .is-inverted-dark .dataminr-search-terms-detail {
color: rgb(109, 118, 126);
}
html.dark .is-inverted-dark .dataminr-separator {
border-bottom: 4px solid rgb(228, 232, 234);
}
html.dark .is-inverted-dark .is-dataminr-tweet {
background-color: rgb(255, 255, 255);
}
html.dark .is-inverted-dark .dataminr-header, html.dark .is-inverted-dark .dataminr-meta-link {
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .dataminr-category-pill {
color: rgb(255, 255, 255);
background-color: rgb(107, 131, 151);
}
html.dark .is-inverted-dark .dataminr-category-mn {
background-color: rgb(71, 128, 151);
}
html.dark .is-inverted-dark .dataminr-category-mbg {
background-color: rgb(71, 128, 151);
}
html.dark .is-inverted-dark .dataminr-category-ln {
background-color: rgb(71, 128, 151);
}
html.dark .is-inverted-dark .dataminr-category-bg {
background-color: rgb(71, 128, 151);
}
html.dark .is-inverted-dark .dataminr-category-rpr {
background-color: rgb(71, 128, 151);
}
html.dark .is-inverted-dark .dataminr-category-er {
background-color: rgb(165, 95, 86);
}
html.dark .is-inverted-dark .dataminr-category-gov {
background-color: rgb(165, 95, 86);
}
html.dark .is-inverted-dark .dataminr-category-ngo {
background-color: rgb(165, 95, 86);
}
html.dark .is-inverted-dark .dataminr-category-spo {
background-color: rgb(137, 118, 155);
}
html.dark .is-inverted-dark .dataminr-category-ent {
background-color: rgb(137, 118, 155);
}
html.dark .is-inverted-dark .dataminr-category-uni {
background-color: rgb(165, 95, 86);
}
html.dark .is-inverted-dark .dataminr-category-bsn {
background-color: rgb(165, 95, 86);
}
html.dark .is-inverted-dark .dataminr-category-alt {
background-color: rgb(146, 107, 83);
}
html.dark .is-inverted-dark .dataminr-category-ctr {
background-color: rgb(166, 121, 89);
}
html.dark .is-inverted-dark .dataminr-label {
color: rgb(172, 125, 63);
}
html.dark .is-inverted-dark .dataminr-label-momentum {
color: rgb(125, 166, 192);
}
html.dark .is-inverted-dark .dataminr-map-img {
border: 1px solid rgb(208, 213, 217);
}
html.dark .is-inverted-dark .dataminr-bio-count {
color: rgb(109, 118, 126);
}
html.dark .is-inverted-dark .dataminr-user-profile {
background-color: rgb(255, 255, 255);
}
html.dark .info-caret {
border-color: transparent rgb(82, 148, 189) transparent transparent;
}
html.dark .info-popover-close {
color: rgb(255, 255, 255);
}
html.dark .info-popover-close:hover, html.dark .info-popover-close:active {
color: rgb(255, 255, 255);
}
html.dark .info-popover-list-item:before {
color: rgb(147, 191, 214);
}
html.dark .info-popover-content {
border: 1px solid rgb(255, 255, 255);
}
html.dark .poll-bar {
background-color: rgb(144, 152, 159);
}
html.dark .poll-bar--winner {
background-color: rgb(52, 100, 157);
}
html.dark .other-replies {
color: rgb(144, 152, 159);
}
html.dark .other-replies-link, html.dark .other-replies-link:hover {
color: rgb(82, 148, 189);
}
html.dark .compose .other-replies, html.dark .inline-reply .other-replies {
color: rgb(144, 152, 159);
}
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: rgb(82, 148, 189);
}
html.dark .ovl, html.dark .overlay {
background: rgba(44, 47, 49, 0.9);
}
html.dark .overlay-opaque {
background-color: rgb(52, 100, 157);
background-image: radial-gradient(center center, ellipse cover, rgb(52, 100, 157), rgb(45, 53, 62));
}
html.dark .seamful .modal-content {
background: rgb(255, 255, 255);
}
html.dark .modal-content-with-border {
border: 1px solid rgb(208, 213, 217);
}
html.dark .mdl {
background-color: rgb(255, 255, 255);
box-shadow: 0 0 10px rgba(22, 23, 25, 0.5);
}
html.dark .mdl-header {
color: rgb(144, 152, 159);
}
html.dark .mdl-header-divider {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .mdl-content {
border: 1px solid rgb(208, 213, 217);
background: rgb(228, 232, 234);
}
html.dark .mdl-placeholder {
color: rgb(176, 183, 188);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
html.dark .mdl-dismiss {
color: rgb(44, 47, 49);
}
html.dark .mdl-dismiss:hover {
color: rgb(44, 47, 49);
}
html.dark .mdl-btn-media, html.dark .is-inverted-light .mdl-btn-media {
color: rgb(255, 255, 255);
}
html.dark .mdl-btn-media:hover, html.dark .mdl-btn-media:active, html.dark .mdl-btn-media:focus, html.dark .is-inverted-light .mdl-btn-media:hover, html.dark .is-inverted-light .mdl-btn-media:active {
color: rgb(255, 255, 255);
}
html.dark .mdl-media-prev, html.dark .mdl-media-next {
background: rgba(22, 23, 25, 0.3);
}
html.dark .mdl-column-med {
background: rgb(246, 248, 249);
}
html.dark .mdl-column-rhs {
border-left: 1px solid rgb(208, 213, 217);
background: rgb(255, 255, 255);
}
html.dark .s-minimal .mdl-header {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .lst-launcher .top-row {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .lst-launcher .is-disabled a, html.dark .lst-launcher .is-disabled a:hover, html.dark .lst-launcher .is-disabled a:focus, html.dark .lst-launcher .is-disabled a:active {
background: rgb(255, 255, 255);
}
html.dark .lst-launcher a:hover, html.dark .lst-launcher a:focus, html.dark .lst-launcher a:active {
background: rgb(239, 244, 248);
border: 1px solid rgb(177, 215, 229);
}
html.dark .lst-profile a, html.dark .lst-profile a:hover, html.dark .lst-profile a:focus, html.dark .lst-profile a:active {
border: 1px solid rgb(208, 213, 217);
color: rgb(109, 118, 126);
}
html.dark .mdl-col-settings {
background-color: rgb(255, 255, 255);
border-left: 1px solid rgb(228, 232, 234);
}
html.dark .lst-profile.l-grouped {
border-top: 1px solid rgb(208, 213, 217);
}
html.dark .mdl-links {
color: rgb(144, 152, 159);
}
html.dark .mdl-links a {
color: rgb(144, 152, 159);
}
html.dark .mdl-account-shared-warning .mdl-content {
background: rgb(255, 255, 255);
}
html.dark .char-count:disabled {
color: rgb(109, 118, 126);
}
html.dark .over-char-count:disabled {
color: rgb(126, 57, 80);
}
html.dark .s-link-added.s-photo-added p:last-child {
border-top: 1px solid rgb(228, 232, 234);
}
html.dark .inline-reply {
background-color: rgb(71, 83, 92);
color: rgb(255, 255, 255);
}
html.dark .inline-reply .btn-neutral, html.dark .inline-reply .character-count {
color: rgb(255, 255, 255);
}
html.dark .reply-triangle {
border-color: transparent transparent rgb(71, 83, 92) transparent;
}
html.dark .detail-view-inline {
background-color: rgb(34, 40, 47);
border-top: 1px solid rgb(22, 23, 25);
border-bottom: 1px solid rgb(22, 23, 25);
}
html.dark .detail-view-inline-text {
border: 1px solid rgb(0, 0, 0);
background-color: rgb(26, 31, 37);
color: rgb(228, 232, 234);
}
html.dark .is-inverted-dark .detail-view-inline {
border-color: rgb(208, 213, 217);
}
html.dark .is-inverted-dark .detail-view-inline-text {
border-color: rgb(228, 232, 234);
background-color: rgb(255, 255, 255);
color: rgb(144, 152, 159);
}
html.dark .med-fullpanel {
background-color: rgb(22, 23, 25);
}
html.dark .med-link {
color: rgb(82, 148, 189);
}
html.dark .med-origlink, html.dark .med-flaglink {
color: rgb(82, 148, 189);
}
html.dark .med-origlink:hover, html.dark .med-flaglink:hover {
color: rgb(82, 148, 189);
}
html.dark .embed-modal .mdl-content {
background: rgb(255, 255, 255);
}
html.dark .embed-loading-container {
border: 1px solid rgb(208, 213, 217);
}
html.dark .keyboard-shortcut-list-modal .mdl-content {
background: rgb(255, 255, 255);
}
html.dark .text-like-keyboard-key {
background-color: rgb(228, 232, 234);
border: 1px solid rgb(228, 232, 234);
box-shadow: 0 1px 2px rgb(228, 232, 234),0 1px 2px rgb(255, 255, 255) inset;
}
html.dark .s-checked .checked {
color: rgb(34, 103, 75);
}
html.dark .list-link, html.dark .list-twitter-list, html.dark .list-subtitle, html.dark .list-account, html.dark .list-listmember, html.dark .list-account, html.dark .list-listaccount, html.dark .list-subtitle, html.dark .list-filter {
color: rgb(44, 47, 49);
}
html.dark .list-link:hover, html.dark .list-twitter-list:hover, html.dark .list-subtitle:hover, html.dark .list-account:hover, html.dark .list-listmember:hover, html.dark .list-account:hover, html.dark .list-listaccount:hover, html.dark .list-subtitle:hover {
color: rgb(22, 23, 25);
background: rgb(255, 255, 255);
}
html.dark .list-link:hover:hover, html.dark .list-twitter-list:hover:hover, html.dark .list-subtitle:hover:hover, html.dark .list-account:hover:hover, html.dark .list-listmember:hover:hover, html.dark .list-link:hover:focus, html.dark .list-twitter-list:hover:focus, html.dark .list-subtitle:hover:focus, html.dark .list-account:hover:focus, html.dark .list-listmember:hover:focus, html.dark .list-link:hover:active, html.dark .list-twitter-list:hover:active, html.dark .list-subtitle:hover:active, html.dark .list-account:hover:active, html.dark .list-listmember:hover:active, html.dark .list-account:hover:hover, html.dark .list-account:hover:focus, html.dark .list-account:hover:active, html.dark .list-listaccount:hover:hover, html.dark .list-listaccount:hover:focus, html.dark .list-listaccount:hover:active, html.dark .list-subtitle:hover:hover, html.dark .list-subtitle:hover:focus, html.dark .list-subtitle:hover:active {
color: rgb(22, 23, 25);
background: rgb(255, 255, 255);
}
html.dark .list-twitter-list .inner strong {
color: rgb(44, 47, 49);
}
html.dark .list-twitter-list .bytext, html.dark .list-twitter-list .txt-ellipsis {
color: rgb(144, 152, 159);
}
html.dark .list-twitter-list .subtitle {
color: rgb(144, 152, 159);
}
html.dark .list-subtitle span {
color: rgb(144, 152, 159);
}
html.dark .list-account {
text-shadow: 0 1px 0 rgb(255, 255, 255);
}
html.dark .list-account .fullname {
color: rgb(44, 47, 49);
}
html.dark .list-account .username {
color: rgb(144, 152, 159);
}
html.dark .list-listmember .username {
color: rgb(144, 152, 159);
}
html.dark .list-listmember .bio {
color: rgb(109, 118, 126);
}
html.dark .divider-bar {
background-color: rgb(228, 232, 234);
}
html.dark select {
background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='8' viewBox='0 0 18 8'><path fill='rgb(170, 170, 170)' d='M9.82875,0.840168025 C9.59875,0.608328018 9.22625,0.608328018 8.99625,0.840168025 L5.00125,4.86964815 L1.00375,0.840168025 C0.77375,0.608328018 0.40125,0.608328018 0.17125,0.840168025 C-0.05875,1.07200803 -0.05625,1.44748804 0.17125,1.67932805 L4.58375,6.12712819 C4.69875,6.24304819 4.84875,6.30100819 5.00125,6.30100819 C5.15125,6.30100819 5.30125,6.24304819 5.41625,6.12712819 L9.82875,1.67932805 C10.05875,1.44748804 10.05875,1.07200803 9.82875,0.840168025'></path></svg>");
background-color: rgb(255, 255, 255);
}
html.dark input, html.dark textarea, html.dark select {
color: rgb(22, 23, 25);
border: 1px solid rgb(228, 232, 234);
}
html.dark input:disabled {
background-color: rgb(246, 248, 249);
border-color: rgb(228, 232, 234);
}
html.dark select:disabled {
background-color: rgb(246, 248, 249);
}
html.dark input:focus, html.dark select:focus, html.dark textarea:focus, html.dark .focus {
border-color: rgba(82, 148, 189, 0.8);
box-shadow: inset 0 1px 3px rgba(22, 23, 25, 0.1),0 0 8px rgba(82, 148, 189, 0.6);
}
html.dark input.on-blue:focus {
box-shadow: 0 0 2px 3px rgb(82, 148, 189);
}
html.dark .frm {
color: rgb(22, 23, 25);
}
html.dark .with-emphasis {
border: 1px solid rgb(144, 152, 159);
}
html.dark .with-emphasis:disabled {
border-color: rgb(144, 152, 159);
}
html.dark ::-webkit-input-placeholder input::-webkit-input-placeholder, html.dark textarea::-webkit-input-placeholder {
color: rgb(176, 183, 188);
}
html.dark ::-moz-placeholder input::-moz-placeholder, html.dark textarea::-moz-placeholder {
color: rgb(176, 183, 188);
}
html.dark :-ms-input-placeholder input:-ms-input-placeholder, html.dark textarea:-ms-input-placeholder {
color: rgb(176, 183, 188);
}
html.dark ::placeholder input::placeholder, html.dark textarea::placeholder {
color: rgb(176, 183, 188);
}
html.dark ::-webkit-validation-bubble-message {
border: 1px solid rgb(217, 158, 171);
background-color: rgb(237, 202, 207);
}
html.dark ::-webkit-validation-bubble-arrow {
border: 1px solid rgb(217, 158, 171);
background-color: rgb(237, 202, 207);
}
html.dark .s-error input {
border-color: rgba(217, 158, 171, 0.8);
}
html.dark .s-error label {
color: rgb(126, 57, 80);
}
html.dark .s-error input:focus {
border-color: rgb(217, 158, 171);
box-shadow: 0 0 6px rgba(217, 158, 171, 0.5);
}
html.dark input, html.dark textarea, html.dark select {
color: rgb(22, 23, 25);
}
html.dark .search-input-perform-search, html.dark .search-input-clear-search, html.dark .search-input-spinner {
color: rgb(176, 183, 188);
}
html.dark .search-input-perform-search:hover, html.dark .search-input-clear-search:hover, html.dark .search-input-spinner:hover {
color: rgb(176, 183, 188);
}
html.dark .input-clear-control {
color: rgb(176, 183, 188);
}
html.dark .input-clear-control:hover {
color: rgb(176, 183, 188);
}
html.dark .toggle-item.is-selected {
color: rgb(246, 248, 249);
}
html.dark .toggle-item {
color: rgb(82, 148, 189);
}
html.dark .add-on {
color: rgb(144, 152, 159);
border: 1px solid rgb(228, 232, 234);
}
html.dark .add-on.with-emphasis {
border: 1px solid rgb(144, 152, 159);
}
html.dark .input-prepend input {
border-left-color: rgb(208, 213, 217);
}
html.dark #calbody {
background: rgb(255, 255, 255);
}
html.dark #caldays {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark #caldays span {
color: rgb(22, 23, 25);
}
html.dark #calweeks {
background-color: rgb(255, 255, 255);
}
html.dark .calweek a {
color: rgb(68, 68, 68);
}
html.dark .calweek a:hover, html.dark .calfocus {
background-color: rgb(208, 213, 217);
}
html.dark a.caloff {
color: rgb(208, 213, 217);
}
html.dark a.caloff:hover {
color: rgb(255, 255, 255);
background-color: rgb(228, 232, 234);
}
html.dark a.caldisabled {
background-color: rgb(246, 248, 249) !important;
color: rgb(228, 232, 234) !important;
}
html.dark #calcurrent {
background-color: rgb(82, 148, 189);
color: rgb(22, 23, 25);
}
html.dark #caltoday {
background-color: rgb(228, 232, 234);
color: rgb(255, 255, 255);
}
html.dark .cal {
color: rgb(22, 23, 25);
}
html.dark .cal header {
border-bottom: 1px soild rgb(228, 232, 234);
}
html.dark .prf-header {
background: rgb(44, 47, 49);
text-shadow: 0 1px 1px rgba(22, 23, 25, 0.8);
color: rgb(255, 255, 255);
}
html.dark .prf-header .prf-siteurl, html.dark .prf-header .prf-bio a, html.dark .prf-header .pretty-link {
color: rgb(255, 255, 255);
}
html.dark .prf-header .prf-siteurl:hover, html.dark .prf-header .prf-bio a:hover, html.dark .prf-header .pretty-link:hover {
color: rgb(255, 255, 255);
}
html.dark .prf-header-inner-overlay {
background-image: linear-gradient(transparent 0, rgba(22, 23, 25, 0.55) 100%);
}
html.dark .prf .fullname {
color: rgb(255, 255, 255);
}
html.dark .prf .username {
color: rgb(255, 255, 255);
}
html.dark .prf-meta {
border-top: 1px solid rgb(228, 232, 234);
background: rgb(255, 255, 255);
}
html.dark .prf-stats li+li a {
border-left: 1px solid rgb(228, 232, 234);
}
html.dark .prf-stats a {
color: rgb(144, 152, 159);
}
html.dark .prf-stats a strong {
color: rgb(44, 47, 49);
}
html.dark .prf-stats a:hover, html.dark .prf-stats a:hover strong {
color: rgb(52, 100, 157);
}
html.dark .prf .lst-profile span {
color: rgb(176, 183, 188);
}
html.dark .prf .lst-profile i {
color: rgb(176, 183, 188);
}
html.dark .prf .lst-profile a {
border-right: 1px solid rgb(255, 255, 255);
}
html.dark .prf .lst-profile a:hover span {
color: rgb(71, 83, 92);
}
html.dark .prf .lst-profile a:hover i {
color: rgb(71, 83, 92);
}
html.dark .detail-group {
border-bottom: rgb(22, 23, 25);
}
html.dark .prf-follow-status {
background-color: rgba(22, 23, 25, 0.25);
color: rgb(255, 255, 255);
}
html.dark .profile-full-follow-status {
background-color: rgb(228, 232, 234);
}
html.dark .social-proof-container {
background-color: rgb(228, 232, 234);
}
html.dark .profile-full {
background-color: rgb(255, 255, 255);
}
html.dark .profile-icon {
color: rgb(144, 152, 159);
}
html.dark .profile-full-avatar {
background-color: rgb(255, 255, 255);
}
html.dark .profile-full-bio-count {
color: rgb(44, 47, 49);
}
html.dark .profile-full {
background-color: rgb(22, 23, 25);
}
html.dark .profile-icon {
color: rgb(208, 213, 217);
}
html.dark .profile-full-avatar {
background-color: rgb(22, 23, 25);
}
html.dark .profile-full-bio-count {
color: rgb(208, 213, 217);
}
html.dark .is-inverted-dark .profile-full {
background-color: rgb(255, 255, 255);
}
html.dark .is-inverted-dark .profile-icon {
color: rgb(144, 152, 159);
}
html.dark .is-inverted-dark .profile-full-avatar {
background-color: rgb(255, 255, 255);
}
html.dark .is-inverted-dark .profile-full-bio-count {
color: rgb(44, 47, 49);
}
html.dark .lst li {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .lst-modal {
background: rgb(255, 255, 255);
border: 1px solid rgb(228, 232, 234);
}
html.dark .lst .s-selected {
background-color: rgb(82, 148, 189);
color: rgb(255, 255, 255);
}
html.dark .lst .s-selected .fullname, html.dark .lst .s-selected .username {
color: rgb(255, 255, 255);
}
html.dark .lst-group .selected {
background: rgb(82, 148, 189);
color: rgb(246, 248, 249);
}
html.dark .lst-group .selected a:hover {
background: rgb(82, 148, 189);
}
html.dark .lst-group .selected .fullname, html.dark .lst-group .selected .inner strong, html.dark .lst-group .selected .list-link, html.dark .lst-group .selected .list-twitter-list, html.dark .lst-group .selected .list-subtitle, html.dark .lst-group .selected .list-account, html.dark .lst-group .selected .list-listmember, html.dark .lst-group .selected .txt-ellipsis {
color: rgb(246, 248, 249);
}
html.dark .lst-group .selected .username, html.dark .lst-group .selected .bytext, html.dark .lst-group .selected .subtitle, html.dark .lst-group .selected .icon-protected {
color: rgb(240, 243, 245);
}
html.dark .itm-remove {
border-top: 1px solid rgb(228, 232, 234);
}
html.dark .caret-outer {
border-bottom: 7px solid rgba(22, 23, 25, 0.1);
}
html.dark .caret-inner {
border-bottom: 6px solid rgb(255, 255, 255);
}
html.dark .drp-h-divider {
border-bottom: 1px solid rgb(228, 232, 234);
}
html.dark .dropdown-menu .typeahead-item, html.dark .dropdown-menu [data-action] {
color: rgb(44, 47, 49);
}
html.dark .dropdown-menu .is-selected {
background: rgb(82, 148, 189);
color: rgb(255, 255, 255);
}
html.dark .dropdown-menu .is-selected [data-action] {
color: rgb(255, 255, 255);
}
html.dark .dropdown-menu .is-selected a:not(:hover):not(:focus) {
color: rgb(255, 255, 255);
}
html.dark .dropdown-menu a:not(:hover):not(:focus) {
color: rgb(44, 47, 49);
}
html.dark .dropdown-menu-old li:hover {
background: rgb(82, 148, 189);
}
html.dark .dropdown-menu-old li:hover a {
color: rgb(255, 255, 255);
}
html.dark .dropdown-menu-old li:hover .attribution {
color: rgb(255, 255, 255);
}
html.dark .non-selectable-item {
color: rgb(44, 47, 49);
}
html.dark .update-available-item:before {
background-color: rgb(199, 158, 87);
}
html.dark .is-selected .update-available-item:before {
background-color: rgba(44, 47, 49, 0.2);
}
html.dark .popover {
background-color: rgb(255, 255, 255);
box-shadow: 0 0 10px rgba(22, 23, 25, 0.7);
}
html.dark .release-notes {
background-color: rgb(246, 248, 249);
}
html.dark .release-notes-header-subtitle {
color: rgb(144, 152, 159);
}
html.dark .release-notes-image-bullet {
border: 1px solid rgb(228, 232, 234);
}
html.dark .startflow-background:before {
background-color: rgb(44, 47, 49);
background-image: linear-gradient(36deg, rgb(52, 100, 157) 0%, transparent 100%);
}
html.dark .startflow-link {
color: rgb(82, 148, 189);
}
html.dark .startflow-link:hover, html.dark .startflow-link:focus, html.dark .startflow-link:active {
color: rgb(82, 148, 189);
}
html.dark .startflow-link-on-background {
color: rgb(82, 148, 189);
}
html.dark .app-info-title {
color: rgb(255, 255, 255);
}
html.dark .app-info-text p {
color: rgb(208, 213, 217);
}
html.dark .form-legend {
border-bottom: 1px solid rgb(208, 213, 217);
color: rgb(22, 23, 25);
}
html.dark .startflow-panel, html.dark .startflow-panel-rounded {
background-color: rgb(255, 255, 255);
color: rgb(44, 47, 49);
border: 1px solid rgb(44, 47, 49);
}
html.dark .form-login-pwd::-webkit-input-placeholder, html.dark .form-login-email::-webkit-input-placeholder, html.dark .form-login-username::-webkit-input-placeholder {
color: rgb(144, 152, 159);
}
html.dark .form-login-pwd::-moz-placeholder, html.dark .form-login-email::-moz-placeholder, html.dark .form-login-username::-moz-placeholder {
color: rgb(144, 152, 159);
}
html.dark .form-login-pwd:-ms-input-placeholder, html.dark .form-login-email:-ms-input-placeholder, html.dark .form-login-username:-ms-input-placeholder {
color: rgb(144, 152, 159);
}
html.dark .form-login-pwd::placeholder, html.dark .form-login-email::placeholder, html.dark .form-login-username::placeholder {
color: rgb(144, 152, 159);
}
html.dark .privacy-info {
color: rgb(176, 183, 188);
}
html.dark .privacy-info a, html.dark .privacy-info a:visited, html.dark .privacy-info a:hover, html.dark .privacy-info a:active {
color: rgb(176, 183, 188);
}
html.dark .form-message {
color: rgb(255, 255, 255);
}
html.dark .form-error-message {
background-color: rgb(126, 57, 80);
}
html.dark .form-success-message {
background-color: rgb(34, 103, 75);
}
html.dark .form-warning-message {
background-color: rgb(34, 103, 75);
}
html.dark .startflow-msg-header {
background-color: rgb(208, 213, 217);
}
html.dark .startflow-msg-warning {
background-color: rgb(199, 158, 87);
}
html.dark .compose {
background-color: rgb(71, 83, 92);
color: rgb(255, 255, 255);
}
html.dark .compose-header {
border-bottom: 1px solid rgb(109, 118, 126);
}
html.dark .compose-text-container {
background-color: rgb(255, 255, 255);
}
html.dark .compose-text {
color: rgb(22, 23, 25);
}
html.dark .compose-text::-webkit-input-placeholder {
color: rgb(176, 183, 188);
}
html.dark .compose-text::-moz-placeholder {
color: rgb(176, 183, 188);
}
html.dark .compose-text:-ms-input-placeholder {
color: rgb(176, 183, 188);
}
html.dark .compose-text::placeholder {
color: rgb(176, 183, 188);
}
html.dark .compose-text-title {
color: rgb(147, 191, 214);
}
html.dark .compose-text-title {
color: rgb(255, 255, 255);
}
html.dark .compose-send-button-success {
color: rgb(255, 255, 255);
}
html.dark .compose-reply-tweet {
background-color: rgb(228, 232, 234);
color: rgb(44, 47, 49);
}
html.dark .compose-reply-tweet-remove {
color: rgb(44, 47, 49);
}
html.dark .compose-reply-tweet .tweet-body a {
color: rgb(82, 148, 189);
}
html.dark .compose-reply-tweet .fullname {
color: rgb(44, 47, 49);
}
html.dark .compose-reply-tweet .username {
color: rgb(144, 152, 159);
}
html.dark .replyto-caret {
border-color: transparent transparent rgb(255, 255, 255) transparent;
}
html.dark .compose-message-account {
color: rgb(22, 23, 25);
}
html.dark .compose-message-recipient {
border: 1px solid rgb(228, 232, 234);
}
html.dark .compose-message-recipient-input-container.is-focused {
box-shadow: 0 0 2px 3px rgb(82, 148, 189);
}
html.dark .compose-media-bar-holder {
background-color: rgb(255, 255, 255);
}
html.dark .compose-media-info-bar-holder {
background-color: rgb(255, 255, 255);
color: rgb(144, 152, 159);
}
html.dark .compose-media-info-bar {
background: rgb(228, 232, 234);
}
html.dark .compose-account {
color: rgb(255, 255, 255);
}
html.dark .compose-account-img {
background-color: rgb(109, 118, 126);
}
html.dark .compose-account:hover {
color: rgb(255, 255, 255);
}
html.dark .compose-account:focus {
color: rgb(255, 255, 255);
}
html.dark .compose-account:focus .compose-account-img {
box-shadow: 0 0 2px 3px rgb(82, 148, 189);
}
html.dark .is-selected.compose-account:focus .compose-account-img {
box-shadow: 0 0 2px 3px rgb(82, 148, 189);
}
html.dark .compose-account-selected {
background-color: rgb(65, 149, 103);
}
html.dark .compose-remember-state {
color: rgb(255, 255, 255);
}
html.dark .video-container .video-controls {
background: rgba(0, 0, 0, 0.5);
background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
}
html.dark .column-nav-link {
color: rgb(176, 183, 188);
}
html.dark .column-nav-link:focus, html.dark .column-nav-link:active {
color: rgb(176, 183, 188);
}
html.dark .column-nav-link.is-selected, html.dark .column-nav-link:hover {
color: rgb(255, 255, 255);
}
html.dark .column-nav-item {
color: rgb(176, 183, 188);
background-color: rgb(45, 53, 62);
}
html.dark .column-nav-link:after {
color: rgb(144, 152, 159);
}
html.dark .column-nav-link .attribution {
color: rgb(144, 152, 159);
}
html.dark .column-nav-link .column-head-title {
color: rgb(255, 255, 255);
}
html.dark .draggable-dragging {
box-shadow: 0 4px 10px rgba(22, 23, 25, 0.8);
}
html.dark .nav-user-info .username {
color: rgb(144, 152, 159);
}
html.dark .nav-user-info .fullname {
color: rgb(255, 255, 255);
}
html.dark .account-bio {
color: rgb(144, 152, 159);
}
html.dark .DatePickerDropdown-menuItem--footer {
border-top: 1px solid rgb(208, 213, 217);
background-color: rgb(246, 248, 249);
}
html.dark .DatePicker-monthButton {
color: rgb(82, 148, 189);
}
html.dark .DatePicker-monthButton:hover, html.dark .DatePicker-monthButton:focus {
color: rgb(52, 100, 157);
}
html.dark .DatePicker-monthButton[disabled] {
color: rgb(208, 213, 217);
}
html.dark .DatePicker-calendarDayHeader {
color: rgb(109, 118, 126);
}
html.dark .DatePicker-calendarDay {
color: rgb(208, 213, 217);
}
html.dark .DatePicker-calendarDay.is-selectable {
color: rgb(22, 23, 25);
}
html.dark .DatePicker-calendarDay.is-selectable.is-adjacentMonth {
color: rgb(109, 118, 126);
}
html.dark .DatePicker-calendarDay.is-selectable:hover {
background-color: rgb(52, 100, 157);
}
html.dark .DatePicker-calendarDay.is-withinRange {
background-color: rgb(82, 148, 189);
}
html.dark .DatePicker-calendarDay.is-withinRange.is-adjacentMonth {
color: rgb(208, 213, 217);
}
html.dark .DatePicker-calendarDay.is-rangeStart, html.dark .DatePicker-calendarDay.is-rangeEnd {
background-color: rgb(52, 100, 157);
}
html.dark .DatePicker-calendarDay.is-rangeStart.is-adjacentMonth, html.dark .DatePicker-calendarDay.is-rangeEnd.is-adjacentMonth {
color: rgb(208, 213, 217);
}
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-withinRange, html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart, html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd {
border: 1px solid rgb(82, 148, 189);
color: rgb(22, 23, 25);
}
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-withinRange.is-adjacentMonth, html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart.is-adjacentMonth, html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd.is-adjacentMonth {
color: rgb(109, 118, 126);
}
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart, html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd {
background-color: rgb(239, 244, 248);
}
html.dark .DatePicker-time {
border-top: 1px solid rgb(208, 213, 217);
}
html.dark .DatePicker-timeZone {
color: rgb(109, 118, 126);
}
html.dark .Dropdown {
background-color: rgba(255, 255, 255, 0.98);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
html.dark .Dropdown-detailPanel {
border: 1px solid rgb(208, 213, 217);
background-color: rgb(246, 248, 249);
}
html.dark .Dropdown-divider {
background-color: rgb(208, 213, 217);
}
html.dark .Dropdown-menuItem .Dropdown-menuItemContent, html.dark .Dropdown-menuGroupLabel {
color: rgb(22, 23, 25);
}
html.dark .Dropdown-menuItem .Dropdown-menuItemContent .Icon--check {
color: rgb(82, 148, 189);
}
html.dark .Dropdown-menuItem.is-focus {
background-color: rgb(82, 148, 189);
}
html.dark .Dropdown-menuItem.is-focus .User .Icon--verified::before {
color: rgb(82, 148, 189);
}
html.dark .Dropdown-menuGroupLabel {
color: rgb(109, 118, 126);
}
html.dark .ProgressBar {
background-color: rgb(208, 213, 217);
color: rgb(82, 148, 189);
}
html.dark .ProgressBar::-moz-progress-bar {
background-color: rgb(208, 213, 217);
}
html.dark .ProgressBar::-webkit-progress-bar {
background-color: rgb(208, 213, 217);
}
html.dark .ProgressBar.ProgressBar:indeterminate {
border-top: 1.5px solid rgb(208, 213, 217);
border-bottom: 1.5px solid rgb(208, 213, 217);
}
html.dark .ProgressBar::-moz-progress-bar {
background-color: rgb(82, 148, 189);
}
html.dark .ProgressBar::-webkit-progress-value {
background-color: rgb(82, 148, 189);
}
html.dark .ProgressBar--red {
color: rgb(177, 83, 112);
}
html.dark .ProgressBar--red::-moz-progress-bar {
background-color: rgb(177, 83, 112);
}
html.dark .ProgressBar--red::-webkit-progress-value {
background-color: rgb(177, 83, 112);
}
html.dark .ProgressBar--yellow {
color: rgb(199, 158, 87);
}
html.dark .ProgressBar--yellow::-moz-progress-bar {
background-color: rgb(199, 158, 87);
}
html.dark .ProgressBar--yellow::-webkit-progress-value {
background-color: rgb(199, 158, 87);
}
html.dark .ProgressBar--green {
color: rgb(65, 149, 103);
}
html.dark .ProgressBar--green::-moz-progress-bar {
background-color: rgb(65, 149, 103);
}
html.dark .ProgressBar--green::-webkit-progress-value {
background-color: rgb(65, 149, 103);
}
html.dark .ProgressBar--blue {
color: rgb(82, 148, 189);
}
html.dark .ProgressBar--blue::-moz-progress-bar {
background-color: rgb(82, 148, 189);
}
html.dark .ProgressBar--blue::-webkit-progress-value {
background-color: rgb(82, 148, 189);
}
html.dark .ProgressBar--white {
background-color: rgb(109, 118, 126);
}
html.dark .ProgressBar--white::-moz-progress-bar {
background-color: rgb(109, 118, 126);
}
html.dark .ProgressBar--white::-webkit-progress-bar {
background-color: rgb(109, 118, 126);
}
html.dark .ProgressBar--large.ProgressBar:indeterminate {
border-top: 4.5px solid rgb(208, 213, 217);
border-bottom: 4.5px solid rgb(208, 213, 217);
}
html.dark .Notification-inner {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
html.dark .Notification-icon {
background-color: rgb(82, 148, 189);
}
html.dark .Notification-content {
border: 1px solid rgb(208, 213, 217);
}
html.dark .Notification-title+.Notification-body {
color: rgb(109, 118, 126);
}
html.dark .Notification-closeButton {
color: rgb(176, 183, 188);
}
html.dark .Notification-closeButton:hover, html.dark .Notification-closeButton:focus {
color: rgb(109, 118, 126);
}
html.dark .Notification--green .Notification-icon {
background-color: rgb(65, 149, 103);
}
html.dark .Notification--red .Notification-icon {
background-color: rgb(177, 83, 112);
}
html.dark .ModalOverlay {
background-color: rgba(22, 23, 25, 0.8);
}
html.dark .Drawer {
background-color: rgb(255, 255, 255);
}
html.dark .Drawer:not([dir="rtl"]) {
border-left: 1px solid rgb(208, 213, 217);
}
html.dark .Drawer[dir="rtl"] {
border-right: 1px solid rgb(208, 213, 217);
}
html.dark .Drawer--modal {
background-color: rgb(255, 255, 255);
}
html.dark .Drawer-close {
color: rgb(176, 183, 188);
}
html.dark .Drawer-close:hover {
color: rgb(109, 118, 126);
}
html.dark .DialogContent-title {
border-bottom: 2px solid rgb(208, 213, 217);
}
html.dark .DialogContent-footer {
background-color: rgb(246, 248, 249);
border-top: 1px solid rgb(208, 213, 217);
}
html.dark .Tooltip {
border-color: rgb(208, 213, 217);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
html.dark .Tooltip .Tooltip-content {
color: rgb(22, 23, 25);
}
html.dark .Tooltip .Tooltip-close {
color: rgb(176, 183, 188);
}
html.dark .Tooltip .Tooltip-triangleOuter {
border-color: transparent rgb(208, 213, 217) transparent transparent;
}
html.dark .Tooltip.Tooltip--left .Tooltip-triangleOuter, html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleOuter, html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter {
border-color: transparent transparent transparent rgb(208, 213, 217);
}
html.dark .Tooltip.Tooltip--top .Tooltip-triangleOuter, html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleOuter {
border-color: rgb(208, 213, 217) transparent transparent;
}
html.dark .Tooltip.Tooltip--bottom .Tooltip-triangleOuter, html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter {
border-color: transparent transparent rgb(208, 213, 217) transparent;
}
html.dark .Tooltip--dark {
background: rgb(22, 23, 25);
border-color: rgb(22, 23, 25);
}
html.dark .Tooltip--dark .Tooltip-triangleOuter {
border-color: transparent rgb(22, 23, 25) transparent transparent;
}
html.dark .Tooltip--dark .Tooltip-triangleInner {
border-color: transparent rgb(22, 23, 25) transparent transparent;
}
html.dark .Tooltip--dark.Tooltip--left .Tooltip-triangleOuter, html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter, html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter {
border-color: transparent transparent transparent rgb(22, 23, 25);
}
html.dark .Tooltip--dark.Tooltip--left .Tooltip-triangleInner, html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner, html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner {
border-color: transparent transparent transparent rgb(22, 23, 25);
}
html.dark .Tooltip--dark.Tooltip--top .Tooltip-triangleOuter, html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter {
border-color: rgb(22, 23, 25) transparent transparent;
}
html.dark .Tooltip--dark.Tooltip--top .Tooltip-triangleInner, html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner {
border-color: rgb(22, 23, 25) transparent transparent;
}
html.dark .Tooltip--dark.Tooltip--bottom .Tooltip-triangleOuter, html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter {
border-color: transparent transparent rgb(22, 23, 25) transparent;
}
html.dark .Tooltip--dark.Tooltip--bottom .Tooltip-triangleInner, html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner {
border-color: transparent transparent rgb(22, 23, 25) transparent;
}
html.dark .Tooltip--intro {
background: rgb(82, 148, 189);
border-color: rgb(82, 148, 189);
}
html.dark .Tooltip--intro .Tooltip-triangleOuter {
border-color: transparent rgb(82, 148, 189) transparent transparent;
}
html.dark .Tooltip--intro .Tooltip-triangleInner {
border-color: transparent rgb(82, 148, 189) transparent transparent;
}
html.dark .Tooltip--intro.Tooltip--left .Tooltip-triangleOuter, html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter, html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter {
border-color: transparent transparent transparent rgb(82, 148, 189);
}
html.dark .Tooltip--intro.Tooltip--left .Tooltip-triangleInner, html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner, html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner {
border-color: transparent transparent transparent rgb(82, 148, 189);
}
html.dark .Tooltip--intro.Tooltip--top .Tooltip-triangleOuter, html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter {
border-color: rgb(82, 148, 189) transparent transparent;
}
html.dark .Tooltip--intro.Tooltip--top .Tooltip-triangleInner, html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner {
border-color: rgb(82, 148, 189) transparent transparent;
}
html.dark .Tooltip--intro.Tooltip--bottom .Tooltip-triangleOuter, html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter {
border-color: transparent transparent rgb(82, 148, 189) transparent;
}
html.dark .Tooltip--intro.Tooltip--bottom .Tooltip-triangleInner, html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner {
border-color: transparent transparent rgb(82, 148, 189) transparent;
}
html.dark .Tooltip-close:hover {
color: rgb(109, 118, 126);
}
html.dark .TooltipHoverTarget {
background-image: linear-gradient(to right, rgb(82, 148, 189) 50%, transparent 0%);
}
html.dark .LegendItem-color {
background-color: rgb(176, 183, 188);
}
html.dark .LegendItem--gray .LegendItem-color {
background-color: rgb(176, 183, 188);
}
html.dark .LegendItem--blue .LegendItem-color {
background-color: rgb(82, 148, 189);
}
html.dark .LegendItem--green .LegendItem-color {
background-color: rgb(65, 149, 103);
}
html.dark .LegendItem--yellow .LegendItem-color {
background-color: rgb(199, 158, 87);
}
html.dark .LegendItem--red .LegendItem-color {
background-color: rgb(177, 83, 112);
}
html.dark .LegendItem--purple .LegendItem-color {
background-color: rgb(128, 105, 166);
}
html.dark .DateRangeDropdown-menuItem--footer {
border-top: 1px solid rgb(208, 213, 217);
background-color: rgb(246, 248, 249);
}
html.dark .DateRange:not([dir='rtl']) .DateRange-presets {
border-right: 1px solid rgb(208, 213, 217);
}
html.dark .DateRange:not([dir='rtl']) .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child {
border-left: 1px solid rgb(208, 213, 217);
}
html.dark .DateRange[dir='rtl'] .DateRange-presets {
border-left: 1px solid rgb(208, 213, 217);
}
html.dark .DateRange[dir='rtl'] .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child {
border-right: 1px solid rgb(208, 213, 217);
}
html.dark .PillGroup .Pill.is-selected {
background: rgb(52, 100, 157);
}
html.dark .PillGroup .Pill>a, html.dark .PillGroup .Pill>button {
color: rgb(76, 137, 175);
}
html.dark .PillGroup .Pill>a:hover, html.dark .PillGroup .Pill>button:hover {
background: rgb(239, 244, 248);
}
html.dark .PillGroup .Pill>a:focus, html.dark .PillGroup .Pill>button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(147, 191, 214);
}
html.dark .PillGroup .Pill>a:active, html.dark .PillGroup .Pill>button:active {
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(82, 148, 189);
}
html.dark .PillGroup .Pill.is-selected>a, html.dark .PillGroup .Pill.is-selected>button {
color: rgb(255, 255, 255);
}
html.dark .FormInput, html.dark .FormTextarea {
border: 1px solid rgb(208, 213, 217);
color: rgb(22, 23, 25);
}
html.dark .FormInput-characterCount {
color: rgb(208, 213, 217);
}
html.dark .FormInput-characterCount.is-negative {
color: rgb(177, 83, 112);
}
html.dark .FormInput::-webkit-input-placeholder, html.dark .FormTextarea::-webkit-input-placeholder {
color: rgb(176, 183, 188);
}
html.dark .FormInput::-moz-placeholder, html.dark .FormTextarea::-moz-placeholder {
color: rgb(176, 183, 188);
}
html.dark .FormInput:-ms-input-placeholder, html.dark .FormTextarea:-ms-input-placeholder {
color: rgb(176, 183, 188);
}
html.dark .FormInput[disabled], html.dark .FormTextarea[disabled], html.dark .FormInput.is-disabled, html.dark .FormTextarea.is-disabled, html.dark fieldset[disabled] .FormInput, html.dark fieldset[disabled] .FormTextarea, html.dark .FormInputWrapper.is-disabled .FormInput {
background: rgb(246, 248, 249);
color: rgb(109, 118, 126);
}
html.dark .FormInput.is-error, html.dark .FormTextarea.is-error, html.dark .FormInput.is-invalid, html.dark .FormTextarea.is-invalid, html.dark .FormInputWrapper.is-invalid .FormInput {
border-color: rgb(177, 83, 112);
}
html.dark .FormInput.is-error:focus, html.dark .FormTextarea.is-error:focus, html.dark .FormInput.is-invalid:focus, html.dark .FormTextarea.is-invalid:focus, html.dark .FormInput.is-error.is-focus, html.dark .FormTextarea.is-error.is-focus, html.dark .FormInput.is-invalid.is-focus, html.dark .FormTextarea.is-invalid.is-focus, html.dark .FormInputWrapper.is-invalid .FormInput:focus, html.dark .FormInputWrapper.is-invalid .FormInput.is-focus {
border-color: rgb(177, 83, 112);
box-shadow: inset 0 0 0 1px rgb(177, 83, 112);
}
html.dark .FormInput.is-valid, html.dark .FormTextarea.is-valid {
border-color: rgb(65, 149, 103);
}
html.dark .FormInput.is-valid:focus, html.dark .FormTextarea.is-valid:focus, html.dark .FormInput.is-valid.is-focus, html.dark .FormTextarea.is-valid.is-focus {
border-color: rgb(65, 149, 103);
box-shadow: inset 0 0 0 1px rgb(65, 149, 103);
}
html.dark .FormInput:focus, html.dark .FormTextarea:focus, html.dark .FormInput.is-focus, html.dark .FormTextarea.is-focus, html.dark .FormInputWrapper.is-focus .FormInput {
border-color: rgb(82, 148, 189);
box-shadow: inset 0 0 0 1px rgb(82, 148, 189);
}
html.dark .FormOption.is-disabled {
color: rgb(176, 183, 188);
}
html.dark .FormInputWrapper-absoluteStartAdornment .Icon, html.dark .FormInputWrapper-absoluteEndAdornment .Icon {
color: rgb(176, 183, 188);
}
html.dark .FormInputWrapper-absoluteStartAdornment .Icon--caretDown, html.dark .FormInputWrapper-absoluteEndAdornment .Icon--caretDown {
color: rgb(22, 23, 25);
}
html.dark .FormInputWrapper.is-disabled .FormInputWrapper-absoluteStartAdornment .Icon--caretDown, html.dark .FormInputWrapper.is-disabled .FormInputWrapper-absoluteEndAdornment .Icon--caretDown, html.dark fieldset[disabled] .FormInputWrapper-absoluteStartAdornment .Icon--caretDown, html.dark fieldset[disabled] .FormInputWrapper-absoluteEndAdornment .Icon--caretDown {
color: rgb(109, 118, 126);
}
html.dark .FormInputWrapper-startAdornment, html.dark .FormInputWrapper-endAdornment {
border: 1px solid rgb(208, 213, 217);
}
html.dark .FormField.is-invalid .FormField-validationMessage {
color: rgb(177, 83, 112);
}
html.dark .FormField.is-valid .FormField-validationMessage {
color: rgb(34, 103, 75);
}
html.dark .FormField-description {
color: rgb(109, 118, 126);
}
html.dark .Token-checkbox input[type="checkbox"]:focus+.Icon {
box-shadow: 0 0 0 5px white, 0 0 0 7px rgb(147, 191, 214);
}
html.dark .Token--small .Token-trigger input[type="checkbox"]:focus+.Icon, html.dark .TokenGroup--small>.Token .Token-trigger input[type="checkbox"]:focus+.Icon, html.dark .TokenGroup--small>.TokenGroup>.Token .Token-trigger input[type="checkbox"]:focus+.Icon {
box-shadow: 0 0 0 3px white, 0 0 0 5px rgb(147, 191, 214);
}
html.dark .Token--xsmall .Token-trigger input[type="checkbox"]:focus+.Icon, html.dark .TokenGroup--xsmall>.Token .Token-trigger input[type="checkbox"]:focus+.Icon, html.dark .TokenGroup--xsmall>.TokenGroup>.Token .Token-trigger input[type="checkbox"]:focus+.Icon {
box-shadow: 0 0 0 0 white, 0 0 0 2px rgb(147, 191, 214);
}
html.dark .Token, html.dark .Token--blue {
border-color: rgb(82, 148, 189);
color: rgb(82, 148, 189);
}
html.dark .Token .Token-adornment, html.dark .Token--blue .Token-adornment {
background-color: rgb(82, 148, 189);
}
html.dark .Token:hover, html.dark .Token--blue:hover {
background-color: rgb(177, 215, 229);
color: rgb(52, 100, 157);
}
html.dark .Token.is-selected, html.dark .Token--blue.is-selected {
background-color: rgb(82, 148, 189);
}
html.dark .Token.is-selected .Token-adornment, html.dark .Token--blue.is-selected .Token-adornment {
color: rgb(82, 148, 189);
}
html.dark .Token.is-selected:hover, html.dark .Token--blue.is-selected:hover {
background-color: rgb(52, 100, 157);
border-color: rgb(52, 100, 157);
}
html.dark .Token:focus, html.dark .Token--blue:focus, html.dark .Token.is-focused, html.dark .Token--blue.is-focused {
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(147, 191, 214);
}
html.dark .Token--green {
border-color: rgb(65, 149, 103);
color: rgb(65, 149, 103);
}
html.dark .Token--green .Token-adornment {
background-color: rgb(65, 149, 103);
}
html.dark .Token--green:hover {
background-color: rgb(184, 223, 187);
color: rgb(34, 103, 75);
}
html.dark .Token--green.is-selected {
background-color: rgb(65, 149, 103);
}
html.dark .Token--green.is-selected .Token-adornment {
color: rgb(65, 149, 103);
}
html.dark .Token--green.is-selected:hover {
background-color: rgb(34, 103, 75);
border-color: rgb(34, 103, 75);
}
html.dark .Token--green:focus, html.dark .Token--green.is-focused {
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(134, 194, 154);
}
html.dark .Token--red {
border-color: rgb(177, 83, 112);
color: rgb(177, 83, 112);
}
html.dark .Token--red .Token-adornment {
background-color: rgb(177, 83, 112);
}
html.dark .Token--red:hover {
background-color: rgb(237, 202, 207);
color: rgb(126, 57, 80);
}
html.dark .Token--red.is-selected {
background-color: rgb(177, 83, 112);
}
html.dark .Token--red.is-selected .Token-adornment {
color: rgb(177, 83, 112);
}
html.dark .Token--red.is-selected:hover {
background-color: rgb(126, 57, 80);
border-color: rgb(126, 57, 80);
}
html.dark .Token--red:focus, html.dark .Token--red.is-focused {
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(217, 158, 171);
}
html.dark .Token--purple {
border-color: rgb(128, 105, 166);
color: rgb(128, 105, 166);
}
html.dark .Token--purple .Token-adornment {
background-color: rgb(128, 105, 166);
}
html.dark .Token--purple:hover {
background-color: rgb(207, 198, 233);
color: rgb(78, 40, 115);
}
html.dark .Token--purple.is-selected {
background-color: rgb(128, 105, 166);
}
html.dark .Token--purple.is-selected .Token-adornment {
color: rgb(128, 105, 166);
}
html.dark .Token--purple.is-selected:hover {
background-color: rgb(78, 40, 115);
border-color: rgb(78, 40, 115);
}
html.dark .Token--purple:focus, html.dark .Token--purple.is-focused {
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(172, 152, 209);
}
html.dark .Token--yellow {
border-color: rgb(199, 158, 87);
color: rgb(199, 158, 87);
}
html.dark .Token--yellow .Token-adornment {
background-color: rgb(199, 158, 87);
}
html.dark .Token--yellow:hover {
background-color: rgb(219, 207, 146);
color: rgb(187, 133, 62);
}
html.dark .Token--yellow.is-selected {
background-color: rgb(199, 158, 87);
}
html.dark .Token--yellow.is-selected .Token-adornment {
color: rgb(199, 158, 87);
}
html.dark .Token--yellow.is-selected:hover {
background-color: rgb(187, 133, 62);
border-color: rgb(187, 133, 62);
}
html.dark .Token--yellow:focus, html.dark .Token--yellow.is-focused {
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(207, 184, 111);
}
html.dark .Token--gray {
border-color: rgb(109, 118, 126);
color: rgb(109, 118, 126);
}
html.dark .Token--gray .Token-adornment {
background-color: rgb(109, 118, 126);
}
html.dark .Token--gray:hover {
background-color: rgb(233, 236, 238);
color: rgb(109, 118, 126);
}
html.dark .Token--gray.is-selected {
background-color: rgb(109, 118, 126);
}
html.dark .Token--gray.is-selected .Token-adornment {
color: rgb(109, 118, 126);
}
html.dark .Token--gray.is-selected:hover {
background-color: rgb(176, 183, 188);
border-color: rgb(176, 183, 188);
}
html.dark .Token--gray:focus, html.dark .Token--gray.is-focused {
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(176, 183, 188);
}
html.dark .FormTokenInput-input::-webkit-input-placeholder {
color: rgb(176, 183, 188);
}
html.dark .FormTokenInput-input::-moz-placeholder {
color: rgb(176, 183, 188);
}
html.dark .FormTokenInput-input:-ms-input-placeholder {
color: rgb(176, 183, 188);
}
html.dark .DataPoint .DataPoint-label {
color: rgb(109, 118, 126);
}
html.dark .DataPoint .DataPoint-info {
color: rgb(22, 23, 25);
}
html.dark .DataPoint .DataPoint-trend--negative {
color: rgb(177, 83, 112);
}
html.dark .DataPoint .DataPoint-trend--positive {
color: rgb(65, 149, 103);
}
html.dark .DataPoint--withBottomBorder {
border-bottom: 1px solid rgb(208, 213, 217);
}
html.dark .FormTokenInput.FormTextarea ::-webkit-input-placeholder {
color: rgb(144, 152, 159);
}
html.dark .FormTokenInput.FormTextarea ::-moz-placeholder {
color: rgb(144, 152, 159);
}
html.dark .FormTokenInput.FormTextarea :-ms-input-placeholder {
color: rgb(144, 152, 159);
}
html.dark .FormTokenInput.FormTextarea ::placeholder {
color: rgb(144, 152, 159);
}
html.dark .DatePicker.date-unselected .is-rangeStart, html.dark .DatePicker.date-unselected .is-rangeEnd {
color: rgb(22, 23, 25);
}
html.dark .DatePicker.date-unselected .is-rangeStart:hover, html.dark .DatePicker.date-unselected .is-rangeEnd:hover {
background-color: rgb(36, 76, 109);
color: rgb(255, 255, 255);
}
html.dark .NotificationList .Notification-body {
color: rgb(22, 23, 25);
}
html.dark .DrawerModal {
color: rgb(22, 23, 25);
}
.leaflet-container.dark a {
color: rgb(132, 173, 197);
}
.leaflet-container.dark a:hover {
color: rgb(166, 196, 213);
}
.leaflet-container.dark .mapbox-button, .leaflet-container .mapbox-button {
background-color: rgb(90, 129, 157);
color: rgb(255, 255, 255);
}
.leaflet-container.dark .mapbox-button:hover, .leaflet-container .mapbox-button:hover {
color: rgb(255, 255, 255);
background-color: rgb(96, 156, 171);
}
.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a:hover, .leaflet-control-mapbox-geocoder-results a:hover {
background: rgb(248, 248, 248);
}
.leaflet-container.dark .leaflet-bar {
background-color: rgb(64, 64, 64);
border-color: rgb(32, 32, 32);
border-color: rgba(0, 0, 0, 0.75);
}
.leaflet-container.dark .leaflet-bar a {
color: rgb(64, 64, 64);
border-color: rgba(0, 0, 0, 0.5);
}
.leaflet-container.dark .leaflet-bar a:active, .leaflet-container.dark .leaflet-bar a:hover {
background-color: rgb(80, 80, 80);
}
.leaflet-container.dark .leaflet-control-attribution:after, .leaflet-container.dark .mapbox-info-toggle, .leaflet-container.dark .map-info-container, .leaflet-container.dark .leaflet-control-attribution {
background-color: rgba(0, 0, 0, 0.5);
color: rgb(248, 248, 248);
}
.leaflet-container.dark .leaflet-control-attribution a, .leaflet-container.dark .leaflet-control-attribution a:hover, .leaflet-container.dark .map-info-container a, .leaflet-container.dark .map-info-container a:hover {
color: rgb(255, 255, 255);
}
.leaflet-container.dark .leaflet-control-attribution:hover:after {
background-color: rgb(0, 0, 0);
}
.leaflet-container.dark .leaflet-control-layers-list span {
color: rgb(248, 248, 248);
}
.leaflet-container.dark .leaflet-control-layers-separator {
border-top-color: rgba(255, 255, 255, 0.1);
}
.leaflet-container.dark .leaflet-bar a.leaflet-disabled, .leaflet-container.dark .leaflet-control .mapbox-button.disabled {
background-color: rgb(37, 37, 37);
color: rgb(64, 64, 64);
}
.leaflet-container.dark .leaflet-control-mapbox-geocoder>div {
border-color: rgb(32, 32, 32);
border-color: rgba(0, 0, 0, 0.75);
}
.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a {
border-color: rgb(221, 221, 221) rgb(32, 32, 32);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.75);
}
.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results span {
border-color: rgb(32, 32, 32);
border-color: rgba(0, 0, 0, 0.75);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment