html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
* { box-sizing: border-box; }
a { transition: 1s; -webkit-transition: 1s; text-decoration: none; cursor: pointer; }
a:focus, a:active, a:hover { outline: 0; }
[hidden], .hide { display: none; }
h1 { font-size: 2em; }
/* h1, h2 { margin: 0; } */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn, em { font-style: italic; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

small { font-size: 0.8em; }
sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
table { border-collapse: collapse; border-spacing: 0; }

button, input { outline: none; border: 0px; padding: 0px; font: inherit; background: inherit; color: inherit; }
input:-internal-autofill-selected { appearance: none!important; background: inherit!important; color: inherit!important; }
input::placeholder, input::-webkit-input-placeholder { color: inherit; opacity: 0.6; }

/* blockquote */
article blockquote { margin-block: 0; margin-inline: 0; }

/* scrollbar */
::-webkit-scrollbar { width: 2px; height: 2px; background: transparent; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb { background: rgb(var(--colour-scrollbar)); }

/* selection */
::selection { color: rgb(var(--colour-selection)); background: rgb(var(--colour-selection), 0.2); }
::-moz-selection { color: rgb(var(--colour-selection)); background: rgb(var(--colour-selection), 0.2); }

/* tumblr controls */
iframe.tmblr-iframe:not(.iframe-controls--phone-mobile) {
  z-index:99999999999999!important;
  opacity: 0.6; -webkit-transform:scale(0.6,0.6); -webkit-transform-origin: 100% 0%; -ms-transform-origin:100% 0%; -ms-transform:scale(0.6,0.6); transform:scale(0.6,0.6); transform-origin:100% 0%;
}
iframe.tmblr-iframe:hover { opacity: 1; }
body.invert_controls iframe.tmblr-iframe:not(.iframe-controls--phone-mobile) { filter:invert(100%); -webkit-filter:invert(100%); }
iframe.tmblr-iframe--app-cta-button { display:none!important; }

/* feather icons */
svg.feather { height: 1em; width: auto; flex-shrink: 0; }

/* credit */
#theme_credit { font-size: 12px; --colour-credit: 57,181,219; --colour-credit-bg: 196,233,244; --icon-size: 30px; --button-size: calc(var(--icon-size) + 20px); }
#theme_credit { position: fixed; right: 0.5em; bottom: 0.5em; width: 280px; display: flex; pointer-events: none; }
#theme_credit::before { content: ""; flex: 1; pointer-events: none;  }
#theme_credit a {
    flex-shrink: 0; flex-basis: var(--button-size); height: var(--button-size);
    overflow: hidden; pointer-events: all;
    display: flex; align-items: center; justify-content: space-between;
    font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
    transition: 1s; -webkit-transition: 1s;
    border-radius: 3em; color: rgb(var(--colour-credit));
}
#theme_credit a:hover { flex-grow: 1; background-color: rgb(var(--colour-credit-bg)); }
#theme_credit .theme_icon {
    flex-shrink: 0; width: var(--button-size); height: var(--button-size);
    display: flex; justify-content: center; align-items: center;
}
#theme_credit .theme_icon img, #theme_credit .theme_icon svg {
    height: var(--icon-size);
    width: var(--icon-size);
}
#theme_credit .theme_icon svg {
    stroke-width: 25px;
}
#theme_credit a:not(:hover) .theme_icon svg {
    stroke: rgb(var(--colour-background)); filter: invert(1);
}
#theme_credit a:hover .theme_icon svg { stroke: rgb(var(--colour-credit)); }
#theme_credit span.theme_label { white-space: nowrap; padding: 0 1em 0 0; }