@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css");
/********** Uberflip Filter CSS ************/
#uf-lego-app
    body.stream-filter-app-enabled.filter-style-checkboxes
    #injected-filter
    #onBrand__filter-wrapper
    .onBrand__filter--form
    fieldset.filter-category
    > .filter-dropdown
    > li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#uf-lego-app
    body.stream-filter-app-enabled.filter-style-checkboxes
    #injected-filter
    #onBrand__filter-wrapper
    .onBrand__filter--form
    fieldset.filter-category
    > .filter-dropdown
    > li
    input {
    height: 14px;
    width: 14px;
}
#uf-lego-app
    body.stream-filter-app-enabled.filter-style-checkboxes
    #injected-filter
    #onBrand__filter-wrapper
    .onBrand__filter--form
    fieldset.filter-category
    > .filter-dropdown
    > li
    label {
    width: calc(100% - 30px);
}
#onBrand__filter-wrapper {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 20px;
}
@media (max-width: 924px) {
    #onBrand__filter-wrapper {
        width: 100%;
    }
}
@media screen and (max-width: 860px) {
    #onBrand__filter-wrapper {
        flex-wrap: wrap;
    }
}
#onBrand__filter-wrapper .page-width {
    width: 100%;
}
#onBrand__filter-wrapper #custom-filter-toggle {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    margin: 10px 0;
    position: relative;
    width: 100%;
    text-align: left;
    padding: 10px 0;
    border: none;
    border-radius: 30px;
    font-size: 16px !important;
    line-height: 1.3 !important;
    color: #000 !important;
    cursor: pointer;
}
@media screen and (max-width: 580px) {
    #onBrand__filter-wrapper #custom-filter-toggle {
        display: block;
    }
}
#onBrand__filter-wrapper #custom-filter-toggle i {
    color: #000 !important;
    /*font-size: 16px !important;*/
    /*line-height: 1.3 !important;*/
    position: absolute;
    right: 15px;
    transition: 0.3s linear;
}
#onBrand__filter-wrapper .onBrand__filter--form {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start !important;
}
@media screen and (max-width: 860px) {
    #onBrand__filter-wrapper .onBrand__filter--form {
        order: 3;
        width: 100%;
    }
}
@media screen and (max-width: 580px) {
    #onBrand__filter-wrapper .onBrand__filter--form {
        display: none;
    }
}
/*#onBrand__filter-wrapper .onBrand__filter--form fieldset {*/
/*  margin: 20px 0 0;*/
/*  text-align: left;*/
/*}*/
#onBrand__filter-wrapper .onBrand__filter--form .filter-category {
    /*color: #5a2a98;*/
    width: calc(50% - 21px);
    max-width: 235px;
    margin-right: 21px;
    margin-bottom: 21px;
    position: relative;
    font-size: 12px;
    line-height: 19px;
    text-align: left !important;
    padding: 0;
    border: 0px;
}
@media screen and (max-width: 580px) {
    #onBrand__filter-wrapper
        .onBrand__filter--form
        .filter-category {
        width: 100%;
        max-width: none;
        margin-right: 0;
        margin-bottom: 26px;
    }
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category
    .onbrand__filter--title {
    margin-bottom: 0;
    border-bottom: 0;
    font-size: 16px !important;
    display: block;
    height: 42px;
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category
    .onbrand__filter--title:before {
    content: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5 25H18V24.5C18 24.225 17.775 24 17.5 24H16.5C16.225 24 16 24.225 16 24.5V25H13.5C13.225 25 13 25.225 13 25.5V26.5C13 26.775 13.225 27 13.5 27H16V27.5C16 27.775 16.225 28 16.5 28H17.5C17.775 28 18 27.775 18 27.5V27H28.5C28.775 27 29 26.775 29 26.5V25.5C29 25.225 28.775 25 28.5 25ZM28.5 20H26V19.5C26 19.225 25.775 19 25.5 19H24.5C24.225 19 24 19.225 24 19.5V20H13.5C13.225 20 13 20.225 13 20.5V21.5C13 21.775 13.225 22 13.5 22H24V22.5C24 22.775 24.225 23 24.5 23H25.5C25.775 23 26 22.775 26 22.5V22H28.5C28.775 22 29 21.775 29 21.5V20.5C29 20.225 28.775 20 28.5 20ZM28.5 15H22V14.5C22 14.225 21.775 14 21.5 14H20.5C20.225 14 20 14.225 20 14.5V15H13.5C13.225 15 13 15.225 13 15.5V16.5C13 16.775 13.225 17 13.5 17H20V17.5C20 17.775 20.225 18 20.5 18H21.5C21.775 18 22 17.775 22 17.5V17H28.5C28.775 17 29 16.775 29 16.5V15.5C29 15.225 28.775 15 28.5 15Z' fill='black'/%3E%3C/svg%3E%0A");
    vertical-align: middle;
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category
    .onbrand__filter--select {
    width: 100%;
    display: block;
    padding: 10px 15px 10px 21px;
    /*font-weight: 500;*/
    /*color: #5a2a98;*/
    box-sizing: border-box;
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 0;
    position: relative;
    border-radius: 3px;
    border: 1px solid #ccdbe5;
    background: #fff;
    text-align: left !important;
    cursor: pointer;
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category
    .onbrand__filter--select
    span {
    font-family: "Franklin Narrow 800", sans-serif;
    line-height: 1;
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category
    .onbrand__filter--select
    i {
    float: right;
    transition: 0.3s ease-in-out;
    margin-top: 3px;
    /*color: #000 !important;*/
    /*font-weight: 400 !important;*/
    position: static;
    right: 18px;
    top: 15px;
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category
    .onbrand__filter--select
    .close_dropdown {
    float: right;
    margin-right: 15px;
    z-index: 999;
    display: none;
    /*color: #000 !important;*/
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category
    .filter-dropdown {
    text-align: left !important;
    background-color: #fff !important;
    margin: 0;
    position: absolute;
    border: 1px solid #d7dadb;
    border-top: none;
    width: 100%;
    padding: 0 18px;
    z-index: 2000;
    display: none;
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category
    .filter-dropdown
    > li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 7.5px 0;
    position: relative;
    margin: 10px;
    cursor: pointer;
}

.resetButton span {
    display: none;
}
@media (max-width: 580px) {
    #onBrand__filter-wrapper
        .onBrand__filter--form
        .filter-category
        .filter-dropdown
        > li {
        padding: 14.5px 0;
    }
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category
    .filter-dropdown
    > li
    input {
    height: 14px;
    width: 14px;
    cursor: pointer;
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category
    .filter-dropdown
    > li
    label {
    width: calc(100% - 30px);
    /*font-size: 16px !important;*/
    /*font-weight: 400 !important;*/
    /*color: #000 !important;*/
    line-height: 1;
    margin-bottom: 0;
    transition: 0.3s ease-in-out;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px;
    cursor: pointer;
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category.active
    .onbrand__filter--select
    i {
    transform: rotate(-180deg);
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category.active
    .onbrand__filter--select
    .close_dropdown {
    display: block !important;
    margin-top: 1px;
}
#onBrand__filter-wrapper
    .onBrand__filter--form
    .filter-category.active
    .onbrand__filter--select
    .close_dropdown
    i:before {
    content: "\f00d";
}
@media screen and (max-width: 580px) {
    #onBrand__filter-wrapper.filter-visible .onBrand__filter--form {
        display: flex;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        opacity: 1;
    }
}

.rotate-180 { 
    transform: rotate(180deg); 
    transition: transform 0.3s ease; 
}
.fa-chevron-down { 
    transition: transform 0.3s ease; 
}