/* ==UserStyle==
@name           Spotify Dracula
@namespace      USO Archive
@author         Taylor TEK
@description    `Spotify theme that follows Dracula guidelines`
@version        20221114.7.15
@license        CC-BY-NC-4.0
@preprocessor   uso
==/UserStyle== */
/* ==UserStyle==
@name           Dracula Spotify
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Spotify Theme that follows Dracula guidelines
@author         TaylorTek
@license        GNU GPLv3
==/UserStyle== */
@-moz-document domain("spotify.com") {
    :root {
        --dracBG: rgba(40, 42, 54, 100%);
        --dracBG2: rgba(30, 32, 44, 100%);
        --dracGreen: rgba(80, 250, 123, 100%);
        --dracWhite: rgba(248, 248, 242, 100%);
        --dracPink: rgba(255, 121, 188, 100%);
        --dracPurple: rgba(189, 147, 249, 100%);
    }


    .EZFyDnuQnx5hw78phLqP.hjb8tUL3rpUa0ez4ZtAj,
    .EZFyDnuQnx5hw78phLqP,
    .GD2gbRtcs5dOjMGAM_Y4,
    .n8Bz0c0v17whD3KfMdOk,
    .main-view-container__mh-footer-container,
    .cuLHaM,
    .main-view-container__scroll-node-child,
    .jEMA2gVoLgPQqAFrPhFw,
    .fVB_YDdnaDlztX7CcWTA,
    .fEvxx8vl3zTNWsuC8lpx,
    .ugPGmh_iv4lIuZkY1ZnL,
    .zuwPpHAEtIqahnB2u9NR,
    .v_YrAYQP6fHG_z0hyg7C,
    .uJjmxe0T11dUVeW6Biz8,
    .cj6vRk3nFAi80HSVqX91,
    header.facDIsOQo9q7kiWc4jSg.coBkWVskipFo8KxLKief,
    .UqLpBiryzmdVyUucfSTQ.MYLfS2gPUXjhrDhPCU7h,
    .hIFR8WDm_54EEIa1gwpC.fIvMht6B9HdROywMNJZ4:after,
    .ZbDMGdU4aBOnrNLowNRq,
    .rdv_h11KFhUaePKRhMCV,
    .lHJd4oSttKLxkxuoZ0Lr,
    .wM72343CksOCaL3bZvKK,
    .dRp9nXvINyo7LOvJtuUC.JrMgH1WiJ8l1iOgYiEsS.IkRGajTjItEFQkRMeH6v,
    .qG4q41T8PJl0SkVgUeJc,
    .scnRZypJsyXH1tjPg6uM {
        background-color: var(--dracBG) !important;
    }


    .ZQftYELq0aOsg6tPbVbV,
    nav.sqKERfoKl4KwrtHqcKOd,
    .Ai_McRq9wJEYK21w8nX_,
    input.Text__TextElement-sc-if376j-0.gYdBJW.encore-text-body-small.QO9loc33XC50mMRUCIvf,
    .uV8q95GGAb2VDtL3gpYa,
    .NbcaczStd8vD2rHWwaKv,
    .mXNT9H2GU7lDW4cGx0q1,
    .IjYxRc5luMiDPhKhZVUH:hover,
    .jByoWw:hover::after,
    .ejNsts52hRq0uZcc_NXi,
    .uhDzVbFHyCQDH6WrWZaC,
    .QkOkUShDYWFx5Cz40Bcn,
    .GTmlByXpJj7V6AwVq0Vk,
    .cacyLqtJhjhr95qRC_R7,
    .fqjnfn:hover::after,
    .h4HgbO_Uu1JYg5UGANeQ.eRuZMo_HNLjb1IalIeRb,
    .h4HgbO_Uu1JYg5UGANeQ.eRuZMo_HNLjb1IalIeRb:hover,
    .BdcvqBAid96FaHAmPYw_ {
        background-color: var(--dracBG2) !important;
    }

    .LunqxlFIupJw_Dkx6mNx,
    .HkbHLcqgUfXruL5xVi28 {
        background-color: var(--background-tinted-base) !important;
    }

    .zuwPpHAEtIqahnB2u9NR.jtqtOeRP46XAlHWx4C0D.MPBLLykSgRJIlLSbQVgy,
    .xYgjMpAjE5XT05aRIezb {
        background: none !important;

        background-color: var(--dracBG) !important;
    }

    .Box__BoxComponent-sc-y4nds-0.leZxoe.encore-light-theme.encore-layout-themes.RQREWe_yBdtc_g6eC3wQ {
        background-color: var(--dracBG2) !important;
        color: white !important;
    }
    span.Text__TextElement-sc-if376j-0.ksSRyh.encore-text-body-medium {
        color: white !important;
    }



    button.Button-sc-1dqy6lx-0.gCEYvk.encore-over-media-set.SFgYidQmrqrFEVh65Zrg {
        background: none !important;
    }



    ._EShSNaBK1wUIaZQFJJQ {
        -webkit-box-shadow: 0 4px 20px rgba(189, 147, 249, .5);
        box-shadow: 0 4px 20px rgb(189 147 249 / 50%);
    }


    /*Play Bar*/
    /*     .GD2gbRtcs5dOjMGAM_Y4 {
        background-color: var(--dracBG2)!important;
    } */
    /*Top Bar*/
    .Root__main-view,
    .HsbczDqu9qjcYr7EIdHR {
        background-color: var(--dracBG)!important;
        background-image: none;
    }

    /*Top Bar Scrolled*/
    .T1xI1RTSFU7Wu94UuvE6 {
        background-color: var(--dracBG)!important;
    }

    .EvIR4O7jOSbNmxtMdIQ0 {
        display: none;
    }



    /*Side Menu*/
    .tUwyjggD2n5KvEtP5z1B,
    .Y8edH1Yjo4xrW_58czQj {
        background-color: var(--dracBG2);
        background-image: none;
    }

    /*Top background of playlist*/
    .CoLO4pdSl8LGWyVZA00t,
    .gHImFiUWOg93pvTefeAD,
    .contentSpacing,
    .koyeY6AgGRPmyPITi7yO {
        background-color: var(--dracBG)!important;
        background-image: none!important;
    }

    /*Song Panels*/
    .LunqxlFIupJw_Dkx6mNx,
    .LunqxlFIupJw_Dkx6mNx:hover {
        background-color: var(--dracBG);
    }

    /*Play Buttons*/
    .ButtonInner-sc-14ud5tc-0 {
        background-color: var(--dracPurple)!important;
    }

    /*Shuffle Button*/
    .OF_3F0SQCsBtL1jSTlTA {
        color: var(--dracPink)!important;
    }

    /*Scrub Bar Fill*/
    .epWhU7hHGktzlO_dop6z {
        background-color: var(--dracPurple)!important;
    }

    /*Scrub Bar Background*/
    .NoOAOv6U6vtqj_ybS1Cd {
        background-color: var(--dracBG2);
    }
}