/* ==UserStyle==
@name         Darker Medium
@version      1.4.3
@description  Read Medium stories with happy eyes
@namespace    https://github.com/Mottie
@author       Rob Garrison
@homepageURL  https://github.com/Mottie/Darker-Medium
@supportURL   https://github.com/Mottie/Darker-Medium/issues
@updateURL    https://mottie.github.io/Darker-Medium/darker-medium.user.css
@license      CC-BY-SA-4.0
@preprocessor stylus
@var color    acc_header    "Header background" #1d1d1d
@var color    acc_main      "Main Accent Color" #7AA8D6
@var color    acc_highlight "Highlight Color"   #7AA8D6
@var color    acc_link      "Link Color"        #dddddd
@var color    acc_hover     "Link Hover Color"  #dddddd
@var checkbox acc_underline "Link underline"    1
@var checkbox hide_footer   "Hide Footer"       0
==/UserStyle== */
/* DO NOT EDIT THIS USERCSS - IT IS GENERATED AUTOMATICALLY */
/* Update the supported Medium stories domains in "medium-sites.json" */
@-moz-document domain("500ish.com"),
domain("android.jlelse.eu"),
domain("arcdigital.media"),
domain("artistwaves.com"),
domain("artplusmarketing.com"),
domain("bettereveryday.vc"),
domain("betterhumans.coach.me"),
domain("blog.angularindepth.com"),
domain("blog.bitsrc.io"),
domain("blog.codacy.com"),
domain("blog.cloudboost.io"),
domain("blog.creandum.com"),
domain("blog.doist.com"),
domain("blog.figma.com"),
domain("blog.fontawesome.com"),
domain("blog.framer.com"),
domain("blog.gofundme.com"),
domain("blog.gojekengineering.com"),
domain("blog.goodaudience.com"),
domain("blog.graphql.guide"),
domain("blog.hackster.io"),
domain("blog.heartsupport.com"),
domain("blog.inkdrop.info"),
domain("blog.kentcdodds.com"),
domain("blog.leanstack.com"),
domain("blog.lftechnology.com"),
domain("blog.logrocket.com"),
domain("blog.markgrowth.com"),
domain("blog.mode7games.com"),
domain("blog.neufund.org"),
domain("blog.pacific-content.com"),
domain("blog.producthunt.com"),
domain("blog.prototypr.io"),
domain("blog.realkinetic.com"),
domain("blog.sindresorhus.com"),
domain("blog.sketchapp.com"),
domain("blog.sourcerer.io"),
domain("blog.thunkable.com"),
domain("blog.timescale.com"),
domain("blog.usejournal.com"),
domain("blog.zenkit.com"),
domain("bothsidesofthetable.com"),
domain("brightthemag.com"),
domain("builttoadapt.io"),
domain("byrslf.co"),
domain("charting-ahead.corsairs.network"),
domain("chunksofco.de"),
domain("civicskunk.works"),
domain("codeburst.io"),
domain("cosgrrrl.com"),
domain("creative-analytics.corsairs.network"),
domain("crossingenres.com"),
domain("dearoldpeople.com"),
domain("digitalculturist.com"),
domain("eand.co"),
domain("edgecoders.com"),
domain("eidolon.pub"),
domain("electricliterature.com"),
domain("engineering.hexacta.com"),
domain("entrepreneurs.maqtoob.com"),
domain("entrepreneurshandbook.co"),
domain("extranewsfeed.com"),
domain("fellowsblog.ted.com"),
domain("fromupnorth.com"),
domain("ginosblog.com"),
domain("hackernoon.com"),
domain("howwegettonext.com"),
domain("injusticetoday.com"),
domain("journal.thriveglobal.com"),
domain("learn.fontself.com"),
domain("levelup.gitconnected.com"),
domain("loremipsum.ueno.co"),
domain("m.signalvnoise.com"),
domain("media.consensys.net"),
domain("medium.com"),
domain("melmagazine.com"),
domain("midcenturymodernmag.com"),
domain("mondaynote.com"),
domain("movietime.guru"),
domain("mystudentvoices.com"),
domain("netbasal.com"),
domain("news.greylock.com"),
domain("nexusmedianews.com"),
domain("ofdollarsanddata.com"),
domain("omgfacts.com"),
domain("orangeandwhitereport.com"),
domain("pillow.codes"),
domain("planamag.com"),
domain("points.datasociety.net"),
domain("ppcdept.com"),
domain("praxis.fortelabs.co"),
domain("proandroiddev.com"),
domain("psiloveyou.xyz"),
domain("quipblog.com"),
domain("rantt.com"),
domain("read.compassofdesign.com"),
domain("ryanluikens.com"),
domain("shift.newco.co"),
domain("slack.design"),
domain("slack.engineering"),
domain("slackhq.com"),
domain("sprintstories.com"),
domain("spuddings.net"),
domain("startupsventurecapital.com"),
domain("tech.kartenmacherei.de"),
domain("tech.residebrokerage.com"),
domain("thebelladonnacomedy.com"),
domain("thebolditalic.com"),
domain("thecoffeelicious.com"),
domain("thedesignteam.io"),
domain("theestablishment.co"),
domain("thegospeleconomist.com"),
domain("thelily.com"),
domain("thesternfacts.com"),
domain("thestyleofelements.org"),
domain("thinkgrowth.org"),
domain("thomasdespin.com"),
domain("timeline.com"),
domain("towardsdatascience.com"),
domain("trackchanges.postlight.com"),
domain("umairhaque.com"),
domain("ux.useronboard.com"),
domain("uxdesign.cc"),
domain("uxplanet.org"),
domain("witness.worldpressphoto.org"),
domain("words.werd.io"),
domain("writingcooperative.com"),
regexp("https?://[^\/]*medium\.\S*") {

:root {
	--accent_header: acc_header;
	--accent_main: acc_main;
	--accent_highlight: acc_highlight;
	--accent_link: acc_link;
	--accent_hover: acc_hover;

	--accent_main_text: dark(acc_main) ? white : black;
	--accent_highlight_text: dark(acc_highlight) ? white : black;
	--accent_underline: alpha(acc_link, 0.68);
	--hide_footer: hide_footer ? none : block;
}

:root {
	--color_bkg_0d: #0d0d0d;
	--color_bkg_11: #111;
	--color_bkg_1b: #1b1b1b;
	--color_bkg_ff: #fff;

	--color_brd_33: #333;

	--color_txt_88: #888;
	--color_txt_aa: #aaa;
	--color_txt_cc: #ccc;
	--color_txt_dd: #ddd;
	--color_txt_ee: #eee;
}

.js-stickyFooter, .postMeterBar {
	display: var(--hide_footer) !important;
}

.metabar,
.postActions,
.cardChromeless,
.canvas-renderer,
.zoomable:before,
/* sticky footer*/
.u-backgroundWhite.u-bottom0,
.overlay--dark .overlay-dialog,
.overlay--dark .overlay-title--context,
.catalogPreview--card .catalogPreview-header,
.responsesStream-showOtherResponses.cardChromeless {
	background-color: var(--color_bkg_0d) !important;
	color: var(--color_txt_88) !important;
}

.drawer,
.drawer-content,
.quoteResponses,
.quoteResponses-section--tips,
.quoteResponses-section--tips:last-child,
.js-carouselInner section .u-borderBox {
	background-color: var(--color_bkg_0d) !important;
	color: var(--color_txt_aa) !important;
}

input {
	background-color: var(--color_bkg_0d) !important;
	color: var(--color_txt_dd) !important;
}

.tags li,
.tags a:hover,
.tags--borderless > a,
.tags--borderless > li,
.tags--borderless > .button,
.tags--borderless .tag-button,
.u-backgroundColorWhite {
	background-color: var(--color_bkg_0d) !important;
	border: 0 !important;
}

pre,
code,
.overlay,
.tags--postTags > a,
.tags--postTags > li,
.tags--postTags > .button,
.tags--postTags .tag-button {
	background-color: var(--color_bkg_0d) !important;
}

html,
body,
article,
.footer,
.site-main,
.radioInput,
.EmbeddedTweet,
.screenContent,
.u-backgroundWhite,
.drawer-keyboardKey,
.overlay-dialog--email,
.jobs-teams__item:after,
.overlay-dialog--signin,
.metabar + .u-tintBgColor,
.u-backgroundBlueGrey,
.u-backgroundGrayLight,
.u-backgroundGrayLighter,
.u-backgroundGrayLightest,
.u-sm-background--brandSea,
.u-backgroundColorGrayLight,
.clapButton--largePill.is-active {
	background-color: var(--color_bkg_11) !important;
}

.js-trackedPromo,
.heading-supplemental,
.upgradePage-valuePropHeader,
.u-background--brandDust,
.u-background--brandPlum,
.u-background--brandRose,
.u-background--brandSage,
.u-background--brandSageLighter,
.u-background--brandSand,
.u-background--brandSea,
.u-background--brandSky,
.u-background--brandCanary,
.streamItemConversationItem--summary,
.TwitterCard-container--clickable:hover {
	background-color: var(--color_bkg_1b) !important;
}

.popover-arrow:after,
.popover .popover-inner,
.popover--dark > .popover-inner,
.popover--dark > .popover-arrow:after,
.u-backgroundTransparentBlackDark,
.u-backgroundTransparentBlackDarker,
.u-backgroundTransparentBlackLight,
.u-backgroundTransparentBlackLighter,
.u-backgroundTransparentBlackLightest,
.u-backgroundColorTransparentBlackLight {
	background: var(--color_bkg_1b) !important;
}

input::-webkit-calendar-picker-indicator:hover {
	background: var(--color_bkg_1b) !important;
}

figure img {
	background-color: var(--color_bkg_ff) !important;
	opacity: .5 !important;
}

figure:hover img {
	opacity: 1 !important;
}

.butterBar-message,
.u-backgroundGreenNormal,
.u-backgroundHighlightStrong,
.radioInput.is-active:after,
.radio:checked + .radioInput:after,
body .button.button--filled,
.button.button--filled:focus,
.button.button--filled:hover,
.button.button--filled:active,
.overlay--dark .overlay-title,
.buttonSwitch button[disabled],
.u-accentColor--fillWhenActive.is-active,
.button--primary.button--withChrome.is-active,
.button--primary.button--withChrome.is-active:focus,
.button--primary.button--withChrome.is-active:hover,
.button--primary.button--withChrome.is-active:active,
body .button--withChrome.is-active .button-label.button-activeState,
.js-floatingMultirecommendCount.u-accentColor--backgroundNormal,
.js-stickyFooter .button--dark.button--activity.is-counter,
.js-stickyFooter .button--dark.button--primary.button--withChrome.is-active,
body .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),
body .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill) .svgIcon,
body .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill),
body .u-tintSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),
body .u-tintSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {
	background-color: var(--accent_main) !important;
	color: var(--accent_main_text) !important;
}

