Skin for Warpcast by darkcalm

/* ==UserStyle==
@name       Skin for Warpcast
@version    1.6
@namespace  farcaster.id/na
@license    CC 1.0
==/UserStyle== */

@-moz-document domain("warpcast.com") {
/* backgrounds */
body {
    background-image:url(https://upload.wikimedia.org/wikipedia/commons/9/93/Black_Square.png)
}
#root, html {
    background:0 0
}
.relative.flex.bg-app {
    background:#fff!important
}
.cursor-pointer, .p-4, .relative, .space-y-\[14px\] {
    background:0 0
}
.flex.w-full.flex-col.items-center.pb-4 > .cursor-pointer {
    background:0 0
}
@media(hover:hover) and (pointer:fine) {
    .hover\:bg-overlay-faint:hover {
        background:#fff
    }
}
g path {
    filter:grayscale(1)
}
.absolute.flex.items-center.justify-center.rounded-full.shadow-sm.bg-action-red {
    filter:grayscale(1)
}
.flex.flex-col.space-y-2 {
    background:#fff
}

/* no sidebar */
.sm\:max-w-\[330px\].pt-3>* {
    display:none;
    z-index:-1
}
@media(min-width:640px) {
    .sm\:max-w-\[330px\] {
        max-width:0
    }
}
@media(min-width:1024px) {
    .lg\:w-\[393px\] {
        width:calc(393px - 42px)
    }
}
.h-full.w-full.relative.h-screen.max-h-screen.grow {
    flex-grow:0;
    width:calc(688px - 105px)
}


/* retains search */
.relative.font-sans, pre .relative {
    background:0 0
}
.sm\:max-w-\[330px\].pt-3>div:first-child {
    display:block;
    z-index:1;
    position:sticky;
    width:max-content;
}
input {
    border-color:transparent!important
}
.border-t {
    border-top-width:0px
}
.sm\:max-w-\[330px\].pt-3 * {
    background:0 0;
    color:#efefef
}
.sm\:max-w-\[330px\].pt-3 .absolute.left-\[14px\].top-\[9px\] path {
    color:transparent!important
}
.sm\:max-w-\[330px\].pt-3>div:first-child input::placeholder {
    color:transparent
}
.sm\:max-w-\[330px\].pt-3>div:first-child input {
    text-overflow:ellipsis
}
.sm\:max-w-\[330px\].pt-3>*>*>.flex {
    display:block
}
.absolute.inset-y-0.right-0.hidden.py-1\.5.pr-1\.5.mdlg\:flex {
    display:none
}

/* aesthetics */
* {
    transition:.42s
}
}

@-moz-document url("https://warpcast.com/") {
/* retains sidebar at home */
main{display:none}
.sm\:max-w-\[330px\].pt-3>* {
    display:block
}
@media(min-width:640px) {
    .sm\:max-w-\[330px\] {
        max-width:262px
    }
}
.relative.bg-app * {
    z-index:1;
    background:#000!important
}
.flex.flex-col.space-y-2 {
    background:0 0
}
}