/**
 * @name         Float Disease
 * @description  A discord window that is minimal and transparent. Works best with Microsoft Powertoys Always On Top enabled.
 * @author       Cedrick, Disease
 * @version      0.0.2
 */

:root {
    --guildbar-width: 56px;
    --mini-background-color: var(--background-primary);
}

.quickswitcher-pKcM9U {
    background-color: rgba(0, 0, 0, 0.5) !important;
    width: 400px;
    position: absolute;
    transform: translate(10, -50%);
}

@media (max-width: 700px) {
    .bg-1QIAus,
    .wrapper-3HVHpV,
    .wrapper-3HVHpV>* {
        background-color: var(--mini-background-color);
    }

    .container-ZMc96U, 
    .iconWrapper-2awDjA > svg{
        -webkit-app-region:drag;
    }

    body,
    .chat-2ZfjoI,
    .app-2CXKsg,
    .appMount-2yBXZl,
    .members-3WRCEx,
    .members-3WRCEx>div,
    .container-2o3qEW,
    .container-ZMc96U.themed-Hp1KC_,
    .container-1eFtFS,
    .container-1NXEtd,
    .scroller-3X7KbA,
    .wrapper-1_HaEi,
    .wrapper-3HVHpV,
    .wrapper-3HVHpV>*,
    .privateChannels-oVe7HL,
    .scroller-WSmht3,
    .container-2cd8Mz {
        background-color: transparent !important;
    }

    .children-3xh0VB::after,
    .form-3gdLxP::before,
    .content-1jQy2l::before,
    .tabBody-2dgbAs::before {
        display: none;
    }

    .container-2o3qEW {
        display: none;
    }

    .container-ZMc96U {
        height: 32px;
    }

    .sidebar-1tnWFu {
        -webkit-box-shadow: var(--elevation-high);
        box-shadow: var(--elevation-high);
        border-radius: 8px 8px 0 0 !important;
        width: 0px !important;
        transition: 0.5s ease;
        position: fixed;
        height: calc(100% - 32px);
        z-index: 3;
        bottom: 0;
    }

    .wrapper-1_HaEi:hover+.base-2jDfDU>.content-1SgpWY>.sidebar-1tnWFu {
        width: 240px !important;
    }

    .sidebar-1tnWFu:hover {
        width: 240px !important;
    }

    .searchResultsWrap-5RVOkx {
        position:absolute;
        top: 4px;
        right: 16px;
        max-width:80%;
        height:70%;
        border-radius: 8px;
        -webkit-box-shadow: var(--elevation-high);
        box-shadow: var(--elevation-high);
    }
    
    [id*="message-actions-"]>div:first-child,
    .scroller-2qwVWY::-webkit-scrollbar,
    .scroller-kQBbkU::-webkit-scrollbar,
    .protip-1jXzAl.inline-1zjmuk,
    .divider-q3P9HC,
    .topic-11NuQZ.expandable-3CaLeS,
    .note-OhIxFa,
    .toolbar-3_r2xA .iconWrapper-2awDjA{
        display: none;
    }
}

/*channellist*/
/*
.container-1NXEtd,
.sidebar-1tnWFu,
.scroller-WSmht3,
.privateChannels-oVe7HL {
    background-color: var(--mini-background-color);
}*/



/* Makes all member list/"channel information" areas work */

/* Guilds */
.guilds-2JjMmN {
    width: var(--guildbar-width);
}

.guilds-2JjMmN .wrapper-z5ab_q {
    height: calc(var(--guildbar-width) * 0.625) !important;
}

.guilds-2JjMmN .wrapper-z5ab_q span {
    max-height: calc(var(--guildbar-width) * 0.375) !important;
}

.guilds-2JjMmN div[style*="height: 56px"],
.guilds-2JjMmN [role=group] {
    height: auto !important;
}

.guilds-2JjMmN .listItem-GuPuDH,
.guilds-2JjMmN [class*="unreadMentionsIndicator"],
.guilds-2JjMmN .wrapper-3Njo_c {
    width: 100%;
}

.guilds-2JjMmN .wrapper-28eC3z,
.guilds-2JjMmN [class*="guildsError-"],
.guilds-2JjMmN svg[width="48"] {
    width: calc(var(--guildbar-width) * 0.625) !important;
    height: calc(var(--guildbar-width) * 0.625) !important;
}

.guilds-2JjMmN .wrapper-3Njo_c>span {
    left: calc(var(--guildbar-width) * 0.175) !important;
    width: calc(var(--guildbar-width) * 0.625) !important;
}

.guilds-2JjMmN #bd-pub-button {
    height: calc(var(--guildbar-width) * 0.375) !important;
    line-height: calc(var(--guildbar-width) * 0.375) !important;
    font-size: 10px;
}

.listItem-3SmSlK {
    width: var(--guildbar-width) !important;
}

/* Makes open folders look normal */
.expandedFolderBackground-1kSAf6 {
    left: calc(var(--guildbar-width) * 0.2) !important;
    width: calc(var(--guildbar-width) * 0.625) !important;
}