.buttonSwitch .button[disabled] {
	box-shadow: 0 0 0 1px var(--accent_main) !important;
}

body .u-tintSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),
body .u-tintSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill):not(.button--follow) {
	background-color: var(--accent_link) !important;
	color: var(--color_bkg_0d) !important;
}

.header,
.u-tintBgColor div,
.markup--quote code,
.markup--quote strong,
.u-backgroundTransparentWhiteDarker,
.u-backgroundTransparentWhiteDarkest,
.inputGroup.metabar-predictiveSearch .textInput:not(:focus),
body .u-tintSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill) span {
	background-color: transparent !important;
}

div.popover,
.readNextPromo,
footer .container > div {
	background: transparent none !important;
}

/* fade out content - non-subscription */
.postFade:before,
.u-backgroundWhite70FadeTop {
	background-image: linear-gradient(to bottom, transparent 0, var(--color_bkg_11) 100%) !important;
}
.u-backgroundWhite0FadeTop {
	background-image: linear-gradient(0deg, var(--color_bkg_11) 0, hsla(0, 0%, 0%, .5)) !important;
}

::-webkit-input-placeholder {
	color: var(--color_txt_88) !important;
}
::-moz-placeholder {
	color: var(--color_txt_88) !important;
}
::placeholder {
	color: var(--color_txt_88) !important;
}

