#promo-filters {
    display: none;
}

@media screen and (min-width: 18.75rem) {
    #promo-filters {
        display: initial;
        box-sizing: border-box;
        margin: 0rem;
        padding: 4rem 0;
        font-family: "Jost", sans-serif;
    }
    #promo-filters div.section {
        display: none;
    }
    #promo-filters div.section[toggle-state="show"] {
        display: inherit;
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    #promo-filters div.section[toggle-state="show"]>div.container {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        margin-right: auto;
        margin-left: auto;
    }
    #promo-filters div.section[toggle-state="show"]>div.container div {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        margin-top: calc(-1 * 0);
        margin-right: calc(-0.5 * 1.5rem);
        margin-left: calc(-0.5 * 1.5rem);
    }
    #promo-filters div.section[toggle-state="show"]>div.container div:first-child>h2 {
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        box-sizing: border-box;
        -webkit-appearance: button;
        max-width: 100%;
        flex: 0 0 auto;
        width: auto;
        border-radius: 0.25rem;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        transition: none;
        cursor: pointer;
        margin: 0.25rem;
        padding: 0.125rem 0.75rem;
        display: flex;
        justify-content: left;
        align-items: center;
        font-size: 1.25rem;
    }
    #promo-filters div.section[toggle-state="show"]>div.container div:nth-child(2) button {
        text-indent: 0px;
        text-shadow: none;
        letter-spacing: normal;
        word-spacing: normal;
        text-rendering: auto;
        writing-mode: horizontal-tb !important;
        box-sizing: border-box;
        font-family: inherit;
        text-transform: none;
        -webkit-appearance: button;
        flex: 0 0 auto;
        width: auto;
        font-size: 1rem;
        border-radius: 0.25rem;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        font-weight: 400;
        line-height: 1.5;
        color: #6a7b90;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        transition: none;
        cursor: pointer;
        margin: 0.25rem;
        padding: 0.125rem 0.25rem;
        display: flex;
        justify-content: left;
        align-items: center;
        transition: color .15s ease-in-out border-color .5s ease-in-out;
    }
    #promo-filters div.section[toggle-state="show"]>div.container div:nth-child(2) button[selected="selected"]:focus {
        box-shadow: 0;
        outline: 0;
    }
    #promo-filters div.section[toggle-state="show"]>div.container div:nth-child(2) button:not([selected="selected"]):focus {
        box-shadow: 0;
        outline: 0;
    }
    #promo-filters div.section[toggle-state="show"]>div.container div:nth-child(2) button:hover {
        color: #5C93DA;
    }
    #promo-filters div.section[toggle-state="show"]>div.container div:nth-child(2) button:hover>i {
        border-bottom: 3px solid rgba(92, 147, 218, 0.8);
    }
    #promo-filters div.section[toggle-state="show"]>div.container div:nth-child(2) button:not([selected="selected"]):focus>i {
        border-bottom: 3px solid rgba(92, 147, 218, 0.8);
    }
    #promo-filters div.section[toggle-state="show"]>div.container div:nth-child(2) button>img {
        display: inline-block;
        margin: 0rem 0.62rem;
        padding: 0;
        height: 1.5rem;
        width: 1.5rem;
    }
    #promo-filters div.section[toggle-state="show"]>div.container div:nth-child(2) button>i {
        border-bottom: 3px solid transparent;
        font-style: normal;
        padding: 0.125rem;
        margin: 0.5rem;
    }
    #promo-filters div.section[toggle-state="show"]>div.container div:nth-child(2) button[selected="selected"]>i {
        border-bottom: 3px solid #5C93DA !important;
    }
    #promo-filters button.display-none.display-medium-flex {
        display: none !important;
    }
    #promo-filters button.display-none.display-medium-flex.toggled {
        display: flex !important;
    }
    #promo-filters button.display-flex.display-medium-none {
        display: flex !important;
    }
    /* .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    } */
}

@media screen and (min-width: 32.5rem) {
    #promo-filters div.section[toggle-state="show"]>div.container {
        max-width: 1200px;
        padding-left: 3rem;
        padding-right: 3rem;
    }
    #promo-filters div.section[toggle-state="show"]>div.container div {
        flex-wrap: wrap;
        flex-direction: row;
    }
    #promo-filters button.display-none.display-medium-flex {
        display: flex !important;
    }
    #promo-filters button.display-flex.display-medium-none {
        display: none !important;
    }
}

@media screen and (min-width: 45rem) {}

@media screen and (min-width: 48rem) {
    #promo-filters div.section[toggle-state="show"]>div.container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media screen and (min-width: 75rem) {}

@media screen and (min-width: 87.5rem) {}