@-moz-document domain("bsky.app"), domain("main.bsky.dev") {
:root {
    --theme-pink: #e54980; 
    --light-pink: #f891c1;
    --darkish-pink: #5C0048;
    --like-pink: rgb(236, 72, 153);
    --dark-pink: #24001F;
    --background-color: #0B0C0D;
    --alt-background-color: #0B0C0D;
    --rc-focus-color: var(--theme-pink);
}
::selection {
    background-color: rgba(229, 73, 128, 1);
    color: white !important;
}
nav[role="navigation"] > a > div > div > div[aria-label*="unread item"] {
    color: black !important;
}
[style*="background-color: rgb(16, 131, 254)"],
[style*="background-color: rgb(52, 150, 254)"],
[style*="background-color: rgb(1, 84, 173)"],
[style*="background-color: rgb(0, 133, 255)"],
[style*="background-color: rgb(1, 64, 132"],
button[aria-label*="Load new"] > div {
    background-color: var(--theme-pink) !important;
}
button [style*="background-image: linear-gradient"][style*="rgb(90, 113, 250), rgb(0, 133, 255)"] {
  background-image: linear-gradient(var(--theme-pink), var(--theme-pink)) !important;
}
[style*="background-color: rgb(16, 131, 254)"] svg[style*="color: rgb(241, 243, 245)"] > path,
[style*="background-color: rgb(52, 150, 254)"] svg[style*="color: rgb(241, 243, 245)"] > path {
    fill: black !important;
}
[style*="background-color: rgb(16, 131, 254)"] [style*="color: rgb(241, 243, 245)"],
[style*="background-color: rgb(52, 150, 254)"] [style*="color: rgb(241, 243, 245)"],
[style*="background-color: rgb(1, 84, 173)"] [style*="color: rgb(241, 243, 245)"],
[style*="background-color: rgb(0, 133, 255)"] [style*="color: rgb(255, 255, 255)"],
[style*="background-color: rgb(1, 64, 132"] [style*="color: rgb(241, 243, 245)"], /* dm spawning text */
button [style*="background-image: linear-gradient"][style*="rgb(90, 113, 250), rgb(0, 133, 255)"] [style*='color: rgb(255, 255, 255)'],
button [style*="background-image: linear-gradient"][style*="rgb(90, 113, 250), rgb(0, 133, 255)"] svg {
    color: black !important;
    opacity: 1 !important;
}
[style*='border-color: rgb(16, 131, 254)'],
[style*='border-color: rgb(52, 150, 254)'] {
    border-color: var(--light-pink) !important;
}
[style*="color: rgb(16, 131, 254)"],
[style*="color: rgb(52, 150, 254)"] {
    color: var(--light-pink) !important;
    text-decoration-color: var(--light-pink) !important;
}
[style*="color: rgb(16, 131, 254)"] [fill="hsl(211, 20%, 95.3%)"],
[style*="color: rgb(52, 150, 254)"] [fill="hsl(211, 20%, 95.3%)"] {
    fill: black !important;
}
[style*="border-bottom-color: rgb(16, 131, 254);"] {
    border-bottom-color: var(--theme-color) !important;
}
[style*="color: rgb(16, 131, 254)"] > path,
[fill="hsl(211, 99%, 53%)"],
[fill="hsl(211, 99%, 60%)"] {
    fill: var(--light-pink) !important;
}
[style*="background-color: rgb(0, 25, 51)"],
[style*="background-color: rgb(0, 44, 91)"]{
    background-color: var(--dark-pink) !important;
}
div[data-testid="notificationsScreen"] div[data-testid="notifsFeed"] div[style*="background-color: rgb(0, 17, 36)"][style*="border-color: rgb(0, 44, 91)"],
div[data-testid="notificationsScreen"] div[data-testid="notifsFeed"] a[style*="background-color: rgb(0, 17, 36)"][style*="border-color: rgb(0, 44, 91)"] {
    background-color: var(--dark-pink) !important;
    border-color: var(--darkish-pink) !important;
}
path[stroke="hsl(211, 99%, 53%)"] {
    stroke: var(--light-pink) !important;
}
div[data-testid="notifsFeed"] path[fill="#ec4899"] {
    fill: var(--light-pink) !important;
}
button[aria-label="Repost or quote post"] [style*="color: rgb(69, 237, 159);"] {
    color: var(--light-pink) !important;
}
svg[style="color: rgb(69, 237, 159);"] > [fill="hsl(152, 82%, 60%)"] {
    fill: var(--light-pink) !important;
}
button[data-testid="likeBtn"] div[style*="color: rgb(236, 72, 153);"] {
    color: var(--light-pink) !important;
}
button[data-testid="likeBtn"] path[fill="#ec4899"] {
    fill: var(--light-pink) !important;
}
button[data-testid="feed-list-togglePin"] > svg > path[fill="#0085ff"] {
    fill: var(--theme-pink) !important;
}
button[aria-label="Edit who can reply"] > div > svg > path {
    fill: hsl(211, 24%, 43.6%) !important;
}
div[style="background-color: rgb(20, 27, 35); opacity: 0.4;"] {
    opacity: 0 !important;
}
.mention, .autolink {
    color: var(--light-pink) !important;
}
div[data-testid="profileView"] button[data-testid="toggleSubscribeBtn"] > div {
    background-color: var(--theme-pink) !important;
}
div[data-testid="profileView"] button[data-testid="toggleSubscribeBtn"] > div > div {
    color: black !important;
}
div[data-testid="profileView"] div[style*="background-image: linear-gradient(rgb(10, 122, 255), rgb(89, 185, 255));"] {
    background-image: linear-gradient(var(--dark-pink), var(--dark-pink)) !important;   
}
div[data-testid="profileView"] button[aria-label="Create a starter pack"] {
    background-color: var(--dark-pink) !important;
}
div[data-testid="profileView"] button[aria-label="Create a starter pack"] > div {
    color: white !important;
}
div[aria-label="Notifications"] > div[aria-label*="unread items"] {
    background-color: var(--theme-pink) !important;
}
div[aria-label="Notifications"] > div[aria-label*="unread items"] > div {
    color: black !important;
}
div[id="splash"] > svg > path {
    fill: var(--light-pink) !important;
}
div[class="dropdown-menu-transform-origin"][role="menu"] > div > div[role="menuitem"] {
    background-color: var(--alt-background-color)
}
div[class="dropdown-menu-transform-origin"][role="menu"] > div > div[role="menuitem"][style*="background-color: rgb(28, 39, 50)"] {
    background-color: var(--dark-pink) !important;
}
div[class="dropdown-menu-transform-origin"][role="menu"] > div {
    border-color: var(--alt-background-color) !important;
    background-color: var(--alt-background-color) !important;
}
}