.header,
.button--link,
.u-textColorLight,
.drawer-annotation,
.u-textColorDarkest,
.button--chromeless,
.chartTabs .chartTab,
.heading-supplemental,
.homeContainer-nextUp,
.popover-prePublishTags,
.inputGroup-description,
hr.section-divider:before,
.inlineEditor-placeholder,
.licenseSelector-description,
.listChoice-textColumn--right,
.popover-prePublishSaving,
.popover-prePublishDescription,
.list-item.list-item--inactive {
	color: var(--color_txt_88) !important;
}

p,
body,
time,
article,
section,
figcaption,
.label,
.button,
h3 a.link,
h4 a.link,
.tags .link,
.chartHelper,
.elevate-caps,
.defaultValue,
.popover-inner,
.typeahead-score,
.uiScale .ui-h1,
.uiScale .ui-h2,
.uiScale .ui-h3,
.uiScale .ui-body,
.uiScale .ui-capsSubtle,
.elevate-caps,
.heading-prefix,
.postMetaInline,
.overlay-content,
.lockedPostHeader,
.u-textColorNormal,
.u-textColorDarker,
.u-textColorLighter,
a.link.link--darker,
a.link.link--darken,
.notesMarker .svgIcon,
a.link.u-textColorDarker,
.creditCardForm label,
.quoteItem-attribution,
.heading--privateNotes,
.popover-prepublishTags,
.popover-prepublishDescription,
.markup--mixtapeEmbed-em,
.lockedPostHeader .svgIcon,
.uiScale-ui--large .ui-summary,
.uiScale-ui--small .ui-summary,
.uiScale-ui--regular .ui-summary,
.uiScale-ui--small.ui-heading,
.uiScale-ui--small .ui-heading,
.uiScale-ui--smaller.ui-heading,
.uiScale-ui--smaller .ui-heading,
.uiScale-ui--large .ui-heading,
.uiScale-ui--regular .ui-heading,
.sortableTable-text--visibility,
.overlay--dark .overlay-content,
.popover-inner .popover-description,
.uiScale-caption--small .ui-caption,
.uiScale-caption--regular.ui-caption,
.uiScale-caption--regular .ui-caption,
.postMetaInline-licenseIcons .svgIcon,
.u-tintSpectrum .u-baseColor--textDark,
.u-tintSpectrum .u-baseColor--textNormal,
.u-resetSpectrum .u-baseColor--buttonDark,
.catalogPreview--card .catalogPreview-name,
.u-tintSpectrum .u-baseColor--link.link--darker,
.js-carouselInner section .u-baseColor--textDarker {
	color: var(--color_txt_aa) !important;
	fill: var(--color_txt_aa) !important;
}

.u-textColorNormal .circleCountdown-fill {
	stroke: var(--color_txt_aa) !important;
}

.u-fillTransparentBlackDarker {
	fill: var(--color_txt_aa) !important;
}

strong,
.avatar-text,
.heading-title,
.graf--pullquote,
.u-textColorDark,
.u-textColorWhite,
.uiScale .ui-h1,
.uiScale .ui-h2,
.uiScale .ui-h3,
.uiScale .ui-h4,
.uiScale .ui-brand1,
.uiScale .ui-brand2,
.uiScale.ui-pageTitle,
.uiScale .ui-pageTitle,
.u-baseColor--buttonDark,
.u-textColor--brandBlack,
.label--withIcon .svgIcon,
.uiScale-ui--small.ui-body,
.uiScale-ui--small .ui-body,
.uiScale-ui--large.ui-body,
.uiScale-ui--large .ui-body,
.uiScale-ui--large .ui-tab,
.uiScale-ui--small .ui-tab,
.uiScale-ui--regular .ui-tab,
.uiScale-ui--large .ui-caps,
.uiScale-ui--small .ui-caps,
.uiScale-ui--regular .ui-caps,
.notificationsList-note,
.notificationsList-title,
.notificationsList-author,
.notificationsList-milestone,
.popover-inner .popover-title,
.chartTabs .is-active .chartTab,
.uiScale-ui--large.ui-brandTitle,
.uiScale-ui--large .ui-brandTitle,
.uiScale-ui--regular.ui-brandTitle,
.uiScale-ui--regular .ui-brandTitle,
.uiScale-caption--small .ui-captionStrong,
.uiScale-caption--regular .ui-captionStrong,
.u-backgroundTransparentWhiteDarker,
.u-tintSpectrum .u-baseColor--textDarker,
.u-tintSpectrum .svgIcon--logoWordmark,
.u-tintSpectrum .svgIcon--logoWordmark svg,
.u-accentColor--buttonDark.button--filled,
.u-accentColor--buttonDark.button--withChrome.is-active {
	color: var(--color_txt_cc) !important;
	fill: var(--color_txt_cc) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--color_txt_dd) !important;
}

.button--twitter .button-label,
.button--filled.is-active .button-label,
.button--withChrome.is-active .button-label {
	color: var(--color_bkg_0d) !important;
}

.button,
.list-item,
.buttonSwitch,
.chartTabs li,
.EmbeddedTweet,
.cardChromeless,
.lockedPostHeader,
.graf--blockquote,
.u-borderBlackLightest,
.u-borderBottomGrayLight,
.u-borderBottomLight,
.u-borderBottomLighter,
.u-borderBottomLightest,
.u-borderBottomNormal,
.u-borderBottomWhite15,
.u-borderCardBackground,
.u-borderCardBorder,
.u-borderColorDark,
.u-borderColorDarker,
.u-borderColorLight,
.u-borderColorLighter,
.u-borderColorLightest,
.u-borderColorNormal,
.u-borderWhite,
.u-borderDark,
.u-borderDarker,
.u-borderLeftBleed185:before,
.u-borderLeftBleed250:before,
.u-borderLeftBleed300:before,
.u-borderLeftLighter,
.u-borderLight,
.u-borderLighter,
.u-borderLighterHover:hover,
.u-borderLightest,
.u-borderNormal,
.u-borderRightLighter,
.u-borderRightTransparentWhiteLighter,
.u-borderRightWhite15,
.u-borderTop2,
.u-borderTopLight,
.u-borderTopLighter,
.u-borderTopLightest,
.u-borderTopColorDarker,
.jobs-teams__item:after,
.stats-title--chart,
.table--bordered tr,
.heading-supplemental,
.streamItem-cardInner,
.textInput--underlined,
.u-borderColor--brandSea,
.u-baseColor--buttonDark,
.popover-prePublishBorder,
.u-accentColor--borderDark,
.chartPage-verticalDivider,
.streamItemConversation-divider,
.TwitterCard-container--clickable,
.js-carouselInner section .u-borderBox,
.table-thead--borderLeftBleed650:before,
.u-resetSpectrum .u-baseColor--buttonDark,
.u-tintSpectrum .u-baseColor--borderLight,
.u-tintSpectrum a.u-baseColor--buttonNormal,
.catalogPreview--card .catalogPreview-header,
.heading--borderedTop .heading-tabsItem.is-active,
.heading--borderedBottom .heading-tabsItem.is-active,
.streamItemConversationItem--preview:not(:first-child),
.responsesStream-showOtherResponses.cardChromeless:hover,
.u-tintSpectrum:not(.metabar) .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),
.u-tintSpectrum:not(.metabar) .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {
	border-color: var(--color_brd_33) !important;
}

.chartTabs .chartTab {
	border-left-color: var(--color_brd_33) !important;
}

.u-borderTopLightest80:before,
.u-backgroundTransparentBlackDark,
.postActions .buttonSet-separator,
.postActionsBar .buttonSet-separator {
	background-color: var(--color_brd_33) !important;
}

body .u-accentColor--buttonNormal:hover {
	border-color: var(--color_hover) !important;
}

.list-item:not(.list-item--separator) {
	border: 0 !important;
}

line.bargraph-gridLine {
	stroke: var(--color_brd_33) !important;
}

.popover-inner,
.graf--mixtapeEmbed,
.u-baseColor--boxShadow,
.u-backgroundColorWhite,
.u-boxShadow1px4pxCardBorder,
.u-borderBox img.u-baseColor--boxShadow {
	box-shadow: 0 1px 2px var(--color_brd_33), 0 -1px 2px var(--color_brd_33) !important;
}
.u-boxShadow {
	box-shadow: 0 1px 7px var(--color_bkg_0d) !important;
	border: 0 !important;
}
.popover-arrow:after {
	box-shadow: -1px -1px 1px -1px var(--color_brd_33) !important;
}
.popover--top .popover-arrow:after {
	box-shadow: 1px 1px 1px 0 var(--color_brd_33) !important;
}
.responsesStream-editor {
	box-shadow: none !important;
}

text,
.button--dark svg,
.overlay-title path,
.button-defaultState svg,
.bargraph-xAxis .bargraph-yAxis,
.u-accentColor--buttonNormal .svgIcon svg,
.u-accentColor--buttonNormal .icon:before {
	fill: currentColor !important;
}

/* accent colors */
.metabar,
div.u-tintBgColor {
	background-color: var(--accent_header) !important;
}

a,
a.link,
a.link .u-baseColor--textDark,
.link--accent:focus,
.link--accent:hover,
.link--accent:active,
.uiScale .ui-linkObvious,
.uiScale-ui--small .ui-tabActive,
.uiScale-ui--large .ui-tabActive,
.uiScale-ui--regular .ui-tabActive,
.u-accentColor--buttonNormal .icon:before,
.u-tintSpectrum .u-baseColor--iconLight.svgIcon,
.u-tintSpectrum .u-baseColor--iconLight .svgIcon,
.u-tintSpectrum .u-baseColor--buttonLight .svgIcon,
.u-tintSpectrum .u-baseColor--buttonLight .icon:before,
.u-tintSpectrum .u-baseColor--buttonNormal .icon:before,
.u-tintSpectrum .u-baseColor--buttonNormal .svgIcon,
.u-tintSpectrum .u-baseColor--link,
.u-tintSpectrum .u-baseColor--buttonLight,
.u-tintSpectrum .u-baseColor--buttonNormal,
.u-tintSpectrum .u-accentColor--buttonDark,
.u-tintSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill),
body .u-accentColor--buttonNormal:not(.clapButton--largePill),
.button .svgIcon:not(.svgIcon--clap):not(.svgIcon--clapFilled),
.suggestionSidebar .button.is-active:not(.button--withIcon) .button-activeState,
.u-tintSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),
.u-tintSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {
	color: var(--accent_link) !important;
	fill: var(--accent_link) !important;
	border-color: var(--accent_link) !important;
}

a:focus,
a:hover,
a:active,
a.link:hover,
.button--dark:hover svg,
a.button:hover,
a.button:hover .svgIcon,
a.button:focus .svgIcon,
a.button:active .svgIcon,
a.button.is-active .svgIcon,
li .button--chromeless:hover {
	color: var(--accent_hover) !important;
	fill: var(--accent_hover) !important;
}

body.is-withMagicUnderlines .markup--anchor {
	background-image: linear-gradient(to bottom, var(--accent_underline) 50%, rgba(0, 0, 0, 0) 50%) !important;
	/* including underline settings to prevent them being overridden */
	background-repeat: repeat-x !important;
	background-size: 2px .1em !important;
	background-position: 0 1.07em !important;
}

.u-tintSpectrum .u-baseColor--link:hover,
.u-tintSpectrum .u-baseColor--buttonNormal:hover,
.u-tintSpectrum .u-accentColor--buttonDark:hover,
.u-tintSpectrum .u-baseColor--link.link--darken:hover,
.u-tintSpectrum .u-baseColor--link.link--darken:focus,
.u-tintSpectrum .u-baseColor--link.link--darken:active,
.u-accentColor--textNormal.u-accentColor--textDarken:hover,
.u-tintSpectrum .u-baseColor--link.link--darkenOnHover:hover,
.u-tintSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill):hover {
	color: var(--accent_hover) !important;
	fill: var(--accent_hover) !important;
	border-color: var(--accent_hover) !important;
}

.markup--user,
.u-textColorNavy,
.u-textColor--brandSage,
.u-textColor--brandSea,
.u-textColor--brandSky,
.u-textColor--brandPlum,
.u-textColor--brandRose,
.u-textColor--brandSand,
.u-textColorGreenNormal,
.u-accentColor--textDark,
body .u-accentColor--textNormal,
.u-accentColor--borderNormal,
.u-accentColor--iconNormal.svgIcon,
.u-accentColor--iconNormal .svgIcon,
body .u-accentColor--buttonNormal .svgIcon,
.u-baseColor--iconNormal.avatar-halo,
.u-tintSpectrum .svgIcon--logoMonogram,
.u-tintSpectrum .svgIcon--logoMonogram svg,
.clapButton:disabled .svgIcon--clap,
.clapButton:disabled .svgIcon--clapFilled,
.u-accentColor--buttonNormal .svgIcon--clap,
.elevate-caps.u-accentColor--textNormal,
.elevate-accent.u-accentColor--textNormal {
	color: var(--accent_main) !important;
	fill: var(--accent_main) !important;
}

.u-strokeGreen {
	stroke: var(--accent_main) !important;
}
.u-strokeRose {
	stroke: var(--color_txt_88) !important;
}

.button:hover,
.tags--postTags > a:hover,
.tags--postTags > li:hover,
.tags--postTags > .button:hover,
.tags--postTags .tag-button:hover,
.u-accentColor--borderNormal,
body .postArticle.is-withAccentColors .markup--user,
body .postArticle.is-withAccentColors .markup--query,
.u-accentColor--buttonNormal:not(.clapButton--largePill) {
	color: var(--accent_main) !important;
	border-color: var(--accent_main) !important;
}

.u-accentColor--buttonDark.button--filled,
.u-accentColor--buttonDark.button--withChrome.is-active,
.u-accentColor--fillWhenActive.is-active,
.u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),
.u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {
	border-color: var(--accent_main) !important;
}

::selection {
	background-color: var(--accent_highlight) !important;
	color: var(--color_txt_ee) !important;
}
::-moz-selection {
	background-color: var(--accent_highlight) !important;
	color: var(--color_txt_ee) !important;
}

.loadingBar,
.markup--quote,
.markup--quote strong,
.markup--highlight,
.quoteItem .markup--highlight,
.u-accentColor--highlightFaint,
body.is-withMagicUnderlines .markup--quote.is-me,
body.is-withMagicUnderlines .markup--quote.is-other,
body.is-withMagicUnderlines .markup--quote .markup--anchor,
html body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-me,
html body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-other {
	background: var(--accent_highlight) !important;
	border-color: var(--accent_highlight) !important;
	color: var(--accent_highlight_text) !important;
}

.markup--quote:hover {
	filter: brightness(1.2) !important;
	-webkit-filter: brightness(1.2) !important;
}

.drawer-image,
.header__logo,
.svgIcon--lock,
/* logo links */
a.link > img.u-maxSizeFullWidth.u-maxSizeFullHeight,
/* inline image used as a horizontal separator */
.graf-image[data-height="20"],
.graf-image[data-height="22"] {
	filter: invert(90.5%) hue-rotate(180deg) !important;
}

/* hide white background */
.creditCardForm-icon,
.creditCardForm-ccImage {
	border-radius: 3px !important;
}

/* Google prettyprint - Tomorrow Night */
.prettyprint {
	background: #1d1f21 !important;
	font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace !important;
	line-height: 1.4em !important;
	padding: 10px !important;
	border: 0 !important;
}
.pln { color: #c5c8c6 !important; }
ol.linenums {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
@media screen {
	.str { color: #b5bd68 !important; }
	.kwd { color: #b294bb !important; }
	.com { color: #969896 !important; }
	.typ { color: #81a2be !important; }
	.lit { color: #de935f !important; }
	.pun { color: #c5c8c6 !important; }
	.opn { color: #c5c8c6 !important; }
	.clo { color: #c5c8c6 !important; }
	.tag { color: #c66 !important; }
	.atn { color: #de935f !important; }
	.atv { color: #8abeb7 !important; }
	.dec { color: #de935f !important; }
	.var { color: #c66 !important; }
	.fun { color: #81a2be !important; }
}
@media print, projection {
	.str { color: #060 !important; }
	.kwd { color: #006 !important; font-weight: 700 !important; }
	.com { color: #600 !important; font-style: italic !important; }
	.typ { color: #404 !important; font-weight: 700 !important; }
	.lit { color: #044 !important; }
	.clo, .opn, .pun { color: #440 !important; }
	.tag { color: #006 !important; font-weight: 700 !important; }
	.atn { color: #404 !important; }
	.atv { color: #060 !important; }
}

/* animations */
@keyframes black-pulse-09 {
	0% { transform: scale(1); fill: var(--color_txt_aa) !important; }
	15% { transform: scale(.9) !important; }
	100% { transform: scale(1); fill: var(--color_txt_aa) !important; }
}

@keyframes pulse-shadow {
	0% { box-shadow: 0 0 0 0 var(--accent_main) !important; }
	70% { box-shadow: 0 0 5px 10px rgba(255, 255, 255, 0) !important; }
	100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) !important; }
}

@keyframes pulse-shadow--onboarding {
	0% { box-shadow: 0 0 0 0 var(--accent_main) !important; }
	30% { box-shadow: 0 0 0 0 var(--accent_main) !important; }
	80% { box-shadow: 0 0 5px 10px rgba(255, 255, 255, 0) !important; }
	100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) !important; }
}

/* Gist Syntax highlighting - GitHub Twilight syntax theme */
body,
.gist .highlight {
	background-color: transparent !important;
}

.gist .gist-data,
.gist .gist-meta {
	background-color: var(--color_bkg_1b) !important;
}

.gist .gist-data,
.gist .gist-file {
	border-color: var(--color_brd_33) !important;
}

.gist .blob-code-inner,
.gist .pl-entl, .gist .pl-s2, .gist .pl-smi, .gist .pl-smp {
	color: var(--color_txt_cc) !important;
}

.gist .pl-c, .gist .pl-c span, .gist .pl-pdc {
	color: #5f5a60 !important;
}

.gist .pl-c1, .gist .pl-cce, .gist .pl-cn, .gist .pl-coc, .gist .pl-enc,
.gist .pl-ens, .gist .pl-kos, .gist .pl-kou, .gist .pl-mdr, .gist .pl-mh,
.gist .pl-mh .pl-pdh, .gist .pl-mq, .gist .pl-pdc1, .gist .pl-pde,
.gist .pl-pse, .gist .pl-pse .pl-s2, .gist .pl-scp, .gist .pl-vi {
color: #cf6a4c !important;
}

.gist .pl-entm, .gist .pl-eoac, .gist .pl-eoac .pl-pde, .gist .pl-mai .pl-sf,
.gist .pl-mm, .gist .pl-pdv, .gist .pl-som, .gist .pl-sr, .gist .pl-stj,
.gist .pl-vpf {
	color: #7587a6 !important;
}

.gist .pl-e, .gist .pl-ef, .gist .pl-en, .gist .pl-enf, .gist .pl-enm,
.gist .pl-entc, .gist .pl-eoi, .gist .pl-smc, .gist .pl-vo, .gist .pl-enti {
	color: #ac885b !important;
}

.gist .pl-ent, .gist .pl-eoa, .gist .pl-eoai, .gist .pl-eoai .pl-pde,
.gist .pl-k, .gist .pl-ko, .gist .pl-kolp, .gist .pl-mc, .gist .pl-mp .pl-s3,
.gist .pl-mr, .gist .pl-ms, .gist .pl-sok, .gist .pl-sra, .gist .pl-src,
.gist .pl-sre, .gist .pl-st, .gist .pl-mi, .gist .pl-pdi {
	color: #cda869 !important;
}

.gist .pl-mp {
	color: #c5af75 !important;
}

.gist .pl-mp1 .pl-sf, .gist .pl-s3, .gist .pl-sc, .gist .pl-sf {
	color: #dad085 !important;
}

.gist .pl-s {
	color: #f9ee98 !important;
}

.gist .pl-stp, .gist .pl-sv, .gist .pl-v {
	color: #9b859d !important;
}

.gist .pl-mri, .gist .pl-va, .gist .pl-vpu {
	color: teal !important;
}

.gist .pl-mdht, .gist .pl-mi1 {
	color: #55a532 !important;
	background: #020 !important;
}

.gist .pl-cos, .gist .pl-ml, .gist .pl-pds, .gist .pl-s1, .gist .pl-sol,
.gist .pl-mb, .gist .pl-pdb {
	color: #8f9d6a !important;
}

.gist .pl-md, .gist .pl-mdhf {
	color: #bd2c00 !important;
	background: #200 !important;
}

.gist .pl-mdh, .gist .pl-mdi {
	color: #7587a6 !important;
}

.gist .pl-id {
	background-color: #a31515 !important;
	color: var(--color_txt_ee) !important;
}

.gist .pl-ib {
	background-color: #f93 !important;
}

.gist .pl-ii, .gist .pl-ii .pl-cce {
	background-color: #df5000 !important;
	color: var(--color_txt_ee) !important;
}

.gist .pl-iu {
	background-color: #b4b7b4 !important;
}

.gist .pl-mo {
	color: #969896 !important;
}
.gist .pl-ms1 {
	background-color: #f5f5f5 !important;
}

}

@-moz-document regexp("^https://medium.com/@[^/]+$"), url-prefix("https://medium.com/me/") {
  /* UserCSS only: weird profile pages - https://medium.com/@wowmotty */
  nav.m, div[data-reactroot] > nav {
    background: var(--accent_header) !important;
  }

  a {
    color: var(--accent_main) !important;
    border-color: var(--accent_main) !important;
  }

  a svg {
    fill: currentColor !important;
    filter: none !important;
  }

  ul, div.k, div[style*="left"]:after {
    background: var(--color_bkg_11) !important;
    border-color: var(--color_brd_33) !important;
  }

  li, div[style*="absolute"] {
    border-color: var(--color_brd_33) !important;
  }

  h1, h2, h3, h4, h5, h6, div, span {
    color: var(--color_txt_aa) !important;
  }

  svg {
    filter: invert(100%) !important;
  }
}